@ai-group/chat-sdk 3.5.6 → 3.5.9

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

@@ -1,6 +1,6 @@
 import React from "react";
 import type { TreeProps } from "antd";
-import type { FolderTreeData, FolderTreeProps } from "./types";
+import type { FolderTreeData, FolderTreeProps, EditNodeInfo, CreateNodeContext } from "./types";
 export interface DirectoryTreeComponentProps {
     treeData: FolderTreeData[];
     directoryIcons?: FolderTreeProps["directoryIcons"];
@@ -17,6 +17,18 @@ export interface DirectoryTreeComponentProps {
     width?: number | string;
     draggable?: FolderTreeProps["draggable"];
     onDrop?: FolderTreeProps["onDrop"];
+    /** 当前编辑节点信息 */
+    editNode?: EditNodeInfo | null;
+    /** 编辑值变化回调 */
+    onEditValueChange?: (value: string) => void;
+    /** 编辑确认回调 */
+    onEditConfirm?: () => void;
+    /** 编辑取消回调 */
+    onEditCancel?: () => void;
+    /** 新建上下文 */
+    createInfo?: CreateNodeContext | null;
+    /** 开始重命名回调（由父组件注入） */
+    onStartRename?: (fullPath: string, node: FolderTreeData) => void;
 }
 declare const DirectoryTreeComponent: React.FC<DirectoryTreeComponentProps>;
 export default DirectoryTreeComponent;

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 = ({
@@ -54,7 +55,13 @@ var DirectoryTreeComponent = ({
   moreActions,
   width,
   draggable,
-  onDrop
+  onDrop,
+  editNode,
+  onEditValueChange,
+  onEditConfirm,
+  onEditCancel,
+  createInfo,
+  onStartRename
 }) => {
   const styles = (0, import_styles.useStyles)();
   const isFolder = (node) => {
@@ -91,11 +98,112 @@ var DirectoryTreeComponent = ({
     },
     []
   );
+  const renderInlineInput = (0, import_react.useCallback)(
+    (value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.treeNodeTitle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Input,
+      {
+        size: "small",
+        value,
+        onChange: (e) => onEditValueChange == null ? void 0 : onEditValueChange(e.target.value),
+        onBlur: () => onEditConfirm == null ? void 0 : onEditConfirm(),
+        onPressEnter: () => onEditConfirm == null ? void 0 : onEditConfirm(),
+        onKeyDown: (e) => {
+          if (e.key === "Escape") {
+            e.stopPropagation();
+            onEditCancel == null ? void 0 : onEditCancel();
+          }
+        },
+        autoFocus: true,
+        className: styles.inlineInput,
+        onClick: (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 = []) => {
-      return nodes.map((node) => {
+    (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 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",
           {
@@ -108,7 +216,9 @@ var DirectoryTreeComponent = ({
               moreActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_antd.Dropdown,
                 {
-                  menu: moreActions(node),
+                  menu: moreActions(node, {
+                    startRename: () => onStartRename == null ? void 0 : onStartRename(fullPath, node)
+                  }),
                   trigger: ["click"],
                   placement: "bottomRight",
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -124,85 +234,120 @@ var DirectoryTreeComponent = ({
             ]
           }
         );
-        return {
-          ...node,
-          key: fullPath,
-          path: fullPath,
-          pathSegments,
-          title: titleContent,
-          icon: getIcon(node),
-          isLeaf: !isFolder(node),
-          /** 保存原始节点数据用于拖拽回调 */
-          _originalNode: node,
-          children: node.children ? convertToTreeData(node.children, pathSegments) : void 0
-        };
+        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;
+        if (targetParentKey === parentKey || targetParentKey === "" && parentKey === "" || targetParentKey === "/" && parentKey === "") {
+          const tempNode = {
+            key: editNode.key,
+            title: renderInlineInput(editNode.currentValue),
+            icon: createInfo.type === "folder" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FolderOutlined, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileOutlined, {}),
+            isLeaf: createInfo.type === "file",
+            path: editNode.key,
+            pathSegments: [editNode.key],
+            _originalNode: null,
+            _isTempNode: true
+          };
+          result.push(tempNode);
+        }
+      }
+      return result;
     },
-    [buildPathSegments, getIcon, moreActions, styles]
+    [
+      buildPathSegments,
+      getIcon,
+      moreActions,
+      styles,
+      editNode,
+      renderInlineInput,
+      createInfo,
+      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) => {
-      if (dragMode === "file")
-        return !!node.isLeaf;
-      if (dragMode === "folder")
-        return !node.isLeaf;
-      return true;
-    }
-  } : false;
-  const handleDrop = (0, import_react.useCallback)(
-    (info) => {
-      if (!onDrop)
+  const treeDataConverted = (0, import_react.useMemo)(
+    () => convertToTreeData(treeData, [], ""),
+    [treeData, convertToTreeData]
+  );
+  const handleSelect = (0, import_react.useCallback)(
+    (keys, info) => {
+      var _a;
+      if (editNode)
         return;
-      const dragNode = info.dragNode;
-      const dropNode = info.node;
-      const originalDragNode = dragNode._originalNode;
-      const originalDropNode = dropNode._originalNode;
-      if (!originalDragNode || !originalDropNode)
+      const node = info.node;
+      if (node._isTempNode)
+        return;
+      const target = (_a = info.nativeEvent) == null ? void 0 : _a.target;
+      if (target && (target.closest(".folder-tree-more-icon") || target.closest(".ant-dropdown"))) {
         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",
       {
-        treeData: treeDataConverted,
-        selectedKeys,
-        expandedKeys,
-        onSelect,
-        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 } from \"antd\";\nimport {\n  FileOutlined,\n  FolderOutlined,\n  MoreOutlined,\n} from \"@ant-design/icons\";\nimport type { TreeProps } from \"antd\";\nimport type { DataNode } from \"antd/es/tree\";\nimport clsx from \"clsx\";\nimport type { FolderTreeData, FolderTreeProps } 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\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}) => {\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 convertToTreeData = useCallback(\n    (nodes: FolderTreeData[], parentSegments: string[] = []): DataNode[] => {\n      return nodes.map((node) => {\n        const pathSegments = buildPathSegments(node, parentSegments);\n        const fullPath = pathSegments.join(\"/\").replace(/^\\/+/, \"\");\n\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                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        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: node.children\n            ? convertToTreeData(node.children, pathSegments)\n            : undefined,\n        };\n      });\n    },\n    [buildPathSegments, getIcon, moreActions, styles]\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          if (dragMode === \"file\") return !!node.isLeaf;\n          if (dragMode === \"folder\") return !node.isLeaf;\n          return true; // 'all'\n        },\n      }\n    : false;\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 & { _originalNode?: FolderTreeData };\n      const dropNode = info.node as DataNode & { _originalNode?: FolderTreeData };\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          treeData={treeDataConverted}\n          selectedKeys={selectedKeys}\n          expandedKeys={expandedKeys}\n          onSelect={onSelect}\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.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import type { FolderTreeProps } from "./types";
-export type { FolderTreeData, FolderTreeProps, FileContentService, } from "./types";
-declare const FolderTree: React.FC<FolderTreeProps>;
+import type { FolderTreeProps, FolderTreeRef } from "./types";
+export type { FolderTreeData, FolderTreeProps, FileContentService, FolderTreeRef, } from "./types";
+declare const FolderTree: React.ForwardRefExoticComponent<FolderTreeProps & React.RefAttributes<FolderTreeRef>>;
 export default FolderTree;

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

@@ -38,7 +38,7 @@ 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");
-var FolderTree = (props) => {
+var FolderTree = (0, import_react.forwardRef)((props, ref) => {
   const {
     className,
     style,
@@ -65,9 +65,15 @@ var FolderTree = (props) => {
     switcherIcon,
     showPreview = true,
     draggable,
-    onDrop
+    onDrop,
+    onRename,
+    onCreate
   } = props;
   const styles = (0, import_styles.useStyles)();
+  const [editNode, setEditNode] = (0, import_react.useState)(null);
+  const [createContext, setCreateContext] = (0, import_react.useState)(
+    null
+  );
   const findNodeAndValidate = (0, import_react.useCallback)(
     (path, validateAsFile = false) => {
       if (!path)
@@ -93,6 +99,58 @@ var FolderTree = (props) => {
     [treeData]
   );
   const isValidSelectedFile = (filePath) => !!(filePath && filePath.length > 0 && findNodeAndValidate(filePath, true).isValid);
+  (0, import_react.useEffect)(() => {
+    if (!editNode)
+      return;
+    const { node } = findNodeAndValidate(editNode.key);
+    if (!node) {
+      setEditNode(null);
+      setCreateContext(null);
+    }
+  }, [treeData]);
+  const handleEditValueChange = (0, import_react.useCallback)((value) => {
+    setEditNode((prev) => prev ? { ...prev, currentValue: value } : null);
+  }, []);
+  const handleEditConfirm = (0, import_react.useCallback)(() => {
+    if (!editNode)
+      return;
+    const newValue = editNode.currentValue.trim();
+    if (editNode.mode === "rename") {
+      const { node } = findNodeAndValidate(editNode.key);
+      onRename == null ? void 0 : onRename({
+        key: editNode.key,
+        oldTitle: editNode.originalTitle,
+        newTitle: newValue,
+        node
+      });
+    } else if (editNode.mode === "create" && createContext) {
+      onCreate == null ? void 0 : onCreate({
+        parentKey: createContext.parentKey,
+        name: newValue,
+        type: createContext.type,
+        extra: createContext.extra
+      });
+    }
+    setEditNode(null);
+    setCreateContext(null);
+  }, [editNode, createContext, findNodeAndValidate, onRename, onCreate]);
+  const handleEditCancel = (0, import_react.useCallback)(() => {
+    setEditNode(null);
+    setCreateContext(null);
+  }, []);
+  const handleStartRename = (0, import_react.useCallback)(
+    (fullPath, node) => {
+      const titleStr = typeof node.title === "string" ? node.title : String(node.path);
+      setCreateContext(null);
+      setEditNode({
+        key: fullPath,
+        originalTitle: titleStr,
+        currentValue: titleStr,
+        mode: "rename"
+      });
+    },
+    []
+  );
   const [selectedFileState, setSelectedFileState] = (0, import_react.useState)(
     () => isValidSelectedFile(selectedFile || defaultSelectedFile) ? selectedFile || defaultSelectedFile || [] : []
   );
@@ -190,11 +248,43 @@ var FolderTree = (props) => {
       );
     }
   };
+  const isExpandedControlled = expandedPaths !== void 0;
   const handleExpand = (keys) => {
     const newPaths = keys;
-    setExpandedPaths(newPaths);
+    if (isExpandedControlled) {
+      setExpandedPaths(newPaths);
+    }
     onExpandedPathsChange == null ? void 0 : onExpandedPathsChange(newPaths);
   };
+  (0, import_react.useImperativeHandle)(
+    ref,
+    () => ({
+      createNode: (parentPath, options) => {
+        const defaultName = options.defaultName || (options.type === "folder" ? "新建文件夹" : "新建文件");
+        const tempKey = `__create__${parentPath || "root"}__${Date.now()}`;
+        setCreateContext({
+          parentKey: parentPath,
+          type: options.type,
+          extra: options.extra
+        });
+        setEditNode({
+          key: tempKey,
+          originalTitle: "",
+          currentValue: defaultName,
+          mode: "create"
+        });
+        if (isExpandedControlled && parentPath && parentPath !== "/") {
+          setExpandedPaths((prev) => {
+            const current = prev || [];
+            if (current.includes(parentPath))
+              return current;
+            return [...current, parentPath];
+          });
+        }
+      }
+    }),
+    []
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
@@ -219,7 +309,7 @@ var FolderTree = (props) => {
             treeData,
             directoryIcons,
             selectedKeys: selectable && selectedFileState && validSelectedFile ? [selectedFileState.join("/")] : [],
-            expandedKeys: expandedPathsState,
+            expandedKeys: isExpandedControlled ? expandedPathsState : void 0,
             onSelect: handleSelect,
             onExpand: handleExpand,
             defaultExpandAll,
@@ -229,6 +319,12 @@ var FolderTree = (props) => {
             switcherIcon,
             width: directoryTreeWidth,
             draggable,
+            editNode,
+            onEditValueChange: handleEditValueChange,
+            onEditConfirm: handleEditConfirm,
+            onEditCancel: handleEditCancel,
+            createInfo: createContext,
+            onStartRename: handleStartRename,
             onDrop
           }
         ),
@@ -252,6 +348,7 @@ var FolderTree = (props) => {
       ]
     }
   );
-};
+});
+FolderTree.displayName = "FolderTree";
 var FolderTree_default = FolderTree;
 //# sourceMappingURL=index.js.map