@ant-design/agentic-ui 2.31.3 → 2.31.4

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/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/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/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';
 };

package/dist/MarkdownRenderer/markdownReactShared.js

@@ -138,6 +138,7 @@ import remarkDirectiveContainersOnly from "../MarkdownEditor/editor/parser/remar
 import { convertParagraphToImage, fixStrongWithSpecialChars, protectJinjaDollarInText } from "../MarkdownEditor/editor/parser/remarkParse";
 import { REMARK_REHYPE_DIRECTIVE_HANDLERS } from "../MarkdownEditor/editor/utils/markdownToHtml";
 import { parseChineseCurrencyToNumber } from "../Plugins/chart/utils";
+import { rehypeSanitizeUserHtml } from "../Utils/rehypeSanitizeUserHtml";
 import { ToolUseBarThink } from "../ToolUseBarThink";
 import AnimationText from "./AnimationText";
 import { FncRefForMarkdown, extractFootnoteRefFromSupChildren } from "./FncRefForMarkdown";
@@ -335,7 +336,7 @@ var createHastProcessor = function createHastProcessor(extraRemarkPlugins, confi
     }).use(fixStrongWithSpecialChars).use(convertParagraphToImage).use(protectJinjaDollarInText).use(remarkMath, INLINE_MATH_WITH_SINGLE_DOLLAR).use(remarkFrontmatter, FRONTMATTER_LANGUAGES).use(remarkDirectiveContainersOnly).use(remarkDirectiveContainer, REMARK_DIRECTIVE_CONTAINER_OPTIONS).use(remarkChartFromComment).use(remarkRehypePlugin, {
         allowDangerousHtml: true,
         handlers: REMARK_REHYPE_DIRECTIVE_HANDLERS
-    }).use(rehypeRaw).use(rehypeKatex, {
+    }).use(rehypeRaw).use(rehypeSanitizeUserHtml).use(rehypeKatex, {
         strict: 'ignore'
     }).use(rehypeFootnoteRef);
     if (extraRemarkPlugins) {

package/dist/MarkdownRenderer/renderers/CodeRenderer.js

@@ -44,11 +44,12 @@ 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 { ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
+import { ChevronsUpDown, Copy } from "@sofa-design/icons";
 import copy from "copy-to-clipboard";
 import React, { useCallback, useContext, useMemo, useState } from "react";
 import { ActionIconBox } from "../../Components/ActionIconBox";
 import { I18nContext } from "../../I18n";
+import { useDetectTheme } from "../../Plugins/chart/hooks";
 import { CodeContainer } from "../../Plugins/code/components/CodeContainer";
 import { LoadImage } from "../../Plugins/code/components/LoadImage";
 import { langIconMap } from "../../Plugins/code/langIconMap";
@@ -67,12 +68,11 @@ var extractTextContent = function extractTextContent1(children) {
  * 代码块渲染器——复用 MarkdownEditor 的 CodeContainer 和样式体系。
  * 不依赖 Slate 上下文，提供与 CodeRenderer readonly 模式一致的视觉效果。
  */ export var CodeBlockRenderer = function CodeBlockRenderer(props) {
-    var _i18n_locale, _i18n_locale1, _i18n_locale2;
+    var _i18n_locale, _i18n_locale1;
     var language = props.language, children = props.children, editorCodeProps = props.editorCodeProps;
-    var _useState = _sliced_to_array(useState(function() {
-        return (editorCodeProps === null || editorCodeProps === void 0 ? void 0 : editorCodeProps.theme) || 'github';
-    }), 2), theme = _useState[0], setTheme = _useState[1];
-    var _useState1 = _sliced_to_array(useState(true), 2), isExpanded = _useState1[0], setIsExpanded = _useState1[1];
+    var detectedTheme = useDetectTheme();
+    var theme = (editorCodeProps === null || editorCodeProps === void 0 ? void 0 : editorCodeProps.theme) || (detectedTheme === 'dark' ? 'chaos' : 'github');
+    var _useState = _sliced_to_array(useState(true), 2), isExpanded = _useState[0], setIsExpanded = _useState[1];
     var i18n = useContext(I18nContext);
     var code = useMemo(function() {
         return extractTextContent(children);
@@ -174,14 +174,8 @@ var extractTextContent = function extractTextContent1(children) {
             alignItems: 'center'
         }
     }, /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.theme) || '主题',
         theme: theme === 'chaos' ? 'dark' : 'light',
-        onClick: function onClick() {
-            return setTheme(theme === 'github' ? 'chaos' : 'github');
-        }
-    }, /*#__PURE__*/ React.createElement(Moon, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
-        theme: theme === 'chaos' ? 'dark' : 'light',
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.copy) || '复制',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale = i18n.locale) === null || _i18n_locale === void 0 ? void 0 : _i18n_locale.copy) || '复制',
         style: {
             fontSize: '1em',
             lineHeight: '1.75em',
@@ -189,7 +183,7 @@ var extractTextContent = function extractTextContent1(children) {
         },
         onClick: handleCopy
     }, /*#__PURE__*/ React.createElement(Copy, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.expandCollapse) || '展开/收起',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.expandCollapse) || '展开/收起',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function onClick() {
             return setIsExpanded(!isExpanded);

package/dist/Plugins/chart/ChartStatistic/style.js

@@ -76,36 +76,36 @@ var genStyle = function genStyle(token) {
         fontFamily: 'PingFang SC',
         fontSize: '13px',
         fontWeight: 500,
-        color: '#2C3E5D',
+        color: 'var(--color-gray-text-default)',
         margin: 0
     }), _define_property(_obj, "".concat(token.componentCls, "-subtitle"), {
         fontFamily: 'PingFang SC',
         fontSize: '12px',
         fontWeight: 400,
-        color: '#8C8C8C',
+        color: 'var(--color-gray-text-light)',
         margin: 0,
         lineHeight: 1.4
     }), _define_property(_obj, "".concat(token.componentCls, "-question-icon"), {
         fontSize: '14px',
-        color: '#B3B9C4',
+        color: 'var(--color-gray-text-secondary)',
         fontWeight: 500
     }), _obj)), _define_property(_obj10, "".concat(token.componentCls, "-value"), (_obj1 = {
         fontFamily: 'Rubik',
         fontSize: '24px',
         fontWeight: 500,
         lineHeight: 1,
-        color: '#2C3E5D'
+        color: 'var(--color-gray-text-default)'
     }, _define_property(_obj1, "".concat(token.componentCls, "-value-prefix"), {
         fontFamily: 'PingFang SC',
         fontSize: '13px',
         fontWeight: 'normal',
-        color: '#2C3E5D',
+        color: 'var(--color-gray-text-default)',
         marginRight: '4px'
     }), _define_property(_obj1, "".concat(token.componentCls, "-value-suffix"), {
         fontFamily: 'PingFang SC',
         fontSize: '13px',
         fontWeight: 'normal',
-        color: '#2C3E5D',
+        color: 'var(--color-gray-text-default)',
         marginLeft: '4px'
     }), _obj1)), _define_property(_obj10, // Dark theme styles
     '&-dark', (_obj4 = {}, _define_property(_obj4, "".concat(token.componentCls, "-header"), (_obj2 = {}, _define_property(_obj2, "".concat(token.componentCls, "-title"), {
@@ -118,11 +118,11 @@ var genStyle = function genStyle(token) {
             color: 'rgba(255, 255, 255, 0.65)'
         }
     }), _obj2)), _define_property(_obj4, "".concat(token.componentCls, "-value"), (_obj3 = {
-        color: '#fff'
+        color: 'var(--color-gray-bg-card-white)'
     }, _define_property(_obj3, "".concat(token.componentCls, "-value-prefix"), {
-        color: '#fff'
+        color: 'var(--color-gray-bg-card-white)'
     }), _define_property(_obj3, "".concat(token.componentCls, "-value-suffix"), {
-        color: '#fff'
+        color: 'var(--color-gray-bg-card-white)'
     }), _obj3)), _obj4)), _define_property(_obj10, // Size variants
     '&-small', (_obj6 = {}, _define_property(_obj6, "".concat(token.componentCls, "-header"), (_obj5 = {}, _define_property(_obj5, "".concat(token.componentCls, "-title"), {
         fontSize: '12px'

package/dist/Plugins/chart/DonutChart/style.js

@@ -138,7 +138,7 @@ var genStyle = function genStyle(token) {
         }),
         '&-legend-label': _define_property({
             flex: 1,
-            color: '#767E8B',
+            color: 'var(--color-gray-text-secondary)',
             fontSize: 13,
             whiteSpace: 'nowrap',
             overflow: 'hidden',
@@ -149,7 +149,7 @@ var genStyle = function genStyle(token) {
             minWidth: '60px'
         }),
         '&-legend-value': _define_property({
-            color: '#343A45',
+            color: 'var(--color-gray-text-default)',
             fontSize: 13,
             fontWeight: 500,
             marginLeft: 15,
@@ -164,7 +164,7 @@ var genStyle = function genStyle(token) {
         '&-legend-percent': _define_property({
             marginLeft: 8,
             fontSize: 12,
-            color: '#343A45'
+            color: 'var(--color-gray-text-default)'
         }, "@media (max-width: 768px)", {
             marginLeft: 0,
             fontSize: 10,

package/dist/Plugins/chart/components/ChartContainer/style.js

@@ -64,13 +64,13 @@ var genStyle = function genStyle(token) {
         minWidth: '300px',
         // 浅色主题边框
         '&&-light-theme': {
-            border: '1px solid #e8e8e8',
-            backgroundColor: '#fff'
+            border: '1px solid var(--color-gray-border-light)',
+            backgroundColor: 'var(--color-gray-bg-card-white)'
         },
         // 深色主题：略浅于纯黑页面底，与雷达等图表的「卡片」层次一致
         '&&-dark-theme': {
             border: '1px solid rgba(255, 255, 255, 0.08)',
-            backgroundColor: '#1f1f1f'
+            backgroundColor: 'var(--color-gray-bg-page-dark)'
         },
         // 移动端适配
         '&&-mobile': {