@ai-group/chat-sdk 3.3.11 → 3.4.0

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

@@ -0,0 +1,20 @@
+import React from "react";
+import type { TreeProps } from "antd";
+import type { FolderTreeData, FolderTreeProps } from "./types";
+export interface DirectoryTreeComponentProps {
+    treeData: FolderTreeData[];
+    directoryIcons?: FolderTreeProps["directoryIcons"];
+    selectedKeys?: string[];
+    expandedKeys?: string[];
+    onSelect?: TreeProps["onSelect"];
+    onExpand?: TreeProps["onExpand"];
+    showLine?: FolderTreeProps["showLine"];
+    switcherIcon?: FolderTreeProps["switcherIcon"];
+    defaultExpandAll?: boolean;
+    className?: string;
+    directoryTitle?: FolderTreeProps["directoryTitle"];
+    moreActions?: FolderTreeProps["moreActions"];
+    width?: number | string;
+}
+declare const DirectoryTreeComponent: React.FC<DirectoryTreeComponentProps>;
+export default DirectoryTreeComponent;

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

@@ -0,0 +1,161 @@
+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
+}) => {
+  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),
+          children: node.children ? convertToTreeData(node.children, pathSegments) : void 0
+        };
+      });
+    },
+    [buildPathSegments, getIcon, moreActions, styles]
+  );
+  const treeDataConverted = convertToTreeData(treeData);
+  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
+      }
+    ) })
+  ] });
+};
+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}\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}) => {\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          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  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        />\n      </div>\n    </div>\n  );\n};\n\nexport default DirectoryTreeComponent;\n"],
+  "mappings": "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",
+  "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;

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

@@ -0,0 +1,235 @@
+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/index.tsx
+var FolderTree_exports = {};
+__export(FolderTree_exports, {
+  default: () => FolderTree_default
+});
+module.exports = __toCommonJS(FolderTree_exports);
+var import_react = require("react");
+var import_clsx = __toESM(require("clsx"));
+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) => {
+  const {
+    className,
+    style,
+    treeData,
+    directoryIcons,
+    previewRender,
+    directoryTitle,
+    previewTitle,
+    selectable = true,
+    defaultSelectedFile,
+    defaultExpandAll = true,
+    selectedFile,
+    onSelectedFileChange,
+    directoryTreeWidth = 280,
+    emptyRender,
+    defaultExpandedPaths,
+    expandedPaths,
+    onExpandedPathsChange,
+    onFileClick,
+    onFolderClick,
+    fileContentService,
+    moreActions,
+    showLine,
+    switcherIcon,
+    showPreview = true
+  } = props;
+  const styles = (0, import_styles.useStyles)();
+  const findNodeAndValidate = (0, import_react.useCallback)(
+    (path, validateAsFile = false) => {
+      if (!path)
+        return { node: void 0, isValid: false };
+      const segments = Array.isArray(path) ? path.filter(Boolean) : path.split("/").filter(Boolean);
+      if (segments.length === 0)
+        return { node: void 0, isValid: false };
+      const findNode = (nodes, index = 0) => {
+        if (index >= segments.length)
+          return void 0;
+        const currentSegment = segments[index];
+        for (const node2 of nodes) {
+          if (node2.path === currentSegment) {
+            return index === segments.length - 1 ? node2 : node2.children ? findNode(node2.children, index + 1) : void 0;
+          }
+        }
+        return void 0;
+      };
+      const node = findNode(treeData);
+      const isValid = validateAsFile ? !!node && (!(node == null ? void 0 : node.children) || node.children.length === 0) : !!node;
+      return { node, isValid };
+    },
+    [treeData]
+  );
+  const isValidSelectedFile = (filePath) => !!(filePath && filePath.length > 0 && findNodeAndValidate(filePath, true).isValid);
+  const [selectedFileState, setSelectedFileState] = (0, import_react.useState)(
+    () => isValidSelectedFile(selectedFile || defaultSelectedFile) ? selectedFile || defaultSelectedFile || [] : []
+  );
+  const [expandedPathsState, setExpandedPaths] = (0, import_react.useState)(
+    expandedPaths || defaultExpandedPaths
+  );
+  const [validSelectedFile, setValidSelectedFile] = (0, import_react.useState)(
+    isValidSelectedFile(selectedFile || defaultSelectedFile)
+  );
+  const [fileContent, setFileContent] = (0, import_react.useState)("");
+  const [loadingContent, setLoadingContent] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (selectedFile !== void 0) {
+      setSelectedFileState(selectedFile);
+      setValidSelectedFile(isValidSelectedFile(selectedFile));
+    }
+  }, [selectedFile, treeData]);
+  (0, import_react.useEffect)(() => {
+    if (expandedPaths !== void 0) {
+      setExpandedPaths(expandedPaths);
+    }
+  }, [expandedPaths]);
+  (0, import_react.useEffect)(() => {
+    const loadContent = async () => {
+      if (!validSelectedFile || selectedFileState.length === 0) {
+        setFileContent("");
+        setLoadingContent(false);
+        return;
+      }
+      const filePath = selectedFileState.join("/");
+      const segments = filePath.split("/").filter((s) => s !== "");
+      const { node } = findNodeAndValidate(segments);
+      if (fileContentService) {
+        setLoadingContent(true);
+        try {
+          const content = await fileContentService.loadFileContent(filePath);
+          setFileContent(content);
+        } catch (error) {
+          setFileContent(
+            `// 加载错误: ${error instanceof Error ? error.message : "Unknown error"}`
+          );
+        } finally {
+          setLoadingContent(false);
+        }
+      } else if (node == null ? void 0 : node.content) {
+        setFileContent(node.content);
+        setLoadingContent(false);
+      } else {
+        setFileContent("");
+        setLoadingContent(false);
+      }
+    };
+    loadContent();
+  }, [validSelectedFile, selectedFileState, treeData, fileContentService, findNodeAndValidate]);
+  const handleSelect = (_keys, info) => {
+    var _a;
+    const keys = _keys;
+    const nodes = Array.isArray(info.selectedNodes) ? info.selectedNodes : [info.selectedNodes];
+    const isFolder = nodes.some((node) => !node.isLeaf);
+    if (isFolder) {
+      if (nodes.length === 1) {
+        const node = nodes[0];
+        onFolderClick == null ? void 0 : onFolderClick(node.path);
+      }
+      return;
+    }
+    const pathArray = ((_a = keys[0]) == null ? void 0 : _a.split("/").filter(Boolean)) || [];
+    if (pathArray.length === 0)
+      return;
+    const selectedNode = nodes[0];
+    const fileName = selectedNode == null ? void 0 : selectedNode.title;
+    const nodeContent = selectedNode == null ? void 0 : selectedNode.content;
+    onSelectedFileChange == null ? void 0 : onSelectedFileChange({
+      path: pathArray,
+      title: fileName,
+      content: nodeContent
+    });
+    const isControlled = selectedFile !== void 0;
+    if (!isControlled) {
+      setValidSelectedFile(true);
+      setSelectedFileState(pathArray);
+    }
+    if (nodes.length === 1) {
+      const node = nodes[0];
+      onFileClick == null ? void 0 : onFileClick(node.path, node.content);
+    }
+  };
+  const handleExpand = (keys) => {
+    const newPaths = keys;
+    setExpandedPaths(newPaths);
+    onExpandedPathsChange == null ? void 0 : onExpandedPathsChange(newPaths);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)(styles.container, className),
+      style: {
+        ...style,
+        ...(style == null ? void 0 : style.background) ? { "--folder-tree-directory-bg": style.background } : {},
+        ...(style == null ? void 0 : style.backgroundColor) ? { "--folder-tree-directory-bg": style.backgroundColor } : {}
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_DirectoryTree.default,
+          {
+            treeData,
+            directoryIcons,
+            selectedKeys: selectable && selectedFileState && validSelectedFile ? [selectedFileState.join("/")] : [],
+            expandedKeys: expandedPathsState,
+            onSelect: handleSelect,
+            onExpand: handleExpand,
+            defaultExpandAll,
+            directoryTitle,
+            moreActions,
+            showLine,
+            switcherIcon,
+            width: directoryTreeWidth
+          }
+        ),
+        showPreview && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FilePreview.default,
+          {
+            selectedFile: validSelectedFile ? selectedFileState : [],
+            fileContent,
+            loading: loadingContent,
+            previewTitle,
+            previewRender,
+            emptyRender,
+            getFileNode: (path) => {
+              if (!path || path.length === 0)
+                return void 0;
+              const { node } = findNodeAndValidate(path);
+              return node ? { title: node.title, path: node.path, content: node.content } : void 0;
+            }
+          }
+        )
+      ]
+    }
+  );
+};
+var FolderTree_default = FolderTree;
+//# sourceMappingURL=index.js.map