cnhis-design-vue 3.4.0-beta.11 → 3.4.0-beta.13

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

@@ -1,5 +1,5 @@
 import { i18n } from '../../../../_virtual/_virtual_i18n-methods.js';
-import { createElementVNode, defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, withDirectives, normalizeStyle, unref, toDisplayString, vShow, createVNode, withCtx, renderList, createCommentVNode, createTextVNode, nextTick } from 'vue';
+import { defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, Fragment, withDirectives, createElementVNode, normalizeStyle, unref, toDisplayString, vShow, createVNode, withCtx, renderList, createCommentVNode, createTextVNode, nextTick } from 'vue';
 import { NButton, NIcon, NAvatar } from 'naive-ui';
 import ChatAdd from './ChatAdd.vue.js';
 import { Close, Mic, MicOff, Videocam, VideocamOff, Call, PersonAdd, ResizeOutline } from '@vicons/ionicons5';
@@ -39,61 +39,47 @@ const _hoisted_6 = {
 const _hoisted_7 = {
   class: "btn"
 };
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
-  class: "text"
-}, i18n("10010.1.104", "\u9759\u97F3"), -1);
-const _hoisted_9 = {
+const _hoisted_8 = {
   class: "btn"
 };
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", {
-  class: "text"
-}, i18n("10010.1.105", "\u6444\u50CF\u5934"), -1);
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", {
-  class: "text"
-}, i18n("10010.1.106", "\u7ED3\u675F\u4F1A\u8BCA"), -1);
-const _hoisted_12 = {
+const _hoisted_9 = {
   class: "btn"
 };
-const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", {
-  class: "text"
-}, i18n("10010.1.107", "\u6DFB\u52A0\u53C2\u4F1A\u4EBA"), -1);
-const _hoisted_14 = {
+const _hoisted_10 = {
   class: "video-main__right"
 };
-const _hoisted_15 = ["id", "data-name"];
-const _hoisted_16 = {
+const _hoisted_11 = ["id", "data-name"];
+const _hoisted_12 = {
   class: "user"
 };
-const _hoisted_17 = {
+const _hoisted_13 = {
   class: "name"
 };
-const _hoisted_18 = {
+const _hoisted_14 = {
   key: 0,
   class: "tip"
 };
-const _hoisted_19 = {
+const _hoisted_15 = {
   key: 0,
   class: "calling-box"
 };
-const _hoisted_20 = {
+const _hoisted_16 = {
   class: "btn-box"
 };
-const _hoisted_21 = {
+const _hoisted_17 = {
   key: 1,
   class: "opt-btn"
 };
-const _hoisted_22 = {
+const _hoisted_18 = {
   class: "btn"
 };
-const _hoisted_23 = /* @__PURE__ */ createElementVNode("span", null, i18n("10010.1.113", "\u62D2\u63A5"), -1);
-const _hoisted_24 = {
+const _hoisted_19 = {
   class: "btn"
 };
-const _hoisted_25 = /* @__PURE__ */ createElementVNode("span", null, i18n("10010.1.114", "\u63A5\u542C"), -1);
-const _hoisted_26 = {
+const _hoisted_20 = {
   class: "header"
 };
-const _hoisted_27 = {
+const _hoisted_21 = {
   class: "content"
 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -434,7 +420,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ref: handleRef
       }, [withDirectives(createElementVNode("span", {
         class: "title"
-      }, toDisplayString(unref(title)), 513), [[vShow, unref(isConnect)]]), createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
+      }, toDisplayString(title.value), 513), [[vShow, unref(isConnect)]]), createElementVNode("div", _hoisted_1, [createVNode(unref(NButton), {
         quaternary: "",
         size: "tiny",
         class: "custom-btn",
@@ -463,7 +449,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: !unref(voiceClose) ? unref(Mic) : unref(MicOff)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["color", "onClick"]), _hoisted_8]), createElementVNode("div", _hoisted_9, [createVNode(unref(NButton), {
+      }, 8, ["color", "onClick"]), _cache[5] || (_cache[5] = createElementVNode("span", {
+        class: "text"
+      }, i18n("10010.1.104", "\u9759\u97F3"), -1))]), createElementVNode("div", _hoisted_8, [createVNode(unref(NButton), {
         text: "",
         color: !unref(videocamClose) ? "#fff" : "#000",
         disabled: unref(isAudio),
@@ -473,7 +461,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: !unref(videocamClose) ? unref(Videocam) : unref(VideocamOff)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["color", "disabled", "onClick"]), _hoisted_10]), createElementVNode("div", {
+      }, 8, ["color", "disabled", "onClick"]), _cache[6] || (_cache[6] = createElementVNode("span", {
+        class: "text"
+      }, i18n("10010.1.105", "\u6444\u50CF\u5934"), -1))]), createElementVNode("div", {
         class: "btn",
         onClick: handleExit
       }, [createVNode(unref(NButton), {
@@ -485,11 +475,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_11]), createVNode(ChatAdd, {
+      }), _cache[7] || (_cache[7] = createElementVNode("span", {
+        class: "text"
+      }, i18n("10010.1.106", "\u7ED3\u675F\u4F1A\u8BCA"), -1))]), createVNode(ChatAdd, {
         onComfirm: handleAddPerson,
         disabledIds: unref(state).currentAVMsg.checkedIds
       }, {
-        trigger: withCtx(() => [createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
+        trigger: withCtx(() => [createElementVNode("div", _hoisted_9, [createVNode(unref(NButton), {
           text: "",
           color: "#fff"
         }, {
@@ -497,9 +489,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(PersonAdd)
           }, null, 8, ["component"])]),
           _: 1
-        }), _hoisted_13])]),
+        }), _cache[8] || (_cache[8] = createElementVNode("span", {
+          class: "text"
+        }, i18n("10010.1.107", "\u6DFB\u52A0\u53C2\u4F1A\u4EBA"), -1))])]),
         _: 1
-      }, 8, ["disabledIds"])])])]), createElementVNode("div", _hoisted_14, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(remoteUsers), (user) => {
+      }, 8, ["disabledIds"])])])]), createElementVNode("div", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(remoteUsers), (user) => {
         return openBlock(), createElementBlock("div", {
           key: user.id,
           id: user.id,
@@ -507,10 +501,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           "data-name": user.name,
           ref_for: true,
           ref: (el) => unref(setVideoRef)(user.id, el)
-        }, null, 8, _hoisted_15);
+        }, null, 8, _hoisted_11);
       }), 128))])])) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [createElementVNode("div", _hoisted_16, [createElementVNode("span", _hoisted_17, toDisplayString(unref(callUser)) + i18n("10010.1.108", "\u53D1\u8D77\u7684") + toDisplayString(unref(messageTypeText)) + i18n("10010.1.109", "\u4F1A\u8BAE"), 1), !unref(isCall) ? (openBlock(), createElementBlock("span", _hoisted_18, i18n("10010.1.110", "\u9080\u8BF7\u4F60\u52A0\u5165") + toDisplayString(unref(messageTypeText)) + i18n("10010.1.109", "\u4F1A\u8BAE"), 1)) : createCommentVNode("v-if", true)]), unref(isCall) ? (openBlock(), createElementBlock("div", _hoisted_19, [createVNode(ChatAdd, {
+      }, [createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(callUser.value) + i18n("10010.1.108", "\u53D1\u8D77\u7684") + toDisplayString(unref(messageTypeText)) + i18n("10010.1.109", "\u4F1A\u8BAE"), 1), !unref(isCall) ? (openBlock(), createElementBlock("span", _hoisted_14, i18n("10010.1.110", "\u9080\u8BF7\u4F60\u52A0\u5165") + toDisplayString(unref(messageTypeText)) + i18n("10010.1.109", "\u4F1A\u8BAE"), 1)) : createCommentVNode("v-if", true)]), unref(isCall) ? (openBlock(), createElementBlock("div", _hoisted_15, [createVNode(ChatAdd, {
         onComfirm: handleAddPerson,
         disabledIds: unref(state).currentAVMsg.checkedIds
       }, {
@@ -532,9 +526,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         type: "primary",
         onClick: handleCall
       }, {
-        default: withCtx(() => [createTextVNode(i18n("10010.1.112", "\u5F00\u59CB\u4F1A\u8BCA"))]),
+        default: withCtx(() => [..._cache[9] || (_cache[9] = [createTextVNode(i18n("10010.1.112", "\u5F00\u59CB\u4F1A\u8BCA"), -1)])]),
         _: 1
-      }), createElementVNode("div", _hoisted_20, [createVNode(unref(NButton), {
+      }), createElementVNode("div", _hoisted_16, [createVNode(unref(NButton), {
         color: "#000",
         round: "",
         onClick: _cache[1] || (_cache[1] = ($event) => voiceClose.value = !unref(voiceClose))
@@ -553,7 +547,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(videocamClose) ? unref(VideocamOff) : unref(Videocam)
         }, null, 8, ["component"])]),
         _: 1
-      }, 8, ["disabled"])])])) : (openBlock(), createElementBlock("div", _hoisted_21, [createElementVNode("div", _hoisted_22, [createVNode(unref(NButton), {
+      }, 8, ["disabled"])])])) : (openBlock(), createElementBlock("div", _hoisted_17, [createElementVNode("div", _hoisted_18, [createVNode(unref(NButton), {
         circle: "",
         color: "#f17568",
         class: "btn--rotate",
@@ -564,7 +558,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_23]), createElementVNode("div", _hoisted_24, [createVNode(unref(NButton), {
+      }), _cache[10] || (_cache[10] = createElementVNode("span", null, i18n("10010.1.113", "\u62D2\u63A5"), -1))]), createElementVNode("div", _hoisted_19, [createVNode(unref(NButton), {
         circle: "",
         color: "#2ac98b",
         onClick: handleEnter
@@ -574,12 +568,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(Call)
         }, null, 8, ["component"])]),
         _: 1
-      }), _hoisted_25])]))], 64))], 4), [[vShow, isMaxSize.value]]), withDirectives(createElementVNode("div", {
+      }), _cache[11] || (_cache[11] = createElementVNode("span", null, i18n("10010.1.114", "\u63A5\u542C"), -1))])]))], 64))], 4), [[vShow, isMaxSize.value]]), withDirectives(createElementVNode("div", {
         class: "video-wrapper video-wrapper--mini",
         ref_key: "miniWrapperRef",
         ref: miniWrapperRef,
         style: normalizeStyle(unref(miniStyle))
-      }, [createElementVNode("div", _hoisted_26, [createVNode(unref(NButton), {
+      }, [createElementVNode("div", _hoisted_20, [createVNode(unref(NButton), {
         text: "",
         color: "#ffffffcc",
         onClick: _cache[4] || (_cache[4] = () => isMaxSize.value = true)
@@ -589,7 +583,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           component: unref(ResizeOutline)
         }, null, 8, ["component"])]),
         _: 1
-      })]), createElementVNode("div", _hoisted_27, [createVNode(unref(NAvatar), {
+      })]), createElementVNode("div", _hoisted_21, [createVNode(unref(NAvatar), {
         round: "",
         size: 48,
         src: unref(state).userInfo.avatar

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

@@ -55,8 +55,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         isForward: boolean;
     };
     openSession: (session: string | AnyObject) => Promise<void>;
-    showLargeAvatar: import("vue").Ref<boolean>;
-    showPhone: import("vue").Ref<boolean>;
+    showLargeAvatar: import("vue").Ref<boolean, boolean>;
+    showPhone: import("vue").Ref<boolean, boolean>;
     userDetail: AnyObject;
     info: {
         label: string;
@@ -74,15 +74,15 @@ declare const _default: import("vue").DefineComponent<{}, {
     onChange: (options: {
         file: UploadFileInfo;
     }) => Promise<void>;
-    NAvatar: any;
-    NPopover: any;
-    NButton: any;
-    NIcon: any;
-    ChatbubbleEllipses: 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<{}>>, {}>;
-    Close: 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<{}>>, {}>;
-    EyeOutline: 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<{}>>, {}>;
-    EyeOffOutline: 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<{}>>, {}>;
-    isDoctorRole: typeof isDoctorRole;
-    getRoleName: typeof getRoleName;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    readonly NAvatar: any;
+    readonly NPopover: any;
+    readonly NButton: any;
+    readonly NIcon: any;
+    readonly ChatbubbleEllipses: 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 Close: 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 EyeOutline: 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 EyeOffOutline: 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 isDoctorRole: typeof isDoctorRole;
+    readonly getRoleName: typeof getRoleName;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -170,7 +170,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           round: "",
           size: 100,
           onClickCapture: _cache[0] || (_cache[0] = ($event) => showLargeAvatar.value = true)
-        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\n							<n-upload-trigger #="{ handleClick }" abstract>\n								<n-button\n									circle\n									secondary\n									class="edit-avatar"\n									v-show="userDetail.id === state.userInfo.id"\n									@click="handleClick"\n								>\n									<template #icon>\n										<n-icon size="16" color="#666666" :component="Camera" />\n									</template>\n								</n-button>\n							</n-upload-trigger>\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
+        }, null, 8, ["src"]), createCommentVNode(' <n-upload abstract accept="image/*" @change="onChange">\r\n							<n-upload-trigger #="{ handleClick }" abstract>\r\n								<n-button\r\n									circle\r\n									secondary\r\n									class="edit-avatar"\r\n									v-show="userDetail.id === state.userInfo.id"\r\n									@click="handleClick"\r\n								>\r\n									<template #icon>\r\n										<n-icon size="16" color="#666666" :component="Camera" />\r\n									</template>\r\n								</n-button>\r\n							</n-upload-trigger>\r\n						</n-upload> '), createElementVNode("div", _hoisted_4, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_5, toDisplayString(userDetail.name), 1), withDirectives(createElementVNode("label", {
           class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(userDetail.roleInfo) ? "isDoctor" : ""])
         }, toDisplayString(unref(getRoleName)(userDetail.roleInfo)), 3), [[vShow, unref(getRoleName)(userDetail.roleInfo)]])]), createElementVNode("p", null, toDisplayString(userDetail.orgName), 1)]), createVNode(unref(NButton), {
           strong: "",
@@ -184,9 +184,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             style: {
               "margin-right": "6px"
             }
-          }, null, 8, ["component"]), createTextVNode(" \u53D1\u6D88\u606F ")]),
+          }, null, 8, ["component"]), _cache[4] || (_cache[4] = createTextVNode(" \u53D1\u6D88\u606F ", -1))]),
           _: 1
-        })])]), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(personInfo), (info2, index) => {
+        })])]), createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [(openBlock(true), createElementBlock(Fragment, null, renderList(personInfo.value, (info2, index) => {
           return openBlock(), createElementBlock("div", {
             class: "info-item",
             key: index

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

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -6,12 +6,12 @@ declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
     };
-}, {
+}>, {
     labelList: {
         type: string;
         label: string;
     }[];
-    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
             required: true;
@@ -19,9 +19,9 @@ declare const _default: import("vue").DefineComponent<{
         show: {
             type: BooleanConstructor;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    }>>;
+    }> & {}>;
     emit: (event: "update:show", ...args: any[]) => void;
     setMessageLabel: (params: {
         type: "text" | "emoji";
@@ -29,16 +29,16 @@ declare const _default: import("vue").DefineComponent<{
         msgId: string;
     }) => void;
     handleMessageLabel: (type: 'emoji' | 'text', item: any) => void;
-    NButton: any;
-    NPopover: any;
-    NTabs: any;
-    NTabPane: any;
-    NTooltip: any;
-    emojis: {
+    readonly NButton: any;
+    readonly NPopover: any;
+    readonly NTabs: any;
+    readonly NTabPane: any;
+    readonly NTooltip: any;
+    readonly emojis: {
         default: string[][];
         findEmoji(name: string): string | undefined;
     };
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         required: true;
@@ -46,9 +46,9 @@ declare const _default: import("vue").DefineComponent<{
     show: {
         type: BooleanConstructor;
     };
-}>> & {
+}>> & Readonly<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}, {
+}>, {
     show: boolean;
-}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -30,9 +30,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:show"],
   setup(__props, {
-    emit
+    emit: __emit
   }) {
-    const props = __props;
     const labelList = [{
       type: "primary",
       label: "\u6536\u5230"
@@ -49,6 +48,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       type: "error",
       label: "\u8F9B\u82E6\u4E86"
     }];
+    const props = __props;
+    const emit = __emit;
     const {
       setMessageLabel
     } = useData();

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

@@ -9,23 +9,29 @@ declare const _default: import("vue").DefineComponent<{}, {
         ended: string;
     };
     unreadSessionKeys: string[];
-    flexWidth: import("vue").Ref<number>;
-    listBoxRef: import("vue").Ref<HTMLElement | undefined>;
+    flexWidth: import("vue").Ref<number, number>;
+    listBoxRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
     filterListByTag: import("vue").Ref<{
         label: string;
         key: string;
+    }[], {
+        label: string;
+        key: string;
+    }[] | {
+        label: string;
+        key: string;
     }[]>;
-    contextmenuRef: import("vue").Ref<any>;
-    showMenu: import("vue").Ref<boolean>;
-    menuPosition: any;
-    sessionId: import("vue").Ref<any>;
-    currentFilterKey: import("vue").Ref<string>;
-    datePickerRef: import("vue").Ref<any>;
-    inputRef: import("vue").Ref<any>;
-    dateRange: import("vue").Ref<any>;
-    keyword: import("vue").Ref<string>;
-    showSearch: import("vue").Ref<boolean>;
-    filterList: import("vue").Ref<AnyObject[]>;
+    contextmenuRef: import("vue").Ref<any, any>;
+    showMenu: import("vue").Ref<boolean, boolean>;
+    menuPosition: import("vue").Ref<any, any>;
+    sessionId: import("vue").Ref<any, any>;
+    currentFilterKey: import("vue").Ref<string, string>;
+    datePickerRef: import("vue").Ref<any, any>;
+    inputRef: import("vue").Ref<any, any>;
+    dateRange: import("vue").Ref<any, any>;
+    keyword: import("vue").Ref<string, string>;
+    showSearch: import("vue").Ref<boolean, boolean>;
+    filterList: import("vue").Ref<AnyObject[], AnyObject[]>;
     handleInput: () => void;
     state: {
         orgId: string | number;
@@ -80,7 +86,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         isForward: boolean;
     };
     unreadTotal: import("vue").ComputedRef<number>;
-    filterable: import("vue").Ref<any>;
+    filterable: import("vue").Ref<any, any>;
     openSession: (session: string | AnyObject) => Promise<void>;
     setUpdateSessionItem: (item: AnyObject) => void;
     setCurrentSessionItem: (item: AnyObject) => void;
@@ -96,13 +102,13 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleClickoutside: (e: Event) => void;
     handleUpdateDate: (value: string[]) => void;
     handleSearch: () => void;
-    NBadge: any;
-    NAvatar: any;
-    NInput: any;
-    NTag: any;
-    NIcon: any;
-    NPopover: any;
-    ContextMenu: import("vue").DefineComponent<{
+    readonly NBadge: any;
+    readonly NAvatar: any;
+    readonly NInput: any;
+    readonly NTag: any;
+    readonly NIcon: any;
+    readonly NPopover: any;
+    readonly ContextMenu: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -117,7 +123,7 @@ declare const _default: import("vue").DefineComponent<{}, {
         id: {
             type: StringConstructor;
         };
-    }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -132,22 +138,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         id: {
             type: StringConstructor;
         };
-    }>> & {
+    }>> & Readonly<{
         onSelect?: ((...args: any[]) => any) | undefined;
         "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         type: string;
         show: boolean;
-    }>;
-    vFlexibleResize: {
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly vFlexibleResize: {
         mounted(el: any, { value }: any): void;
         beforeUnmount(el: any): void;
     };
-    formatTime: typeof formatTime;
-    isDoctorRole: typeof isDoctorRole;
-    getRoleName: typeof getRoleName;
-    STATUS: typeof STATUS;
-    CDatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly formatTime: typeof formatTime;
+    readonly isDoctorRole: typeof isDoctorRole;
+    readonly getRoleName: typeof getRoleName;
+    readonly STATUS: typeof STATUS;
+    readonly CDatePicker: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -178,11 +184,11 @@ declare const _default: import("vue").DefineComponent<{}, {
         isDateDisabled: {
             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }, {
+    }>, {
         attrs: {
             [x: string]: unknown;
         };
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             updateUnchangedValue: {
                 type: BooleanConstructor;
             };
@@ -213,15 +219,15 @@ declare const _default: import("vue").DefineComponent<{}, {
             isDateDisabled: {
                 type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
             };
-        }>> & {
+        }>> & Readonly<{
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "update:formatted-value", ...args: any[]) => void;
-        datePickerRef: import("vue").Ref<AnyObject | null>;
-        panelInstRef: import("vue").Ref<null>;
-        placeholderRef: import("vue").Ref<any>;
-        oldValue: string;
-        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+        datePickerRef: import("vue").Ref<AnyObject | null, AnyObject | null>;
+        panelInstRef: import("vue").Ref<null, null>;
+        placeholderRef: import("vue").Ref<any, any>;
+        oldValue: (string | [string, string]) | null | undefined;
+        currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined, (string | [string, string]) | null | undefined>;
         isDateTime: import("vue").ComputedRef<boolean>;
         formatRef: import("vue").ComputedRef<string>;
         panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
@@ -236,8 +242,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         onConfirm: (...args: any[]) => Promise<void>;
         isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
         setShortcutValue: (type: "month" | "week") => Promise<void>;
-        NDatePicker: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NDatePicker: any;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         updateUnchangedValue: {
             type: BooleanConstructor;
         };
@@ -268,31 +274,31 @@ declare const _default: import("vue").DefineComponent<{}, {
         isDateDisabled: {
             type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
         };
-    }>> & {
+    }>> & Readonly<{
         "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         type: string;
         updateUnchangedValue: boolean;
         to: string | false | HTMLElement;
         holidays: Date[];
-    }>>;
-    SearchOutline: 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<{}>>, {}>;
-    userItemRender: import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    readonly SearchOutline: 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 userItemRender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         item: {
             type: import("vue").PropType<AnyObject>;
             default: () => {};
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         item: {
             type: import("vue").PropType<AnyObject>;
             default: () => {};
         };
-    }>> & {
+    }>> & Readonly<{
         "onItem-click"?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         item: AnyObject;
-    }>;
-    DefaultPage: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly DefaultPage: import("../../../../shared/types").SFCWithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -304,8 +310,8 @@ declare const _default: import("vue").DefineComponent<{}, {
                 content: string;
             };
         };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             type: {
                 type: StringConstructor;
                 default: string;
@@ -317,9 +323,9 @@ declare const _default: import("vue").DefineComponent<{}, {
                     content: string;
                 };
             };
-        }>> & {
+        }>> & Readonly<{
             onReloadPage?: ((...args: any[]) => any) | undefined;
-        }>>;
+        }> & {}>;
         emit: (event: "reloadPage", ...args: any[]) => void;
         configResult: import("vue").ComputedRef<{
             title: string;
@@ -327,9 +333,9 @@ declare const _default: import("vue").DefineComponent<{}, {
             img: string;
         }>;
         reloadPage: () => void;
-        NIcon: any;
-        Refresh: 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, "reloadPage"[], "reloadPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly NIcon: any;
+        readonly Refresh: 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, "reloadPage"[], "reloadPage", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         type: {
             type: StringConstructor;
             default: string;
@@ -341,11 +347,11 @@ declare const _default: import("vue").DefineComponent<{}, {
                 content: string;
             };
         };
-    }>> & {
+    }>> & Readonly<{
         onReloadPage?: ((...args: any[]) => any) | undefined;
-    }, {
+    }>, {
         type: string;
         config: AnyObject;
-    }>>;
-}, {}, {}, {}, 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<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -232,7 +232,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return withDirectives((openBlock(), createElementBlock("section", {
         class: "sider-list",
         style: normalizeStyle({
-          width: unref(currentWidth) + "px"
+          width: currentWidth.value + "px"
         })
       }, [unref(filterable) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NPopover), {
         raw: "",
@@ -294,7 +294,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         class: "sider-list__box",
         ref_key: "listBoxRef",
         ref: listBoxRef
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sessionList), (item) => {
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(sessionList.value, (item) => {
         return openBlock(), createElementBlock(Fragment, {
           key: item.id
         }, [item.status !== unref(STATUS).REMOVED ? withDirectives((openBlock(), createElementBlock("div", {