ds-markdown 1.0.5-beta.1 → 1.2.0

package/README.md

@@ -154,6 +154,8 @@ import DsMarkdown, { MarkdownCMD } from 'ds-markdown';
 | `disableTyping`     | `boolean`                                   | Disable typing animation effects                                                                                        | `false`                                                                       |
 | `autoStartTyping`   | `boolean`                                   | Whether to automatically start typing animation, set to false for manual trigger, does not support dynamic modification | `true`                                                                        |
 | `codeBlock`         | `IMarkdownCode`                             | Code block configuration                                                                                                | `{headerActions: true}`                                                       |
+| `experimentalIncrementalRender` | `boolean`                       | **Experimental** incremental render mode. When enabled, avoids full markdown re-parse on every typed character, improving performance for long content | `false` |
+| `incrementalFlushThreshold`     | `number`                        | Tail size threshold for incremental mode flush decisions. Only effective when `experimentalIncrementalRender` is enabled | -       |
 
 > Note: If `disableTyping` changes from `true` to `false` during typing, it will only continue from the current position and will not replay the skipped animation; to replay from the beginning, please call the instance method `restart()`.
 

package/README.zh.md

@@ -154,6 +154,8 @@ import DsMarkdown, { MarkdownCMD } from 'ds-markdown';
 | `disableTyping`     | `boolean`                                   | 禁用打字动画效果                                              | `false`                                                     |
 | `autoStartTyping`   | `boolean`                                   | 是否自动开始打字动画，设为 false 时需手动触发，不支持动态修改 | `true`                                                      |
 | `codeBlock`         | `IMarkdownCode`                             | 代码块配置                                                    | `{headerActions: true}`                                     |
+| `experimentalIncrementalRender` | `boolean`                   | **实验性** 增量渲染模式。开启后避免每次打字时全量重新解析 Markdown，提升长内容场景下的性能 | `false` |
+| `incrementalFlushThreshold`     | `number`                    | 增量模式下的尾部大小阈值，用于决定何时刷新。仅在 `experimentalIncrementalRender` 开启时有效 | -       |
 
 > 注意：打字进行中将 `disableTyping` 从 `true` 改为 `false` 只会从当前位置继续，不会回放已跳过的动画；若需从头播放，请调用实例方法 `restart()`。
 

package/es/components/CodeComponent/HighlightCode/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeComponent/HighlightCode/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CAC/C;;AAsBD,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeComponent/HighlightCode/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,UAAU,kBAAkB;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;CAC/C;;AAqBD,wBAAmC"}

package/es/components/CodeComponent/HighlightCode/index.js

@@ -4,7 +4,6 @@ import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
 // Extract empty style object as constant to avoid creating new object on each render
 const EMPTY_STYLE = {};
 const HighlightCode = ({ code, language, cursorPlaceholder }) => {
-    console.log('code', code);
     return (_jsx(SyntaxHighlighter, { useInlineStyles: false, language: language, style: EMPTY_STYLE, CodeTag: ({ children, ...props }) => (_jsxs("code", { ...props, children: [children, cursorPlaceholder && cursorPlaceholder] })), children: code }));
 };
 export default memo(HighlightCode);

package/es/components/CodeComponent/HighlightCode/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeComponent/HighlightCode/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,qFAAqF;AACrF,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,aAAa,GAAiC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC5F,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;IAC1B,OAAO,CACL,KAAC,iBAAiB,IAChB,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnC,mBAAU,KAAK,aACZ,QAAQ,EAER,iBAAiB,IAAI,iBAAiB,IAClC,CACR,YAEA,IAAI,GACa,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CodeComponent/HighlightCode/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,IAAI,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,qFAAqF;AACrF,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,aAAa,GAAiC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAC5F,OAAO,CACL,KAAC,iBAAiB,IAChB,eAAe,EAAE,KAAK,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACnC,mBAAU,KAAK,aACZ,QAAQ,EAER,iBAAiB,IAAI,iBAAiB,IAClC,CACR,YAEA,IAAI,GACa,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,aAAa,CAAC,CAAC"}

package/es/components/ui/Segmented/index.d.ts

@@ -5,7 +5,7 @@ export interface SegmentedItem {
     value: string;
 }
 export interface SegmentedProps {
-    Segmented: SegmentedItem[];
+    items: SegmentedItem[];
     value?: string;
     onChange?: (value: string) => void;
 }

package/es/components/ui/Segmented/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Segmented/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAcvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/Segmented/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAcvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/components/ui/Segmented/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import './index.css';
-const Segmented = ({ Segmented: segments, value, onChange }) => {
+const Segmented = ({ items: segments, value, onChange }) => {
     const handleClick = (itemValue) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(itemValue);
     };

package/es/components/ui/Segmented/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/Segmented/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAatB,MAAM,SAAS,GAA6B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;QACxC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,cAAsB,SAAS,EAAE,qBAAqB,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,YACjI,IAAI,CAAC,KAAK,IADH,IAAI,CAAC,KAAK,CAEd,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/Segmented/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAatB,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,MAAM,WAAW,GAAG,CAAC,SAAiB,EAAE,EAAE;QACxC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,SAAS,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACpC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,cAAsB,SAAS,EAAE,qBAAqB,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,YACjI,IAAI,CAAC,KAAK,IADH,IAAI,CAAC,KAAK,CAEd,CACP,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/es/index.css

@@ -86,17 +86,6 @@
   line-height: var(--ds-md-line-height);
   margin: calc(var(--ds-md-zoom) * 16px) 0 calc(var(--ds-md-zoom) * 12px) 0;
 }
-.ds-markdown h1,
-.ds-markdown h2,
-.ds-markdown h3,
-.ds-markdown h4,
-.ds-markdown h5,
-.ds-markdown h6 {
-  font-weight: var(--ds-font-weight-strong);
-  font-size: var(--ds-md-font-size);
-  line-height: var(--ds-md-line-height);
-  margin: calc(var(--ds-md-zoom) * 16px) 0 calc(var(--ds-md-zoom) * 12px) 0;
-}
 .ds-markdown h1 {
   font-size: calc(var(--ds-md-zoom) * 24px);
   line-height: 1.5;
@@ -219,21 +208,6 @@
 .ds-markdown code:after {
   margin-right: 4px;
 }
-ds-markdown-math {
-  text-align: center;
-  display: block;
-  overflow-x: auto;
-  overflow-y: hidden;
-}
-.ds-markdown > * .ds-markdown-math {
-  margin: calc(var(--ds-md-zoom) * 12px) 0;
-}
-.ds-markdown > * .ds-markdown-math:first-child {
-  margin-top: 0;
-}
-.ds-markdown > * .ds-markdown-math:last-child {
-  margin-bottom: 0;
-}
 .ds-markdown-code-copy-button {
   background-color: rgba(var(--ds-rgba-transparent));
   color: inherit;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ds-markdown",
   "private": false,
-  "version": "1.0.5-beta.1",
+  "version": "1.2.0",
   "main": "./dist/esm/index.js",
   "module": "./dist/esm/index.js",
   "style": "./dist/style.css",
@@ -65,6 +65,8 @@
   "scripts": {
     "dev": "vite",
     "build:docs": "rimraf docs && vite build",
+    "build:nextra-docs-zh": "rimraf ./docs/zh && cd nextra-docs-zh && npm i && npm run build",
+    "build:nextra-docs-en": "rimraf ./docs/en && cd nextra-docs-en && npm i && npm run build",
     "build": "node scripts/build-lib-ts.js",
     "build:less": "lessc src/style.less dist/style.css && lessc src/katex.less dist/katex.css",
     "lint": "eslint .",
@@ -77,8 +79,7 @@
     "classnames": "^2.5.1",
     "katex": "^0.16.22",
     "react-markdown": "^10.1.0",
-    "react-markdown-typer": "^1.0.4-beta.1",
-    "react-router-dom": "^7.7.1",
+    "react-markdown-typer": "1.0.5",
     "react-syntax-highlighter": "^15.6.1",
     "rehype-katex": "^7.0.1",
     "remark-gfm": "^4.0.1",
@@ -127,6 +128,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-refresh": "^0.17.0",
+    "react-router-dom": "^7.7.1",
     "rehype-stringify": "^10.0.1",
     "remark-parse": "^11.0.0",
     "remark-rehype": "^11.1.2",
@@ -156,6 +158,6 @@
     "react-markdown"
   ],
   "publishConfig": {
-    "tag": "beta"
+    "tag": "latest"
   }
 }

package/es/AutoScroll/index.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-interface AutoScrollProps {
-    children: React.ReactNode;
-}
-declare const AutoScroll: React.FC<AutoScrollProps>;
-export default AutoScroll;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/AutoScroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAEzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/AutoScroll/index.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-const AutoScroll = ({ children }) => {
-    return _jsx("div", { className: "ds-markdown_auto_scroll", children: children });
-};
-export default AutoScroll;
-//# sourceMappingURL=index.js.map

package/es/AutoScroll/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AutoScroll/index.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,GAA8B,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC7D,OAAO,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,CAAC;AACnE,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/components/TableComponent/index.css

@@ -1,24 +0,0 @@
-.ds-markdown .markdown-table-wrapper {
-  overflow-x: auto;
-}
-.ds-markdown .markdown-table-wrapper table {
-  width: max-content;
-  max-width: max-content;
-  min-width: 100%;
-}
-.ds-markdown .markdown-table-wrapper th,
-.ds-markdown .markdown-table-wrapper td {
-  padding: 10px;
-  font-size: 15px;
-  line-height: 1.72;
-}
-.ds-markdown .markdown-table-wrapper th {
-  border-color: var(--dsr-border-1);
-  border-top: none;
-}
-.ds-markdown .markdown-table-wrapper td {
-  border-color: var(--dsr-border-2);
-  max-width: 320px;
-  min-width: 100px;
-  max-width: max(30vw, 320px);
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import './index.css';
-interface TableComponentProps {
-    children: React.ReactNode;
-}
-declare const TableComponent: React.FC<TableComponentProps>;
-export default TableComponent;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAMjD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/es/components/TableComponent/index.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import './index.css';
-const TableComponent = ({ children }) => {
-    return (_jsx("div", { className: "markdown-table-wrapper", children: _jsx("table", { className: "ds-markdown-table", children: children }) }));
-};
-export default TableComponent;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TableComponent/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAMtB,MAAM,cAAc,GAAkC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACrE,OAAO,CACL,cAAK,SAAS,EAAC,wBAAwB,YACrC,gBAAO,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAS,GACnD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}