@alifd/chat 0.3.30-beta.5 → 0.3.31-beta.0

package/es/index.js

@@ -31,4 +31,4 @@ export { default as RadioGroup } from './radio-group';
 export { default as CheckboxGroup } from './checkbox-group';
 export { default as Select } from './select';
 export { default as Flip } from './flip';
-export const version = '0.3.30-beta.5';
+export const version = '0.3.31-beta.0';

package/es/markdown/index.js

@@ -8,6 +8,7 @@ import { PREFIX_DEFAULT, assignSubComponent } from '../utils';
 import { init, transformTextWithEmoji } from '@ali/dingtalk-im-emoji';
 import hljs from 'highlight.js'; // 引入 highlight.js
 import 'highlight.js/styles/github.css'; // 引入代码高亮样式
+let displayedContentCache = '';
 const DEFAULT_LOADING_ICON = 'https://img.alicdn.com/imgextra/i1/O1CN01wdlADU1WCvOLNSB3w_!!6000000002753-1-tps-530-255.gif';
 /**
  * @component Markdown
@@ -24,7 +25,7 @@ const Markdown = forwardRef((_a, ref) => {
         onReady === null || onReady === void 0 ? void 0 : onReady();
     }, [onReady]);
     const containerRef = useRef(null);
-    const [displayedContent, setDisplayedContent] = useState(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? '' : content);
+    const [displayedContent, setDisplayedContent] = useState(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? displayedContentCache : content);
     const [contentQueue, setContentQueue] = useState(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? content.split('') : []);
     const typeTimeoutRef = useRef(null);
     // 清理定时器函数
@@ -93,6 +94,8 @@ const Markdown = forwardRef((_a, ref) => {
     }, [contentQueue.length, others === null || others === void 0 ? void 0 : others.typewriterEffect]);
     // 处理 HTML 标签
     const processedContent = useMemo(() => {
+        // 缓存displayedContent
+        displayedContentCache = displayedContent;
         // 使用 Record 类型来定义映射关系
         const sizeTokenToTagMap = {
             common_hypertitle_text_style__font_size: 'h1',

package/lib/index.js

@@ -68,4 +68,4 @@ var select_1 = require("./select");
 Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return tslib_1.__importDefault(select_1).default; } });
 var flip_1 = require("./flip");
 Object.defineProperty(exports, "Flip", { enumerable: true, get: function () { return tslib_1.__importDefault(flip_1).default; } });
-exports.version = '0.3.30-beta.5';
+exports.version = '0.3.31-beta.0';

package/lib/markdown/index.js

@@ -10,6 +10,7 @@ const utils_1 = require("../utils");
 const dingtalk_im_emoji_1 = require("@ali/dingtalk-im-emoji");
 const highlight_js_1 = tslib_1.__importDefault(require("highlight.js")); // 引入 highlight.js
 require("highlight.js/styles/github.css"); // 引入代码高亮样式
+let displayedContentCache = '';
 const DEFAULT_LOADING_ICON = 'https://img.alicdn.com/imgextra/i1/O1CN01wdlADU1WCvOLNSB3w_!!6000000002753-1-tps-530-255.gif';
 /**
  * @component Markdown
@@ -26,7 +27,7 @@ const Markdown = (0, react_1.forwardRef)((_a, ref) => {
         onReady === null || onReady === void 0 ? void 0 : onReady();
     }, [onReady]);
     const containerRef = (0, react_1.useRef)(null);
-    const [displayedContent, setDisplayedContent] = (0, react_1.useState)(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? '' : content);
+    const [displayedContent, setDisplayedContent] = (0, react_1.useState)(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? displayedContentCache : content);
     const [contentQueue, setContentQueue] = (0, react_1.useState)(() => (others === null || others === void 0 ? void 0 : others.typewriterEffect) ? content.split('') : []);
     const typeTimeoutRef = (0, react_1.useRef)(null);
     // 清理定时器函数
@@ -95,6 +96,8 @@ const Markdown = (0, react_1.forwardRef)((_a, ref) => {
     }, [contentQueue.length, others === null || others === void 0 ? void 0 : others.typewriterEffect]);
     // 处理 HTML 标签
     const processedContent = (0, react_1.useMemo)(() => {
+        // 缓存displayedContent
+        displayedContentCache = displayedContent;
         // 使用 Record 类型来定义映射关系
         const sizeTokenToTagMap = {
             common_hypertitle_text_style__font_size: 'h1',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alifd/chat",
-  "version": "0.3.30-beta.5",
+  "version": "0.3.31-beta.0",
   "description": "A configurable component library for chat built on React.",
   "main": "lib/index.js",
   "module": "es/index.js",