@ant-design/agentic-ui 2.31.3 → 2.31.5

package/dist/Components/VisualList/style.js

@@ -85,7 +85,7 @@ var genStyle = function genStyle(token) {
         textDecoration: 'none',
         color: 'inherit',
         '&:focus': {
-            outline: '2px solid #007acc',
+            outline: '2px solid var(--color-primary-control-fill-primary)',
             outlineOffset: '2px'
         }
     }), _define_property(_obj, "".concat(token.componentCls, "-image"), {
@@ -101,7 +101,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         justifyContent: 'center',
         minHeight: '40px',
-        color: '#666',
+        color: 'var(--color-gray-text-secondary)',
         fontSize: '14px'
     }), _define_property(_obj, "".concat(token.componentCls, "-empty"), {
         display: 'flex',
@@ -111,7 +111,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         justifyContent: 'center',
         minHeight: '40px',
-        color: '#999',
+        color: 'var(--color-gray-text-disabled)',
         fontSize: '14px',
         fontStyle: 'italic'
     }), // 圆形头像样式
@@ -131,7 +131,7 @@ var genStyle = function genStyle(token) {
         gap: 6,
         width: 'max-content',
         padding: '0 8px',
-        background: '#FFFFFF',
+        background: 'var(--color-gray-bg-card-white)',
         boxShadow: 'var(--shadow-control-base)'
     }), // 描述文字样式
     _define_property(_obj1, "".concat(token.componentCls, "-description"), {
@@ -139,7 +139,7 @@ var genStyle = function genStyle(token) {
         fontWeight: 'normal',
         lineHeight: '22px',
         letterSpacing: 'normal',
-        color: '#767E8B'
+        color: 'var(--color-gray-text-secondary)'
     }), _obj1;
 };
 export function useStyle(prefixCls) {

package/dist/Components/lotties/TextLoading/style.js

@@ -70,7 +70,7 @@ var genStyle = function genStyle(token) {
         animationIterationCount: 'infinite',
         // 亮色主题：深色文字 + 亮色光泽（适用于白色背景）
         '&-light': {
-            color: '#00000066',
+            color: 'var(--color-gray-text-default)',
             backgroundImage: "linear-gradient(\n          120deg,\n          rgba(255, 255, 255, 0.8) 40%,\n          rgba(15, 14, 14, 0.8) 50%,\n          rgba(255, 255, 255, 0.8) 60%\n        )",
             backgroundSize: '200% 100%',
             WebkitBackgroundClip: 'text',
@@ -78,7 +78,7 @@ var genStyle = function genStyle(token) {
         },
         // 暗色主题：浅色文字 + 深色光泽（适用于黑色背景）
         '&-dark': {
-            color: '#ffffff40',
+            color: 'var(--color-gray-text-light)',
             backgroundImage: "linear-gradient(\n          120deg,\n          rgba(255, 255, 255, 0) 40%,\n          rgba(255, 255, 255, 0.8) 50%,\n          rgba(255, 255, 255, 0) 60%\n        )",
             backgroundSize: '200% 100%',
             WebkitBackgroundClip: 'text',

package/dist/History/components/HistoryActionsBox.js

@@ -176,7 +176,7 @@ import { Star, StarFill, Trash2 } from "@sofa-design/icons";
 import { ConfigProvider, Popconfirm, Space } from "antd";
 import React, { useContext, useState } from "react";
 import { I18nContext } from "../../I18n";
-import { ActionIconBox } from "../../index";
+import { ActionIconBox } from "../../Components/ActionIconBox";
 /**
  * HistoryActionsBox 组件 - 历史记录操作按钮容器组件
  *

package/dist/History/hooks/useHistory.js

@@ -237,7 +237,7 @@ function _ts_generator(thisArg, body) {
     }
 }
 import { useEffect, useMemo, useRef, useState } from "react";
-import { useRefFunction } from "../../index";
+import { useRefFunction } from "../../Hooks/useRefFunction";
 /**
  * 根据关键词从列表中过滤
  */ function filterListByKeyword(list, keyword) {

package/dist/History/index.js

@@ -131,7 +131,8 @@ import { ConfigProvider, Popover } from "antd";
 import classNames from "clsx";
 import React, { memo, useContext, useMemo, useRef } from "react";
 import useClickAway from "../Hooks/useClickAway";
-import { ActionIconBox, I18nContext } from "../index";
+import { ActionIconBox } from "../Components/ActionIconBox";
+import { I18nContext } from "../I18n";
 import { HistoryEmpty, HistoryLoadMore, HistoryNewChat, HistorySearch, generateHistoryItems } from "./components";
 import { useHistory } from "./hooks/useHistory";
 import GroupMenu from "./menu";

package/dist/Hooks/useLanguage.d.ts

@@ -398,7 +398,6 @@ export declare function useLanguage(): {
         'browser.totalResults': string;
         'browser.searching': string;
         'layout.header.title': string;
-        theme: string;
         localPreview: string;
         expandCollapse: string;
         moreActions: string;

package/dist/I18n/locales.d.ts

@@ -360,7 +360,6 @@ export declare const cnLabels: {
     'browser.totalResults': string;
     'browser.searching': string;
     'layout.header.title': string;
-    theme: string;
     localPreview: string;
     expandCollapse: string;
     moreActions: string;

package/dist/I18n/locales.js

@@ -382,7 +382,6 @@
     'browser.totalResults': '共${count}个结果',
     'browser.searching': '搜索中...',
     'layout.header.title': 'AI 助手',
-    theme: '主题',
     localPreview: '本地预览',
     expandCollapse: '展开/收起',
     moreActions: '更多操作',
@@ -844,7 +843,6 @@
     'browser.totalResults': 'Total ${count} results',
     'browser.searching': 'Searching...',
     'layout.header.title': 'AI Assistant',
-    theme: 'Theme',
     localPreview: 'Local Preview',
     expandCollapse: 'Expand/Collapse',
     moreActions: 'More Actions',

package/dist/MarkdownEditor/editor/components/CommentList/style.js

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         gap: 8,
         borderLeft: '1px solid rgba(0,0,0,0.04)',
         maxWidth: '300px',
-        backgroundColor: '#fff',
+        backgroundColor: 'var(--color-gray-bg-card-white)',
         height: '100vh',
         '&-item': {
             padding: '12px',
@@ -76,7 +76,7 @@ var genStyle = function genStyle(token) {
             flexDirection: 'column',
             gap: 8,
             '&:hover': {
-                backgroundColor: '#f9f9f9'
+                backgroundColor: 'var(--color-gray-bg-page-light)'
             },
             '&-header': {
                 display: 'flex',
@@ -94,7 +94,7 @@ var genStyle = function genStyle(token) {
                     alignItems: 'center'
                 },
                 '&-time': {
-                    color: '#bfbfbf',
+                    color: 'var(--color-gray-text-disabled)',
                     fontSize: '12px'
                 },
                 '&-action': {

package/dist/MarkdownEditor/editor/parser/parse/parseTable.js

@@ -60,6 +60,7 @@ import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
 import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
+import { rehypeSanitizeUserHtml } from "../../../../Utils/rehypeSanitizeUserHtml";
 import { convertParagraphToImage, fixStrongWithSpecialChars } from "../remarkParse";
 //@ts-ignore
 import rehypeKatex from "rehype-katex";
@@ -75,7 +76,7 @@ var stringifyObj = remark().use(remarkParse).use(fixStrongWithSpecialChars).use(
 }).use(remarkRehype, {
     allowDangerousHtml: true,
     handlers: REMARK_REHYPE_DIRECTIVE_HANDLERS
-}).use(rehypeRaw).use(rehypeKatex).use(remarkGfm, {
+}).use(rehypeRaw).use(rehypeSanitizeUserHtml).use(rehypeKatex).use(remarkGfm, {
     singleTilde: false
 }) // 禁用单波浪线删除线
 .use(remarkFrontmatter, [

package/dist/MarkdownEditor/editor/style.js

@@ -199,7 +199,7 @@ var genStyle = function genStyle(token) {
         wordWrap: 'break-word',
         fontSize: '15px'
     }, // Jinja 语法高亮，仅通过 CSS 变量定制（在 .ant-agentic-md-editor-content 上覆盖）
-    _define_property(_obj, JINJA_CSS_VAR.variable, 'var(--color-primary-control-fill-primary, #1677ff)'), _define_property(_obj, JINJA_CSS_VAR.tag, 'var(--color-orange-6, #d46b08)'), _define_property(_obj, JINJA_CSS_VAR.comment, 'var(--color-text-tertiary, rgba(0,0,0,0.25))'), _define_property(_obj, JINJA_CSS_VAR.keyword, '#5c4033'), _define_property(_obj, JINJA_CSS_VAR.string, 'var(--color-green-10, #10af74)'), _define_property(_obj, JINJA_CSS_VAR.number, 'var(--color-primary-10, #066ced)'), _define_property(_obj, JINJA_CSS_VAR.filter, 'var(--color-primary-8, #689ef0)'), _define_property(_obj, JINJA_CSS_VAR.variableName, 'var(--color-green-10, #10af74)'), _define_property(_obj, JINJA_CSS_VAR.placeholder, 'var(--color-primary-control-fill-primary, #1677ff)'), _define_property(_obj, JINJA_CSS_VAR.placeholderBg, 'var(--color-primary-bg-tip, rgba(0,102,255,0.08))'), _define_property(_obj, JINJA_CSS_VAR.delimiter, '#d4b84b'), _define_property(_obj, '::-webkit-scrollbar', {
+    _define_property(_obj, JINJA_CSS_VAR.variable, 'var(--color-primary-control-fill-primary)'), _define_property(_obj, JINJA_CSS_VAR.tag, 'var(--color-orange-6, #d46b08)'), _define_property(_obj, JINJA_CSS_VAR.comment, 'var(--color-text-tertiary, rgba(0,0,0,0.25))'), _define_property(_obj, JINJA_CSS_VAR.keyword, '#5c4033'), _define_property(_obj, JINJA_CSS_VAR.string, 'var(--color-green-10, #10af74)'), _define_property(_obj, JINJA_CSS_VAR.number, 'var(--color-primary-10, #066ced)'), _define_property(_obj, JINJA_CSS_VAR.filter, 'var(--color-primary-8, #689ef0)'), _define_property(_obj, JINJA_CSS_VAR.variableName, 'var(--color-green-10, #10af74)'), _define_property(_obj, JINJA_CSS_VAR.placeholder, 'var(--color-primary-control-fill-primary)'), _define_property(_obj, JINJA_CSS_VAR.placeholderBg, 'var(--color-primary-bg-tip, rgba(0,102,255,0.08))'), _define_property(_obj, JINJA_CSS_VAR.delimiter, '#d4b84b'), _define_property(_obj, '::-webkit-scrollbar', {
         width: '8px',
         height: '8px'
     }), _define_property(_obj, '::-webkit-scrollbar-thumb', {
@@ -430,7 +430,7 @@ var genStyle = function genStyle(token) {
             marginBottom: '8px'
         },
         '&.info': {
-            borderLeftColor: 'var(--color-info, #1677ff)',
+            borderLeftColor: 'var(--color-primary-control-fill-primary)',
             backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
         },
         '&.warning': {
@@ -438,7 +438,7 @@ var genStyle = function genStyle(token) {
             backgroundColor: 'var(--color-warning-bg, rgba(250, 173, 20, 0.08))'
         },
         '&.success': {
-            borderLeftColor: 'var(--color-success, #52c41a)',
+            borderLeftColor: 'var(--color-green-text-default)',
             backgroundColor: 'var(--color-success-bg, rgba(82, 196, 26, 0.08))'
         },
         '&.error': {
@@ -446,7 +446,7 @@ var genStyle = function genStyle(token) {
             backgroundColor: 'var(--color-error-bg, rgba(255, 77, 79, 0.08))'
         },
         '&.tip': {
-            borderLeftColor: 'var(--color-info, #1677ff)',
+            borderLeftColor: 'var(--color-primary-control-fill-primary)',
             backgroundColor: 'var(--color-info-bg, rgba(22, 119, 255, 0.08))'
         }
     }), _define_property(_obj, '[data-be="media-container"], [data-be="image-container"]', {

package/dist/MarkdownEditor/editor/utils/index.d.ts

@@ -1,6 +1,4 @@
-import { HookAPI } from 'antd/es/modal/useModal';
 import React from 'react';
-import { Subject } from 'rxjs';
 export declare const nid: (size?: number | undefined) => string;
 export declare const sizeUnit: (size: number) => string;
 export declare const copy: <T = any>(data: T) => T;
@@ -8,12 +6,7 @@ export declare const isMod: (e: MouseEvent | KeyboardEvent | React.KeyboardEvent
 export declare function base64ToArrayBuffer(base64: string): ArrayBufferLike;
 export declare const getImageData: (filePath?: string) => string;
 export declare function toArrayBuffer(buffer: any): ArrayBuffer;
-export declare const download: (data: Blob | Uint8Array, fileName: string) => void;
-type ModalEvent<K extends keyof HookAPI> = {
-    type: K;
-    params: Parameters<HookAPI[K]>[0];
-};
-export declare const modal$: Subject<ModalEvent<"warning" | "info" | "error" | "success" | "confirm">>;
+export { download, modal$ } from './sideEffects';
 export declare const encodeHtml: (str: string) => string;
 export { isMarkdown } from './isMarkdown';
 export declare function debounce(func: {

package/dist/MarkdownEditor/editor/utils/index.js

@@ -1,4 +1,4 @@
-/* eslint-disable @typescript-eslint/no-this-alias */ /* eslint-disable @typescript-eslint/ban-types */ /* eslint-disable @typescript-eslint/no-unused-expressions */ /* eslint-disable no-param-reassign */ function _array_like_to_array(arr, len) {
+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;
@@ -22,13 +22,6 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
-function _instanceof(left, right) {
-    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-        return !!right[Symbol.hasInstance](left);
-    } else {
-        return left instanceof right;
-    }
-}
 function _iterable_to_array(iter) {
     if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
@@ -95,8 +88,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     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 { customAlphabet } from "nanoid";
-import { Subject } from "rxjs";
+/* eslint-disable @typescript-eslint/no-this-alias */ /* eslint-disable @typescript-eslint/ban-types */ /* eslint-disable @typescript-eslint/no-unused-expressions */ /* eslint-disable no-param-reassign */ import { customAlphabet } from "nanoid";
 export var nid = customAlphabet('1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ', 13);
 var kb = 1024;
 var mb = kb * 1024;
@@ -136,25 +128,7 @@ export function toArrayBuffer(buffer) {
     }
     return arrayBuffer;
 }
-export var download = function download(data, fileName) {
-    data = _instanceof(data, Uint8Array) ? new Blob([
-        data
-    ]) : data;
-    var link = document.createElement('a');
-    if (link.download !== undefined) {
-        var url = URL.createObjectURL(data);
-        link.addEventListener('click', function(e) {
-            return e.stopPropagation();
-        });
-        link.setAttribute('href', url);
-        link.setAttribute('download', fileName);
-        link.style.visibility = 'hidden';
-        document.body.appendChild(link);
-        link.click();
-        document.body.removeChild(link);
-    }
-};
-export var modal$ = new Subject();
+export { download, modal$ } from "./sideEffects";
 export var encodeHtml = function encodeHtml(str) {
     var encodeHTMLRules = {
         '&': '&#38;',

package/dist/MarkdownEditor/editor/utils/markdownToHtml.js

@@ -174,6 +174,7 @@ import remarkParse from "remark-parse";
 import remarkRehype from "remark-rehype";
 import { unified } from "unified";
 import { visit } from "unist-util-visit";
+import { rehypeSanitizeUserHtml } from "../../../Utils/rehypeSanitizeUserHtml";
 import { JINJA_DOLLAR_PLACEHOLDER, preprocessNormalizeLeafToContainerDirective } from "../parser/constants";
 import { remarkDirectiveContainer } from "../parser/remarkDirectiveContainer";
 import remarkDirectiveContainersOnly from "../parser/remarkDirectiveContainersOnly";
@@ -412,7 +413,7 @@ var createMarkdownProcessor = function createMarkdownProcessor(plugins, config)
     var processor = unified();
     var remarkPlugins = resolveRemarkPlugins(plugins);
     applyPlugins(processor, remarkPlugins);
-    processor.use(rehypeRaw).use(rehypeKatex);
+    processor.use(rehypeRaw).use(rehypeSanitizeUserHtml).use(rehypeKatex);
     // 应用配置选项
     if (config === null || config === void 0 ? void 0 : config.openLinksInNewTab) {
         processor.use(rehypeLinkTarget());

package/dist/MarkdownEditor/editor/utils/sideEffects.d.ts

@@ -0,0 +1,9 @@
+import { HookAPI } from 'antd/es/modal/useModal';
+import { Subject } from 'rxjs';
+type ModalEvent<K extends keyof HookAPI> = {
+    type: K;
+    params: Parameters<HookAPI[K]>[0];
+};
+export declare const modal$: Subject<ModalEvent<"warning" | "info" | "error" | "success" | "confirm">>;
+export declare const download: (data: Blob | Uint8Array, fileName: string) => void;
+export {};

package/dist/MarkdownEditor/editor/utils/sideEffects.js

@@ -0,0 +1,27 @@
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { Subject } from "rxjs";
+export var modal$ = new Subject();
+export var download = function download(data, fileName) {
+    data = _instanceof(data, Uint8Array) ? new Blob([
+        data
+    ]) : data;
+    var link = document.createElement('a');
+    if (link.download !== undefined) {
+        var url = URL.createObjectURL(data);
+        link.addEventListener('click', function(e) {
+            return e.stopPropagation();
+        });
+        link.setAttribute('href', url);
+        link.setAttribute('download', fileName);
+        link.style.visibility = 'hidden';
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    }
+};

package/dist/MarkdownEditor/style.js

@@ -164,7 +164,7 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
         }), _define_property(_obj, 'tbody tr:not(.config-tr)', {
             animation: 'agenticTableRowFadeIn 0.3s ease both'
         }), _define_property(_obj, 'tbody tr:not(.config-tr):hover', {
-            background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, #ffffff), var(--agentic-ui-table-cell-bg, #ffffff))'
+            background: 'linear-gradient(var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04)), var(--agentic-ui-table-hover-bg, rgba(0, 0, 0, 0.04))), linear-gradient(var(--agentic-ui-table-cell-bg, var(--color-gray-bg-card-white)), var(--agentic-ui-table-cell-bg, var(--color-gray-bg-card-white)))'
         }), _define_property(_obj, "@media (max-width: ".concat(mobileBreakpoint, ")"), {
             'th, td': {
                 padding: mobilePadding
@@ -236,20 +236,20 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
         boxShadow: 'var(--shadow-border-base)',
         color: 'var(--color-gray-text-secondary)',
         '&:hover': {
-            backgroundColor: '#FFF',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             boxShadow: 'var(--shadow-control-lg)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-delete-icon"), {
         '&:hover': {
-            color: '#ff4d4f'
+            color: 'var(--color-red-text-default)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-before"), {
         '&:hover': {
-            color: '#52c41a'
+            color: 'var(--color-green-text-default)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-insert-row-after"), {
         '&:hover': {
-            color: '#52c41a'
+            color: 'var(--color-green-text-default)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer"), {
         cursor: 'pointer',
@@ -288,20 +288,20 @@ var genTableStyle = function genTableStyle(token, mobileBreakpoint, mobilePaddin
         boxShadow: 'var(--shadow-border-base)',
         color: 'var(--color-gray-text-secondary)',
         '&:hover': {
-            backgroundColor: '#FFF',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             boxShadow: 'var(--shadow-control-lg)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-delete-icon"), {
         '&:hover': {
-            color: '#ff4d4f'
+            color: 'var(--color-red-text-default)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-before"), {
         '&:hover': {
-            color: '#52c41a'
+            color: 'var(--color-green-text-default)'
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-table-cell-index-spacer-insert-column-after"), {
         '&:hover': {
-            color: '#52c41a'
+            color: 'var(--color-green-text-default)'
         }
     }), _define_property(_obj1, '@keyframes agenticTableRowFadeIn', {
         from: {
@@ -452,7 +452,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center'
     }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__container"), {
         padding: 12,
-        border: '1px solid #f0f0f0',
+        border: '1px solid var(--color-gray-border-light)',
         borderRadius: '0.5em',
         margin: '8px 0',
         width: '100%',
@@ -463,21 +463,21 @@ var genStyle = function genStyle(token) {
         display: 'flex',
         alignItems: 'center',
         gap: 12,
-        color: '#262626',
+        color: 'var(--color-gray-text-default)',
         justifyContent: 'space-between',
         '& [data-icon-box]': {
             padding: '0 18px',
-            color: '#6b7280',
+            color: 'var(--color-gray-text-light)',
             cursor: 'pointer',
             '&:hover': {
-                color: '#1667ff'
+                color: 'var(--color-primary-control-fill-primary)'
             }
         }
     }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__content"), {
         display: 'flex',
         alignItems: 'center',
         gap: 12,
-        color: '#262626',
+        color: 'var(--color-gray-text-default)',
         fontSize: 16,
         flex: 1,
         minWidth: 0
@@ -487,7 +487,7 @@ var genStyle = function genStyle(token) {
         textWrap: 'nowrap',
         textDecoration: 'none',
         display: 'block',
-        color: '#262626'
+        color: 'var(--color-gray-text-default)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-link-card__description"), {
         flex: 1,
         minWidth: 0,
@@ -575,47 +575,47 @@ var genStyle = function genStyle(token) {
         fontFamily: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
         wordWrap: 'break-word',
         borderRadius: '12px',
-        background: '#FFFFFF',
+        background: 'var(--color-gray-bg-card-white)',
         boxShadow: 'var(--shadow-control-base)',
         // SVG 渲染优化
         '& svg': {
             // 节点样式
             '& .node': {
                 '& rect, & circle, & ellipse, & polygon': {
-                    stroke: '#333',
+                    stroke: 'var(--color-gray-text-default)',
                     strokeWidth: '1px',
-                    fill: '#fff'
+                    fill: 'var(--color-gray-bg-card-white)'
                 }
             },
             // 节点标签 - 更大的字体
             '& .nodeLabel': {
                 fontWeight: 500,
-                fill: '#333 !important'
+                fill: 'var(--color-gray-text-default) !important'
             },
             // 边标签 - 稍小一些但仍然清晰
             '& .edgeLabel': {
-                fill: '#666 !important'
+                fill: 'var(--color-gray-text-secondary) !important'
             },
             // 专门针对流程图的文字
             '& .flowchart-label': {
-                fill: '#333 !important'
+                fill: 'var(--color-gray-text-default) !important'
             },
             // 针对不同类型的标签
             '& .label': {
-                fill: '#333 !important'
+                fill: 'var(--color-gray-text-default) !important'
             }
         },
         // 错误状态样式
         '&-error': {
-            color: '#d73a49',
-            background: '#ffeaea',
-            border: '1px solid #f97583',
+            color: 'var(--color-red-text-default)',
+            background: 'var(--color-red-bg-page-light)',
+            border: '1px solid var(--color-red-border-default)',
             padding: '12px',
             borderRadius: '4px',
             textAlign: 'left',
             '& pre': {
                 margin: '8px 0 0',
-                background: '#f6f8fa',
+                background: 'var(--color-gray-bg-page-light)',
                 padding: '8px',
                 borderRadius: '4px',
                 fontSize: '12px'

package/dist/MarkdownInputField/AttachmentButton/AttachmentFileList/style.js

@@ -271,7 +271,7 @@ var genStyle = function genStyle(token) {
             }
         },
         '&-item-meta-placeholder': (_obj = {
-            background: 'var(--color-gray-bg-card-light, #f7f9fc) !important'
+            background: 'var(--color-gray-bg-card-light) !important'
         }, _define_property(_obj, "".concat(token.componentCls, "-item-file-name-text"), {
             color: 'var(--color-gray-text-light, rgba(80, 94, 119, 0.53)) !important'
         }), _define_property(_obj, "".concat(token.componentCls, "-item-file-size"), {

package/dist/MarkdownInputField/AttachmentButton/style.js

@@ -74,9 +74,9 @@ var genStyle = function genStyle(token) {
             height: '56px',
             borderRadius: '12px',
             opacity: 1,
-            background: '#FFFFFF',
+            background: 'var(--color-gray-bg-card-white)',
             boxSizing: 'border-box',
-            border: '1px solid #E6ECF4',
+            border: '1px solid var(--color-gray-border-light)',
             padding: '8px',
             display: 'flex',
             flexDirection: 'row',
@@ -108,7 +108,7 @@ var genStyle = function genStyle(token) {
                     }
                 },
                 '&-file-size': {
-                    color: '#B0B7C3',
+                    color: 'var(--color-gray-text-light)',
                     fontSize: '12px'
                 }
             },
@@ -116,13 +116,13 @@ var genStyle = function genStyle(token) {
                 width: '16px',
                 height: '16px',
                 opacity: 1,
-                background: '#353E5C',
+                background: 'var(--color-gray-bg-page-dark)',
                 fontSize: 12,
                 position: 'absolute',
                 top: 2,
                 borderRadius: '50%',
                 right: 2,
-                color: '#FFFFFF',
+                color: 'var(--color-gray-bg-card-white)',
                 display: 'flex',
                 justifyContent: 'center',
                 alignItems: 'center',

package/dist/MarkdownInputField/FileMapView/style.js

@@ -104,7 +104,7 @@ var genStyle = function genStyle(token) {
             boxShadow: 'var(--shadow-control-base)',
             border: 'var(--color-gray-border-light)',
             '&:hover': {
-                background: '#F7F8FA',
+                background: 'var(--color-gray-bg-page)',
                 transform: 'scale(1.05)'
             },
             '&-icon': {
@@ -184,7 +184,7 @@ var genStyle = function genStyle(token) {
         '& svg': {
             width: 48,
             height: 48,
-            color: '#fff'
+            color: 'var(--color-gray-bg-card-white)'
         }
     }), _define_property(_obj1, '&-image-list-view', {
         background: 'var(--color-gray-bg-tip)',

package/dist/MarkdownInputField/style.js

@@ -120,7 +120,7 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         justifyContent: 'center',
         padding: INPUT_FIELD_PADDING.NONE,
-        background: 'var(--color-gray-bg-card-white, #ffffff)',
+        background: 'var(--color-gray-bg-card-white)',
         borderRadius: '12px',
         minHeight: '48px',
         maxWidth: 980,
@@ -159,7 +159,7 @@ var genStyle = function genStyle(token) {
             boxSizing: 'border-box'
         },
         '&-content-wrapper': {
-            backgroundColor: 'var(--color-gray-bg-card-white, #ffffff)',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             display: 'flex',
             flexDirection: 'column',
             width: '100%',
@@ -169,14 +169,14 @@ var genStyle = function genStyle(token) {
         '&-editor': {
             boxSizing: 'border-box',
             borderRadius: 'inherit',
-            backgroundColor: 'var(--color-gray-bg-card-white, #ffffff)',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             width: '100%',
             zIndex: 9,
             maxHeight: 400,
             height: '100%',
             overflowY: 'visible',
             cursor: 'text',
-            scrollbarColor: 'var(--color-gray-text-tertiary, #505c716b) transparent',
+            scrollbarColor: 'var(--color-gray-text-secondary) transparent',
             scrollbarWidth: 'thin',
             '&&-disabled': {
                 backgroundColor: 'rgba(0,0,0,0.04)',
@@ -193,7 +193,7 @@ var genStyle = function genStyle(token) {
             minHeight: "".concat(DEFAULT_INPUT_CODE_BLOCK_HEIGHT, "px !important")
         },
         '& [data-be="code"]': {
-            background: 'var(--color-gray-bg-card-light, #f7f9fc) !important',
+            background: 'var(--color-gray-bg-card-light) !important',
             color: 'var(--color-gray-text-default, rgba(20, 22, 28, 0.88)) !important'
         },
         '&-editor-content': _define_property({
@@ -257,7 +257,7 @@ var genStyle = function genStyle(token) {
             // 使用 minHeight，避免在 border-box 下固定 height 与 paddingBottom
             // 争用导致内容区 < 32px、Toggle 工具与发送区纵向错位
             minHeight: '32px',
-            backgroundColor: 'var(--color-gray-bg-card-white, #ffffff)',
+            backgroundColor: 'var(--color-gray-bg-card-white)',
             display: 'flex',
             boxSizing: 'border-box',
             borderRadius: 0,

package/dist/MarkdownInputField/types/MarkdownInputFieldProps.d.ts

@@ -449,4 +449,14 @@ export type MarkdownInputFieldProps = {
      * ```
      */
     disableHoverAnimation?: boolean;
+    /**
+     * 主题模式
+     * @description 控制组件的明暗主题样式
+     * @default 'light'
+     * @example
+     * ```tsx
+     * <MarkdownInputField theme="dark" />
+     * ```
+     */
+    theme?: 'light' | 'dark';
 };