fix: show code id first in designer view

NetEase · Mar 13, 2024 · b3b68ed · b3b68ed
1 parent 1d04514
commit b3b68ed
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/packages/designer/src/helpers/dom.ts b/packages/designer/src/helpers/dom.ts
@@ -75,6 +75,7 @@ export function getElementData(
   const display = getElementCSSDisplay(element);
   return {
     id: dnd.id,
+    codeId: dnd.index,
     name: dnd.component || element.tagName.toLowerCase(),
     filename: dnd.filename,
     bounding,

diff --git a/packages/designer/src/sidebar/outline-panel/state-tree.tsx b/packages/designer/src/sidebar/outline-panel/state-tree.tsx
@@ -26,7 +26,7 @@ export const StateTree = observer(() => {
   const [, forceUpdate] = useReducer((x) => x + 1, 0);
   const tangoContext = pick(sandboxQuery.window['tango'] || {}, [
     'stores',
-    'refs',
+    'page',
     'services',
     'config',
   ]);

diff --git a/packages/designer/src/simulator/selection.tsx b/packages/designer/src/simulator/selection.tsx
@@ -159,7 +159,7 @@ function SelectionBox({ showActions, actions, data }: SelectionBoxProps) {
             label={
               <>
                 <NameSelector
-                  label={data.name}
+                  label={data.codeId || data.name}
                   parents={data.parents}
                   onSelect={(item) => {
                     workspace.selectSource.select(item);

diff --git a/packages/helpers/src/types/advanced.ts b/packages/helpers/src/types/advanced.ts
@@ -104,7 +104,14 @@ export type ElementBoundingType = {
  * 选中项数据类型
  */
 export interface ISelectedItemData {
+  /**
+   * 节点的 data-dnd 值
+   */
   id?: string;
+  /**
+   * 节点的 codeId
+   */
+  codeId?: string;
   /**
    * 组件名
    */