cnhis-design-vue 3.3.1-beta.44 → 3.3.1-beta.48

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

@@ -1 +1,431 @@
-import{createElementVNode as e,defineComponent as l,ref as t,computed as n,watch as o,nextTick as a,openBlock as s,createBlock as u,unref as i,normalizeStyle as r,withCtx as v,createVNode as c,createTextVNode as d,withModifiers as p,createCommentVNode as f,createElementBlock as g,Fragment as m,renderList as w,normalizeClass as y,withDirectives as h,vShow as k}from"vue";import{NPopover as C,NButton as L,NIcon as _,NInput as M,NTabs as j,NTabPane as I,NDivider as x}from"naive-ui";import{SearchOutline as B}from"@vicons/ionicons5";import{useData as R}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{openSessionApi as b}from"../api/index.js";import{isGroup as D}from"../utils/index.js";import{trim as U}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as S}from"../hooks/useSearchUserList.js";import{useSearchPatientList as z}from"../hooks/useSearchPatientList.js";import A from"../../../default-page/index.js";import E from"./userItemRender.js";var K;const P=e("div",{class:"title"},"联系人(患者)",-1),G=e("div",{class:"title"},"联系人(医护)",-1),N=e("div",{class:"title"},(null==(K=window.getLanguageByCode)?void 0:K.call(window,"10010.1.575"))||"我的群组",-1),T={class:"user-list-wrapper"};var V=l({__name:"ChatSearch",setup(l){const K=t(),V=t(),$=t(),q=t(!1),F=t(""),{cssVars:H,state:J,openSession:O}=R(),{userList:Q,handleInput:W}=S({wrapperRef:K,keywordRef:F}),{patientList:X,handlePatientInput:Y}=z({wrapperRef:V,keywordRef:F}),Z=t("all"),ee=t(0),le=n((()=>(F.value||"").replace(/^\s+|\s+$/g,"")?J.sessionList.filter((e=>D(e)&&(null==e?void 0:e.name.includes(F.value)))):[])),te=n((()=>!Q.value.length&&!!U(F.value||""))),ne=n((()=>!X.value.length&&!!U(F.value||""))),oe=n((()=>!(Q.value.length||X.value.length||le.value.length||!U(F.value||"")))),ae=n((()=>!le.value.length&&!!U(F.value||""))),se=n((()=>X.value.length>3?4:X.value.length)),ue=n((()=>(Q.value.length>3?4:Q.value.length)+se.value)),ie=n((()=>{switch(Z.value){case"patient":return X.value;case"user":return Q.value;case"group":return le.value;default:{const e=[],l=X.value.length,t=Q.value.length,n=le.value.length;return l>0&&(l>3?e.push(...X.value.slice(0,3),{id:"patient"}):e.push(...X.value)),t>0&&(t>3?e.push(...Q.value.slice(0,3),{id:"user"}):e.push(...Q.value)),n>0&&(n>3?e.push(...le.value.slice(0,3),{id:"group"}):e.push(...le.value)),e}}}));function re(){W(),Y()}function ve(e){if(["ArrowUp","ArrowDown"].includes(e.key)){e.preventDefault();const l=i(ee);if("ArrowUp"===e.key){const e=l>0?l-1:ie.value.length-1;ee.value=e}else if("ArrowDown"===e.key){const e=l<ie.value.length-1?l+1:0;ee.value=e}}else if(["Enter"].includes(e.key)){e.preventDefault();const l=ie.value.find(((e,l)=>ee.value===l)).id;["patient","user","group"].includes(l)?Z.value=l:async function(e){q.value=!1;const l=J.sessionList.find((l=>e&&[l.receiver,l.id].includes(e)));let t=l;if(!l){t=await b({chatType:"SINGLE",receiver:e,sender:J.userInfo.id})}O(t)}(l)}}function ce(){$.value.focus(),ee.value=0}function de(){q.value=!1}return o((()=>q.value),(async e=>{var l;e&&(await a(),null==(l=$.value)||l.focus())})),(l,t)=>(s(),u(i(C),{raw:"","content-class":"search-content",class:"search-wrapper",style:r(i(H)),show:q.value,"onUpdate:show":t[8]||(t[8]=e=>q.value=e),placement:"top",trigger:"click","display-directive":"show","show-arrow":!1,delay:0,overlap:""},{trigger:v((()=>[c(i(L),{color:"#ffffff4D",class:"search-trigger-btn"},{icon:v((()=>[c(i(_),{component:i(B),color:"#ffffff80"},null,8,["component"])])),default:v((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.80"))||"搜索联系人")]})),_:1})])),default:v((()=>[c(i(M),{ref_key:"inputRef",ref:$,size:"small",clearable:"",autofocus:"",value:F.value,"onUpdate:value":[t[0]||(t[0]=e=>F.value=e),re],onKeydown:p(ve,["stop"])},{prefix:v((()=>[c(i(_),{color:"#ffffff80",component:i(B)},null,8,["component"])])),_:1},8,["value","onKeydown"]),c(i(j),{type:"line",animated:"",value:Z.value,"onUpdate:value":[t[7]||(t[7]=e=>Z.value=e),ce]},{default:v((()=>{var l,n;return[c(i(I),{name:"all",tab:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.571"))||"综合","display-directive":"show",style:{padding:"0 10px 10px","overflow-y":"auto"}},{default:v((()=>{var e,l;return[f(" 联系人(患者) "),i(X).length>0?(s(),g(m,{key:0},[P,(s(!0),g(m,null,w(i(X),((e,l)=>(s(),g(m,{key:e.id},[l<3?(s(),u(i(E),{key:0,item:e,class:y({last:i(X).length<4?l===i(X).length-1:2===l,selected:ee.value===l}),onItemClick:de,onMouseover:p((()=>ee.value=l),["stop"])},null,8,["item","class","onMouseover"])):f("v-if",!0)],64)))),128)),i(X).length>3?(s(),g("div",{key:0,onClick:t[1]||(t[1]=()=>Z.value="user"),class:y(["user-item",3===ee.value?"selected":""]),onMouseover:t[2]||(t[2]=p((()=>ee.value=3),["stop"]))},[c(i(L),{text:"",type:"primary"},{icon:v((()=>[c(i(_),{component:i(B),size:"16"},null,8,["component"])])),default:v((()=>[d(" 查看更多联系人(患者) ")])),_:1})],34)):f("v-if",!0)],64)):f("v-if",!0),i(X).length&&i(Q).length?(s(),u(i(x),{key:1})):f("v-if",!0),f(" 联系人(医护) "),i(Q).length>0?(s(),g(m,{key:2},[G,(s(!0),g(m,null,w(i(Q),((e,l)=>(s(),g(m,{key:e.id},[l<3?(s(),u(i(E),{key:0,item:e,class:y({last:i(Q).length<4?l===i(Q).length-1:2===l,selected:ee.value===i(se)+l}),onItemClick:de,onMouseover:p((()=>ee.value=i(se)+l),["stop"])},null,8,["item","class","onMouseover"])):f("v-if",!0)],64)))),128)),i(Q).length>3?(s(),g("div",{key:0,onClick:t[3]||(t[3]=()=>Z.value="user"),class:y(["user-item",ee.value===i(se)+3?"selected":""]),onMouseover:t[4]||(t[4]=p((()=>ee.value=i(se)+3),["stop"]))},[c(i(L),{text:"",type:"primary"},{icon:v((()=>[c(i(_),{component:i(B),size:"16"},null,8,["component"])])),default:v((()=>[d(" 查看更多联系人(医护) ")])),_:1})],34)):f("v-if",!0)],64)):f("v-if",!0),i(Q).length&&i(le).length?(s(),u(i(x),{key:3})):f("v-if",!0),f((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.572"))||"群组"),i(le).length>0?(s(),g(m,{key:4},[N,(s(!0),g(m,null,w(i(le),((e,l)=>(s(),g(m,{key:e.id},[l<3?(s(),u(i(E),{key:0,item:e,class:y({last:i(le).length<4?l===i(le).length-1:2===l,selected:ee.value===i(ue)+l}),onItemClick:de,onMouseover:p((()=>ee.value=i(ue)+l),["stop"])},null,8,["item","class","onMouseover"])):f("v-if",!0)],64)))),128)),i(le).length>3?(s(),g("div",{key:0,onClick:t[5]||(t[5]=()=>Z.value="group"),class:y(["user-item",ee.value===i(ue)+3?"selected":""]),onMouseover:t[6]||(t[6]=p((()=>ee.value=i(ue)+3),["stop"]))},[c(i(L),{text:"",type:"primary"},{icon:v((()=>[c(i(_),{component:i(B),size:"16"},null,8,["component"])])),default:v((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.574"))||"查看更多群组")]})),_:1})],34)):f("v-if",!0)],64)):f("v-if",!0),h(c(i(A),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(oe)]])]})),_:1}),c(i(I),{name:"patient",tab:"联系人(患者)","display-directive":"show"},{default:v((()=>{var l;return[e("div",{class:"user-list-wrapper",ref_key:"patientListRef",ref:V},[(s(!0),g(m,null,w(i(X),((e,l)=>(s(),u(i(E),{key:e.id,item:e,onItemClick:de,class:y({selected:ee.value===l}),onMouseover:p((()=>ee.value=l),["stop"])},null,8,["item","class","onMouseover"])))),128)),h(c(i(A),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(ne)]])],512)]})),_:1}),c(i(I),{name:"user",tab:"联系人(医护)","display-directive":"show"},{default:v((()=>{var l;return[e("div",{class:"user-list-wrapper",ref_key:"userListRef",ref:K},[(s(!0),g(m,null,w(i(Q),((e,l)=>(s(),u(i(E),{key:e.id,item:e,onItemClick:de,class:y({selected:ee.value===l}),onMouseover:p((()=>ee.value=l),["stop"])},null,8,["item","class","onMouseover"])))),128)),h(c(i(A),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(te)]])],512)]})),_:1}),c(i(I),{name:"group",tab:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.572"))||"群组","display-directive":"show"},{default:v((()=>{var l;return[e("div",T,[(s(!0),g(m,null,w(i(le),((e,l)=>(s(),u(i(E),{key:e.id,item:e,onItemClick:de,class:y({selected:ee.value===l}),onMouseover:p((()=>ee.value=l),["stop"])},null,8,["item","class","onMouseover"])))),128)),h(c(i(A),{config:{title:" ",content:(null==(l=window.getLanguageByCode)?void 0:l.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[k,i(ae)]])])]})),_:1})]})),_:1},8,["value"])])),_:1},8,["style","show"]))}});export{V as default};
+import { createElementVNode, defineComponent, ref, computed, watch, nextTick, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, createTextVNode, withModifiers, createCommentVNode, createElementBlock, Fragment, renderList, normalizeClass, withDirectives, vShow } from 'vue';
+import { NPopover, NButton, NIcon, NInput, NTabs, NTabPane, NDivider } from 'naive-ui';
+import { SearchOutline } from '@vicons/ionicons5';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { openSessionApi } from '../api/index.js';
+import { isGroup } from '../utils/index.js';
+import { trim } from 'lodash-es';
+import 'trtc-sdk-v5';
+import { useSearchUserList } from '../hooks/useSearchUserList.js';
+import { useSearchPatientList } from '../hooks/useSearchPatientList.js';
+import DefaultPage from '../../../default-page/index.js';
+import userItemRender from './userItemRender.js';
+
+var _a;
+const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", {
+  class: "title"
+}, "\u8054\u7CFB\u4EBA(\u60A3\u8005)", -1);
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("div", {
+  class: "title"
+}, "\u8054\u7CFB\u4EBA(\u533B\u62A4)", -1);
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("div", {
+  class: "title"
+}, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.575")) || "\u6211\u7684\u7FA4\u7EC4", -1);
+const _hoisted_4 = {
+  class: "user-list-wrapper"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatSearch",
+  setup(__props) {
+    const userListRef = ref();
+    const patientListRef = ref();
+    const inputRef = ref();
+    const showSearch = ref(false);
+    const keyword = ref("");
+    const {
+      cssVars,
+      state,
+      openSession
+    } = useData();
+    const {
+      userList,
+      handleInput
+    } = useSearchUserList({
+      wrapperRef: userListRef,
+      keywordRef: keyword
+    });
+    const {
+      patientList,
+      handlePatientInput
+    } = useSearchPatientList({
+      wrapperRef: patientListRef,
+      keywordRef: keyword
+    });
+    const currentTabValue = ref("all");
+    const currentIndex = ref(0);
+    const groupList = computed(() => {
+      if (!(keyword.value || "").replace(/^\s+|\s+$/g, ""))
+        return [];
+      return state.sessionList.filter((session) => isGroup(session) && (session == null ? void 0 : session.name.includes(keyword.value)));
+    });
+    const showNoUserData = computed(() => !userList.value.length && !!trim(keyword.value || ""));
+    const showNoPatientData = computed(() => !patientList.value.length && !!trim(keyword.value || ""));
+    const showAllNoData = computed(() => !userList.value.length && !patientList.value.length && !groupList.value.length && !!trim(keyword.value || ""));
+    const showGroupNoData = computed(() => !groupList.value.length && !!trim(keyword.value || ""));
+    const userStartIndex = computed(() => patientList.value.length > 3 ? 4 : patientList.value.length);
+    const groupStartIndex = computed(() => (userList.value.length > 3 ? 4 : userList.value.length) + userStartIndex.value);
+    const currentList = computed(() => {
+      switch (currentTabValue.value) {
+        case "patient":
+          return patientList.value;
+        case "user":
+          return userList.value;
+        case "group":
+          return groupList.value;
+        default: {
+          const list = [];
+          const patientListLen = patientList.value.length;
+          const userListLen = userList.value.length;
+          const groupListLen = groupList.value.length;
+          if (patientListLen > 0) {
+            if (patientListLen > 3) {
+              list.push(...patientList.value.slice(0, 3), {
+                id: "patient"
+              });
+            } else {
+              list.push(...patientList.value);
+            }
+          }
+          if (userListLen > 0) {
+            if (userListLen > 3) {
+              list.push(...userList.value.slice(0, 3), {
+                id: "user"
+              });
+            } else {
+              list.push(...userList.value);
+            }
+          }
+          if (groupListLen > 0) {
+            if (groupListLen > 3) {
+              list.push(...groupList.value.slice(0, 3), {
+                id: "group"
+              });
+            } else {
+              list.push(...groupList.value);
+            }
+          }
+          return list;
+        }
+      }
+    });
+    function handleSearchInput() {
+      handleInput();
+      handlePatientInput();
+    }
+    function handleKeyDown(event) {
+      if (["ArrowUp", "ArrowDown"].includes(event.key)) {
+        event.preventDefault();
+        const _currentIndex = unref(currentIndex);
+        if (event.key === "ArrowUp") {
+          const previousIndex = _currentIndex > 0 ? _currentIndex - 1 : currentList.value.length - 1;
+          currentIndex.value = previousIndex;
+        } else if (event.key === "ArrowDown") {
+          const nextIndex = _currentIndex < currentList.value.length - 1 ? _currentIndex + 1 : 0;
+          currentIndex.value = nextIndex;
+        }
+      } else if (["Enter"].includes(event.key)) {
+        event.preventDefault();
+        const id = currentList.value.find((item, index) => currentIndex.value === index).id;
+        if (["patient", "user", "group"].includes(id)) {
+          currentTabValue.value = id;
+        } else {
+          addSession(id);
+        }
+      }
+    }
+    async function addSession(id) {
+      showSearch.value = false;
+      const session = state.sessionList.find((session2) => id && [session2.receiver, session2.id].includes(id));
+      let data = session;
+      if (!session) {
+        const _data = await openSessionApi({
+          chatType: "SINGLE",
+          receiver: id,
+          sender: state.userInfo.id
+        });
+        data = _data;
+      }
+      openSession(data);
+    }
+    function handleTabChange() {
+      inputRef.value.focus();
+      currentIndex.value = 0;
+    }
+    function handleClose() {
+      showSearch.value = false;
+    }
+    watch(() => showSearch.value, async (value) => {
+      var _a2;
+      if (value) {
+        await nextTick();
+        (_a2 = inputRef.value) == null ? void 0 : _a2.focus();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NPopover), {
+        raw: "",
+        "content-class": "search-content",
+        class: "search-wrapper",
+        style: normalizeStyle(unref(cssVars)),
+        show: showSearch.value,
+        "onUpdate:show": _cache[8] || (_cache[8] = ($event) => showSearch.value = $event),
+        placement: "top",
+        trigger: "click",
+        "display-directive": "show",
+        "show-arrow": false,
+        delay: 0,
+        overlap: ""
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          color: "#ffffff4D",
+          class: "search-trigger-btn"
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(SearchOutline),
+            color: "#ffffff80"
+          }, null, 8, ["component"])]),
+          default: withCtx(() => {
+            var _a2;
+            return [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.80")) || "\u641C\u7D22\u8054\u7CFB\u4EBA")];
+          }),
+          _: 1
+        })]),
+        default: withCtx(() => [createVNode(unref(NInput), {
+          ref_key: "inputRef",
+          ref: inputRef,
+          size: "small",
+          clearable: "",
+          autofocus: "",
+          value: keyword.value,
+          "onUpdate:value": [_cache[0] || (_cache[0] = ($event) => keyword.value = $event), handleSearchInput],
+          onKeydown: withModifiers(handleKeyDown, ["stop"])
+        }, {
+          prefix: withCtx(() => [createVNode(unref(NIcon), {
+            color: "#ffffff80",
+            component: unref(SearchOutline)
+          }, null, 8, ["component"])]),
+          _: 1
+        }, 8, ["value", "onKeydown"]), createVNode(unref(NTabs), {
+          type: "line",
+          animated: "",
+          value: currentTabValue.value,
+          "onUpdate:value": [_cache[7] || (_cache[7] = ($event) => currentTabValue.value = $event), handleTabChange]
+        }, {
+          default: withCtx(() => {
+            var _a2, _b;
+            return [createVNode(unref(NTabPane), {
+              name: "all",
+              tab: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.571")) || "\u7EFC\u5408",
+              "display-directive": "show",
+              style: {
+                "padding": "0 10px 10px",
+                "overflow-y": "auto"
+              }
+            }, {
+              default: withCtx(() => {
+                var _a3, _b2;
+                return [createCommentVNode(" \u8054\u7CFB\u4EBA(\u60A3\u8005) "), unref(patientList).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+                  key: 0
+                }, [_hoisted_1, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(patientList), (patient, index) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: patient.id
+                  }, [index < 3 ? (openBlock(), createBlock(unref(userItemRender), {
+                    key: 0,
+                    item: patient,
+                    class: normalizeClass({
+                      last: unref(patientList).length < 4 ? index === unref(patientList).length - 1 : index === 2,
+                      selected: currentIndex.value === index
+                    }),
+                    onItemClick: handleClose,
+                    onMouseover: withModifiers(() => currentIndex.value = index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"])) : createCommentVNode("v-if", true)], 64);
+                }), 128)), unref(patientList).length > 3 ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  onClick: _cache[1] || (_cache[1] = () => currentTabValue.value = "user"),
+                  class: normalizeClass(["user-item", currentIndex.value === 3 ? "selected" : ""]),
+                  onMouseover: _cache[2] || (_cache[2] = withModifiers(() => currentIndex.value = 3, ["stop"]))
+                }, [createVNode(unref(NButton), {
+                  text: "",
+                  type: "primary"
+                }, {
+                  icon: withCtx(() => [createVNode(unref(NIcon), {
+                    component: unref(SearchOutline),
+                    size: "16"
+                  }, null, 8, ["component"])]),
+                  default: withCtx(() => [createTextVNode(" \u67E5\u770B\u66F4\u591A\u8054\u7CFB\u4EBA(\u60A3\u8005) ")]),
+                  _: 1
+                })], 34)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), unref(patientList).length && unref(userList).length ? (openBlock(), createBlock(unref(NDivider), {
+                  key: 1
+                })) : createCommentVNode("v-if", true), createCommentVNode(" \u8054\u7CFB\u4EBA(\u533B\u62A4) "), unref(userList).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+                  key: 2
+                }, [_hoisted_2, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(userList), (user, index) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: user.id
+                  }, [index < 3 ? (openBlock(), createBlock(unref(userItemRender), {
+                    key: 0,
+                    item: user,
+                    class: normalizeClass({
+                      last: unref(userList).length < 4 ? index === unref(userList).length - 1 : index === 2,
+                      selected: currentIndex.value === unref(userStartIndex) + index
+                    }),
+                    onItemClick: handleClose,
+                    onMouseover: withModifiers(() => currentIndex.value = unref(userStartIndex) + index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"])) : createCommentVNode("v-if", true)], 64);
+                }), 128)), unref(userList).length > 3 ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  onClick: _cache[3] || (_cache[3] = () => currentTabValue.value = "user"),
+                  class: normalizeClass(["user-item", currentIndex.value === unref(userStartIndex) + 3 ? "selected" : ""]),
+                  onMouseover: _cache[4] || (_cache[4] = withModifiers(() => currentIndex.value = unref(userStartIndex) + 3, ["stop"]))
+                }, [createVNode(unref(NButton), {
+                  text: "",
+                  type: "primary"
+                }, {
+                  icon: withCtx(() => [createVNode(unref(NIcon), {
+                    component: unref(SearchOutline),
+                    size: "16"
+                  }, null, 8, ["component"])]),
+                  default: withCtx(() => [createTextVNode(" \u67E5\u770B\u66F4\u591A\u8054\u7CFB\u4EBA(\u533B\u62A4) ")]),
+                  _: 1
+                })], 34)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), unref(userList).length && unref(groupList).length ? (openBlock(), createBlock(unref(NDivider), {
+                  key: 3
+                })) : createCommentVNode("v-if", true), createCommentVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.572")) || "\u7FA4\u7EC4"), unref(groupList).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+                  key: 4
+                }, [_hoisted_3, (openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupList), (group, index) => {
+                  return openBlock(), createElementBlock(Fragment, {
+                    key: group.id
+                  }, [index < 3 ? (openBlock(), createBlock(unref(userItemRender), {
+                    key: 0,
+                    item: group,
+                    class: normalizeClass({
+                      last: unref(groupList).length < 4 ? index === unref(groupList).length - 1 : index === 2,
+                      selected: currentIndex.value === unref(groupStartIndex) + index
+                    }),
+                    onItemClick: handleClose,
+                    onMouseover: withModifiers(() => currentIndex.value = unref(groupStartIndex) + index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"])) : createCommentVNode("v-if", true)], 64);
+                }), 128)), unref(groupList).length > 3 ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  onClick: _cache[5] || (_cache[5] = () => currentTabValue.value = "group"),
+                  class: normalizeClass(["user-item", currentIndex.value === unref(groupStartIndex) + 3 ? "selected" : ""]),
+                  onMouseover: _cache[6] || (_cache[6] = withModifiers(() => currentIndex.value = unref(groupStartIndex) + 3, ["stop"]))
+                }, [createVNode(unref(NButton), {
+                  text: "",
+                  type: "primary"
+                }, {
+                  icon: withCtx(() => [createVNode(unref(NIcon), {
+                    component: unref(SearchOutline),
+                    size: "16"
+                  }, null, 8, ["component"])]),
+                  default: withCtx(() => {
+                    var _a4;
+                    return [createTextVNode(((_a4 = window.getLanguageByCode) == null ? void 0 : _a4.call(window, "10010.1.574")) || "\u67E5\u770B\u66F4\u591A\u7FA4\u7EC4")];
+                  }),
+                  _: 1
+                })], 34)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true), withDirectives(createVNode(unref(DefaultPage), {
+                  config: {
+                    title: " ",
+                    content: ((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.81")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7684\u7ED3\u679C"
+                  },
+                  type: "5"
+                }, null, 512), [[vShow, unref(showAllNoData)]])];
+              }),
+              _: 1
+            }), createVNode(unref(NTabPane), {
+              name: "patient",
+              tab: "\u8054\u7CFB\u4EBA(\u60A3\u8005)",
+              "display-directive": "show"
+            }, {
+              default: withCtx(() => {
+                var _a3;
+                return [createElementVNode("div", {
+                  class: "user-list-wrapper",
+                  ref_key: "patientListRef",
+                  ref: patientListRef
+                }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(patientList), (patient, index) => {
+                  return openBlock(), createBlock(unref(userItemRender), {
+                    key: patient.id,
+                    item: patient,
+                    onItemClick: handleClose,
+                    class: normalizeClass({
+                      selected: currentIndex.value === index
+                    }),
+                    onMouseover: withModifiers(() => currentIndex.value = index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"]);
+                }), 128)), withDirectives(createVNode(unref(DefaultPage), {
+                  config: {
+                    title: " ",
+                    content: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.81")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7684\u7ED3\u679C"
+                  },
+                  type: "5"
+                }, null, 512), [[vShow, unref(showNoPatientData)]])], 512)];
+              }),
+              _: 1
+            }), createVNode(unref(NTabPane), {
+              name: "user",
+              tab: "\u8054\u7CFB\u4EBA(\u533B\u62A4)",
+              "display-directive": "show"
+            }, {
+              default: withCtx(() => {
+                var _a3;
+                return [createElementVNode("div", {
+                  class: "user-list-wrapper",
+                  ref_key: "userListRef",
+                  ref: userListRef
+                }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(userList), (user, index) => {
+                  return openBlock(), createBlock(unref(userItemRender), {
+                    key: user.id,
+                    item: user,
+                    onItemClick: handleClose,
+                    class: normalizeClass({
+                      selected: currentIndex.value === index
+                    }),
+                    onMouseover: withModifiers(() => currentIndex.value = index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"]);
+                }), 128)), withDirectives(createVNode(unref(DefaultPage), {
+                  config: {
+                    title: " ",
+                    content: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.81")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7684\u7ED3\u679C"
+                  },
+                  type: "5"
+                }, null, 512), [[vShow, unref(showNoUserData)]])], 512)];
+              }),
+              _: 1
+            }), createVNode(unref(NTabPane), {
+              name: "group",
+              tab: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.572")) || "\u7FA4\u7EC4",
+              "display-directive": "show"
+            }, {
+              default: withCtx(() => {
+                var _a3;
+                return [createElementVNode("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(groupList), (group, index) => {
+                  return openBlock(), createBlock(unref(userItemRender), {
+                    key: group.id,
+                    item: group,
+                    onItemClick: handleClose,
+                    class: normalizeClass({
+                      selected: currentIndex.value === index
+                    }),
+                    onMouseover: withModifiers(() => currentIndex.value = index, ["stop"])
+                  }, null, 8, ["item", "class", "onMouseover"]);
+                }), 128)), withDirectives(createVNode(unref(DefaultPage), {
+                  config: {
+                    title: " ",
+                    content: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.81")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7684\u7ED3\u679C"
+                  },
+                  type: "5"
+                }, null, 512), [[vShow, unref(showGroupNoData)]])])];
+              }),
+              _: 1
+            })];
+          }),
+          _: 1
+        }, 8, ["value"])]),
+        _: 1
+      }, 8, ["style", "show"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/iho-chat/src/components/ChatSet.vue.js

@@ -1 +1,6 @@
-import e from"./ChatSet.vue2.js";import t from"../../../../_virtual/_plugin-vue_export-helper.js";var r=t(e,[["__file","ChatSet.vue"]]);export{r as default};
+import _sfc_main from './ChatSet.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var ChatSet = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ChatSet.vue"]]);
+
+export { ChatSet as default };