@ai-group/chat-sdk 3.5.5 → 3.5.7

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

@@ -0,0 +1,248 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useCallback } 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 { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var AntDirectoryTree = Tree.DirectoryTree;
+var DirectoryTreeComponent = function DirectoryTreeComponent(_ref) {
+  var treeData = _ref.treeData,
+    selectedKeys = _ref.selectedKeys,
+    expandedKeys = _ref.expandedKeys,
+    onSelect = _ref.onSelect,
+    onExpand = _ref.onExpand,
+    _ref$showLine = _ref.showLine,
+    showLine = _ref$showLine === void 0 ? false : _ref$showLine,
+    switcherIcon = _ref.switcherIcon,
+    _ref$defaultExpandAll = _ref.defaultExpandAll,
+    defaultExpandAll = _ref$defaultExpandAll === void 0 ? true : _ref$defaultExpandAll,
+    className = _ref.className,
+    directoryIcons = _ref.directoryIcons,
+    directoryTitle = _ref.directoryTitle,
+    moreActions = _ref.moreActions,
+    width = _ref.width,
+    draggable = _ref.draggable,
+    onDrop = _ref.onDrop,
+    editNode = _ref.editNode,
+    onEditValueChange = _ref.onEditValueChange,
+    onEditConfirm = _ref.onEditConfirm,
+    onEditCancel = _ref.onEditCancel,
+    createInfo = _ref.createInfo,
+    onStartRename = _ref.onStartRename;
+  var styles = useStyles();
+  var isFolder = function isFolder(node) {
+    return !!node.children && node.children.length > 0;
+  };
+  var getIcon = useCallback(function (node) {
+    if (directoryIcons === false || directoryIcons === null) {
+      return null;
+    }
+    if (isFolder(node)) {
+      var icon = directoryIcons === null || directoryIcons === void 0 ? void 0 : directoryIcons.directory;
+      if (typeof icon === "function") return icon();
+      return icon || /*#__PURE__*/_jsx(FolderOutlined, {});
+    }
+    var filePath = node.path.toLowerCase();
+    var extension = filePath.split(".").pop();
+    if (extension) {
+      var _icon = directoryIcons === null || directoryIcons === void 0 ? void 0 : directoryIcons[extension];
+      if (_icon) return typeof _icon === "function" ? _icon() : _icon;
+    }
+    return /*#__PURE__*/_jsx(FileOutlined, {});
+  }, [directoryIcons]);
+  var buildPathSegments = useCallback(function (node) {
+    var parentSegments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    if (node.path === "/" && parentSegments.length === 0) {
+      return ["/"];
+    }
+    return [].concat(_toConsumableArray(parentSegments), [node.path]).filter(function (s) {
+      return s !== "";
+    });
+  }, []);
+  var renderInlineInput = useCallback(function (value) {
+    return /*#__PURE__*/_jsx("span", {
+      className: styles.treeNodeTitle,
+      children: /*#__PURE__*/_jsx(Input, {
+        size: "small",
+        value: value,
+        onChange: function onChange(e) {
+          return onEditValueChange === null || onEditValueChange === void 0 ? void 0 : onEditValueChange(e.target.value);
+        },
+        onBlur: function onBlur() {
+          return onEditConfirm === null || onEditConfirm === void 0 ? void 0 : onEditConfirm();
+        },
+        onPressEnter: function onPressEnter() {
+          return onEditConfirm === null || onEditConfirm === void 0 ? void 0 : onEditConfirm();
+        },
+        onKeyDown: function onKeyDown(e) {
+          if (e.key === "Escape") {
+            e.stopPropagation();
+            onEditCancel === null || onEditCancel === void 0 || onEditCancel();
+          }
+        },
+        autoFocus: true,
+        className: styles.inlineInput,
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        },
+        onSelect: function onSelect(e) {
+          return e.stopPropagation();
+        }
+      })
+    });
+  }, [onEditValueChange, onEditConfirm, onEditCancel, styles]);
+  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] : "";
+    var result = nodes.map(function (node) {
+      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", {
+        className: clsx(styles.treeNodeTitle, moreActions && styles.treeNodeTitleHover),
+        children: [/*#__PURE__*/_jsx("span", {
+          children: node.title
+        }), moreActions && /*#__PURE__*/_jsx(Dropdown, {
+          menu: moreActions(node, {
+            startRename: function startRename() {
+              return onStartRename === null || onStartRename === void 0 ? void 0 : onStartRename(fullPath, node);
+            }
+          }),
+          trigger: ["click"],
+          placement: "bottomRight",
+          children: /*#__PURE__*/_jsx("span", {
+            className: clsx(styles.moreIcon, "folder-tree-more-icon"),
+            onClick: function onClick(e) {
+              return e.stopPropagation();
+            },
+            children: /*#__PURE__*/_jsx(MoreOutlined, {})
+          })
+        })]
+      });
+      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
+      });
+    });
+
+    // 新建模式：在目标父节点下插入临时节点
+    if (createInfo && editNode && editNode.mode === "create") {
+      var targetParentKey = createInfo.parentKey;
+      // 匹配当前层级的父节点 key
+      if (targetParentKey === parentKey || targetParentKey === "" && parentKey === "" || targetParentKey === "/" && parentKey === "") {
+        var tempNode = {
+          key: editNode.key,
+          title: renderInlineInput(editNode.currentValue),
+          icon: createInfo.type === "folder" ? /*#__PURE__*/_jsx(FolderOutlined, {}) : /*#__PURE__*/_jsx(FileOutlined, {}),
+          isLeaf: createInfo.type === "file",
+          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;
+  var handleSelect = useCallback(function (keys, info) {
+    // 编辑态不响应选中
+    if (editNode) return;
+    // 临时节点不可选中
+    var node = info.node;
+    if (node._isTempNode) 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),
+    style: {
+      width: width
+    },
+    children: [titleNode && /*#__PURE__*/_jsx("div", {
+      className: styles.directoryTitle,
+      children: titleNode
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.directoryTreeContent,
+      children: /*#__PURE__*/_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: selectedKeys,
+        expandedKeys: expandedKeys,
+        onSelect: handleSelect,
+        onExpand: onExpand,
+        multiple: false,
+        blockNode: true,
+        showLine: showLine,
+        switcherIcon: switcherIcon,
+        defaultExpandAll: defaultExpandAll,
+        draggable: draggableConfig,
+        onDrop: dragMode ? handleDrop : undefined
+      })
+    })]
+  });
+};
+export default DirectoryTreeComponent;
+//# sourceMappingURL=DirectoryTree.js.map

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

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

package/dist/esm/components/FolderTree/FilePreview.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { FolderTreeData, FolderTreeProps } from "./types";
+export interface FilePreviewProps {
+    selectedFile?: string[] | null;
+    fileContent?: string;
+    loading?: boolean;
+    previewTitle?: FolderTreeProps["previewTitle"];
+    previewRender?: FolderTreeProps["previewRender"];
+    emptyRender?: FolderTreeProps["emptyRender"];
+    getFileNode?: (path: string[]) => {
+        title: FolderTreeData["title"];
+        path: string;
+        content?: string;
+    } | undefined;
+}
+declare const FilePreview: React.FC<FilePreviewProps>;
+export default FilePreview;

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

@@ -0,0 +1,160 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import React from "react";
+import { Empty, Spin } from "antd";
+import { CopyOutlined } from "@ant-design/icons";
+import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
+import { oneLight } from "react-syntax-highlighter/dist/esm/styles/prism";
+import clsx from "clsx";
+import copyToClipboard from "copy-to-clipboard";
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var customOneLight = _objectSpread(_objectSpread({}, oneLight), {}, {
+  'pre[class*="language-"]': _objectSpread(_objectSpread({}, oneLight['pre[class*="language-"]']), {}, {
+    margin: 0,
+    background: "transparent",
+    padding: 0,
+    borderRadius: 0
+  })
+});
+var getFileExtension = function getFileExtension() {
+  var path = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+  var parts = path.split(".");
+  return parts[parts.length - 1] || "";
+};
+var EXTENSION_LANGUAGE_MAP = {
+  ts: "typescript",
+  tsx: "tsx",
+  js: "javascript",
+  jsx: "jsx",
+  md: "markdown",
+  json: "json",
+  css: "css",
+  scss: "scss",
+  less: "less",
+  html: "html",
+  xml: "xml",
+  yaml: "yaml",
+  yml: "yaml",
+  py: "python",
+  java: "java",
+  go: "go",
+  rs: "rust",
+  sh: "bash",
+  bash: "bash",
+  sql: "sql",
+  graphql: "graphql",
+  vue: "html",
+  svelte: "html"
+};
+var getLanguageFromExtension = function getLanguageFromExtension(ext) {
+  var lower = ext.toLowerCase();
+  return EXTENSION_LANGUAGE_MAP[lower] || lower || "text";
+};
+var FilePreview = function FilePreview(_ref) {
+  var selectedFile = _ref.selectedFile,
+    _ref$fileContent = _ref.fileContent,
+    fileContent = _ref$fileContent === void 0 ? "" : _ref$fileContent,
+    _ref$loading = _ref.loading,
+    loading = _ref$loading === void 0 ? false : _ref$loading,
+    previewTitle = _ref.previewTitle,
+    previewRender = _ref.previewRender,
+    emptyRender = _ref.emptyRender,
+    getFileNode = _ref.getFileNode;
+  var styles = useStyles();
+  if (loading) {
+    return /*#__PURE__*/_jsx("div", {
+      className: clsx(styles.previewPanel),
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.loadingContainer,
+        children: /*#__PURE__*/_jsx(Spin, {})
+      })
+    });
+  }
+  if (!selectedFile || selectedFile.length === 0) {
+    if (emptyRender === false || emptyRender === null) {
+      return /*#__PURE__*/_jsx("div", {
+        className: styles.previewPanel
+      });
+    }
+    var emptyNode = typeof emptyRender === "function" ? emptyRender() : emptyRender || /*#__PURE__*/_jsx(Empty, {
+      image: Empty.PRESENTED_IMAGE_SIMPLE,
+      description: "\u8BF7\u9009\u62E9\u6587\u4EF6\u67E5\u770B\u5185\u5BB9"
+    });
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.previewPanel,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.emptyContainer,
+        children: emptyNode
+      })
+    });
+  }
+  var fileNode = getFileNode === null || getFileNode === void 0 ? void 0 : getFileNode(selectedFile);
+  var title = (fileNode === null || fileNode === void 0 ? void 0 : fileNode.title) || selectedFile[selectedFile.length - 1];
+  var fileName = selectedFile[selectedFile.length - 1];
+  var extension = getFileExtension(fileName);
+  var language = getLanguageFromExtension(extension);
+
+  // 标题区域
+  var headerNode;
+  if (previewTitle === false || previewTitle === null) {
+    headerNode = null;
+  } else if (previewTitle) {
+    headerNode = typeof previewTitle === "function" ? previewTitle({
+      title: title,
+      path: selectedFile,
+      content: fileContent
+    }) : previewTitle;
+  } else {
+    headerNode = /*#__PURE__*/_jsxs("div", {
+      className: styles.previewTitle,
+      children: [/*#__PURE__*/_jsx("span", {
+        children: title
+      }), /*#__PURE__*/_jsx(CopyOutlined, {
+        className: styles.copyBtn,
+        onClick: function onClick() {
+          return copyToClipboard(fileContent);
+        }
+      })]
+    });
+  }
+
+  // 内容区域
+  var originContentNode = /*#__PURE__*/_jsx(SyntaxHighlighter, {
+    language: language,
+    wrapLines: true,
+    style: customOneLight,
+    codeTagProps: {
+      style: {
+        background: "transparent"
+      }
+    },
+    children: fileContent.replace(/\n$/, "")
+  });
+  var contentNode;
+  if (previewRender) {
+    if (typeof previewRender === "function") {
+      contentNode = previewRender({
+        content: fileContent,
+        path: selectedFile,
+        title: fileNode === null || fileNode === void 0 ? void 0 : fileNode.title,
+        language: language
+      }, {
+        originNode: originContentNode
+      });
+    } else {
+      contentNode = previewRender;
+    }
+  } else {
+    contentNode = originContentNode;
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.previewPanel,
+    children: [headerNode, /*#__PURE__*/_jsx("div", {
+      className: styles.previewContent,
+      children: contentNode
+    })]
+  });
+};
+export default FilePreview;
+//# sourceMappingURL=FilePreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Empty","Spin","CopyOutlined","Prism","SyntaxHighlighter","oneLight","clsx","copyToClipboard","useStyles","jsx","_jsx","jsxs","_jsxs","customOneLight","_objectSpread","margin","background","padding","borderRadius","getFileExtension","path","arguments","length","undefined","parts","split","EXTENSION_LANGUAGE_MAP","ts","tsx","js","md","json","css","scss","less","html","xml","yaml","yml","py","java","go","rs","sh","bash","sql","graphql","vue","svelte","getLanguageFromExtension","ext","lower","toLowerCase","FilePreview","_ref","selectedFile","_ref$fileContent","fileContent","_ref$loading","loading","previewTitle","previewRender","emptyRender","getFileNode","styles","className","previewPanel","children","loadingContainer","emptyNode","image","PRESENTED_IMAGE_SIMPLE","description","emptyContainer","fileNode","title","fileName","extension","language","headerNode","content","copyBtn","onClick","originContentNode","wrapLines","style","codeTagProps","replace","contentNode","originNode","previewContent"],"sources":["../../../../src/components/FolderTree/FilePreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { Empty, Spin } from \"antd\";\nimport { CopyOutlined } from \"@ant-design/icons\";\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\nimport { oneLight } from \"react-syntax-highlighter/dist/esm/styles/prism\";\nimport clsx from \"clsx\";\nimport copyToClipboard from \"copy-to-clipboard\";\nimport type { FolderTreeData, FolderTreeProps } from \"./types\";\nimport { useStyles } from \"./styles\";\n\nexport interface FilePreviewProps {\n  selectedFile?: string[] | null;\n  fileContent?: string;\n  loading?: boolean;\n  previewTitle?: FolderTreeProps[\"previewTitle\"];\n  previewRender?: FolderTreeProps[\"previewRender\"];\n  emptyRender?: FolderTreeProps[\"emptyRender\"];\n  getFileNode?: (\n    path: string[]\n  ) =>\n    | { title: FolderTreeData[\"title\"]; path: string; content?: string }\n    | undefined;\n}\n\nconst customOneLight = {\n  ...oneLight,\n  'pre[class*=\"language-\"]': {\n    ...oneLight['pre[class*=\"language-\"]'],\n    margin: 0,\n    background: \"transparent\",\n    padding: 0,\n    borderRadius: 0,\n  },\n};\n\nconst getFileExtension = (path = \"\") => {\n  const parts = path.split(\".\");\n  return parts[parts.length - 1] || \"\";\n};\n\nconst EXTENSION_LANGUAGE_MAP: Record<string, string> = {\n  ts: \"typescript\",\n  tsx: \"tsx\",\n  js: \"javascript\",\n  jsx: \"jsx\",\n  md: \"markdown\",\n  json: \"json\",\n  css: \"css\",\n  scss: \"scss\",\n  less: \"less\",\n  html: \"html\",\n  xml: \"xml\",\n  yaml: \"yaml\",\n  yml: \"yaml\",\n  py: \"python\",\n  java: \"java\",\n  go: \"go\",\n  rs: \"rust\",\n  sh: \"bash\",\n  bash: \"bash\",\n  sql: \"sql\",\n  graphql: \"graphql\",\n  vue: \"html\",\n  svelte: \"html\",\n};\n\nconst getLanguageFromExtension = (ext: string) => {\n  const lower = ext.toLowerCase();\n  return EXTENSION_LANGUAGE_MAP[lower] || lower || \"text\";\n};\n\nconst FilePreview: React.FC<FilePreviewProps> = ({\n  selectedFile,\n  fileContent = \"\",\n  loading = false,\n  previewTitle,\n  previewRender,\n  emptyRender,\n  getFileNode,\n}) => {\n  const styles = useStyles();\n\n  if (loading) {\n    return (\n      <div className={clsx(styles.previewPanel)}>\n        <div className={styles.loadingContainer}>\n          <Spin />\n        </div>\n      </div>\n    );\n  }\n\n  if (!selectedFile || selectedFile.length === 0) {\n    if (emptyRender === false || emptyRender === null) {\n      return <div className={styles.previewPanel} />;\n    }\n    const emptyNode =\n      typeof emptyRender === \"function\"\n        ? emptyRender()\n        : emptyRender || (\n            <Empty\n              image={Empty.PRESENTED_IMAGE_SIMPLE}\n              description=\"请选择文件查看内容\"\n            />\n          );\n    return (\n      <div className={styles.previewPanel}>\n        <div className={styles.emptyContainer}>{emptyNode}</div>\n      </div>\n    );\n  }\n\n  const fileNode = getFileNode?.(selectedFile);\n  const title = fileNode?.title || selectedFile[selectedFile.length - 1];\n  const fileName = selectedFile[selectedFile.length - 1];\n  const extension = getFileExtension(fileName);\n  const language = getLanguageFromExtension(extension);\n\n  // 标题区域\n  let headerNode: React.ReactNode;\n  if (previewTitle === false || previewTitle === null) {\n    headerNode = null;\n  } else if (previewTitle) {\n    headerNode =\n      typeof previewTitle === \"function\"\n        ? previewTitle({ title, path: selectedFile, content: fileContent })\n        : previewTitle;\n  } else {\n    headerNode = (\n      <div className={styles.previewTitle}>\n        <span>{title}</span>\n        <CopyOutlined\n          className={styles.copyBtn}\n          onClick={() => copyToClipboard(fileContent)}\n        />\n      </div>\n    );\n  }\n\n  // 内容区域\n  const originContentNode = (\n    <SyntaxHighlighter\n      language={language}\n      wrapLines\n      style={customOneLight}\n      codeTagProps={{ style: { background: \"transparent\" } }}\n    >\n      {fileContent.replace(/\\n$/, \"\")}\n    </SyntaxHighlighter>\n  );\n\n  let contentNode: React.ReactNode;\n  if (previewRender) {\n    if (typeof previewRender === \"function\") {\n      contentNode = previewRender(\n        { content: fileContent, path: selectedFile, title: fileNode?.title, language },\n        { originNode: originContentNode }\n      );\n    } else {\n      contentNode = previewRender;\n    }\n  } else {\n    contentNode = originContentNode;\n  }\n\n  return (\n    <div className={styles.previewPanel}>\n      {headerNode}\n      <div className={styles.previewContent}>{contentNode}</div>\n    </div>\n  );\n};\n\nexport default FilePreview;\n"],"mappings":"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"}

package/dist/esm/components/FolderTree/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+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;