@ant-design/agentic-ui 2.31.3 → 2.31.5

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);
@@ -108,8 +108,7 @@ var extractTextContent = function extractTextContent1(children) {
         element: fakeElement,
         showBorder: false,
         hide: false,
-        onEditorClick: function onEditorClick() {},
-        theme: theme
+        onEditorClick: function onEditorClick() {}
     }, /*#__PURE__*/ React.createElement("div", {
         "data-testid": "code-toolbar",
         contentEditable: false,
@@ -136,7 +135,7 @@ var extractTextContent = function extractTextContent1(children) {
             alignSelf: 'stretch',
             boxSizing: 'border-box',
             userSelect: 'none',
-            borderBottom: isExpanded ? theme === 'chaos' ? '1px solid #161616' : '1px solid var(--color-gray-border-light)' : 'none'
+            borderBottom: isExpanded ? '1px solid var(--color-gray-border-light)' : 'none'
         }
     }, /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -174,14 +173,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 +182,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/ChartErrorBoundary.d.ts

@@ -399,7 +399,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.totalResults': string;
             'browser.searching': string;
             'layout.header.title': string;
-            theme: string;
             localPreview: string;
             expandCollapse: string;
             moreActions: string;
@@ -826,7 +825,6 @@ declare class ChartErrorBoundary extends React.Component<ChartErrorBoundaryProps
             'browser.totalResults': string;
             'browser.searching': string;
             'layout.header.title': string;
-            theme: string;
             localPreview: string;
             expandCollapse: string;
             moreActions: string;

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': {

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

@@ -65,10 +65,10 @@ var genStyle = function genStyle(token) {
         alignItems: 'center',
         gap: '8px'
     }, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
-        border: '1px solid #d9d9d9',
+        border: '1px solid var(--color-gray-border-light)',
         borderRadius: '6px',
-        backgroundColor: '#fff',
-        color: '#666',
+        backgroundColor: 'var(--color-gray-bg-card-white)',
+        color: 'var(--color-gray-text-secondary)',
         fontSize: '14px',
         display: 'flex',
         alignItems: 'center',
@@ -78,17 +78,17 @@ var genStyle = function genStyle(token) {
         height: '32px',
         padding: '0 12px',
         '&:hover': _define_property({
-            borderColor: '#8c8c8c',
-            color: '#343a45',
-            backgroundColor: '#f9f9f9'
+            borderColor: 'var(--color-gray-text-light)',
+            color: 'var(--color-gray-text-default)',
+            backgroundColor: 'var(--color-gray-bg-page-light)'
         }, "".concat(token.componentCls, "-dropdown-icon"), {
-            color: '#8c8c8c'
+            color: 'var(--color-gray-text-light)'
         })
     }, "".concat(token.componentCls, "-dropdown-icon"), {
         fontSize: '12px',
-        color: '#666'
+        color: 'var(--color-gray-text-secondary)'
     }))), _define_property(_obj1, "".concat(token.componentCls, "-segmented-filter"), {
-        backgroundColor: '#f5f5f5',
+        backgroundColor: 'var(--color-gray-control-fill-hover)',
         height: '32px',
         display: 'flex',
         alignItems: 'center',
@@ -111,8 +111,8 @@ var genStyle = function genStyle(token) {
             },
             '.ant-segmented-item-selected': {
                 borderRadius: '8px',
-                backgroundColor: '#fff !important',
-                border: '1px solid #d9d9d9 !important',
+                backgroundColor: 'var(--color-gray-bg-card-white) !important',
+                border: '1px solid var(--color-gray-border-light) !important',
                 boxShadow: '0px 0px 1px 0px rgba(0, 19, 41, 0.2), 0px 1.5px 4px -1px rgba(0, 19, 41, 0.04)',
                 '.ant-segmented-item-label': {
                     fontFamily: 'PingFang SC',
@@ -121,26 +121,26 @@ var genStyle = function genStyle(token) {
                     lineHeight: '20px',
                     letterSpacing: '0em',
                     fontVariationSettings: '"opsz" auto',
-                    /* gray/gray-文本-默认 */ /* 样式描述：--gray-a12 */ color: '#343a45 !important'
+                    /* gray/gray-文本-默认 */ /* 样式描述：--gray-a12 */ color: 'var(--color-gray-text-default) !important'
                 }
             }
         }
     }), _define_property(_obj1, // Dark theme styles
     '&-dark', (_obj = {}, _define_property(_obj, "".concat(token.componentCls, "-region-filter"), _define_property({}, "".concat(token.componentCls, "-region-dropdown-btn"), _define_property({
-        border: '1px solid #434343',
-        backgroundColor: '#1a1a1a',
+        border: '1px solid var(--color-gray-border-dark)',
+        backgroundColor: 'var(--color-gray-bg-page-dark)',
         color: 'rgba(255, 255, 255, 0.85)',
         '&:hover': _define_property({
-            borderColor: '#595959',
-            color: '#fff',
-            backgroundColor: '#262626'
+            borderColor: 'var(--color-gray-text-light)',
+            color: 'var(--color-gray-bg-card-white)',
+            backgroundColor: 'var(--color-gray-bg-page-dark)'
         }, "".concat(token.componentCls, "-dropdown-icon"), {
             color: 'rgba(255, 255, 255, 0.8)'
         })
     }, "".concat(token.componentCls, "-dropdown-icon"), {
         color: 'rgba(255, 255, 255, 0.65)'
     }))), _define_property(_obj, "".concat(token.componentCls, "-segmented-filter"), {
-        backgroundColor: '#262626',
+        backgroundColor: 'var(--color-gray-bg-page-dark)',
         '&.custom-segmented': {
             '.ant-segmented-item': {
                 '.ant-segmented-item-label': {
@@ -148,14 +148,14 @@ var genStyle = function genStyle(token) {
                 }
             },
             '.ant-segmented-item-selected': {
-                backgroundColor: '#fff !important',
-                border: '1px solid #434343 !important',
+                backgroundColor: 'var(--color-gray-bg-card-white) !important',
+                border: '1px solid var(--color-gray-border-dark) !important',
                 '.ant-segmented-item-label': {
-                    color: '#343a45 !important'
+                    color: 'var(--color-gray-text-default) !important'
                 }
             },
             '.ant-segmented-thumb': {
-                backgroundColor: '#343a45 !important'
+                backgroundColor: 'var(--color-gray-bg-page-dark) !important'
             }
         }
     }), _obj)), // Compact variant for toolbar integration

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

@@ -65,7 +65,7 @@ var genStyle = function genStyle(token) {
         lineHeight: '24px',
         letterSpacing: '0em',
         fontVariationSettings: '"opsz" auto',
-        color: '#343a45',
+        color: 'var(--color-gray-text-default)',
         flex: 1,
         overflow: 'hidden',
         textOverflow: 'ellipsis',
@@ -80,7 +80,7 @@ var genStyle = function genStyle(token) {
         gap: '8px'
     }, _define_property(_obj, "".concat(token.componentCls, "-time-icon"), {
         fontSize: '14px',
-        color: '#00183d',
+        color: 'var(--color-primary-text-default)',
         marginRight: '2px'
     }), _define_property(_obj, "".concat(token.componentCls, "-data-time"), {
         fontFamily: 'PingFang SC',
@@ -109,12 +109,12 @@ var genStyle = function genStyle(token) {
         }
     }), _obj)), _define_property(_obj3, // Dark theme styles
     '&-dark', (_obj2 = {}, _define_property(_obj2, "".concat(token.componentCls, "-header-title"), {
-        color: '#fff',
+        color: 'var(--color-gray-bg-card-white)',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap'
     }), _define_property(_obj2, "".concat(token.componentCls, "-header-actions"), (_obj1 = {}, _define_property(_obj1, "".concat(token.componentCls, "-time-icon"), {
-        color: '#fff'
+        color: 'var(--color-gray-bg-card-white)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-data-time"), {
         color: 'rgba(255, 255, 255, 0.65)'
     }), _define_property(_obj1, "".concat(token.componentCls, "-download-btn, ").concat(token.componentCls, "-copy-btn"), {

package/dist/Plugins/code/components/CodeContainer.d.ts

@@ -11,7 +11,6 @@ interface CodeContainerProps {
     onEditorClick: () => void;
     children: ReactNode;
     readonly?: boolean;
-    theme: string;
 }
-export declare function CodeContainer({ element, showBorder, hide, onEditorClick, children, theme, }: CodeContainerProps): React.JSX.Element;
+export declare function CodeContainer({ element, showBorder, hide, onEditorClick, children, }: CodeContainerProps): React.JSX.Element;
 export {};

package/dist/Plugins/code/components/CodeContainer.js

@@ -4,7 +4,7 @@
  */ import classNames from "clsx";
 import React, { useRef } from "react";
 export function CodeContainer(param) {
-    var element = param.element, showBorder = param.showBorder, hide = param.hide, onEditorClick = param.onEditorClick, children = param.children, theme = param.theme;
+    var element = param.element, showBorder = param.showBorder, hide = param.hide, onEditorClick = param.onEditorClick, children = param.children;
     var containerRef = useRef(null);
     // 处理未定义的 element
     var safeElement = element || {
@@ -36,8 +36,8 @@ export function CodeContainer(param) {
             marginBottom: hide ? 0 : undefined,
             boxShadow: 'var(--shadow-control-base, 0 1px 2px rgba(20, 22, 28, 0.06))',
             borderRadius: 'var(--radius-card-base, 12px)',
-            backgroundColor: showBorder ? 'rgba(59, 130, 246, 0.1)' : hide ? 'transparent' : theme === 'chaos' ? 'var(--color-gray-text-default, rgba(20, 22, 28, 0.88))' : 'var(--color-gray-bg-page-light, #fafafa)',
-            color: theme === 'chaos' ? '#FFFFFF' : 'var(--color-gray-text-default, rgba(20, 22, 28, 0.88))',
+            backgroundColor: showBorder ? 'rgba(59, 130, 246, 0.1)' : hide ? 'transparent' : 'var(--color-gray-bg-page-light, #fafafa)',
+            color: 'var(--color-gray-text-default, rgba(20, 22, 28, 0.88))',
             height: hide ? 0 : 'auto',
             opacity: hide ? 0 : 1
         },

package/dist/Plugins/code/components/CodeRenderer.js

@@ -103,6 +103,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { MarkdownEditor } from "../../../MarkdownEditor";
 import { useEditorStore } from "../../../MarkdownEditor/editor/store";
+import { useDetectTheme } from "../../chart/hooks";
 import { useCodeEditorState, useRenderConditions, useToolbarConfig } from "../hooks";
 import { openHtmlLocalPreview, openMarkdownLocalPreview } from "../utils/localPreview";
 import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview, ThinkBlock } from "./index";
@@ -159,8 +160,9 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     var _useEditorStore = useEditorStore(), editorProps = _useEditorStore.editorProps, readonly = _useEditorStore.readonly;
     // 使用状态管理Hook
     var _useCodeEditorState = useCodeEditorState(props.element), state = _useCodeEditorState.state, update = _useCodeEditorState.update, path = _useCodeEditorState.path, handleCloseClick = _useCodeEditorState.handleCloseClick, handleHtmlPreviewClose = _useCodeEditorState.handleHtmlPreviewClose, handleShowBorderChange = _useCodeEditorState.handleShowBorderChange, handleHideChange = _useCodeEditorState.handleHideChange;
-    var _useState = _sliced_to_array(useState('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 = detectedTheme === 'dark' ? 'chaos' : 'github';
+    var _useState = _sliced_to_array(useState(true), 2), isExpanded = _useState[0], setIsExpanded = _useState[1];
     // 选中状态管理
     var _React_useState = _sliced_to_array(React.useState(false), 2), isSelected = _React_useState[0], setIsSelected = _React_useState[1];
     // 视图模式状态管理（用于HTML和Markdown）
@@ -173,13 +175,13 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
     var hasJavaScript = language === 'html' && containsJavaScript(htmlValue);
     // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
     var shouldDisablePreview = disableHtmlPreview || hasJavaScript;
-    var _useState2 = _sliced_to_array(useState(function() {
+    var _useState1 = _sliced_to_array(useState(function() {
         // 如果禁用了 HTML 预览或包含 JavaScript，强制使用代码模式
         if (shouldDisablePreview && language === 'html') {
             return 'code';
         }
         return language === 'html' || language === 'markdown' ? 'preview' : 'code';
-    }), 2), viewMode = _useState2[0], setViewMode = _useState2[1];
+    }), 2), viewMode = _useState1[0], setViewMode = _useState1[1];
     // 使用Ace编辑器Hook
     var _AceEditor = AceEditor({
         element: props.element,
@@ -300,14 +302,12 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
                     algorithm: theme === 'chaos' ? antdTheme.darkAlgorithm : antdTheme.defaultAlgorithm
                 }
             }, /*#__PURE__*/ React.createElement("div", props.attributes, /*#__PURE__*/ React.createElement(CodeContainer, {
-                theme: theme,
                 element: props.element,
                 showBorder: state.showBorder,
                 hide: state.hide,
                 onEditorClick: focusEditor
             }, !props.element.frontmatter && !((_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.hideToolBar) && /*#__PURE__*/ React.createElement(CodeToolbar, _object_spread({
                 theme: theme,
-                setTheme: setTheme,
                 isExpanded: isExpanded,
                 onExpandToggle: function onExpandToggle() {
                     return setIsExpanded(!isExpanded);
@@ -357,6 +357,7 @@ import { AceEditor, AceEditorContainer, CodeContainer, CodeToolbar, HtmlPreview,
         viewMode,
         handleViewModeToggle,
         disableHtmlPreview,
-        handleLocalPreview
+        handleLocalPreview,
+        theme
     ]);
 }

package/dist/Plugins/code/components/CodeToolbar.d.ts

@@ -11,7 +11,6 @@ import { LanguageSelectorProps } from './LanguageSelector';
  */
 export interface CodeToolbarProps {
     theme: string;
-    setTheme: (theme: string) => void;
     isExpanded: boolean;
     /** 代码块元素数据 */
     element: CodeNode;

package/dist/Plugins/code/components/CodeToolbar.js

@@ -3,7 +3,7 @@
  * 提供代码块的各种操作功能，包括语言切换、复制、运行等
  * @author Code Plugin Team
  */ import { CloseCircleOutlined } from "@ant-design/icons";
-import { ArrowUpRight, ChevronsUpDown, Copy, Moon } from "@sofa-design/icons";
+import { ArrowUpRight, ChevronsUpDown, Copy } from "@sofa-design/icons";
 import { Segmented } from "antd";
 import copy from "copy-to-clipboard";
 import React, { useContext, useMemo } from "react";
@@ -77,14 +77,14 @@ import { LoadImage } from "./LoadImage";
  * ```
  */ export var CodeToolbar = function CodeToolbar(props) {
     var _ref;
-    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3, _i18n_locale4;
+    var _editorProps_codeProps, _editorProps_codeProps1, _element_language, _element_language1, _i18n_locale, _i18n_locale1, _i18n_locale2, _i18n_locale3;
     // 获取国际化上下文
     var i18n = useContext(I18nContext);
     // 获取编辑器配置
     var editorProps = useEditorStore().editorProps;
     var disableHtmlPreview = (_ref = (_editorProps_codeProps = editorProps.codeProps) === null || _editorProps_codeProps === void 0 ? void 0 : _editorProps_codeProps.disableHtmlPreview) !== null && _ref !== void 0 ? _ref : false;
     var viewModeLabels = (_editorProps_codeProps1 = editorProps.codeProps) === null || _editorProps_codeProps1 === void 0 ? void 0 : _editorProps_codeProps1.viewModeLabels;
-    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, setTheme = props.setTheme, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode, onLocalPreview = props.onLocalPreview;
+    var element = props.element, readonly = props.readonly, onCloseClick = props.onCloseClick, languageSelectorProps = props.languageSelectorProps, onViewModeToggle = props.onViewModeToggle, theme = props.theme, isExpanded = props.isExpanded, onExpandToggle = props.onExpandToggle, _props_viewMode = props.viewMode, viewMode = _props_viewMode === void 0 ? 'code' : _props_viewMode, onLocalPreview = props.onLocalPreview;
     // 检测 HTML 代码中是否包含 JavaScript
     var hasJavaScript = useMemo(function() {
         var _element_language;
@@ -125,7 +125,7 @@ import { LoadImage } from "./LoadImage";
             alignSelf: 'stretch',
             boxSizing: 'border-box',
             userSelect: 'none',
-            borderBottom: isExpanded ? theme === 'chaos' ? '1px solid #161616' : '1px solid var(--color-gray-border-light)' : 'none'
+            borderBottom: isExpanded ? '1px solid var(--color-gray-border-light)' : 'none'
         }
     }, /*#__PURE__*/ React.createElement("div", {
         style: {
@@ -187,14 +187,8 @@ import { LoadImage } from "./LoadImage";
             return onViewModeToggle === null || onViewModeToggle === void 0 ? void 0 : onViewModeToggle(value);
         }
     }) : null, /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.theme) || '主题',
         theme: theme === 'chaos' ? 'dark' : 'light',
-        onClick: function onClick() {
-            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_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.copy) || '复制',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale1 = i18n.locale) === null || _i18n_locale1 === void 0 ? void 0 : _i18n_locale1.copy) || '复制',
         style: {
             fontSize: '1em',
             lineHeight: '1.75em',
@@ -211,13 +205,13 @@ import { LoadImage } from "./LoadImage";
             }
         }
     }, /*#__PURE__*/ React.createElement(Copy, null)), /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.expandCollapse) || '展开/收起',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale2 = i18n.locale) === null || _i18n_locale2 === void 0 ? void 0 : _i18n_locale2.expandCollapse) || '展开/收起',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function onClick() {
             onExpandToggle === null || onExpandToggle === void 0 ? void 0 : onExpandToggle();
         }
     }, /*#__PURE__*/ React.createElement(ChevronsUpDown, null)), ((element === null || element === void 0 ? void 0 : element.language) === 'html' || (element === null || element === void 0 ? void 0 : element.language) === 'markdown') && onLocalPreview && /*#__PURE__*/ React.createElement(ActionIconBox, {
-        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale4 = i18n.locale) === null || _i18n_locale4 === void 0 ? void 0 : _i18n_locale4.localPreview) || '本地预览',
+        title: (i18n === null || i18n === void 0 ? void 0 : (_i18n_locale3 = i18n.locale) === null || _i18n_locale3 === void 0 ? void 0 : _i18n_locale3.localPreview) || '本地预览',
         theme: theme === 'chaos' ? 'dark' : 'light',
         onClick: function onClick(e) {
             e.stopPropagation();