@ai-group/chat-sdk 3.3.11 → 3.4.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FolderTree/index.tsx"],
+  "sourcesContent": ["import React, { useCallback, useEffect, useState } from \"react\";\nimport type { TreeProps } from \"antd\";\nimport clsx from \"clsx\";\nimport type { FolderTreeData, FolderTreeProps } from \"./types\";\nimport DirectoryTreeComponent from \"./DirectoryTree\";\nimport FilePreview from \"./FilePreview\";\nimport { useStyles } from \"./styles\";\n\nexport type { FolderTreeData, FolderTreeProps, FileContentService } from \"./types\";\n\nconst FolderTree: React.FC<FolderTreeProps> = (props) => {\n  const {\n    className,\n    style,\n    treeData,\n    directoryIcons,\n    previewRender,\n    directoryTitle,\n    previewTitle,\n    selectable = true,\n    defaultSelectedFile,\n    defaultExpandAll = true,\n    selectedFile,\n    onSelectedFileChange,\n    directoryTreeWidth = 280,\n    emptyRender,\n    defaultExpandedPaths,\n    expandedPaths,\n    onExpandedPathsChange,\n    onFileClick,\n    onFolderClick,\n    fileContentService,\n    moreActions,\n    showLine,\n    switcherIcon,\n    showPreview = true,\n  } = props;\n\n  const styles = useStyles();\n\n  // ====== 工具函数 ======\n  const findNodeAndValidate = useCallback(\n    (\n      path: string | string[],\n      validateAsFile = false\n    ): { node: FolderTreeData | undefined; isValid: boolean } => {\n      if (!path) return { node: undefined, isValid: false };\n      const segments = Array.isArray(path)\n        ? path.filter(Boolean)\n        : path.split(\"/\").filter(Boolean);\n      if (segments.length === 0) return { node: undefined, isValid: false };\n\n      const findNode = (\n        nodes: FolderTreeData[],\n        index = 0\n      ): FolderTreeData | undefined => {\n        if (index >= segments.length) return undefined;\n        const currentSegment = segments[index];\n        for (const node of nodes) {\n          if (node.path === currentSegment) {\n            return index === segments.length - 1\n              ? node\n              : node.children\n              ? findNode(node.children, index + 1)\n              : undefined;\n          }\n        }\n        return undefined;\n      };\n\n      const node = findNode(treeData);\n      const isValid = validateAsFile\n        ? !!node && (!node?.children || node.children.length === 0)\n        : !!node;\n      return { node, isValid };\n    },\n    [treeData]\n  );\n\n  const isValidSelectedFile = (filePath?: string[]): boolean =>\n    !!(\n      filePath &&\n      filePath.length > 0 &&\n      findNodeAndValidate(filePath, true).isValid\n    );\n\n  // ====== State ======\n  const [selectedFileState, setSelectedFileState] = useState<string[]>(() =>\n    isValidSelectedFile(selectedFile || defaultSelectedFile)\n      ? selectedFile || defaultSelectedFile || []\n      : []\n  );\n  const [expandedPathsState, setExpandedPaths] = useState<string[] | undefined>(\n    expandedPaths || defaultExpandedPaths\n  );\n  const [validSelectedFile, setValidSelectedFile] = useState<boolean>(\n    isValidSelectedFile(selectedFile || defaultSelectedFile)\n  );\n  const [fileContent, setFileContent] = useState<string>(\"\");\n  const [loadingContent, setLoadingContent] = useState<boolean>(false);\n\n  // 受控模式同步\n  useEffect(() => {\n    if (selectedFile !== undefined) {\n      setSelectedFileState(selectedFile);\n      setValidSelectedFile(isValidSelectedFile(selectedFile));\n    }\n  }, [selectedFile, treeData]);\n\n  useEffect(() => {\n    if (expandedPaths !== undefined) {\n      setExpandedPaths(expandedPaths);\n    }\n  }, [expandedPaths]);\n\n  // ====== 加载文件内容 ======\n  useEffect(() => {\n    const loadContent = async () => {\n      if (!validSelectedFile || selectedFileState.length === 0) {\n        setFileContent(\"\");\n        setLoadingContent(false);\n        return;\n      }\n\n      const filePath = selectedFileState.join(\"/\");\n      const segments = filePath.split(\"/\").filter((s) => s !== \"\");\n      const { node } = findNodeAndValidate(segments);\n\n      if (fileContentService) {\n        setLoadingContent(true);\n        try {\n          const content = await fileContentService.loadFileContent(filePath);\n          setFileContent(content);\n        } catch (error) {\n          setFileContent(\n            `// 加载错误: ${\n              error instanceof Error ? error.message : \"Unknown error\"\n            }`\n          );\n        } finally {\n          setLoadingContent(false);\n        }\n      } else if (node?.content) {\n        setFileContent(node.content);\n        setLoadingContent(false);\n      } else {\n        setFileContent(\"\");\n        setLoadingContent(false);\n      }\n    };\n\n    loadContent();\n  }, [validSelectedFile, selectedFileState, treeData, fileContentService, findNodeAndValidate]);\n\n  // ====== 事件处理 ======\n  const handleSelect: TreeProps[\"onSelect\"] = (_keys, info) => {\n    const keys = _keys as string[];\n    const nodes = Array.isArray(info.selectedNodes)\n      ? info.selectedNodes\n      : [info.selectedNodes];\n\n    const isFolder = nodes.some((node) => !node.isLeaf);\n    if (isFolder) {\n      if (nodes.length === 1) {\n        const node = nodes[0] as unknown as FolderTreeData;\n        onFolderClick?.(node.path);\n      }\n      return;\n    }\n\n    const pathArray = keys[0]?.split(\"/\").filter(Boolean) || [];\n    if (pathArray.length === 0) return;\n\n    const selectedNode = nodes[0] as unknown as FolderTreeData | undefined;\n    const fileName = selectedNode?.title as string | undefined;\n    const nodeContent = selectedNode?.content as string | undefined;\n\n    onSelectedFileChange?.({\n      path: pathArray,\n      title: fileName,\n      content: nodeContent,\n    });\n\n    const isControlled = selectedFile !== undefined;\n    if (!isControlled) {\n      setValidSelectedFile(true);\n      setSelectedFileState(pathArray);\n    }\n\n    if (nodes.length === 1) {\n      const node = nodes[0] as unknown as FolderTreeData;\n      onFileClick?.(node.path, node.content);\n    }\n  };\n\n  const handleExpand: TreeProps[\"onExpand\"] = (keys) => {\n    const newPaths = keys as string[];\n    setExpandedPaths(newPaths);\n    onExpandedPathsChange?.(newPaths);\n  };\n\n  return (\n    <div\n      className={clsx(styles.container, className)}\n      style={{\n        ...style,\n        ...(style?.background\n          ? ({ \"--folder-tree-directory-bg\": style.background } as React.CSSProperties)\n          : {}),\n        ...(style?.backgroundColor\n          ? ({ \"--folder-tree-directory-bg\": style.backgroundColor } as React.CSSProperties)\n          : {}),\n      }}\n    >\n      <DirectoryTreeComponent\n        treeData={treeData}\n        directoryIcons={directoryIcons}\n        selectedKeys={\n          selectable && selectedFileState && validSelectedFile\n            ? [selectedFileState.join(\"/\")]\n            : []\n        }\n        expandedKeys={expandedPathsState}\n        onSelect={handleSelect}\n        onExpand={handleExpand}\n        defaultExpandAll={defaultExpandAll}\n        directoryTitle={directoryTitle}\n        moreActions={moreActions}\n        showLine={showLine}\n        switcherIcon={switcherIcon}\n        width={directoryTreeWidth}\n      />\n      {showPreview && (\n        <FilePreview\n          selectedFile={validSelectedFile ? selectedFileState : []}\n          fileContent={fileContent}\n          loading={loadingContent}\n          previewTitle={previewTitle}\n          previewRender={previewRender}\n          emptyRender={emptyRender}\n          getFileNode={(path) => {\n            if (!path || path.length === 0) return undefined;\n            const { node } = findNodeAndValidate(path);\n            return node\n              ? { title: node.title, path: node.path, content: node.content }\n              : undefined;\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FolderTree;\n"],
+  "mappings": "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",
+  "names": ["node", "clsx", "DirectoryTreeComponent", "FilePreview"]
+}

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

@@ -0,0 +1,48 @@
+export declare const useStyles: () => {
+    container: string;
+    directoryPanel: string;
+    directoryTitle: string;
+    directoryTreeContent: string;
+    previewPanel: string;
+    previewTitle: string;
+    previewContent: string;
+    emptyContainer: string;
+    loadingContainer: string;
+    treeNodeTitle: string;
+    moreIcon: string;
+    treeNodeTitleHover: string;
+    copyBtn: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};

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

@@ -0,0 +1,149 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FolderTree/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  container: import_css.css`
+    display: flex;
+    width: 100%;
+    height: 500px;
+    border: 1px solid #e8e8e8;
+    border-radius: 8px;
+    overflow: hidden;
+    background: #fff;
+  `,
+  directoryPanel: import_css.css`
+    height: 100%;
+    overflow: auto;
+    border-right: 1px solid #e8e8e8;
+    background: var(--folder-tree-directory-bg, #fafafa);
+  `,
+  directoryTitle: import_css.css`
+    padding: 12px 16px;
+    font-weight: 600;
+    font-size: 14px;
+    border-bottom: 1px solid #e8e8e8;
+    color: #333;
+  `,
+  directoryTreeContent: import_css.css`
+    padding: 4px 0;
+    .ant-tree {
+      background: transparent;
+    }
+    .ant-tree-switcher {
+      margin-right: 0;
+    }
+    .ant-tree .ant-tree-node-content-wrapper {
+      display: inline-flex;
+      align-items: center;
+      flex: 1;
+      min-width: 0;
+      padding-left: 0;
+    }
+    .ant-tree .ant-tree-title {
+      flex: 1;
+      min-width: 0;
+    }
+    .ant-tree-directory .ant-tree-treenode {
+      &::before {
+        border-radius: 4px;
+      }
+    }
+  `,
+  previewPanel: import_css.css`
+    flex: 1;
+    height: 100%;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+  `,
+  previewTitle: import_css.css`
+    padding: 10px 16px;
+    font-size: 13px;
+    font-weight: 500;
+    border-bottom: 1px solid #e8e8e8;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    color: #333;
+    background: #fff;
+  `,
+  previewContent: import_css.css`
+    flex: 1;
+    overflow: auto;
+    padding: 16px;
+    font-size: 13px;
+    line-height: 1.6;
+  `,
+  emptyContainer: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `,
+  loadingContainer: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  `,
+  treeNodeTitle: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-right: 4px;
+  `,
+  moreIcon: import_css.css`
+    opacity: 0;
+    cursor: pointer;
+    padding: 2px 4px;
+    border-radius: 4px;
+    color: #999;
+    font-size: 14px;
+    transition: all 0.2s;
+    &:hover {
+      color: #333;
+      background: rgba(0, 0, 0, 0.04);
+    }
+  `,
+  treeNodeTitleHover: import_css.css`
+    &:hover .folder-tree-more-icon {
+      opacity: 1;
+    }
+  `,
+  copyBtn: import_css.css`
+    cursor: pointer;
+    color: #999;
+    font-size: 14px;
+    &:hover {
+      color: #1677ff;
+    }
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FolderTree/styles.tsx"],
+  "sourcesContent": ["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  container: css`\n    display: flex;\n    width: 100%;\n    height: 500px;\n    border: 1px solid #e8e8e8;\n    border-radius: 8px;\n    overflow: hidden;\n    background: #fff;\n  `,\n  directoryPanel: css`\n    height: 100%;\n    overflow: auto;\n    border-right: 1px solid #e8e8e8;\n    background: var(--folder-tree-directory-bg, #fafafa);\n  `,\n  directoryTitle: css`\n    padding: 12px 16px;\n    font-weight: 600;\n    font-size: 14px;\n    border-bottom: 1px solid #e8e8e8;\n    color: #333;\n  `,\n  directoryTreeContent: css`\n    padding: 4px 0;\n    .ant-tree {\n      background: transparent;\n    }\n    .ant-tree-switcher {\n      margin-right: 0;\n    }\n    .ant-tree .ant-tree-node-content-wrapper {\n      display: inline-flex;\n      align-items: center;\n      flex: 1;\n      min-width: 0;\n      padding-left: 0;\n    }\n    .ant-tree .ant-tree-title {\n      flex: 1;\n      min-width: 0;\n    }\n    .ant-tree-directory .ant-tree-treenode {\n      &::before {\n        border-radius: 4px;\n      }\n    }\n  `,\n  previewPanel: css`\n    flex: 1;\n    height: 100%;\n    overflow: auto;\n    display: flex;\n    flex-direction: column;\n  `,\n  previewTitle: css`\n    padding: 10px 16px;\n    font-size: 13px;\n    font-weight: 500;\n    border-bottom: 1px solid #e8e8e8;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: #333;\n    background: #fff;\n  `,\n  previewContent: css`\n    flex: 1;\n    overflow: auto;\n    padding: 16px;\n    font-size: 13px;\n    line-height: 1.6;\n  `,\n  emptyContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  loadingContainer: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 100%;\n  `,\n  treeNodeTitle: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-right: 4px;\n  `,\n  moreIcon: css`\n    opacity: 0;\n    cursor: pointer;\n    padding: 2px 4px;\n    border-radius: 4px;\n    color: #999;\n    font-size: 14px;\n    transition: all 0.2s;\n    &:hover {\n      color: #333;\n      background: rgba(0, 0, 0, 0.04);\n    }\n  `,\n  treeNodeTitleHover: css`\n    &:hover .folder-tree-more-icon {\n      opacity: 1;\n    }\n  `,\n  copyBtn: css`\n    cursor: pointer;\n    color: #999;\n    font-size: 14px;\n    &:hover {\n      color: #1677ff;\n    }\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASX,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBtB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOd,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWd,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQX,EAAE;",
+  "names": []
+}

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

@@ -0,0 +1,81 @@
+import type { DropdownProps } from "antd";
+import type React from "react";
+/** 文件树节点数据 */
+export interface FolderTreeData {
+    title: React.ReactNode;
+    path: string;
+    content?: string;
+    children?: FolderTreeData[];
+}
+/** 文件内容加载服务 */
+export interface FileContentService {
+    loadFileContent(filePath: string): Promise<string>;
+}
+/** FolderTree 组件属性 */
+export interface FolderTreeProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 树形数据 */
+    treeData: FolderTreeData[];
+    /** 自定义文件/文件夹图标，false 禁用图标 */
+    directoryIcons?: false | Record<"directory" | string, React.ReactNode | (() => React.ReactNode)>;
+    /** 是否可选中文件 */
+    selectable?: boolean;
+    /** 受控：当前选中的文件路径 */
+    selectedFile?: string[];
+    /** 默认选中的文件路径 */
+    defaultSelectedFile?: string[];
+    /** 选中文件变化回调 */
+    onSelectedFileChange?: (file: {
+        path: string[];
+        title?: React.ReactNode;
+        content?: string;
+    }) => void;
+    /** 受控：展开的路径 */
+    expandedPaths?: string[];
+    /** 默认展开的路径 */
+    defaultExpandedPaths?: string[];
+    /** 默认是否展开所有节点 */
+    defaultExpandAll?: boolean;
+    /** 展开路径变化回调 */
+    onExpandedPathsChange?: (paths: string[]) => void;
+    /** 目录树面板宽度 */
+    directoryTreeWidth?: number | string;
+    /** 文件内容加载服务 */
+    fileContentService?: FileContentService;
+    /** 空状态渲染 */
+    emptyRender?: false | React.ReactNode | (() => React.ReactNode);
+    /** 自定义文件预览渲染 */
+    previewRender?: React.ReactNode | ((file: {
+        content?: string;
+        path: string[];
+        title?: React.ReactNode;
+        language: string;
+    }, info: {
+        originNode: React.ReactNode;
+    }) => React.ReactNode);
+    /** 自定义目录标题 */
+    directoryTitle?: false | React.ReactNode | (() => React.ReactNode);
+    /** 自定义预览标题 */
+    previewTitle?: false | React.ReactNode | ((info: {
+        title: React.ReactNode;
+        path: string[];
+        content: string;
+    }) => React.ReactNode);
+    /** 文件点击回调 */
+    onFileClick?: (filePath: string, content?: string) => void;
+    /** 文件夹点击回调 */
+    onFolderClick?: (folderPath: string) => void;
+    /** 更多操作菜单，传入节点返回 Dropdown menu 配置 */
+    moreActions?: (node: FolderTreeData) => DropdownProps["menu"];
+    /** 是否显示连接线 */
+    showLine?: boolean | {
+        showLeafIcon?: boolean | React.ReactNode;
+    };
+    /** 自定义展开/收起图标 */
+    switcherIcon?: React.ReactNode | ((props: any) => React.ReactNode);
+    /** 是否显示文件预览面板，默认 true */
+    showPreview?: boolean;
+}

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

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/FolderTree/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FolderTree/types.ts"],
+  "sourcesContent": ["import type { DropdownProps } from \"antd\";\nimport type React from \"react\";\n\n/** 文件树节点数据 */\nexport interface FolderTreeData {\n  title: React.ReactNode;\n  path: string;\n  content?: string;\n  children?: FolderTreeData[];\n}\n\n/** 文件内容加载服务 */\nexport interface FileContentService {\n  loadFileContent(filePath: string): Promise<string>;\n}\n\n/** FolderTree 组件属性 */\nexport interface FolderTreeProps {\n  /** 自定义类名 */\n  className?: string;\n  /** 自定义样式 */\n  style?: React.CSSProperties;\n\n  /** 树形数据 */\n  treeData: FolderTreeData[];\n\n  /** 自定义文件/文件夹图标，false 禁用图标 */\n  directoryIcons?:\n    | false\n    | Record<\"directory\" | string, React.ReactNode | (() => React.ReactNode)>;\n\n  /** 是否可选中文件 */\n  selectable?: boolean;\n  /** 受控：当前选中的文件路径 */\n  selectedFile?: string[];\n  /** 默认选中的文件路径 */\n  defaultSelectedFile?: string[];\n  /** 选中文件变化回调 */\n  onSelectedFileChange?: (file: {\n    path: string[];\n    title?: React.ReactNode;\n    content?: string;\n  }) => void;\n\n  /** 受控：展开的路径 */\n  expandedPaths?: string[];\n  /** 默认展开的路径 */\n  defaultExpandedPaths?: string[];\n  /** 默认是否展开所有节点 */\n  defaultExpandAll?: boolean;\n  /** 展开路径变化回调 */\n  onExpandedPathsChange?: (paths: string[]) => void;\n\n  /** 目录树面板宽度 */\n  directoryTreeWidth?: number | string;\n\n  /** 文件内容加载服务 */\n  fileContentService?: FileContentService;\n\n  /** 空状态渲染 */\n  emptyRender?: false | React.ReactNode | (() => React.ReactNode);\n  /** 自定义文件预览渲染 */\n  previewRender?:\n    | React.ReactNode\n    | ((\n        file: {\n          content?: string;\n          path: string[];\n          title?: React.ReactNode;\n          language: string;\n        },\n        info: { originNode: React.ReactNode }\n      ) => React.ReactNode);\n\n  /** 自定义目录标题 */\n  directoryTitle?: false | React.ReactNode | (() => React.ReactNode);\n  /** 自定义预览标题 */\n  previewTitle?:\n    | false\n    | React.ReactNode\n    | ((info: {\n        title: React.ReactNode;\n        path: string[];\n        content: string;\n      }) => React.ReactNode);\n\n  /** 文件点击回调 */\n  onFileClick?: (filePath: string, content?: string) => void;\n  /** 文件夹点击回调 */\n  onFolderClick?: (folderPath: string) => void;\n\n  /** 更多操作菜单，传入节点返回 Dropdown menu 配置 */\n  moreActions?: (node: FolderTreeData) => DropdownProps[\"menu\"];\n\n  /** 是否显示连接线 */\n  showLine?: boolean | { showLeafIcon?: boolean | React.ReactNode };\n  /** 自定义展开/收起图标 */\n  switcherIcon?: React.ReactNode | ((props: any) => React.ReactNode);\n\n  /** 是否显示文件预览面板，默认 true */\n  showPreview?: boolean;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/index.d.ts

@@ -19,6 +19,9 @@ export * from "./types";
 export type { ChatHookResult, ChatHookFactory } from "./types/ChatHook";
 export { useXAi, XAiProvider, XAiChatbot, XAiSDK, XAiSender, XAiConversations, useXAiSDK, request, };
 export { XAdkProvider, XAdkChatbot, XAdkSender, XAdkSenderSwitch, FileGallery, XAdkThoughtChain, useADKChat, baseChatStrategies, basePreset, baseToolKindResolver, createXGroupUploadRequest, mergeChatStrategies, resolvePresetUploadRequest, resolveChatPreset, xGroupAdkPreset, xGroupToolKindResolver, };
+import FolderTree from "./components/FolderTree";
+export { FolderTree };
+export type { FolderTreeProps, FolderTreeData, FileContentService, } from "./components/FolderTree";
 export { default as MarkdownRender } from "./components/XAdkChatbot/components/MarkdownRender";
 export { default as FunctionCallRender } from "./components/XAdkChatbot/components/FunctionCallRender";
 export { default as ThinkRender } from "./components/XAdkChatbot/components/ThinkRender";

package/dist/cjs/index.js

@@ -31,6 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   FileGallery: () => import_FileGallery.default,
+  FolderTree: () => import_FolderTree.default,
   FunctionCallRender: () => import_FunctionCallRender.default,
   MarkdownRender: () => import_MarkdownRender.default,
   ThinkRender: () => import_ThinkRender.default,
@@ -80,12 +81,14 @@ var import_useADKChat = __toESM(require("./hooks/useADKChat"));
 var import_xGroupAdk = require("./presets/xGroupAdk");
 var import_context = require("./components/XAdkProvider/context");
 __reExport(src_exports, require("./types"), module.exports);
+var import_FolderTree = __toESM(require("./components/FolderTree"));
 var import_MarkdownRender = __toESM(require("./components/XAdkChatbot/components/MarkdownRender"));
 var import_FunctionCallRender = __toESM(require("./components/XAdkChatbot/components/FunctionCallRender"));
 var import_ThinkRender = __toESM(require("./components/XAdkChatbot/components/ThinkRender"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   FileGallery,
+  FolderTree,
   FunctionCallRender,
   MarkdownRender,
   ThinkRender,

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "sourcesContent": ["// index.ts\nimport { useXAi } from \"./context/AiProviderContext\";\nimport XAiProvider from \"./components/XAiProvider\";\nimport XAiChatbot from \"./components/XAiChatbot\";\nimport XAiSDK from \"./components/XAiSDK\";\nimport XAiSender from \"./components/XAiSender\";\nimport FileGallery from \"./components/FileGallery\";\nimport XAiConversations from \"./components/XAiConversations\";\nimport XAdkThoughtChain from \"./components/XAdkThoughtChain\";\nimport useXAiSDK from \"./hooks/useXAiSDK\";\nimport request from \"./utils/request\";\n\n// 新的 Compound Components 架构\nimport XAdkProvider from \"./components/XAdkProvider\";\nimport XAdkChatbot from \"./components/XAdkChatbot\";\nimport XAdkSender from \"./components/XAdkSender\";\nimport XAdkSenderSwitch from \"./components/XAdkSender/Switch\";\nimport useADKChat from \"./hooks/useADKChat\";\nimport {\n  baseChatStrategies,\n  basePreset,\n  baseToolKindResolver,\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n  resolveChatPreset,\n  createXGroupUploadRequest,\n  xGroupAdkPreset,\n  xGroupToolKindResolver,\n} from \"./presets/xGroupAdk\";\n\n// 导出新的 Context Hooks\nexport {\n  useChatState,\n  useChatActions,\n  useSession,\n} from \"./components/XAdkProvider/context\";\n\nexport * from \"./types\";\n\n// 导出自定义 Hook 相关类型\nexport type { ChatHookResult, ChatHookFactory } from \"./types/ChatHook\";\n\n// 旧 API - 保持向后兼容\nexport {\n  useXAi,\n  XAiProvider,\n  XAiChatbot,\n  XAiSDK,\n  XAiSender,\n  XAiConversations,\n  useXAiSDK,\n  request,\n};\n\n// 新 API - 推荐使用\nexport {\n  XAdkProvider,\n  XAdkChatbot,\n  XAdkSender,\n  XAdkSenderSwitch,\n  FileGallery,\n  XAdkThoughtChain,\n  useADKChat,\n  baseChatStrategies,\n  basePreset,\n  baseToolKindResolver,\n  createXGroupUploadRequest,\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n  resolveChatPreset,\n  xGroupAdkPreset,\n  xGroupToolKindResolver,\n};\n\n// 基础组件导出 - 供高级用户和业务侧使用\nexport { default as MarkdownRender } from \"./components/XAdkChatbot/components/MarkdownRender\";\nexport { default as FunctionCallRender } from \"./components/XAdkChatbot/components/FunctionCallRender\";\nexport { default as ThinkRender } from \"./components/XAdkChatbot/components/ThinkRender\";\n\n// 基础组件类型导出\nexport type { MarkdownRenderProps } from \"./components/XAdkChatbot/components/MarkdownRender\";\nexport type { FunctionCallRenderProps } from \"./types/FunctionCallRender\";\nexport type {\n  XAdkThoughtChainProps,\n  ThoughtChainItemType,\n} from \"./types/XAdkThoughtChain\";\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wCAAAA;AAAA,EAAA;AAAA;AAAA;AAAA,wCAAAC;AAAA,EAAA,wCAAAC;AAAA,EAAA,oCAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,gDAAAC;AAAA,EAAA,oCAAAC;AAAA,EAAA,gDAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,4BAAAC;AAAA,EAAA,kCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAAC;AAAA,EAAA;AAAA;AAAA,sCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,oCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AACA,+BAAuB;AACvB,yBAAwB;AACxB,wBAAuB;AACvB,oBAAmB;AACnB,uBAAsB;AACtB,yBAAwB;AACxB,8BAA6B;AAC7B,8BAA6B;AAC7B,uBAAsB;AACtB,qBAAoB;AAGpB,0BAAyB;AACzB,yBAAwB;AACxB,wBAAuB;AACvB,oBAA6B;AAC7B,wBAAuB;AACvB,uBAUO;AAGP,qBAIO;AAEP,wBAAc,oBArCd;AA2EA,4BAA0C;AAC1C,gCAA8C;AAC9C,yBAAuC;",
-  "names": ["FileGallery", "XAdkChatbot", "XAdkProvider", "XAdkSender", "XAdkSenderSwitch", "XAdkThoughtChain", "XAiChatbot", "XAiConversations", "XAiProvider", "XAiSDK", "XAiSender", "request", "useADKChat", "useXAiSDK"]
+  "sourcesContent": ["// index.ts\nimport { useXAi } from \"./context/AiProviderContext\";\nimport XAiProvider from \"./components/XAiProvider\";\nimport XAiChatbot from \"./components/XAiChatbot\";\nimport XAiSDK from \"./components/XAiSDK\";\nimport XAiSender from \"./components/XAiSender\";\nimport FileGallery from \"./components/FileGallery\";\nimport XAiConversations from \"./components/XAiConversations\";\nimport XAdkThoughtChain from \"./components/XAdkThoughtChain\";\nimport useXAiSDK from \"./hooks/useXAiSDK\";\nimport request from \"./utils/request\";\n\n// 新的 Compound Components 架构\nimport XAdkProvider from \"./components/XAdkProvider\";\nimport XAdkChatbot from \"./components/XAdkChatbot\";\nimport XAdkSender from \"./components/XAdkSender\";\nimport XAdkSenderSwitch from \"./components/XAdkSender/Switch\";\nimport useADKChat from \"./hooks/useADKChat\";\nimport {\n  baseChatStrategies,\n  basePreset,\n  baseToolKindResolver,\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n  resolveChatPreset,\n  createXGroupUploadRequest,\n  xGroupAdkPreset,\n  xGroupToolKindResolver,\n} from \"./presets/xGroupAdk\";\n\n// 导出新的 Context Hooks\nexport {\n  useChatState,\n  useChatActions,\n  useSession,\n} from \"./components/XAdkProvider/context\";\n\nexport * from \"./types\";\n\n// 导出自定义 Hook 相关类型\nexport type { ChatHookResult, ChatHookFactory } from \"./types/ChatHook\";\n\n// 旧 API - 保持向后兼容\nexport {\n  useXAi,\n  XAiProvider,\n  XAiChatbot,\n  XAiSDK,\n  XAiSender,\n  XAiConversations,\n  useXAiSDK,\n  request,\n};\n\n// 新 API - 推荐使用\nexport {\n  XAdkProvider,\n  XAdkChatbot,\n  XAdkSender,\n  XAdkSenderSwitch,\n  FileGallery,\n  XAdkThoughtChain,\n  useADKChat,\n  baseChatStrategies,\n  basePreset,\n  baseToolKindResolver,\n  createXGroupUploadRequest,\n  mergeChatStrategies,\n  resolvePresetUploadRequest,\n  resolveChatPreset,\n  xGroupAdkPreset,\n  xGroupToolKindResolver,\n};\n\n// FolderTree 文件树组件\nimport FolderTree from \"./components/FolderTree\";\nexport { FolderTree };\nexport type {\n  FolderTreeProps,\n  FolderTreeData,\n  FileContentService,\n} from \"./components/FolderTree\";\n\n// 基础组件导出 - 供高级用户和业务侧使用\nexport { default as MarkdownRender } from \"./components/XAdkChatbot/components/MarkdownRender\";\nexport { default as FunctionCallRender } from \"./components/XAdkChatbot/components/FunctionCallRender\";\nexport { default as ThinkRender } from \"./components/XAdkChatbot/components/ThinkRender\";\n\n// 基础组件类型导出\nexport type { MarkdownRenderProps } from \"./components/XAdkChatbot/components/MarkdownRender\";\nexport type { FunctionCallRenderProps } from \"./types/FunctionCallRender\";\nexport type {\n  XAdkThoughtChainProps,\n  ThoughtChainItemType,\n} from \"./types/XAdkThoughtChain\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wCAAAA;AAAA,EAAA,oCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA,wCAAAC;AAAA,EAAA,wCAAAC;AAAA,EAAA,oCAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,gDAAAC;AAAA,EAAA,oCAAAC;AAAA,EAAA,gDAAAC;AAAA,EAAA,sCAAAC;AAAA,EAAA,4BAAAC;AAAA,EAAA,kCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAAAC;AAAA,EAAA;AAAA;AAAA,sCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,oCAAAC;AAAA,EAAA;AAAA;AAAA;AAAA;AACA,+BAAuB;AACvB,yBAAwB;AACxB,wBAAuB;AACvB,oBAAmB;AACnB,uBAAsB;AACtB,yBAAwB;AACxB,8BAA6B;AAC7B,8BAA6B;AAC7B,uBAAsB;AACtB,qBAAoB;AAGpB,0BAAyB;AACzB,yBAAwB;AACxB,wBAAuB;AACvB,oBAA6B;AAC7B,wBAAuB;AACvB,uBAUO;AAGP,qBAIO;AAEP,wBAAc,oBArCd;AA2EA,wBAAuB;AASvB,4BAA0C;AAC1C,gCAA8C;AAC9C,yBAAuC;",
+  "names": ["FileGallery", "FolderTree", "XAdkChatbot", "XAdkProvider", "XAdkSender", "XAdkSenderSwitch", "XAdkThoughtChain", "XAiChatbot", "XAiConversations", "XAiProvider", "XAiSDK", "XAiSender", "request", "useADKChat", "useXAiSDK"]
 }

package/dist/esm/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/esm/components/FolderTree/DirectoryTree.js

@@ -0,0 +1,118 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import React, { useCallback } from "react";
+import { Tree, Dropdown } 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;
+  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 convertToTreeData = useCallback(function (nodes) {
+    var parentSegments = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+    return nodes.map(function (node) {
+      var pathSegments = buildPathSegments(node, parentSegments);
+      var fullPath = pathSegments.join("/").replace(/^\/+/, "");
+      var titleContent = /*#__PURE__*/_jsxs("span", {
+        className: clsx(styles.treeNodeTitle, moreActions && styles.treeNodeTitleHover),
+        children: [/*#__PURE__*/_jsx("span", {
+          children: node.title
+        }), moreActions && /*#__PURE__*/_jsx(Dropdown, {
+          menu: moreActions(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, {})
+          })
+        })]
+      });
+      return _objectSpread(_objectSpread({}, node), {}, {
+        key: fullPath,
+        path: fullPath,
+        pathSegments: pathSegments,
+        title: titleContent,
+        icon: getIcon(node),
+        isLeaf: !isFolder(node),
+        children: node.children ? convertToTreeData(node.children, pathSegments) : undefined
+      });
+    });
+  }, [buildPathSegments, getIcon, moreActions, styles]);
+  var treeDataConverted = convertToTreeData(treeData);
+  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, {
+        treeData: treeDataConverted,
+        selectedKeys: selectedKeys,
+        expandedKeys: expandedKeys,
+        onSelect: onSelect,
+        onExpand: onExpand,
+        multiple: false,
+        blockNode: true,
+        showLine: showLine,
+        switcherIcon: switcherIcon,
+        defaultExpandAll: defaultExpandAll
+      })
+    })]
+  });
+};
+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","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","styles","isFolder","node","children","length","getIcon","icon","directory","filePath","path","toLowerCase","extension","split","pop","buildPathSegments","parentSegments","arguments","undefined","concat","_toConsumableArray","filter","s","convertToTreeData","nodes","map","pathSegments","fullPath","join","replace","titleContent","treeNodeTitle","treeNodeTitleHover","title","menu","trigger","placement","moreIcon","onClick","e","stopPropagation","_objectSpread","key","isLeaf","treeDataConverted","titleNode","directoryPanel","style","directoryTreeContent","multiple","blockNode"],"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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"}

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;