@ai-group/chat-sdk 3.5.7 → 3.5.10

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

@@ -1,10 +1,10 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import React, { useCallback } from "react";
+import React, { useCallback, useMemo } from "react";
 import { Tree, Dropdown, Input } from "antd";
 import { FileOutlined, FolderOutlined, MoreOutlined } from "@ant-design/icons";
 import clsx from "clsx";
 import { useStyles } from "./styles";
+import { useFolderDrag } from "./useFolderDrag";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var AntDirectoryTree = Tree.DirectoryTree;
@@ -90,10 +90,90 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
         },
         onSelect: function onSelect(e) {
           return e.stopPropagation();
+        },
+        onFocus: function onFocus(e) {
+          return e.stopPropagation();
         }
       })
     });
   }, [onEditValueChange, onEditConfirm, onEditCancel, styles]);
+
+  // ====== 拖拽模式 ======
+  var dragMode = draggable === true ? "file" : draggable || false;
+
+  // ====== 自定义拖拽 hook ======
+  var handleDragDrop = useCallback(function (dragNode, dropNode, dropPosition) {
+    var dragNd = dragNode;
+    var dropNd = dropNode;
+    var originalDragNode = dragNd._originalNode;
+    var originalDropNode = dropNd._originalNode;
+    if (!originalDragNode) return;
+    var dragKey = String(dragNode.key);
+    var dropKey = String(dropNode.key);
+    var dragFileName = originalDragNode.path;
+    var newPath;
+
+    // 拖到底部 drop zone：放在根级别末尾
+    if (!originalDropNode && dropKey === "__bottom_placeholder__") {
+      newPath = dragFileName;
+      onDrop === null || onDrop === void 0 || onDrop({
+        fileName: originalDragNode.title,
+        extra: originalDragNode.extra,
+        oldPath: dragKey,
+        newPath: newPath,
+        dragNode: originalDragNode,
+        dropNode: {
+          title: "",
+          path: ""
+        }
+      });
+      return;
+    }
+    if (!originalDropNode) return;
+    if (!dropNode.isLeaf && dropPosition === 0) {
+      // 拖入文件夹内部
+      newPath = "".concat(dropKey, "/").concat(dragFileName);
+    } else {
+      // 拖到节点旁边（同级）
+      var dropParentPath = dropKey.includes("/") ? dropKey.substring(0, dropKey.lastIndexOf("/")) : "";
+      newPath = dropParentPath ? "".concat(dropParentPath, "/").concat(dragFileName) : dragFileName;
+    }
+    onDrop === null || onDrop === void 0 || onDrop({
+      fileName: originalDragNode.title,
+      extra: originalDragNode.extra,
+      oldPath: dragKey,
+      newPath: newPath,
+      dragNode: originalDragNode,
+      dropNode: originalDropNode
+    });
+  }, [onDrop]);
+  var handleDragEnterExpand = useCallback(function (nodeKey) {
+    var isExpanded = expandedKeys === null || expandedKeys === void 0 ? void 0 : expandedKeys.includes(nodeKey);
+    if (!isExpanded) {
+      onExpand === null || onExpand === void 0 || onExpand([].concat(_toConsumableArray(expandedKeys || []), [nodeKey]), {
+        node: null,
+        expanded: true,
+        nativeEvent: null
+      });
+    }
+  }, [expandedKeys, onExpand]);
+  var _useFolderDrag = useFolderDrag({
+      dragMode: dragMode,
+      onDrop: handleDragDrop,
+      onDragEnterExpand: handleDragEnterExpand
+    }),
+    onDragStart = _useFolderDrag.onDragStart,
+    onDragEnd = _useFolderDrag.onDragEnd,
+    onItemDragEnter = _useFolderDrag.onItemDragEnter,
+    onItemDragOver = _useFolderDrag.onItemDragOver,
+    onItemDragLeave = _useFolderDrag.onItemDragLeave,
+    onItemDrop = _useFolderDrag.onItemDrop,
+    onContainerDragOver = _useFolderDrag.onContainerDragOver,
+    onContainerDrop = _useFolderDrag.onContainerDrop,
+    canDragNode = _useFolderDrag.canDragNode;
+
+  // ====== 转换树数据 ======
+  // 注意：convertToTreeData 不依赖拖拽状态，拖拽效果通过 DOM 操作实现
   var convertToTreeData = useCallback(function (nodes) {
     var parentSegments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     var parentKey = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
@@ -101,7 +181,25 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
       var pathSegments = buildPathSegments(node, parentSegments);
       var fullPath = pathSegments.join("/").replace(/^\/+/, "");
       var isEditing = editNode && editNode.key === fullPath;
-      var titleContent = isEditing ? renderInlineInput(editNode.currentValue) : /*#__PURE__*/_jsxs("span", {
+      var nodeChildren = node.children ? convertToTreeData(node.children, pathSegments, fullPath) : undefined;
+      var baseNode = {
+        key: fullPath,
+        path: fullPath,
+        pathSegments: pathSegments,
+        icon: getIcon(node),
+        isLeaf: !isFolder(node),
+        _originalNode: node,
+        children: nodeChildren
+      };
+
+      // 编辑态：直接渲染 inline input
+      if (isEditing) {
+        baseNode.title = renderInlineInput(editNode.currentValue);
+        return baseNode;
+      }
+
+      // title 内容（按钮、菜单等）
+      var titleContent = /*#__PURE__*/_jsxs("span", {
         className: clsx(styles.treeNodeTitle, moreActions && styles.treeNodeTitleHover),
         children: [/*#__PURE__*/_jsx("span", {
           children: node.title
@@ -122,24 +220,41 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
           })
         })]
       });
-      var nodeChildren = node.children ? convertToTreeData(node.children, pathSegments, fullPath) : undefined;
-      return _objectSpread(_objectSpread({}, node), {}, {
-        key: fullPath,
-        path: fullPath,
-        pathSegments: pathSegments,
-        title: titleContent,
-        icon: getIcon(node),
-        isLeaf: !isFolder(node),
-        /** 保存原始节点数据用于拖拽回调 */
-        _originalNode: node,
-        children: nodeChildren
-      });
+
+      // 启用拖拽时：在 title 外层包裹具有 data-node-key 属性的容器，
+      // 用于 DOM 查询和事件绑定。拖拽状态通过 CSS class 控制。
+      if (dragMode) {
+        var nodeData = baseNode;
+        var draggableDiv = canDragNode(nodeData);
+        baseNode.title = /*#__PURE__*/_jsx("div", {
+          className: clsx(styles.treeNodeWrapper, draggableDiv && styles.dragNodeHandle),
+          "data-node-key": fullPath,
+          draggable: draggableDiv,
+          onDragStart: draggableDiv ? function (e) {
+            return onDragStart(e, baseNode);
+          } : undefined,
+          onDragEnd: draggableDiv ? onDragEnd : undefined,
+          onDragEnter: function onDragEnter(e) {
+            return onItemDragEnter(e, baseNode);
+          },
+          onDragOver: function onDragOver(e) {
+            return onItemDragOver(e, baseNode);
+          },
+          onDragLeave: onItemDragLeave,
+          onDrop: function onDrop(e) {
+            return onItemDrop(e, baseNode);
+          },
+          children: titleContent
+        });
+      } else {
+        baseNode.title = titleContent;
+      }
+      return baseNode;
     });
 
     // 新建模式：在目标父节点下插入临时节点
     if (createInfo && editNode && editNode.mode === "create") {
       var targetParentKey = createInfo.parentKey;
-      // 匹配当前层级的父节点 key
       if (targetParentKey === parentKey || targetParentKey === "" && parentKey === "" || targetParentKey === "/" && parentKey === "") {
         var tempNode = {
           key: editNode.key,
@@ -149,69 +264,30 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
           path: editNode.key,
           pathSegments: [editNode.key],
           _originalNode: null,
-          /** 标记为临时节点 */
           _isTempNode: true
         };
         result.push(tempNode);
       }
     }
     return result;
-  }, [buildPathSegments, getIcon, moreActions, styles, editNode, renderInlineInput, onEditValueChange, createInfo, onStartRename]);
-  var treeDataConverted = convertToTreeData(treeData, [], "");
-
-  // ====== 拖拽配置 ======
-  var dragMode = draggable === true ? "file" : draggable || false;
-  var draggableConfig = dragMode ? {
-    icon: false,
-    nodeDraggable: function nodeDraggable(node) {
-      var nd = node;
-      // 临时新建节点不可拖拽
-      if (nd._isTempNode) return false;
-      if (dragMode === "file") return !!node.isLeaf;
-      if (dragMode === "folder") return !node.isLeaf;
-      return true; // 'all'
-    }
-  } : false;
+  }, [buildPathSegments, getIcon, moreActions, styles, editNode, renderInlineInput, createInfo, onStartRename, dragMode, canDragNode, onDragStart, onDragEnd, onItemDragEnter, onItemDragOver, onItemDragLeave, onItemDrop]);
+  var treeDataConverted = useMemo(function () {
+    return convertToTreeData(treeData, [], "");
+  }, [treeData, convertToTreeData]);
   var handleSelect = useCallback(function (keys, info) {
+    var _info$nativeEvent;
     // 编辑态不响应选中
     if (editNode) return;
     // 临时节点不可选中
     var node = info.node;
     if (node._isTempNode) return;
+    // 点击 moreActions 区域不触发选中
+    var target = (_info$nativeEvent = info.nativeEvent) === null || _info$nativeEvent === void 0 ? void 0 : _info$nativeEvent.target;
+    if (target && (target.closest(".folder-tree-more-icon") || target.closest(".ant-dropdown"))) {
+      return;
+    }
     onSelect === null || onSelect === void 0 || onSelect(keys, info);
   }, [onSelect, editNode]);
-  var handleDrop = useCallback(function (info) {
-    if (!onDrop) return;
-    var dragNode = info.dragNode;
-    var dropNode = info.node;
-    var originalDragNode = dragNode._originalNode;
-    var originalDropNode = dropNode._originalNode;
-    if (!originalDragNode || !originalDropNode) return;
-
-    // dragNode 的原始完整路径
-    var dragKey = String(dragNode.key);
-    // 计算新路径：如果 drop 到文件夹上（非叶子），新路径为 dropNode路径/dragNode文件名
-    // 如果 drop 到文件旁边，新路径为 dropNode 的父路径/dragNode文件名
-    var dropKey = String(dropNode.key);
-    var dragFileName = originalDragNode.path;
-    var newPath;
-    if (!dropNode.isLeaf && info.dropToGap === false) {
-      // 拖入文件夹内部
-      newPath = "".concat(dropKey, "/").concat(dragFileName);
-    } else {
-      // 拖到节点旁边（同级）
-      var dropParentPath = dropKey.includes("/") ? dropKey.substring(0, dropKey.lastIndexOf("/")) : "";
-      newPath = dropParentPath ? "".concat(dropParentPath, "/").concat(dragFileName) : dragFileName;
-    }
-    onDrop({
-      fileName: originalDragNode.title,
-      extra: originalDragNode.extra,
-      oldPath: dragKey,
-      newPath: newPath,
-      dragNode: originalDragNode,
-      dropNode: originalDropNode
-    });
-  }, [onDrop]);
   var titleNode = directoryTitle === false || directoryTitle === null ? null : typeof directoryTitle === "function" ? directoryTitle() : directoryTitle;
   return /*#__PURE__*/_jsxs("div", {
     className: clsx(styles.directoryPanel, className),
@@ -223,6 +299,8 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
       children: titleNode
     }), /*#__PURE__*/_jsx("div", {
       className: styles.directoryTreeContent,
+      onDragOver: dragMode ? onContainerDragOver : undefined,
+      onDrop: dragMode ? onContainerDrop : undefined,
       children: /*#__PURE__*/_jsx(AntDirectoryTree, {
         style: {
           "--ant-tree-directory-node-selected-bg": "rgba(0,0,0,0.03)",
@@ -238,8 +316,7 @@ var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
         showLine: showLine,
         switcherIcon: switcherIcon,
         defaultExpandAll: defaultExpandAll,
-        draggable: draggableConfig,
-        onDrop: dragMode ? handleDrop : undefined
+        draggable: false
       })
     })]
   });

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","Tree","Dropdown","Input","FileOutlined","FolderOutlined","MoreOutlined","clsx","useStyles","jsx","_jsx","jsxs","_jsxs","AntDirectoryTree","DirectoryTree","DirectoryTreeComponent","_ref","treeData","selectedKeys","expandedKeys","onSelect","onExpand","_ref$showLine","showLine","switcherIcon","_ref$defaultExpandAll","defaultExpandAll","className","directoryIcons","directoryTitle","moreActions","width","draggable","onDrop","editNode","onEditValueChange","onEditConfirm","onEditCancel","createInfo","onStartRename","styles","isFolder","node","children","length","getIcon","icon","directory","filePath","path","toLowerCase","extension","split","pop","buildPathSegments","parentSegments","arguments","undefined","concat","_toConsumableArray","filter","s","renderInlineInput","value","treeNodeTitle","size","onChange","e","target","onBlur","onPressEnter","onKeyDown","key","stopPropagation","autoFocus","inlineInput","onClick","convertToTreeData","nodes","parentKey","result","map","pathSegments","fullPath","join","replace","isEditing","titleContent","currentValue","treeNodeTitleHover","title","menu","startRename","trigger","placement","moreIcon","nodeChildren","_objectSpread","isLeaf","_originalNode","mode","targetParentKey","tempNode","type","_isTempNode","push","treeDataConverted","dragMode","draggableConfig","nodeDraggable","nd","handleSelect","keys","info","handleDrop","dragNode","dropNode","originalDragNode","originalDropNode","dragKey","String","dropKey","dragFileName","newPath","dropToGap","dropParentPath","includes","substring","lastIndexOf","fileName","extra","oldPath","titleNode","directoryPanel","style","directoryTreeContent","multiple","blockNode"],"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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"}
+{"version":3,"names":["React","useCallback","useMemo","Tree","Dropdown","Input","FileOutlined","FolderOutlined","MoreOutlined","clsx","useStyles","useFolderDrag","jsx","_jsx","jsxs","_jsxs","AntDirectoryTree","DirectoryTree","DirectoryTreeComponent","_ref","treeData","selectedKeys","expandedKeys","onSelect","onExpand","_ref$showLine","showLine","switcherIcon","_ref$defaultExpandAll","defaultExpandAll","className","directoryIcons","directoryTitle","moreActions","width","draggable","onDrop","editNode","onEditValueChange","onEditConfirm","onEditCancel","createInfo","onStartRename","styles","isFolder","node","children","length","getIcon","icon","directory","filePath","path","toLowerCase","extension","split","pop","buildPathSegments","parentSegments","arguments","undefined","concat","_toConsumableArray","filter","s","renderInlineInput","value","treeNodeTitle","size","onChange","e","target","onBlur","onPressEnter","onKeyDown","key","stopPropagation","autoFocus","inlineInput","onClick","onFocus","dragMode","handleDragDrop","dragNode","dropNode","dropPosition","dragNd","dropNd","originalDragNode","_originalNode","originalDropNode","dragKey","String","dropKey","dragFileName","newPath","fileName","title","extra","oldPath","isLeaf","dropParentPath","includes","substring","lastIndexOf","handleDragEnterExpand","nodeKey","isExpanded","expanded","nativeEvent","_useFolderDrag","onDragEnterExpand","onDragStart","onDragEnd","onItemDragEnter","onItemDragOver","onItemDragLeave","onItemDrop","onContainerDragOver","onContainerDrop","canDragNode","convertToTreeData","nodes","parentKey","result","map","pathSegments","fullPath","join","replace","isEditing","nodeChildren","baseNode","currentValue","titleContent","treeNodeTitleHover","menu","startRename","trigger","placement","moreIcon","nodeData","draggableDiv","treeNodeWrapper","dragNodeHandle","onDragEnter","onDragOver","onDragLeave","mode","targetParentKey","tempNode","type","_isTempNode","push","treeDataConverted","handleSelect","keys","info","_info$nativeEvent","closest","titleNode","directoryPanel","style","directoryTreeContent","multiple","blockNode"],"sources":["../../../../src/components/FolderTree/DirectoryTree.tsx"],"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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"}

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

@@ -1,16 +1,29 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useCallback, useEffect, useState, forwardRef, useImperativeHandle } from "react";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useRef, useCallback, useEffect, useState, forwardRef, useImperativeHandle } from "react";
 import clsx from "clsx";
 import DirectoryTreeComponent from "./DirectoryTree";
 import FilePreview from "./FilePreview";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+function getAllExpandedKeys(nodes) {
+  var parentPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  var keys = [];
+  nodes.forEach(function (node) {
+    var _node$children;
+    var currentPath = parentPath ? "".concat(parentPath, "/").concat(node.path) : node.path;
+    if ((_node$children = node.children) !== null && _node$children !== void 0 && _node$children.length) {
+      keys.push(currentPath);
+      keys.push.apply(keys, _toConsumableArray(getAllExpandedKeys(node.children, currentPath)));
+    }
+  });
+  return keys;
+}
 var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
   var className = props.className,
     style = props.style,
@@ -171,10 +184,11 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState6 = _slicedToArray(_useState5, 2),
     selectedFileState = _useState6[0],
     setSelectedFileState = _useState6[1];
-  var _useState7 = useState(expandedPaths || defaultExpandedPaths),
+  var controlled = expandedPaths !== undefined;
+  var _useState7 = useState(defaultExpandedPaths || []),
     _useState8 = _slicedToArray(_useState7, 2),
     expandedPathsState = _useState8[0],
-    setExpandedPaths = _useState8[1];
+    setExpandedPathsState = _useState8[1];
   var _useState9 = useState(isValidSelectedFile(selectedFile || defaultSelectedFile)),
     _useState10 = _slicedToArray(_useState9, 2),
     validSelectedFile = _useState10[0],
@@ -187,6 +201,7 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
     _useState14 = _slicedToArray(_useState13, 2),
     loadingContent = _useState14[0],
     setLoadingContent = _useState14[1];
+  var initializedExpandRef = useRef(false);
 
   // 受控模式同步
   useEffect(function () {
@@ -194,12 +209,18 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
       setSelectedFileState(selectedFile);
       setValidSelectedFile(isValidSelectedFile(selectedFile));
     }
-  }, [selectedFile, treeData]);
+  }, [selectedFile, isValidSelectedFile]);
   useEffect(function () {
-    if (expandedPaths !== undefined) {
-      setExpandedPaths(expandedPaths);
+    if (!controlled && defaultExpandAll && !initializedExpandRef.current && treeData.length > 0) {
+      initializedExpandRef.current = true;
+      setExpandedPathsState(getAllExpandedKeys(treeData));
     }
-  }, [expandedPaths]);
+  }, [controlled, defaultExpandAll, treeData]);
+  useEffect(function () {
+    if (controlled) {
+      setExpandedPathsState(expandedPaths);
+    }
+  }, [controlled, expandedPaths]);
 
   // ====== 加载文件内容 ======
   useEffect(function () {
@@ -307,7 +328,9 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
   };
   var handleExpand = function handleExpand(keys) {
     var newPaths = keys;
-    setExpandedPaths(newPaths);
+    if (!controlled) {
+      setExpandedPathsState(newPaths);
+    }
     onExpandedPathsChange === null || onExpandedPathsChange === void 0 || onExpandedPathsChange(newPaths);
   };
 
@@ -329,17 +352,19 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
           mode: "create"
         });
 
-        // 自动展开父文件夹
-        if (parentPath && parentPath !== "/") {
-          setExpandedPaths(function (prev) {
+        // 自动展开父文件夹（仅在受控模式下需要，非受控模式由 defaultExpandAll 处理）
+        if (!controlled && parentPath && parentPath !== "/") {
+          setExpandedPathsState(function (prev) {
             var current = prev || [];
-            if (current.includes(parentPath)) return current;
+            if (current.includes(parentPath)) {
+              return current;
+            }
             return [].concat(_toConsumableArray(current), [parentPath]);
           });
         }
       }
     };
-  }, []);
+  }, [controlled]);
   return /*#__PURE__*/_jsxs("div", {
     className: clsx(styles.container, !showPreview && styles.containerNoPreview, className),
     style: _objectSpread(_objectSpread(_objectSpread({}, style), style !== null && style !== void 0 && style.background ? {
@@ -351,7 +376,7 @@ var FolderTree = /*#__PURE__*/forwardRef(function (props, ref) {
       treeData: treeData,
       directoryIcons: directoryIcons,
       selectedKeys: selectable && selectedFileState && validSelectedFile ? [selectedFileState.join("/")] : [],
-      expandedKeys: expandedPathsState,
+      expandedKeys: controlled ? expandedPaths : expandedPathsState,
       onSelect: handleSelect,
       onExpand: handleExpand,
       defaultExpandAll: defaultExpandAll,