@ant-design/agentic-ui 2.30.30 → 2.30.33

package/dist/ToolUseBarThink/style.js

@@ -51,10 +51,27 @@ function _object_spread_props(target, source) {
     return target;
 }
 import { useEditorStyleRegister } from "../Hooks/useStyle";
-var LIGHT_MODE_BACKGROUND = 'rgba(255, 255, 255, 0.65)';
 var LIGHT_MODE_BACKDROP_FILTER = 'blur(12px)';
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, {
+        '@keyframes thinkSpin': {
+            from: {
+                '--think-rotate': '0deg'
+            },
+            to: {
+                '--think-rotate': '360deg'
+            }
+        },
+        '@keyframes thinkMaskSweep': {
+            '0%': {
+                maskPosition: '200% 0',
+                WebkitMaskPosition: '200% 0'
+            },
+            '100%': {
+                maskPosition: '-100% 0',
+                WebkitMaskPosition: '-100% 0'
+            }
+        },
         position: 'relative',
         cursor: 'pointer',
         borderRadius: 'var(--radius-card-base)',
@@ -92,36 +109,32 @@ var genStyle = function genStyle(token) {
                 boxShadow: 'var(--shadow-border-base)'
             }
         },
+        '&-loading': {
+            boxSizing: 'border-box',
+            boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)',
+            '&:hover': {
+                boxSizing: 'border-box',
+                boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)'
+            }
+        },
+        '&-success': {
+            borderRadius: 'var(--radius-card-base)',
+            boxShadow: 'inset 0px 0px 1px 0px rgba(0, 19, 41, 0.15)'
+        },
+        // Placed after &-success so light mode wins when both classes apply (success + light).
         '&-light': {
             boxShadow: 'none',
             border: 'none',
             borderRadius: '14px',
             padding: 4,
-            background: LIGHT_MODE_BACKGROUND,
             backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
             WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER,
             '&:hover': _define_property({
-                background: 'none',
                 boxShadow: 'none'
             }, "".concat(token.componentCls, "-header-left-icon-light"), {
                 color: 'var(--color-gray-text-secondary)'
             })
         },
-        '&-loading': {
-            background: 'var(--color-gray-bg-card-white)',
-            boxSizing: 'border-box',
-            boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)',
-            '&:hover': {
-                background: 'var(--color-gray-bg-card-white)',
-                boxSizing: 'border-box',
-                boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.05),0px 2px 7px 0px rgba(0, 19, 41, 0.05),0px 2px 5px -2px rgba(0, 19, 41, 0.06)'
-            }
-        },
-        '&-success': {
-            borderRadius: 'var(--radius-card-base)',
-            background: 'var(--color-gray-bg-card-light)',
-            boxShadow: 'inset 0px 0px 1px 0px rgba(0, 19, 41, 0.15)'
-        },
         '&-bar': {
             borderRadius: 'var(--radius-card-base)',
             minHeight: '24px',
@@ -143,26 +156,21 @@ var genStyle = function genStyle(token) {
                 gap: 4
             }
         },
-        '&-header-left': {
+        '&-header-left-icon': {
+            font: 'var(--font-text-body-emphasized-base)',
+            color: 'var(--color-gray-text-default)',
+            height: 20,
             display: 'flex',
             alignItems: 'center',
-            gap: 4,
-            '&-icon': {
-                font: 'var(--font-text-body-emphasized-base)',
-                color: 'var(--color-gray-text-default)',
-                height: 20,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                borderRadius: 'var(--radius-control-sm)',
+            justifyContent: 'center',
+            borderRadius: 'var(--radius-control-sm)',
+            '&:hover': {
+                backgroundColor: 'var(--color-gray-control-fill-hover)'
+            },
+            '&-light': {
+                color: 'var(--color-gray-text-light)',
                 '&:hover': {
-                    backgroundColor: 'var(--color-gray-control-fill-hover)'
-                },
-                '&-light': {
-                    color: 'var(--color-gray-text-light)',
-                    '&:hover': {
-                        color: 'var(--color-gray-text-secondary)'
-                    }
+                    color: 'var(--color-gray-text-secondary)'
                 }
             }
         },
@@ -197,39 +205,33 @@ var genStyle = function genStyle(token) {
             justifyContent: 'center',
             alignItems: 'center',
             padding: '4px',
-            gap: '0px 8px',
-            flexWrap: 'wrap',
-            alignContent: 'center',
             borderRadius: '200px',
             boxSizing: 'border-box',
             boxShadow: 'var(--shadow-border-base)',
             background: 'var(--color-gray-bg-card-white)',
             zIndex: 0,
+            position: 'relative',
+            color: '#767E8B',
+            fontSize: 'var(--font-size-lg)',
+            '& > svg, & > *:first-child': {
+                position: 'relative',
+                zIndex: 1
+            },
             '&-loading': {
                 borderRadius: '50%',
                 transition: 'border-radius 0.3s ease-in-out',
-                position: 'relative',
+                animation: 'thinkSpin 1s linear infinite',
                 '&::after': {
                     content: '""',
                     position: 'absolute',
                     inset: '0',
                     borderRadius: '50%',
-                    background: 'conic-gradient(from var(--rotate, 0deg),transparent 0deg 0deg, #5EF050 35deg 55deg, #37ABFF 105deg 115deg,  #D7B9FF 135deg 135deg, transparent 165deg 360deg)',
+                    background: 'conic-gradient(from var(--think-rotate, 0deg),transparent 0deg 0deg, #5EF050 35deg 55deg, #37ABFF 105deg 115deg,  #D7B9FF 135deg 135deg, transparent 165deg 360deg)',
                     WebkitMask: 'radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 0, 0) 65%, #FF0000 100%)',
                     mask: 'radial-gradient(50% 50% at 50% 50%, rgba(255, 0, 0, 0) 80%, #FF0000 80%, #FF0000 100%)'
                 }
             }
         },
-        '&-image': {
-            color: '#767E8B',
-            fontSize: 'var(--font-size-lg)',
-            position: 'absolute',
-            zIndex: 999,
-            borderRadius: '50%',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center'
-        },
         '&-target': {
             lineHeight: '20px',
             flex: 1,
@@ -259,7 +261,6 @@ var genStyle = function genStyle(token) {
                 paddingLeft: 12,
                 marginLeft: 16,
                 marginTop: -10,
-                background: LIGHT_MODE_BACKGROUND,
                 backdropFilter: LIGHT_MODE_BACKDROP_FILTER,
                 WebkitBackdropFilter: LIGHT_MODE_BACKDROP_FILTER
             }
@@ -310,7 +311,14 @@ var genStyle = function genStyle(token) {
             display: 'flex',
             alignItems: 'center',
             gap: 8,
-            flex: 1
+            flex: 1,
+            '&-loading': {
+                maskImage: 'linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,1) 100%)',
+                WebkitMaskImage: 'linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,1) 100%)',
+                maskSize: '200% 100%',
+                WebkitMaskSize: '200% 100%',
+                animation: 'thinkMaskSweep 1.5s linear infinite'
+            }
         },
         '&-content': {
             font: 'var(--font-text-paragraph-sm)',
@@ -362,6 +370,7 @@ var genStyle = function genStyle(token) {
             zIndex: 10,
             transform: 'translateY(100%)',
             opacity: 0,
+            transition: 'transform 0.2s ease, opacity 0.2s ease',
             '&:hover': {
                 boxShadow: 'var(--shadow-popover-base)'
             },

package/dist/Types/quicklink.d.ts

@@ -1 +1 @@
-declare module 'quicklink';
+declare module 'quicklink';

package/dist/WelcomeMessage/index.js

@@ -121,6 +121,7 @@ import { useStyle } from "./style";
     var _ref = customStyle || {}, ref = _object_destructuring_empty(_ref), restStyle = _extends({}, _ref);
     return wrapSSR(/*#__PURE__*/ React.createElement("div", {
         className: clsx(prefixCls, hashId, rootClassName),
+        "data-testid": prefixCls,
         style: restStyle
     }, title && /*#__PURE__*/ React.createElement(TypingAnimation, _object_spread_props(_object_spread({
         as: "div"

package/dist/Workspace/File/FileTree/FileTreeComponent.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import type { FileTreeProps } from '../../types';
+declare const FileTreeComponent: FC<FileTreeProps>;
+export { FileTreeComponent as FileTree };

package/dist/Workspace/File/FileTree/FileTreeComponent.js

@@ -0,0 +1,283 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+import { FileFolders } from "@sofa-design/icons";
+import { ConfigProvider, Empty, Tree } from "antd";
+import classNames from "clsx";
+import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
+import { useRefFunction } from "../../../Hooks/useRefFunction";
+import { I18nContext } from "../../../I18n";
+import { getFileType } from "../../types";
+import { getFileTypeIcon } from "../utils";
+import { useFileTreeStyle } from "./style";
+var walkAndIndex = function walkAndIndex1(nodes, map) {
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = nodes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var n = _step.value;
+            var _n_children;
+            map.set(n.key, n);
+            if ((_n_children = n.children) === null || _n_children === void 0 ? void 0 : _n_children.length) {
+                walkAndIndex(n.children, map);
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+};
+var toDataNode = function toDataNode1(node) {
+    var key = node.key, name = node.name, isLeaf = node.isLeaf, disabled = node.disabled, children = node.children;
+    var hasChildren = Boolean(children && children.length > 0);
+    // `isLeaf: false` = 目录；未传时：有子节点 = 目录，无子节点 = 视为文件（与懒加载目录需显式 `isLeaf: false` 一致）
+    var resolvedIsLeaf = isLeaf !== null && isLeaf !== void 0 ? isLeaf : !hasChildren;
+    if (resolvedIsLeaf) {
+        return {
+            key: key,
+            title: name,
+            isLeaf: true,
+            disabled: disabled
+        };
+    }
+    return {
+        key: key,
+        title: name,
+        isLeaf: false,
+        disabled: disabled,
+        children: hasChildren ? children.map(toDataNode) : []
+    };
+};
+var replaceNodeChildren = function replaceNodeChildren1(nodes, key, newChildren) {
+    return nodes.map(function(n) {
+        var _n_children;
+        if (n.key === key) {
+            return _object_spread_props(_object_spread({}, n), {
+                children: newChildren
+            });
+        }
+        if ((_n_children = n.children) === null || _n_children === void 0 ? void 0 : _n_children.length) {
+            return _object_spread_props(_object_spread({}, n), {
+                children: replaceNodeChildren(n.children, key, newChildren)
+            });
+        }
+        return n;
+    });
+};
+var buildMap = function buildMap(nodes) {
+    var m = new Map();
+    walkAndIndex(nodes, m);
+    return m;
+};
+var FileTreeComponent = function FileTreeComponent(param) {
+    var _tab = param.tab, className = param.className, style = param.style, treeData = param.treeData, onLoadChildren = param.onLoadChildren, onSelect = param.onSelect, _param_showLine = param.showLine, showLine = _param_showLine === void 0 ? true : _param_showLine, _resetKey = param.resetKey, emptyRender = param.emptyRender, _param_blockNode = param.blockNode, blockNode = _param_blockNode === void 0 ? true : _param_blockNode;
+    var _ref;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var locale = useContext(I18nContext).locale;
+    var prefixCls = getPrefixCls('workspace-file-tree');
+    var _useFileTreeStyle = useFileTreeStyle(prefixCls), wrapSSR = _useFileTreeStyle.wrapSSR, hashId = _useFileTreeStyle.hashId;
+    var _useState = _sliced_to_array(useState(treeData), 2), innerTree = _useState[0], setInnerTree = _useState[1];
+    var nodeMap = useMemo(function() {
+        return buildMap(innerTree);
+    }, [
+        innerTree
+    ]);
+    var onLoadChildrenRef = useRefFunction(onLoadChildren);
+    useEffect(function() {
+        setInnerTree(treeData);
+    }, [
+        treeData
+    ]);
+    var dataNodes = useMemo(function() {
+        return innerTree.map(toDataNode);
+    }, [
+        innerTree
+    ]);
+    var handleLoadData = useCallback(function(treeNode) {
+        var k = String(treeNode.key);
+        var source = nodeMap.get(k);
+        if (!source) {
+            return Promise.resolve();
+        }
+        if (source.isLeaf === true) {
+            return Promise.resolve();
+        }
+        if (source.isLeaf === undefined && (!source.children || source.children.length === 0)) {
+            return Promise.resolve();
+        }
+        if (source.children && source.children.length > 0) {
+            return Promise.resolve();
+        }
+        // 须让 `Promise` 在失败时 reject，以便 rc-tree 不将 key 记为已加载，从而可再次展开重试
+        return Promise.resolve(onLoadChildrenRef(source)).then(function(loaded) {
+            setInnerTree(function(prev) {
+                return replaceNodeChildren(prev, k, loaded);
+            });
+        });
+    }, [
+        onLoadChildrenRef,
+        nodeMap
+    ]);
+    var handleSelect = useCallback(function(_keys, info) {
+        if (!onSelect) return;
+        if (!info.selected) return;
+        var k = String(info.node.key);
+        var n = nodeMap.get(k);
+        if (n) onSelect(n);
+    }, [
+        nodeMap,
+        onSelect
+    ]);
+    var handleTreeIcon = useCallback(function(iconProps) {
+        var k = String(iconProps.eventKey);
+        var n = nodeMap.get(k);
+        if (n === null || n === void 0 ? void 0 : n.icon) {
+            return /*#__PURE__*/ React.createElement("span", {
+                className: classNames("".concat(prefixCls, "-icon"), hashId)
+            }, n.icon);
+        }
+        if (iconProps.isLeaf) {
+            var _ref;
+            var fileName = (_ref = n === null || n === void 0 ? void 0 : n.name) !== null && _ref !== void 0 ? _ref : '';
+            var fileType = getFileType(fileName);
+            return /*#__PURE__*/ React.createElement("span", {
+                className: classNames("".concat(prefixCls, "-icon"), hashId),
+                "aria-hidden": true
+            }, getFileTypeIcon(fileType, undefined, fileName));
+        }
+        return /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(prefixCls, "-icon"), "".concat(prefixCls, "-icon--folder"), hashId),
+            "aria-hidden": true
+        }, /*#__PURE__*/ React.createElement(FileFolders, null));
+    }, [
+        hashId,
+        nodeMap,
+        prefixCls
+    ]);
+    var showEmpty = innerTree.length === 0;
+    var emptyNode = typeof emptyRender === 'function' ? emptyRender() : emptyRender;
+    var defaultEmpty = /*#__PURE__*/ React.createElement(Empty, {
+        image: Empty.PRESENTED_IMAGE_SIMPLE,
+        description: (_ref = locale === null || locale === void 0 ? void 0 : locale['workspace.empty']) !== null && _ref !== void 0 ? _ref : '暂无数据'
+    });
+    return wrapSSR(/*#__PURE__*/ React.createElement("div", {
+        className: classNames(prefixCls, hashId, className),
+        style: style,
+        "data-testid": "workspace-file-tree"
+    }, showEmpty ? emptyNode !== null && emptyNode !== void 0 ? emptyNode : defaultEmpty : /*#__PURE__*/ React.createElement(Tree, {
+        className: classNames("".concat(prefixCls, "-tree"), hashId),
+        showLine: showLine,
+        showIcon: true,
+        blockNode: blockNode,
+        loadData: handleLoadData,
+        onSelect: handleSelect,
+        treeData: dataNodes,
+        icon: handleTreeIcon
+    })));
+};
+FileTreeComponent.displayName = 'FileTree';
+export { FileTreeComponent as FileTree };

package/dist/Workspace/File/FileTree/index.d.ts

@@ -0,0 +1,2 @@
+export type { FileTreeNode, FileTreeProps } from '../../types';
+export { FileTree } from './FileTreeComponent';

package/dist/Workspace/File/FileTree/index.js

@@ -0,0 +1 @@
+export { FileTree } from "./FileTreeComponent";

package/dist/Workspace/File/FileTree/style.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function useFileTreeStyle(prefixCls?: string): {
+    hashId: string;
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+} | {
+    wrapSSR: (node: any) => any;
+    hashId: string;
+};

package/dist/Workspace/File/FileTree/style.js

@@ -0,0 +1,80 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../../../Hooks/useStyle";
+var genStyle = function genStyle(token) {
+    var componentCls = token.componentCls;
+    return _define_property({}, componentCls, _define_property({
+        height: '100%',
+        minHeight: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        overflow: 'hidden',
+        boxSizing: 'border-box',
+        padding: 'var(--margin-2x) var(--margin-3x)'
+    }, "".concat(componentCls, "-tree"), {
+        flex: 1,
+        minHeight: 0,
+        overflow: 'auto',
+        background: 'transparent'
+    }));
+};
+export function useFileTreeStyle(prefixCls) {
+    return useEditorStyleRegister('WorkspaceFileTree', function(token) {
+        var fileTreeToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(fileTreeToken)
+        ];
+    });
+}

package/dist/Workspace/File/index.d.ts

@@ -1,6 +1,7 @@
 export { FileComponent as File } from './FileComponent';
+export { FileTree } from './FileTree';
 export { PreviewComponent } from './PreviewComponent';
 export type { PreviewComponentProps } from './PreviewComponent';
 export { getFileTypeName } from '../types';
-export type { FileActionRef, FileBuiltinActions, FileNode, FileProps, FileRenderContext, FileType, GroupNode, } from '../types';
+export type { FileActionRef, FileBuiltinActions, FileNode, FileProps, FileRenderContext, FileTreeNode, FileTreeProps, FileType, GroupNode, } from '../types';
 export { getFileTypeIcon, getGroupIcon } from './utils';

package/dist/Workspace/File/index.js

@@ -1,4 +1,5 @@
 export { FileComponent as File } from "./FileComponent";
+export { FileTree } from "./FileTree";
 export { PreviewComponent } from "./PreviewComponent";
 // 导出类型和工具函数
 export { getFileTypeName } from "../types";

package/dist/Workspace/index.d.ts

@@ -1,10 +1,11 @@
 import { FC } from 'react';
-import type { BrowserProps, CustomProps, FileProps, RealtimeProps, TaskProps, WorkspaceProps } from './types';
+import type { BrowserProps, CustomProps, FileProps, FileTreeProps, RealtimeProps, TaskProps, WorkspaceProps } from './types';
 export type { FileActionRef } from './types';
 declare const RealtimeComponent: FC<RealtimeProps>;
 declare const BrowserComponent: FC<BrowserProps>;
 declare const TaskComponent: FC<TaskProps>;
 declare const FileComponent: FC<FileProps>;
+declare const FileTreeComponent: FC<FileTreeProps>;
 declare const CustomComponent: FC<CustomProps>;
 /**
  * 工作空间组件
@@ -15,9 +16,10 @@ declare const Workspace: FC<WorkspaceProps> & {
     Browser: typeof BrowserComponent;
     Task: typeof TaskComponent;
     File: typeof FileComponent;
+    FileTree: typeof FileTreeComponent;
     Custom: typeof CustomComponent;
 };
 export * from './File';
 export type { HtmlPreviewProps } from './HtmlPreview';
-export type { BrowserProps, CustomProps, FileProps, RealtimeProps, TabConfiguration, TabItem, TaskProps, WorkspaceProps, } from './types';
+export type { BrowserProps, CustomProps, FileProps, FileTreeNode, FileTreeProps, RealtimeProps, TabConfiguration, TabItem, TaskProps, WorkspacePanelType, WorkspaceProps, } from './types';
 export default Workspace;