react-markdown-typer 0.0.1 → 1.0.0-beta.1

package/README.zh.md

@@ -1,8 +1,10 @@
 # react-markdown-typer
 
-> 🚀 高性能 React Markdown 打字动画组件，完美复刻 DeepSeek 聊天界面效果
+> 🚀 React Markdown 打字动画组件
 
-**🇨🇳 中文 | [🇺🇸 English](./README.en.md) | [🇯🇵 日本語](./README.ja.md) | [🇰🇷 한국어](./README.ko.md)**
+**如果您需要带有样式，支持数据公式、mermaid图表渲染，推荐您用 [ds-markdown](https://github.com/onshinpei/ds-markdown)**
+
+**🇨🇳 中文 | [🇺🇸 English](./README.md) **
 
 一个专为现代 AI 应用设计的 React 组件，提供流畅的实时打字动画和完整的 Markdown 渲染能力。
 
@@ -14,7 +16,7 @@
 
 [📖 在线演示](https://onshinpei.github.io/react-markdown-typer/)
 
-[DEMO：🔧 StackBlitz 体验](https://stackblitz.com/edit/vitejs-vite-ddfw8avb?file=src%2FApp.tsx)
+[DEMO：🔧 StackBlitz 体验](https://stackblitz.com/edit/vitejs-vite-ndgqzcbp?file=README.md)
 
 ---
 
@@ -31,7 +33,7 @@
   体积小、性能优，适配移动端和桌面端。核心依赖 [react-markdown](https://github.com/remarkjs/react-markdown)（业界主流、成熟的 Markdown 渲染库），无其它重量级依赖，开箱即用。
 
 - **多主题与插件化架构**  
-  支持亮/暗主题切换，兼容 remark/rehype 插件，满足个性化和高级扩展需求。
+  兼容 [react-markdown](https://github.com/remarkjs/react-markdown) remark/rehype 插件，满足个性化和高级扩展需求。
 
 - **适用场景广泛**
   - AI 聊天机器人/助手
@@ -121,18 +123,14 @@ pnpm add react-markdown-typer
 
 ### 基础用法
 
-<!-- [DEMO](https://stackblitz.com/edit/vitejs-vite-z94syu8j?file=src%2FApp.tsx) -->
+[DEMO](https://stackblitz.com/edit/vitejs-vite-ndgqzcbp?file=src%2FApp.tsx)
 
 ```tsx
 import MarkdownTyper from 'react-markdown-typer';
 import 'react-markdown-typer/style.css';
 
 function App() {
-  return (
-    <MarkdownTyper interval={20} answerType="answer">
-      # Hello react-markdown-typer 这是一个**高性能**的打字动画组件！ ## 特性 - ⚡ 零延迟流式处理 - 🎬 流畅打字动画 - 🎯 完美语法支持
-    </MarkdownTyper>
-  );
+  return <MarkdownTyper interval={20}># Hello react-markdown-typer 这是一个**高性能**的打字动画组件！ ## 特性 - ⚡ 零延迟流式处理 - 🎬 流畅打字动画 - 🎯 完美语法支持</MarkdownTyper>;
 }
 ```
 
@@ -439,7 +437,6 @@ import MarkdownTyper, { MarkdownCMD } from 'react-markdown-typer';
 | `interval`          | `number`                                    | 打字间隔 (毫秒)                                               | `30`                                                        |
 | `timerType`         | `'setTimeout'` \| `'requestAnimationFrame'` | 定时器类型，不支持动态修改                                    | 当前默认值是`setTimeout`，后期会改为`requestAnimationFrame` |
 | `theme`             | `'light'` \| `'dark'`                       | 主题类型                                                      | `'light'`                                                   |
-| `plugins`           | `IMarkdownPlugin[]`                         | 插件配置                                                      | `[]`                                                        |
 | `math`              | [IMarkdownMath](#IMarkdownMath)             | 数学公式配置                                                  | `{ splitSymbol: 'dollar' }`                                 |
 | `onEnd`             | `(data: EndData) => void`                   | 打字结束回调                                                  | -                                                           |
 | `onStart`           | `(data: StartData) => void`                 | 打字开始回调                                                  | -                                                           |

package/es/Markdown/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { MarkdownProps } from '../defined';
+declare const _default: React.NamedExoticComponent<MarkdownProps & React.RefAttributes<import("../defined").MarkdownBaseRef>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/es/Markdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Markdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AAEjG,OAAO,EAAkB,aAAa,EAAe,MAAM,YAAY,CAAC;;AAoExE,wBAA8B"}

package/es/Markdown/index.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, memo, useEffect, useImperativeHandle, useMemo, useRef } from 'react';
+import { __DEV__ } from '../constant.js';
+import MarkdownCMD from '../MarkdownCMD/index.js';
+const MarkdownInner = ({ children: _children = '', markdownRef, ...rest }) => {
+    const cmdRef = useRef(null);
+    const prefixRef = useRef('');
+    const content = useMemo(() => {
+        if (typeof _children === 'string') {
+            return _children;
+        }
+        if (__DEV__) {
+            console.error('Markdown component must have a string child');
+        }
+        return '';
+    }, [_children]);
+    useEffect(() => {
+        if (prefixRef.current !== content) {
+            let newContent = '';
+            if (prefixRef.current === '') {
+                newContent = content;
+            }
+            else {
+                if (content.startsWith(prefixRef.current)) {
+                    newContent = content.slice(prefixRef.current.length);
+                }
+                else {
+                    newContent = content;
+                    cmdRef.current.clear();
+                }
+            }
+            cmdRef.current.push(newContent);
+            prefixRef.current = content;
+        }
+    }, [content]);
+    useImperativeHandle(markdownRef, () => ({
+        stop: () => {
+            cmdRef.current.stop();
+        },
+        resume: () => {
+            cmdRef.current.resume();
+        },
+        start: () => {
+            cmdRef.current.start();
+        },
+        restart: () => {
+            cmdRef.current.restart();
+        },
+    }));
+    return _jsx(MarkdownCMD, { ref: cmdRef, ...rest });
+};
+const Markdown = forwardRef((props, ref) => {
+    const { children = '' } = props;
+    if (__DEV__) {
+        if (typeof children !== 'string') {
+            throw new Error('Markdown component must have a string child');
+        }
+    }
+    return _jsx(MarkdownInner, { ...props, markdownRef: ref });
+});
+export default memo(Markdown);
+//# sourceMappingURL=index.js.map

package/es/Markdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Markdown/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjG,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAMzC,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACzG,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,6CAA6C,CAAC,CAAC;QAC/D,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAClC,IAAI,UAAU,GAAG,EAAE,CAAC;YACpB,IAAI,SAAS,CAAC,OAAO,KAAK,EAAE,EAAE,CAAC;gBAC7B,UAAU,GAAG,OAAO,CAAC;YACvB,CAAC;iBAAM,CAAC;gBACN,IAAI,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC;oBAC1C,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;gBACvD,CAAC;qBAAM,CAAC;oBACN,UAAU,GAAG,OAAO,CAAC;oBACrB,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC;YACD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;YAChC,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,mBAAmB,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC;QACtC,IAAI,EAAE,GAAG,EAAE;YACT,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;QAC1B,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzB,CAAC;QACD,OAAO,EAAE,GAAG,EAAE;YACZ,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC3B,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,KAAC,WAAW,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,UAAU,CAA6B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,GAAG,KAAK,CAAC;IAEhC,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;QACjE,CAAC;IACH,CAAC;IAED,OAAO,KAAC,aAAa,OAAK,KAAK,EAAE,WAAW,EAAE,GAAG,GAAI,CAAC;AACxD,CAAC,CAAC,CAAC;AAEH,eAAe,IAAI,CAAC,QAAQ,CAAC,CAAC"}

package/es/MarkdownCMD/index.d.ts

@@ -0,0 +1,4 @@
+import { MarkdownCMDProps, MarkdownCMDRef } from '../defined';
+declare const MarkdownCMD: import("react").ForwardRefExoticComponent<MarkdownCMDProps & import("react").RefAttributes<MarkdownCMDRef>>;
+export default MarkdownCMD;
+//# sourceMappingURL=index.d.ts.map

package/es/MarkdownCMD/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/MarkdownCMD/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAwB,cAAc,EAAE,MAAM,YAAY,CAAC;AAMpF,QAAA,MAAM,WAAW,6GA2KhB,CAAC;AAMF,eAAe,WAAW,CAAC"}

package/es/MarkdownCMD/index.js

@@ -0,0 +1,160 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
+import { __DEV__ } from '../constant.js';
+import { useTypingTask } from '../hooks/useTypingTask.js';
+import HighReactMarkdown from '../components/HighReactMarkdown/index.js';
+const MarkdownCMD = forwardRef(({ interval = 30, onEnd, onStart, onTypedChar, onBeforeTypedChar, timerType = 'setTimeout', math, reactMarkdownProps, disableTyping = false, autoStartTyping = true }, ref) => {
+    /** 是否自动开启打字动画, 后面发生变化将不会生效 */
+    const autoStartTypingRef = useRef(autoStartTyping);
+    /** 是否打过字 */
+    const isStartedTypingRef = useRef(false);
+    /** 当前需要打字的内容 */
+    const charsRef = useRef([]);
+    /**
+     * 打字是否已经完全结束
+     * 如果打字已经完全结束，则不会再触发打字效果
+     */
+    const isWholeTypedEndRef = useRef(false);
+    const charIndexRef = useRef(0);
+    /** 整个内容引用 */
+    const wholeContentRef = useRef({
+        content: '',
+        length: 0,
+        prevLength: 0,
+    });
+    const [, setUpdate] = useState(0);
+    const triggerUpdate = () => {
+        setUpdate((prev) => prev + 1);
+    };
+    /**
+     * 处理字符显示逻辑
+     */
+    const processCharDisplay = (char) => {
+        if (!isStartedTypingRef.current) {
+            isStartedTypingRef.current = true;
+        }
+        wholeContentRef.current.prevLength = wholeContentRef.current.length;
+        wholeContentRef.current.content += char.content;
+        wholeContentRef.current.length += char.content.length;
+        triggerUpdate();
+    };
+    const resetWholeContent = () => {
+        wholeContentRef.current.content = '';
+        wholeContentRef.current.length = 0;
+        wholeContentRef.current.prevLength = 0;
+    };
+    // 使用新的打字任务 hook
+    const typingTask = useTypingTask({
+        timerType,
+        interval,
+        charsRef,
+        onEnd,
+        onStart,
+        onTypedChar,
+        onBeforeTypedChar,
+        processCharDisplay,
+        wholeContentRef,
+        disableTyping,
+        triggerUpdate,
+        resetWholeContent,
+    });
+    /**
+     * 内部推送处理逻辑
+     */
+    const processHasTypingPush = (content) => {
+        if (content.length === 0) {
+            return;
+        }
+        charsRef.current.push(...content.split('').map((chatStr) => {
+            const index = charIndexRef.current++;
+            const charObj = {
+                content: chatStr,
+                tokenId: 0,
+                index,
+            };
+            return charObj;
+        }));
+        // 如果关闭了自动打字， 并且没有打过字， 则不开启打字动画
+        if (!autoStartTypingRef.current && !isStartedTypingRef.current) {
+            return;
+        }
+        if (!typingTask.isTyping()) {
+            typingTask.start();
+        }
+    };
+    const processNoTypingPush = (content) => {
+        wholeContentRef.current.content += content;
+        // 记录打字前的长度
+        wholeContentRef.current.prevLength = wholeContentRef.current.length;
+        wholeContentRef.current.length += content.length;
+        triggerUpdate();
+        onEnd === null || onEnd === void 0 ? void 0 : onEnd({
+            str: content,
+            manual: false,
+        });
+    };
+    useImperativeHandle(ref, () => ({
+        /**
+         * 添加内容
+         * @param content 内容 {string}
+         * @param answerType 回答类型 {AnswerType}
+         */
+        push: (content) => {
+            if (disableTyping) {
+                processNoTypingPush(content);
+                return;
+            }
+            processHasTypingPush(content);
+        },
+        /**
+         * 清除打字任务
+         */
+        clear: () => {
+            typingTask.stop();
+            typingTask.typedIsManualStopRef.current = false;
+            charsRef.current = [];
+            resetWholeContent();
+            isWholeTypedEndRef.current = false;
+            charIndexRef.current = 0;
+            isStartedTypingRef.current = false;
+            triggerUpdate();
+        },
+        /** 开启打字，只有在关闭了自动打字才生效 */
+        start: () => {
+            if (!autoStartTypingRef.current) {
+                typingTask.start();
+            }
+        },
+        /** 停止打字任务 */
+        stop: () => {
+            typingTask.stop();
+        },
+        /** 重新开始打字任务 */
+        resume: () => {
+            typingTask.resume();
+        },
+        /**
+         * 主动触发打字结束
+         */
+        triggerWholeEnd: () => {
+            isWholeTypedEndRef.current = true;
+            if (!typingTask.isTyping()) {
+                // 这里需要手动触发结束回调，因为 hook 中的 triggerOnEnd 不能直接调用
+                onEnd === null || onEnd === void 0 ? void 0 : onEnd({
+                    str: wholeContentRef.current.content,
+                    manual: true,
+                });
+            }
+        },
+        /** 重新开始打字任务 */
+        restart: () => {
+            typingTask.restart();
+        },
+    }));
+    return _jsx(HighReactMarkdown, { reactMarkdownProps: reactMarkdownProps, children: wholeContentRef.current.content });
+});
+if (__DEV__) {
+    MarkdownCMD.displayName = 'MarkdownCMD';
+}
+export default MarkdownCMD;
+//# sourceMappingURL=index.js.map

package/es/MarkdownCMD/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/MarkdownCMD/index.tsx"],"names":[],"mappings":"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"}

package/es/components/HighReactMarkdown/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Options } from 'react-markdown';
+interface HighReactMarkdownProps {
+    reactMarkdownProps?: Options;
+    children: string;
+}
+declare const HighReactMarkdown: React.FC<HighReactMarkdownProps>;
+export default HighReactMarkdown;
+//# sourceMappingURL=index.d.ts.map

package/es/components/HighReactMarkdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/HighReactMarkdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAsB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAExD,UAAU,sBAAsB;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAEvD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/components/HighReactMarkdown/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import ReactMarkdown from 'react-markdown';
+const HighReactMarkdown = ({ reactMarkdownProps, children }) => {
+    return _jsx(ReactMarkdown, { ...reactMarkdownProps, children: children });
+};
+export default HighReactMarkdown;
+//# sourceMappingURL=index.js.map

package/es/components/HighReactMarkdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/HighReactMarkdown/index.tsx"],"names":[],"mappings":";AACA,OAAO,aAA0B,MAAM,gBAAgB,CAAC;AAOxD,MAAM,iBAAiB,GAAqC,CAAC,EAAE,kBAAkB,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,OAAO,KAAC,aAAa,OAAK,kBAAkB,YAAG,QAAQ,GAAiB,CAAC;AAC3E,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/constant.d.ts

@@ -0,0 +1,4 @@
+export declare const __DEV__: boolean;
+/** 数学公式插件id */
+export declare const katexId: unique symbol;
+//# sourceMappingURL=constant.d.ts.map

package/es/constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.d.ts","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,SAAyC,CAAC;AAE9D,eAAe;AACf,eAAO,MAAM,OAAO,eAAkB,CAAC"}

package/es/constant.js

@@ -0,0 +1,4 @@
+export const __DEV__ = process.env.NODE_ENV === 'development';
+/** 数学公式插件id */
+export const katexId = Symbol('katex');
+//# sourceMappingURL=constant.js.map

package/es/constant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constant.js","sourceRoot":"","sources":["../src/constant.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,CAAC;AAE9D,eAAe;AACf,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC"}

package/{dist/cjs/index.d.ts → es/defined.d.ts}

@@ -1,20 +1,41 @@
-import * as react from 'react';
-import react__default from 'react';
 import { Options } from 'react-markdown';
-
-interface IOnTypedCharData {
+/**
+ * 字符接口
+ */
+export interface IChar {
+    content: string;
+    tokenId: number;
+    /** 字符索引 */
+    index: number;
+}
+/**
+ * 段落类型
+ * 段落类型为br时，表示换行
+ * 段落类型为text时，表示文本
+ */
+export interface IParagraph {
+    /** 段落内容 */
+    content?: string;
+    /** 是否已打字 */
+    isTyped: boolean;
+}
+export interface ITokensReference {
+    startIndex: number;
+    raw: string;
+}
+export interface IOnTypedCharData {
     currentIndex: number;
     currentChar: string;
     prevStr: string;
 }
-interface ITypedChar extends IOnTypedCharData {
+export interface ITypedChar extends IOnTypedCharData {
     percent: number;
     currentStr: string;
 }
-interface IBeforeTypedChar extends IOnTypedCharData {
+export interface IBeforeTypedChar extends IOnTypedCharData {
     percent: number;
 }
-interface MarkdownBaseProps {
+export interface MarkdownBaseProps {
     reactMarkdownProps?: Options;
     /** 计时类型： 支持setTimeout和requestAnimationFrame */
     timerType?: 'setTimeout' | 'requestAnimationFrame';
@@ -38,40 +59,45 @@ interface MarkdownBaseProps {
     autoStartTyping?: boolean;
     math?: IMarkdownMath;
 }
-interface MarkdownProps extends MarkdownBaseProps {
+export interface MarkdownProps extends MarkdownBaseProps {
     children: string | undefined;
 }
 /**  MarkdownCMD 组件不需要 children */
-interface MarkdownCMDProps extends MarkdownBaseProps {
+export interface MarkdownCMDProps extends MarkdownBaseProps {
     children?: undefined;
 }
-interface IMarkdownMath {
+export interface IMarkdownPlugin {
+    remarkPlugin?: unknown;
+    rehypePlugin?: unknown;
+    type: 'buildIn' | 'custom';
+    id?: any;
+}
+export interface IMarkdownMath {
     /** 是括号还是$作为分隔符, 默认是$ */
     splitSymbol: 'bracket' | 'dollar';
 }
-interface MarkdownBaseRef {
+export interface IWholeContent {
+    content: string;
+    length: number;
+    prevLength: number;
+}
+export interface MarkdownBaseRef {
     stop: () => void;
     resume: () => void;
     start: () => void;
     restart: () => void;
 }
 /** Markdown 组件的ref 类型 */
-type MarkdownRef = MarkdownBaseRef;
+export type MarkdownRef = MarkdownBaseRef;
 /** MarkdownCMD 组件的 ref 类型 */
-interface MarkdownCMDRef extends MarkdownBaseRef {
+export interface MarkdownCMDRef extends MarkdownBaseRef {
     push: (content: string) => void;
     clear: () => void;
     triggerWholeEnd: () => void;
 }
-interface IEndData {
+export interface IEndData {
     manual: boolean;
     /** 打字机打过的字符串, 和answerStr 相同 */
     str: string;
 }
-
-declare const MarkdownCMD: react.ForwardRefExoticComponent<MarkdownCMDProps & react.RefAttributes<MarkdownCMDRef>>;
-
-declare const _default: react__default.NamedExoticComponent<MarkdownProps & react__default.RefAttributes<MarkdownBaseRef>>;
-
-export { _default as Markdown, MarkdownCMD, _default as default };
-export type { IMarkdownMath, ITypedChar, MarkdownCMDProps, MarkdownCMDRef, MarkdownProps, MarkdownRef };
+//# sourceMappingURL=defined.d.ts.map

package/es/defined.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defined.d.ts","sourceRoot":"","sources":["../src/defined.ts"],"names":[],"mappings":"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"}

package/es/defined.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=defined.js.map

package/es/defined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defined.js","sourceRoot":"","sources":["../src/defined.ts"],"names":[],"mappings":""}

package/es/hooks/useTypingTask.d.ts

@@ -0,0 +1,32 @@
+import { IChar, ITypedChar, IWholeContent, MarkdownProps, IEndData, IBeforeTypedChar } from '../defined';
+interface UseTypingTaskOptions {
+    timerType: MarkdownProps['timerType'];
+    interval: number;
+    charsRef: React.RefObject<IChar[]>;
+    onEnd?: (data?: IEndData) => void;
+    onStart?: (data?: {
+        currentIndex: number;
+        currentChar: string;
+        prevStr: string;
+    }) => void;
+    onBeforeTypedChar?: (data?: IBeforeTypedChar) => Promise<void>;
+    onTypedChar?: (data?: ITypedChar) => void;
+    processCharDisplay: (char: IChar) => void;
+    wholeContentRef: React.RefObject<IWholeContent>;
+    disableTyping: boolean;
+    triggerUpdate: () => void;
+    resetWholeContent: () => void;
+}
+export interface TypingTaskController {
+    start: () => void;
+    stop: () => void;
+    clear: () => void;
+    isTyping: () => boolean;
+    /** 是否主动调用 stop 方法 */
+    typedIsManualStopRef: React.RefObject<boolean>;
+    resume: () => void;
+    restart: () => void;
+}
+export declare const useTypingTask: (options: UseTypingTaskOptions) => TypingTaskController;
+export {};
+//# sourceMappingURL=useTypingTask.d.ts.map

package/es/hooks/useTypingTask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTypingTask.d.ts","sourceRoot":"","sources":["../../src/hooks/useTypingTask.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEzG,UAAU,oBAAoB;IAC5B,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,YAAY,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC1F,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAChD,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,MAAM,OAAO,CAAC;IACxB,qBAAqB;IACrB,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,aAAa,GAAI,SAAS,oBAAoB,KAAG,oBAmX7D,CAAC"}