@ant-design/agentic-ui 2.30.9 → 2.30.11

package/dist/Plugins/mermaid/style.js

@@ -53,7 +53,6 @@ function _object_spread_props(target, source) {
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
     return _define_property({}, token.componentCls, {
-        // 主容器样式
         marginBottom: '0.75em',
         cursor: 'default',
         userSelect: 'none',
@@ -68,23 +67,21 @@ var genStyle = function genStyle(token) {
         justifyContent: 'center',
         alignItems: 'center',
         flexDirection: 'column',
-        // 增加隔离：防止内容溢出影响其他元素
         position: 'relative',
         isolation: 'isolate',
         contain: 'layout style paint',
         overflow: 'hidden',
-        // 渲染容器样式
+        transition: 'height 0.3s ease, min-height 0.3s ease',
         '& [data-mermaid-container="true"]': {
             width: '100%',
             display: 'flex',
             justifyContent: 'center',
-            // 增加隔离样式
             position: 'relative',
             isolation: 'isolate',
             contain: 'layout style paint',
-            overflow: 'hidden'
+            overflow: 'hidden',
+            transition: 'opacity 0.3s ease, height 0.3s ease, min-height 0.3s ease, max-height 0.3s ease'
         },
-        // SVG 包装器样式（用于动态创建的 wrapper）
         '& [data-mermaid-wrapper]': {
             position: 'relative',
             width: '100%',
@@ -97,87 +94,47 @@ var genStyle = function genStyle(token) {
             alignItems: 'center',
             minHeight: '200px'
         },
-        // SVG 元素样式
         '& [data-mermaid-svg="true"]': {
             maxWidth: '100%',
             height: 'auto',
             overflow: 'hidden'
         },
-        // SVG 内部元素样式
-        '& [data-mermaid-internal="true"]': {
-        },
-        // 加载状态样式
-        '&-loading': {
-            textAlign: 'center',
-            color: '#6B7280',
-            padding: '0.5rem',
-            position: 'relative',
-            zIndex: 1,
-            width: '100%',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            minHeight: '200px',
-            // Skeleton 样式优化
-            '& .ant-skeleton': {
-                width: '100%',
-                maxWidth: '800px'
-            },
-            '& .ant-skeleton-image': {
-                width: '100%',
-                minHeight: '200px',
-                borderRadius: '12px'
-            }
-        },
-        // 错误状态样式
         '&-error': {
             textAlign: 'center',
             color: 'rgba(239, 68, 68, 0.8)',
             padding: '0.5rem',
             flex: 1,
-            // 错误信息也增加隔离
             position: 'relative',
             zIndex: 1,
             wordBreak: 'break-word',
             maxWidth: '100%',
             height: '100%',
-            width: '100%'
+            width: '100%',
+            animation: 'agenticMermaidFadeIn 0.3s ease'
         },
-        // 空状态样式
         '&-empty': {
-            textAlign: 'center',
+            textAlign: 'left',
             color: '#6B7280',
-            padding: '0.5rem',
+            padding: '0.75rem 1.5rem',
             position: 'relative',
             zIndex: 1,
             flex: 1,
             height: '100%',
-            width: '100%'
-        },
-        // Fallback 组件样式
-        '&-fallback': {
-            marginBottom: '0.75em',
-            padding: '0.75rem 0',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            color: '#6B7280',
             width: '100%',
-            minHeight: '200px',
-            // Skeleton 样式优化
-            '& .ant-skeleton': {
-                width: '100%',
-                maxWidth: '800px'
+            fontFamily: "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace",
+            fontSize: '0.875em',
+            lineHeight: 1.7,
+            animation: 'agenticMermaidFadeIn 0.3s ease'
+        },
+        '@keyframes agenticMermaidFadeIn': {
+            from: {
+                opacity: 0
             },
-            '& .ant-skeleton-image': {
-                width: '100%',
-                minHeight: '200px',
-                borderRadius: '12px'
+            to: {
+                opacity: 1
             }
         },
-        // SVG 渲染优化样式
         '& svg': {
-            // 节点样式
             '& .node': {
                 '& rect, & circle, & ellipse, & polygon': {
                     stroke: '#333',
@@ -185,37 +142,27 @@ var genStyle = function genStyle(token) {
                     fill: '#fff'
                 }
             },
-            // 强制设置所有文字样式
             '& text': {
-                // 确保文字不会被裁剪
                 dominantBaseline: 'middle',
                 textAnchor: 'middle'
             },
-            // 节点标签 - 更大的字体
             '& .nodeLabel': {
                 fontWeight: 500,
                 fill: '#333 !important'
             },
-            // 边标签 - 稍小一些但仍然清晰
             '& .edgeLabel': {
                 fill: '#666 !important'
             },
-            // 专门针对流程图的文字
             '& .flowchart-label': {
                 fill: '#333 !important'
             },
-            // 针对不同类型的标签
             '& .label': {
                 fill: '#333 !important'
             }
         }
     });
 };
-/**
- * Mermaid 插件样式 Hook
- * @param prefixCls - 样式类名前缀
- * @returns 样式相关的 wrapSSR 和 hashId
- */ export function useStyle(prefixCls) {
+export function useStyle(prefixCls) {
     return useEditorStyleRegister('agentic-plugin-mermaid', function(token) {
         var editorToken = _object_spread_props(_object_spread({}, token), {
             componentCls: ".".concat(prefixCls)

package/dist/ThoughtChainList/style.js

@@ -87,7 +87,7 @@ var genStyle = function genStyle(token) {
                     zIndex: 1,
                     backgroundSize: '150%',
                     backgroundPosition: '0 0',
-                    backgroundImage: "conic-gradient(\n    from var(--angle) at 50% 50%,\n    rgba(46, 255, 127, 0.7) 0deg,\n    rgba(120, 133, 255, 1) 90deg,\n    rgba(255, 0, 153, 0.4) 180deg,\n    rgba(0, 221, 255, 0.62) 270deg,\n    rgba(46, 255, 127, 0.7) 360deg\n  )",
+                    backgroundImage: "conic-gradient(\n    from var(--angle, 0deg) at 50% 50%,\n    rgba(46, 255, 127, 0.7) 0deg,\n    rgba(120, 133, 255, 1) 90deg,\n    rgba(255, 0, 153, 0.4) 180deg,\n    rgba(0, 221, 255, 0.62) 270deg,\n    rgba(46, 255, 127, 0.7) 360deg\n  )",
                     animationName: 'spin',
                     animationDuration: '2s',
                     animationTimingFunction: 'linear',

package/dist/ToolUseBarThink/style.js

@@ -186,7 +186,7 @@ var genStyle = function genStyle(token) {
             '&-light': {
                 color: 'var(--color-gray-text-secondary)',
                 '&:hover': {
-                    color: 'var(--color-gray-text)'
+                    color: 'var(--color-gray-text, var(--color-gray-text-default))'
                 }
             }
         },

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

@@ -20,6 +20,7 @@ export interface BrowserItemProps {
     itemStyle?: React.CSSProperties;
     className?: string;
     onLocate?: (item: BrowserItem) => void;
+    onOpen?: (item: BrowserItem) => void;
 }
 export declare const BrowserItemComponent: React.FC<BrowserItemProps>;
 export interface BrowserHeaderProps {
@@ -38,6 +39,7 @@ export interface BrowserListProps {
     loading?: boolean;
     loadingText?: string;
     onLocate?: (item: BrowserItem) => void;
+    onOpen?: (item: BrowserItem) => void;
 }
 export declare const BrowserList: React.FC<BrowserListProps>;
 export type BrowserProps = {
@@ -57,6 +59,10 @@ export type BrowserProps = {
     emptyText?: string;
     loadingText?: string;
     onLocate?: (item: BrowserItem) => void;
+    /**
+     * 点击链接时的回调，提供后将拦截默认的新标签页打开行为
+     */
+    onOpen?: (item: BrowserItem) => void;
 };
 declare const Browser: React.FC<BrowserProps>;
 export default Browser;

package/dist/Workspace/Browser/index.js

@@ -147,10 +147,15 @@ var useBrowserContext = function useBrowserContext() {
     };
 };
 export var BrowserItemComponent = function BrowserItemComponent(param) {
-    var item = param.item, _param_itemStyle = param.itemStyle, itemStyle = _param_itemStyle === void 0 ? SUGGESTION_ITEM_STYLE : _param_itemStyle, className = param.className, onLocate = param.onLocate;
+    var item = param.item, _param_itemStyle = param.itemStyle, itemStyle = _param_itemStyle === void 0 ? SUGGESTION_ITEM_STYLE : _param_itemStyle, className = param.className, onLocate = param.onLocate, onOpen = param.onOpen;
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var locale = useContext(I18nContext).locale;
-    var handleSiteClick = function handleSiteClick() {
+    var handleOpen = function handleOpen(e) {
+        if (onOpen) {
+            e.preventDefault();
+            onOpen(item);
+            return;
+        }
         window.open(item.url, '_blank', 'noopener,noreferrer');
     };
     var handleLocate = function handleLocate(e) {
@@ -185,12 +190,13 @@ export var BrowserItemComponent = function BrowserItemComponent(param) {
         rel: "noreferrer",
         style: {
             color: 'inherit'
-        }
+        },
+        onClick: handleOpen
     }, /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-result-item-title"), hashId)
     }, item.title)))), /*#__PURE__*/ React.createElement("div", {
         className: classNames("".concat(prefixCls, "-result-item-site"), hashId),
-        onClick: handleSiteClick
+        onClick: handleOpen
     }, renderSiteAvatar(item.site, item.icon), /*#__PURE__*/ React.createElement(Tooltip, {
         title: item.site,
         mouseEnterDelay: 1
@@ -207,7 +213,7 @@ export var BrowserHeader = function BrowserHeader(param) {
         type: "text",
         icon: /*#__PURE__*/ React.createElement(ArrowLeft, {
             style: {
-                color: 'var(--color-gray-text-quaternary)'
+                color: 'var(--color-gray-text-quaternary, var(--color-gray-text-light, #767e8b))'
             }
         }),
         onClick: onBack
@@ -219,7 +225,7 @@ export var BrowserHeader = function BrowserHeader(param) {
     }, activeLabel))));
 };
 export var BrowserList = function BrowserList(param) {
-    var items = param.items, activeLabel = param.activeLabel, onBack = param.onBack, customHeader = param.customHeader, _param_showHeader = param.showHeader, showHeader = _param_showHeader === void 0 ? true : _param_showHeader, countFormatter = param.countFormatter, emptyText = param.emptyText, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, loadingText = param.loadingText, onLocate = param.onLocate;
+    var items = param.items, activeLabel = param.activeLabel, onBack = param.onBack, customHeader = param.customHeader, _param_showHeader = param.showHeader, showHeader = _param_showHeader === void 0 ? true : _param_showHeader, countFormatter = param.countFormatter, emptyText = param.emptyText, _param_loading = param.loading, loading = _param_loading === void 0 ? false : _param_loading, loadingText = param.loadingText, onLocate = param.onLocate, onOpen = param.onOpen;
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var locale = useContext(I18nContext).locale;
     var safeItems = Array.isArray(items) ? items : [];
@@ -266,17 +272,19 @@ export var BrowserList = function BrowserList(param) {
                 item: item,
                 className: classNames("".concat(prefixCls, "-result-item"), hashId),
                 itemStyle: SUGGESTION_ITEM_STYLE,
-                onLocate: onLocate
+                onLocate: onLocate,
+                onOpen: onOpen
             });
         },
         footer: null
     })));
 };
 var Browser = function Browser(param) {
-    var suggestions = param.suggestions, request = param.request, suggestionIcon = param.suggestionIcon, countFormatter = param.countFormatter, emptyText = param.emptyText, loadingText = param.loadingText, onLocate = param.onLocate;
-    var _useState = _sliced_to_array(useState('suggestions'), 2), currentView = _useState[0], setCurrentView = _useState[1];
-    var _useState1 = _sliced_to_array(useState(null), 2), activeSuggestion = _useState1[0], setActiveSuggestion = _useState1[1];
-    var _useState2 = _sliced_to_array(useState(''), 2), activeLabel = _useState2[0], setActiveLabel = _useState2[1];
+    var suggestions = param.suggestions, request = param.request, suggestionIcon = param.suggestionIcon, countFormatter = param.countFormatter, emptyText = param.emptyText, loadingText = param.loadingText, onLocate = param.onLocate, onOpen = param.onOpen;
+    var isSingleSuggestion = suggestions.length === 1;
+    var _useState = _sliced_to_array(useState(isSingleSuggestion ? 'results' : 'suggestions'), 2), currentView = _useState[0], setCurrentView = _useState[1];
+    var _useState1 = _sliced_to_array(useState(isSingleSuggestion ? suggestions[0] : null), 2), activeSuggestion = _useState1[0], setActiveSuggestion = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(isSingleSuggestion ? suggestions[0].label : ''), 2), activeLabel = _useState2[0], setActiveLabel = _useState2[1];
     var locale = useContext(I18nContext).locale;
     var _useBrowserContext = useBrowserContext(), prefixCls = _useBrowserContext.prefixCls, wrapSSR = _useBrowserContext.wrapSSR, hashId = _useBrowserContext.hashId;
     var _useMemo = useMemo(function() {
@@ -336,14 +344,15 @@ var Browser = function Browser(param) {
     })), currentView === 'results' && /*#__PURE__*/ React.createElement(BrowserList, {
         items: results,
         activeLabel: activeLabel,
-        onBack: function onBack() {
+        onBack: isSingleSuggestion ? undefined : function() {
             return setCurrentView('suggestions');
         },
         countFormatter: countFormatter,
         emptyText: emptyText,
         loading: loading,
         loadingText: loadingText,
-        onLocate: onLocate
+        onLocate: onLocate,
+        onOpen: onOpen
     })));
 };
 export default Browser;

package/dist/Workspace/Browser/style.js

@@ -64,7 +64,7 @@ var fadeInUp = new Keyframes('fadeInUp', {
 });
 var genStyle = function genStyle(token) {
     var componentCls = token.componentCls;
-    var _obj, _obj1, _obj2;
+    var _obj, _obj1, _obj2, _obj3;
     return _define_property({}, componentCls, {
         '&-suggestion': (_obj1 = {
             '&:hover': {
@@ -94,21 +94,20 @@ var genStyle = function genStyle(token) {
             font: 'var(--font-text-body-sm)',
             letterSpacing: 'var(--letter-spacing-body-sm, normal)',
             color: 'var(--color-gray-text-secondary)'
-        }), _obj)), _define_property(_obj1, '.ant-tag', {
+        }), _obj)), _define_property(_obj1, "".concat(token.antCls, "-tag"), {
             marginInlineEnd: '0'
         }), _obj1),
-        '&-header': _define_property({
+        '&-header': (_obj2 = {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
             height: '48px',
             width: 'calc(100% - 20px)',
             padding: '8px',
-            margin: '4px',
-            '.ant-tag': {
-                marginInlineEnd: '0'
-            }
-        }, "".concat(componentCls, "-header-left"), _define_property({
+            margin: '4px'
+        }, _define_property(_obj2, "".concat(token.antCls, "-tag"), {
+            marginInlineEnd: '0'
+        }), _define_property(_obj2, "".concat(componentCls, "-header-left"), _define_property({
             display: 'flex',
             alignItems: 'center',
             gap: '4px',
@@ -125,12 +124,12 @@ var genStyle = function genStyle(token) {
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             color: 'var(--color-gray-text-default)'
-        })),
+        })), _obj2),
         '&-header-wrapper': {
             marginLeft: '-12px',
             marginRight: '-12px'
         },
-        '&-result-item': (_obj2 = {
+        '&-result-item': (_obj3 = {
             width: '100%',
             overflow: 'hidden',
             padding: '4px',
@@ -142,7 +141,7 @@ var genStyle = function genStyle(token) {
                 borderRadius: '12px',
                 background: 'var(--color-gray-control-fill-hover)'
             }
-        }, _define_property(_obj2, "".concat(componentCls, "-result-item-title"), {
+        }, _define_property(_obj3, "".concat(componentCls, "-result-item-title"), {
             fontSize: '12px',
             color: 'var(--color-gray-text-default)',
             display: 'block',
@@ -150,17 +149,17 @@ var genStyle = function genStyle(token) {
             overflow: 'hidden',
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap'
-        }), _define_property(_obj2, "".concat(componentCls, "-result-item-title-wrapper"), {
+        }), _define_property(_obj3, "".concat(componentCls, "-result-item-title-wrapper"), {
             overflow: 'hidden',
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             fontSize: '14px',
             color: 'var(--color-gray-text-default)'
-        }), _define_property(_obj2, "".concat(componentCls, "-result-item-site-text"), {
+        }), _define_property(_obj3, "".concat(componentCls, "-result-item-site-text"), {
             font: 'var(--font-text-paragraph-sm)',
             letterSpacing: 'var(--letter-spacing-paragraph-sm, normal)',
             color: 'var(--color-gray-text-light)'
-        }), _define_property(_obj2, "".concat(componentCls, "-result-item-site"), {
+        }), _define_property(_obj3, "".concat(componentCls, "-result-item-site"), {
             display: 'flex',
             alignItems: 'center',
             gap: '4px',
@@ -169,7 +168,7 @@ var genStyle = function genStyle(token) {
             whiteSpace: 'nowrap',
             fontSize: '12px',
             cursor: 'pointer'
-        }), _obj2)
+        }), _obj3)
     });
 };
 export function useBrowserStyle(prefixCls) {

package/dist/Workspace/File/FileComponent.js

@@ -505,18 +505,18 @@ var FileItemComponent = function FileItemComponent(param) {
             ellipsis: {
                 tooltip: fileWithId.name
             }
-        }, fileWithId.name)), /*#__PURE__*/ React.createElement("div", {
+        }, fileWithId.name)), (fileWithId.renderDetails || fileTypeInfo.displayType || fileWithId.size || fileWithId.lastModified) && /*#__PURE__*/ React.createElement("div", {
             className: classNames("".concat(finalPrefixCls, "-item-details"), hashId)
         }, fileWithId.renderDetails ? fileWithId.renderDetails(renderContext) : /*#__PURE__*/ React.createElement(Typography.Text, {
             type: "secondary",
             ellipsis: true
-        }, /*#__PURE__*/ React.createElement("span", {
+        }, fileTypeInfo.displayType && /*#__PURE__*/ React.createElement("span", {
             className: classNames("".concat(finalPrefixCls, "-item-type"), hashId)
-        }, fileTypeInfo.displayType || fileTypeInfo.fileType), fileWithId.size && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+        }, fileTypeInfo.displayType), fileWithId.size && /*#__PURE__*/ React.createElement(React.Fragment, null, fileTypeInfo.displayType && /*#__PURE__*/ React.createElement("span", {
             className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
         }, "|"), /*#__PURE__*/ React.createElement("span", {
             className: classNames("".concat(finalPrefixCls, "-item-size"), hashId)
-        }, formatFileSize(fileWithId.size))), fileWithId.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+        }, formatFileSize(fileWithId.size))), fileWithId.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, (fileTypeInfo.displayType || fileWithId.size) && /*#__PURE__*/ React.createElement("span", {
             className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
         }, "|"), /*#__PURE__*/ React.createElement("span", {
             className: classNames("".concat(finalPrefixCls, "-item-time"), hashId)

package/dist/Workspace/File/PreviewComponent.js

@@ -309,18 +309,18 @@ var PlaceholderContent = function PlaceholderContent(param) {
                     font: 'var(--font-text-h6-base)',
                     color: 'var(--color-gray-text-default)'
                 }
-            }, file.name)), /*#__PURE__*/ React.createElement("div", {
+            }, file.name)), (fileTypeProcessor.inferFileType(file).displayType || file.size || file.lastModified) && /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(filePrefixCls, "-item-details"), hashId)
             }, /*#__PURE__*/ React.createElement(Typography.Text, {
                 type: "secondary",
                 ellipsis: true
-            }, /*#__PURE__*/ React.createElement("span", {
+            }, fileTypeProcessor.inferFileType(file).displayType && /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-type"), hashId)
-            }, fileTypeProcessor.inferFileType(file).displayType || fileTypeProcessor.inferFileType(file).fileType), file.size && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+            }, fileTypeProcessor.inferFileType(file).displayType), file.size && /*#__PURE__*/ React.createElement(React.Fragment, null, fileTypeProcessor.inferFileType(file).displayType && /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-separator"), hashId)
             }, "|"), /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-size"), hashId)
-            }, formatFileSize(file.size))), file.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+            }, formatFileSize(file.size))), file.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, (fileTypeProcessor.inferFileType(file).displayType || file.size) && /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-separator"), hashId)
             }, "|"), /*#__PURE__*/ React.createElement("span", {
                 className: classNames("".concat(filePrefixCls, "-item-time"), hashId)

package/dist/Workspace/File/style.js

@@ -52,8 +52,8 @@ function _object_spread_props(target, source) {
 }
 import { useEditorStyleRegister } from "../../Hooks/useStyle";
 var genStyle = function genStyle(token) {
-    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5, _obj6;
-    return _obj6 = {
+    var _obj, _obj1, _obj2, _obj3, _obj4, _obj5, _obj6, _obj7;
+    return _obj7 = {
         // 定位高亮动画关键帧
         '@keyframes flash-shadow': {
             '0%,100%': {
@@ -64,7 +64,7 @@ var genStyle = function genStyle(token) {
             }
         }
     }, // 文件组件样式
-    _define_property(_obj6, "".concat(token.componentCls, "-container"), // 分组展示模式
+    _define_property(_obj7, "".concat(token.componentCls, "-container"), // 分组展示模式
     _define_property({
         height: '100%',
         display: 'flex',
@@ -126,7 +126,7 @@ var genStyle = function genStyle(token) {
     }), // 分组内容区域
     _define_property(_obj, "&-content", {
         paddingLeft: '12px'
-    }), _obj)))), _define_property(_obj6, "".concat(token.componentCls, "-item"), (_obj3 = {
+    }), _obj)))), _define_property(_obj7, "".concat(token.componentCls, "-item"), (_obj3 = {
         display: 'flex',
         alignItems: 'center',
         gap: '4px',
@@ -212,16 +212,16 @@ var genStyle = function genStyle(token) {
         pointerEvents: 'none',
         transition: 'opacity 0.2s ease, visibility 0.2s ease'
     }, // 保持图标按钮颜色一致
-    _define_property(_obj1, ".ant-btn, .ant-btn .anticon", {
+    _define_property(_obj1, "".concat(token.antCls, "-btn, ").concat(token.antCls, "-btn .anticon"), {
         color: 'var(--color-gray-text-light)'
-    }), _define_property(_obj1, ".ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn:hover .anticon, .ant-btn:focus .anticon, .ant-btn:active .anticon", {
+    }), _define_property(_obj1, "".concat(token.antCls, "-btn:hover, ").concat(token.antCls, "-btn:focus, ").concat(token.antCls, "-btn:active, ").concat(token.antCls, "-btn:hover .anticon, ").concat(token.antCls, "-btn:focus .anticon, ").concat(token.antCls, "-btn:active .anticon"), {
         color: 'var(--color-gray-text-light)'
     }), _obj1)), _define_property(_obj3, "&-action-btn", (_obj2 = {}, _define_property(_obj2, ".anticon", {
         color: 'var(--color-gray-text-light)'
     }), _define_property(_obj2, '&:hover .anticon, &:focus .anticon, &:active .anticon', {
         color: 'var(--color-gray-text-light)'
     }), _obj2)), _obj3)), // 空状态
-    _define_property(_obj6, "".concat(token.componentCls, "-empty"), {
+    _define_property(_obj7, "".concat(token.componentCls, "-empty"), {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
@@ -229,7 +229,7 @@ var genStyle = function genStyle(token) {
         padding: 24,
         minHeight: 200,
         flex: 1
-    }), _define_property(_obj6, "".concat(token.componentCls, "-preview"), (_obj5 = {
+    }), _define_property(_obj7, "".concat(token.componentCls, "-preview"), (_obj5 = {
         display: 'flex',
         flexDirection: 'column',
         height: '100%',
@@ -301,9 +301,9 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         gap: '8px'
     }, // 保持预览头部操作按钮的图标颜色一致
-    _define_property(_obj4, ".ant-btn, .ant-btn .anticon", {
+    _define_property(_obj4, "".concat(token.antCls, "-btn, ").concat(token.antCls, "-btn .anticon"), {
         color: '#767E8B'
-    }), _define_property(_obj4, ".ant-btn:hover, .ant-btn:focus, .ant-btn:active, .ant-btn:hover .anticon, .ant-btn:focus .anticon, .ant-btn:active .anticon", {
+    }), _define_property(_obj4, "".concat(token.antCls, "-btn:hover, ").concat(token.antCls, "-btn:focus, ").concat(token.antCls, "-btn:active, ").concat(token.antCls, "-btn:hover .anticon, ").concat(token.antCls, "-btn:focus .anticon, ").concat(token.antCls, "-btn:active .anticon"), {
         color: '#767E8B'
     }), _obj4)), // 预览内容区域
     _define_property(_obj5, "&-content", {
@@ -414,45 +414,39 @@ var genStyle = function genStyle(token) {
     }), // 不可预览说明文案
     _define_property(_obj5, "&-unsupported-text", {
         font: 'var(--font-text-body-sm)',
-        color: 'var(--color-text-secondary)'
-    }), _obj5)), // 搜索框样式
-    _define_property(_obj6, "".concat(token.componentCls, "-search"), {
-        '.ant-input-outlined': {
-            borderRadius: 'var(--radius-control-base)',
-            borderColor: 'transparent',
-            background: 'var(--color-gray-bg-card-light)',
-            boxShadow: 'var(--shadow-border-base)',
-            marginBottom: 8
-        },
-        '.ant-input-outlined:hover, .ant-input-outlined:focus-within': {
-            borderColor: 'var(--color-primary-control-fill-primary-active)'
-        },
-        '.ant-input-affix-wrapper >input.ant-input': {
-            color: 'var(--color-gray-text-default)',
-            font: 'var(--font-text-body-base)',
-            letterSpacing: 'var(--letter-spacing-body-base, normal)'
-        },
-        // 搜索图标样式
-        '.anticon': {
-            color: 'var(--color-gray-text-secondary)',
-            fontSize: 16
-        }
-    }), // 成功消息图标样式
-    _define_property(_obj6, "".concat(token.componentCls, "-success-icon"), {
+        color: 'var(--color-text-secondary, var(--color-gray-text-secondary))'
+    }), _obj5)), _define_property(_obj7, "".concat(token.componentCls, "-search"), (_obj6 = {}, _define_property(_obj6, "".concat(token.antCls, "-input-outlined"), {
+        borderRadius: 'var(--radius-control-base)',
+        borderColor: 'transparent',
+        background: 'var(--color-gray-bg-card-light)',
+        boxShadow: 'var(--shadow-border-base)',
+        marginBottom: 8
+    }), _define_property(_obj6, "".concat(token.antCls, "-input-outlined:hover, ").concat(token.antCls, "-input-outlined:focus-within"), {
+        borderColor: 'var(--color-primary-control-fill-primary-active)'
+    }), _define_property(_obj6, "".concat(token.antCls, "-input-affix-wrapper >input").concat(token.antCls, "-input"), {
+        color: 'var(--color-gray-text-default)',
+        font: 'var(--font-text-body-base)',
+        letterSpacing: 'var(--letter-spacing-body-base, normal)'
+    }), // 搜索图标样式
+    _define_property(_obj6, '.anticon', {
+        color: 'var(--color-gray-text-secondary)',
+        fontSize: 16
+    }), _obj6)), // 成功消息图标样式
+    _define_property(_obj7, "".concat(token.componentCls, "-success-icon"), {
         fontSize: 16,
         marginRight: 8,
         color: 'var(--color-green-control-fill-primary)'
     }), // 成功消息文本样式
-    _define_property(_obj6, "".concat(token.componentCls, "-message-text"), {
+    _define_property(_obj7, "".concat(token.componentCls, "-message-text"), {
         font: 'var(--font-text-body-emphasized-base)',
         color: 'var(--color-gray-text-default)'
     }), // 分组内容容器（用于motion.div）
-    _define_property(_obj6, "".concat(token.componentCls, "-group-content"), {
+    _define_property(_obj7, "".concat(token.componentCls, "-group-content"), {
         overflow: 'hidden'
     }), // 隐藏的图片预览组件
-    _define_property(_obj6, "".concat(token.componentCls, "-hidden-image"), {
+    _define_property(_obj7, "".concat(token.componentCls, "-hidden-image"), {
         display: 'none'
-    }), _obj6;
+    }), _obj7;
 };
 export function useFileStyle(prefixCls) {
     return useEditorStyleRegister('WorkspaceFile', function(token) {