@xbeeant/form-engine-designer 0.0.1

package/dist/es/Canvas.js.map

@@ -0,0 +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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"}

package/dist/es/Designer.js

@@ -0,0 +1,162 @@
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { widgetSchemas as A, registerAntdUI as B } from "@xbeeant/form-engine-ui";
+import { Typography as P, Space as k, Radio as f, Button as y, Popconfirm as E, Input as J, message as x } from "antd";
+import { useMemo as v, useState as b } from "react";
+import { Canvas as L } from "./Canvas.js";
+/* empty css                          */
+import { layoutCatalog as U, widgetCatalog as W } from "./catalog.js";
+import { DesignerProvider as D, useDesigner as M } from "./DesignerContext.js";
+import { Palette as z } from "./Palette.js";
+import { PropertyPanel as F } from "./PropertyPanel.js";
+import { ResizablePanel as w } from "./ResizablePanel.js";
+const S = {
+  type: "object",
+  displayType: "row",
+  properties: {}
+};
+function ee({
+  schema: o,
+  propertySchemaMap: n = A,
+  onSchemaChange: i,
+  registerUI: l = B,
+  fields: m,
+  widgetCatalog: r,
+  layoutCatalog: c
+}) {
+  const u = v(
+    () => o ?? S,
+    [o]
+  ), p = v(
+    () => C(W, r, "widget"),
+    [r]
+  ), g = v(
+    () => C(U, c, "layoutType"),
+    [c]
+  );
+  return /* @__PURE__ */ t(
+    D,
+    {
+      initialSchema: u,
+      onSchemaChange: i,
+      registerUI: l,
+      fields: m,
+      propertySchemaMap: n,
+      widgetCatalog: p,
+      layoutCatalog: g,
+      children: /* @__PURE__ */ t(I, {})
+    }
+  );
+}
+function C(o, n, i) {
+  if (!n || n.length === 0)
+    return o;
+  const l = new Set(n.map((r) => r[i]).filter(Boolean));
+  return [...o.filter((r) => !l.has(r[i])), ...n];
+}
+function I() {
+  const { mode: o, setMode: n, schema: i, setSchema: l, selectNode: m } = M(), [r, c] = b(""), [u, p] = b(!1), g = () => {
+    l(S), m(null), o === "schema" && c(JSON.stringify(S, null, 2));
+  }, j = () => {
+    c(JSON.stringify(i, null, 2)), p(!0);
+  }, N = () => {
+    if (u) {
+      try {
+        const e = JSON.parse(r);
+        e && e.type === "object" && e.properties ? l(e) : x.warning('Schema 必须包含 type: "object" 和 properties');
+      } catch {
+        x.error("JSON 格式错误，无法解析");
+      }
+      p(!1);
+    }
+  }, T = (e) => {
+    e === "schema" ? j() : N(), n(e);
+  }, O = () => {
+    const e = JSON.stringify(i, null, 2), h = new Blob([e], { type: "application/json" }), s = URL.createObjectURL(h), a = document.createElement("a");
+    a.href = s, a.download = "schema.json", a.click(), URL.revokeObjectURL(s);
+  }, R = () => {
+    const e = document.createElement("input");
+    e.type = "file", e.accept = "application/json", e.onchange = () => {
+      const h = e.files?.[0];
+      if (!h)
+        return;
+      const s = new FileReader();
+      s.onload = () => {
+        try {
+          const a = JSON.parse(s.result);
+          a && a.type === "object" && a.properties && l(a);
+        } catch {
+        }
+      }, s.readAsText(h);
+    }, e.click();
+  };
+  return /* @__PURE__ */ d("div", { className: "flex flex-col h-full bg-white", children: [
+    /* @__PURE__ */ d("div", { className: "flex items-center justify-between px-4 py-2 border-b border-[#f0f0f0] bg-[#fafafa]", children: [
+      /* @__PURE__ */ t(P.Text, { strong: !0, children: "Nexus 表单设计器" }),
+      /* @__PURE__ */ d(k, { children: [
+        /* @__PURE__ */ d(
+          f.Group,
+          {
+            value: o,
+            onChange: (e) => T(e.target.value),
+            children: [
+              /* @__PURE__ */ t(f.Button, { value: "design", children: "设计" }),
+              /* @__PURE__ */ t(f.Button, { value: "preview", children: "预览" }),
+              /* @__PURE__ */ t(f.Button, { value: "schema", children: "Schema" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(y, { onClick: R, children: "导入" }),
+        /* @__PURE__ */ t(y, { onClick: O, children: "导出" }),
+        /* @__PURE__ */ t(
+          E,
+          {
+            title: "清空画布",
+            description: "将移除画布上所有组件，此操作不可撤销",
+            okText: "清空",
+            cancelText: "取消",
+            okButtonProps: { danger: !0 },
+            onConfirm: g,
+            children: /* @__PURE__ */ t(y, { danger: !0, children: "清空" })
+          }
+        )
+      ] })
+    ] }),
+    o === "schema" ? /* @__PURE__ */ t("div", { className: "flex-1 overflow-auto p-4 bg-[#1e1e1e]", children: /* @__PURE__ */ t(
+      J.TextArea,
+      {
+        value: r,
+        onChange: (e) => c(e.target.value),
+        autoSize: { minRows: 20 },
+        className: "font-mono! text-[13px]! leading-[1.6]! bg-[#1e1e1e]! text-[#d4d4d4]! border-[#3e3e42]!"
+      }
+    ) }) : /* @__PURE__ */ d("div", { className: "flex flex-1 overflow-hidden", children: [
+      /* @__PURE__ */ t(
+        w,
+        {
+          side: "left",
+          defaultWidth: 240,
+          minWidth: 160,
+          maxWidth: 420,
+          collapsedTitle: "组件面板",
+          children: /* @__PURE__ */ t(z, {})
+        }
+      ),
+      /* @__PURE__ */ t(L, {}),
+      /* @__PURE__ */ t(
+        w,
+        {
+          side: "right",
+          defaultWidth: 320,
+          minWidth: 240,
+          maxWidth: 560,
+          collapsedTitle: "属性面板",
+          children: /* @__PURE__ */ t(F, {})
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ee as Designer
+};
+//# sourceMappingURL=Designer.js.map

package/dist/es/Designer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Designer.js","sources":["../../src/Designer.tsx"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 主组件\n// ============================================================================\n\nimport type { NexusEngine, NexusSchema } from '@xbeeant/form-engine';\nimport type { PropertySchemaMap } from '@xbeeant/form-engine-ui';\nimport { registerAntdUI, widgetSchemas } from '@xbeeant/form-engine-ui';\nimport {\n  Button,\n  Input,\n  message,\n  Popconfirm,\n  Radio,\n  Space,\n  Typography,\n} from 'antd';\nimport { useMemo, useState } from 'react';\nimport { Canvas } from './Canvas';\nimport './Designer.css';\nimport { layoutCatalog, widgetCatalog } from './catalog';\nimport { DesignerProvider, useDesigner } from './DesignerContext';\nimport { Palette } from './Palette';\nimport { PropertyPanel } from './PropertyPanel';\nimport { ResizablePanel } from './ResizablePanel';\nimport type { CatalogItem, DesignerMode, FieldDef } from './types';\n\nconst DEFAULT_SCHEMA: NexusSchema = {\n  type: 'object',\n  displayType: 'row',\n  properties: {},\n};\n\nexport interface DesignerProps {\n  schema?: NexusSchema;\n  /**\n   * widget 名 → 属性描述符映射，决定属性面板「组件属性」分区展示哪些配置项。\n   * 默认使用 @xbeeant/form-engine-ui 的 widgetSchemas（antd 组件全覆盖）；\n   * 传入自定义映射可整体替换，也可在默认基础上按 widget 名覆盖（如\n   * `{ ...widgetSchemas, input: myInputSchema }`）。\n   */\n  propertySchemaMap?: PropertySchemaMap;\n  onSchemaChange?: (schema: NexusSchema) => void;\n  /**\n   * UI 注册函数，向引擎注册 widgets 和 layouts。\n   * 默认使用 @xbeeant/form-engine-ui 的 registerAntdUI；接入其它 UI 库时传入自定义注册函数。\n   */\n  registerUI?: (engine: NexusEngine) => void;\n  /** 外部字段列表，传入后左侧 palette 多一个「字段列表」分组 */\n  fields?: FieldDef[];\n  /** 额外的 widget 目录项，与内置 widgetCatalog 合并（同 widget 名时外部覆盖内置） */\n  widgetCatalog?: CatalogItem[];\n  /** 额外的 layout 目录项，与内置 layoutCatalog 合并（同 layoutType 时外部覆盖内置） */\n  layoutCatalog?: CatalogItem[];\n}\n\nexport function Designer({\n  schema,\n  propertySchemaMap = widgetSchemas,\n  onSchemaChange,\n  registerUI = registerAntdUI,\n  fields,\n  widgetCatalog: extraWidgetCatalog,\n  layoutCatalog: extraLayoutCatalog,\n}: DesignerProps) {\n  const initialSchema = useMemo<NexusSchema>(\n    () => schema ?? DEFAULT_SCHEMA,\n    [schema],\n  );\n\n  // 合并内置 catalog 与外部传入的 catalog：外部同名项覆盖内置\n  const mergedWidgetCatalog = useMemo(\n    () => mergeCatalog(widgetCatalog, extraWidgetCatalog, 'widget'),\n    [extraWidgetCatalog],\n  );\n  const mergedLayoutCatalog = useMemo(\n    () => mergeCatalog(layoutCatalog, extraLayoutCatalog, 'layoutType'),\n    [extraLayoutCatalog],\n  );\n\n  return (\n    <DesignerProvider\n      initialSchema={initialSchema}\n      onSchemaChange={onSchemaChange}\n      registerUI={registerUI}\n      fields={fields}\n      propertySchemaMap={propertySchemaMap}\n      widgetCatalog={mergedWidgetCatalog}\n      layoutCatalog={mergedLayoutCatalog}\n    >\n      <DesignerForm />\n    </DesignerProvider>\n  );\n}\n\n// 合并内置与外部 catalog：外部项按 key 覆盖内置同名项，其余追加到末尾\nfunction mergeCatalog(\n  builtIn: CatalogItem[],\n  extra: CatalogItem[] | undefined,\n  keyField: 'widget' | 'layoutType',\n): CatalogItem[] {\n  if (!extra || extra.length === 0) {\n    return builtIn;\n  }\n  const extraKeys = new Set(extra.map((c) => c[keyField]).filter(Boolean));\n  const preserved = builtIn.filter((c) => !extraKeys.has(c[keyField]));\n  return [...preserved, ...extra];\n}\n\nfunction DesignerForm() {\n  const { mode, setMode, schema, setSchema, selectNode } = useDesigner();\n  const [schemaText, setSchemaText] = useState('');\n  const [schemaActive, setSchemaActive] = useState(false);\n\n  // 清空画布：重置为空 schema 并取消选中（必须新建对象，保证触发重渲染）\n  const handleClearSchema = () => {\n    setSchema(DEFAULT_SCHEMA);\n    selectNode(null);\n    if (mode === 'schema') {\n      setSchemaText(JSON.stringify(DEFAULT_SCHEMA, null, 2));\n    }\n  };\n\n  // 进入 schema 模式时同步当前 schema 到编辑框\n  const handleEnterSchema = () => {\n    setSchemaText(JSON.stringify(schema, null, 2));\n    setSchemaActive(true);\n  };\n\n  // 离开 schema 模式时尝试解析并写回\n  const handleLeaveSchema = () => {\n    if (!schemaActive) {\n      return;\n    }\n    try {\n      const parsed = JSON.parse(schemaText) as NexusSchema;\n      if (parsed && parsed.type === 'object' && parsed.properties) {\n        setSchema(parsed);\n      } else {\n        message.warning('Schema 必须包含 type: \"object\" 和 properties');\n      }\n    } catch {\n      message.error('JSON 格式错误，无法解析');\n    }\n    setSchemaActive(false);\n  };\n\n  // Radio.Group 切换\n  const handleModeChange = (value: DesignerMode) => {\n    if (value === 'schema') {\n      handleEnterSchema();\n    } else {\n      handleLeaveSchema();\n    }\n    setMode(value);\n  };\n\n  const handleExport = () => {\n    const json = JSON.stringify(schema, null, 2);\n    const blob = new Blob([json], { type: 'application/json' });\n    const url = URL.createObjectURL(blob);\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = 'schema.json';\n    a.click();\n    URL.revokeObjectURL(url);\n  };\n\n  const handleImport = () => {\n    const input = document.createElement('input');\n    input.type = 'file';\n    input.accept = 'application/json';\n    input.onchange = () => {\n      const file = input.files?.[0];\n      if (!file) {\n        return;\n      }\n      const reader = new FileReader();\n      reader.onload = () => {\n        try {\n          const parsed = JSON.parse(reader.result as string) as NexusSchema;\n          if (parsed && parsed.type === 'object' && parsed.properties) {\n            setSchema(parsed);\n          }\n        } catch {\n          // 忽略非法 JSON\n        }\n      };\n      reader.readAsText(file);\n    };\n    input.click();\n  };\n\n  return (\n    <div className='flex flex-col h-full bg-white'>\n      <div className='flex items-center justify-between px-4 py-2 border-b border-[#f0f0f0] bg-[#fafafa]'>\n        <Typography.Text strong>Nexus 表单设计器</Typography.Text>\n        <Space>\n          <Radio.Group\n            value={mode}\n            onChange={(e) => handleModeChange(e.target.value as DesignerMode)}\n          >\n            <Radio.Button value='design'>设计</Radio.Button>\n            <Radio.Button value='preview'>预览</Radio.Button>\n            <Radio.Button value='schema'>Schema</Radio.Button>\n          </Radio.Group>\n          <Button onClick={handleImport}>导入</Button>\n          <Button onClick={handleExport}>导出</Button>\n          <Popconfirm\n            title='清空画布'\n            description='将移除画布上所有组件，此操作不可撤销'\n            okText='清空'\n            cancelText='取消'\n            okButtonProps={{ danger: true }}\n            onConfirm={handleClearSchema}\n          >\n            <Button danger>清空</Button>\n          </Popconfirm>\n        </Space>\n      </div>\n      {mode === 'schema' ? (\n        <div className='flex-1 overflow-auto p-4 bg-[#1e1e1e]'>\n          <Input.TextArea\n            value={schemaText}\n            onChange={(e) => setSchemaText(e.target.value)}\n            autoSize={{ minRows: 20 }}\n            className='font-mono! text-[13px]! leading-[1.6]! bg-[#1e1e1e]! text-[#d4d4d4]! border-[#3e3e42]!'\n          />\n        </div>\n      ) : (\n        <div className='flex flex-1 overflow-hidden'>\n          <ResizablePanel\n            side='left'\n            defaultWidth={240}\n            minWidth={160}\n            maxWidth={420}\n            collapsedTitle='组件面板'\n          >\n            <Palette />\n          </ResizablePanel>\n          <Canvas />\n          <ResizablePanel\n            side='right'\n            defaultWidth={320}\n            minWidth={240}\n            maxWidth={560}\n            collapsedTitle='属性面板'\n          >\n            <PropertyPanel />\n          </ResizablePanel>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["DEFAULT_SCHEMA","Designer","schema","propertySchemaMap","widgetSchemas","onSchemaChange","registerUI","registerAntdUI","fields","extraWidgetCatalog","extraLayoutCatalog","initialSchema","useMemo","mergedWidgetCatalog","mergeCatalog","widgetCatalog","mergedLayoutCatalog","layoutCatalog","jsx","DesignerProvider","DesignerForm","builtIn","extra","keyField","extraKeys","c","mode","setMode","setSchema","selectNode","useDesigner","schemaText","setSchemaText","useState","schemaActive","setSchemaActive","handleClearSchema","handleEnterSchema","handleLeaveSchema","parsed","message","handleModeChange","value","handleExport","json","blob","url","handleImport","input","file","reader","jsxs","Typography","Space","Radio","Button","Popconfirm","Input","ResizablePanel","Palette","Canvas","PropertyPanel"],"mappings":"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"}

package/dist/es/DesignerContext.js

@@ -0,0 +1,97 @@
+import { jsx as F } from "react/jsx-runtime";
+import { createContext as I, useState as m, useCallback as n, useMemo as M, useContext as T } from "react";
+import { addChildToSchema as W, removeNodeFromSchema as q, updateNodeWithNesting as z, moveNodeInSchema as A, renameNodeInSchema as B } from "./schemaUtils.js";
+const C = I(null);
+function K({
+  initialSchema: c,
+  propertySchemaMap: i,
+  onSchemaChange: u,
+  registerUI: a,
+  fields: h,
+  widgetCatalog: N,
+  layoutCatalog: l,
+  children: b
+}) {
+  const [o, j] = m(c), [v, d] = m(null), [S, k] = m("design"), t = n(
+    (e) => {
+      j(e), u?.(e);
+    },
+    [u]
+  ), P = n((e) => t(e), [t]), f = n((e) => {
+    d(e);
+  }, []), x = n(
+    (e, s, r) => {
+      t(W(o, e, s, r));
+    },
+    [o, t]
+  ), D = n(
+    (e) => {
+      t(q(o, e)), d(null);
+    },
+    [o, t]
+  ), p = n(
+    (e, s) => {
+      t(z(o, e, s));
+    },
+    [o, t]
+  ), g = n(
+    (e, s) => {
+      t(A(o, e, s));
+    },
+    [o, t]
+  ), w = n(
+    (e, s) => {
+      const r = B(o, e, s);
+      t(r.schema), d(r.newPath);
+    },
+    [o, t]
+  ), E = M(
+    () => ({
+      schema: o,
+      selectedPath: v,
+      mode: S,
+      registerUI: a,
+      fields: h,
+      widgetCatalog: N,
+      layoutCatalog: l,
+      propertySchemaMap: i,
+      setSchema: P,
+      selectNode: f,
+      setMode: k,
+      addNode: x,
+      removeNode: D,
+      updateNode: p,
+      moveNode: g,
+      renameNode: w
+    }),
+    [
+      o,
+      i,
+      v,
+      S,
+      a,
+      h,
+      N,
+      l,
+      P,
+      f,
+      x,
+      D,
+      p,
+      g,
+      w
+    ]
+  );
+  return /* @__PURE__ */ F(C.Provider, { value: E, children: b });
+}
+function L() {
+  const c = T(C);
+  if (!c)
+    throw new Error("useDesigner 必须在 <DesignerProvider> 内使用");
+  return c;
+}
+export {
+  K as DesignerProvider,
+  L as useDesigner
+};
+//# sourceMappingURL=DesignerContext.js.map

package/dist/es/DesignerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesignerContext.js","sources":["../../src/DesignerContext.tsx"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 设计器状态上下文\n// ============================================================================\n\nimport type {\n  NexusEngine,\n  NexusSchema,\n  SchemaNode,\n} from '@xbeeant/form-engine';\nimport type { PropertySchemaMap } from '@xbeeant/form-engine-ui';\nimport type { ReactNode } from 'react';\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from 'react';\nimport {\n  addChildToSchema,\n  moveNodeInSchema,\n  removeNodeFromSchema,\n  renameNodeInSchema,\n  updateNodeWithNesting,\n} from './schemaUtils';\nimport type { CatalogItem, DesignerMode, FieldDef } from './types';\n\n/** 设计器内部状态 */\nexport interface DesignerState {\n  schema: NexusSchema;\n  selectedPath: string[] | null;\n  mode: DesignerMode;\n}\n\nexport interface DesignerContextValue {\n  schema: NexusSchema;\n  propertySchemaMap: PropertySchemaMap;\n  selectedPath: string[] | null;\n  mode: DesignerMode;\n  /** UI 注册函数，向引擎注册 widgets/layouts */\n  registerUI?: (engine: NexusEngine) => void;\n  /** 外部字段列表 */\n  fields?: FieldDef[];\n  /** 合并后的 widget 目录（内置 + 外部传入） */\n  widgetCatalog: CatalogItem[];\n  /** 合并后的 layout 目录（内置 + 外部传入） */\n  layoutCatalog: CatalogItem[];\n  setSchema: (schema: NexusSchema) => void;\n  selectNode: (path: string[] | null) => void;\n  setMode: (mode: DesignerMode) => void;\n  addNode: (parentPath: string[], key: string, node: SchemaNode) => void;\n  removeNode: (path: string[]) => void;\n  updateNode: (path: string[], patch: Record<string, unknown>) => void;\n  moveNode: (fromPath: string[], toParentPath: string[]) => void;\n  /** 重命名节点 key（schema 结构级操作，保留节点在父级中的位置） */\n  renameNode: (path: string[], newKey: string) => void;\n}\n\ninterface DesignerProviderProps {\n  initialSchema: NexusSchema;\n  propertySchemaMap: PropertySchemaMap;\n  onSchemaChange?: (schema: NexusSchema) => void;\n  registerUI?: (engine: NexusEngine) => void;\n  fields?: FieldDef[];\n  widgetCatalog: CatalogItem[];\n  layoutCatalog: CatalogItem[];\n  children: ReactNode;\n}\n\nconst DesignerContext = createContext<DesignerContextValue | null>(null);\n\nexport function DesignerProvider({\n  initialSchema,\n  propertySchemaMap,\n  onSchemaChange,\n  registerUI,\n  fields,\n  widgetCatalog,\n  layoutCatalog,\n  children,\n}: DesignerProviderProps) {\n  const [schema, setSchemaState] = useState<NexusSchema>(initialSchema);\n  const [selectedPath, setSelectedPath] = useState<string[] | null>(null);\n  const [mode, setMode] = useState<DesignerMode>('design');\n\n  // 写入 schema 并同步通知外部\n  const emit = useCallback(\n    (next: NexusSchema) => {\n      setSchemaState(next);\n      onSchemaChange?.(next);\n    },\n    [onSchemaChange],\n  );\n\n  const setSchema = useCallback((next: NexusSchema) => emit(next), [emit]);\n\n  const selectNode = useCallback((path: string[] | null) => {\n    setSelectedPath(path);\n  }, []);\n\n  // setMode 直接复用 useState 的 setter（稳定引用，无需额外包裹）\n\n  const addNode = useCallback(\n    (parentPath: string[], key: string, node: SchemaNode) => {\n      emit(addChildToSchema(schema, parentPath, key, node));\n    },\n    [schema, emit],\n  );\n\n  const removeNode = useCallback(\n    (path: string[]) => {\n      emit(removeNodeFromSchema(schema, path));\n      setSelectedPath(null);\n    },\n    [schema, emit],\n  );\n\n  const updateNode = useCallback(\n    (path: string[], patch: Record<string, unknown>) => {\n      emit(updateNodeWithNesting(schema, path, patch));\n    },\n    [schema, emit],\n  );\n\n  const moveNode = useCallback(\n    (fromPath: string[], toParentPath: string[]) => {\n      emit(moveNodeInSchema(schema, fromPath, toParentPath));\n    },\n    [schema, emit],\n  );\n\n  const renameNode = useCallback(\n    (path: string[], newKey: string) => {\n      const result = renameNodeInSchema(schema, path, newKey);\n      emit(result.schema);\n      setSelectedPath(result.newPath);\n    },\n    [schema, emit],\n  );\n\n  const value = useMemo<DesignerContextValue>(\n    () => ({\n      schema,\n      selectedPath,\n      mode,\n      registerUI,\n      fields,\n      widgetCatalog,\n      layoutCatalog,\n      propertySchemaMap,\n      setSchema,\n      selectNode,\n      setMode,\n      addNode,\n      removeNode,\n      updateNode,\n      moveNode,\n      renameNode,\n    }),\n    [\n      schema,\n      propertySchemaMap,\n      selectedPath,\n      mode,\n      registerUI,\n      fields,\n      widgetCatalog,\n      layoutCatalog,\n      setSchema,\n      selectNode,\n      addNode,\n      removeNode,\n      updateNode,\n      moveNode,\n      renameNode,\n    ],\n  );\n\n  return (\n    <DesignerContext.Provider value={value}>\n      {children}\n    </DesignerContext.Provider>\n  );\n}\n\nexport function useDesigner(): DesignerContextValue {\n  const ctx = useContext(DesignerContext);\n  if (!ctx) {\n    throw new Error('useDesigner 必须在 <DesignerProvider> 内使用');\n  }\n  return ctx;\n}\n"],"names":["DesignerContext","createContext","DesignerProvider","initialSchema","propertySchemaMap","onSchemaChange","registerUI","fields","widgetCatalog","layoutCatalog","children","schema","setSchemaState","useState","selectedPath","setSelectedPath","mode","setMode","emit","useCallback","next","setSchema","selectNode","path","addNode","parentPath","key","node","addChildToSchema","removeNode","removeNodeFromSchema","updateNode","patch","updateNodeWithNesting","moveNode","fromPath","toParentPath","moveNodeInSchema","renameNode","newKey","result","renameNodeInSchema","value","useMemo","jsx","useDesigner","ctx","useContext"],"mappings":"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"}

package/dist/es/Palette.js

@@ -0,0 +1,148 @@
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { Input as j, Collapse as A } from "antd";
+import { useState as S, useCallback as _, useMemo as g } from "react";
+import { useDesigner as L } from "./DesignerContext.js";
+import { getNodeAtProperties as $, getPropertiesOf as E, generateKey as v } from "./schemaUtils.js";
+const h = {
+  tabPane: "tabs",
+  collapsePanel: "collapse",
+  step: "steps"
+}, T = (a) => a.category === "layout" && !!h[a.layoutType ?? ""];
+function P({
+  item: a,
+  onAdd: l
+}) {
+  const s = (c) => {
+    const i = {
+      source: "palette",
+      catalogItem: a
+    };
+    c.dataTransfer.setData("application/json", JSON.stringify(i)), c.dataTransfer.effectAllowed = "copy";
+  }, r = T(a) ? h[a.layoutType ?? ""] : void 0, d = r ? `拖拽「${a.label}」到「${r}」容器中，或选中容器后点击` : `点击添加或拖拽「${a.label}」到画布`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "group flex flex-col items-center gap-1 rounded-lg border border-[#f0f0f0] bg-white px-1 py-2 cursor-grab select-none transition-all hover:-translate-y-px hover:border-[#1677ff] hover:shadow-[0_2px_8px_rgba(22,119,255,0.12)] active:cursor-grabbing",
+      draggable: !0,
+      onDragStart: s,
+      onClick: () => l(a),
+      title: d,
+      children: [
+        /* @__PURE__ */ t("span", { className: "flex h-7 w-7 items-center justify-center rounded-md bg-[#f5f7fa] text-[15px] transition-colors group-hover:bg-[#e8f1ff]", children: a.icon }),
+        /* @__PURE__ */ t("span", { className: "w-full truncate text-center text-xs text-[#666] transition-colors group-hover:text-[#1677ff]", children: a.label })
+      ]
+    }
+  );
+}
+function K({ field: a }) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: "flex items-center gap-2 rounded-lg border border-[#f0f0f0] bg-white px-2 py-1.5 cursor-grab select-none transition-all hover:-translate-y-px hover:border-[#1677ff] hover:shadow-[0_2px_8px_rgba(22,119,255,0.12)] active:cursor-grabbing",
+      draggable: !0,
+      onDragStart: (s) => {
+        const r = {
+          source: "fieldDef",
+          fieldDef: a
+        };
+        s.dataTransfer.setData("application/json", JSON.stringify(r)), s.dataTransfer.effectAllowed = "copy";
+      },
+      title: `id: ${a.id} · widget: ${a.widget}`,
+      children: [
+        /* @__PURE__ */ t("span", { className: "flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md bg-[#f5f7fa] text-[13px]", children: "🔧" }),
+        /* @__PURE__ */ t("span", { className: "truncate text-xs text-[#666]", children: a.name })
+      ]
+    }
+  );
+}
+function G() {
+  const {
+    schema: a,
+    selectedPath: l,
+    addNode: s,
+    fields: r,
+    widgetCatalog: d,
+    layoutCatalog: c
+  } = L(), [i, C] = S(""), p = _(
+    (e) => {
+      e.widget || e.layoutType;
+      const x = T(e) ? h[e.layoutType ?? ""] : void 0;
+      if (x) {
+        if (!l || l.length === 0)
+          return;
+        const u = $(a.properties, l);
+        if (!u || u.type !== x)
+          return;
+        const N = E(u);
+        if (!N)
+          return;
+        const I = v(N);
+        s(l, I, e.createNode());
+        return;
+      }
+      const D = v(a.properties), k = e.createNode();
+      s([], D, k);
+    },
+    [a, s, l]
+  ), n = i.trim().toLowerCase(), b = g(
+    () => d.filter((e) => e.label.toLowerCase().includes(n)).map((e) => /* @__PURE__ */ t(P, { item: e, onAdd: p }, e.widget)),
+    [d, n, p]
+  ), y = g(
+    () => c.filter((e) => e.label.toLowerCase().includes(n)).map((e) => /* @__PURE__ */ t(P, { item: e, onAdd: p }, e.layoutType)),
+    [c, n, p]
+  ), f = g(
+    () => (r ?? []).filter((e) => e.name.toLowerCase().includes(n)).map((e) => /* @__PURE__ */ t(K, { field: e }, e.id)),
+    [r, n]
+  ), m = (e, x) => e.length > 0 ? /* @__PURE__ */ t("div", { className: "grid grid-cols-2 gap-1.5 px-1 pb-2", children: e }) : /* @__PURE__ */ t("div", { className: "py-3 text-center text-xs text-[#c0c4cc]", children: "无匹配组件" }), w = [
+    {
+      key: "widgets",
+      label: /* @__PURE__ */ o("span", { className: "flex w-full items-center justify-between pr-1", children: [
+        /* @__PURE__ */ t("span", { children: "表单组件" }),
+        /* @__PURE__ */ t("span", { className: "rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]", children: b.length })
+      ] }),
+      children: m(b)
+    },
+    {
+      key: "layouts",
+      label: /* @__PURE__ */ o("span", { className: "flex w-full items-center justify-between pr-1", children: [
+        /* @__PURE__ */ t("span", { children: "布局组件" }),
+        /* @__PURE__ */ t("span", { className: "rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]", children: y.length })
+      ] }),
+      children: m(y)
+    }
+  ];
+  return r && r.length > 0 && w.push({
+    key: "fieldList",
+    label: /* @__PURE__ */ o("span", { className: "flex w-full items-center justify-between pr-1", children: [
+      /* @__PURE__ */ t("span", { children: "字段列表" }),
+      /* @__PURE__ */ t("span", { className: "rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]", children: f.length })
+    ] }),
+    children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-1.5 px-1 pb-2", children: f.length > 0 ? f : /* @__PURE__ */ t("div", { className: "py-3 text-center text-xs text-[#c0c4cc]", children: "无匹配字段" }) })
+  }), /* @__PURE__ */ o("div", { className: "flex h-full flex-col border-r border-[#f0f0f0] bg-[#f7f8fa]", children: [
+    /* @__PURE__ */ t("div", { className: "px-3 pb-2 pt-3", children: /* @__PURE__ */ t(
+      j,
+      {
+        size: "small",
+        allowClear: !0,
+        prefix: /* @__PURE__ */ t("span", { className: "text-xs text-[#bbb]", children: "🔍" }),
+        placeholder: "搜索组件…",
+        value: i,
+        onChange: (e) => C(e.target.value),
+        className: "nexus-palette-search"
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: "flex-1 overflow-y-auto px-2 pb-3", children: /* @__PURE__ */ t(
+      A,
+      {
+        className: "nexus-palette-collapse",
+        expandIconPlacement: "end",
+        defaultActiveKey: ["widgets", "layouts"],
+        items: w
+      }
+    ) })
+  ] });
+}
+export {
+  G as Palette
+};
+//# sourceMappingURL=Palette.js.map

package/dist/es/Palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Palette.js","sources":["../../src/Palette.tsx"],"sourcesContent":["// ============================================================================\n// @xbeeant/form-engine-designer — 左侧组件目录面板\n// ============================================================================\n\nimport type { SchemaNode } from '@xbeeant/form-engine';\nimport { Collapse, Input } from 'antd';\nimport type { DragEvent } from 'react';\nimport { useCallback, useMemo, useState } from 'react';\nimport { useDesigner } from './DesignerContext';\nimport {\n  generateKey,\n  getNodeAtProperties,\n  getPropertiesOf,\n} from './schemaUtils';\nimport type { CatalogItem, FieldDef } from './types';\n\n// 拖拽负载：palette 组件目录项 or 外部字段定义\nexport interface PaletteDragPayload {\n  source: 'palette';\n  catalogItem: CatalogItem;\n}\nexport interface FieldDefDragPayload {\n  source: 'fieldDef';\n  fieldDef: FieldDef;\n}\nexport type PaletteDragData = PaletteDragPayload | FieldDefDragPayload;\n\n// 面板类型 → 允许的唯一父容器类型（面板不能直接添加到根或普通容器）\nconst PANE_PARENT_TYPE: Record<string, string> = {\n  tabPane: 'tabs',\n  collapsePanel: 'collapse',\n  step: 'steps',\n};\n\nconst isPaneItem = (item: CatalogItem): boolean =>\n  item.category === 'layout' && !!PANE_PARENT_TYPE[item.layoutType ?? ''];\n\nfunction PaletteItem({\n  item,\n  onAdd,\n}: {\n  item: CatalogItem;\n  onAdd: (item: CatalogItem) => void;\n}) {\n  const handleDragStart = (e: DragEvent<HTMLDivElement>) => {\n    const payload: PaletteDragPayload = {\n      source: 'palette',\n      catalogItem: item,\n    };\n    e.dataTransfer.setData('application/json', JSON.stringify(payload));\n    e.dataTransfer.effectAllowed = 'copy';\n  };\n\n  // 面板类组件只能放入对应容器，点击/拖拽提示差异化\n  const paneParent = isPaneItem(item)\n    ? PANE_PARENT_TYPE[item.layoutType ?? '']\n    : undefined;\n  const title = paneParent\n    ? `拖拽「${item.label}」到「${paneParent}」容器中，或选中容器后点击`\n    : `点击添加或拖拽「${item.label}」到画布`;\n\n  return (\n    <div\n      className='group flex flex-col items-center gap-1 rounded-lg border border-[#f0f0f0] bg-white px-1 py-2 cursor-grab select-none transition-all hover:-translate-y-px hover:border-[#1677ff] hover:shadow-[0_2px_8px_rgba(22,119,255,0.12)] active:cursor-grabbing'\n      draggable\n      onDragStart={handleDragStart}\n      onClick={() => onAdd(item)}\n      title={title}\n    >\n      <span className='flex h-7 w-7 items-center justify-center rounded-md bg-[#f5f7fa] text-[15px] transition-colors group-hover:bg-[#e8f1ff]'>\n        {item.icon}\n      </span>\n      <span className='w-full truncate text-center text-xs text-[#666] transition-colors group-hover:text-[#1677ff]'>\n        {item.label}\n      </span>\n    </div>\n  );\n}\n\nfunction FieldDefItem({ field }: { field: FieldDef }) {\n  const handleDragStart = (e: DragEvent<HTMLDivElement>) => {\n    const payload: FieldDefDragPayload = {\n      source: 'fieldDef',\n      fieldDef: field,\n    };\n    e.dataTransfer.setData('application/json', JSON.stringify(payload));\n    e.dataTransfer.effectAllowed = 'copy';\n  };\n\n  return (\n    <div\n      className='flex items-center gap-2 rounded-lg border border-[#f0f0f0] bg-white px-2 py-1.5 cursor-grab select-none transition-all hover:-translate-y-px hover:border-[#1677ff] hover:shadow-[0_2px_8px_rgba(22,119,255,0.12)] active:cursor-grabbing'\n      draggable\n      onDragStart={handleDragStart}\n      title={`id: ${field.id} · widget: ${field.widget}`}\n    >\n      <span className='flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md bg-[#f5f7fa] text-[13px]'>\n        🔧\n      </span>\n      <span className='truncate text-xs text-[#666]'>{field.name}</span>\n    </div>\n  );\n}\n\nexport function Palette() {\n  const {\n    schema,\n    selectedPath,\n    addNode,\n    fields,\n    widgetCatalog,\n    layoutCatalog,\n  } = useDesigner();\n  const [keyword, setKeyword] = useState('');\n\n  const handleAdd = useCallback(\n    (item: CatalogItem) => {\n      const base = item.widget || item.layoutType || 'field';\n      // 面板类组件只能放入对应容器：点击时若已选中匹配容器则加入，否则忽略\n      const paneParentType = isPaneItem(item)\n        ? PANE_PARENT_TYPE[item.layoutType ?? '']\n        : undefined;\n      if (paneParentType) {\n        if (!selectedPath || selectedPath.length === 0) {\n          return;\n        }\n        const parent = getNodeAtProperties(schema.properties, selectedPath);\n        if (!parent || parent.type !== paneParentType) {\n          return;\n        }\n        const parentProps = getPropertiesOf(parent);\n        if (!parentProps) {\n          return;\n        }\n        const key = generateKey(parentProps, base);\n        addNode(selectedPath, key, item.createNode() as unknown as SchemaNode);\n        return;\n      }\n      const key = generateKey(schema.properties, base);\n      const node = item.createNode() as unknown as SchemaNode;\n      addNode([], key, node);\n    },\n    [schema, addNode, selectedPath],\n  );\n\n  const kw = keyword.trim().toLowerCase();\n\n  const widgetItems = useMemo(\n    () =>\n      widgetCatalog\n        .filter((item) => item.label.toLowerCase().includes(kw))\n        .map((item) => (\n          <PaletteItem key={item.widget} item={item} onAdd={handleAdd} />\n        )),\n    [widgetCatalog, kw, handleAdd],\n  );\n\n  const layoutItems = useMemo(\n    () =>\n      layoutCatalog\n        .filter((item) => item.label.toLowerCase().includes(kw))\n        .map((item) => (\n          <PaletteItem key={item.layoutType} item={item} onAdd={handleAdd} />\n        )),\n    [layoutCatalog, kw, handleAdd],\n  );\n\n  const fieldItems = useMemo(\n    () =>\n      (fields ?? [])\n        .filter((field) => field.name.toLowerCase().includes(kw))\n        .map((field) => <FieldDefItem key={field.id} field={field} />),\n    [fields, kw],\n  );\n\n  const sectionGrid = (items: React.ReactNode[], hasMore: boolean) =>\n    items.length > 0 ? (\n      <div className='grid grid-cols-2 gap-1.5 px-1 pb-2'>{items}</div>\n    ) : (\n      <div className='py-3 text-center text-xs text-[#c0c4cc]'>\n        {hasMore ? '无匹配组件' : '暂无组件'}\n      </div>\n    );\n\n  const collapseItems = [\n    {\n      key: 'widgets',\n      label: (\n        <span className='flex w-full items-center justify-between pr-1'>\n          <span>表单组件</span>\n          <span className='rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]'>\n            {widgetItems.length}\n          </span>\n        </span>\n      ),\n      children: sectionGrid(widgetItems, true),\n    },\n    {\n      key: 'layouts',\n      label: (\n        <span className='flex w-full items-center justify-between pr-1'>\n          <span>布局组件</span>\n          <span className='rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]'>\n            {layoutItems.length}\n          </span>\n        </span>\n      ),\n      children: sectionGrid(layoutItems, true),\n    },\n  ];\n\n  // 仅当传入 fields 时显示「字段列表」分组\n  if (fields && fields.length > 0) {\n    collapseItems.push({\n      key: 'fieldList',\n      label: (\n        <span className='flex w-full items-center justify-between pr-1'>\n          <span>字段列表</span>\n          <span className='rounded-full bg-[#f0f0f0] px-1.5 py-px text-[11px] text-[#999]'>\n            {fieldItems.length}\n          </span>\n        </span>\n      ),\n      children: (\n        <div className='flex flex-col gap-1.5 px-1 pb-2'>\n          {fieldItems.length > 0 ? (\n            fieldItems\n          ) : (\n            <div className='py-3 text-center text-xs text-[#c0c4cc]'>\n              无匹配字段\n            </div>\n          )}\n        </div>\n      ),\n    });\n  }\n\n  return (\n    <div className='flex h-full flex-col border-r border-[#f0f0f0] bg-[#f7f8fa]'>\n      <div className='px-3 pb-2 pt-3'>\n        <Input\n          size='small'\n          allowClear\n          prefix={<span className='text-xs text-[#bbb]'>🔍</span>}\n          placeholder='搜索组件…'\n          value={keyword}\n          onChange={(e) => setKeyword(e.target.value)}\n          className='nexus-palette-search'\n        />\n      </div>\n      <div className='flex-1 overflow-y-auto px-2 pb-3'>\n        <Collapse\n          className='nexus-palette-collapse'\n          expandIconPlacement='end'\n          defaultActiveKey={['widgets', 'layouts']}\n          items={collapseItems}\n        />\n      </div>\n    </div>\n  );\n}\n"],"names":["PANE_PARENT_TYPE","isPaneItem","item","PaletteItem","onAdd","handleDragStart","e","payload","paneParent","title","jsxs","jsx","FieldDefItem","field","Palette","schema","selectedPath","addNode","fields","widgetCatalog","layoutCatalog","useDesigner","keyword","setKeyword","useState","handleAdd","useCallback","paneParentType","parent","getNodeAtProperties","parentProps","getPropertiesOf","key","generateKey","node","kw","widgetItems","useMemo","layoutItems","fieldItems","sectionGrid","items","hasMore","collapseItems","Input","Collapse"],"mappings":"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"}