@xbeeant/form-engine-designer 0.0.3 → 0.0.4

package/dist/es/Canvas.js

@@ -1,15 +1,10 @@
 import { jsxs as F, jsx as s, Fragment as Ee } from "react/jsx-runtime";
 import { isLayoutNode as Oe, isDataField as Se } from "@xbeeant/form-engine";
-/* empty css                     */
-import { NexusField as Ie } from "./react/src/components/NexusField.js";
-import { NexusForm as ke } from "./react/src/components/NexusForm.js";
-import { NexusFormProvider as Fe } from "./react/src/components/NexusFormProvider.js";
-import { GridContext as Ae } from "./react/src/contexts/GridContext.js";
-import { useForm as pe } from "./react/src/hooks/useForm.js";
-import { Tag as _e, Typography as de, Button as J, Space as je, Modal as Ke, Empty as Re } from "antd";
+import { NexusField as Ie, GridContext as ke, useForm as de, NexusForm as Fe, NexusFormProvider as Ae } from "@xbeeant/form-engine-react";
+import { Tag as _e, Typography as pe, Button as J, Space as je, Modal as Ke, Empty as Re } from "antd";
 import { memo as Le, useMemo as ie, useState as ue, useEffect as re, useCallback as w } from "react";
-import { useDesigner as ze } from "./DesignerContext.js";
-import { getPropertiesOf as ee, getNodeLabel as Je, getNodeAtProperties as M, moveNodeInSchema as B, removeNodeFromSchema as fe, generateKey as G } from "./schemaUtils.js";
+import { useDesigner as ze } from "./designer-context.js";
+import { getPropertiesOf as ee, getNodeLabel as Je, getNodeAtProperties as M, moveNodeInSchema as B, removeNodeFromSchema as fe, generateKey as G } from "./schema-utils.js";
 const he = "application/json";
 function le(e, t) {
   return !e || e.length !== t.length ? !1 : e.every((r, o) => r === t[o]);
@@ -36,16 +31,16 @@ function De(e, t) {
   const r = M(e.properties, t);
   return r ? r.type : void 0;
 }
-function ge(e, t, r, o, p) {
-  const P = De(e, t), d = Pe[o];
-  if (d)
-    return P === d ? r : null;
+function ge(e, t, r, o, d) {
+  const P = De(e, t), p = Pe[o];
+  if (p)
+    return P === p ? r : null;
   const f = P ? be[P] : void 0;
   return f ? () => ({
     type: f,
     title: xe[f],
     properties: {
-      [p ?? G({})]: r()
+      [d ?? G({})]: r()
     }
   }) : r;
 }
@@ -53,10 +48,10 @@ function ye(e, t, r) {
   const o = M(e.properties, t);
   if (!o)
     return null;
-  const p = De(e, r), P = o.type, d = Pe[P];
-  if (d)
-    return p === d ? { node: o, wrapped: !1 } : null;
-  const f = p ? be[p] : void 0;
+  const d = De(e, r), P = o.type, p = Pe[P];
+  if (p)
+    return d === p ? { node: o, wrapped: !1 } : null;
+  const f = d ? be[d] : void 0;
   return f ? {
     wrapped: !0,
     node: {
@@ -75,7 +70,7 @@ function me(e, t) {
   if ($e(e, t))
     return !1;
   const r = e.slice(0, -1);
-  return !(r.length === t.length && r.every((o, p) => o === t[p]));
+  return !(r.length === t.length && r.every((o, d) => o === t[d]));
 }
 function ve(e, t) {
   if (!e || e.type === "inside")
@@ -93,8 +88,8 @@ function We(e) {
   return ["checkbox", "switch"].includes(e) ? "boolean" : ["number", "slider"].includes(e) ? "number" : ["checkboxes", "multiSelect"].includes(e) ? "array" : e === "object" ? "object" : "string";
 }
 function we(e, t) {
-  const r = t.slice(0, -1), o = t[t.length - 1], p = r.length === 0 ? e : M(e, r) && ee(M(e, r));
-  return p ? Object.keys(p).indexOf(o) : -1;
+  const r = t.slice(0, -1), o = t[t.length - 1], d = r.length === 0 ? e : M(e, r) && ee(M(e, r));
+  return d ? Object.keys(d).indexOf(o) : -1;
 }
 function oe(e, t) {
   if (t.length === 0)
@@ -114,21 +109,21 @@ const Be = Le(
     node: t,
     pathKey: r,
     depth: o,
-    parentDataPath: p,
+    parentDataPath: d,
     isSelected: P,
-    dropTargetType: d,
+    dropTargetType: p,
     selectedPathKey: f,
     dropTarget: N,
     actions: h
   }) {
-    const a = ie(() => JSON.parse(r), [r]), T = ee(t), C = T !== void 0, V = Je(t, a[a.length - 1]), O = t.widget || t.type, A = Oe(t), $ = A ? p : p ? `${p}.${a[a.length - 1]}` : a[a.length - 1], j = T ? Object.entries(T) : [], H = Se(t);
+    const a = ie(() => JSON.parse(r), [r]), T = ee(t), C = T !== void 0, V = Je(t, a[a.length - 1]), O = t.widget || t.type, A = Oe(t), $ = A ? d : d ? `${d}.${a[a.length - 1]}` : a[a.length - 1], j = T ? Object.entries(T) : [], H = Se(t);
     return /* @__PURE__ */ F(
       "div",
       {
         className: "mb-1.5 relative",
         style: { marginLeft: o },
         children: [
-          d === "before" && /* @__PURE__ */ s("div", { className: "drop-indicator-line relative h-1 pointer-events-none z-10 -mt-0.5" }),
+          p === "before" && /* @__PURE__ */ s("div", { className: "drop-indicator-line relative h-1 pointer-events-none z-10 -mt-0.5" }),
           /* @__PURE__ */ F(
             "div",
             {
@@ -157,8 +152,8 @@ const Be = Le(
                           children: O
                         }
                       ),
-                      /* @__PURE__ */ s(de.Text, { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: V }),
-                      /* @__PURE__ */ s(de.Text, { className: "text-[#bfbfbf] text-[11px] font-mono shrink-0", children: a[a.length - 1] }),
+                      /* @__PURE__ */ s(pe.Text, { className: "flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: V }),
+                      /* @__PURE__ */ s(pe.Text, { className: "text-[#bfbfbf] text-[11px] font-mono shrink-0", children: a[a.length - 1] }),
                       P && /* @__PURE__ */ F("span", { className: "inline-flex gap-1", children: [
                         /* @__PURE__ */ s(
                           J,
@@ -256,12 +251,12 @@ const Be = Le(
                       children: Q
                     }
                   );
-                  return L ? /* @__PURE__ */ s(Ae.Provider, { value: L, children: q }) : q;
+                  return L ? /* @__PURE__ */ s(ke.Provider, { value: L, children: q }) : q;
                 })()
               ]
             }
           ),
-          d === "after" && /* @__PURE__ */ s("div", { className: "drop-indicator-line relative h-1 pointer-events-none z-10 -mb-0.5" })
+          p === "after" && /* @__PURE__ */ s("div", { className: "drop-indicator-line relative h-1 pointer-events-none z-10 -mb-0.5" })
         ]
       },
       r
@@ -272,19 +267,19 @@ const Be = Le(
 function Ge(e) {
   return e === null || e.type === "inside" ? null : U(e.path);
 }
-function lt() {
+function tt() {
   const {
     schema: e,
     selectedPath: t,
     mode: r,
     selectNode: o,
-    addNode: p,
+    addNode: d,
     removeNode: P,
-    setSchema: d,
+    setSchema: p,
     registerUI: f,
     widgetCatalog: N,
     layoutCatalog: h
-  } = ze(), [a] = pe(), [T] = pe(), C = a._getEngine(), V = T._getEngine(), [O, A] = ue(null), [$, j] = ue(null);
+  } = ze(), [a] = de(), [T] = de(), C = a._getEngine(), V = T._getEngine(), [O, A] = ue(null), [$, j] = ue(null);
   re(() => {
     f?.(C), f?.(V);
   }, [f, C, V]), re(() => {
@@ -341,14 +336,14 @@ function lt() {
           if (!y)
             return;
           if (!y.wrapped)
-            d(B(e, l, i.path));
+            p(B(e, l, i.path));
           else {
             let D = structuredClone(e);
             const z = oe(D, i.path);
             if (!z)
               return;
             const Ce = G(z);
-            z[Ce] = y.node, D = fe(D, l), d(D);
+            z[Ce] = y.node, D = fe(D, l), p(D);
           }
           o(null);
           return;
@@ -368,7 +363,7 @@ function lt() {
         if (!ne)
           return;
         if (!ne.wrapped)
-          d(
+          p(
             B(
               e,
               l,
@@ -382,7 +377,7 @@ function lt() {
           if (!D)
             return;
           const z = G(D);
-          D[z] = ne.node, y = fe(y, l), d(
+          D[z] = ne.node, y = fe(y, l), p(
             B(
               y,
               [...v.toParentPath, z],
@@ -431,7 +426,7 @@ function lt() {
         const Y = u ?? G(l);
         if (u && Y in l)
           return;
-        p(i.path, Y, v());
+        d(i.path, Y, v());
         return;
       }
       const k = ve(i, e.properties);
@@ -454,7 +449,7 @@ function lt() {
         return;
       X[te] = ae();
       const Ne = [...k.toParentPath, te];
-      d(
+      p(
         B(
           ce,
           Ne,
@@ -467,9 +462,9 @@ function lt() {
       e,
       N,
       h,
-      p,
-      c,
       d,
+      c,
+      p,
       o
     ]
   ), R = w(
@@ -512,9 +507,9 @@ function lt() {
       if (u < 0 || i === "up" && u === 0 || i === "down" && u === x.length - 1)
         return;
       const k = i === "up" ? u - 1 : u + 1;
-      d(B(e, n, m, k)), o(n);
+      p(B(e, n, m, k)), o(n);
     },
-    [c, e, d, o]
+    [c, e, p, o]
   ), b = w((n) => {
     n.preventDefault(), n.dataTransfer.dropEffect = n.dataTransfer.effectAllowed === "copy" ? "copy" : "move", A((i) => i === null ? i : null);
   }, []), _ = w(
@@ -546,7 +541,7 @@ function lt() {
   );
   if (r === "preview")
     return /* @__PURE__ */ F("div", { className: "flex-1 overflow-y-auto p-4 bg-[#f5f5f5] min-h-full border border-transparent box-border", children: [
-      /* @__PURE__ */ s(ke, { form: T, schema: e }),
+      /* @__PURE__ */ s(Fe, { form: T, schema: e }),
       /* @__PURE__ */ s("div", { style: { marginTop: 16, textAlign: "center" }, children: /* @__PURE__ */ F(je, { children: [
         /* @__PURE__ */ s(
           J,
@@ -596,7 +591,7 @@ function lt() {
     ] });
   const se = Object.entries(e.properties);
   return /* @__PURE__ */ s(
-    Fe,
+    Ae,
     {
       form: a,
       engine: C,
@@ -632,6 +627,6 @@ function lt() {
   );
 }
 export {
-  lt as Canvas
+  tt as Canvas
 };
-//# sourceMappingURL=Canvas.js.map
+//# sourceMappingURL=canvas.js.map

package/dist/es/Canvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"Canvas.js","sources":["../../src/Canvas.tsx"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 中间画布面板\n// ============================================================================\n\nimport type { NexusSchema, SchemaNode } from '@xbeeant/form-engine';\nimport { isDataField, isLayoutNode } from '@xbeeant/form-engine';\nimport {\n  GridContext,\n  NexusField,\n  NexusForm,\n  type NexusFormConfig,\n  NexusFormProvider,\n  useForm,\n} from '@xbeeant/form-engine-react';\nimport { Button, Empty, Modal, Space, Tag, Typography } from 'antd';\nimport type React from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { useDesigner } from './DesignerContext';\nimport {\n  generateKey,\n  getNodeAtProperties,\n  getNodeLabel,\n  getPropertiesOf,\n  moveNodeInSchema,\n  removeNodeFromSchema,\n} from './schemaUtils';\nimport type { CatalogItem, FieldDef } from './types';\n\n// ── 拖拽数据载荷 ────────────────────────────────────────────────────────────\ninterface PaletteDragPayload {\n  source: 'palette';\n  catalogItem: CatalogItem;\n}\ninterface FieldDefDragPayload {\n  source: 'fieldDef';\n  fieldDef: FieldDef;\n}\ninterface CanvasDragPayload {\n  source: 'canvas';\n  fromPath: string[];\n}\ntype DragPayload = PaletteDragPayload | FieldDefDragPayload | CanvasDragPayload;\n\nconst DRAG_MIME = 'application/json';\n\n// ── Drop 目标类型 ───────────────────────────────────────────────────────────\ntype DropTarget =\n  | { type: 'inside'; path: string[] } // 拖入容器内部（追加到末尾）\n  | { type: 'before'; path: string[] } // 插入到某节点之前\n  | { type: 'after'; path: string[] } // 插入到某节点之后\n  | null;\n\nfunction pathEquals(a: string[] | null, b: string[]): boolean {\n  if (!a) {\n    return false;\n  }\n  if (a.length !== b.length) {\n    return false;\n  }\n  return a.every((seg, i) => seg === b[i]);\n}\n\nfunction dropTargetEquals(a: DropTarget, b: DropTarget): boolean {\n  if (a === null && b === null) {\n    return true;\n  }\n  if (a === null || b === null) {\n    return false;\n  }\n  return a.type === b.type && pathEquals(a.path, b.path);\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 面板节点（tabPane / collapsePanel / step）与容器类型的映射\n// 面板只能放入对应的 tabs / collapse / steps 容器（否则渲染结构非法）；\n// 普通节点直接拖入这些容器时自动包裹成新面板，保证运行时渲染结构合法。\n// ────────────────────────────────────────────────────────────────────────────\n\n/** 面板类型 → 唯一允许的父容器类型 */\nconst PANE_PARENT_TYPE: Record<string, string> = {\n  tabPane: 'tabs',\n  collapsePanel: 'collapse',\n  step: 'steps',\n};\n\n/** 容器类型 → 默认面板类型 */\nconst CONTAINER_PANE_TYPE: Record<string, string> = {\n  tabs: 'tabPane',\n  collapse: 'collapsePanel',\n  steps: 'step',\n};\n\n/** 面板默认标题 */\nconst PANE_DEFAULT_TITLE: Record<string, string> = {\n  tabPane: '标签页',\n  collapsePanel: '折叠面板',\n  step: '步骤',\n};\n\n/** 获取路径终点节点的容器类型（根路径返回 undefined） */\nfunction getContainerTypeAt(\n  schema: NexusSchema,\n  path: string[],\n): string | undefined {\n  if (path.length === 0) {\n    return undefined;\n  }\n  const node = getNodeAtProperties(schema.properties, path);\n  return node ? (node.type as string) : undefined;\n}\n\n/**\n * 解析一次「新增节点」插入所需的节点构造器：\n * - 面板节点（tabPane/collapsePanel/step）：仅当目标父级是对应容器时放行，否则拒绝\n * - 普通节点拖入 tabs/collapse/steps 容器：自动包裹成新面板\n * - 其余情况：原样返回\n *\n * @param innerKey 外部字段拖入时使用的固定 key（作为包裹面板内部字段的 key）\n * @returns 插入用构造器；返回 null 表示本次插入被拒绝\n */\nfunction resolveInsertFactory(\n  schema: NexusSchema,\n  toParentPath: string[],\n  createNode: () => SchemaNode,\n  nodeType: string,\n  innerKey?: string,\n): (() => SchemaNode) | null {\n  const parentType = getContainerTypeAt(schema, toParentPath);\n\n  const requiredParent = PANE_PARENT_TYPE[nodeType];\n  if (requiredParent) {\n    return parentType === requiredParent ? createNode : null;\n  }\n\n  const paneType = parentType ? CONTAINER_PANE_TYPE[parentType] : undefined;\n  if (paneType) {\n    return () =>\n      ({\n        type: paneType,\n        title: PANE_DEFAULT_TITLE[paneType],\n        properties: {\n          [innerKey ?? generateKey({}, nodeType)]: createNode(),\n        },\n      }) as unknown as SchemaNode;\n  }\n\n  return createNode;\n}\n\n/**\n * 解析一次「移动已有节点」的落点：\n * - 移动面板节点：仅允许放入对应容器（否则返回 null）\n * - 普通节点移入 tabs/collapse/steps 容器：包裹成新面板\n *\n * @returns wrapped 为 true 时 node 是新建的包裹面板，需删除原节点\n */\nfunction resolveMoveNode(\n  schema: NexusSchema,\n  fromPath: string[],\n  toParentPath: string[],\n): { node: SchemaNode; wrapped: boolean } | null {\n  const node = getNodeAtProperties(schema.properties, fromPath);\n  if (!node) {\n    return null;\n  }\n  const parentType = getContainerTypeAt(schema, toParentPath);\n  const nodeType = node.type as string;\n\n  const requiredParent = PANE_PARENT_TYPE[nodeType];\n  if (requiredParent) {\n    return parentType === requiredParent ? { node, wrapped: false } : null;\n  }\n\n  const paneType = parentType ? CONTAINER_PANE_TYPE[parentType] : undefined;\n  if (paneType) {\n    return {\n      wrapped: true,\n      node: {\n        type: paneType,\n        title: PANE_DEFAULT_TITLE[paneType],\n        properties: {\n          [fromPath[fromPath.length - 1]]: node,\n        },\n      } as unknown as SchemaNode,\n    };\n  }\n\n  return { node, wrapped: false };\n}\n\n// 判断 targetPath 是否是 fromPath 自身或其后代\nfunction isDescendantOrSelf(fromPath: string[], targetPath: string[]): boolean {\n  if (fromPath.length <= targetPath.length) {\n    return targetPath\n      .slice(0, fromPath.length)\n      .every((seg, i) => seg === fromPath[i]);\n  }\n  return false;\n}\n\n// 判断是否允许拖入（纯函数：不依赖组件作用域）\nfunction canDrop(fromPath: string[], targetPath: string[]): boolean {\n  if (isDescendantOrSelf(fromPath, targetPath)) {\n    return false;\n  }\n  const fromParent = fromPath.slice(0, -1);\n  return !(\n    fromParent.length === targetPath.length &&\n    fromParent.every((seg, i) => seg === targetPath[i])\n  );\n}\n\n// 计算 insertIndex：将节点移动/新增到目标位置（纯函数：不依赖组件作用域）\nfunction computeInsertIndex(\n  target: DropTarget,\n  schemaProps: Record<string, SchemaNode>,\n): { toParentPath: string[]; insertIndex: number } | null {\n  if (!target || target.type === 'inside') {\n    return null;\n  }\n\n  const nodeIndex = getIndexInParent(schemaProps, target.path);\n  if (nodeIndex === -1) {\n    return null;\n  }\n\n  const toParentPath = target.path.slice(0, -1);\n\n  if (target.type === 'before') {\n    return { toParentPath, insertIndex: nodeIndex };\n  } else {\n    // after\n    return { toParentPath, insertIndex: nodeIndex + 1 };\n  }\n}\n\nfunction resolveCatalogItem(\n  payload: CatalogItem,\n  widgetCatalog: CatalogItem[],\n  layoutCatalog: CatalogItem[],\n): CatalogItem | undefined {\n  if (payload.category === 'widget') {\n    return widgetCatalog.find((c) => c.widget === payload.widget);\n  }\n  return layoutCatalog.find((c) => c.layoutType === payload.layoutType);\n}\n\n// 根据 widget 名推断 schema type（用于外部字段拖入时构造节点）\nfunction inferSchemaType(widget: string): string {\n  if (['checkbox', 'switch'].includes(widget)) {\n    return 'boolean';\n  }\n  if (['number', 'slider'].includes(widget)) {\n    return 'number';\n  }\n  if (['checkboxes', 'multiSelect'].includes(widget)) {\n    return 'array';\n  }\n  if (widget === 'object') {\n    return 'object';\n  }\n  return 'string';\n}\n\n// 获取节点在其父级中的 index\nfunction getIndexInParent(\n  schemaProps: Record<string, SchemaNode>,\n  path: string[],\n): number {\n  const parentPath = path.slice(0, -1);\n  const key = path[path.length - 1];\n  const parentProps =\n    parentPath.length === 0\n      ? schemaProps\n      : getNodeAtProperties(schemaProps, parentPath) &&\n        getPropertiesOf(getNodeAtProperties(schemaProps, parentPath)!);\n  if (!parentProps) {\n    return -1;\n  }\n  return Object.keys(parentProps).indexOf(key);\n}\n\n// 与 getParentProps 相同，但作用于指定 schema（用于在副本上定位 properties）\nfunction getPropsAtPath(\n  targetSchema: NexusSchema,\n  parentPath: string[],\n): Record<string, SchemaNode> | undefined {\n  if (parentPath.length === 0) {\n    return targetSchema.properties;\n  }\n  const parent = getNodeAtProperties(targetSchema.properties, parentPath);\n  return parent ? getPropertiesOf(parent) : undefined;\n}\n\n// 从事件中计算 drop 目标（避免状态延迟）\nfunction computeDropTargetFromEvent(\n  e: React.DragEvent,\n  path: string[],\n): DropTarget {\n  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n  const y = e.clientY - rect.top;\n  const type: 'before' | 'after' = y < rect.height / 2 ? 'before' : 'after';\n  return { type, path };\n}\n\n/** 路径数组 → 稳定字符串 key（JSON 序列化，任意 key 内容均安全） */\nfunction toPathKey(path: string[]): string {\n  return JSON.stringify(path);\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// CanvasActions — 下发给 CanvasNode 的回调集合\n// 全部 useCallback 稳定化：schema/catalog 未变时引用不变，\n// 配合 React.memo 让拖拽热路径（dragOver → setDropTarget）只重渲染受影响节点\n// ────────────────────────────────────────────────────────────────────────────\n\ninterface CanvasActions {\n  onSelect: (path: string[]) => void;\n  onDelete: (path: string[]) => void;\n  onReorder: (path: string[], direction: 'up' | 'down') => void;\n  onDragStart: (e: React.DragEvent, path: string[]) => void;\n  onDragOver: (e: React.DragEvent, path: string[]) => void;\n  onNodeDrop: (e: React.DragEvent, path: string[]) => void;\n  onContainerDragOver: (e: React.DragEvent) => void;\n  onContainerDrop: (e: React.DragEvent, path: string[]) => void;\n}\n\ninterface CanvasNodeProps {\n  node: SchemaNode;\n  /** 节点在 schema 中的路径 key（JSON 字符串，跨渲染引用稳定） */\n  pathKey: string;\n  depth: number;\n  /** 祖先数据路径（布局节点 key 不进入，与 SchemaParser 对齐） */\n  parentDataPath: string;\n  /** 父级计算好的派生值：仅本节点相关（boolean/string，参与 memo 比较） */\n  isSelected: boolean;\n  dropTargetType: 'before' | 'after' | null;\n  /** 原始状态透传（供本节点计算其子节点的派生值；不参与 memo 比较） */\n  selectedPathKey: string | null;\n  dropTarget: DropTarget;\n  actions: CanvasActions;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// CanvasNode — 单个节点的递归渲染（memo 化，自定义比较器）\n// 比较器只对比派生值（isSelected / dropTargetType）与稳定引用（node / pathKey /\n// depth / parentDataPath / actions）：拖拽过程中只有 drop 目标节点与选中节点\n// 的派生值变化 → 其余子树整体跳过重渲染，热路径从 O(N) 降为 O(1)\n// ────────────────────────────────────────────────────────────────────────────\n\nconst CanvasNode = memo(\n  function CanvasNode({\n    node,\n    pathKey,\n    depth,\n    parentDataPath,\n    isSelected,\n    dropTargetType,\n    selectedPathKey,\n    dropTarget,\n    actions,\n  }: CanvasNodeProps) {\n    const path = useMemo(() => JSON.parse(pathKey) as string[], [pathKey]);\n    const childProps = getPropertiesOf(node);\n    const hasChildren = childProps !== undefined;\n    const label = getNodeLabel(node, path[path.length - 1]);\n    const badge = node.widget || node.type;\n    // 计算数据路径：布局节点 key 不进入数据路径（与 SchemaParser 对齐）\n    const isLayout = isLayoutNode(node);\n    const dataPath = isLayout\n      ? parentDataPath\n      : parentDataPath\n        ? `${parentDataPath}.${path[path.length - 1]}`\n        : path[path.length - 1];\n    const childEntries = childProps ? Object.entries(childProps) : [];\n    const isField = isDataField(node);\n\n    return (\n      <div\n        key={pathKey}\n        className='mb-1.5 relative'\n        style={{ marginLeft: depth }}\n      >\n        {/* before 插入指示线 — 显示在容器上方 */}\n        {dropTargetType === 'before' && (\n          <div className='drop-indicator-line relative h-1 pointer-events-none z-10 -mt-0.5' />\n        )}\n\n        {/* 统一包裹容器：header + 预览/子节点 */}\n        <div\n          className={`relative rounded border bg-white transition-all ${\n            isSelected\n              ? 'border-[#1677ff] bg-[#e6f4ff] shadow-[0_0_0_2px_rgba(22,119,255,0.1)]'\n              : 'border-[#e8e8e8] hover:border-[#1677ff]'\n          }`}\n        >\n          {/* header 行：拖拽 + 信息 + 操作 */}\n          <div\n            className='flex items-center gap-1.5 px-2 py-1.5 cursor-grab'\n            draggable\n            onDragStart={(e) => actions.onDragStart(e, path)}\n            onDragOver={(e) => actions.onDragOver(e, path)}\n            onDragLeave={(e) => {\n              e.stopPropagation();\n            }}\n            onDrop={(e) => actions.onNodeDrop(e, path)}\n            onClick={(e) => {\n              e.stopPropagation();\n              actions.onSelect(path);\n            }}\n          >\n            <Tag\n              color={hasChildren || isLayout ? 'blue' : undefined}\n              className='m-0! shrink-0'\n            >\n              {badge}\n            </Tag>\n            <Typography.Text className='flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n              {label}\n            </Typography.Text>\n            <Typography.Text className='text-[#bfbfbf] text-[11px] font-mono shrink-0'>\n              {path[path.length - 1]}\n            </Typography.Text>\n            {isSelected && (\n              <span className='inline-flex gap-1'>\n                <Button\n                  size='small'\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onReorder(path, 'up');\n                  }}\n                >\n                  ↑\n                </Button>\n                <Button\n                  size='small'\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onReorder(path, 'down');\n                  }}\n                >\n                  ↓\n                </Button>\n                <Button\n                  size='small'\n                  danger\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onDelete(path);\n                  }}\n                >\n                  ×\n                </Button>\n              </span>\n            )}\n          </div>\n\n          {/* 字段节点：通过 NexusField 渲染，复用引擎 reaction/联动 */}\n          {isField && (\n            <div className='px-2 pb-2'>\n              <NexusField\n                dataPath={dataPath}\n                layoutKey={path[path.length - 1]}\n              />\n            </div>\n          )}\n\n          {/* 有子节点的容器：显示子节点 */}\n          {!isField &&\n            hasChildren &&\n            (() => {\n              const isGridNode = node.type === 'grid';\n              const isFlexNode = node.type === 'flex';\n\n              // 根据布局类型构建容器 CSS 样式\n              let containerStyle: React.CSSProperties | undefined;\n              let gridContextValue: { column: number } | null = null;\n\n              if (isGridNode) {\n                const column = Math.max(1, (node as any).column ?? 2);\n                const gap = (node as any).gap ?? 12;\n                containerStyle = {\n                  display: 'grid',\n                  gridTemplateColumns: `repeat(${column}, 1fr)`,\n                  gap: `${gap}px`,\n                };\n                gridContextValue = { column };\n              } else if (isFlexNode) {\n                const gap = (node as any).gap ?? 8;\n                const direction = (node as any).direction ?? 'row';\n                const flexAlign = (node as any).align ?? 'flex-start';\n                const flexJustify = (node as any).justify ?? 'flex-start';\n                const flexWrap = (node as any).wrap ?? false;\n                containerStyle = {\n                  display: 'flex',\n                  flexDirection: direction === 'column' ? 'column' : 'row',\n                  alignItems: flexAlign,\n                  justifyContent: flexJustify,\n                  flexWrap: flexWrap ? 'wrap' : 'nowrap',\n                  gap: `${gap}px`,\n                };\n              }\n\n              const innerContent = (\n                <>\n                  {childEntries.map(([childKey, childNode]) => {\n                    const childPathKey = toPathKey([...path, childKey]);\n                    const childIsSelected = selectedPathKey === childPathKey;\n                    const childDropTargetType =\n                      dropTarget &&\n                      (dropTarget.type === 'before' ||\n                        dropTarget.type === 'after') &&\n                      dropTargetPathKey(dropTarget) === childPathKey\n                        ? dropTarget.type\n                        : null;\n                    return (\n                      <CanvasNode\n                        key={childPathKey}\n                        node={childNode}\n                        pathKey={childPathKey}\n                        depth={depth + 1}\n                        parentDataPath={dataPath}\n                        isSelected={childIsSelected}\n                        dropTargetType={childDropTargetType}\n                        selectedPathKey={selectedPathKey}\n                        dropTarget={dropTarget}\n                        actions={actions}\n                      />\n                    );\n                  })}\n                  {childEntries.length === 0 && (\n                    <div className='text-[#bfbfbf] text-xs text-center py-2'>\n                      拖拽组件到此处\n                    </div>\n                  )}\n                </>\n              );\n\n              const childDiv = (\n                <div\n                  className='mx-2 mb-2 p-2 border border-dashed rounded min-h-8 bg-[rgba(250,250,250,0.6)] border-[#d9d9d9]'\n                  style={containerStyle}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  onDragOver={actions.onContainerDragOver}\n                  onDrop={(e) => actions.onContainerDrop(e, path)}\n                >\n                  {innerContent}\n                </div>\n              );\n\n              // grid 需要提供 GridContext 给子项中的 NexusField 解析 colSpan\n              if (gridContextValue) {\n                return (\n                  <GridContext.Provider value={gridContextValue}>\n                    {childDiv}\n                  </GridContext.Provider>\n                );\n              }\n\n              return childDiv;\n            })()}\n        </div>\n\n        {/* after 插入指示线 */}\n        {dropTargetType === 'after' && (\n          <div className='drop-indicator-line relative h-1 pointer-events-none z-10 -mb-0.5' />\n        )}\n      </div>\n    );\n  },\n  (prev, next) =>\n    prev.node === next.node &&\n    prev.pathKey === next.pathKey &&\n    prev.depth === next.depth &&\n    prev.parentDataPath === next.parentDataPath &&\n    prev.isSelected === next.isSelected &&\n    prev.dropTargetType === next.dropTargetType &&\n    prev.actions === next.actions,\n);\n\n/** 取 before/after 类型 drop 目标的路径 key（inside 目标无节点级指示） */\nfunction dropTargetPathKey(target: DropTarget): string | null {\n  if (target === null || target.type === 'inside') {\n    return null;\n  }\n  return toPathKey(target.path);\n}\n\nexport function Canvas() {\n  const {\n    schema,\n    selectedPath,\n    mode,\n    selectNode,\n    addNode,\n    removeNode,\n    setSchema,\n    registerUI,\n    widgetCatalog,\n    layoutCatalog,\n  } = useDesigner();\n  // 设计/预览各持有一个独立的 form 实例（engine）：\n  // 设计态由下方 effect 手动 init，预览态由 <NexusForm> 内部 init，\n  // 二者互不干扰，避免切换模式时 fieldState/data 相互污染。\n  const [designForm] = useForm();\n  const [previewForm] = useForm();\n  const designEngine = designForm._getEngine();\n  const previewEngine = previewForm._getEngine();\n  const [dropTarget, setDropTarget] = useState<DropTarget>(null);\n  const [previewResult, setPreviewResult] = useState<Record<\n    string,\n    unknown\n  > | null>(null);\n\n  // 注册 widgets/layouts：仅供引擎消费一次，避免每次渲染重复注册\n  // registerUI 由使用方传入（如 registerAntdUI），解耦对具体 UI 库的依赖\n  useEffect(() => {\n    registerUI?.(designEngine);\n    registerUI?.(previewEngine);\n  }, [registerUI, designEngine, previewEngine]);\n\n  // 编辑模式下初始化引擎，使 NexusField 能读取 fieldState 并触发 reactions（联动）\n  // 预览模式由 <NexusForm> 内部负责 engine.init\n  useEffect(() => {\n    if (mode === 'preview') {\n      return;\n    }\n    const currentData = designEngine.getFormData();\n    designEngine.init(\n      schema,\n      Object.keys(currentData).length > 0 ? currentData : undefined,\n    );\n  }, [designEngine, schema, mode]);\n\n  const formConfig = useMemo<NexusFormConfig>(\n    () => ({\n      displayType: schema.displayType ?? 'row',\n      labelWidth: schema.labelWidth,\n      colon: schema.colon,\n      label: schema.label ?? true,\n      readOnly: schema.readOnly ?? false,\n      column: schema.column,\n    }),\n    [schema],\n  );\n\n  useEffect(() => {\n    const handleDragEnd = () => setDropTarget(null);\n    window.addEventListener('dragend', handleDragEnd);\n    return () => window.removeEventListener('dragend', handleDragEnd);\n  }, []);\n\n  const getParentProps = useCallback(\n    (parentPath: string[]) => {\n      if (parentPath.length === 0) {\n        return schema.properties;\n      }\n      const parent = getNodeAtProperties(schema.properties, parentPath);\n      return parent ? getPropertiesOf(parent) : undefined;\n    },\n    [schema],\n  );\n\n  // 统一处理 drop（依赖 schema，schema 变化时重建；拖拽过程中保持稳定）\n  const handleDrop = useCallback(\n    (e: React.DragEvent, target: DropTarget) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setDropTarget(null);\n      if (!target) {\n        return;\n      }\n\n      const data = e.dataTransfer.getData(DRAG_MIME);\n      if (!data) {\n        return;\n      }\n      let payload: DragPayload;\n      try {\n        payload = JSON.parse(data) as DragPayload;\n      } catch {\n        return;\n      }\n\n      // ── 情况一：从画布拖动已有节点 ──\n      if (payload.source === 'canvas') {\n        const fromPath = payload.fromPath;\n\n        if (target.type === 'inside') {\n          // 拖入容器内部\n          if (!canDrop(fromPath, target.path)) {\n            return;\n          }\n          // 面板节点仅入对应容器；普通节点进 tabs/collapse/steps 时自动包裹\n          const resolved = resolveMoveNode(schema, fromPath, target.path);\n          if (!resolved) {\n            return;\n          }\n          if (!resolved.wrapped) {\n            setSchema(moveNodeInSchema(schema, fromPath, target.path));\n          } else {\n            let next = structuredClone(schema) as NexusSchema;\n            const toProps = getPropsAtPath(next, target.path);\n            if (!toProps) {\n              return;\n            }\n            const paneKey = generateKey(toProps, 'panel');\n            toProps[paneKey] = resolved.node;\n            next = removeNodeFromSchema(next, fromPath);\n            setSchema(next);\n          }\n          selectNode(null);\n          return;\n        }\n\n        // before / after\n        if (!canDrop(fromPath, target.path)) {\n          return;\n        }\n        const result = computeInsertIndex(target, schema.properties);\n        if (!result) {\n          return;\n        }\n\n        // 同父级移动时调整 insertIndex\n        const fromParent = fromPath.slice(0, -1);\n        const sameParent =\n          fromParent.length === result.toParentPath.length &&\n          fromParent.every((seg, i) => seg === result.toParentPath[i]);\n\n        let insertIndex = result.insertIndex;\n        if (sameParent) {\n          const fromIndex = getIndexInParent(schema.properties, fromPath);\n          if (fromIndex !== -1 && fromIndex < insertIndex) {\n            insertIndex -= 1;\n          }\n        }\n\n        const resolved = resolveMoveNode(schema, fromPath, result.toParentPath);\n        if (!resolved) {\n          return;\n        }\n        if (!resolved.wrapped) {\n          setSchema(\n            moveNodeInSchema(\n              schema,\n              fromPath,\n              result.toParentPath,\n              insertIndex,\n            ),\n          );\n        } else {\n          let next = structuredClone(schema) as NexusSchema;\n          const toProps = getPropsAtPath(next, result.toParentPath);\n          if (!toProps) {\n            return;\n          }\n          const paneKey = generateKey(toProps, 'panel');\n          toProps[paneKey] = resolved.node;\n          next = removeNodeFromSchema(next, fromPath);\n          // 将包裹面板移动到目标插入位置\n          setSchema(\n            moveNodeInSchema(\n              next,\n              [...result.toParentPath, paneKey],\n              result.toParentPath,\n              insertIndex,\n            ),\n          );\n        }\n        selectNode(null);\n        return;\n      }\n\n      // ── 情况二：从 palette 或 fieldDef 拖入新组件 ──\n      let base: string;\n      let createNode: () => SchemaNode;\n      let fixedKey: string | undefined;\n\n      if (payload.source === 'fieldDef') {\n        // 外部字段：id 作为 key，name 作为 title，且不允许修改\n        const fd = payload.fieldDef;\n        base = fd.widget;\n        fixedKey = fd.id;\n        createNode = () =>\n          ({\n            type: inferSchemaType(fd.widget),\n            widget: fd.widget,\n            title: fd.name,\n            // 锁定标记：禁止在设计器中修改 key 和 title\n            _lockedKey: true,\n            _lockedTitle: true,\n          }) as unknown as SchemaNode;\n      } else {\n        // palette 组件目录\n        const found = resolveCatalogItem(\n          payload.catalogItem,\n          widgetCatalog,\n          layoutCatalog,\n        );\n        if (!found) {\n          return;\n        }\n        base = found.widget || found.layoutType || 'field';\n        createNode = () => found.createNode() as unknown as SchemaNode;\n      }\n\n      if (target.type === 'inside') {\n        const parentProps = getParentProps(target.path);\n        if (!parentProps) {\n          return;\n        }\n        // 面板类型校验 / 普通节点进面板容器时自动包裹\n        const factory = resolveInsertFactory(\n          schema,\n          target.path,\n          createNode,\n          base,\n          fixedKey,\n        );\n        if (!factory) {\n          return;\n        }\n        const key = fixedKey ?? generateKey(parentProps, base);\n        // 若 fixedKey 已存在，则跳过\n        if (fixedKey && key in parentProps) {\n          return;\n        }\n        addNode(target.path, key, factory());\n        return;\n      }\n\n      // before / after\n      const result = computeInsertIndex(target, schema.properties);\n      if (!result) {\n        return;\n      }\n      // 面板类型校验 / 普通节点进面板容器时自动包裹\n      const factory = resolveInsertFactory(\n        schema,\n        result.toParentPath,\n        createNode,\n        base,\n        fixedKey,\n      );\n      if (!factory) {\n        return;\n      }\n\n      // 在副本上操作：先 add 再 move\n      const next = structuredClone(schema) as NexusSchema;\n      const nextParentProps = getPropsAtPath(next, result.toParentPath);\n      if (!nextParentProps) {\n        return;\n      }\n\n      const newKey = fixedKey ?? generateKey(nextParentProps, base);\n      if (fixedKey && newKey in nextParentProps) {\n        return;\n      }\n      nextParentProps[newKey] = factory();\n\n      const fullNewPath = [...result.toParentPath, newKey];\n      setSchema(\n        moveNodeInSchema(\n          next,\n          fullNewPath,\n          result.toParentPath,\n          result.insertIndex,\n        ),\n      );\n    },\n    [\n      schema,\n      widgetCatalog,\n      layoutCatalog,\n      addNode,\n      getParentProps,\n      setSchema,\n      selectNode,\n    ],\n  );\n\n  // 节点 header 拖拽源 + drop 目标（仅依赖 setDropTarget，拖拽过程中引用稳定）\n  const handleNodeDragStart = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      const payload: CanvasDragPayload = { source: 'canvas', fromPath: path };\n      e.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload));\n      e.dataTransfer.effectAllowed = 'move';\n    },\n    [],\n  );\n\n  // 基于鼠标 Y 坐标判断 before/after（仅依赖 setDropTarget，引用稳定）\n  const handleNodeDragOver = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.preventDefault();\n      e.stopPropagation();\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const y = e.clientY - rect.top;\n      const type: 'before' | 'after' = y < rect.height / 2 ? 'before' : 'after';\n      const newTarget: DropTarget = { type, path };\n      // 根据 effectAllowed 设置 dropEffect，避免 palette(copy) 与 canvas(move) 互斥\n      e.dataTransfer.dropEffect =\n        e.dataTransfer.effectAllowed === 'copy' ? 'copy' : 'move';\n      setDropTarget((prev) => {\n        if (dropTargetEquals(prev, newTarget)) {\n          return prev;\n        }\n        return newTarget;\n      });\n    },\n    [],\n  );\n\n  const handleNodeDrop = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      const target = computeDropTargetFromEvent(e, path);\n      handleDrop(e, target);\n    },\n    [handleDrop],\n  );\n\n  const handleDelete = useCallback(\n    (path: string[]) => {\n      removeNode(path);\n    },\n    [removeNode],\n  );\n\n  const handleSelect = useCallback(\n    (path: string[]) => {\n      selectNode(path);\n    },\n    [selectNode],\n  );\n\n  const handleReorder = useCallback(\n    (path: string[], direction: 'up' | 'down') => {\n      const parentPath = path.slice(0, -1);\n      const key = path[path.length - 1];\n      const parentProps = getParentProps(parentPath);\n      if (!parentProps) {\n        return;\n      }\n      const keys = Object.keys(parentProps);\n      const idx = keys.indexOf(key);\n      if (idx < 0) {\n        return;\n      }\n      if (direction === 'up' && idx === 0) {\n        return;\n      }\n      if (direction === 'down' && idx === keys.length - 1) {\n        return;\n      }\n      const insertIndex = direction === 'up' ? idx - 1 : idx + 1;\n      setSchema(moveNodeInSchema(schema, path, parentPath, insertIndex));\n      selectNode(path);\n    },\n    [getParentProps, schema, setSchema, selectNode],\n  );\n\n  // 容器空白区 dragOver：清除节点上的 drop target 指示\n  const handleContainerDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.dataTransfer.dropEffect =\n      e.dataTransfer.effectAllowed === 'copy' ? 'copy' : 'move';\n    setDropTarget((prev) => {\n      if (prev === null) {\n        return prev;\n      }\n      return null;\n    });\n  }, []);\n\n  const handleContainerDrop = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      handleDrop(e, { type: 'inside', path });\n    },\n    [handleDrop],\n  );\n\n  // 下发给 CanvasNode 的稳定回调集合：\n  // 拖拽过程（dropTarget 变化）中所有回调引用不变 → 子节点 memo 生效\n  const actions = useMemo<CanvasActions>(\n    () => ({\n      onSelect: handleSelect,\n      onDelete: handleDelete,\n      onReorder: handleReorder,\n      onDragStart: handleNodeDragStart,\n      onDragOver: handleNodeDragOver,\n      onNodeDrop: handleNodeDrop,\n      onContainerDragOver: handleContainerDragOver,\n      onContainerDrop: handleContainerDrop,\n    }),\n    [\n      handleSelect,\n      handleDelete,\n      handleReorder,\n      handleNodeDragStart,\n      handleNodeDragOver,\n      handleNodeDrop,\n      handleContainerDragOver,\n      handleContainerDrop,\n    ],\n  );\n\n  if (mode === 'preview') {\n    return (\n      <div className='flex-1 overflow-y-auto p-4 bg-[#f5f5f5] min-h-full border border-transparent box-border'>\n        <NexusForm form={previewForm} schema={schema} />\n        <div style={{ marginTop: 16, textAlign: 'center' }}>\n          <Space>\n            <Button\n              type='primary'\n              onClick={async () => {\n                try {\n                  const errors = await previewForm.validateFields();\n                  if (errors.size > 0) {\n                    return;\n                  }\n                  const values = previewForm.getValues();\n                  setPreviewResult(values);\n                } catch {\n                  // 校验失败，不弹窗\n                }\n              }}\n            >\n              提交\n            </Button>\n            <Button onClick={() => previewForm.resetFields()}>重置</Button>\n          </Space>\n        </div>\n        <Modal\n          title='表单数据'\n          open={previewResult !== null}\n          onCancel={() => setPreviewResult(null)}\n          footer={[\n            <Button key='close' onClick={() => setPreviewResult(null)}>\n              关闭\n            </Button>,\n          ]}\n          width={600}\n        >\n          <pre\n            style={{\n              maxHeight: 400,\n              overflow: 'auto',\n              background: '#f5f5f5',\n              padding: 12,\n              borderRadius: 6,\n              fontSize: 13,\n              margin: 0,\n            }}\n          >\n            {JSON.stringify(previewResult, null, 2)}\n          </pre>\n        </Modal>\n      </div>\n    );\n  }\n\n  const rootEntries = Object.entries(schema.properties);\n\n  return (\n    <NexusFormProvider\n      form={designForm}\n      engine={designEngine}\n      config={formConfig}\n    >\n      <div\n        className='flex-1 overflow-y-auto p-4 bg-[#f5f5f5] min-h-full border border-transparent box-border'\n        onClick={() => selectNode(null)}\n        onDragOver={handleContainerDragOver}\n        onDrop={(e) => handleContainerDrop(e, [])}\n      >\n        <div>\n          {rootEntries.map(([key, node]) => (\n            <CanvasNode\n              key={toPathKey([key])}\n              node={node}\n              pathKey={toPathKey([key])}\n              depth={0}\n              parentDataPath=''\n              isSelected={pathEquals(selectedPath, [key])}\n              dropTargetType={\n                dropTarget &&\n                (dropTarget.type === 'before' || dropTarget.type === 'after') &&\n                pathEquals(dropTarget.path, [key])\n                  ? dropTarget.type\n                  : null\n              }\n              selectedPathKey={selectedPath ? toPathKey(selectedPath) : null}\n              dropTarget={dropTarget}\n              actions={actions}\n            />\n          ))}\n          {rootEntries.length === 0 && (\n            <Empty description='拖拽组件到此处开始设计' />\n          )}\n        </div>\n      </div>\n    </NexusFormProvider>\n  );\n}\n"],"names":["DRAG_MIME","pathEquals","a","b","seg","i","dropTargetEquals","PANE_PARENT_TYPE","CONTAINER_PANE_TYPE","PANE_DEFAULT_TITLE","getContainerTypeAt","schema","path","node","getNodeAtProperties","resolveInsertFactory","toParentPath","createNode","nodeType","innerKey","parentType","requiredParent","paneType","generateKey","resolveMoveNode","fromPath","isDescendantOrSelf","targetPath","canDrop","fromParent","computeInsertIndex","target","schemaProps","nodeIndex","getIndexInParent","resolveCatalogItem","payload","widgetCatalog","layoutCatalog","c","inferSchemaType","widget","parentPath","key","parentProps","getPropertiesOf","getPropsAtPath","targetSchema","parent","computeDropTargetFromEvent","rect","toPathKey","CanvasNode","memo","pathKey","depth","parentDataPath","isSelected","dropTargetType","selectedPathKey","dropTarget","actions","useMemo","childProps","hasChildren","label","getNodeLabel","badge","isLayout","isLayoutNode","dataPath","childEntries","isField","isDataField","jsxs","jsx","e","Tag","Typography","Button","NexusField","isGridNode","isFlexNode","containerStyle","gridContextValue","column","gap","direction","flexAlign","flexJustify","flexWrap","innerContent","Fragment","childKey","childNode","childPathKey","childIsSelected","childDropTargetType","dropTargetPathKey","childDiv","GridContext","prev","next","Canvas","selectedPath","mode","selectNode","addNode","removeNode","setSchema","registerUI","useDesigner","designForm","useForm","previewForm","designEngine","previewEngine","setDropTarget","useState","previewResult","setPreviewResult","useEffect","currentData","formConfig","handleDragEnd","getParentProps","useCallback","handleDrop","data","resolved","moveNodeInSchema","toProps","paneKey","removeNodeFromSchema","result","sameParent","insertIndex","fromIndex","base","fixedKey","fd","found","factory","nextParentProps","newKey","fullNewPath","handleNodeDragStart","handleNodeDragOver","newTarget","handleNodeDrop","handleDelete","handleSelect","handleReorder","keys","idx","handleContainerDragOver","handleContainerDrop","NexusForm","Space","values","Modal","rootEntries","NexusFormProvider","Empty"],"mappings":"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"}
+{"version":3,"file":"canvas.js","sources":["../../src/canvas.tsx"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 中间画布面板\n// ============================================================================\n\nimport type { NexusSchema, SchemaNode } from '@xbeeant/form-engine';\nimport { isDataField, isLayoutNode } from '@xbeeant/form-engine';\nimport {\n  GridContext,\n  NexusField,\n  NexusForm,\n  type NexusFormConfig,\n  NexusFormProvider,\n  useForm,\n} from '@xbeeant/form-engine-react';\nimport { Button, Empty, Modal, Space, Tag, Typography } from 'antd';\nimport type React from 'react';\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\nimport { useDesigner } from './designer-context';\nimport {\n  generateKey,\n  getNodeAtProperties,\n  getNodeLabel,\n  getPropertiesOf,\n  moveNodeInSchema,\n  removeNodeFromSchema,\n} from './schema-utils';\nimport type { CatalogItem, FieldDef } from './types';\n\n// ── 拖拽数据载荷 ────────────────────────────────────────────────────────────\ninterface PaletteDragPayload {\n  source: 'palette';\n  catalogItem: CatalogItem;\n}\ninterface FieldDefDragPayload {\n  source: 'fieldDef';\n  fieldDef: FieldDef;\n}\ninterface CanvasDragPayload {\n  source: 'canvas';\n  fromPath: string[];\n}\ntype DragPayload = PaletteDragPayload | FieldDefDragPayload | CanvasDragPayload;\n\nconst DRAG_MIME = 'application/json';\n\n// ── Drop 目标类型 ───────────────────────────────────────────────────────────\ntype DropTarget =\n  | { type: 'inside'; path: string[] } // 拖入容器内部（追加到末尾）\n  | { type: 'before'; path: string[] } // 插入到某节点之前\n  | { type: 'after'; path: string[] } // 插入到某节点之后\n  | null;\n\nfunction pathEquals(a: string[] | null, b: string[]): boolean {\n  if (!a) {\n    return false;\n  }\n  if (a.length !== b.length) {\n    return false;\n  }\n  return a.every((seg, i) => seg === b[i]);\n}\n\nfunction dropTargetEquals(a: DropTarget, b: DropTarget): boolean {\n  if (a === null && b === null) {\n    return true;\n  }\n  if (a === null || b === null) {\n    return false;\n  }\n  return a.type === b.type && pathEquals(a.path, b.path);\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// 面板节点（tabPane / collapsePanel / step）与容器类型的映射\n// 面板只能放入对应的 tabs / collapse / steps 容器（否则渲染结构非法）；\n// 普通节点直接拖入这些容器时自动包裹成新面板，保证运行时渲染结构合法。\n// ────────────────────────────────────────────────────────────────────────────\n\n/** 面板类型 → 唯一允许的父容器类型 */\nconst PANE_PARENT_TYPE: Record<string, string> = {\n  tabPane: 'tabs',\n  collapsePanel: 'collapse',\n  step: 'steps',\n};\n\n/** 容器类型 → 默认面板类型 */\nconst CONTAINER_PANE_TYPE: Record<string, string> = {\n  tabs: 'tabPane',\n  collapse: 'collapsePanel',\n  steps: 'step',\n};\n\n/** 面板默认标题 */\nconst PANE_DEFAULT_TITLE: Record<string, string> = {\n  tabPane: '标签页',\n  collapsePanel: '折叠面板',\n  step: '步骤',\n};\n\n/** 获取路径终点节点的容器类型（根路径返回 undefined） */\nfunction getContainerTypeAt(\n  schema: NexusSchema,\n  path: string[],\n): string | undefined {\n  if (path.length === 0) {\n    return undefined;\n  }\n  const node = getNodeAtProperties(schema.properties, path);\n  return node ? (node.type as string) : undefined;\n}\n\n/**\n * 解析一次「新增节点」插入所需的节点构造器：\n * - 面板节点（tabPane/collapsePanel/step）：仅当目标父级是对应容器时放行，否则拒绝\n * - 普通节点拖入 tabs/collapse/steps 容器：自动包裹成新面板\n * - 其余情况：原样返回\n *\n * @param innerKey 外部字段拖入时使用的固定 key（作为包裹面板内部字段的 key）\n * @returns 插入用构造器；返回 null 表示本次插入被拒绝\n */\nfunction resolveInsertFactory(\n  schema: NexusSchema,\n  toParentPath: string[],\n  createNode: () => SchemaNode,\n  nodeType: string,\n  innerKey?: string,\n): (() => SchemaNode) | null {\n  const parentType = getContainerTypeAt(schema, toParentPath);\n\n  const requiredParent = PANE_PARENT_TYPE[nodeType];\n  if (requiredParent) {\n    return parentType === requiredParent ? createNode : null;\n  }\n\n  const paneType = parentType ? CONTAINER_PANE_TYPE[parentType] : undefined;\n  if (paneType) {\n    return () =>\n      ({\n        type: paneType,\n        title: PANE_DEFAULT_TITLE[paneType],\n        properties: {\n          [innerKey ?? generateKey({}, nodeType)]: createNode(),\n        },\n      }) as unknown as SchemaNode;\n  }\n\n  return createNode;\n}\n\n/**\n * 解析一次「移动已有节点」的落点：\n * - 移动面板节点：仅允许放入对应容器（否则返回 null）\n * - 普通节点移入 tabs/collapse/steps 容器：包裹成新面板\n *\n * @returns wrapped 为 true 时 node 是新建的包裹面板，需删除原节点\n */\nfunction resolveMoveNode(\n  schema: NexusSchema,\n  fromPath: string[],\n  toParentPath: string[],\n): { node: SchemaNode; wrapped: boolean } | null {\n  const node = getNodeAtProperties(schema.properties, fromPath);\n  if (!node) {\n    return null;\n  }\n  const parentType = getContainerTypeAt(schema, toParentPath);\n  const nodeType = node.type as string;\n\n  const requiredParent = PANE_PARENT_TYPE[nodeType];\n  if (requiredParent) {\n    return parentType === requiredParent ? { node, wrapped: false } : null;\n  }\n\n  const paneType = parentType ? CONTAINER_PANE_TYPE[parentType] : undefined;\n  if (paneType) {\n    return {\n      wrapped: true,\n      node: {\n        type: paneType,\n        title: PANE_DEFAULT_TITLE[paneType],\n        properties: {\n          [fromPath[fromPath.length - 1]]: node,\n        },\n      } as unknown as SchemaNode,\n    };\n  }\n\n  return { node, wrapped: false };\n}\n\n// 判断 targetPath 是否是 fromPath 自身或其后代\nfunction isDescendantOrSelf(fromPath: string[], targetPath: string[]): boolean {\n  if (fromPath.length <= targetPath.length) {\n    return targetPath\n      .slice(0, fromPath.length)\n      .every((seg, i) => seg === fromPath[i]);\n  }\n  return false;\n}\n\n// 判断是否允许拖入（纯函数：不依赖组件作用域）\nfunction canDrop(fromPath: string[], targetPath: string[]): boolean {\n  if (isDescendantOrSelf(fromPath, targetPath)) {\n    return false;\n  }\n  const fromParent = fromPath.slice(0, -1);\n  return !(\n    fromParent.length === targetPath.length &&\n    fromParent.every((seg, i) => seg === targetPath[i])\n  );\n}\n\n// 计算 insertIndex：将节点移动/新增到目标位置（纯函数：不依赖组件作用域）\nfunction computeInsertIndex(\n  target: DropTarget,\n  schemaProps: Record<string, SchemaNode>,\n): { toParentPath: string[]; insertIndex: number } | null {\n  if (!target || target.type === 'inside') {\n    return null;\n  }\n\n  const nodeIndex = getIndexInParent(schemaProps, target.path);\n  if (nodeIndex === -1) {\n    return null;\n  }\n\n  const toParentPath = target.path.slice(0, -1);\n\n  if (target.type === 'before') {\n    return { toParentPath, insertIndex: nodeIndex };\n  } else {\n    // after\n    return { toParentPath, insertIndex: nodeIndex + 1 };\n  }\n}\n\nfunction resolveCatalogItem(\n  payload: CatalogItem,\n  widgetCatalog: CatalogItem[],\n  layoutCatalog: CatalogItem[],\n): CatalogItem | undefined {\n  if (payload.category === 'widget') {\n    return widgetCatalog.find((c) => c.widget === payload.widget);\n  }\n  return layoutCatalog.find((c) => c.layoutType === payload.layoutType);\n}\n\n// 根据 widget 名推断 schema type（用于外部字段拖入时构造节点）\nfunction inferSchemaType(widget: string): string {\n  if (['checkbox', 'switch'].includes(widget)) {\n    return 'boolean';\n  }\n  if (['number', 'slider'].includes(widget)) {\n    return 'number';\n  }\n  if (['checkboxes', 'multiSelect'].includes(widget)) {\n    return 'array';\n  }\n  if (widget === 'object') {\n    return 'object';\n  }\n  return 'string';\n}\n\n// 获取节点在其父级中的 index\nfunction getIndexInParent(\n  schemaProps: Record<string, SchemaNode>,\n  path: string[],\n): number {\n  const parentPath = path.slice(0, -1);\n  const key = path[path.length - 1];\n  const parentProps =\n    parentPath.length === 0\n      ? schemaProps\n      : getNodeAtProperties(schemaProps, parentPath) &&\n        getPropertiesOf(getNodeAtProperties(schemaProps, parentPath)!);\n  if (!parentProps) {\n    return -1;\n  }\n  return Object.keys(parentProps).indexOf(key);\n}\n\n// 与 getParentProps 相同，但作用于指定 schema（用于在副本上定位 properties）\nfunction getPropsAtPath(\n  targetSchema: NexusSchema,\n  parentPath: string[],\n): Record<string, SchemaNode> | undefined {\n  if (parentPath.length === 0) {\n    return targetSchema.properties;\n  }\n  const parent = getNodeAtProperties(targetSchema.properties, parentPath);\n  return parent ? getPropertiesOf(parent) : undefined;\n}\n\n// 从事件中计算 drop 目标（避免状态延迟）\nfunction computeDropTargetFromEvent(\n  e: React.DragEvent,\n  path: string[],\n): DropTarget {\n  const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n  const y = e.clientY - rect.top;\n  const type: 'before' | 'after' = y < rect.height / 2 ? 'before' : 'after';\n  return { type, path };\n}\n\n/** 路径数组 → 稳定字符串 key（JSON 序列化，任意 key 内容均安全） */\nfunction toPathKey(path: string[]): string {\n  return JSON.stringify(path);\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// CanvasActions — 下发给 CanvasNode 的回调集合\n// 全部 useCallback 稳定化：schema/catalog 未变时引用不变，\n// 配合 React.memo 让拖拽热路径（dragOver → setDropTarget）只重渲染受影响节点\n// ────────────────────────────────────────────────────────────────────────────\n\ninterface CanvasActions {\n  onSelect: (path: string[]) => void;\n  onDelete: (path: string[]) => void;\n  onReorder: (path: string[], direction: 'up' | 'down') => void;\n  onDragStart: (e: React.DragEvent, path: string[]) => void;\n  onDragOver: (e: React.DragEvent, path: string[]) => void;\n  onNodeDrop: (e: React.DragEvent, path: string[]) => void;\n  onContainerDragOver: (e: React.DragEvent) => void;\n  onContainerDrop: (e: React.DragEvent, path: string[]) => void;\n}\n\ninterface CanvasNodeProps {\n  node: SchemaNode;\n  /** 节点在 schema 中的路径 key（JSON 字符串，跨渲染引用稳定） */\n  pathKey: string;\n  depth: number;\n  /** 祖先数据路径（布局节点 key 不进入，与 SchemaParser 对齐） */\n  parentDataPath: string;\n  /** 父级计算好的派生值：仅本节点相关（boolean/string，参与 memo 比较） */\n  isSelected: boolean;\n  dropTargetType: 'before' | 'after' | null;\n  /** 原始状态透传（供本节点计算其子节点的派生值；不参与 memo 比较） */\n  selectedPathKey: string | null;\n  dropTarget: DropTarget;\n  actions: CanvasActions;\n}\n\n// ────────────────────────────────────────────────────────────────────────────\n// CanvasNode — 单个节点的递归渲染（memo 化，自定义比较器）\n// 比较器只对比派生值（isSelected / dropTargetType）与稳定引用（node / pathKey /\n// depth / parentDataPath / actions）：拖拽过程中只有 drop 目标节点与选中节点\n// 的派生值变化 → 其余子树整体跳过重渲染，热路径从 O(N) 降为 O(1)\n// ────────────────────────────────────────────────────────────────────────────\n\nconst CanvasNode = memo(\n  function CanvasNode({\n    node,\n    pathKey,\n    depth,\n    parentDataPath,\n    isSelected,\n    dropTargetType,\n    selectedPathKey,\n    dropTarget,\n    actions,\n  }: CanvasNodeProps) {\n    const path = useMemo(() => JSON.parse(pathKey) as string[], [pathKey]);\n    const childProps = getPropertiesOf(node);\n    const hasChildren = childProps !== undefined;\n    const label = getNodeLabel(node, path[path.length - 1]);\n    const badge = node.widget || node.type;\n    // 计算数据路径：布局节点 key 不进入数据路径（与 SchemaParser 对齐）\n    const isLayout = isLayoutNode(node);\n    const dataPath = isLayout\n      ? parentDataPath\n      : parentDataPath\n        ? `${parentDataPath}.${path[path.length - 1]}`\n        : path[path.length - 1];\n    const childEntries = childProps ? Object.entries(childProps) : [];\n    const isField = isDataField(node);\n\n    return (\n      <div\n        key={pathKey}\n        className='mb-1.5 relative'\n        style={{ marginLeft: depth }}\n      >\n        {/* before 插入指示线 — 显示在容器上方 */}\n        {dropTargetType === 'before' && (\n          <div className='drop-indicator-line relative h-1 pointer-events-none z-10 -mt-0.5' />\n        )}\n\n        {/* 统一包裹容器：header + 预览/子节点 */}\n        <div\n          className={`relative rounded border bg-white transition-all ${\n            isSelected\n              ? 'border-[#1677ff] bg-[#e6f4ff] shadow-[0_0_0_2px_rgba(22,119,255,0.1)]'\n              : 'border-[#e8e8e8] hover:border-[#1677ff]'\n          }`}\n        >\n          {/* header 行：拖拽 + 信息 + 操作 */}\n          <div\n            className='flex items-center gap-1.5 px-2 py-1.5 cursor-grab'\n            draggable\n            onDragStart={(e) => actions.onDragStart(e, path)}\n            onDragOver={(e) => actions.onDragOver(e, path)}\n            onDragLeave={(e) => {\n              e.stopPropagation();\n            }}\n            onDrop={(e) => actions.onNodeDrop(e, path)}\n            onClick={(e) => {\n              e.stopPropagation();\n              actions.onSelect(path);\n            }}\n          >\n            <Tag\n              color={hasChildren || isLayout ? 'blue' : undefined}\n              className='m-0! shrink-0'\n            >\n              {badge}\n            </Tag>\n            <Typography.Text className='flex-1 overflow-hidden text-ellipsis whitespace-nowrap'>\n              {label}\n            </Typography.Text>\n            <Typography.Text className='text-[#bfbfbf] text-[11px] font-mono shrink-0'>\n              {path[path.length - 1]}\n            </Typography.Text>\n            {isSelected && (\n              <span className='inline-flex gap-1'>\n                <Button\n                  size='small'\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onReorder(path, 'up');\n                  }}\n                >\n                  ↑\n                </Button>\n                <Button\n                  size='small'\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onReorder(path, 'down');\n                  }}\n                >\n                  ↓\n                </Button>\n                <Button\n                  size='small'\n                  danger\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    actions.onDelete(path);\n                  }}\n                >\n                  ×\n                </Button>\n              </span>\n            )}\n          </div>\n\n          {/* 字段节点：通过 NexusField 渲染，复用引擎 reaction/联动 */}\n          {isField && (\n            <div className='px-2 pb-2'>\n              <NexusField\n                dataPath={dataPath}\n                layoutKey={path[path.length - 1]}\n              />\n            </div>\n          )}\n\n          {/* 有子节点的容器：显示子节点 */}\n          {!isField &&\n            hasChildren &&\n            (() => {\n              const isGridNode = node.type === 'grid';\n              const isFlexNode = node.type === 'flex';\n\n              // 根据布局类型构建容器 CSS 样式\n              let containerStyle: React.CSSProperties | undefined;\n              let gridContextValue: { column: number } | null = null;\n\n              if (isGridNode) {\n                const column = Math.max(1, (node as any).column ?? 2);\n                const gap = (node as any).gap ?? 12;\n                containerStyle = {\n                  display: 'grid',\n                  gridTemplateColumns: `repeat(${column}, 1fr)`,\n                  gap: `${gap}px`,\n                };\n                gridContextValue = { column };\n              } else if (isFlexNode) {\n                const gap = (node as any).gap ?? 8;\n                const direction = (node as any).direction ?? 'row';\n                const flexAlign = (node as any).align ?? 'flex-start';\n                const flexJustify = (node as any).justify ?? 'flex-start';\n                const flexWrap = (node as any).wrap ?? false;\n                containerStyle = {\n                  display: 'flex',\n                  flexDirection: direction === 'column' ? 'column' : 'row',\n                  alignItems: flexAlign,\n                  justifyContent: flexJustify,\n                  flexWrap: flexWrap ? 'wrap' : 'nowrap',\n                  gap: `${gap}px`,\n                };\n              }\n\n              const innerContent = (\n                <>\n                  {childEntries.map(([childKey, childNode]) => {\n                    const childPathKey = toPathKey([...path, childKey]);\n                    const childIsSelected = selectedPathKey === childPathKey;\n                    const childDropTargetType =\n                      dropTarget &&\n                      (dropTarget.type === 'before' ||\n                        dropTarget.type === 'after') &&\n                      dropTargetPathKey(dropTarget) === childPathKey\n                        ? dropTarget.type\n                        : null;\n                    return (\n                      <CanvasNode\n                        key={childPathKey}\n                        node={childNode}\n                        pathKey={childPathKey}\n                        depth={depth + 1}\n                        parentDataPath={dataPath}\n                        isSelected={childIsSelected}\n                        dropTargetType={childDropTargetType}\n                        selectedPathKey={selectedPathKey}\n                        dropTarget={dropTarget}\n                        actions={actions}\n                      />\n                    );\n                  })}\n                  {childEntries.length === 0 && (\n                    <div className='text-[#bfbfbf] text-xs text-center py-2'>\n                      拖拽组件到此处\n                    </div>\n                  )}\n                </>\n              );\n\n              const childDiv = (\n                <div\n                  className='mx-2 mb-2 p-2 border border-dashed rounded min-h-8 bg-[rgba(250,250,250,0.6)] border-[#d9d9d9]'\n                  style={containerStyle}\n                  onClick={(e) => {\n                    e.stopPropagation();\n                  }}\n                  onDragOver={actions.onContainerDragOver}\n                  onDrop={(e) => actions.onContainerDrop(e, path)}\n                >\n                  {innerContent}\n                </div>\n              );\n\n              // grid 需要提供 GridContext 给子项中的 NexusField 解析 colSpan\n              if (gridContextValue) {\n                return (\n                  <GridContext.Provider value={gridContextValue}>\n                    {childDiv}\n                  </GridContext.Provider>\n                );\n              }\n\n              return childDiv;\n            })()}\n        </div>\n\n        {/* after 插入指示线 */}\n        {dropTargetType === 'after' && (\n          <div className='drop-indicator-line relative h-1 pointer-events-none z-10 -mb-0.5' />\n        )}\n      </div>\n    );\n  },\n  (prev, next) =>\n    prev.node === next.node &&\n    prev.pathKey === next.pathKey &&\n    prev.depth === next.depth &&\n    prev.parentDataPath === next.parentDataPath &&\n    prev.isSelected === next.isSelected &&\n    prev.dropTargetType === next.dropTargetType &&\n    prev.actions === next.actions,\n);\n\n/** 取 before/after 类型 drop 目标的路径 key（inside 目标无节点级指示） */\nfunction dropTargetPathKey(target: DropTarget): string | null {\n  if (target === null || target.type === 'inside') {\n    return null;\n  }\n  return toPathKey(target.path);\n}\n\nexport function Canvas() {\n  const {\n    schema,\n    selectedPath,\n    mode,\n    selectNode,\n    addNode,\n    removeNode,\n    setSchema,\n    registerUI,\n    widgetCatalog,\n    layoutCatalog,\n  } = useDesigner();\n  // 设计/预览各持有一个独立的 form 实例（engine）：\n  // 设计态由下方 effect 手动 init，预览态由 <NexusForm> 内部 init，\n  // 二者互不干扰，避免切换模式时 fieldState/data 相互污染。\n  const [designForm] = useForm();\n  const [previewForm] = useForm();\n  const designEngine = designForm._getEngine();\n  const previewEngine = previewForm._getEngine();\n  const [dropTarget, setDropTarget] = useState<DropTarget>(null);\n  const [previewResult, setPreviewResult] = useState<Record<\n    string,\n    unknown\n  > | null>(null);\n\n  // 注册 widgets/layouts：仅供引擎消费一次，避免每次渲染重复注册\n  // registerUI 由使用方传入（如 registerAntdUI），解耦对具体 UI 库的依赖\n  useEffect(() => {\n    registerUI?.(designEngine);\n    registerUI?.(previewEngine);\n  }, [registerUI, designEngine, previewEngine]);\n\n  // 编辑模式下初始化引擎，使 NexusField 能读取 fieldState 并触发 reactions（联动）\n  // 预览模式由 <NexusForm> 内部负责 engine.init\n  useEffect(() => {\n    if (mode === 'preview') {\n      return;\n    }\n    const currentData = designEngine.getFormData();\n    designEngine.init(\n      schema,\n      Object.keys(currentData).length > 0 ? currentData : undefined,\n    );\n  }, [designEngine, schema, mode]);\n\n  const formConfig = useMemo<NexusFormConfig>(\n    () => ({\n      displayType: schema.displayType ?? 'row',\n      labelWidth: schema.labelWidth,\n      colon: schema.colon,\n      label: schema.label ?? true,\n      readOnly: schema.readOnly ?? false,\n      column: schema.column,\n    }),\n    [schema],\n  );\n\n  useEffect(() => {\n    const handleDragEnd = () => setDropTarget(null);\n    window.addEventListener('dragend', handleDragEnd);\n    return () => window.removeEventListener('dragend', handleDragEnd);\n  }, []);\n\n  const getParentProps = useCallback(\n    (parentPath: string[]) => {\n      if (parentPath.length === 0) {\n        return schema.properties;\n      }\n      const parent = getNodeAtProperties(schema.properties, parentPath);\n      return parent ? getPropertiesOf(parent) : undefined;\n    },\n    [schema],\n  );\n\n  // 统一处理 drop（依赖 schema，schema 变化时重建；拖拽过程中保持稳定）\n  const handleDrop = useCallback(\n    (e: React.DragEvent, target: DropTarget) => {\n      e.preventDefault();\n      e.stopPropagation();\n      setDropTarget(null);\n      if (!target) {\n        return;\n      }\n\n      const data = e.dataTransfer.getData(DRAG_MIME);\n      if (!data) {\n        return;\n      }\n      let payload: DragPayload;\n      try {\n        payload = JSON.parse(data) as DragPayload;\n      } catch {\n        return;\n      }\n\n      // ── 情况一：从画布拖动已有节点 ──\n      if (payload.source === 'canvas') {\n        const fromPath = payload.fromPath;\n\n        if (target.type === 'inside') {\n          // 拖入容器内部\n          if (!canDrop(fromPath, target.path)) {\n            return;\n          }\n          // 面板节点仅入对应容器；普通节点进 tabs/collapse/steps 时自动包裹\n          const resolved = resolveMoveNode(schema, fromPath, target.path);\n          if (!resolved) {\n            return;\n          }\n          if (!resolved.wrapped) {\n            setSchema(moveNodeInSchema(schema, fromPath, target.path));\n          } else {\n            let next = structuredClone(schema) as NexusSchema;\n            const toProps = getPropsAtPath(next, target.path);\n            if (!toProps) {\n              return;\n            }\n            const paneKey = generateKey(toProps, 'panel');\n            toProps[paneKey] = resolved.node;\n            next = removeNodeFromSchema(next, fromPath);\n            setSchema(next);\n          }\n          selectNode(null);\n          return;\n        }\n\n        // before / after\n        if (!canDrop(fromPath, target.path)) {\n          return;\n        }\n        const result = computeInsertIndex(target, schema.properties);\n        if (!result) {\n          return;\n        }\n\n        // 同父级移动时调整 insertIndex\n        const fromParent = fromPath.slice(0, -1);\n        const sameParent =\n          fromParent.length === result.toParentPath.length &&\n          fromParent.every((seg, i) => seg === result.toParentPath[i]);\n\n        let insertIndex = result.insertIndex;\n        if (sameParent) {\n          const fromIndex = getIndexInParent(schema.properties, fromPath);\n          if (fromIndex !== -1 && fromIndex < insertIndex) {\n            insertIndex -= 1;\n          }\n        }\n\n        const resolved = resolveMoveNode(schema, fromPath, result.toParentPath);\n        if (!resolved) {\n          return;\n        }\n        if (!resolved.wrapped) {\n          setSchema(\n            moveNodeInSchema(\n              schema,\n              fromPath,\n              result.toParentPath,\n              insertIndex,\n            ),\n          );\n        } else {\n          let next = structuredClone(schema) as NexusSchema;\n          const toProps = getPropsAtPath(next, result.toParentPath);\n          if (!toProps) {\n            return;\n          }\n          const paneKey = generateKey(toProps, 'panel');\n          toProps[paneKey] = resolved.node;\n          next = removeNodeFromSchema(next, fromPath);\n          // 将包裹面板移动到目标插入位置\n          setSchema(\n            moveNodeInSchema(\n              next,\n              [...result.toParentPath, paneKey],\n              result.toParentPath,\n              insertIndex,\n            ),\n          );\n        }\n        selectNode(null);\n        return;\n      }\n\n      // ── 情况二：从 palette 或 fieldDef 拖入新组件 ──\n      let base: string;\n      let createNode: () => SchemaNode;\n      let fixedKey: string | undefined;\n\n      if (payload.source === 'fieldDef') {\n        // 外部字段：id 作为 key，name 作为 title，且不允许修改\n        const fd = payload.fieldDef;\n        base = fd.widget;\n        fixedKey = fd.id;\n        createNode = () =>\n          ({\n            type: inferSchemaType(fd.widget),\n            widget: fd.widget,\n            title: fd.name,\n            // 锁定标记：禁止在设计器中修改 key 和 title\n            _lockedKey: true,\n            _lockedTitle: true,\n          }) as unknown as SchemaNode;\n      } else {\n        // palette 组件目录\n        const found = resolveCatalogItem(\n          payload.catalogItem,\n          widgetCatalog,\n          layoutCatalog,\n        );\n        if (!found) {\n          return;\n        }\n        base = found.widget || found.layoutType || 'field';\n        createNode = () => found.createNode() as unknown as SchemaNode;\n      }\n\n      if (target.type === 'inside') {\n        const parentProps = getParentProps(target.path);\n        if (!parentProps) {\n          return;\n        }\n        // 面板类型校验 / 普通节点进面板容器时自动包裹\n        const factory = resolveInsertFactory(\n          schema,\n          target.path,\n          createNode,\n          base,\n          fixedKey,\n        );\n        if (!factory) {\n          return;\n        }\n        const key = fixedKey ?? generateKey(parentProps, base);\n        // 若 fixedKey 已存在，则跳过\n        if (fixedKey && key in parentProps) {\n          return;\n        }\n        addNode(target.path, key, factory());\n        return;\n      }\n\n      // before / after\n      const result = computeInsertIndex(target, schema.properties);\n      if (!result) {\n        return;\n      }\n      // 面板类型校验 / 普通节点进面板容器时自动包裹\n      const factory = resolveInsertFactory(\n        schema,\n        result.toParentPath,\n        createNode,\n        base,\n        fixedKey,\n      );\n      if (!factory) {\n        return;\n      }\n\n      // 在副本上操作：先 add 再 move\n      const next = structuredClone(schema) as NexusSchema;\n      const nextParentProps = getPropsAtPath(next, result.toParentPath);\n      if (!nextParentProps) {\n        return;\n      }\n\n      const newKey = fixedKey ?? generateKey(nextParentProps, base);\n      if (fixedKey && newKey in nextParentProps) {\n        return;\n      }\n      nextParentProps[newKey] = factory();\n\n      const fullNewPath = [...result.toParentPath, newKey];\n      setSchema(\n        moveNodeInSchema(\n          next,\n          fullNewPath,\n          result.toParentPath,\n          result.insertIndex,\n        ),\n      );\n    },\n    [\n      schema,\n      widgetCatalog,\n      layoutCatalog,\n      addNode,\n      getParentProps,\n      setSchema,\n      selectNode,\n    ],\n  );\n\n  // 节点 header 拖拽源 + drop 目标（仅依赖 setDropTarget，拖拽过程中引用稳定）\n  const handleNodeDragStart = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      const payload: CanvasDragPayload = { source: 'canvas', fromPath: path };\n      e.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload));\n      e.dataTransfer.effectAllowed = 'move';\n    },\n    [],\n  );\n\n  // 基于鼠标 Y 坐标判断 before/after（仅依赖 setDropTarget，引用稳定）\n  const handleNodeDragOver = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.preventDefault();\n      e.stopPropagation();\n      const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n      const y = e.clientY - rect.top;\n      const type: 'before' | 'after' = y < rect.height / 2 ? 'before' : 'after';\n      const newTarget: DropTarget = { type, path };\n      // 根据 effectAllowed 设置 dropEffect，避免 palette(copy) 与 canvas(move) 互斥\n      e.dataTransfer.dropEffect =\n        e.dataTransfer.effectAllowed === 'copy' ? 'copy' : 'move';\n      setDropTarget((prev) => {\n        if (dropTargetEquals(prev, newTarget)) {\n          return prev;\n        }\n        return newTarget;\n      });\n    },\n    [],\n  );\n\n  const handleNodeDrop = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      const target = computeDropTargetFromEvent(e, path);\n      handleDrop(e, target);\n    },\n    [handleDrop],\n  );\n\n  const handleDelete = useCallback(\n    (path: string[]) => {\n      removeNode(path);\n    },\n    [removeNode],\n  );\n\n  const handleSelect = useCallback(\n    (path: string[]) => {\n      selectNode(path);\n    },\n    [selectNode],\n  );\n\n  const handleReorder = useCallback(\n    (path: string[], direction: 'up' | 'down') => {\n      const parentPath = path.slice(0, -1);\n      const key = path[path.length - 1];\n      const parentProps = getParentProps(parentPath);\n      if (!parentProps) {\n        return;\n      }\n      const keys = Object.keys(parentProps);\n      const idx = keys.indexOf(key);\n      if (idx < 0) {\n        return;\n      }\n      if (direction === 'up' && idx === 0) {\n        return;\n      }\n      if (direction === 'down' && idx === keys.length - 1) {\n        return;\n      }\n      const insertIndex = direction === 'up' ? idx - 1 : idx + 1;\n      setSchema(moveNodeInSchema(schema, path, parentPath, insertIndex));\n      selectNode(path);\n    },\n    [getParentProps, schema, setSchema, selectNode],\n  );\n\n  // 容器空白区 dragOver：清除节点上的 drop target 指示\n  const handleContainerDragOver = useCallback((e: React.DragEvent) => {\n    e.preventDefault();\n    e.dataTransfer.dropEffect =\n      e.dataTransfer.effectAllowed === 'copy' ? 'copy' : 'move';\n    setDropTarget((prev) => {\n      if (prev === null) {\n        return prev;\n      }\n      return null;\n    });\n  }, []);\n\n  const handleContainerDrop = useCallback(\n    (e: React.DragEvent, path: string[]) => {\n      e.stopPropagation();\n      handleDrop(e, { type: 'inside', path });\n    },\n    [handleDrop],\n  );\n\n  // 下发给 CanvasNode 的稳定回调集合：\n  // 拖拽过程（dropTarget 变化）中所有回调引用不变 → 子节点 memo 生效\n  const actions = useMemo<CanvasActions>(\n    () => ({\n      onSelect: handleSelect,\n      onDelete: handleDelete,\n      onReorder: handleReorder,\n      onDragStart: handleNodeDragStart,\n      onDragOver: handleNodeDragOver,\n      onNodeDrop: handleNodeDrop,\n      onContainerDragOver: handleContainerDragOver,\n      onContainerDrop: handleContainerDrop,\n    }),\n    [\n      handleSelect,\n      handleDelete,\n      handleReorder,\n      handleNodeDragStart,\n      handleNodeDragOver,\n      handleNodeDrop,\n      handleContainerDragOver,\n      handleContainerDrop,\n    ],\n  );\n\n  if (mode === 'preview') {\n    return (\n      <div className='flex-1 overflow-y-auto p-4 bg-[#f5f5f5] min-h-full border border-transparent box-border'>\n        <NexusForm form={previewForm} schema={schema} />\n        <div style={{ marginTop: 16, textAlign: 'center' }}>\n          <Space>\n            <Button\n              type='primary'\n              onClick={async () => {\n                try {\n                  const errors = await previewForm.validateFields();\n                  if (errors.size > 0) {\n                    return;\n                  }\n                  const values = previewForm.getValues();\n                  setPreviewResult(values);\n                } catch {\n                  // 校验失败，不弹窗\n                }\n              }}\n            >\n              提交\n            </Button>\n            <Button onClick={() => previewForm.resetFields()}>重置</Button>\n          </Space>\n        </div>\n        <Modal\n          title='表单数据'\n          open={previewResult !== null}\n          onCancel={() => setPreviewResult(null)}\n          footer={[\n            <Button key='close' onClick={() => setPreviewResult(null)}>\n              关闭\n            </Button>,\n          ]}\n          width={600}\n        >\n          <pre\n            style={{\n              maxHeight: 400,\n              overflow: 'auto',\n              background: '#f5f5f5',\n              padding: 12,\n              borderRadius: 6,\n              fontSize: 13,\n              margin: 0,\n            }}\n          >\n            {JSON.stringify(previewResult, null, 2)}\n          </pre>\n        </Modal>\n      </div>\n    );\n  }\n\n  const rootEntries = Object.entries(schema.properties);\n\n  return (\n    <NexusFormProvider\n      form={designForm}\n      engine={designEngine}\n      config={formConfig}\n    >\n      <div\n        className='flex-1 overflow-y-auto p-4 bg-[#f5f5f5] min-h-full border border-transparent box-border'\n        onClick={() => selectNode(null)}\n        onDragOver={handleContainerDragOver}\n        onDrop={(e) => handleContainerDrop(e, [])}\n      >\n        <div>\n          {rootEntries.map(([key, node]) => (\n            <CanvasNode\n              key={toPathKey([key])}\n              node={node}\n              pathKey={toPathKey([key])}\n              depth={0}\n              parentDataPath=''\n              isSelected={pathEquals(selectedPath, [key])}\n              dropTargetType={\n                dropTarget &&\n                (dropTarget.type === 'before' || dropTarget.type === 'after') &&\n                pathEquals(dropTarget.path, [key])\n                  ? dropTarget.type\n                  : null\n              }\n              selectedPathKey={selectedPath ? toPathKey(selectedPath) : null}\n              dropTarget={dropTarget}\n              actions={actions}\n            />\n          ))}\n          {rootEntries.length === 0 && (\n            <Empty description='拖拽组件到此处开始设计' />\n          )}\n        </div>\n      </div>\n    </NexusFormProvider>\n  );\n}\n"],"names":["DRAG_MIME","pathEquals","a","b","seg","i","dropTargetEquals","PANE_PARENT_TYPE","CONTAINER_PANE_TYPE","PANE_DEFAULT_TITLE","getContainerTypeAt","schema","path","node","getNodeAtProperties","resolveInsertFactory","toParentPath","createNode","nodeType","innerKey","parentType","requiredParent","paneType","generateKey","resolveMoveNode","fromPath","isDescendantOrSelf","targetPath","canDrop","fromParent","computeInsertIndex","target","schemaProps","nodeIndex","getIndexInParent","resolveCatalogItem","payload","widgetCatalog","layoutCatalog","c","inferSchemaType","widget","parentPath","key","parentProps","getPropertiesOf","getPropsAtPath","targetSchema","parent","computeDropTargetFromEvent","rect","toPathKey","CanvasNode","memo","pathKey","depth","parentDataPath","isSelected","dropTargetType","selectedPathKey","dropTarget","actions","useMemo","childProps","hasChildren","label","getNodeLabel","badge","isLayout","isLayoutNode","dataPath","childEntries","isField","isDataField","jsxs","jsx","e","Tag","Typography","Button","NexusField","isGridNode","isFlexNode","containerStyle","gridContextValue","column","gap","direction","flexAlign","flexJustify","flexWrap","innerContent","Fragment","childKey","childNode","childPathKey","childIsSelected","childDropTargetType","dropTargetPathKey","childDiv","GridContext","prev","next","Canvas","selectedPath","mode","selectNode","addNode","removeNode","setSchema","registerUI","useDesigner","designForm","useForm","previewForm","designEngine","previewEngine","setDropTarget","useState","previewResult","setPreviewResult","useEffect","currentData","formConfig","handleDragEnd","getParentProps","useCallback","handleDrop","data","resolved","moveNodeInSchema","toProps","paneKey","removeNodeFromSchema","result","sameParent","insertIndex","fromIndex","base","fixedKey","fd","found","factory","nextParentProps","newKey","fullNewPath","handleNodeDragStart","handleNodeDragOver","newTarget","handleNodeDrop","handleDelete","handleSelect","handleReorder","keys","idx","handleContainerDragOver","handleContainerDrop","NexusForm","Space","values","Modal","rootEntries","NexusFormProvider","Empty"],"mappings":"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"}