cnhis-design-vue 3.4.0-beta.8 → 3.4.0-beta.9

package/es/components/iho-chat/src/components/MessageEvent.vue2.js

@@ -1,5 +1,5 @@
 import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
-import { defineComponent, ref, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, Fragment, renderList, createCommentVNode, createElementVNode } from 'vue';
+import { defineComponent, ref, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, createElementVNode, Fragment, renderList, createCommentVNode } from 'vue';
 import { NButton } from 'naive-ui';
 import { useData } from '../hooks/useData.js';
 import 'stompjs';
@@ -17,18 +17,12 @@ const _hoisted_1 = {
 const _hoisted_2 = {
   key: 0
 };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", {
-  style: {
-    "margin-right": "5px"
-  }
-}, "\u9080\u8BF7", -1);
-const _hoisted_4 = {
+const _hoisted_3 = {
   key: 0
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 2
 };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", null, "\u52A0\u5165\u7FA4\u804A", -1);
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageEvent",
   props: {
@@ -118,10 +112,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, {
         default: withCtx(() => [createTextVNode(toDisplayString(inviter.value.name), 1)]),
         _: 1
-      })), _hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(invitee.value, (user, idx) => {
+      })), _cache[1] || (_cache[1] = createElementVNode("span", {
+        style: {
+          "margin-right": "5px"
+        }
+      }, "\u9080\u8BF7", -1)), (openBlock(true), createElementBlock(Fragment, null, renderList(invitee.value, (user, idx) => {
         return openBlock(), createElementBlock(Fragment, {
           key: user.id
-        }, [user.id == unref(state).userInfo.id ? (openBlock(), createElementBlock("span", _hoisted_4, i18n("10010.1.67", "\u4F60"))) : (openBlock(), createBlock(unref(NButton), {
+        }, [user.id == unref(state).userInfo.id ? (openBlock(), createElementBlock("span", _hoisted_3, i18n("10010.1.67", "\u4F60"))) : (openBlock(), createBlock(unref(NButton), {
           key: 1,
           size: "tiny",
           text: "",
@@ -136,8 +134,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [createTextVNode(toDisplayString(user.name), 1)]),
           _: 2
-        }, 1032, ["onClick"])), idx <= invitee.value.length - 2 ? (openBlock(), createElementBlock("span", _hoisted_5, "\u3001")) : createCommentVNode("v-if", true)], 64);
-      }), 128)), _hoisted_6])) : createCommentVNode("v-if", true);
+        }, 1032, ["onClick"])), idx <= invitee.value.length - 2 ? (openBlock(), createElementBlock("span", _hoisted_4, "\u3001")) : createCommentVNode("v-if", true)], 64);
+      }), 128)), _cache[2] || (_cache[2] = createElementVNode("span", null, "\u52A0\u5165\u7FA4\u804A", -1))])) : createCommentVNode("v-if", true);
     };
   }
 });

package/es/components/iho-chat/src/components/MessageMergeForward.vue.d.ts

@@ -2,16 +2,16 @@ import { AnyObject } from '../../../../shared/types';
 import { formatTime, getForwardTitle, isDoctorRole, getRoleName, formatJsonstr, getFileType, getDetail, showAudioAndVideoRecord, simplifyMessage } from '../utils';
 import { MESSAGE_TYPE } from '../constants';
 import { MsgListItem } from '../types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
         };
-    }>> & {}>>;
+    }>> & Readonly<{}> & {}>;
     state: {
         orgId: string | number;
         currentSessionItem: AnyObject;
@@ -67,39 +67,39 @@ declare const _default: import("vue").DefineComponent<{
     cssVars: import("vue").ComputedRef<AnyObject>;
     msgItem: import("vue").ComputedRef<AnyObject | MsgListItem>;
     msgList: import("vue").ComputedRef<any>;
-    NModal: any;
-    NAvatar: any;
-    NIcon: any;
-    isArray: {
+    readonly NModal: any;
+    readonly NAvatar: any;
+    readonly NIcon: any;
+    readonly isArray: {
         (value?: any): value is any[];
         <T>(value?: any): value is any[];
     };
-    formatTime: typeof formatTime;
-    getForwardTitle: typeof getForwardTitle;
-    isDoctorRole: typeof isDoctorRole;
-    getRoleName: typeof getRoleName;
-    formatJsonstr: typeof formatJsonstr;
-    getFileType: typeof getFileType;
-    getDetail: typeof getDetail;
-    showAudioAndVideoRecord: typeof showAudioAndVideoRecord;
-    simplifyMessage: typeof simplifyMessage;
-    MESSAGE_TYPE: typeof MESSAGE_TYPE;
-    emojis: {
+    readonly formatTime: typeof formatTime;
+    readonly getForwardTitle: typeof getForwardTitle;
+    readonly isDoctorRole: typeof isDoctorRole;
+    readonly getRoleName: typeof getRoleName;
+    readonly formatJsonstr: typeof formatJsonstr;
+    readonly getFileType: typeof getFileType;
+    readonly getDetail: typeof getDetail;
+    readonly showAudioAndVideoRecord: typeof showAudioAndVideoRecord;
+    readonly simplifyMessage: typeof simplifyMessage;
+    readonly MESSAGE_TYPE: typeof MESSAGE_TYPE;
+    readonly emojis: {
         default: string[][];
         findEmoji(name: string): string | undefined;
     };
-    MessageEvent: import("vue").DefineComponent<{
+    MessageEvent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<AnyObject>;
             required: true;
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             data: {
                 type: import("vue").PropType<AnyObject>;
                 required: true;
             };
-        }>> & {}>>;
+        }>> & Readonly<{}> & {}>;
         state: {
             orgId: string | number;
             currentSessionItem: AnyObject;
@@ -153,23 +153,23 @@ declare const _default: import("vue").DefineComponent<{
             isForward: boolean;
         };
         setUserDetail: (event: MouseEvent, userDetail: AnyObject) => void;
-        inviter: import("vue").Ref<any>;
-        invitee: import("vue").Ref<any[]>;
+        inviter: import("vue").Ref<any, any>;
+        invitee: import("vue").Ref<any[], any[]>;
         isValidJSON: (str: string) => boolean;
         getTask: (_id: string | number, arrRes: AnyObject[]) => () => Promise<unknown>;
         getEventContent: (data: AnyObject) => Promise<void>;
-        NButton: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NButton: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: import("vue").PropType<AnyObject>;
             required: true;
         };
-    }>>, {}>;
-    CallOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    VideocamOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly CallOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly VideocamOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/iho-chat/src/components/MessageMergeForward.vue2.js

@@ -93,7 +93,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(NModal), {
         preset: "dialog",
-        title: unref(getForwardTitle)(unref(msgItem).content),
+        title: unref(getForwardTitle)(msgItem.value.content),
         "show-icon": false,
         "auto-focus": false,
         class: "iho-chat-dialog"
@@ -101,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "iho-chat-dialog__content iho-chat-record-wrapper iho-chat-record-wrapper--forward",
           style: normalizeStyle(unref(cssVars))
-        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(msgList), (item) => {
+        }, [(openBlock(true), createElementBlock(Fragment, null, renderList(msgList.value, (item) => {
           return openBlock(), createElementBlock("div", {
             class: "content-item",
             key: item.id

package/es/components/iho-chat/src/components/MessageTemplate.vue.d.ts

@@ -1,19 +1,19 @@
 import { PropType } from 'vue';
 import { AnyObject } from '../../../../shared/types';
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<AnyObject>;
         required: true;
     };
-}, {
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         data: {
             type: PropType<AnyObject>;
             required: true;
         };
-    }>> & {}>>;
-    describeBodyRef: import("vue").Ref<any>;
-    showMore: import("vue").Ref<boolean>;
+    }>> & Readonly<{}> & {}>;
+    describeBodyRef: import("vue").Ref<any, any>;
+    showMore: import("vue").Ref<boolean, boolean>;
     emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
     isOverflow: import("vue").ComputedRef<boolean>;
     setting: import("vue").ComputedRef<any>;
@@ -26,11 +26,11 @@ declare const _default: import("vue").DefineComponent<{
     messageTemplateData: import("vue").ComputedRef<any>;
     getSystemMsgContent: () => any;
     handleTemplateClick: (data: AnyObject) => void;
-    NButton: any;
-    NIcon: any;
-    ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    AlertCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-    SvgIcon: import("vue").DefineComponent<{
+    readonly NButton: any;
+    readonly NIcon: any;
+    readonly ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly AlertCircleSharp: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly SvgIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         iconClass: {
             type: StringConstructor;
             required: true;
@@ -45,15 +45,11 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             required: false;
         };
-    }, {
-        props: {
-            iconClass: string;
-            title: string;
-            className?: string | undefined;
-        };
+    }>, {
+        props: any;
         iconName: import("vue").ComputedRef<string>;
         svgClass: import("vue").ComputedRef<string>;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         iconClass: {
             type: StringConstructor;
             required: true;
@@ -68,14 +64,14 @@ declare const _default: import("vue").DefineComponent<{
             type: StringConstructor;
             required: false;
         };
-    }>>, {
+    }>> & Readonly<{}>, {
         title: string;
         iconClass: string;
-    }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
         type: PropType<AnyObject>;
         required: true;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/components/iho-chat/src/components/MessageTemplate.vue2.js

@@ -1,5 +1,5 @@
 import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
-import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, unref, createElementVNode, toDisplayString, withModifiers, createBlock, createCommentVNode, renderList, withCtx, createTextVNode, normalizeClass, createVNode } from 'vue';
+import { defineComponent, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, toDisplayString, withModifiers, createBlock, unref, createCommentVNode, renderList, withCtx, createTextVNode, normalizeClass, createVNode } from 'vue';
 import { NIcon, NButton } from 'naive-ui';
 import { ChevronForwardOutline, AlertCircleSharp } from '@vicons/ionicons5';
 import script from '../../../../shared/components/SvgIcon/SvgIcon.vue.js';
@@ -29,31 +29,25 @@ const _hoisted_7 = {
   key: 0,
   class: "default-msg-template__btn-group"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-more"
-}, null, -1);
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 1,
   class: "describe-msg-template"
 };
-const _hoisted_10 = {
+const _hoisted_9 = {
   class: "describe-msg-template__header"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   class: "title"
 };
-const _hoisted_12 = {
+const _hoisted_11 = {
   class: "txt"
 };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", {
-  class: "chat--iconfont chat--icon-more"
-}, null, -1);
-const _hoisted_14 = {
+const _hoisted_12 = {
   key: 2,
   class: "system-msg-template"
 };
-const _hoisted_15 = ["innerHTML"];
-const _hoisted_16 = ["onClick"];
+const _hoisted_13 = ["innerHTML"];
+const _hoisted_14 = ["onClick"];
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageTemplate",
   props: {
@@ -129,32 +123,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       emit("template-click", data, props.data);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [unref(setting).style.id == 1 ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock(Fragment, null, [setting.value.style.id == 1 ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "default-msg-template",
-        onClick: _cache[2] || (_cache[2] = () => handleTemplateClick(unref(serverSetting)))
-      }, [createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(unref(setting).title), 1), unref(topRightButton) ? (openBlock(), createElementBlock("span", {
+        onClick: _cache[2] || (_cache[2] = () => handleTemplateClick(serverSetting.value))
+      }, [createElementVNode("div", _hoisted_1, [createElementVNode("span", _hoisted_2, toDisplayString(setting.value.title), 1), topRightButton.value ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "btn",
-        onClick: _cache[0] || (_cache[0] = withModifiers(() => handleTemplateClick(unref(topRightButton)), ["stop"]))
-      }, toDisplayString(unref(topRightButton).title), 1)) : unref(serverSetting).address ? (openBlock(), createBlock(unref(NIcon), {
+        onClick: _cache[0] || (_cache[0] = withModifiers(() => handleTemplateClick(topRightButton.value), ["stop"]))
+      }, toDisplayString(topRightButton.value.title), 1)) : serverSetting.value.address ? (openBlock(), createBlock(unref(NIcon), {
         key: 1,
         component: unref(ChevronForwardOutline),
         color: "#969696"
-      }, null, 8, ["component"])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_3, [unref(setting).style.icon ? (openBlock(), createBlock(unref(script), {
+      }, null, 8, ["component"])) : createCommentVNode("v-if", true)]), createElementVNode("div", _hoisted_3, [setting.value.style.icon ? (openBlock(), createBlock(unref(script), {
         key: 0,
         class: "logo",
-        "icon-class": unref(setting).style.icon
-      }, null, 8, ["icon-class"])) : unref(setting).style.image ? (openBlock(), createElementBlock("img", {
+        "icon-class": setting.value.style.icon
+      }, null, 8, ["icon-class"])) : setting.value.style.image ? (openBlock(), createElementBlock("img", {
         key: 1,
         class: "logo",
-        src: unref(setting).style.image
-      }, null, 8, _hoisted_4)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(contentList), (content) => {
+        src: setting.value.style.image
+      }, null, 8, _hoisted_4)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(contentList.value, (content) => {
         return openBlock(), createElementBlock("div", {
           key: content,
           innerHTML: content
         }, null, 8, _hoisted_6);
-      }), 128))])]), unref(toolbarButton) ? (openBlock(), createElementBlock("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(toolbarButton), (btn, index) => {
+      }), 128))])]), toolbarButton.value ? (openBlock(), createElementBlock("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(toolbarButton.value, (btn, index) => {
         return openBlock(), createBlock(unref(NButton), {
           type: "primary",
           round: "",
@@ -165,34 +159,38 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [createTextVNode(toDisplayString(btn.title), 1)]),
           _: 2
         }, 1032, ["onClick"]);
-      }), 128))])) : createCommentVNode("v-if", true), unref(bottomButton) ? (openBlock(), createElementBlock("div", {
+      }), 128))])) : createCommentVNode("v-if", true), bottomButton.value ? (openBlock(), createElementBlock("div", {
         key: 1,
         class: "default-msg-template__footer",
-        onClick: _cache[1] || (_cache[1] = withModifiers(() => handleTemplateClick(unref(bottomButton)), ["stop"]))
-      }, [createTextVNode(toDisplayString(unref(bottomButton).title) + " ", 1), _hoisted_8])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), unref(setting).style.id == 3 ? (openBlock(), createElementBlock("div", _hoisted_9, [createElementVNode("div", _hoisted_10, toDisplayString(unref(setting).title), 1), createElementVNode("div", {
-        class: normalizeClass(["describe-msg-template__body", unref(isOverflow) && showMore.value ? "overflow-hidden" : ""]),
+        onClick: _cache[1] || (_cache[1] = withModifiers(() => handleTemplateClick(bottomButton.value), ["stop"]))
+      }, [createTextVNode(toDisplayString(bottomButton.value.title) + " ", 1), _cache[4] || (_cache[4] = createElementVNode("i", {
+        class: "chat--iconfont chat--icon-more"
+      }, null, -1))])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), setting.value.style.id == 3 ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("div", _hoisted_9, toDisplayString(setting.value.title), 1), createElementVNode("div", {
+        class: normalizeClass(["describe-msg-template__body", isOverflow.value && showMore.value ? "overflow-hidden" : ""]),
         ref_key: "describeBodyRef",
         ref: describeBodyRef
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(dbParamsList), (content, i) => {
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(dbParamsList.value, (content, i) => {
         return openBlock(), createElementBlock(Fragment, {
           key: i
-        }, [createElementVNode("div", _hoisted_11, toDisplayString(content.desc), 1), createElementVNode("div", _hoisted_12, toDisplayString(unref(messageTemplateData)[content.p_name]), 1)], 64);
-      }), 128))], 2), unref(isOverflow) ? (openBlock(), createElementBlock("div", {
+        }, [createElementVNode("div", _hoisted_10, toDisplayString(content.desc), 1), createElementVNode("div", _hoisted_11, toDisplayString(messageTemplateData.value[content.p_name]), 1)], 64);
+      }), 128))], 2), isOverflow.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["describe-msg-template__footer", showMore.value ? "" : "hidden"]),
         onClick: _cache[3] || (_cache[3] = () => showMore.value = false)
-      }, [createTextVNode(i18n("10010.1.103", "\u5C55\u5F00\u5168\u90E8")), _hoisted_13], 2)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), unref(setting).style.id == 2 ? (openBlock(), createElementBlock("div", _hoisted_14, [createVNode(unref(NIcon), {
+      }, [..._cache[5] || (_cache[5] = [createTextVNode(i18n("10010.1.103", "\u5C55\u5F00\u5168\u90E8"), -1), createElementVNode("i", {
+        class: "chat--iconfont chat--icon-more"
+      }, null, -1)])], 2)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), setting.value.style.id == 2 ? (openBlock(), createElementBlock("div", _hoisted_12, [createVNode(unref(NIcon), {
         component: unref(AlertCircleSharp),
         color: "#ffc200",
         size: 18
       }, null, 8, ["component"]), createElementVNode("span", {
         innerHTML: getSystemMsgContent()
-      }, null, 8, _hoisted_15), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(toolbarButton), (btn, index) => {
+      }, null, 8, _hoisted_13), (openBlock(true), createElementBlock(Fragment, null, renderList(toolbarButton.value, (btn, index) => {
         return openBlock(), createElementBlock("span", {
           class: "btn",
           onClick: () => handleTemplateClick(btn),
           key: index
-        }, toDisplayString(btn.title), 9, _hoisted_16);
+        }, toDisplayString(btn.title), 9, _hoisted_14);
       }), 128))])) : createCommentVNode("v-if", true)], 64);
     };
   }