@ant-design/agentic-ui 2.30.10 → 2.30.11

package/dist/MarkdownRenderer/useStreaming.js

@@ -102,26 +102,53 @@ var STREAM_INCOMPLETE_REGEX = {
     ]
 };
 var STREAMING_LOADING_PLACEHOLDER = '...';
+var parsePipeRowCells = function parsePipeRowCells(line) {
+    var trimmedLine = line.trim();
+    if (!trimmedLine.startsWith('|') || !trimmedLine.endsWith('|')) {
+        return null;
+    }
+    var cells = trimmedLine.split('|').slice(1, -1).map(function(cell) {
+        return cell.trim();
+    });
+    if (!cells.length) return null;
+    return cells;
+};
+var isTableSeparatorCell = function isTableSeparatorCell(cell) {
+    return /^:?-{3,}:?$/.test(cell);
+};
 /**
  * 判断表格是否仍不完整。
- * 等待 header + separator + 至少一行数据（3 行）后提交。
+ * 等待 header + separator + 第一行数据完整闭合后提交。
  */ var isTableIncomplete = function isTableIncomplete(markdown) {
+    var _firstDataRowTrimmed_match;
     if (markdown.includes('\n\n')) return false;
-    var lines = markdown.split('\n');
+    var lines = markdown.replace(/\r\n/g, '\n').split('\n');
     // 需要至少 3 行：header | separator | 第一行数据
     if (lines.length < 3) return true;
-    var _lines = _sliced_to_array(lines, 2), header = _lines[0], separator = _lines[1];
-    if (!/^\|.*\|$/.test(header.trim())) return false;
-    var columns = separator.trim().split('|').map(function(c) {
-        return c.trim();
-    }).filter(Boolean);
-    var isSeparatorValid = columns.every(function(col, i) {
-        return i === columns.length - 1 ? col === ':' || /^:?-+:?$/.test(col) : /^:?-+:?$/.test(col);
-    });
+    var _lines = _sliced_to_array(lines, 3), header = _lines[0], separator = _lines[1], firstDataRow = _lines[2];
+    var headerCells = parsePipeRowCells(header);
+    if (!headerCells) return false;
+    var separatorCells = parsePipeRowCells(separator);
+    if (!separatorCells || separatorCells.length !== headerCells.length) {
+        return false;
+    }
+    var isSeparatorValid = separatorCells.every(isTableSeparatorCell);
     if (!isSeparatorValid) return false;
-    // separator 完整但还没有数据行
-    if (lines.length <= 2) return true;
-    // 有数据行了，不再缓存
+    var firstDataRowTrimmed = (firstDataRow === null || firstDataRow === void 0 ? void 0 : firstDataRow.trim()) || '';
+    // 第三行仍为空，说明首行数据尚未到达，继续缓存避免提前渲染 table header
+    if (!firstDataRowTrimmed) return true;
+    // 第三行不是表格行，视为当前表格 token 已完成（例如 header-only 表格后接普通文本）
+    if (!firstDataRowTrimmed.startsWith('|')) return false;
+    var minPipeDelimiterCount = headerCells.length + 1;
+    var currentPipeDelimiterCount = ((_firstDataRowTrimmed_match = firstDataRowTrimmed.match(/\|/g)) === null || _firstDataRowTrimmed_match === void 0 ? void 0 : _firstDataRowTrimmed_match.length) || 0;
+    // 管道分隔符数量不足，说明第一行数据还未输入完整
+    if (currentPipeDelimiterCount < minPipeDelimiterCount) return true;
+    // 第一行数据必须是闭合的管道行（以 | 结尾），否则继续缓存
+    if (!firstDataRowTrimmed.endsWith('|')) return true;
+    var firstDataRowCells = parsePipeRowCells(firstDataRow);
+    if (!firstDataRowCells || firstDataRowCells.length !== headerCells.length) {
+        return true;
+    }
     return false;
 };
 var _obj;

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) {