@ai-group/chat-sdk 3.5.5 → 3.5.6

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

@@ -0,0 +1,209 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FolderTree/DirectoryTree.tsx
+var DirectoryTree_exports = {};
+__export(DirectoryTree_exports, {
+  default: () => DirectoryTree_default
+});
+module.exports = __toCommonJS(DirectoryTree_exports);
+var import_react = require("react");
+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_jsx_runtime = require("react/jsx-runtime");
+var { DirectoryTree: AntDirectoryTree } = import_antd.Tree;
+var DirectoryTreeComponent = ({
+  treeData,
+  selectedKeys,
+  expandedKeys,
+  onSelect,
+  onExpand,
+  showLine = false,
+  switcherIcon,
+  defaultExpandAll = true,
+  className,
+  directoryIcons,
+  directoryTitle,
+  moreActions,
+  width,
+  draggable,
+  onDrop
+}) => {
+  const styles = (0, import_styles.useStyles)();
+  const isFolder = (node) => {
+    return !!node.children && node.children.length > 0;
+  };
+  const getIcon = (0, import_react.useCallback)(
+    (node) => {
+      if (directoryIcons === false || directoryIcons === null) {
+        return null;
+      }
+      if (isFolder(node)) {
+        const icon = directoryIcons == null ? void 0 : directoryIcons.directory;
+        if (typeof icon === "function")
+          return icon();
+        return icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FolderOutlined, {});
+      }
+      const filePath = node.path.toLowerCase();
+      const extension = filePath.split(".").pop();
+      if (extension) {
+        const icon = directoryIcons == null ? void 0 : directoryIcons[extension];
+        if (icon)
+          return typeof icon === "function" ? icon() : icon;
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.FileOutlined, {});
+    },
+    [directoryIcons]
+  );
+  const buildPathSegments = (0, import_react.useCallback)(
+    (node, parentSegments = []) => {
+      if (node.path === "/" && parentSegments.length === 0) {
+        return ["/"];
+      }
+      return [...parentSegments, node.path].filter((s) => s !== "");
+    },
+    []
+  );
+  const convertToTreeData = (0, import_react.useCallback)(
+    (nodes, parentSegments = []) => {
+      return nodes.map((node) => {
+        const pathSegments = buildPathSegments(node, parentSegments);
+        const fullPath = pathSegments.join("/").replace(/^\/+/, "");
+        const titleContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "span",
+          {
+            className: (0, import_clsx.default)(
+              styles.treeNodeTitle,
+              moreActions && styles.treeNodeTitleHover
+            ),
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: node.title }),
+              moreActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_antd.Dropdown,
+                {
+                  menu: moreActions(node),
+                  trigger: ["click"],
+                  placement: "bottomRight",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    "span",
+                    {
+                      className: (0, import_clsx.default)(styles.moreIcon, "folder-tree-more-icon"),
+                      onClick: (e) => e.stopPropagation(),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.MoreOutlined, {})
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        );
+        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
+        };
+      });
+    },
+    [buildPathSegments, getIcon, moreActions, styles]
+  );
+  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)
+        return;
+      const dragNode = info.dragNode;
+      const dropNode = info.node;
+      const originalDragNode = dragNode._originalNode;
+      const originalDropNode = dropNode._originalNode;
+      if (!originalDragNode || !originalDropNode)
+        return;
+      const dragKey = String(dragNode.key);
+      const dropKey = String(dropNode.key);
+      const dragFileName = originalDragNode.path;
+      let newPath;
+      if (!dropNode.isLeaf && info.dropToGap === false) {
+        newPath = `${dropKey}/${dragFileName}`;
+      } else {
+        const dropParentPath = dropKey.includes("/") ? dropKey.substring(0, dropKey.lastIndexOf("/")) : "";
+        newPath = dropParentPath ? `${dropParentPath}/${dragFileName}` : dragFileName;
+      }
+      onDrop({
+        fileName: originalDragNode.title,
+        extra: originalDragNode.extra,
+        oldPath: dragKey,
+        newPath,
+        dragNode: originalDragNode,
+        dropNode: originalDropNode
+      });
+    },
+    [onDrop]
+  );
+  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,
+      {
+        treeData: treeDataConverted,
+        selectedKeys,
+        expandedKeys,
+        onSelect,
+        onExpand,
+        multiple: false,
+        blockNode: true,
+        showLine,
+        switcherIcon,
+        defaultExpandAll,
+        draggable: draggableConfig,
+        onDrop: dragMode ? handleDrop : void 0
+      }
+    ) })
+  ] });
+};
+var DirectoryTree_default = DirectoryTreeComponent;
+//# sourceMappingURL=DirectoryTree.js.map

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

@@ -0,0 +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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,kBAA+B;AAC/B,mBAIO;AAGP,kBAAiB;AAEjB,oBAA0B;AAqDH;AAnDvB,IAAM,EAAE,eAAe,iBAAiB,IAAI;AAoB5C,IAAM,yBAAgE,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,aAAS,yBAAU;AAEzB,QAAM,WAAW,CAAC,SAAkC;AAClD,WAAO,CAAC,CAAC,KAAK,YAAY,KAAK,SAAS,SAAS;AAAA,EACnD;AAEA,QAAM,cAAU;AAAA,IACd,CAAC,SAAyB;AACxB,UAAI,mBAAmB,SAAS,mBAAmB,MAAM;AACvD,eAAO;AAAA,MACT;AACA,UAAI,SAAS,IAAI,GAAG;AAClB,cAAM,OAAO,iDAAgB;AAC7B,YAAI,OAAO,SAAS;AAAY,iBAAO,KAAK;AAC5C,eAAO,QAAQ,4CAAC,+BAAe;AAAA,MACjC;AACA,YAAM,WAAW,KAAK,KAAK,YAAY;AACvC,YAAM,YAAY,SAAS,MAAM,GAAG,EAAE,IAAI;AAC1C,UAAI,WAAW;AACb,cAAM,OAAO,iDAAiB;AAC9B,YAAI;AAAM,iBAAO,OAAO,SAAS,aAAa,KAAK,IAAI;AAAA,MACzD;AACA,aAAO,4CAAC,6BAAa;AAAA,IACvB;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,wBAAoB;AAAA,IACxB,CAAC,MAAsB,iBAA2B,CAAC,MAAgB;AACjE,UAAI,KAAK,SAAS,OAAO,eAAe,WAAW,GAAG;AACpD,eAAO,CAAC,GAAG;AAAA,MACb;AACA,aAAO,CAAC,GAAG,gBAAgB,KAAK,IAAI,EAAE,OAAO,CAAC,MAAM,MAAM,EAAE;AAAA,IAC9D;AAAA,IACA,CAAC;AAAA,EACH;AAEA,QAAM,wBAAoB;AAAA,IACxB,CAAC,OAAyB,iBAA2B,CAAC,MAAkB;AACtE,aAAO,MAAM,IAAI,CAAC,SAAS;AACzB,cAAM,eAAe,kBAAkB,MAAM,cAAc;AAC3D,cAAM,WAAW,aAAa,KAAK,GAAG,EAAE,QAAQ,QAAQ,EAAE;AAE1D,cAAM,eACJ;AAAA,UAAC;AAAA;AAAA,YACC,eAAW,YAAAA;AAAA,cACT,OAAO;AAAA,cACP,eAAe,OAAO;AAAA,YACxB;AAAA,YAEA;AAAA,0DAAC,UAAM,eAAK,OAAM;AAAA,cACjB,eACC;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM,YAAY,IAAI;AAAA,kBACtB,SAAS,CAAC,OAAO;AAAA,kBACjB,WAAU;AAAA,kBAEV;AAAA,oBAAC;AAAA;AAAA,sBACC,eAAW,YAAAA,SAAK,OAAO,UAAU,uBAAuB;AAAA,sBACxD,SAAS,CAAC,MAAM,EAAE,gBAAgB;AAAA,sBAElC,sDAAC,6BAAa;AAAA;AAAA,kBAChB;AAAA;AAAA,cACF;AAAA;AAAA;AAAA,QAEJ;AAGF,eAAO;AAAA,UACL,GAAG;AAAA,UACH,KAAK;AAAA,UACL,MAAM;AAAA,UACN;AAAA,UACA,OAAO;AAAA,UACP,MAAM,QAAQ,IAAI;AAAA,UAClB,QAAQ,CAAC,SAAS,IAAI;AAAA;AAAA,UAEtB,eAAe;AAAA,UACf,UAAU,KAAK,WACX,kBAAkB,KAAK,UAAU,YAAY,IAC7C;AAAA,QACN;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,mBAAmB,SAAS,aAAa,MAAM;AAAA,EAClD;AAEA,QAAM,oBAAoB,kBAAkB,QAAQ;AAGpD,QAAM,WAAW,cAAc,OAAO,SAAS,aAAa;AAE5D,QAAM,kBAAkB,WACpB;AAAA,IACE,MAAM;AAAA,IACN,eAAe,CAAC,SAAmB;AACjC,UAAI,aAAa;AAAQ,eAAO,CAAC,CAAC,KAAK;AACvC,UAAI,aAAa;AAAU,eAAO,CAAC,KAAK;AACxC,aAAO;AAAA,IACT;AAAA,EACF,IACA;AAEJ,QAAM,iBAAkC;AAAA,IACtC,CAAC,SAA0D;AACzD,UAAI,CAAC;AAAQ;AAEb,YAAM,WAAW,KAAK;AACtB,YAAM,WAAW,KAAK;AAEtB,YAAM,mBAAmB,SAAS;AAClC,YAAM,mBAAmB,SAAS;AAClC,UAAI,CAAC,oBAAoB,CAAC;AAAkB;AAG5C,YAAM,UAAU,OAAO,SAAS,GAAG;AAGnC,YAAM,UAAU,OAAO,SAAS,GAAG;AACnC,YAAM,eAAe,iBAAiB;AACtC,UAAI;AAEJ,UAAI,CAAC,SAAS,UAAU,KAAK,cAAc,OAAO;AAEhD,kBAAU,GAAG,WAAW;AAAA,MAC1B,OAAO;AAEL,cAAM,iBAAiB,QAAQ,SAAS,GAAG,IACvC,QAAQ,UAAU,GAAG,QAAQ,YAAY,GAAG,CAAC,IAC7C;AACJ,kBAAU,iBACN,GAAG,kBAAkB,iBACrB;AAAA,MACN;AAEA,aAAO;AAAA,QACL,UAAU,iBAAiB;AAAA,QAC3B,OAAO,iBAAiB;AAAA,QACxB,SAAS;AAAA,QACT;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA,MACZ,CAAC;AAAA,IACH;AAAA,IACA,CAAC,MAAM;AAAA,EACT;AAEA,QAAM,YACJ,mBAAmB,SAAS,mBAAmB,OAC3C,OACA,OAAO,mBAAmB,aAC1B,eAAe,IACf;AAEN,SACE,6CAAC,SAAI,eAAW,YAAAA,SAAK,OAAO,gBAAgB,SAAS,GAAG,OAAO,EAAE,MAAM,GACpE;AAAA,iBAAa,4CAAC,SAAI,WAAW,OAAO,gBAAiB,qBAAU;AAAA,IAChE,4CAAC,SAAI,WAAW,OAAO,sBACrB;AAAA,MAAC;AAAA;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,QAAQ,WAAW,aAAa;AAAA;AAAA,IAClC,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": ["clsx"]
+}

package/dist/cjs/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/cjs/components/FolderTree/FilePreview.js

@@ -0,0 +1,163 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FolderTree/FilePreview.tsx
+var FilePreview_exports = {};
+__export(FilePreview_exports, {
+  default: () => FilePreview_default
+});
+module.exports = __toCommonJS(FilePreview_exports);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_react_syntax_highlighter = require("react-syntax-highlighter");
+var import_prism = require("react-syntax-highlighter/dist/esm/styles/prism");
+var import_clsx = __toESM(require("clsx"));
+var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var customOneLight = {
+  ...import_prism.oneLight,
+  'pre[class*="language-"]': {
+    ...import_prism.oneLight['pre[class*="language-"]'],
+    margin: 0,
+    background: "transparent",
+    padding: 0,
+    borderRadius: 0
+  }
+};
+var getFileExtension = (path = "") => {
+  const 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 = (ext) => {
+  const lower = ext.toLowerCase();
+  return EXTENSION_LANGUAGE_MAP[lower] || lower || "text";
+};
+var FilePreview = ({
+  selectedFile,
+  fileContent = "",
+  loading = false,
+  previewTitle,
+  previewRender,
+  emptyRender,
+  getFileNode
+}) => {
+  const styles = (0, import_styles.useStyles)();
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.previewPanel), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.loadingContainer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Spin, {}) }) });
+  }
+  if (!selectedFile || selectedFile.length === 0) {
+    if (emptyRender === false || emptyRender === null) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.previewPanel });
+    }
+    const emptyNode = typeof emptyRender === "function" ? emptyRender() : emptyRender || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Empty,
+      {
+        image: import_antd.Empty.PRESENTED_IMAGE_SIMPLE,
+        description: "请选择文件查看内容"
+      }
+    );
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.previewPanel, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.emptyContainer, children: emptyNode }) });
+  }
+  const fileNode = getFileNode == null ? void 0 : getFileNode(selectedFile);
+  const title = (fileNode == null ? void 0 : fileNode.title) || selectedFile[selectedFile.length - 1];
+  const fileName = selectedFile[selectedFile.length - 1];
+  const extension = getFileExtension(fileName);
+  const language = getLanguageFromExtension(extension);
+  let headerNode;
+  if (previewTitle === false || previewTitle === null) {
+    headerNode = null;
+  } else if (previewTitle) {
+    headerNode = typeof previewTitle === "function" ? previewTitle({ title, path: selectedFile, content: fileContent }) : previewTitle;
+  } else {
+    headerNode = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.previewTitle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_icons.CopyOutlined,
+        {
+          className: styles.copyBtn,
+          onClick: () => (0, import_copy_to_clipboard.default)(fileContent)
+        }
+      )
+    ] });
+  }
+  const originContentNode = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_syntax_highlighter.Prism,
+    {
+      language,
+      wrapLines: true,
+      style: customOneLight,
+      codeTagProps: { style: { background: "transparent" } },
+      children: fileContent.replace(/\n$/, "")
+    }
+  );
+  let contentNode;
+  if (previewRender) {
+    if (typeof previewRender === "function") {
+      contentNode = previewRender(
+        { content: fileContent, path: selectedFile, title: fileNode == null ? void 0 : fileNode.title, language },
+        { originNode: originContentNode }
+      );
+    } else {
+      contentNode = previewRender;
+    }
+  } else {
+    contentNode = originContentNode;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.previewPanel, children: [
+    headerNode,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.previewContent, children: contentNode })
+  ] });
+};
+var FilePreview_default = FilePreview;
+//# sourceMappingURL=FilePreview.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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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",
+  "names": ["clsx", "copyToClipboard", "SyntaxHighlighter"]
+}

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

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