@ai-group/chat-sdk 3.5.7 → 3.5.10

package/dist/cjs/components/FolderTree/DirectoryTree.js

@@ -37,6 +37,7 @@ var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_clsx = __toESM(require("clsx"));
 var import_styles = require("./styles");
+var import_useFolderDrag = require("./useFolderDrag");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { DirectoryTree: AntDirectoryTree } = import_antd.Tree;
 var DirectoryTreeComponent = ({
@@ -115,18 +116,95 @@ var DirectoryTreeComponent = ({
         autoFocus: true,
         className: styles.inlineInput,
         onClick: (e) => e.stopPropagation(),
-        onSelect: (e) => e.stopPropagation()
+        onSelect: (e) => e.stopPropagation(),
+        onFocus: (e) => e.stopPropagation()
       }
     ) }),
     [onEditValueChange, onEditConfirm, onEditCancel, styles]
   );
+  const dragMode = draggable === true ? "file" : draggable || false;
+  const handleDragDrop = (0, import_react.useCallback)(
+    (dragNode, dropNode, dropPosition) => {
+      const dragNd = dragNode;
+      const dropNd = dropNode;
+      const originalDragNode = dragNd._originalNode;
+      const originalDropNode = dropNd._originalNode;
+      if (!originalDragNode)
+        return;
+      const dragKey = String(dragNode.key);
+      const dropKey = String(dropNode.key);
+      const dragFileName = originalDragNode.path;
+      let newPath;
+      if (!originalDropNode && dropKey === "__bottom_placeholder__") {
+        newPath = dragFileName;
+        onDrop == null ? void 0 : onDrop({
+          fileName: originalDragNode.title,
+          extra: originalDragNode.extra,
+          oldPath: dragKey,
+          newPath,
+          dragNode: originalDragNode,
+          dropNode: { title: "", path: "" }
+        });
+        return;
+      }
+      if (!originalDropNode)
+        return;
+      if (!dropNode.isLeaf && dropPosition === 0) {
+        newPath = `${dropKey}/${dragFileName}`;
+      } else {
+        const dropParentPath = dropKey.includes("/") ? dropKey.substring(0, dropKey.lastIndexOf("/")) : "";
+        newPath = dropParentPath ? `${dropParentPath}/${dragFileName}` : dragFileName;
+      }
+      onDrop == null ? void 0 : onDrop({
+        fileName: originalDragNode.title,
+        extra: originalDragNode.extra,
+        oldPath: dragKey,
+        newPath,
+        dragNode: originalDragNode,
+        dropNode: originalDropNode
+      });
+    },
+    [onDrop]
+  );
+  const handleDragEnterExpand = (0, import_react.useCallback)(
+    (nodeKey) => {
+      const isExpanded = expandedKeys == null ? void 0 : expandedKeys.includes(nodeKey);
+      if (!isExpanded) {
+        onExpand == null ? void 0 : onExpand([...expandedKeys || [], nodeKey], {
+          node: null,
+          expanded: true,
+          nativeEvent: null
+        });
+      }
+    },
+    [expandedKeys, onExpand]
+  );
+  const { onDragStart, onDragEnd, onItemDragEnter, onItemDragOver, onItemDragLeave, onItemDrop, onContainerDragOver, onContainerDrop, canDragNode } = (0, import_useFolderDrag.useFolderDrag)({
+    dragMode,
+    onDrop: handleDragDrop,
+    onDragEnterExpand: handleDragEnterExpand
+  });
   const convertToTreeData = (0, import_react.useCallback)(
     (nodes, parentSegments = [], parentKey = "") => {
       const result = nodes.map((node) => {
         const pathSegments = buildPathSegments(node, parentSegments);
         const fullPath = pathSegments.join("/").replace(/^\/+/, "");
         const isEditing = editNode && editNode.key === fullPath;
-        const titleContent = isEditing ? renderInlineInput(editNode.currentValue) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        const nodeChildren = node.children ? convertToTreeData(node.children, pathSegments, fullPath) : void 0;
+        const baseNode = {
+          key: fullPath,
+          path: fullPath,
+          pathSegments,
+          icon: getIcon(node),
+          isLeaf: !isFolder(node),
+          _originalNode: node,
+          children: nodeChildren
+        };
+        if (isEditing) {
+          baseNode.title = renderInlineInput(editNode.currentValue);
+          return baseNode;
+        }
+        const titleContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
           "span",
           {
             className: (0, import_clsx.default)(
@@ -156,19 +234,31 @@ var DirectoryTreeComponent = ({
             ]
           }
         );
-        const nodeChildren = node.children ? convertToTreeData(node.children, pathSegments, fullPath) : void 0;
-        return {
-          ...node,
-          key: fullPath,
-          path: fullPath,
-          pathSegments,
-          title: titleContent,
-          icon: getIcon(node),
-          isLeaf: !isFolder(node),
-          /** 保存原始节点数据用于拖拽回调 */
-          _originalNode: node,
-          children: nodeChildren
-        };
+        if (dragMode) {
+          const nodeData = baseNode;
+          const draggableDiv = canDragNode(nodeData);
+          baseNode.title = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            {
+              className: (0, import_clsx.default)(
+                styles.treeNodeWrapper,
+                draggableDiv && styles.dragNodeHandle
+              ),
+              "data-node-key": fullPath,
+              draggable: draggableDiv,
+              onDragStart: draggableDiv ? (e) => onDragStart(e, baseNode) : void 0,
+              onDragEnd: draggableDiv ? onDragEnd : void 0,
+              onDragEnter: (e) => onItemDragEnter(e, baseNode),
+              onDragOver: (e) => onItemDragOver(e, baseNode),
+              onDragLeave: onItemDragLeave,
+              onDrop: (e) => onItemDrop(e, baseNode),
+              children: titleContent
+            }
+          );
+        } else {
+          baseNode.title = titleContent;
+        }
+        return baseNode;
       });
       if (createInfo && editNode && editNode.mode === "create") {
         const targetParentKey = createInfo.parentKey;
@@ -181,7 +271,6 @@ var DirectoryTreeComponent = ({
             path: editNode.key,
             pathSegments: [editNode.key],
             _originalNode: null,
-            /** 标记为临时节点 */
             _isTempNode: true
           };
           result.push(tempNode);
@@ -196,92 +285,69 @@ var DirectoryTreeComponent = ({
       styles,
       editNode,
       renderInlineInput,
-      onEditValueChange,
       createInfo,
-      onStartRename
+      onStartRename,
+      dragMode,
+      canDragNode,
+      onDragStart,
+      onDragEnd,
+      onItemDragEnter,
+      onItemDragOver,
+      onItemDragLeave,
+      onItemDrop
     ]
   );
-  const treeDataConverted = convertToTreeData(treeData, [], "");
-  const dragMode = draggable === true ? "file" : draggable || false;
-  const draggableConfig = dragMode ? {
-    icon: false,
-    nodeDraggable: (node) => {
-      const nd = node;
-      if (nd._isTempNode)
-        return false;
-      if (dragMode === "file")
-        return !!node.isLeaf;
-      if (dragMode === "folder")
-        return !node.isLeaf;
-      return true;
-    }
-  } : false;
+  const treeDataConverted = (0, import_react.useMemo)(
+    () => convertToTreeData(treeData, [], ""),
+    [treeData, convertToTreeData]
+  );
   const handleSelect = (0, import_react.useCallback)(
     (keys, info) => {
+      var _a;
       if (editNode)
         return;
       const node = info.node;
       if (node._isTempNode)
         return;
-      onSelect == null ? void 0 : onSelect(keys, info);
-    },
-    [onSelect, editNode]
-  );
-  const handleDrop = (0, import_react.useCallback)(
-    (info) => {
-      if (!onDrop)
+      const target = (_a = info.nativeEvent) == null ? void 0 : _a.target;
+      if (target && (target.closest(".folder-tree-more-icon") || target.closest(".ant-dropdown"))) {
         return;
-      const dragNode = info.dragNode;
-      const dropNode = info.node;
-      const originalDragNode = dragNode._originalNode;
-      const originalDropNode = dropNode._originalNode;
-      if (!originalDragNode || !originalDropNode)
-        return;
-      const dragKey = String(dragNode.key);
-      const dropKey = String(dropNode.key);
-      const dragFileName = originalDragNode.path;
-      let newPath;
-      if (!dropNode.isLeaf && info.dropToGap === false) {
-        newPath = `${dropKey}/${dragFileName}`;
-      } else {
-        const dropParentPath = dropKey.includes("/") ? dropKey.substring(0, dropKey.lastIndexOf("/")) : "";
-        newPath = dropParentPath ? `${dropParentPath}/${dragFileName}` : dragFileName;
       }
-      onDrop({
-        fileName: originalDragNode.title,
-        extra: originalDragNode.extra,
-        oldPath: dragKey,
-        newPath,
-        dragNode: originalDragNode,
-        dropNode: originalDropNode
-      });
+      onSelect == null ? void 0 : onSelect(keys, info);
     },
-    [onDrop]
+    [onSelect, editNode]
   );
   const titleNode = directoryTitle === false || directoryTitle === null ? null : typeof directoryTitle === "function" ? directoryTitle() : directoryTitle;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_clsx.default)(styles.directoryPanel, className), style: { width }, children: [
     titleNode && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.directoryTitle, children: titleNode }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.directoryTreeContent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      AntDirectoryTree,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
       {
-        style: {
-          "--ant-tree-directory-node-selected-bg": "rgba(0,0,0,0.03)",
-          "--ant-tree-directory-node-selected-color": "#1a1c1e"
-        },
-        treeData: treeDataConverted,
-        selectedKeys,
-        expandedKeys,
-        onSelect: handleSelect,
-        onExpand,
-        multiple: false,
-        blockNode: true,
-        showLine,
-        switcherIcon,
-        defaultExpandAll,
-        draggable: draggableConfig,
-        onDrop: dragMode ? handleDrop : void 0
+        className: styles.directoryTreeContent,
+        onDragOver: dragMode ? onContainerDragOver : void 0,
+        onDrop: dragMode ? onContainerDrop : void 0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          AntDirectoryTree,
+          {
+            style: {
+              "--ant-tree-directory-node-selected-bg": "rgba(0,0,0,0.03)",
+              "--ant-tree-directory-node-selected-color": "#1a1c1e"
+            },
+            treeData: treeDataConverted,
+            selectedKeys,
+            expandedKeys,
+            onSelect: handleSelect,
+            onExpand,
+            multiple: false,
+            blockNode: true,
+            showLine,
+            switcherIcon,
+            defaultExpandAll,
+            draggable: false
+          }
+        )
       }
-    ) })
+    )
   ] });
 };
 var DirectoryTree_default = DirectoryTreeComponent;

package/dist/cjs/components/FolderTree/DirectoryTree.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FolderTree/DirectoryTree.tsx"],
-  "sourcesContent": ["import React, { useCallback } from \"react\";\nimport { Tree, Dropdown, Input } from \"antd\";\nimport { FileOutlined, FolderOutlined, MoreOutlined } from \"@ant-design/icons\";\nimport type { TreeProps } from \"antd\";\nimport type { DataNode } from \"antd/es/tree\";\nimport clsx from \"clsx\";\nimport type {\n  FolderTreeData,\n  FolderTreeProps,\n  EditNodeInfo,\n  CreateNodeContext,\n} from \"./types\";\nimport { useStyles } from \"./styles\";\n\nconst { DirectoryTree: AntDirectoryTree } = Tree;\n\nexport interface DirectoryTreeComponentProps {\n  treeData: FolderTreeData[];\n  directoryIcons?: FolderTreeProps[\"directoryIcons\"];\n  selectedKeys?: string[];\n  expandedKeys?: string[];\n  onSelect?: TreeProps[\"onSelect\"];\n  onExpand?: TreeProps[\"onExpand\"];\n  showLine?: FolderTreeProps[\"showLine\"];\n  switcherIcon?: FolderTreeProps[\"switcherIcon\"];\n  defaultExpandAll?: boolean;\n  className?: string;\n  directoryTitle?: FolderTreeProps[\"directoryTitle\"];\n  moreActions?: FolderTreeProps[\"moreActions\"];\n  width?: number | string;\n  draggable?: FolderTreeProps[\"draggable\"];\n  onDrop?: FolderTreeProps[\"onDrop\"];\n  /** 当前编辑节点信息 */\n  editNode?: EditNodeInfo | null;\n  /** 编辑值变化回调 */\n  onEditValueChange?: (value: string) => void;\n  /** 编辑确认回调 */\n  onEditConfirm?: () => void;\n  /** 编辑取消回调 */\n  onEditCancel?: () => void;\n  /** 新建上下文 */\n  createInfo?: CreateNodeContext | null;\n  /** 开始重命名回调（由父组件注入） */\n  onStartRename?: (fullPath: string, node: FolderTreeData) => void;\n}\n\nconst DirectoryTreeComponent: React.FC<DirectoryTreeComponentProps> = ({\n  treeData,\n  selectedKeys,\n  expandedKeys,\n  onSelect,\n  onExpand,\n  showLine = false,\n  switcherIcon,\n  defaultExpandAll = true,\n  className,\n  directoryIcons,\n  directoryTitle,\n  moreActions,\n  width,\n  draggable,\n  onDrop,\n  editNode,\n  onEditValueChange,\n  onEditConfirm,\n  onEditCancel,\n  createInfo,\n  onStartRename,\n}) => {\n  const styles = useStyles();\n\n  const isFolder = (node: FolderTreeData): boolean => {\n    return !!node.children && node.children.length > 0;\n  };\n\n  const getIcon = useCallback(\n    (node: FolderTreeData) => {\n      if (directoryIcons === false || directoryIcons === null) {\n        return null;\n      }\n      if (isFolder(node)) {\n        const icon = directoryIcons?.directory;\n        if (typeof icon === \"function\") return icon();\n        return icon || <FolderOutlined />;\n      }\n      const filePath = node.path.toLowerCase();\n      const extension = filePath.split(\".\").pop();\n      if (extension) {\n        const icon = directoryIcons?.[extension];\n        if (icon) return typeof icon === \"function\" ? icon() : icon;\n      }\n      return <FileOutlined />;\n    },\n    [directoryIcons],\n  );\n\n  const buildPathSegments = useCallback(\n    (node: FolderTreeData, parentSegments: string[] = []): string[] => {\n      if (node.path === \"/\" && parentSegments.length === 0) {\n        return [\"/\"];\n      }\n      return [...parentSegments, node.path].filter((s) => s !== \"\");\n    },\n    [],\n  );\n\n  const renderInlineInput = useCallback(\n    (value: string) => (\n      <span className={styles.treeNodeTitle}>\n        <Input\n          size=\"small\"\n          value={value}\n          onChange={(e) => onEditValueChange?.(e.target.value)}\n          onBlur={() => onEditConfirm?.()}\n          onPressEnter={() => onEditConfirm?.()}\n          onKeyDown={(e) => {\n            if (e.key === \"Escape\") {\n              e.stopPropagation();\n              onEditCancel?.();\n            }\n          }}\n          autoFocus\n          className={styles.inlineInput}\n          onClick={(e) => e.stopPropagation()}\n          onSelect={(e) => e.stopPropagation()}\n        />\n      </span>\n    ),\n    [onEditValueChange, onEditConfirm, onEditCancel, styles],\n  );\n\n  const convertToTreeData = useCallback(\n    (\n      nodes: FolderTreeData[],\n      parentSegments: string[] = [],\n      parentKey: string = \"\",\n    ): DataNode[] => {\n      const result = nodes.map((node) => {\n        const pathSegments = buildPathSegments(node, parentSegments);\n        const fullPath = pathSegments.join(\"/\").replace(/^\\/+/, \"\");\n\n        const isEditing = editNode && editNode.key === fullPath;\n\n        const titleContent = isEditing ? (\n          renderInlineInput(editNode!.currentValue)\n        ) : (\n          <span\n            className={clsx(\n              styles.treeNodeTitle,\n              moreActions && styles.treeNodeTitleHover,\n            )}\n          >\n            <span>{node.title}</span>\n            {moreActions && (\n              <Dropdown\n                menu={moreActions(node, {\n                  startRename: () => onStartRename?.(fullPath, node),\n                })}\n                trigger={[\"click\"]}\n                placement=\"bottomRight\"\n              >\n                <span\n                  className={clsx(styles.moreIcon, \"folder-tree-more-icon\")}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <MoreOutlined />\n                </span>\n              </Dropdown>\n            )}\n          </span>\n        );\n\n        const nodeChildren = node.children\n          ? convertToTreeData(node.children, pathSegments, fullPath)\n          : undefined;\n\n        return {\n          ...node,\n          key: fullPath,\n          path: fullPath,\n          pathSegments,\n          title: titleContent,\n          icon: getIcon(node),\n          isLeaf: !isFolder(node),\n          /** 保存原始节点数据用于拖拽回调 */\n          _originalNode: node,\n          children: nodeChildren,\n        };\n      });\n\n      // 新建模式：在目标父节点下插入临时节点\n      if (createInfo && editNode && editNode.mode === \"create\") {\n        const targetParentKey = createInfo.parentKey;\n        // 匹配当前层级的父节点 key\n        if (\n          targetParentKey === parentKey ||\n          (targetParentKey === \"\" && parentKey === \"\") ||\n          (targetParentKey === \"/\" && parentKey === \"\")\n        ) {\n          const tempNode: any = {\n            key: editNode.key,\n            title: renderInlineInput(editNode.currentValue),\n            icon:\n              createInfo.type === \"folder\" ? (\n                <FolderOutlined />\n              ) : (\n                <FileOutlined />\n              ),\n            isLeaf: createInfo.type === \"file\",\n            path: editNode.key,\n            pathSegments: [editNode.key],\n            _originalNode: null,\n            /** 标记为临时节点 */\n            _isTempNode: true,\n          };\n          result.push(tempNode);\n        }\n      }\n\n      return result;\n    },\n    [\n      buildPathSegments,\n      getIcon,\n      moreActions,\n      styles,\n      editNode,\n      renderInlineInput,\n      onEditValueChange,\n      createInfo,\n      onStartRename,\n    ],\n  );\n\n  const treeDataConverted = convertToTreeData(treeData, [], \"\");\n\n  // ====== 拖拽配置 ======\n  const dragMode = draggable === true ? \"file\" : draggable || false;\n\n  const draggableConfig = dragMode\n    ? {\n        icon: false,\n        nodeDraggable: (node: DataNode) => {\n          const nd = node as DataNode & { _isTempNode?: boolean };\n          // 临时新建节点不可拖拽\n          if (nd._isTempNode) return false;\n          if (dragMode === \"file\") return !!node.isLeaf;\n          if (dragMode === \"folder\") return !node.isLeaf;\n          return true; // 'all'\n        },\n      }\n    : false;\n\n  const handleSelect: TreeProps[\"onSelect\"] = useCallback(\n    (keys: any, info: any) => {\n      // 编辑态不响应选中\n      if (editNode) return;\n      // 临时节点不可选中\n      const node = info.node as DataNode & { _isTempNode?: boolean };\n      if (node._isTempNode) return;\n      onSelect?.(keys, info);\n    },\n    [onSelect, editNode],\n  );\n\n  const handleDrop: TreeProps[\"onDrop\"] = useCallback(\n    (info: Parameters<NonNullable<TreeProps[\"onDrop\"]>>[0]) => {\n      if (!onDrop) return;\n\n      const dragNode = info.dragNode as DataNode & {\n        _originalNode?: FolderTreeData;\n      };\n      const dropNode = info.node as DataNode & {\n        _originalNode?: FolderTreeData;\n      };\n\n      const originalDragNode = dragNode._originalNode;\n      const originalDropNode = dropNode._originalNode;\n      if (!originalDragNode || !originalDropNode) return;\n\n      // dragNode 的原始完整路径\n      const dragKey = String(dragNode.key);\n      // 计算新路径：如果 drop 到文件夹上（非叶子），新路径为 dropNode路径/dragNode文件名\n      // 如果 drop 到文件旁边，新路径为 dropNode 的父路径/dragNode文件名\n      const dropKey = String(dropNode.key);\n      const dragFileName = originalDragNode.path;\n      let newPath: string;\n\n      if (!dropNode.isLeaf && info.dropToGap === false) {\n        // 拖入文件夹内部\n        newPath = `${dropKey}/${dragFileName}`;\n      } else {\n        // 拖到节点旁边（同级）\n        const dropParentPath = dropKey.includes(\"/\")\n          ? dropKey.substring(0, dropKey.lastIndexOf(\"/\"))\n          : \"\";\n        newPath = dropParentPath\n          ? `${dropParentPath}/${dragFileName}`\n          : dragFileName;\n      }\n\n      onDrop({\n        fileName: originalDragNode.title,\n        extra: originalDragNode.extra,\n        oldPath: dragKey,\n        newPath,\n        dragNode: originalDragNode,\n        dropNode: originalDropNode,\n      });\n    },\n    [onDrop],\n  );\n\n  const titleNode =\n    directoryTitle === false || directoryTitle === null\n      ? null\n      : typeof directoryTitle === \"function\"\n        ? directoryTitle()\n        : directoryTitle;\n\n  return (\n    <div className={clsx(styles.directoryPanel, className)} style={{ width }}>\n      {titleNode && <div className={styles.directoryTitle}>{titleNode}</div>}\n      <div className={styles.directoryTreeContent}>\n        <AntDirectoryTree\n          style={\n            {\n              \"--ant-tree-directory-node-selected-bg\": \"rgba(0,0,0,0.03)\",\n              \"--ant-tree-directory-node-selected-color\": \"#1a1c1e\",\n            } as React.CSSProperties\n          }\n          treeData={treeDataConverted}\n          selectedKeys={selectedKeys}\n          expandedKeys={expandedKeys}\n          onSelect={handleSelect}\n          onExpand={onExpand}\n          multiple={false}\n          blockNode\n          showLine={showLine as any}\n          switcherIcon={switcherIcon}\n          defaultExpandAll={defaultExpandAll}\n          draggable={draggableConfig}\n          onDrop={dragMode ? handleDrop : undefined}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default DirectoryTreeComponent;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useCallback, useMemo } from \"react\";\nimport { Tree, Dropdown, Input } from \"antd\";\nimport { FileOutlined, FolderOutlined, MoreOutlined } from \"@ant-design/icons\";\nimport type { TreeProps } from \"antd\";\nimport type { DataNode } from \"antd/es/tree\";\nimport clsx from \"clsx\";\nimport type {\n  FolderTreeData,\n  FolderTreeProps,\n  EditNodeInfo,\n  CreateNodeContext,\n} from \"./types\";\nimport { useStyles } from \"./styles\";\nimport { useFolderDrag, type DropPosition } from \"./useFolderDrag\";\n\nconst { DirectoryTree: AntDirectoryTree } = Tree;\n\nexport interface DirectoryTreeComponentProps {\n  treeData: FolderTreeData[];\n  directoryIcons?: FolderTreeProps[\"directoryIcons\"];\n  selectedKeys?: string[];\n  expandedKeys?: string[];\n  onSelect?: TreeProps[\"onSelect\"];\n  onExpand?: TreeProps[\"onExpand\"];\n  showLine?: FolderTreeProps[\"showLine\"];\n  switcherIcon?: FolderTreeProps[\"switcherIcon\"];\n  defaultExpandAll?: boolean;\n  className?: string;\n  directoryTitle?: FolderTreeProps[\"directoryTitle\"];\n  moreActions?: FolderTreeProps[\"moreActions\"];\n  width?: number | string;\n  draggable?: FolderTreeProps[\"draggable\"];\n  onDrop?: FolderTreeProps[\"onDrop\"];\n  /** 当前编辑节点信息 */\n  editNode?: EditNodeInfo | null;\n  /** 编辑值变化回调 */\n  onEditValueChange?: (value: string) => void;\n  /** 编辑确认回调 */\n  onEditConfirm?: () => void;\n  /** 编辑取消回调 */\n  onEditCancel?: () => void;\n  /** 新建上下文 */\n  createInfo?: CreateNodeContext | null;\n  /** 开始重命名回调（由父组件注入） */\n  onStartRename?: (fullPath: string, node: FolderTreeData) => void;\n}\n\nconst DirectoryTreeComponent: React.FC<DirectoryTreeComponentProps> = ({\n  treeData,\n  selectedKeys,\n  expandedKeys,\n  onSelect,\n  onExpand,\n  showLine = false,\n  switcherIcon,\n  defaultExpandAll = true,\n  className,\n  directoryIcons,\n  directoryTitle,\n  moreActions,\n  width,\n  draggable,\n  onDrop,\n  editNode,\n  onEditValueChange,\n  onEditConfirm,\n  onEditCancel,\n  createInfo,\n  onStartRename,\n}) => {\n  const styles = useStyles();\n\n  const isFolder = (node: FolderTreeData): boolean => {\n    return !!node.children && node.children.length > 0;\n  };\n\n  const getIcon = useCallback(\n    (node: FolderTreeData) => {\n      if (directoryIcons === false || directoryIcons === null) {\n        return null;\n      }\n      if (isFolder(node)) {\n        const icon = directoryIcons?.directory;\n        if (typeof icon === \"function\") return icon();\n        return icon || <FolderOutlined />;\n      }\n      const filePath = node.path.toLowerCase();\n      const extension = filePath.split(\".\").pop();\n      if (extension) {\n        const icon = directoryIcons?.[extension];\n        if (icon) return typeof icon === \"function\" ? icon() : icon;\n      }\n      return <FileOutlined />;\n    },\n    [directoryIcons],\n  );\n\n  const buildPathSegments = useCallback(\n    (node: FolderTreeData, parentSegments: string[] = []): string[] => {\n      if (node.path === \"/\" && parentSegments.length === 0) {\n        return [\"/\"];\n      }\n      return [...parentSegments, node.path].filter((s) => s !== \"\");\n    },\n    [],\n  );\n\n  const renderInlineInput = useCallback(\n    (value: string) => (\n      <span className={styles.treeNodeTitle}>\n        <Input\n          size=\"small\"\n          value={value}\n          onChange={(e) => onEditValueChange?.(e.target.value)}\n          onBlur={() => onEditConfirm?.()}\n          onPressEnter={() => onEditConfirm?.()}\n          onKeyDown={(e) => {\n            if (e.key === \"Escape\") {\n              e.stopPropagation();\n              onEditCancel?.();\n            }\n          }}\n          autoFocus\n          className={styles.inlineInput}\n          onClick={(e) => e.stopPropagation()}\n          onSelect={(e) => e.stopPropagation()}\n          onFocus={(e) => e.stopPropagation()}\n        />\n      </span>\n    ),\n    [onEditValueChange, onEditConfirm, onEditCancel, styles],\n  );\n\n  // ====== 拖拽模式 ======\n  const dragMode = draggable === true ? \"file\" : draggable || false;\n\n  // ====== 自定义拖拽 hook ======\n  const handleDragDrop = useCallback(\n    (dragNode: DataNode, dropNode: DataNode, dropPosition: DropPosition) => {\n      const dragNd = dragNode as DataNode & { _originalNode?: FolderTreeData };\n      const dropNd = dropNode as DataNode & { _originalNode?: FolderTreeData };\n      const originalDragNode = dragNd._originalNode;\n      const originalDropNode = dropNd._originalNode;\n      if (!originalDragNode) return;\n\n      const dragKey = String(dragNode.key);\n      const dropKey = String(dropNode.key);\n      const dragFileName = originalDragNode.path;\n      let newPath: string;\n\n      // 拖到底部 drop zone：放在根级别末尾\n      if (!originalDropNode && dropKey === \"__bottom_placeholder__\") {\n        newPath = dragFileName;\n        onDrop?.({\n          fileName: originalDragNode.title,\n          extra: originalDragNode.extra,\n          oldPath: dragKey,\n          newPath,\n          dragNode: originalDragNode,\n          dropNode: { title: \"\", path: \"\" },\n        });\n        return;\n      }\n\n      if (!originalDropNode) return;\n\n      if (!dropNode.isLeaf && dropPosition === 0) {\n        // 拖入文件夹内部\n        newPath = `${dropKey}/${dragFileName}`;\n      } else {\n        // 拖到节点旁边（同级）\n        const dropParentPath = dropKey.includes(\"/\")\n          ? dropKey.substring(0, dropKey.lastIndexOf(\"/\"))\n          : \"\";\n        newPath = dropParentPath\n          ? `${dropParentPath}/${dragFileName}`\n          : dragFileName;\n      }\n\n      onDrop?.({\n        fileName: originalDragNode.title,\n        extra: originalDragNode.extra,\n        oldPath: dragKey,\n        newPath,\n        dragNode: originalDragNode,\n        dropNode: originalDropNode,\n      });\n    },\n    [onDrop],\n  );\n\n  const handleDragEnterExpand = useCallback(\n    (nodeKey: string) => {\n      const isExpanded = expandedKeys?.includes(nodeKey);\n      if (!isExpanded) {\n        onExpand?.([...(expandedKeys || []), nodeKey], {\n          node: null as any,\n          expanded: true,\n          nativeEvent: null as any,\n        });\n      }\n    },\n    [expandedKeys, onExpand],\n  );\n\n  const { onDragStart, onDragEnd, onItemDragEnter, onItemDragOver, onItemDragLeave, onItemDrop, onContainerDragOver, onContainerDrop, canDragNode } =\n    useFolderDrag({\n      dragMode,\n      onDrop: handleDragDrop,\n      onDragEnterExpand: handleDragEnterExpand,\n    });\n\n  // ====== 转换树数据 ======\n  // 注意：convertToTreeData 不依赖拖拽状态，拖拽效果通过 DOM 操作实现\n  const convertToTreeData = useCallback(\n    (\n      nodes: FolderTreeData[],\n      parentSegments: string[] = [],\n      parentKey: string = \"\",\n    ): DataNode[] => {\n      const result = nodes.map((node) => {\n        const pathSegments = buildPathSegments(node, parentSegments);\n        const fullPath = pathSegments.join(\"/\").replace(/^\\/+/, \"\");\n\n        const isEditing = editNode && editNode.key === fullPath;\n\n        const nodeChildren = node.children\n          ? convertToTreeData(node.children, pathSegments, fullPath)\n          : undefined;\n\n        const baseNode: any = {\n          key: fullPath,\n          path: fullPath,\n          pathSegments,\n          icon: getIcon(node),\n          isLeaf: !isFolder(node),\n          _originalNode: node,\n          children: nodeChildren,\n        };\n\n        // 编辑态：直接渲染 inline input\n        if (isEditing) {\n          baseNode.title = renderInlineInput(editNode!.currentValue);\n          return baseNode;\n        }\n\n        // title 内容（按钮、菜单等）\n        const titleContent = (\n          <span\n            className={clsx(\n              styles.treeNodeTitle,\n              moreActions && styles.treeNodeTitleHover,\n            )}\n          >\n            <span>{node.title}</span>\n            {moreActions && (\n              <Dropdown\n                menu={moreActions(node, {\n                  startRename: () => onStartRename?.(fullPath, node),\n                })}\n                trigger={[\"click\"]}\n                placement=\"bottomRight\"\n              >\n                <span\n                  className={clsx(styles.moreIcon, \"folder-tree-more-icon\")}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <MoreOutlined />\n                </span>\n              </Dropdown>\n            )}\n          </span>\n        );\n\n        // 启用拖拽时：在 title 外层包裹具有 data-node-key 属性的容器，\n        // 用于 DOM 查询和事件绑定。拖拽状态通过 CSS class 控制。\n        if (dragMode) {\n          const nodeData = baseNode as DataNode & {\n            _isTempNode?: boolean;\n          };\n          const draggableDiv = canDragNode(nodeData);\n\n          baseNode.title = (\n            <div\n              className={clsx(\n                styles.treeNodeWrapper,\n                draggableDiv && styles.dragNodeHandle,\n              )}\n              data-node-key={fullPath}\n              draggable={draggableDiv}\n              onDragStart={draggableDiv ? (e) => onDragStart(e, baseNode) : undefined}\n              onDragEnd={draggableDiv ? onDragEnd : undefined}\n              onDragEnter={(e) => onItemDragEnter(e, baseNode)}\n              onDragOver={(e) => onItemDragOver(e, baseNode)}\n              onDragLeave={onItemDragLeave}\n              onDrop={(e) => onItemDrop(e, baseNode)}\n            >\n              {titleContent}\n            </div>\n          );\n        } else {\n          baseNode.title = titleContent;\n        }\n\n        return baseNode;\n      });\n\n      // 新建模式：在目标父节点下插入临时节点\n      if (createInfo && editNode && editNode.mode === \"create\") {\n        const targetParentKey = createInfo.parentKey;\n        if (\n          targetParentKey === parentKey ||\n          (targetParentKey === \"\" && parentKey === \"\") ||\n          (targetParentKey === \"/\" && parentKey === \"\")\n        ) {\n          const tempNode: any = {\n            key: editNode.key,\n            title: renderInlineInput(editNode.currentValue),\n            icon:\n              createInfo.type === \"folder\" ? (\n                <FolderOutlined />\n              ) : (\n                <FileOutlined />\n              ),\n            isLeaf: createInfo.type === \"file\",\n            path: editNode.key,\n            pathSegments: [editNode.key],\n            _originalNode: null,\n            _isTempNode: true,\n          };\n          result.push(tempNode);\n        }\n      }\n\n      return result;\n    },\n    [\n      buildPathSegments,\n      getIcon,\n      moreActions,\n      styles,\n      editNode,\n      renderInlineInput,\n      createInfo,\n      onStartRename,\n      dragMode,\n      canDragNode,\n      onDragStart,\n      onDragEnd,\n      onItemDragEnter,\n      onItemDragOver,\n      onItemDragLeave,\n      onItemDrop,\n    ],\n  );\n\n  const treeDataConverted = useMemo(\n    () => convertToTreeData(treeData, [], \"\"),\n    [treeData, convertToTreeData],\n  );\n\n  const handleSelect: TreeProps[\"onSelect\"] = useCallback(\n    (keys: any, info: any) => {\n      // 编辑态不响应选中\n      if (editNode) return;\n      // 临时节点不可选中\n      const node = info.node as DataNode & { _isTempNode?: boolean };\n      if (node._isTempNode) return;\n      // 点击 moreActions 区域不触发选中\n      const target = info.nativeEvent?.target as HTMLElement | null;\n      if (\n        target &&\n        (target.closest(\".folder-tree-more-icon\") ||\n          target.closest(\".ant-dropdown\"))\n      ) {\n        return;\n      }\n      onSelect?.(keys, info);\n    },\n    [onSelect, editNode],\n  );\n\n  const titleNode =\n    directoryTitle === false || directoryTitle === null\n      ? null\n      : typeof directoryTitle === \"function\"\n        ? directoryTitle()\n        : directoryTitle;\n\n  return (\n    <div className={clsx(styles.directoryPanel, className)} style={{ width }}>\n      {titleNode && <div className={styles.directoryTitle}>{titleNode}</div>}\n      <div className={styles.directoryTreeContent}\n        onDragOver={dragMode ? onContainerDragOver : undefined}\n        onDrop={dragMode ? onContainerDrop : undefined}\n      >\n        <AntDirectoryTree\n          style={\n            {\n              \"--ant-tree-directory-node-selected-bg\": \"rgba(0,0,0,0.03)\",\n              \"--ant-tree-directory-node-selected-color\": \"#1a1c1e\",\n            } as React.CSSProperties\n          }\n          treeData={treeDataConverted}\n          selectedKeys={selectedKeys}\n          expandedKeys={expandedKeys}\n          onSelect={handleSelect}\n          onExpand={onExpand}\n          multiple={false}\n          blockNode\n          showLine={showLine as any}\n          switcherIcon={switcherIcon}\n          defaultExpandAll={defaultExpandAll}\n          draggable={false}\n        />\n        </div>\n    </div>\n  );\n};\n\nexport default DirectoryTreeComponent;"],
+  "mappings": "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",
   "names": ["clsx"]
 }

package/dist/cjs/components/FolderTree/index.js

@@ -38,6 +38,18 @@ var import_DirectoryTree = __toESM(require("./DirectoryTree"));
 var import_FilePreview = __toESM(require("./FilePreview"));
 var import_styles = require("./styles");
 var import_jsx_runtime = require("react/jsx-runtime");
+function getAllExpandedKeys(nodes, parentPath = "") {
+  const keys = [];
+  nodes.forEach((node) => {
+    var _a;
+    const currentPath = parentPath ? `${parentPath}/${node.path}` : node.path;
+    if ((_a = node.children) == null ? void 0 : _a.length) {
+      keys.push(currentPath);
+      keys.push(...getAllExpandedKeys(node.children, currentPath));
+    }
+  });
+  return keys;
+}
 var FolderTree = (0, import_react.forwardRef)((props, ref) => {
   const {
     className,
@@ -154,25 +166,33 @@ var FolderTree = (0, import_react.forwardRef)((props, ref) => {
   const [selectedFileState, setSelectedFileState] = (0, import_react.useState)(
     () => isValidSelectedFile(selectedFile || defaultSelectedFile) ? selectedFile || defaultSelectedFile || [] : []
   );
-  const [expandedPathsState, setExpandedPaths] = (0, import_react.useState)(
-    expandedPaths || defaultExpandedPaths
+  const controlled = expandedPaths !== void 0;
+  const [expandedPathsState, setExpandedPathsState] = (0, import_react.useState)(
+    defaultExpandedPaths || []
   );
   const [validSelectedFile, setValidSelectedFile] = (0, import_react.useState)(
     isValidSelectedFile(selectedFile || defaultSelectedFile)
   );
   const [fileContent, setFileContent] = (0, import_react.useState)("");
   const [loadingContent, setLoadingContent] = (0, import_react.useState)(false);
+  const initializedExpandRef = (0, import_react.useRef)(false);
   (0, import_react.useEffect)(() => {
     if (selectedFile !== void 0) {
       setSelectedFileState(selectedFile);
       setValidSelectedFile(isValidSelectedFile(selectedFile));
     }
-  }, [selectedFile, treeData]);
+  }, [selectedFile, isValidSelectedFile]);
+  (0, import_react.useEffect)(() => {
+    if (!controlled && defaultExpandAll && !initializedExpandRef.current && treeData.length > 0) {
+      initializedExpandRef.current = true;
+      setExpandedPathsState(getAllExpandedKeys(treeData));
+    }
+  }, [controlled, defaultExpandAll, treeData]);
   (0, import_react.useEffect)(() => {
-    if (expandedPaths !== void 0) {
-      setExpandedPaths(expandedPaths);
+    if (controlled) {
+      setExpandedPathsState(expandedPaths);
     }
-  }, [expandedPaths]);
+  }, [controlled, expandedPaths]);
   (0, import_react.useEffect)(() => {
     const loadContent = async () => {
       if (!validSelectedFile || selectedFileState.length === 0) {
@@ -241,16 +261,14 @@ var FolderTree = (0, import_react.forwardRef)((props, ref) => {
       setSelectedFileState(pathArray);
     }
     if (originalNode) {
-      onFileClick == null ? void 0 : onFileClick(
-        keys[0],
-        originalNode.content,
-        originalNode.extra
-      );
+      onFileClick == null ? void 0 : onFileClick(keys[0], originalNode.content, originalNode.extra);
     }
   };
   const handleExpand = (keys) => {
     const newPaths = keys;
-    setExpandedPaths(newPaths);
+    if (!controlled) {
+      setExpandedPathsState(newPaths);
+    }
     onExpandedPathsChange == null ? void 0 : onExpandedPathsChange(newPaths);
   };
   (0, import_react.useImperativeHandle)(
@@ -270,17 +288,18 @@ var FolderTree = (0, import_react.forwardRef)((props, ref) => {
           currentValue: defaultName,
           mode: "create"
         });
-        if (parentPath && parentPath !== "/") {
-          setExpandedPaths((prev) => {
+        if (!controlled && parentPath && parentPath !== "/") {
+          setExpandedPathsState((prev) => {
             const current = prev || [];
-            if (current.includes(parentPath))
+            if (current.includes(parentPath)) {
               return current;
+            }
             return [...current, parentPath];
           });
         }
       }
     }),
-    []
+    [controlled]
   );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
@@ -306,7 +325,7 @@ var FolderTree = (0, import_react.forwardRef)((props, ref) => {
             treeData,
             directoryIcons,
             selectedKeys: selectable && selectedFileState && validSelectedFile ? [selectedFileState.join("/")] : [],
-            expandedKeys: expandedPathsState,
+            expandedKeys: controlled ? expandedPaths : expandedPathsState,
             onSelect: handleSelect,
             onExpand: handleExpand,
             defaultExpandAll,

package/dist/cjs/components/FolderTree/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FolderTree/index.tsx"],
-  "sourcesContent": ["import React, {\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from \"react\";\nimport type { TreeProps } from \"antd\";\nimport clsx from \"clsx\";\nimport type {\n  FolderTreeData,\n  FolderTreeProps,\n  FolderTreeRef,\n  EditNodeInfo,\n  CreateNodeContext,\n} from \"./types\";\nimport DirectoryTreeComponent from \"./DirectoryTree\";\nimport FilePreview from \"./FilePreview\";\nimport { useStyles } from \"./styles\";\n\nexport type {\n  FolderTreeData,\n  FolderTreeProps,\n  FileContentService,\n  FolderTreeRef,\n} from \"./types\";\n\nconst FolderTree = forwardRef<FolderTreeRef, FolderTreeProps>((props, ref) => {\n  const {\n    className,\n    style,\n    treeData,\n    directoryIcons,\n    previewRender,\n    directoryTitle,\n    previewTitle,\n    selectable = true,\n    defaultSelectedFile,\n    defaultExpandAll = true,\n    selectedFile,\n    onSelectedFileChange,\n    directoryTreeWidth = 280,\n    emptyRender,\n    defaultExpandedPaths,\n    expandedPaths,\n    onExpandedPathsChange,\n    onFileClick,\n    onFolderClick,\n    fileContentService,\n    moreActions,\n    showLine,\n    switcherIcon,\n    showPreview = true,\n    draggable,\n    onDrop,\n    onRename,\n    onCreate,\n  } = props;\n\n  const styles = useStyles();\n\n  // ====== 编辑态状态 ======\n  const [editNode, setEditNode] = useState<EditNodeInfo | null>(null);\n  const [createContext, setCreateContext] = useState<CreateNodeContext | null>(\n    null\n  );\n\n  // ====== 工具函数 ======\n  const findNodeAndValidate = useCallback(\n    (\n      path: string | string[],\n      validateAsFile = false,\n    ): { node: FolderTreeData | undefined; isValid: boolean } => {\n      if (!path) return { node: undefined, isValid: false };\n      const segments = Array.isArray(path)\n        ? path.filter(Boolean)\n        : path.split(\"/\").filter(Boolean);\n      if (segments.length === 0) return { node: undefined, isValid: false };\n\n      const findNode = (\n        nodes: FolderTreeData[],\n        index = 0,\n      ): FolderTreeData | undefined => {\n        if (index >= segments.length) return undefined;\n        const currentSegment = segments[index];\n        for (const node of nodes) {\n          if (node.path === currentSegment) {\n            return index === segments.length - 1\n              ? node\n              : node.children\n                ? findNode(node.children, index + 1)\n                : undefined;\n          }\n        }\n        return undefined;\n      };\n\n      const node = findNode(treeData);\n      const isValid = validateAsFile\n        ? !!node && (!node?.children || node.children.length === 0)\n        : !!node;\n      return { node, isValid };\n    },\n    [treeData],\n  );\n\n  const isValidSelectedFile = (filePath?: string[]): boolean =>\n    !!(\n      filePath &&\n      filePath.length > 0 &&\n      findNodeAndValidate(filePath, true).isValid\n    );\n\n  // ====== 编辑态逻辑 ======\n\n  // 当 treeData 变化时，检查编辑节点是否还存在\n  useEffect(() => {\n    if (!editNode) return;\n    const { node } = findNodeAndValidate(editNode.key);\n    if (!node) {\n      setEditNode(null);\n      setCreateContext(null);\n    }\n  }, [treeData]);\n\n  // 编辑值变化\n  const handleEditValueChange = useCallback((value: string) => {\n    setEditNode((prev) => (prev ? { ...prev, currentValue: value } : null));\n  }, []);\n\n  // 确认编辑\n  const handleEditConfirm = useCallback(() => {\n    if (!editNode) return;\n    const newValue = editNode.currentValue.trim();\n\n    if (editNode.mode === \"rename\") {\n      const { node } = findNodeAndValidate(editNode.key);\n      onRename?.({\n        key: editNode.key,\n        oldTitle: editNode.originalTitle,\n        newTitle: newValue,\n        node: node!,\n      });\n    } else if (editNode.mode === \"create\" && createContext) {\n      onCreate?.({\n        parentKey: createContext.parentKey,\n        name: newValue,\n        type: createContext.type,\n        extra: createContext.extra,\n      });\n    }\n\n    setEditNode(null);\n    setCreateContext(null);\n  }, [editNode, createContext, findNodeAndValidate, onRename, onCreate]);\n\n  // 取消编辑\n  const handleEditCancel = useCallback(() => {\n    setEditNode(null);\n    setCreateContext(null);\n  }, []);\n\n  // 开始重命名\n  const handleStartRename = useCallback(\n    (fullPath: string, node: FolderTreeData) => {\n      const titleStr =\n        typeof node.title === \"string\" ? node.title : String(node.path);\n      setCreateContext(null);\n      setEditNode({\n        key: fullPath,\n        originalTitle: titleStr,\n        currentValue: titleStr,\n        mode: \"rename\",\n      });\n    },\n    []\n  );\n\n  // ====== State ======\n  const [selectedFileState, setSelectedFileState] = useState<string[]>(() =>\n    isValidSelectedFile(selectedFile || defaultSelectedFile)\n      ? selectedFile || defaultSelectedFile || []\n      : [],\n  );\n  const [expandedPathsState, setExpandedPaths] = useState<string[] | undefined>(\n    expandedPaths || defaultExpandedPaths,\n  );\n  const [validSelectedFile, setValidSelectedFile] = useState<boolean>(\n    isValidSelectedFile(selectedFile || defaultSelectedFile),\n  );\n  const [fileContent, setFileContent] = useState<string>(\"\");\n  const [loadingContent, setLoadingContent] = useState<boolean>(false);\n\n  // 受控模式同步\n  useEffect(() => {\n    if (selectedFile !== undefined) {\n      setSelectedFileState(selectedFile);\n      setValidSelectedFile(isValidSelectedFile(selectedFile));\n    }\n  }, [selectedFile, treeData]);\n\n  useEffect(() => {\n    if (expandedPaths !== undefined) {\n      setExpandedPaths(expandedPaths);\n    }\n  }, [expandedPaths]);\n\n  // ====== 加载文件内容 ======\n  useEffect(() => {\n    const loadContent = async () => {\n      if (!validSelectedFile || selectedFileState.length === 0) {\n        setFileContent(\"\");\n        setLoadingContent(false);\n        return;\n      }\n\n      const filePath = selectedFileState.join(\"/\");\n      const segments = filePath.split(\"/\").filter((s) => s !== \"\");\n      const { node } = findNodeAndValidate(segments);\n\n      if (fileContentService) {\n        setLoadingContent(true);\n        try {\n          const content = await fileContentService.loadFileContent(filePath);\n          setFileContent(content);\n        } catch (error) {\n          setFileContent(\n            `// 加载错误: ${\n              error instanceof Error ? error.message : \"Unknown error\"\n            }`,\n          );\n        } finally {\n          setLoadingContent(false);\n        }\n      } else if (node?.content) {\n        setFileContent(node.content);\n        setLoadingContent(false);\n      } else {\n        setFileContent(\"\");\n        setLoadingContent(false);\n      }\n    };\n\n    loadContent();\n  }, [\n    validSelectedFile,\n    selectedFileState,\n    treeData,\n    fileContentService,\n    findNodeAndValidate,\n  ]);\n\n  // ====== 事件处理 ======\n  const handleSelect: TreeProps[\"onSelect\"] = (_keys, info) => {\n    const keys = _keys as string[];\n    const nodes = Array.isArray(info.selectedNodes)\n      ? info.selectedNodes\n      : [info.selectedNodes];\n\n    const isFolder = nodes.some((node) => !node.isLeaf);\n    if (isFolder) {\n      if (nodes.length === 1) {\n        const node = nodes[0] as unknown as FolderTreeData;\n        onFolderClick?.(node.path, node.extra);\n      }\n      return;\n    }\n\n    const pathArray = keys[0]?.split(\"/\").filter(Boolean) || [];\n    if (pathArray.length === 0) return;\n\n    // 从原始 treeData 中查找节点，避免拿到 antd 包装后的 JSX title\n    const { node: originalNode } = findNodeAndValidate(pathArray);\n    const fileName = originalNode?.title;\n    const nodeContent = originalNode?.content;\n\n    onSelectedFileChange?.({\n      path: pathArray,\n      title: fileName,\n      content: nodeContent,\n      extra: originalNode?.extra,\n    });\n\n    const isControlled = selectedFile !== undefined;\n    if (!isControlled) {\n      setValidSelectedFile(true);\n      setSelectedFileState(pathArray);\n    }\n\n    if (originalNode) {\n      onFileClick?.(\n        keys[0],\n        originalNode.content,\n        originalNode.extra,\n      );\n    }\n  };\n\n  const handleExpand: TreeProps[\"onExpand\"] = (keys) => {\n    const newPaths = keys as string[];\n    setExpandedPaths(newPaths);\n    onExpandedPathsChange?.(newPaths);\n  };\n\n  // ====== 命令式 API ======\n  useImperativeHandle(\n    ref,\n    () => ({\n      createNode: (parentPath, options) => {\n        const defaultName =\n          options.defaultName ||\n          (options.type === \"folder\" ? \"新建文件夹\" : \"新建文件\");\n        const tempKey = `__create__${parentPath || \"root\"}__${Date.now()}`;\n\n        setCreateContext({\n          parentKey: parentPath,\n          type: options.type,\n          extra: options.extra,\n        });\n        setEditNode({\n          key: tempKey,\n          originalTitle: \"\",\n          currentValue: defaultName,\n          mode: \"create\",\n        });\n\n        // 自动展开父文件夹\n        if (parentPath && parentPath !== \"/\") {\n          setExpandedPaths((prev) => {\n            const current = prev || [];\n            if (current.includes(parentPath)) return current;\n            return [...current, parentPath];\n          });\n        }\n      },\n    }),\n    []\n  );\n\n  return (\n    <div\n      className={clsx(\n        styles.container,\n        !showPreview && styles.containerNoPreview,\n        className,\n      )}\n      style={{\n        ...style,\n        ...(style?.background\n          ? ({\n              \"--folder-tree-directory-bg\": style.background,\n            } as React.CSSProperties)\n          : {}),\n        ...(style?.backgroundColor\n          ? ({\n              \"--folder-tree-directory-bg\": style.backgroundColor,\n            } as React.CSSProperties)\n          : {}),\n      }}\n    >\n      <DirectoryTreeComponent\n        treeData={treeData}\n        directoryIcons={directoryIcons}\n        selectedKeys={\n          selectable && selectedFileState && validSelectedFile\n            ? [selectedFileState.join(\"/\")]\n            : []\n        }\n        expandedKeys={expandedPathsState}\n        onSelect={handleSelect}\n        onExpand={handleExpand}\n        defaultExpandAll={defaultExpandAll}\n        directoryTitle={directoryTitle}\n        moreActions={moreActions}\n        showLine={showLine}\n        switcherIcon={switcherIcon}\n        width={directoryTreeWidth}\n        draggable={draggable}\n        editNode={editNode}\n        onEditValueChange={handleEditValueChange}\n        onEditConfirm={handleEditConfirm}\n        onEditCancel={handleEditCancel}\n        createInfo={createContext}\n        onStartRename={handleStartRename}\n        onDrop={onDrop}\n      />\n      {showPreview && (\n        <FilePreview\n          selectedFile={validSelectedFile ? selectedFileState : []}\n          fileContent={fileContent}\n          loading={loadingContent}\n          previewTitle={previewTitle}\n          previewRender={previewRender}\n          emptyRender={emptyRender}\n          getFileNode={(path) => {\n            if (!path || path.length === 0) return undefined;\n            const { node } = findNodeAndValidate(path);\n            return node\n              ? { title: node.title, path: node.path, content: node.content }\n              : undefined;\n          }}\n        />\n      )}\n    </div>\n  );\n});\n\nFolderTree.displayName = \"FolderTree\";\n\nexport default FolderTree;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {\n  useRef,\n  useCallback,\n  useEffect,\n  useState,\n  forwardRef,\n  useImperativeHandle,\n} from \"react\";\nimport type { TreeProps } from \"antd\";\nimport clsx from \"clsx\";\nimport type {\n  FolderTreeData,\n  FolderTreeProps,\n  FolderTreeRef,\n  EditNodeInfo,\n  CreateNodeContext,\n} from \"./types\";\nimport DirectoryTreeComponent from \"./DirectoryTree\";\nimport FilePreview from \"./FilePreview\";\nimport { useStyles } from \"./styles\";\n\nexport type {\n  FolderTreeData,\n  FolderTreeProps,\n  FileContentService,\n  FolderTreeRef,\n} from \"./types\";\n\nfunction getAllExpandedKeys(\n  nodes: FolderTreeData[],\n  parentPath = \"\",\n): string[] {\n  const keys: string[] = [];\n\n  nodes.forEach((node) => {\n    const currentPath = parentPath ? `${parentPath}/${node.path}` : node.path;\n\n    if (node.children?.length) {\n      keys.push(currentPath);\n      keys.push(...getAllExpandedKeys(node.children, currentPath));\n    }\n  });\n\n  return keys;\n}\n\nconst FolderTree = forwardRef<FolderTreeRef, FolderTreeProps>((props, ref) => {\n  const {\n    className,\n    style,\n    treeData,\n    directoryIcons,\n    previewRender,\n    directoryTitle,\n    previewTitle,\n    selectable = true,\n    defaultSelectedFile,\n    defaultExpandAll = true,\n    selectedFile,\n    onSelectedFileChange,\n    directoryTreeWidth = 280,\n    emptyRender,\n    defaultExpandedPaths,\n    expandedPaths,\n    onExpandedPathsChange,\n    onFileClick,\n    onFolderClick,\n    fileContentService,\n    moreActions,\n    showLine,\n    switcherIcon,\n    showPreview = true,\n    draggable,\n    onDrop,\n    onRename,\n    onCreate,\n  } = props;\n\n  const styles = useStyles();\n\n  // ====== 编辑态状态 ======\n  const [editNode, setEditNode] = useState<EditNodeInfo | null>(null);\n  const [createContext, setCreateContext] = useState<CreateNodeContext | null>(\n    null,\n  );\n\n  // ====== 工具函数 ======\n  const findNodeAndValidate = useCallback(\n    (\n      path: string | string[],\n      validateAsFile = false,\n    ): { node: FolderTreeData | undefined; isValid: boolean } => {\n      if (!path) return { node: undefined, isValid: false };\n      const segments = Array.isArray(path)\n        ? path.filter(Boolean)\n        : path.split(\"/\").filter(Boolean);\n      if (segments.length === 0) return { node: undefined, isValid: false };\n\n      const findNode = (\n        nodes: FolderTreeData[],\n        index = 0,\n      ): FolderTreeData | undefined => {\n        if (index >= segments.length) return undefined;\n        const currentSegment = segments[index];\n        for (const node of nodes) {\n          if (node.path === currentSegment) {\n            return index === segments.length - 1\n              ? node\n              : node.children\n                ? findNode(node.children, index + 1)\n                : undefined;\n          }\n        }\n        return undefined;\n      };\n\n      const node = findNode(treeData);\n      const isValid = validateAsFile\n        ? !!node && (!node?.children || node.children.length === 0)\n        : !!node;\n      return { node, isValid };\n    },\n    [treeData],\n  );\n\n  const isValidSelectedFile = (filePath?: string[]): boolean =>\n    !!(\n      filePath &&\n      filePath.length > 0 &&\n      findNodeAndValidate(filePath, true).isValid\n    );\n\n  // ====== 编辑态逻辑 ======\n\n  // 当 treeData 变化时，检查编辑节点是否还存在\n  useEffect(() => {\n    if (!editNode) return;\n    const { node } = findNodeAndValidate(editNode.key);\n    if (!node) {\n      setEditNode(null);\n      setCreateContext(null);\n    }\n  }, [treeData]);\n\n  // 编辑值变化\n  const handleEditValueChange = useCallback((value: string) => {\n    setEditNode((prev) => (prev ? { ...prev, currentValue: value } : null));\n  }, []);\n\n  // 确认编辑\n  const handleEditConfirm = useCallback(() => {\n    if (!editNode) return;\n    const newValue = editNode.currentValue.trim();\n\n    if (editNode.mode === \"rename\") {\n      const { node } = findNodeAndValidate(editNode.key);\n      onRename?.({\n        key: editNode.key,\n        oldTitle: editNode.originalTitle,\n        newTitle: newValue,\n        node: node!,\n      });\n    } else if (editNode.mode === \"create\" && createContext) {\n      onCreate?.({\n        parentKey: createContext.parentKey,\n        name: newValue,\n        type: createContext.type,\n        extra: createContext.extra,\n      });\n    }\n\n    setEditNode(null);\n    setCreateContext(null);\n  }, [editNode, createContext, findNodeAndValidate, onRename, onCreate]);\n\n  // 取消编辑\n  const handleEditCancel = useCallback(() => {\n    setEditNode(null);\n    setCreateContext(null);\n  }, []);\n\n  // 开始重命名\n  const handleStartRename = useCallback(\n    (fullPath: string, node: FolderTreeData) => {\n      const titleStr =\n        typeof node.title === \"string\" ? node.title : String(node.path);\n      setCreateContext(null);\n      setEditNode({\n        key: fullPath,\n        originalTitle: titleStr,\n        currentValue: titleStr,\n        mode: \"rename\",\n      });\n    },\n    [],\n  );\n\n  // ====== State ======\n  const [selectedFileState, setSelectedFileState] = useState<string[]>(() =>\n    isValidSelectedFile(selectedFile || defaultSelectedFile)\n      ? selectedFile || defaultSelectedFile || []\n      : [],\n  );\n  const controlled = expandedPaths !== undefined;\n\n  const [expandedPathsState, setExpandedPathsState] = useState<string[]>(\n    defaultExpandedPaths || [],\n  );\n  const [validSelectedFile, setValidSelectedFile] = useState<boolean>(\n    isValidSelectedFile(selectedFile || defaultSelectedFile),\n  );\n  const [fileContent, setFileContent] = useState<string>(\"\");\n  const [loadingContent, setLoadingContent] = useState<boolean>(false);\n  const initializedExpandRef = useRef(false);\n\n  // 受控模式同步\n  useEffect(() => {\n    if (selectedFile !== undefined) {\n      setSelectedFileState(selectedFile);\n      setValidSelectedFile(isValidSelectedFile(selectedFile));\n    }\n  }, [selectedFile, isValidSelectedFile]);\n\n  useEffect(() => {\n    if (\n      !controlled &&\n      defaultExpandAll &&\n      !initializedExpandRef.current &&\n      treeData.length > 0\n    ) {\n      initializedExpandRef.current = true;\n\n      setExpandedPathsState(getAllExpandedKeys(treeData));\n    }\n  }, [controlled, defaultExpandAll, treeData]);\n\n  useEffect(() => {\n    if (controlled) {\n      setExpandedPathsState(expandedPaths);\n    }\n  }, [controlled, expandedPaths]);\n\n  // ====== 加载文件内容 ======\n  useEffect(() => {\n    const loadContent = async () => {\n      if (!validSelectedFile || selectedFileState.length === 0) {\n        setFileContent(\"\");\n        setLoadingContent(false);\n        return;\n      }\n\n      const filePath = selectedFileState.join(\"/\");\n      const segments = filePath.split(\"/\").filter((s) => s !== \"\");\n      const { node } = findNodeAndValidate(segments);\n\n      if (fileContentService) {\n        setLoadingContent(true);\n        try {\n          const content = await fileContentService.loadFileContent(filePath);\n          setFileContent(content);\n        } catch (error) {\n          setFileContent(\n            `// 加载错误: ${\n              error instanceof Error ? error.message : \"Unknown error\"\n            }`,\n          );\n        } finally {\n          setLoadingContent(false);\n        }\n      } else if (node?.content) {\n        setFileContent(node.content);\n        setLoadingContent(false);\n      } else {\n        setFileContent(\"\");\n        setLoadingContent(false);\n      }\n    };\n\n    loadContent();\n  }, [\n    validSelectedFile,\n    selectedFileState,\n    treeData,\n    fileContentService,\n    findNodeAndValidate,\n  ]);\n\n  // ====== 事件处理 ======\n  const handleSelect: TreeProps[\"onSelect\"] = (_keys, info) => {\n    const keys = _keys as string[];\n    const nodes = Array.isArray(info.selectedNodes)\n      ? info.selectedNodes\n      : [info.selectedNodes];\n\n    const isFolder = nodes.some((node) => !node.isLeaf);\n    if (isFolder) {\n      if (nodes.length === 1) {\n        const node = nodes[0] as unknown as FolderTreeData;\n        onFolderClick?.(node.path, node.extra);\n      }\n      return;\n    }\n\n    const pathArray = keys[0]?.split(\"/\").filter(Boolean) || [];\n    if (pathArray.length === 0) return;\n\n    // 从原始 treeData 中查找节点，避免拿到 antd 包装后的 JSX title\n    const { node: originalNode } = findNodeAndValidate(pathArray);\n    const fileName = originalNode?.title;\n    const nodeContent = originalNode?.content;\n\n    onSelectedFileChange?.({\n      path: pathArray,\n      title: fileName,\n      content: nodeContent,\n      extra: originalNode?.extra,\n    });\n\n    const isControlled = selectedFile !== undefined;\n    if (!isControlled) {\n      setValidSelectedFile(true);\n      setSelectedFileState(pathArray);\n    }\n\n    if (originalNode) {\n      onFileClick?.(keys[0], originalNode.content, originalNode.extra);\n    }\n  };\n\n  const handleExpand: TreeProps[\"onExpand\"] = (keys) => {\n    const newPaths = keys as string[];\n\n    if (!controlled) {\n      setExpandedPathsState(newPaths);\n    }\n\n    onExpandedPathsChange?.(newPaths);\n  };\n\n  // ====== 命令式 API ======\n  useImperativeHandle(\n    ref,\n    () => ({\n      createNode: (parentPath, options) => {\n        const defaultName =\n          options.defaultName ||\n          (options.type === \"folder\" ? \"新建文件夹\" : \"新建文件\");\n        const tempKey = `__create__${parentPath || \"root\"}__${Date.now()}`;\n\n        setCreateContext({\n          parentKey: parentPath,\n          type: options.type,\n          extra: options.extra,\n        });\n        setEditNode({\n          key: tempKey,\n          originalTitle: \"\",\n          currentValue: defaultName,\n          mode: \"create\",\n        });\n\n        // 自动展开父文件夹（仅在受控模式下需要，非受控模式由 defaultExpandAll 处理）\n        if (!controlled && parentPath && parentPath !== \"/\") {\n          setExpandedPathsState((prev) => {\n            const current = prev || [];\n\n            if (current.includes(parentPath)) {\n              return current;\n            }\n\n            return [...current, parentPath];\n          });\n        }\n      },\n    }),\n    [controlled],\n  );\n\n  return (\n    <div\n      className={clsx(\n        styles.container,\n        !showPreview && styles.containerNoPreview,\n        className,\n      )}\n      style={{\n        ...style,\n        ...(style?.background\n          ? ({\n              \"--folder-tree-directory-bg\": style.background,\n            } as React.CSSProperties)\n          : {}),\n        ...(style?.backgroundColor\n          ? ({\n              \"--folder-tree-directory-bg\": style.backgroundColor,\n            } as React.CSSProperties)\n          : {}),\n      }}\n    >\n      <DirectoryTreeComponent\n        treeData={treeData}\n        directoryIcons={directoryIcons}\n        selectedKeys={\n          selectable && selectedFileState && validSelectedFile\n            ? [selectedFileState.join(\"/\")]\n            : []\n        }\n        expandedKeys={controlled ? expandedPaths : expandedPathsState}\n        onSelect={handleSelect}\n        onExpand={handleExpand}\n        defaultExpandAll={defaultExpandAll}\n        directoryTitle={directoryTitle}\n        moreActions={moreActions}\n        showLine={showLine}\n        switcherIcon={switcherIcon}\n        width={directoryTreeWidth}\n        draggable={draggable}\n        editNode={editNode}\n        onEditValueChange={handleEditValueChange}\n        onEditConfirm={handleEditConfirm}\n        onEditCancel={handleEditCancel}\n        createInfo={createContext}\n        onStartRename={handleStartRename}\n        onDrop={onDrop}\n      />\n      {showPreview && (\n        <FilePreview\n          selectedFile={validSelectedFile ? selectedFileState : []}\n          fileContent={fileContent}\n          loading={loadingContent}\n          previewTitle={previewTitle}\n          previewRender={previewRender}\n          emptyRender={emptyRender}\n          getFileNode={(path) => {\n            if (!path || path.length === 0) return undefined;\n            const { node } = findNodeAndValidate(path);\n            return node\n              ? { title: node.title, path: node.path, content: node.content }\n              : undefined;\n          }}\n        />\n      )}\n    </div>\n  );\n});\n\nFolderTree.displayName = \"FolderTree\";\n\nexport default FolderTree;\n"],
+  "mappings": "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",
   "names": ["node", "clsx", "DirectoryTreeComponent", "FilePreview"]
 }

package/dist/cjs/components/FolderTree/styles.d.ts

@@ -4,6 +4,10 @@ export declare const useStyles: () => {
     directoryPanel: string;
     directoryTitle: string;
     directoryTreeContent: string;
+    /** 自定义拖拽 - 节点可拖拽样式 */
+    dragNodeHandle: string;
+    /** 树节点容器，用于相对定位 drop indicator */
+    treeNodeWrapper: string;
     previewPanel: string;
     previewTitle: string;
     previewContent: string;