@ant-design/agentic-ui 2.31.1 → 2.31.2

package/dist/Workspace/File/PreviewComponent.js

@@ -328,8 +328,7 @@ var PlaceholderContent = function PlaceholderContent(param) {
                     tooltip: file.name
                 },
                 style: {
-                    font: 'var(--font-text-h6-base)',
-                    color: 'var(--color-gray-text-default)'
+                    font: 'var(--font-text-h6-base)'
                 }
             }, file.name)), (fileTypeProcessor.inferFileType(file).displayType || file.size || file.lastModified) && /*#__PURE__*/ React.createElement("div", {
                 className: classNames("".concat(filePrefixCls, "-item-details"), hashId)

package/dist/Workspace/File/style.js

@@ -85,7 +85,7 @@ var genStyle = function genStyle(token) {
     })), // 展开收起图标
     _define_property(_obj, "&-toggle-icon", {
         fontSize: 'var(--font-size-sm)',
-        color: '#6c757d',
+        color: token.colorTextTertiary || token.colorTextSecondary,
         transition: 'transform 0.2s ease'
     }), // 文件类型图标
     _define_property(_obj, "&-type-icon", {
@@ -176,7 +176,7 @@ var genStyle = function genStyle(token) {
     }), // 文件名
     _define_property(_obj3, "&-name", {
         fontSize: '13px',
-        color: '#343a40',
+        color: token.colorText,
         fontWeight: 400,
         lineHeight: 1.4,
         wordBreak: 'break-all'
@@ -200,7 +200,7 @@ var genStyle = function genStyle(token) {
     }), // 分割符
     _define_property(_obj3, "&-separator", {
         fontSize: 'var(--font-size-xs)',
-        color: 'rgba(20, 22, 28, 0.07)',
+        color: token.colorSplit,
         margin: '0 4px'
     }), _define_property(_obj3, "&-actions", (_obj1 = {
         display: 'flex',
@@ -235,7 +235,7 @@ var genStyle = function genStyle(token) {
         height: '100%',
         marginLeft: '-12px',
         marginRight: '-12px',
-        background: '#fff',
+        background: token.colorBgContainer,
         position: 'relative'
     }, // 预览头部
     _define_property(_obj5, "&-header", {
@@ -243,8 +243,8 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         gap: '4px',
         padding: '8px 12px',
-        borderBottom: '1px solid rgba(20, 22, 28, 0.07)',
-        background: '#fff',
+        borderBottom: "1px solid ".concat(token.colorBorderSecondary || token.colorBorder),
+        background: token.colorBgContainer,
         flexShrink: 0,
         position: 'sticky',
         top: 0,
@@ -259,11 +259,11 @@ var genStyle = function genStyle(token) {
         border: 'none',
         background: 'none',
         cursor: 'pointer',
-        color: '#767e8b',
+        color: token.colorTextTertiary || token.colorTextSecondary,
         transition: 'all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)',
-        borderRadius: '4px',
+        borderRadius: token.borderRadiusSM || 4,
         '&:hover': {
-            background: '#f0f0f0'
+            background: token.colorFillTertiary || token.colorFillSecondary
         }
     }), // 返回图标
     _define_property(_obj5, "&-back-icon", {
@@ -295,16 +295,16 @@ var genStyle = function genStyle(token) {
     }), // 生成时间
     _define_property(_obj5, "&-generate-time", {
         fontSize: '12px',
-        color: '#767e8b'
+        color: token.colorTextTertiary || token.colorTextSecondary
     }), _define_property(_obj5, "&-actions", (_obj4 = {
         display: 'flex',
         alignItems: 'center',
         gap: '8px'
     }, // 保持预览头部操作按钮的图标颜色一致
     _define_property(_obj4, "".concat(token.antCls, "-btn, ").concat(token.antCls, "-btn .anticon"), {
-        color: '#767E8B'
+        color: token.colorTextTertiary || token.colorTextSecondary
     }), _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'
+        color: token.colorTextTertiary || token.colorTextSecondary
     }), _obj4)), // 预览内容区域
     _define_property(_obj5, "&-content", {
         flex: 1,
@@ -350,7 +350,7 @@ var genStyle = function genStyle(token) {
                 left: 0,
                 height: 48,
                 right: 0,
-                background: 'linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%)',
+                background: "linear-gradient(to bottom, ".concat(token.colorBgContainer, ", transparent)"),
                 zIndex: 1,
                 pointerEvents: 'none'
             },
@@ -361,7 +361,7 @@ var genStyle = function genStyle(token) {
                 left: 0,
                 height: 48,
                 right: 0,
-                background: 'linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%)',
+                background: "linear-gradient(to top, ".concat(token.colorBgContainer, ", transparent)"),
                 zIndex: 1,
                 pointerEvents: 'none'
             }
@@ -382,7 +382,7 @@ var genStyle = function genStyle(token) {
     }), // 占位符内容
     _define_property(_obj5, "&-placeholder-content", {
         textAlign: 'center',
-        color: '#8c8c8c',
+        color: token.colorTextTertiary || token.colorTextSecondary,
         p: {
             margin: '8px 0',
             fontSize: '13px'

package/dist/Workspace/HtmlPreview/style.js

@@ -70,7 +70,7 @@ var genStyle = function genStyle(token) {
         height: '100%',
         minHeight: '240px',
         border: 'none',
-        background: '#fff'
+        background: token.colorBgContainer
     }), _define_property(_obj1, "".concat(token.componentCls, "-overlay"), (_obj = {
         position: 'absolute',
         inset: 0,
@@ -79,10 +79,11 @@ var genStyle = function genStyle(token) {
         justifyContent: 'center',
         zIndex: 1
     }, _define_property(_obj, "&--loading", {
-        background: 'rgba(255, 255, 255, 0.6)'
+        // 与 antd 遮罩一致，随亮/暗主题变化
+        background: token.colorBgMask
     }), _define_property(_obj, "&--error", {
-        background: 'rgba(255, 245, 245, 0.6)',
-        color: '#cb1e1e'
+        background: token.colorErrorBg,
+        color: token.colorError
     }), _obj)), _define_property(_obj1, "".concat(token.componentCls, "-empty"), {
         display: 'flex',
         alignItems: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ant-design/agentic-ui",
-  "version": "2.31.1",
+  "version": "2.31.2",
   "description": "面向智能体的 UI 组件库，提供多步推理可视化、工具调用展示、任务执行协同等 Agentic UI 能力",
   "repository": "git@github.com:ant-design/agentic-ui.git",
   "license": "MIT",