@king-design/vue 3.8.0-beta.0 → 3.8.0-beta.2

package/components/xmarkdown/markdown/streaming.js

@@ -3,14 +3,14 @@ import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
 import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { var _context12; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context12 = Object.prototype.toString.call(o)).call(_context12, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _unsupportedIterableToArray(o, minLen) { var _context15; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context15 = Object.prototype.toString.call(o)).call(_context15, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
 import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
 import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
-import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
 import _endsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/ends-with";
 /**
  * 流式渲染
@@ -203,7 +203,7 @@ function recognizeToken(cache) {
       cache.token = 'list';
       return;
     }
-    if (_startsWithInstanceProperty(_context6 = cache.pending).call(_context6, '|')) {
+    if (_startsWithInstanceProperty(_context6 = cache.pending).call(_context6, '|') && !isInTableContext(cache.completeMarkdown)) {
       cache.token = 'table';
       return;
     }
@@ -308,13 +308,46 @@ function isTableIncomplete(markdown) {
   if (lines.length <= 1) return true;
   var header = lines[0],
     separator = lines[1];
-  if (!/^\|.*\|$/.test(_trimInstanceProperty(header).call(header))) return false;
+  if (!isTableRow(header)) return false;
   var columns = _filterInstanceProperty(_context9 = _mapInstanceProperty(_context10 = _trimInstanceProperty(separator).call(separator).split('|')).call(_context10, function (column) {
     return _trimInstanceProperty(column).call(column);
   })).call(_context9, Boolean);
+  return isTableSeparatorColumns(columns, true);
+}
+/**
+ * 判断当前 pending 是否是在已有表格后继续追加新行。
+ * 这种场景直接进入 stable 渲染，让 markdown-it 增量填充各列，避免整行原样压在 tail 中。
+ */
+function isInTableContext(completeMarkdown) {
+  var _context12, _context13;
+  var lines = completeMarkdown.split('\n');
+  var block = [];
+  var end = lines.length - 1;
+  while (end >= 0 && !_trimInstanceProperty(_context11 = lines[end]).call(_context11)) {
+    var _context11;
+    end--;
+  }
+  for (var i = end; i >= 0; i--) {
+    var line = lines[i];
+    if (!_trimInstanceProperty(line).call(line)) break;
+    block.unshift(line);
+  }
+  if (block.length < 2) return false;
+  var header = block[0],
+    separator = block[1];
+  if (!isTableRow(header)) return false;
+  var columns = _filterInstanceProperty(_context12 = _mapInstanceProperty(_context13 = _trimInstanceProperty(separator).call(separator).split('|')).call(_context13, function (column) {
+    return _trimInstanceProperty(column).call(column);
+  })).call(_context12, Boolean);
+  return isTableSeparatorColumns(columns, false);
+}
+function isTableRow(line) {
+  return /^\|.*\|$/.test(_trimInstanceProperty(line).call(line));
+}
+function isTableSeparatorColumns(columns, allowTrailingColon) {
   var separatorRegex = /^:?-+:?$/;
-  return columns.every(function (column, index) {
-    return index === columns.length - 1 ? column === ':' || separatorRegex.test(column) : separatorRegex.test(column);
+  return columns.length > 0 && columns.every(function (column, index) {
+    return allowTrailingColon && index === columns.length - 1 ? column === ':' || separatorRegex.test(column) : separatorRegex.test(column);
   });
 }
 /**
@@ -388,11 +421,11 @@ function findOpenMathBlock(source) {
  * 提取未闭合代码围栏的语言标记
  */
 function extractLanguageFromFence(tailText) {
-  var _context11;
+  var _context14;
   var firstLineEnd = tailText.indexOf('\n');
   var firstLine = firstLineEnd === -1 ? tailText : _sliceInstanceProperty(tailText).call(tailText, 0, firstLineEnd);
   var match = firstLine.match(/^ {0,3}`{3,}(\S*)/);
-  return match && match[1] ? _trimInstanceProperty(_context11 = match[1]).call(_context11).toLowerCase() : undefined;
+  return match && match[1] ? _trimInstanceProperty(_context14 = match[1]).call(_context14).toLowerCase() : undefined;
 }
 /**
  * 渲染未闭合的代码围栏

package/components/xmarkdown/styles.js

@@ -1,6 +1,6 @@
 import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
-import { deepDefaults } from '../../styles/utils';
+import { deepDefaults, setAlpha } from '../../styles/utils';
 import '../../styles/global';
 import { cache } from '../utils';
 var defaults = {
@@ -46,5 +46,5 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("display:block;color:", xmarkdown.color, ";line-height:1.7;font-size:14px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;.", k, "-xmarkdown-loading,.", k, "-xmarkdown-empty{display:inline-flex;align-items:center;gap:8px;color:", xmarkdown.mutedColor, ";min-height:24px;}.", k, "-xmarkdown-loading-dots{display:inline-flex;align-items:center;gap:4px;margin-right:4px;}.", k, "-xmarkdown-loading-dot{width:", xmarkdown.loadingDotSize, ";height:", xmarkdown.loadingDotSize, ";border-radius:50%;background:", xmarkdown.loadingDotColor, ";display:inline-block;animation:", k, "-xmarkdown-loading-bounce 1s ease-in-out infinite;opacity:0.45;}.", k, "-xmarkdown-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-xmarkdown-loading-dot:nth-of-type(3){animation-delay:0.28s;}@keyframes ", k, "-xmarkdown-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-4px) scale(1);opacity:1;}}.", k, "-xmarkdown-content{color:inherit;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}.", k, "-xmarkdown-content p{font-size:12px;}.", k, "-xmarkdown-stable,.", k, "-xmarkdown-tail{display:contents;}.", k, "-xmarkdown-stable>:first-child{margin-top:0;}.", k, "-xmarkdown-stable>:last-child,.", k, "-xmarkdown-tail>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content [data-kpc-xmarkdown-tail=\"true\"]{display:inline;white-space:pre-wrap;word-break:break-word;}.", k, "-xmarkdown-stable>p,.", k, "-xmarkdown-stable>ul,.", k, "-xmarkdown-stable>ol,.", k, "-xmarkdown-stable>blockquote,.", k, "-xmarkdown-stable>pre,.", k, "-xmarkdown-stable>table,.", k, "-xmarkdown-stable>hr,.", k, "-xmarkdown-stable>h1,.", k, "-xmarkdown-stable>h2,.", k, "-xmarkdown-stable>h3,.", k, "-xmarkdown-stable>h4,.", k, "-xmarkdown-stable>h5,.", k, "-xmarkdown-stable>h6{margin:0 0 12px;}.", k, "-xmarkdown-content blockquote>:first-child{margin-top:0;}.", k, "-xmarkdown-content blockquote>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content ul,.", k, "-xmarkdown-content ol{padding-left:20px;}.", k, "-xmarkdown-content li{margin:6px 0;}.", k, "-xmarkdown-content li>p{margin:6px 0;}.", k, "-xmarkdown-content li>p:first-child{margin-top:0;}.", k, "-xmarkdown-content li>p:last-child{margin-bottom:0;}.", k, "-xmarkdown-content h1,.", k, "-xmarkdown-content h2,.", k, "-xmarkdown-content h3,.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{color:", xmarkdown.headingColor, ";font-weight:600;line-height:1.35;}.", k, "-xmarkdown-content h1{font-size:24px;}.", k, "-xmarkdown-content h2{font-size:20px;}.", k, "-xmarkdown-content h3{font-size:18px;}.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{font-size:16px;}.", k, "-xmarkdown-content a{color:", theme.color.primary, ";text-decoration:none;}.", k, "-xmarkdown-content a:hover{text-decoration:underline;}.", k, "-xmarkdown-content img{display:block;max-width:100%;height:auto;border-radius:8px;}.", k, "-xmarkdown-content hr{border:0;border-top:1px solid ", xmarkdown.hrColor, ";}.", k, "-xmarkdown-inline-code{display:inline-block;padding:0 6px;border-radius:6px;font-size:12px;line-height:1.7;vertical-align:baseline;background:", xmarkdown.inlineCodeBg, ";color:", xmarkdown.inlineCodeColor, ";border:1px solid ", xmarkdown.inlineCodeBorder, ";}.", k, "-xmarkdown-content pre{margin:0;overflow:auto;}.", k, "-xmarkdown-code-block,.", k, "-xmarkdown-mermaid-block{margin:0 0 12px;min-width:0;max-width:100%;overflow:hidden;border:1px solid ", xmarkdown.codeBlockBorder, ";border-radius:18px;background:", xmarkdown.codeBlockBg, ";box-sizing:border-box;}.", k, "-xmarkdown-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid ", xmarkdown.codeBlockBorder, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-code-language{min-width:0;font-size:13px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:inherit;flex:1 1 auto;}.", k, "-xmarkdown-code-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;}.", k, "-xmarkdown-toolbar-toggle-group,.", k, "-xmarkdown-toolbar-action-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%;}.", k, "-xmarkdown-toolbar-toggle-group{margin-right:2px;}.", k, "-xmarkdown-toolbar-toggle{border:0;padding:0 6px;background:transparent;color:", xmarkdown.mutedColor, ";font-size:12px;line-height:20px;cursor:pointer;transition:color ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-toggle[data-kpc-selected=\"true\"]{color:", xmarkdown.codeToolbarColor, ";font-weight:600;}.", k, "-xmarkdown-toolbar-toggle:hover{color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:", xmarkdown.codeActionColor, ";cursor:pointer;transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-icon-button:hover:not(:disabled){background:", xmarkdown.codeActionHoverBg, ";color:", theme.color.primary, ";}.", k, "-xmarkdown-toolbar-icon-button:disabled{opacity:0.4;cursor:not-allowed;background:transparent;color:", xmarkdown.codeActionColor, ";}.", k, "-xmarkdown-toolbar-icon{font-size:14px;line-height:1;}.", k, "-xmarkdown-code-body,.", k, "-xmarkdown-mermaid-body{min-width:0;max-width:100%;overflow:auto;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{padding:0px;background:transparent;color:", xmarkdown.codeTextColor, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;font-size:12px;line-height:1.7;}.", k, "-xmarkdown-code-block pre code,.", k, "-xmarkdown-mermaid-source code{display:block;min-width:fit-content;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;padding:12px;}.", k, "-xmarkdown-code-block .hljs,.", k, "-xmarkdown-mermaid-source .hljs{background:transparent;color:", xmarkdown.codeTextColor, ";border:0;}.", k, "-xmarkdown-code-block .hljs-comment,.", k, "-xmarkdown-code-block .hljs-quote,.", k, "-xmarkdown-mermaid-source .hljs-comment,.", k, "-xmarkdown-mermaid-source .hljs-quote{color:", xmarkdown.codeCommentColor, ";}.", k, "-xmarkdown-code-block .hljs-keyword,.", k, "-xmarkdown-code-block .hljs-selector-tag,.", k, "-xmarkdown-code-block .hljs-literal,.", k, "-xmarkdown-code-block .hljs-link,.", k, "-xmarkdown-mermaid-source .hljs-keyword,.", k, "-xmarkdown-mermaid-source .hljs-selector-tag,.", k, "-xmarkdown-mermaid-source .hljs-literal,.", k, "-xmarkdown-mermaid-source .hljs-link{color:", xmarkdown.codeKeywordColor, ";}.", k, "-xmarkdown-code-block .hljs-string,.", k, "-xmarkdown-code-block .hljs-title,.", k, "-xmarkdown-code-block .hljs-type,.", k, "-xmarkdown-code-block .hljs-attribute,.", k, "-xmarkdown-code-block .hljs-symbol,.", k, "-xmarkdown-code-block .hljs-bullet,.", k, "-xmarkdown-code-block .hljs-addition,.", k, "-xmarkdown-mermaid-source .hljs-string,.", k, "-xmarkdown-mermaid-source .hljs-title,.", k, "-xmarkdown-mermaid-source .hljs-type,.", k, "-xmarkdown-mermaid-source .hljs-attribute,.", k, "-xmarkdown-mermaid-source .hljs-symbol,.", k, "-xmarkdown-mermaid-source .hljs-bullet,.", k, "-xmarkdown-mermaid-source .hljs-addition{color:", xmarkdown.codeStringColor, ";}.", k, "-xmarkdown-code-block .hljs-number,.", k, "-xmarkdown-code-block .hljs-built_in,.", k, "-xmarkdown-code-block .hljs-builtin-name,.", k, "-xmarkdown-code-block .hljs-variable,.", k, "-xmarkdown-code-block .hljs-template-variable,.", k, "-xmarkdown-code-block .hljs-params,.", k, "-xmarkdown-mermaid-source .hljs-number,.", k, "-xmarkdown-mermaid-source .hljs-built_in,.", k, "-xmarkdown-mermaid-source .hljs-builtin-name,.", k, "-xmarkdown-mermaid-source .hljs-variable,.", k, "-xmarkdown-mermaid-source .hljs-template-variable,.", k, "-xmarkdown-mermaid-source .hljs-params{color:", xmarkdown.codeNumberColor, ";}.", k, "-xmarkdown-code-block .hljs-function,.", k, "-xmarkdown-code-block .hljs-title.function_,.", k, "-xmarkdown-code-block .hljs-title.class_,.", k, "-xmarkdown-code-block .hljs-property,.", k, "-xmarkdown-mermaid-source .hljs-function,.", k, "-xmarkdown-mermaid-source .hljs-title.function_,.", k, "-xmarkdown-mermaid-source .hljs-title.class_,.", k, "-xmarkdown-mermaid-source .hljs-property{color:", xmarkdown.codeFunctionColor, ";}.", k, "-xmarkdown-code-block .hljs-deletion,.", k, "-xmarkdown-mermaid-source .hljs-deletion{color:", xmarkdown.mermaidErrorColor, ";}.", k, "-xmarkdown-mermaid-block{background:", xmarkdown.mermaidBg, ";}.", k, "-xmarkdown-mermaid-block .", k, "-xmarkdown-code-toolbar{border-bottom-color:", xmarkdown.borderColor, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-mermaid-canvas{position:relative;min-height:0;min-width:0;max-width:100%;padding:8px;box-sizing:border-box;overflow:hidden;background:", xmarkdown.mermaidCanvasBg, ";}.", k, "-xmarkdown-mermaid-viewport{overflow:auto;min-height:120px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;max-height:480px;border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 252, 0.96) 100%);cursor:default;user-select:none;scrollbar-width:thin;scrollbar-color:", xmarkdown.scrollbarThumb, " transparent;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-can-drag=\"true\"]{cursor:grab;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-dragging=\"true\"]{cursor:grabbing;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar{width:10px;height:10px;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-track{background:transparent;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb{background:", xmarkdown.scrollbarThumb, ";border:2px solid transparent;border-radius:999px;background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb:hover{background:", xmarkdown.scrollbarThumbHover, ";background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-corner{background:transparent;}.", k, "-xmarkdown-mermaid-stage{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:120px;padding:8px;box-sizing:border-box;}.", k, "-xmarkdown-mermaid-stage svg{display:block;margin:0 auto;transition:width ", theme.transition.small, ",height ", theme.transition.small, ";will-change:width,height;}.", k, "-xmarkdown-mermaid-source{display:none;margin:0;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-source{display:block;}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-canvas{display:none;}.", k, "-xmarkdown-mermaid-error{padding:14px 16px;border-radius:8px;background:", xmarkdown.mermaidErrorBg, ";color:", xmarkdown.mermaidErrorColor, ";white-space:pre-wrap;}.", k, "-xmarkdown-content blockquote{padding:12px 16px;border-left:4px solid ", xmarkdown.blockquoteBorder, ";border-radius:0 10px 10px 0;background:", xmarkdown.blockquoteBg, ";color:", xmarkdown.mutedColor, ";}.", k, "-xmarkdown-table-wrap>table{width:max-content;min-width:100%;font-size:12px;border-collapse:collapse;border:1px solid ", xmarkdown.borderColor, ";border-radius:10px;}.", k, "-xmarkdown-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;}.", k, "-xmarkdown-table-wrap>table{margin:0;}.", k, "-xmarkdown-table-wrap>table>thead{background:", xmarkdown.tableHeadBg, ";}.", k, "-xmarkdown-table-wrap>table th,.", k, "-xmarkdown-table-wrap>table td{padding:10px 12px;border:1px solid ", xmarkdown.borderColor, ";text-align:left;vertical-align:top;}");
+  return /*#__PURE__*/css("display:block;color:", xmarkdown.color, ";line-height:1.7;font-size:14px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;.", k, "-xmarkdown-loading,.", k, "-xmarkdown-empty{display:inline-flex;align-items:center;gap:8px;color:", xmarkdown.mutedColor, ";min-height:24px;}.", k, "-xmarkdown-loading-dots{display:inline-flex;align-items:center;gap:4px;margin-right:4px;}.", k, "-xmarkdown-loading-dot{width:", xmarkdown.loadingDotSize, ";height:", xmarkdown.loadingDotSize, ";border-radius:50%;background:", xmarkdown.loadingDotColor, ";display:inline-block;animation:", k, "-xmarkdown-loading-bounce 1s ease-in-out infinite;opacity:0.45;}.", k, "-xmarkdown-loading-dot:nth-of-type(2){animation-delay:0.14s;}.", k, "-xmarkdown-loading-dot:nth-of-type(3){animation-delay:0.28s;}@keyframes ", k, "-xmarkdown-loading-bounce{0%,80%,100%{transform:translateY(0) scale(0.9);opacity:0.45;}40%{transform:translateY(-4px) scale(1);opacity:1;}}.", k, "-xmarkdown-content{color:inherit;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;}.", k, "-xmarkdown-content p{font-size:12px;}.", k, "-xmarkdown-stable,.", k, "-xmarkdown-tail{display:contents;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix{display:inline-flex;align-items:center;gap:4px;width:26px;height:6px;margin-top:8px;line-height:0;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);animation:", k, "-xmarkdown-typing-suffix-pulse 1.2s ease-in-out infinite;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span:nth-child(2){animation-delay:0.16s;}.", k, "-xmarkdown-content .", k, "-xmarkdown-typing-suffix span:nth-child(3){animation-delay:0.32s;}@keyframes ", k, "-xmarkdown-typing-suffix-pulse{0%,80%,100%{background:radial-gradient(circle at center, #F8F9FA 0%, #D0D5D9 100%);transform:translateY(0);}40%{background:radial-gradient(circle at center, ", setAlpha(theme.color.primary, 0.45), " 0%, ", theme.color.primary, " 100%);transform:translateY(-1px);}}.", k, "-xmarkdown-stable>:first-child{margin-top:0;}.", k, "-xmarkdown-stable>:last-child,.", k, "-xmarkdown-tail>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content [data-kpc-xmarkdown-tail=\"true\"]{display:inline;white-space:pre-wrap;word-break:break-word;}.", k, "-xmarkdown-stable>p,.", k, "-xmarkdown-stable>ul,.", k, "-xmarkdown-stable>ol,.", k, "-xmarkdown-stable>blockquote,.", k, "-xmarkdown-stable>pre,.", k, "-xmarkdown-stable>table,.", k, "-xmarkdown-stable>hr,.", k, "-xmarkdown-stable>h1,.", k, "-xmarkdown-stable>h2,.", k, "-xmarkdown-stable>h3,.", k, "-xmarkdown-stable>h4,.", k, "-xmarkdown-stable>h5,.", k, "-xmarkdown-stable>h6{margin:0 0 12px;}.", k, "-xmarkdown-content blockquote>:first-child{margin-top:0;}.", k, "-xmarkdown-content blockquote>:last-child{margin-bottom:0;}.", k, "-xmarkdown-content ul,.", k, "-xmarkdown-content ol{padding-left:20px;}.", k, "-xmarkdown-content li{margin:6px 0;}.", k, "-xmarkdown-content li>p{margin:6px 0;}.", k, "-xmarkdown-content li>p:first-child{margin-top:0;}.", k, "-xmarkdown-content li>p:last-child{margin-bottom:0;}.", k, "-xmarkdown-content h1,.", k, "-xmarkdown-content h2,.", k, "-xmarkdown-content h3,.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{color:", xmarkdown.headingColor, ";font-weight:600;line-height:1.35;}.", k, "-xmarkdown-content h1{font-size:24px;}.", k, "-xmarkdown-content h2{font-size:20px;}.", k, "-xmarkdown-content h3{font-size:18px;}.", k, "-xmarkdown-content h4,.", k, "-xmarkdown-content h5,.", k, "-xmarkdown-content h6{font-size:16px;}.", k, "-xmarkdown-content a{color:", theme.color.primary, ";text-decoration:none;}.", k, "-xmarkdown-content a:hover{text-decoration:underline;}.", k, "-xmarkdown-content img{display:block;max-width:100%;height:auto;border-radius:8px;}.", k, "-xmarkdown-content hr{border:0;border-top:1px solid ", xmarkdown.hrColor, ";}.", k, "-xmarkdown-inline-code{display:inline-block;padding:0 6px;border-radius:6px;font-size:12px;line-height:1.7;vertical-align:baseline;background:", xmarkdown.inlineCodeBg, ";color:", xmarkdown.inlineCodeColor, ";border:1px solid ", xmarkdown.inlineCodeBorder, ";}.", k, "-xmarkdown-content pre{margin:0;overflow:auto;}.", k, "-xmarkdown-code-block,.", k, "-xmarkdown-mermaid-block{margin:0 0 12px;min-width:0;max-width:100%;overflow:hidden;border:1px solid ", xmarkdown.codeBlockBorder, ";border-radius:18px;background:", xmarkdown.codeBlockBg, ";box-sizing:border-box;}.", k, "-xmarkdown-stable:not(:empty)+.", k, "-xmarkdown-tail>.", k, "-xmarkdown-code-block:first-child,.", k, "-xmarkdown-stable:not(:empty)+.", k, "-xmarkdown-tail>.", k, "-xmarkdown-mermaid-block:first-child{margin-top:12px;}.", k, "-xmarkdown-code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid ", xmarkdown.codeBlockBorder, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-code-language{min-width:0;font-size:13px;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:inherit;flex:1 1 auto;}.", k, "-xmarkdown-code-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:100%;margin-left:auto;}.", k, "-xmarkdown-toolbar-toggle-group,.", k, "-xmarkdown-toolbar-action-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;max-width:100%;}.", k, "-xmarkdown-toolbar-toggle-group{margin-right:2px;}.", k, "-xmarkdown-toolbar-toggle{border:0;padding:0 6px;background:transparent;color:", xmarkdown.mutedColor, ";font-size:12px;line-height:20px;cursor:pointer;transition:color ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-toggle[data-kpc-selected=\"true\"]{color:", xmarkdown.codeToolbarColor, ";font-weight:600;}.", k, "-xmarkdown-toolbar-toggle:hover{color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-toolbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:transparent;color:", xmarkdown.codeActionColor, ";cursor:pointer;transition:color ", theme.transition.small, ",background ", theme.transition.small, ";}.", k, "-xmarkdown-toolbar-icon-button:hover:not(:disabled){background:", xmarkdown.codeActionHoverBg, ";color:", theme.color.primary, ";}.", k, "-xmarkdown-toolbar-icon-button:disabled{opacity:0.4;cursor:not-allowed;background:transparent;color:", xmarkdown.codeActionColor, ";}.", k, "-xmarkdown-toolbar-icon{font-size:14px;line-height:1;}.", k, "-xmarkdown-code-body,.", k, "-xmarkdown-mermaid-body{min-width:0;max-width:100%;overflow:auto;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{padding:0px;background:transparent;color:", xmarkdown.codeTextColor, ";}.", k, "-xmarkdown-code-block pre,.", k, "-xmarkdown-mermaid-source{font-family:SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;font-size:12px;line-height:1.7;}.", k, "-xmarkdown-code-block pre code,.", k, "-xmarkdown-mermaid-source code{display:block;min-width:fit-content;color:inherit;white-space:pre;word-break:normal;overflow-wrap:normal;padding:12px;}.", k, "-xmarkdown-code-block .hljs,.", k, "-xmarkdown-mermaid-source .hljs{background:transparent;color:", xmarkdown.codeTextColor, ";border:0;}.", k, "-xmarkdown-code-block .hljs-comment,.", k, "-xmarkdown-code-block .hljs-quote,.", k, "-xmarkdown-mermaid-source .hljs-comment,.", k, "-xmarkdown-mermaid-source .hljs-quote{color:", xmarkdown.codeCommentColor, ";}.", k, "-xmarkdown-code-block .hljs-keyword,.", k, "-xmarkdown-code-block .hljs-selector-tag,.", k, "-xmarkdown-code-block .hljs-literal,.", k, "-xmarkdown-code-block .hljs-link,.", k, "-xmarkdown-mermaid-source .hljs-keyword,.", k, "-xmarkdown-mermaid-source .hljs-selector-tag,.", k, "-xmarkdown-mermaid-source .hljs-literal,.", k, "-xmarkdown-mermaid-source .hljs-link{color:", xmarkdown.codeKeywordColor, ";}.", k, "-xmarkdown-code-block .hljs-string,.", k, "-xmarkdown-code-block .hljs-title,.", k, "-xmarkdown-code-block .hljs-type,.", k, "-xmarkdown-code-block .hljs-attribute,.", k, "-xmarkdown-code-block .hljs-symbol,.", k, "-xmarkdown-code-block .hljs-bullet,.", k, "-xmarkdown-code-block .hljs-addition,.", k, "-xmarkdown-mermaid-source .hljs-string,.", k, "-xmarkdown-mermaid-source .hljs-title,.", k, "-xmarkdown-mermaid-source .hljs-type,.", k, "-xmarkdown-mermaid-source .hljs-attribute,.", k, "-xmarkdown-mermaid-source .hljs-symbol,.", k, "-xmarkdown-mermaid-source .hljs-bullet,.", k, "-xmarkdown-mermaid-source .hljs-addition{color:", xmarkdown.codeStringColor, ";}.", k, "-xmarkdown-code-block .hljs-number,.", k, "-xmarkdown-code-block .hljs-built_in,.", k, "-xmarkdown-code-block .hljs-builtin-name,.", k, "-xmarkdown-code-block .hljs-variable,.", k, "-xmarkdown-code-block .hljs-template-variable,.", k, "-xmarkdown-code-block .hljs-params,.", k, "-xmarkdown-mermaid-source .hljs-number,.", k, "-xmarkdown-mermaid-source .hljs-built_in,.", k, "-xmarkdown-mermaid-source .hljs-builtin-name,.", k, "-xmarkdown-mermaid-source .hljs-variable,.", k, "-xmarkdown-mermaid-source .hljs-template-variable,.", k, "-xmarkdown-mermaid-source .hljs-params{color:", xmarkdown.codeNumberColor, ";}.", k, "-xmarkdown-code-block .hljs-function,.", k, "-xmarkdown-code-block .hljs-title.function_,.", k, "-xmarkdown-code-block .hljs-title.class_,.", k, "-xmarkdown-code-block .hljs-property,.", k, "-xmarkdown-mermaid-source .hljs-function,.", k, "-xmarkdown-mermaid-source .hljs-title.function_,.", k, "-xmarkdown-mermaid-source .hljs-title.class_,.", k, "-xmarkdown-mermaid-source .hljs-property{color:", xmarkdown.codeFunctionColor, ";}.", k, "-xmarkdown-code-block .hljs-deletion,.", k, "-xmarkdown-mermaid-source .hljs-deletion{color:", xmarkdown.mermaidErrorColor, ";}.", k, "-xmarkdown-mermaid-block{background:", xmarkdown.mermaidBg, ";}.", k, "-xmarkdown-mermaid-block .", k, "-xmarkdown-code-toolbar{border-bottom-color:", xmarkdown.borderColor, ";background:", xmarkdown.codeToolbarBg, ";color:", xmarkdown.codeToolbarColor, ";}.", k, "-xmarkdown-mermaid-canvas{position:relative;min-height:0;min-width:0;max-width:100%;padding:8px;box-sizing:border-box;overflow:hidden;background:", xmarkdown.mermaidCanvasBg, ";}.", k, "-xmarkdown-mermaid-viewport{overflow:auto;min-height:120px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;max-height:480px;border-radius:12px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(247, 249, 252, 0.96) 100%);cursor:default;user-select:none;scrollbar-width:thin;scrollbar-color:", xmarkdown.scrollbarThumb, " transparent;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-can-drag=\"true\"]{cursor:grab;}.", k, "-xmarkdown-mermaid-viewport[data-kpc-dragging=\"true\"]{cursor:grabbing;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar{width:10px;height:10px;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-track{background:transparent;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb{background:", xmarkdown.scrollbarThumb, ";border:2px solid transparent;border-radius:999px;background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-thumb:hover{background:", xmarkdown.scrollbarThumbHover, ";background-clip:padding-box;}.", k, "-xmarkdown-mermaid-viewport::-webkit-scrollbar-corner{background:transparent;}.", k, "-xmarkdown-mermaid-stage{display:flex;justify-content:center;align-items:center;min-width:100%;min-height:120px;padding:8px;box-sizing:border-box;}.", k, "-xmarkdown-mermaid-stage svg{display:block;margin:0 auto;transition:width ", theme.transition.small, ",height ", theme.transition.small, ";will-change:width,height;}.", k, "-xmarkdown-mermaid-source{display:none;margin:0;background:", xmarkdown.codeBlockBg, ";}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-source{display:block;}.", k, "-xmarkdown-mermaid-block[data-kpc-view=\"source\"] .", k, "-xmarkdown-mermaid-canvas{display:none;}.", k, "-xmarkdown-mermaid-error{padding:14px 16px;border-radius:8px;background:", xmarkdown.mermaidErrorBg, ";color:", xmarkdown.mermaidErrorColor, ";white-space:pre-wrap;}.", k, "-xmarkdown-content blockquote{padding:12px 16px;border-left:4px solid ", xmarkdown.blockquoteBorder, ";border-radius:0 10px 10px 0;background:", xmarkdown.blockquoteBg, ";color:", xmarkdown.mutedColor, ";}.", k, "-xmarkdown-table-wrap>table{width:max-content;min-width:100%;font-size:12px;border-collapse:collapse;border:1px solid ", xmarkdown.borderColor, ";border-radius:10px;}.", k, "-xmarkdown-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;margin:0 0 12px;}.", k, "-xmarkdown-table-wrap>table{margin:0;}.", k, "-xmarkdown-table-wrap>table>thead{background:", xmarkdown.tableHeadBg, ";}.", k, "-xmarkdown-table-wrap>table th,.", k, "-xmarkdown-table-wrap>table td{padding:10px 12px;border:1px solid ", xmarkdown.borderColor, ";text-align:left;vertical-align:top;}");
 });

package/components/xmarkdown/useXMarkdownDisplay.d.ts

@@ -23,4 +23,5 @@ export declare function useXMarkdownDisplay(getPrefixCls: () => string): {
     getRenderedBlockData: (id: string) => XMarkdownRenderedBlock | undefined;
     getRenderedNodes: () => any;
     isTypingActive: () => boolean;
+    shouldShowTypingSuffix: () => boolean;
 };

package/components/xmarkdown/useXMarkdownDisplay.js

@@ -24,6 +24,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
   var previousContent = instance.get('content');
   var previousLoading = !!instance.get('loading');
   var previousStreaming = !!instance.get('streaming');
+  var typingTargetKey = '';
   // Markdown 渲染缓存
   var lastStableMarkdownSource = '';
   var lastStableMarkdownBlocks = [];
@@ -130,12 +131,16 @@ export function useXMarkdownDisplay(getPrefixCls) {
     if (typing && typeof typing === 'object') {
       return {
         interval: Math.max(typing.interval || 24, 16),
-        step: Math.max(typing.step || 2, 1)
+        step: Math.max(typing.step || 2, 1),
+        keepPrefix: typing.keepPrefix !== false,
+        resumeFrom: typing.resumeFrom
       };
     }
     return {
       interval: 24,
-      step: 2
+      step: 2,
+      keepPrefix: true,
+      resumeFrom: undefined
     };
   }
   /**
@@ -209,19 +214,50 @@ export function useXMarkdownDisplay(getPrefixCls) {
   function getDisplayedContent() {
     return instance.get('$displayContent') || '';
   }
+  function getSafeContentPrefix(content, prefix) {
+    if (!prefix) return '';
+    if (_startsWithInstanceProperty(content).call(content, prefix)) return prefix;
+    var i = 0;
+    while (i < prefix.length && i < content.length && prefix[i] === content[i]) {
+      i++;
+    }
+    return _sliceInstanceProperty(prefix).call(prefix, 0, i);
+  }
+  function getResumePrefix(content) {
+    var _getTypingOptions = getTypingOptions(),
+      resumeFrom = _getTypingOptions.resumeFrom;
+    if (resumeFrom === undefined || resumeFrom === null) return '';
+    if (resumeFrom === 'content') return content;
+    if (typeof resumeFrom === 'number') return _sliceInstanceProperty(content).call(content, 0, Math.max(0, resumeFrom));
+    return getSafeContentPrefix(content, String(resumeFrom));
+  }
+  function getTypingTargetKey(content) {
+    var _getTypingOptions2 = getTypingOptions(),
+      keepPrefix = _getTypingOptions2.keepPrefix,
+      resumeFrom = _getTypingOptions2.resumeFrom;
+    return (keepPrefix ? '1' : '0') + "\0" + String(resumeFrom) + "\0" + content;
+  }
+  function syncTypingStart(content) {
+    var targetKey = getTypingTargetKey(content);
+    if (targetKey === typingTargetKey) return;
+    typingTargetKey = targetKey;
+    var sharedPrefix = getSharedPrefix(content);
+    if (sharedPrefix !== getDisplayedContent()) {
+      resetTypingComplete();
+      setDisplayContent(sharedPrefix);
+    }
+  }
   /**
    * 获取共享前缀
    */
   function getSharedPrefix(content) {
     var displayedContent = getDisplayedContent();
-    if (!displayedContent || _startsWithInstanceProperty(content).call(content, displayedContent)) {
+    if (!displayedContent) return getResumePrefix(content);
+    if (!getTypingOptions().keepPrefix) return '';
+    if (_startsWithInstanceProperty(content).call(content, displayedContent)) {
       return displayedContent;
     }
-    var i = 0;
-    while (i < displayedContent.length && i < content.length && displayedContent[i] === content[i]) {
-      i++;
-    }
-    return _sliceInstanceProperty(displayedContent).call(displayedContent, 0, i);
+    return getSafeContentPrefix(content, displayedContent);
   }
   /**
    * 立即渲染 Markdown
@@ -352,8 +388,8 @@ export function useXMarkdownDisplay(getPrefixCls) {
       runTyping();
       return;
     }
-    var _getTypingOptions = getTypingOptions(),
-      interval = _getTypingOptions.interval;
+    var _getTypingOptions3 = getTypingOptions(),
+      interval = _getTypingOptions3.interval;
     setTypingActive(true);
     typingTimer = window.setTimeout(function () {
       typingTimer = null;
@@ -371,6 +407,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
     if (instance.get('loading')) {
       stopTyping();
       resetTypingComplete();
+      typingTargetKey = '';
       if (!setDisplayContent('')) {
         syncRenderedMarkdown();
       }
@@ -379,6 +416,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
     // 无内容或禁用打字
     if (!instance.get('typing') || !nextValue) {
       stopTyping();
+      typingTargetKey = '';
       if (!setDisplayContent(nextValue)) {
         syncRenderedMarkdown();
       }
@@ -388,15 +426,11 @@ export function useXMarkdownDisplay(getPrefixCls) {
       return;
     }
     // 内容变化检测
-    var sharedPrefix = getSharedPrefix(nextValue);
-    if (sharedPrefix !== getDisplayedContent()) {
-      resetTypingComplete();
-      setDisplayContent(sharedPrefix);
-    }
+    syncTypingStart(nextValue);
     var currentValue = getDisplayedContent();
-    var _getTypingOptions2 = getTypingOptions(),
-      interval = _getTypingOptions2.interval,
-      step = _getTypingOptions2.step;
+    var _getTypingOptions4 = getTypingOptions(),
+      interval = _getTypingOptions4.interval,
+      step = _getTypingOptions4.step;
     // 逐步显示内容
     if (currentValue !== nextValue) {
       var nextLength = Math.min(currentValue.length + step, nextValue.length);
@@ -430,6 +464,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
     if (instance.get('loading')) {
       stopTyping();
       resetTypingComplete();
+      typingTargetKey = '';
       if (!setDisplayContent('')) {
         syncRenderedMarkdown();
       }
@@ -442,6 +477,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
     // 空内容或禁用打字效果，直接显示
     if (!nextValue || !typing) {
       stopTyping();
+      typingTargetKey = '';
       if (!setDisplayContent(nextValue)) {
         syncRenderedMarkdown();
       }
@@ -451,12 +487,11 @@ export function useXMarkdownDisplay(getPrefixCls) {
       return;
     }
     // 内容变化检测
-    var sharedPrefix = getSharedPrefix(nextValue);
+    var previousDisplayContent = getDisplayedContent();
+    syncTypingStart(nextValue);
     // 内容发生"非追加"变化时
-    if (sharedPrefix !== getDisplayedContent()) {
+    if (getDisplayedContent() !== previousDisplayContent) {
       stopTyping();
-      resetTypingComplete();
-      setDisplayContent(sharedPrefix);
     }
     // 已完成
     if (getDisplayedContent() === nextValue) {
@@ -475,8 +510,10 @@ export function useXMarkdownDisplay(getPrefixCls) {
    */
   function bootstrap() {
     var content = instance.get('content');
+    var nextValue = content === undefined || content === null ? '' : String(content);
     setTypingActive(false);
-    setDisplayContent(!instance.get('loading') && !instance.get('typing') && content !== undefined && content !== null ? String(content) : '');
+    var initialDisplayContent = !instance.get('loading') && nextValue ? instance.get('typing') ? getResumePrefix(nextValue) : nextValue : '';
+    setDisplayContent(initialDisplayContent);
     // 监听核心属性变化
     ['content', 'loading', 'streaming', 'typing'].forEach(function (key) {
       instance.watch(key, function () {
@@ -538,6 +575,13 @@ export function useXMarkdownDisplay(getPrefixCls) {
   function isTypingActive() {
     return !!instance.get('$typingActive');
   }
+  function shouldShowTypingSuffix() {
+    var typing = instance.get('typing');
+    if (!typing) return false;
+    if (typeof typing === 'boolean') return false;
+    if (typing.suffix !== true) return false;
+    return !instance.get('loading') && (isTypingActive() || !!instance.get('streaming'));
+  }
   return {
     onMounted: function onMounted() {
       mounted = true;
@@ -564,6 +608,7 @@ export function useXMarkdownDisplay(getPrefixCls) {
     getRenderedBlockData: getRenderedBlockData,
     getRenderedNodes: getRenderedNodes,
     // 状态查询
-    isTypingActive: isTypingActive
+    isTypingActive: isTypingActive,
+    shouldShowTypingSuffix: shouldShowTypingSuffix
   };
 }

package/components/xmarkdown/xmarkdown.d.ts

@@ -5,6 +5,9 @@ import type { XMarkdownCodeBlockRenderers, XMarkdownFormulaDelimiter, XMarkdownP
 export interface XMarkdownTyping {
     interval?: number;
     step?: number;
+    suffix?: boolean;
+    keepPrefix?: boolean;
+    resumeFrom?: string | number | 'content';
 }
 export interface XMarkdownProps {
     content?: string | number;

package/components/xmarkdown/xmarkdown.vdt.js

@@ -3,6 +3,9 @@ import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } fr
 import { isInvalid, noop } from 'intact-shared';
 import { getRestProps, isEmptyString } from '../utils';
 import { makeStyles } from './styles';
+var _$tmp0 = {
+  'aria-hidden': 'true'
+};
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
   $blocks || ($blocks = {});
@@ -16,7 +19,8 @@ export default function ($props, $blocks, $__proto__) {
     contentRef = _this$contentModel.contentRef;
   var _this$display = this.display,
     shouldShowLoadingShell = _this$display.shouldShowLoadingShell,
-    shouldShowEmpty = _this$display.shouldShowEmpty;
+    shouldShowEmpty = _this$display.shouldShowEmpty,
+    shouldShowTypingSuffix = _this$display.shouldShowTypingSuffix;
   var stableNodes = this.display.getRenderedStableNodes();
   var tailNodes = this.display.getRenderedTailNodes();
   var showLoadingShell = shouldShowLoadingShell();
@@ -38,6 +42,6 @@ export default function ($props, $blocks, $__proto__) {
     'className': _$cn(classNameObj)
   }, getRestProps(this), {
     'ref': rootRef
-  }), showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', _$ce(2, 'div', [_$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot"))], 4, _$cn(k + "-xmarkdown-loading-dots")), 2, _$cn(k + "-xmarkdown-loading")) : showEmpty ? hasEmptySlot ? _$ce(2, 'div', emptySlot, 0, _$cn(k + "-xmarkdown-empty")) : undefined : _$ce(2, 'div', [_$ce(2, 'div', stableNodes, 0, _$cn(k + "-xmarkdown-stable")), _$ce(2, 'div', tailNodes, 0, _$cn(k + "-xmarkdown-tail"))], 4, _$cn(k + "-xmarkdown-content"), null, null, contentRef));
+  }), showLoadingShell ? hasLoadingSlot ? loadingSlot : _$ce(2, 'div', _$ce(2, 'div', [_$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot")), _$ce(2, 'div', null, 1, _$cn(k + "-xmarkdown-loading-dot"))], 4, _$cn(k + "-xmarkdown-loading-dots")), 2, _$cn(k + "-xmarkdown-loading")) : showEmpty ? hasEmptySlot ? _$ce(2, 'div', emptySlot, 0, _$cn(k + "-xmarkdown-empty")) : undefined : _$ce(2, 'div', [_$ce(2, 'div', [_$ce(2, 'div', stableNodes, 0, _$cn(k + "-xmarkdown-stable")), _$ce(2, 'div', tailNodes, 0, _$cn(k + "-xmarkdown-tail"))], 4, _$cn(k + "-xmarkdown-body")), shouldShowTypingSuffix() ? _$ce(2, 'div', [_$ce(2, 'span'), _$ce(2, 'span'), _$ce(2, 'span')], 4, _$cn(k + "-xmarkdown-typing-suffix"), _$tmp0) : undefined], 0, _$cn(k + "-xmarkdown-content"), null, null, contentRef));
 }
 ;

package/dist/i18n/en-US.js

@@ -1388,6 +1388,7 @@ var i18n = {
   '查看文件夹': 'View Folder',
   '查看文件': 'View File',
   '上传图片': 'Upload Image',
+  '参考内容': 'Reference',
   '上传文件夹': 'Upload Folder',
   '超出文件数量最大限制：{limit}': 'Exceed the maximum limit of the number of files: {limit}',
   '"{name}" 超出文件最大限制：{maxSize}kb': '"{name}" exceeds the maximum size of file: {maxSize}kb',