ds-markdown 0.0.14-beta.0 → 0.0.14

package/README.en.md

@@ -180,9 +180,9 @@ Let's explore these new features together!`);
 ### Imperative API (Recommended for Streaming Scenarios)
 
 ```typescript
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
-interface MarkdownRef {
+interface MarkdownCMDRef {
   push: (content: string, answerType: AnswerType) => void;
   clear: () => void;
   triggerWholeEnd: () => void;
@@ -194,6 +194,15 @@ interface MarkdownRef {
 | `push`            | `(content: string, answerType: AnswerType)` | Add content and start typing  |
 | `clear`           | -                                           | Clear all content and state   |
 | `triggerWholeEnd` | -                                           | Manually trigger end callback |
+| `stop`            | -                                           | Pause typing animation        |
+| `resume`          | -                                           | Resume typing animation       |
+
+**Usage Example:**
+
+```tsx
+markdownRef.current?.stop(); // Pause animation
+markdownRef.current?.resume(); // Resume animation
+```
 
 ---
 
@@ -252,10 +261,10 @@ High-frequency recommends `requestAnimationFrame`, low-frequency recommends `set
 
 ````tsx
 import { useRef } from 'react';
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
 function StreamingChat() {
-  const markdownRef = useRef<MarkdownRef>(null);
+  const markdownRef = useRef<MarkdownCMDRef>(null);
 
   // Simulate AI streaming response
   const simulateAIResponse = async () => {
@@ -382,7 +391,7 @@ const handleStreamingMarkdown = () => {
 
 ```tsx
 // ✅ Recommended: Imperative API
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 useEffect(() => {
   ref.current?.push(newChunk, 'answer');
 }, [newChunk]);
@@ -395,9 +404,9 @@ const [content, setContent] = useState('');
 ### 3. Type Safety
 
 ```tsx
-import { MarkdownRef } from 'ds-markdown';
+import { MarkdownCMDRef } from 'ds-markdown';
 
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 // Complete TypeScript type hints
 ```
 

package/README.ja.md

@@ -180,9 +180,9 @@ React 19 は多くのエキサイティングな新機能をもたらします
 ### 命令的 API（ストリーミングシナリオにおすすめ）
 
 ```typescript
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
-interface MarkdownRef {
+interface MarkdownCMDRef {
   push: (content: string, answerType: AnswerType) => void;
   clear: () => void;
   triggerWholeEnd: () => void;
@@ -194,6 +194,15 @@ interface MarkdownRef {
 | `push`            | `(content: string, answerType: AnswerType)` | コンテンツを追加してタイピングを開始 |
 | `clear`           | -                                           | すべてのコンテンツと状態をクリア     |
 | `triggerWholeEnd` | -                                           | 完了コールバックを手動でトリガー     |
+| `stop`            | -                                           | タイピングを一時停止                 |
+| `resume`          | -                                           | タイピングを再開                     |
+
+**使用例：**
+
+```tsx
+markdownRef.current?.stop(); // アニメーションを一時停止
+markdownRef.current?.resume(); // アニメーションを再開
+```
 
 ---
 
@@ -250,10 +259,10 @@ interface MarkdownRef {
 
 ````tsx
 import { useRef } from 'react';
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
 function StreamingChat() {
-  const markdownRef = useRef<MarkdownRef>(null);
+  const markdownRef = useRef<MarkdownCMDRef>(null);
 
   // AI ストリーミング応答をシミュレート
   const simulateAIResponse = async () => {
@@ -380,7 +389,7 @@ const handleStreamingMarkdown = () => {
 
 ```tsx
 // ✅ 推奨：命令的 API
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 useEffect(() => {
   ref.current?.push(newChunk, 'answer');
 }, [newChunk]);
@@ -393,9 +402,9 @@ const [content, setContent] = useState('');
 ### 3. 型安全
 
 ```tsx
-import { MarkdownRef } from 'ds-markdown';
+import { MarkdownCMDRef } from 'ds-markdown';
 
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 // 完全な TypeScript 型ヒント
 ```
 

package/README.ko.md

@@ -180,9 +180,9 @@ React 19는 많은 흥미로운 새 기능을 제공합니다:
 ### 명령형 API (스트리밍 시나리오 추천)
 
 ```typescript
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
-interface MarkdownRef {
+interface MarkdownCMDRef {
   push: (content: string, answerType: AnswerType) => void;
   clear: () => void;
   triggerWholeEnd: () => void;
@@ -195,6 +195,16 @@ interface MarkdownRef {
 | `clear`           | -                                           | 모든 콘텐츠와 상태 초기화  |
 | `triggerWholeEnd` | -                                           | 완료 콜백 수동 트리거      |
 
+| `stop` | - | 타이핑 애니메이션 일시정지 |
+| `resume` | - | 타이핑 애니메이션 재개 |
+
+**사용 예시:**
+
+```tsx
+markdownRef.current?.stop(); // 애니메이션 일시정지
+markdownRef.current?.resume(); // 애니메이션 재개
+```
+
 ---
 
 ## 🎛️ 타이머 모드 상세 설명
@@ -250,10 +260,10 @@ interface MarkdownRef {
 
 ````tsx
 import { useRef } from 'react';
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
 function StreamingChat() {
-  const markdownRef = useRef<MarkdownRef>(null);
+  const markdownRef = useRef<MarkdownCMDRef>(null);
 
   // AI 스트리밍 응답 시뮬레이션
   const simulateAIResponse = async () => {
@@ -380,7 +390,7 @@ const handleStreamingMarkdown = () => {
 
 ```tsx
 // ✅ 추천: 명령형 API
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 useEffect(() => {
   ref.current?.push(newChunk, 'answer');
 }, [newChunk]);
@@ -393,9 +403,9 @@ const [content, setContent] = useState('');
 ### 3. 타입 안전성
 
 ```tsx
-import { MarkdownRef } from 'ds-markdown';
+import { MarkdownCMDRef } from 'ds-markdown';
 
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 // 완전한 TypeScript 타입 힌트
 ```
 

package/README.md

@@ -38,6 +38,7 @@
 - 高频打字支持（`requestAnimationFrame`模式下打字间隔最低可接近于`0ms`）
 - 帧同步渲染，与浏览器 60fps 完美配合
 - 智能字符批量处理，视觉效果更自然
+- 支持打字的中断 `stop` 和 继续`resume`
 
 ### 🔧 **灵活易用**
 
@@ -104,6 +105,8 @@ pnpm add ds-markdown
 
 ### 基础用法
 
+[DEMO](https://stackblitz.com/edit/vitejs-vite-z94syu8j?file=src%2FApp.tsx)
+
 ```tsx
 import DsMarkdown from 'ds-markdown';
 import 'ds-markdown/style.css';
@@ -179,21 +182,20 @@ React 19 带来了许多激动人心的新特性：
 
 ### 命令式 API (推荐流式场景)
 
-```typescript
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
-
-interface MarkdownRef {
-  push: (content: string, answerType: AnswerType) => void;
-  clear: () => void;
-  triggerWholeEnd: () => void;
-}
-```
-
 | 方法              | 参数                                        | 说明               |
 | ----------------- | ------------------------------------------- | ------------------ |
 | `push`            | `(content: string, answerType: AnswerType)` | 添加内容并开始打字 |
 | `clear`           | -                                           | 清空所有内容和状态 |
 | `triggerWholeEnd` | -                                           | 手动触发完成回调   |
+| `stop`            | -                                           | 暂停打字动画       |
+| `resume`          | -                                           | 恢复打字动画       |
+
+**用法示例：**
+
+```tsx
+markdownRef.current?.stop(); // 暂停动画
+markdownRef.current?.resume(); // 恢复动画
+```
 
 ---
 
@@ -252,10 +254,10 @@ interface MarkdownRef {
 
 ````tsx
 import { useRef } from 'react';
-import { MarkdownCMD, MarkdownRef } from 'ds-markdown';
+import { MarkdownCMD, MarkdownCMDRef } from 'ds-markdown';
 
 function StreamingChat() {
-  const markdownRef = useRef<MarkdownRef>(null);
+  const markdownRef = useRef<MarkdownCMDRef>(null);
 
   // 模拟 AI 流式响应
   const simulateAIResponse = async () => {
@@ -382,7 +384,7 @@ const handleStreamingMarkdown = () => {
 
 ```tsx
 // ✅ 推荐：命令式 API
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 useEffect(() => {
   ref.current?.push(newChunk, 'answer');
 }, [newChunk]);
@@ -395,9 +397,9 @@ const [content, setContent] = useState('');
 ### 3. 类型安全
 
 ```tsx
-import { MarkdownRef } from 'ds-markdown';
+import { MarkdownCMDRef } from 'ds-markdown';
 
-const ref = useRef<MarkdownRef>(null);
+const ref = useRef<MarkdownCMDRef>(null);
 // 完整的 TypeScript 类型提示
 ```
 

package/dist/cjs/Markdown/index.d.ts

@@ -5,5 +5,5 @@ interface MarkdownImplProps extends MarkdownProps {
     answerType: AnswerType;
     theme?: Theme;
 }
-declare const _default: React.NamedExoticComponent<MarkdownImplProps>;
+declare const _default: React.NamedExoticComponent<MarkdownImplProps & React.RefAttributes<import("../defined.js").MarkdownBaseRef>>;
 export default _default;

package/dist/cjs/Markdown/index.js

@@ -7,7 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const constant_js_1 = require("../constant.js");
 const index_js_1 = __importDefault(require("../MarkdownCMD/index.js"));
-const MarkdownInner = ({ children: _children = '', answerType, onTypedChar, ...rest }) => {
+const MarkdownInner = ({ children: _children = '', answerType, markdownRef, ...rest }) => {
     const cmdRef = (0, react_1.useRef)(null);
     const prefixRef = (0, react_1.useRef)('');
     const content = (0, react_1.useMemo)(() => {
@@ -38,9 +38,17 @@ const MarkdownInner = ({ children: _children = '', answerType, onTypedChar, ...r
             prefixRef.current = content;
         }
     }, [answerType, content]);
+    (0, react_1.useImperativeHandle)(markdownRef, () => ({
+        stop: () => {
+            cmdRef.current.stop();
+        },
+        resume: () => {
+            cmdRef.current.resume();
+        },
+    }));
     return (0, jsx_runtime_1.jsx)(index_js_1.default, { ref: cmdRef, ...rest });
 };
-const Markdown = (props) => {
+const Markdown = (0, react_1.forwardRef)((props, ref) => {
     const { children = '', answerType = 'answer' } = props;
     if (constant_js_1.__DEV__) {
         if (!['thinking', 'answer'].includes(answerType)) {
@@ -50,7 +58,7 @@ const Markdown = (props) => {
             throw new Error('Markdown组件的子元素必须是一个字符串');
         }
     }
-    return (0, jsx_runtime_1.jsx)(MarkdownInner, { ...props, answerType: answerType });
-};
+    return (0, jsx_runtime_1.jsx)(MarkdownInner, { ...props, answerType: answerType, markdownRef: ref });
+});
 exports.default = (0, react_1.memo)(Markdown);
 //# sourceMappingURL=index.js.map

package/dist/cjs/Markdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Markdown/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAgE;AAChE,gDAAyC;AAEzC,uEAAmE;AAQnE,MAAM,aAAa,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpH,MAAM,MAAM,GAAG,IAAA,cAAM,EAAc,IAAK,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,qBAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,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,EAAE,UAAU,CAAC,CAAC;YAC5C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,OAAO,uBAAC,kBAAW,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,KAAK,EAAE,EAAE;IACtD,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAI,qBAAO,EAAE,CAAC;QACZ,IAAI,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACjD,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,OAAO,uBAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAAC;AAC9D,CAAC,CAAC;AAEF,kBAAe,IAAA,YAAI,EAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Markdown/index.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAiG;AACjG,gDAAyC;AAEzC,uEAAkD;AAYlD,MAAM,aAAa,GAAiC,CAAC,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrH,MAAM,MAAM,GAAG,IAAA,cAAM,EAAiB,IAAK,CAAC,CAAC;IAC7C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,EAAE,CAAC,CAAC;IAC7B,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,IAAI,qBAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC1C,CAAC;QACD,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,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,EAAE,UAAU,CAAC,CAAC;YAC5C,SAAS,CAAC,OAAO,GAAG,OAAO,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAE1B,IAAA,2BAAmB,EAAC,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;KACF,CAAC,CAAC,CAAC;IAEJ,OAAO,uBAAC,kBAAW,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,GAAI,CAAC;AAChD,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAA,kBAAU,EAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACzE,MAAM,EAAE,QAAQ,GAAG,EAAE,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEvD,IAAI,qBAAO,EAAE,CAAC;QACZ,IAAI,CAAC,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC;YACjD,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;QAC7D,CAAC;QACD,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IAED,OAAO,uBAAC,aAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,GAAG,GAAI,CAAC;AAChF,CAAC,CAAC,CAAC;AAEH,kBAAe,IAAA,YAAI,EAAC,QAAQ,CAAC,CAAC"}

package/dist/cjs/MarkdownCMD/index.d.ts

@@ -1,8 +1,3 @@
-import { AnswerType, MarkdownProps } from '../defined.js';
-export interface MarkdownRef {
-    push: (content: string, answerType: AnswerType) => void;
-    clear: () => void;
-    triggerWholeEnd: () => void;
-}
-declare const MarkdownCMD: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<MarkdownRef>>;
+import { MarkdownProps, MarkdownCMDRef } from '../defined.js';
+declare const MarkdownCMD: import("react").ForwardRefExoticComponent<MarkdownProps & import("react").RefAttributes<MarkdownCMDRef>>;
 export default MarkdownCMD;

package/dist/cjs/MarkdownCMD/index.js

@@ -7,9 +7,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const index_js_1 = __importDefault(require("../components/HighReactMarkdown/index.js"));
 const classnames_1 = __importDefault(require("classnames"));
-const compiler_js_1 = require("../utils/compiler.js");
 const constant_js_1 = require("../constant.js");
-const deepClone_js_1 = __importDefault(require("../utils/methods/deepClone.js"));
 const useTypingTask_js_1 = require("../hooks/useTypingTask.js");
 const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, onTypedChar, timerType = 'setTimeout', theme = 'light' }, ref) => {
     /** 当前需要打字的内容 */
@@ -19,15 +17,7 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
      * 如果打字已经完全结束，则不会再触发打字效果
      */
     const isWholeTypedEndRef = (0, react_1.useRef)(false);
-    /**
-     * 稳定段落
-     * 稳定段落是已经打过字，并且不会再变化的段落
-     */
-    const stableSegmentsRef = (0, react_1.useRef)([]);
-    const stableSegments = stableSegmentsRef.current;
-    /** 当前段落引用 */
-    const currentParagraphRef = (0, react_1.useRef)(undefined);
-    const currentSegment = currentParagraphRef.current;
+    const charIndexRef = (0, react_1.useRef)(0);
     /** 整个内容引用 */
     const wholeContentRef = (0, react_1.useRef)({
         thinking: {
@@ -38,8 +28,8 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
             content: '',
             length: 0,
         },
+        allLength: 0,
     });
-    /** 触发更新 */
     const [, setUpdate] = (0, react_1.useState)(false);
     const triggerUpdate = () => {
         setUpdate((prev) => !prev);
@@ -48,66 +38,16 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
      * 处理字符显示逻辑
      */
     const processCharDisplay = (char) => {
-        const currentSegment = currentParagraphRef.current;
-        // debugger;
-        /** 如果碰到 space，和split_segment 则需要处理成两个段落 */
-        if (char.contentType === 'space' || char.contentType === 'split_segment') {
-            if (currentSegment) {
-                const newStableSegments = [...stableSegmentsRef.current];
-                // 放入到稳定队列
-                if (currentSegment) {
-                    newStableSegments.push({ ...currentSegment, isTyped: false });
-                }
-                stableSegmentsRef.current = newStableSegments;
-                currentParagraphRef.current = undefined;
-                triggerUpdate();
-            }
-            return;
-        }
-        // 处理当前段落
-        const newCurrentParagraph = {
-            content: '',
-            isTyped: false,
-            type: 'text',
-            answerType: char.answerType,
-            tokensReference: {},
-        };
-        let _currentParagraph = currentSegment;
-        if (!_currentParagraph) {
-            // 如果当前没有段落，则直接设置为新当前段落
-            _currentParagraph = newCurrentParagraph;
-        }
-        else if (currentSegment && currentSegment?.answerType !== char.answerType) {
-            // 如果当前段落和当前字符的回答类型不一致，则需要处理成两个段落
-            const newStableSegments = [...stableSegmentsRef.current];
-            newStableSegments.push({ ...currentSegment, isTyped: false });
-            stableSegmentsRef.current = newStableSegments;
-            _currentParagraph = newCurrentParagraph;
-        }
-        const tokensReference = (0, deepClone_js_1.default)(_currentParagraph.tokensReference);
-        if (tokensReference[char.tokenId]) {
-            tokensReference[char.tokenId].raw += char.content;
-            tokensReference[char.tokenId].startIndex = currentSegment?.content?.length || 0;
+        if (char.answerType === 'thinking') {
+            wholeContentRef.current.thinking.content += char.content;
+            wholeContentRef.current.thinking.length += 1;
         }
         else {
-            tokensReference[char.tokenId] = {
-                startIndex: currentSegment?.content?.length || 0,
-                raw: char.content,
-            };
+            wholeContentRef.current.answer.content += char.content;
+            wholeContentRef.current.answer.length += 1;
         }
-        const newCurrentSegment = {
-            ..._currentParagraph,
-            tokensReference,
-            content: (currentSegment?.content || '') + char.content,
-            isTyped: true,
-        };
-        currentParagraphRef.current = newCurrentSegment;
         triggerUpdate();
     };
-    /** 思考段落 */
-    const thinkingParagraphs = (0, react_1.useMemo)(() => stableSegments.filter((paragraph) => paragraph.answerType === 'thinking'), [stableSegments]);
-    /** 回答段落 */
-    const answerParagraphs = (0, react_1.useMemo)(() => stableSegments.filter((paragraph) => paragraph.answerType === 'answer'), [stableSegments]);
     // 使用新的打字任务 hook
     const typingTask = (0, useTypingTask_js_1.useTypingTask)({
         timerType,
@@ -119,10 +59,6 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
         processCharDisplay,
         wholeContentRef,
     });
-    const lastSegmentRawRef = (0, react_1.useRef)({
-        thinkingReference: null,
-        answerReference: null,
-    });
     /**
      * 内部推送处理逻辑
      */
@@ -130,103 +66,18 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
         if (content.length === 0) {
             return;
         }
-        const lastSegmentReference = lastSegmentRawRef.current[`${answerType}Reference`];
-        if (isWholeTypedEndRef.current) {
-            if (constant_js_1.__DEV__) {
-                console.warn('打字已经完全结束，不能再添加新的内容');
-            }
-            return;
-        }
-        const wholeContent = wholeContentRef.current[`${answerType}`] || '';
-        let currentIndex = wholeContent.length;
-        let currentLastSegmentReference = null;
-        let currentLastSegmentRaw = '';
-        let lastSegmentRaw = '';
-        if (lastSegmentReference) {
-            lastSegmentRaw = lastSegmentReference.raw;
-            currentLastSegmentRaw = lastSegmentRaw + content;
-        }
-        else {
-            currentLastSegmentRaw = content;
-        }
-        const tokens = (0, compiler_js_1.compiler)(currentLastSegmentRaw);
-        // 如果最后一个token是space，则把lastSegmentRaw设置为空
-        if (tokens[tokens.length - 1].type === 'space') {
-            currentLastSegmentReference = null;
-        }
-        else {
-            // 如果上一个segment存在并且当前只有一个token，则说明是同一个segment
-            if (lastSegmentReference !== null && tokens.length === 1) {
-                const newCurrentLastSegmentReference = lastSegmentReference;
-                newCurrentLastSegmentReference.raw = newCurrentLastSegmentReference.raw + content;
-                currentLastSegmentReference = newCurrentLastSegmentReference;
-            }
-            else {
-                currentLastSegmentReference = tokens[tokens.length - 1];
-            }
-        }
-        const pushAndSplitSegment = (raw, tokenIndex, segmentTokenId) => {
-            const currentToken = tokens[tokenIndex];
-            if (tokenIndex > 0) {
-                const prevToken = tokens[tokenIndex - 1];
-                if (prevToken.type !== 'space' && currentToken.type !== 'space') {
-                    charsRef.current.push({ content: '', answerType, contentType: 'split_segment', tokenId: currentToken.id, index: currentIndex++ });
-                }
-            }
-            charsRef.current.push(...raw.split('').map((char) => ({ content: char, answerType, contentType: 'segment', tokenId: segmentTokenId, index: currentIndex++ })));
-        };
-        if (!lastSegmentReference) {
-            tokens.forEach((token, i) => {
-                if (token.type === 'space') {
-                    charsRef.current.push(...token.raw.split('').map((char) => ({ content: char, answerType, contentType: 'space', tokenId: token.id, index: currentIndex++ })));
-                }
-                else {
-                    pushAndSplitSegment(token.raw, i, token.id);
-                }
-            });
-        }
-        else {
-            // debugger;
-            let str = '';
-            let nextTokenIndex = lastSegmentRaw.length;
-            for (let i = 0; i < tokens.length; i++) {
-                const token = tokens[i];
-                if (token.type === 'space') {
-                    charsRef.current.push(...token.raw.split('').map((char) => ({ content: char, answerType, contentType: 'space', tokenId: token.id, index: currentIndex++ })));
-                    str += token.raw;
-                }
-                else {
-                    str += token.raw;
-                    if (str.length < nextTokenIndex && i == 0) {
-                        /** 如果当前字符串长度小于下一个token的索引，则需要将当前段落更新, 以修正不完整的token */
-                        const lastSegmentReferenceId = lastSegmentReference.id;
-                        const currentSegment = currentParagraphRef.current;
-                        const tokensReference = currentSegment?.tokensReference || {};
-                        const lastTokenReference = tokensReference[lastSegmentReferenceId];
-                        if (lastTokenReference) {
-                            const newTokensReference = { [lastSegmentReferenceId]: { startIndex: lastTokenReference.startIndex, raw: token.raw } };
-                            // 去除charsRef中 tokenId = lastSegmentReferenceId 的字符
-                            charsRef.current = charsRef.current.filter((char) => char.tokenId !== lastSegmentReferenceId);
-                            const newCurrentSegment = { ...currentSegment, tokensReference: newTokensReference, isTyped: false, type: 'text', answerType };
-                            newCurrentSegment.content = Object.values(newTokensReference).reduce((acc, curr) => acc + curr.raw, '');
-                            currentParagraphRef.current = newCurrentSegment;
-                            triggerUpdate();
-                        }
-                        else {
-                            // TODO
-                        }
-                    }
-                    const realRaw = str.slice(nextTokenIndex);
-                    if (realRaw.length > 0) {
-                        pushAndSplitSegment(realRaw, i, lastSegmentReference.id);
-                    }
-                }
-                nextTokenIndex = str.length;
-            }
-        }
-        lastSegmentRawRef.current[`${answerType}Reference`] = currentLastSegmentReference;
-        wholeContent.content = wholeContent.content + content;
-        wholeContent.length = wholeContent.content.length;
+        charsRef.current.push(...content.split('').map((chatStr) => {
+            const index = charIndexRef.current++;
+            const charObj = {
+                content: chatStr,
+                answerType,
+                contentType: 'segment',
+                tokenId: 0,
+                index,
+            };
+            return charObj;
+        }));
+        wholeContentRef.current.allLength += content.length;
         if (!typingTask.isTyping()) {
             typingTask.start();
         }
@@ -245,20 +96,31 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
          */
         clear: () => {
             typingTask.stop();
+            typingTask.typedIsManualStopRef.current = false;
             charsRef.current = [];
+            wholeContentRef.current = {
+                thinking: {
+                    content: '',
+                    length: 0,
+                },
+                answer: {
+                    content: '',
+                    length: 0,
+                },
+                allLength: 0,
+            };
             isWholeTypedEndRef.current = false;
-            currentParagraphRef.current = undefined;
-            typingTask.clear();
-            // 清理缓冲区
-            const lastSegmentRef = lastSegmentRawRef.current;
-            lastSegmentRef.thinkingReference = null;
-            lastSegmentRef.answerReference = null;
-            wholeContentRef.current.thinking.content = '';
-            wholeContentRef.current.thinking.length = 0;
-            wholeContentRef.current.answer.content = '';
-            wholeContentRef.current.answer.length = 0;
+            charIndexRef.current = 0;
             triggerUpdate();
         },
+        /** 停止打字任务 */
+        stop: () => {
+            typingTask.stop();
+        },
+        /** 重新开始打字任务 */
+        resume: () => {
+            typingTask.resume();
+        },
         /**
          * 主动触发打字结束
          */
@@ -276,19 +138,14 @@ const MarkdownCMD = (0, react_1.forwardRef)(({ interval = 30, onEnd, onStart, on
          * 刷新缓冲区 (新增方法)
          */
     }));
-    const getParagraphs = (paragraphs, answerType) => {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: [paragraphs.map((paragraph, index) => {
-                    if (paragraph.type === 'br') {
-                        return null;
-                    }
-                    return ((0, jsx_runtime_1.jsx)(index_js_1.default, { theme: theme, children: paragraph.content || '' }, index));
-                }), currentSegment?.answerType === answerType && ((0, jsx_runtime_1.jsx)(index_js_1.default, { theme: theme, children: currentSegment.content || '' }, currentSegment.content))] }));
+    const getParagraphs = (answerType) => {
+        return ((0, jsx_runtime_1.jsx)("div", { className: `ds-markdown-paragraph ds-typed-${answerType}`, children: (0, jsx_runtime_1.jsx)(index_js_1.default, { theme: theme, children: wholeContentRef.current[answerType].content || '' }) }));
     };
     return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classnames_1.default)({
             'ds-markdown': true,
             apple: true,
             'ds-markdown-dark': theme === 'dark',
-        }), children: [(thinkingParagraphs.length > 0 || currentSegment?.answerType === 'thinking') && (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-thinking", children: getParagraphs(thinkingParagraphs, 'thinking') }), (answerParagraphs.length > 0 || currentSegment?.answerType === 'answer') && (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-answer", children: getParagraphs(answerParagraphs, 'answer') })] }));
+        }), children: [(0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-thinking", children: getParagraphs('thinking') }), (0, jsx_runtime_1.jsx)("div", { className: "ds-markdown-answer", children: getParagraphs('answer') })] }));
 });
 if (constant_js_1.__DEV__) {
     MarkdownCMD.displayName = 'MarkdownCMD';