ds-markdown 0.1.10-beta.0 → 0.1.10-beta.2

package/dist/cjs/index.js

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
+var react = require('react');
 var Markdown$2 = require('react-markdown');
 var gfmPlugin = require('remark-gfm');
 var classNames = require('classnames');
 var reactSyntaxHighlighter = require('react-syntax-highlighter');
-var reactDom = require('react-dom');
 
 /**
  * 将括号格式的数学公式转换为美元符号格式
@@ -24,44 +23,32 @@ var reactDom = require('react-dom');
  * @returns 转换后的字符串
  */
 const replaceMathBracket = (value) => {
-    // 1. 提取并保护所有 Markdown 链接（包括图片和普通链接）
-    // 匹配 ![alt](url) 或 [text](url) 形式
-    const mdLinkMatches = [];
-    const protectedValue = value.replace(/!?\[[^\]]*\]\([^)]*\)/g, (m) => {
-        mdLinkMatches.push(m);
-        return `__MD_LINK_${mdLinkMatches.length - 1}__`;
-    });
-    // 2. 提取所有块级公式内容，临时替换为占位符
-    // 处理 \[...\] 格式的块级公式
+    // 1. 提取所有块级公式内容，临时替换为占位符, [...]
     const blockMatches = [];
-    let replaced = protectedValue.replace(/\\*\[([\s\S]+?)\\*\]/g, (_m, p1) => {
+    let replaced = value.replace(/\\+\[([\s\S]+?)\\+\]/g, (_m, p1) => {
         blockMatches.push(p1);
         return `__BLOCK_MATH_${blockMatches.length - 1}__`;
     });
-    // 处理 $$...$$ 格式的块级公式（兼容性处理）
+    // 也需要兼容 $$ xxxx $$ 这种写法
     replaced = replaced.replace(/\$\$([\s\S]+?)\$\$/g, (_m, p1) => {
         blockMatches.push(p1);
         return `__BLOCK_MATH_${blockMatches.length - 1}__`;
     });
-    // 3. 替换块级公式外部的 \(...\) 为 $...$（行内公式）
-    replaced = replaced.replace(/\\*\(([^)]+?)\\*\)/g, (_m, p1) => {
+    // 2. 替换块级公式外部的 ( ... ) 为 $...$
+    replaced = replaced.replace(/\\+\(([^)]+?)\\+\)/g, (_m, p1) => {
         return '$' + p1 + '$';
     });
-    // 4. 还原块级公式内容，保持其内部小括号原样
+    // 3. 还原块级公式内容，保持其内部小括号原样
     replaced = replaced.replace(/__BLOCK_MATH_(\d+)__/g, (_m, idx) => {
         return '$$' + blockMatches[Number(idx)] + '$$';
     });
-    // 5. 还原被保护的 Markdown 链接
-    replaced = replaced.replace(/__MD_LINK_(\d+)__/g, (_m, idx) => {
-        return mdLinkMatches[Number(idx)];
-    });
     return replaced;
 };
 
 const DEFAULT_THEME = 'light';
 const DEFAULT_ANSWER_TYPE = 'answer';
 const DEFAULT_PLUGINS = [];
-const MarkdownThemeContext = React.createContext({
+const MarkdownThemeContext = react.createContext({
     state: {
         theme: DEFAULT_THEME,
         answerType: DEFAULT_ANSWER_TYPE,
@@ -69,7 +56,7 @@ const MarkdownThemeContext = React.createContext({
     methods: {},
 });
 const MarkdownThemeProvider = ({ value = {}, children }) => {
-    const contextValue = React.useMemo(() => ({
+    const contextValue = react.useMemo(() => ({
         state: {
             theme: DEFAULT_THEME,
             answerType: DEFAULT_ANSWER_TYPE,
@@ -81,9 +68,9 @@ const MarkdownThemeProvider = ({ value = {}, children }) => {
     }), [value]);
     return jsxRuntime.jsx(MarkdownThemeContext.Provider, { value: contextValue, children: children });
 };
-const useMarkdownThemeContext = () => React.useContext(MarkdownThemeContext);
+const useMarkdownThemeContext = () => react.useContext(MarkdownThemeContext);
 const useThemeState = () => {
-    return React.useContext(MarkdownThemeContext).state;
+    return react.useContext(MarkdownThemeContext).state;
 };
 
 const CodeBlockWrap = ({ children, title }) => {
@@ -91,13 +78,6 @@ const CodeBlockWrap = ({ children, title }) => {
     return (jsxRuntime.jsxs("div", { className: `md-code-block md-code-block-${theme}`, children: [jsxRuntime.jsx("div", { className: "md-code-block-banner-wrap", children: jsxRuntime.jsx("div", { className: "md-code-block-banner md-code-block-banner-lite", children: title }) }), jsxRuntime.jsx("div", { className: "md-code-block-content", children: children })] }));
 };
 
-const Button = ({ className = '', children, icon, onClick, style, ...restProps }) => {
-    return (jsxRuntime.jsxs("div", { role: "button", className: classNames({
-            'ds-button': true,
-            [className]: !!className,
-        }), onClick: onClick, style: style, ...restProps, children: [icon && jsxRuntime.jsx("div", { className: "ds-button__icon", children: icon }), children] }));
-};
-
 const CheckMarkIcon = ({ size }) => {
     return (jsxRuntime.jsx("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.338 21.575a1.058 1.058 0 0 1-.53-.363L2.275 13.17a1.063 1.063 0 0 1 1.65-1.341l5.63 6.928L19.33 3.86a1.064 1.064 0 0 1 1.778 1.167L10.551 21.115a1.065 1.065 0 0 1-1.213.46z", fill: "currentColor" }) }));
 };
@@ -113,6 +93,7 @@ const zhCN = {
         copy: '复制',
         copied: '已复制',
         download: '下载',
+        downloaded: '已下载',
     },
     mermaid: {
         diagram: '图表',
@@ -120,14 +101,20 @@ const zhCN = {
         zoomOut: '缩小',
         zoomIn: '放大',
         download: '下载',
+        fullScreen: '全屏',
+        exitFullScreen: '退出全屏',
+        downloadImage: '下载图片',
+        downloadedImage: '已下载',
+        copyImage: '复制图片',
+        copiedImage: '已复制',
     },
 };
 
-const ConfigContext = React.createContext({
+const ConfigContext = react.createContext({
     locale: zhCN,
 });
 const ConfigProvider = ({ locale, children, mermaidConfig }) => {
-    const contextValue = React.useMemo(() => {
+    const contextValue = react.useMemo(() => {
         const contextValue = {
             locale: locale || zhCN,
         };
@@ -140,7 +127,7 @@ const ConfigProvider = ({ locale, children, mermaidConfig }) => {
 };
 // Hook 用于在组件中使用配置
 const useConfig = () => {
-    const context = React.useContext(ConfigContext);
+    const context = react.useContext(ConfigContext);
     return context;
 };
 // Hook 用于获取当前语言包
@@ -149,60 +136,86 @@ const useLocale = () => {
     return locale;
 };
 
-const TIMEOUT = 3000;
+const Button = ({ className = '', children, icon, onClick, style, disabled = false, ...restProps }) => {
+    const handleClick = (e) => {
+        if (disabled) {
+            e.preventDefault();
+            return;
+        }
+        onClick?.();
+    };
+    return (jsxRuntime.jsxs("div", { role: "button", className: classNames({
+            'ds-button': true,
+            'ds-button__disabled': disabled,
+        }, className), onClick: handleClick, style: style, "aria-disabled": disabled, ...restProps, children: [icon && jsxRuntime.jsx("div", { className: "ds-button__icon", children: icon }), children] }));
+};
+
+const SuccessButton = (props) => {
+    const { onClick, icon, executeText, children, ...rest } = props;
+    const [isLoading, setIsLoading] = react.useState(false);
+    const [isSuccess, setIsSuccess] = react.useState(false);
+    const isUnmounted = react.useRef(false);
+    const handleClick = async () => {
+        if (isLoading || isSuccess) {
+            return;
+        }
+        try {
+            // 如果onClick不是异步函数，则直接调用
+            const returnValue = onClick();
+            if (returnValue instanceof Promise) {
+                setIsLoading(true);
+                const result = await returnValue;
+                if (result) {
+                    setIsSuccess(true);
+                    setTimeout(() => {
+                        if (!isUnmounted.current) {
+                            setIsSuccess(false);
+                        }
+                    }, 1000);
+                }
+            }
+        }
+        catch (error) {
+            setIsSuccess(false);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    react.useEffect(() => {
+        isUnmounted.current = false;
+        return () => {
+            isUnmounted.current = true;
+        };
+    }, []);
+    return (jsxRuntime.jsx(Button, { ...rest, onClick: handleClick, icon: isSuccess ? jsxRuntime.jsx(CheckMarkIcon, { size: 24 }) : icon, children: isSuccess ? executeText || children : children }));
+};
+
 const CopyButton = ({ codeContent, style, className }) => {
     const { locale } = useConfig();
-    const [copyText, setCopyText] = React.useState(locale.codeBlock.copy);
-    const [showCheckmark, setShowCheckmark] = React.useState(false);
-    const [isCopying, setIsCopying] = React.useState(false);
-    // 下载文件
-    // 复制到剪贴板
     const handleCopy = async () => {
-        if (isCopying || !codeContent)
-            return;
-        setIsCopying(true);
         try {
-            await navigator.clipboard.writeText(codeContent);
-            setCopyText(locale.codeBlock.copied);
-            setShowCheckmark(true);
-            setTimeout(() => {
-                setCopyText(locale.codeBlock.copy);
-                setShowCheckmark(false);
-                setIsCopying(false);
-            }, TIMEOUT);
+            await navigator.clipboard.writeText(codeContent || '');
+            return true;
         }
         catch (err) {
             // 降级方案：使用传统方法
             const textArea = document.createElement('textarea');
-            textArea.value = codeContent;
-            document.body.appendChild(textArea);
+            textArea.value = codeContent || '';
             textArea.select();
-            try {
-                document.execCommand('copy');
-                setCopyText(locale.codeBlock.copied);
-                setShowCheckmark(true);
-                setTimeout(() => {
-                    setCopyText(locale.codeBlock.copy);
-                    setShowCheckmark(false);
-                    setIsCopying(false);
-                }, TIMEOUT);
-            }
-            catch (fallbackErr) {
-                console.error('Fallback copy failed:', fallbackErr);
-                setIsCopying(false);
-            }
-            document.body.removeChild(textArea);
+            document.execCommand('copy');
+            return true;
         }
     };
-    return (jsxRuntime.jsx(Button, { style: style, className: className, icon: showCheckmark ? jsxRuntime.jsx(CheckMarkIcon, { size: 24 }) : jsxRuntime.jsx(CopyIcon, { size: 24 }), onClick: handleCopy, children: jsxRuntime.jsx("span", { children: copyText }) }));
+    return (jsxRuntime.jsx(SuccessButton, { onClick: handleCopy, icon: jsxRuntime.jsx(CopyIcon, { size: 24 }), executeText: locale.codeBlock.copied || 'copied', style: style, className: className, children: locale.codeBlock.copy || 'copy' }));
 };
 
 const DownloadButton = ({ codeContent, language, style, className }) => {
     const { locale } = useConfig();
     // 下载文件
-    const handleDownload = () => {
+    const handleDownload = async () => {
         if (!codeContent)
-            return;
+            return false;
         const blob = new Blob([codeContent], { type: 'text/plain;charset=utf-8' });
         const url = URL.createObjectURL(blob);
         const link = document.createElement('a');
@@ -248,8 +261,9 @@ const DownloadButton = ({ codeContent, language, style, className }) => {
         link.click();
         document.body.removeChild(link);
         URL.revokeObjectURL(url);
+        return true;
     };
-    return (jsxRuntime.jsx(Button, { style: style, className: className, icon: jsxRuntime.jsx(DownloadIcon, { size: 24 }), onClick: handleDownload, children: jsxRuntime.jsx("span", { children: locale.codeBlock.download }) }));
+    return (jsxRuntime.jsx(SuccessButton, { onClick: handleDownload, icon: jsxRuntime.jsx(DownloadIcon, { size: 24 }), executeText: locale.codeBlock.downloaded || 'Downloaded', style: style, className: className, children: locale.codeBlock.download || 'Download' }));
 };
 
 const CodeBlockActions = ({ codeContent, language }) => {
@@ -290,7 +304,8 @@ const HighReactMarkdown = ({ children: _children, ...props }) => {
     const currentMath = themeState.math;
     const currentPlugins = themeState.plugins;
     const mathSplitSymbol = currentMath?.splitSymbol ?? 'dollar';
-    const { remarkPlugins, rehypePlugins, hasKatexPlugin, components } = React.useMemo(() => {
+    const finalReplaceMathBracket = currentMath?.replaceMathBracket ?? replaceMathBracket;
+    const { remarkPlugins, rehypePlugins, hasKatexPlugin, components } = react.useMemo(() => {
         let hasKatexPlugin = false;
         const components = {};
         const remarkPlugins = [gfmPlugin];
@@ -326,13 +341,13 @@ const HighReactMarkdown = ({ children: _children, ...props }) => {
             components,
         };
     }, [currentPlugins]);
-    const children = React.useMemo(() => {
+    const children = react.useMemo(() => {
         /** 如果存在数学公式插件，并且数学公式分隔符为括号，则替换成 $ 符号 */
         if (hasKatexPlugin && mathSplitSymbol === 'bracket') {
-            return replaceMathBracket(_children);
+            return finalReplaceMathBracket(_children);
         }
         return _children;
-    }, [hasKatexPlugin, mathSplitSymbol, _children]);
+    }, [hasKatexPlugin, mathSplitSymbol, finalReplaceMathBracket, _children]);
     return (jsxRuntime.jsx(Markdown$2, { remarkPlugins: remarkPlugins, rehypePlugins: rehypePlugins, components: {
             code: CodeComponent,
             table: ({ children, ...props }) => {
@@ -341,30 +356,30 @@ const HighReactMarkdown = ({ children: _children, ...props }) => {
             ...components,
         }, ...props, children: children }));
 };
-var HighReactMarkdown$1 = React.memo(HighReactMarkdown);
+var HighReactMarkdown$1 = react.memo(HighReactMarkdown);
 
 const useTypingTask = (options) => {
     const { timerType = 'setTimeout', interval, charsRef, onEnd, onStart, onBeforeTypedChar, onTypedChar, processCharDisplay, wholeContentRef, disableTyping, triggerUpdate, resetWholeContent, } = options;
     /** 是否卸载 */
-    const isUnmountRef = React.useRef(false);
+    const isUnmountRef = react.useRef(false);
     /** 是否正在打字 */
-    const isTypingRef = React.useRef(false);
+    const isTypingRef = react.useRef(false);
     /** 动画帧ID */
-    const animationFrameRef = React.useRef(null);
+    const animationFrameRef = react.useRef(null);
     /** 传统定时器（兼容模式） */
-    const timerRef = React.useRef(null);
+    const timerRef = react.useRef(null);
     // 已经打过的字记录
-    const typedCharsRef = React.useRef(undefined);
+    const typedCharsRef = react.useRef(undefined);
     // 是否主动调用 stop 方法
-    const typedIsManualStopRef = React.useRef(false);
-    const disableTypingRef = React.useRef(disableTyping);
+    const typedIsManualStopRef = react.useRef(false);
+    const disableTypingRef = react.useRef(disableTyping);
     disableTypingRef.current = disableTyping;
-    const intervalRef = React.useRef(interval);
+    const intervalRef = react.useRef(interval);
     intervalRef.current = interval;
     const getChars = () => {
         return charsRef.current;
     };
-    React.useEffect(() => {
+    react.useEffect(() => {
         isUnmountRef.current = false;
         return () => {
             isUnmountRef.current = true;
@@ -677,30 +692,30 @@ const useTypingTask = (options) => {
     };
 };
 
-const MarkdownContext = React.createContext({});
+const MarkdownContext = react.createContext({});
 const MarkdownProvider = ({ value, children }) => {
-    const contextValue = React.useMemo(() => value, [value]);
+    const contextValue = react.useMemo(() => value, [value]);
     return jsxRuntime.jsx(MarkdownContext.Provider, { value: contextValue, children: children });
 };
 
-const MarkdownCMDInner = React.forwardRef(({ interval = 30, onEnd, onStart, onTypedChar, onBeforeTypedChar, timerType = 'setTimeout', disableTyping = false, autoStartTyping = true }, ref) => {
+const MarkdownCMDInner = react.forwardRef(({ interval = 30, onEnd, onStart, onTypedChar, onBeforeTypedChar, timerType = 'setTimeout', disableTyping = false, autoStartTyping = true }, ref) => {
     const { state: themeState } = useMarkdownThemeContext();
     // 从 context 中获取主题配置
     const currentTheme = themeState.theme;
     /** 是否自动开启打字动画, 后面发生变化将不会生效 */
-    const autoStartTypingRef = React.useRef(autoStartTyping);
+    const autoStartTypingRef = react.useRef(autoStartTyping);
     /** 是否打过字 */
-    const isStartedTypingRef = React.useRef(false);
+    const isStartedTypingRef = react.useRef(false);
     /** 当前需要打字的内容 */
-    const charsRef = React.useRef([]);
+    const charsRef = react.useRef([]);
     /**
      * 打字是否已经完全结束
      * 如果打字已经完全结束，则不会再触发打字效果
      */
-    const isWholeTypedEndRef = React.useRef(false);
-    const charIndexRef = React.useRef(0);
+    const isWholeTypedEndRef = react.useRef(false);
+    const charIndexRef = react.useRef(0);
     /** 整个内容引用 */
-    const wholeContentRef = React.useRef({
+    const wholeContentRef = react.useRef({
         thinking: {
             content: '',
             length: 0,
@@ -713,7 +728,7 @@ const MarkdownCMDInner = React.forwardRef(({ interval = 30, onEnd, onStart, onTy
         },
         allLength: 0,
     });
-    const [, setUpdate] = React.useState(0);
+    const [, setUpdate] = react.useState(0);
     const triggerUpdate = () => {
         setUpdate((prev) => prev + 1);
     };
@@ -797,7 +812,7 @@ const MarkdownCMDInner = React.forwardRef(({ interval = 30, onEnd, onStart, onTy
             manual: false,
         });
     };
-    React.useImperativeHandle(ref, () => ({
+    react.useImperativeHandle(ref, () => ({
         /**
          * 添加内容
          * @param content 内容 {string}
@@ -870,7 +885,7 @@ const MarkdownCMDInner = React.forwardRef(({ interval = 30, onEnd, onStart, onTy
 if (__DEV__) {
     MarkdownCMDInner.displayName = 'MarkdownCMD';
 }
-const MarkdownCMD = React.forwardRef((props, ref) => {
+const MarkdownCMD = react.forwardRef((props, ref) => {
     const { children = '', answerType = 'answer', isInnerRender, ...reset } = props;
     if (__DEV__) {
         if (!['thinking', 'answer'].includes(answerType)) {
@@ -880,9 +895,9 @@ const MarkdownCMD = React.forwardRef((props, ref) => {
             throw new Error('Markdown组件的子元素必须是一个字符串');
         }
     }
-    const contextValue = React.useMemo(() => ({ ...reset, answerType }), [reset, answerType]);
+    const contextValue = react.useMemo(() => ({ ...reset, answerType }), [reset, answerType]);
     // 分离主题相关的 props
-    const themeProps = React.useMemo(() => ({
+    const themeProps = react.useMemo(() => ({
         theme: props.theme || DEFAULT_THEME,
         math: props.math,
         codeBlock: props.codeBlock,
@@ -897,9 +912,9 @@ const MarkdownCMD = React.forwardRef((props, ref) => {
 });
 
 const MarkdownInner = ({ children: _children = '', answerType, markdownRef, ...rest }) => {
-    const cmdRef = React.useRef(null);
-    const prefixRef = React.useRef('');
-    const content = React.useMemo(() => {
+    const cmdRef = react.useRef(null);
+    const prefixRef = react.useRef('');
+    const content = react.useMemo(() => {
         if (typeof _children === 'string') {
             return _children;
         }
@@ -908,7 +923,7 @@ const MarkdownInner = ({ children: _children = '', answerType, markdownRef, ...r
         }
         return '';
     }, [_children]);
-    React.useEffect(() => {
+    react.useEffect(() => {
         if (prefixRef.current !== content) {
             let newContent = '';
             if (prefixRef.current === '') {
@@ -927,7 +942,7 @@ const MarkdownInner = ({ children: _children = '', answerType, markdownRef, ...r
             prefixRef.current = content;
         }
     }, [answerType, content]);
-    React.useImperativeHandle(markdownRef, () => ({
+    react.useImperativeHandle(markdownRef, () => ({
         stop: () => {
             cmdRef.current.stop();
         },
@@ -945,7 +960,7 @@ const MarkdownInner = ({ children: _children = '', answerType, markdownRef, ...r
     const { theme, math, plugins, codeBlock, ...baseProps } = rest;
     return jsxRuntime.jsx(MarkdownCMD, { ref: cmdRef, ...baseProps, isInnerRender: true });
 };
-const Markdown = React.forwardRef((props, ref) => {
+const Markdown = react.forwardRef((props, ref) => {
     const { children = '', answerType = 'answer', ...reset } = props;
     if (__DEV__) {
         if (!['thinking', 'answer'].includes(answerType)) {
@@ -955,9 +970,9 @@ const Markdown = React.forwardRef((props, ref) => {
             throw new Error('Markdown组件的子元素必须是一个字符串');
         }
     }
-    const contextValue = React.useMemo(() => ({ ...reset, answerType }), [reset, answerType]);
+    const contextValue = react.useMemo(() => ({ ...reset, answerType }), [reset, answerType]);
     // 分离主题相关的 props
-    const themeProps = React.useMemo(() => ({
+    const themeProps = react.useMemo(() => ({
         theme: props.theme || DEFAULT_THEME,
         math: props.math,
         codeBlock: props.codeBlock,
@@ -966,169 +981,12 @@ const Markdown = React.forwardRef((props, ref) => {
     }), [props.theme, props.math, props.codeBlock, props.plugins, props.answerType]);
     return (jsxRuntime.jsx(MarkdownProvider, { value: contextValue, children: jsxRuntime.jsx(MarkdownThemeProvider, { value: themeProps, children: jsxRuntime.jsx(MarkdownInner, { ...props, answerType: answerType, markdownRef: ref }) }) }));
 });
-var Markdown$1 = React.memo(Markdown);
+var Markdown$1 = react.memo(Markdown);
 
-const IconButton = ({ icon, style, className = '', onClick, ...restProps }) => {
-    return jsxRuntime.jsx(Button, { icon: icon, className: `ds-icon-button ${className}`, style: style, onClick: onClick, ...restProps });
+const IconButton = ({ icon, className = '', ...restProps }) => {
+    return jsxRuntime.jsx(Button, { icon: icon, className: `ds-icon-button ${className}`, ...restProps });
 };
 
-const ToolTip = React.forwardRef(({ title, children, position = 'top', className = '', style, showArrow = true, delay = 200 }, ref) => {
-    const [isVisible, setIsVisible] = React.useState(false);
-    const [tooltipStyle, setTooltipStyle] = React.useState({});
-    const triggerRef = React.useRef(null);
-    const tooltipRef = React.useRef(null);
-    const timeoutRef = React.useRef(undefined);
-    // 转发ref到trigger元素
-    React.useImperativeHandle(ref, () => triggerRef.current, []);
-    const showTooltip = React.useCallback(() => {
-        timeoutRef.current = window.setTimeout(() => {
-            setIsVisible(true);
-        }, delay);
-    }, [delay]);
-    const hideTooltip = React.useCallback(() => {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        setIsVisible(false);
-    }, []);
-    const updatePosition = React.useCallback(() => {
-        if (!triggerRef.current || !tooltipRef.current)
-            return;
-        const triggerRect = triggerRef.current.getBoundingClientRect();
-        const tooltipRect = tooltipRef.current.getBoundingClientRect();
-        let top = 0;
-        let left = 0;
-        switch (position) {
-            case 'top':
-                top = triggerRect.top - tooltipRect.height - 8;
-                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
-                break;
-            case 'bottom':
-                top = triggerRect.bottom + 8;
-                left = triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
-                break;
-            case 'left':
-                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
-                left = triggerRect.left - tooltipRect.width - 8;
-                break;
-            case 'right':
-                top = triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
-                left = triggerRect.right + 8;
-                break;
-        }
-        setTooltipStyle({
-            position: 'fixed',
-            top: `${top}px`,
-            left: `${left}px`,
-            zIndex: 1000,
-        });
-    }, [position]);
-    React.useEffect(() => {
-        if (isVisible) {
-            updatePosition();
-        }
-    }, [isVisible, position, updatePosition]);
-    React.useEffect(() => {
-        const handleScroll = () => {
-            if (isVisible) {
-                updatePosition();
-            }
-        };
-        const handleResize = () => {
-            if (isVisible) {
-                updatePosition();
-            }
-        };
-        window.addEventListener('scroll', handleScroll, true);
-        window.addEventListener('resize', handleResize);
-        return () => {
-            window.removeEventListener('scroll', handleScroll, true);
-            window.removeEventListener('resize', handleResize);
-        };
-    }, [isVisible, updatePosition]);
-    React.useEffect(() => {
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, []);
-    const renderTooltip = () => {
-        if (!isVisible)
-            return null;
-        const tooltipElement = (jsxRuntime.jsxs("div", { ref: tooltipRef, className: classNames('ds-tooltip', `ds-tooltip--${position}`), style: tooltipStyle, children: [jsxRuntime.jsx("div", { className: "ds-tooltip__title", children: title }), showArrow && jsxRuntime.jsx("div", { className: classNames('ds-tooltip__arrow', `ds-tooltip__arrow--${position}`) })] }));
-        return reactDom.createPortal(tooltipElement, document.body);
-    };
-    // 合并原有的事件处理器
-    const handleMouseEnter = React.useCallback((e) => {
-        e.stopPropagation(); // 阻止事件冒泡
-        showTooltip();
-        // 只在子元素有onMouseEnter时才调用
-        const props = children.props;
-        if (props.onMouseEnter) {
-            props.onMouseEnter(e);
-        }
-    }, [children.props, showTooltip]);
-    const handleMouseLeave = React.useCallback((e) => {
-        e.stopPropagation(); // 阻止事件冒泡
-        hideTooltip();
-        // 只在子元素有onMouseLeave时才调用
-        const props = children.props;
-        if (props.onMouseLeave) {
-            props.onMouseLeave(e);
-        }
-    }, [children.props, hideTooltip]);
-    const handleFocus = React.useCallback((e) => {
-        e.stopPropagation(); // 阻止事件冒泡
-        showTooltip();
-        // 只在子元素有onFocus时才调用
-        const props = children.props;
-        if (props.onFocus) {
-            props.onFocus(e);
-        }
-    }, [children.props, showTooltip]);
-    const handleBlur = React.useCallback((e) => {
-        e.stopPropagation(); // 阻止事件冒泡
-        hideTooltip();
-        // 只在子元素有onBlur时才调用
-        const props = children.props;
-        if (props.onBlur) {
-            props.onBlur(e);
-        }
-    }, [children.props, hideTooltip]);
-    // 处理onClick事件
-    const handleClick = React.useCallback((e) => {
-        // 调用原有的onClick
-        const props = children.props;
-        if (props.onClick) {
-            props.onClick(e);
-        }
-    }, [children.props]);
-    // 检查组件是否支持ref
-    const isForwardRef = React.isValidElement(children) &&
-        typeof children.type === 'function' &&
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        children.type.$$typeof === Symbol.for('react.forward_ref');
-    // 如果组件不支持ref，使用包装div的方式
-    if (!isForwardRef && typeof children.type === 'function') {
-        return (jsxRuntime.jsxs("div", { ref: triggerRef, className: classNames('ds-tooltip-trigger', className), style: style, onMouseEnter: showTooltip, onMouseLeave: hideTooltip, onFocus: showTooltip, onBlur: hideTooltip, children: [children, renderTooltip()] }));
-    }
-    // 使用 cloneElement 直接给子元素添加事件监听器和ref
-    const enhancedChild = React.cloneElement(children, {
-        ref: triggerRef,
-        className: classNames(children.props.className, className),
-        style: { ...children.props.style, ...style },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onClick: handleClick,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    });
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [enhancedChild, renderTooltip()] }));
-});
-ToolTip.displayName = 'ToolTip';
-
 const Segmented = ({ Segmented: segments, value, onChange }) => {
     const handleClick = (itemValue) => {
         onChange?.(itemValue);
@@ -1139,17 +997,20 @@ const Segmented = ({ Segmented: segments, value, onChange }) => {
 /* eslint-disable react-refresh/only-export-components */
 
 exports.Button = Button;
+exports.CheckMarkIcon = CheckMarkIcon;
 exports.CodeBlockActions = CodeBlockActions;
 exports.CodeBlockWrap = CodeBlockWrap;
 exports.ConfigProvider = ConfigProvider;
 exports.CopyButton = CopyButton;
+exports.CopyIcon = CopyIcon;
 exports.DownloadButton = DownloadButton;
+exports.DownloadIcon = DownloadIcon;
 exports.HighlightCode = HighlightCode;
 exports.IconButton = IconButton;
 exports.Markdown = Markdown$1;
 exports.MarkdownCMD = MarkdownCMD;
 exports.Segmented = Segmented;
-exports.ToolTip = ToolTip;
+exports.SuccessButton = SuccessButton;
 exports.default = Markdown$1;
 exports.useConfig = useConfig;
 exports.useLocale = useLocale;