cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

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

@@ -1 +1,682 @@
-import{createElementVNode as e,defineComponent as l,ref as a,computed as n,watch as t,openBlock as o,createElementBlock as i,Fragment as u,createVNode as r,unref as d,withCtx as s,createCommentVNode as c,createBlock as v,renderList as p,toDisplayString as g,createTextVNode as f,withDirectives as m,isRef as h,vShow as y,withModifiers as w,normalizeClass as k,renderSlot as b}from"vue";import{NModal as I,NInput as C,NIcon as _,NSpace as x,NButton as L,NBreadcrumb as j,NBreadcrumbItem as S,NCheckbox as B,NCheckboxGroup as U,NAvatar as E,NTag as R,NTooltip as N}from"naive-ui";import{SearchOutline as z,PersonOutline as A,PeopleOutline as G,ChevronBackOutline as T,ChevronForwardOutline as V,AddOutline as $}from"@vicons/ionicons5";import{useData as D}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{CHAT_TYPE as M}from"../constants/index.js";import{getOrgUserTreeApi as O,groupUserApi as P,groupLeaveApi as q,groupJoinApi as F,groupCreateApi as H}from"../api/index.js";import{listSort as J}from"../utils/index.js";import{union as K,unionBy as Q,remove as W,intersection as X,last as Y,isArray as Z,uniqBy as ee,cloneDeep as le,trim as ae}from"lodash-es";import"trtc-sdk-v5";import{useSearchUserList as ne}from"../hooks/useSearchUserList.js";var te,oe;const ie={class:"iho-chat-dialog__content iho-chat-add-wrapper"},ue={key:0,class:"input-box"},re=e("span",null,(null==(te=window.getLanguageByCode)?void 0:te.call(window,"10010.1.34"))||"群名称：",-1),de={class:"transfer-box"},se={class:"transfer-box__left"},ce={key:0,class:"nav-wrapper"},ve={key:0,class:"chat--iconfont chat--icon-map-site"},pe={style:{"font-size":"12px"}},ge={key:1,class:"header"},fe={class:"user-list-box"},me={key:0,class:"org-list"},he={class:"ellipsis"},ye={key:0,style:{"font-size":"12px",color:"#666","margin-right":"10px"}},we={key:1,class:"no-data"},ke={class:"transfer-box__right"},be={class:"checked-tag-box"},Ie={key:0,class:"input-wrapper"};var Ce=l({__name:"ChatAdd",props:{title:{type:String,default:(null==(oe=window.getLanguageByCode)?void 0:oe.call(window,"10010.1.42"))||"添加新成员"},mode:{type:String,default:"select"},options:{type:Array},disabledIds:{type:Array,default:()=>[]},defaultValue:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},emits:["comfirm"],setup(l,{emit:te}){const oe=l;let Ce=[];const _e=[{key:"single",label:"按好友选"},{key:"group",label:"按群聊选"},{key:"org",label:"按架构选"}];let xe=[];const{state:Le,setCurrentSessionItem:je}=D(),Se=a(),Be=a(""),Ue=a(!1),Ee=a([]),Re=a(""),Ne=a(""),ze=a([]),Ae=a([]),{userList:Ge,handleInput:Te}=ne({wrapperRef:Se,keywordRef:Be,before:()=>{ze.value.length>0||(Ge.value=Ce)}}),Ve=n((()=>"relay"===oe.mode?[]:K(oe.disabledIds,[Le.userInfo.id]))),$e=n((()=>{var e;return(null==(e=Le.sessionList)?void 0:e.length)?J(Le.sessionList).map((e=>({id:e.receiver,name:e.name,avatar:e.avatar,chatType:e.chatType}))):[]})),De=n((()=>$e.value.filter((e=>e.chatType===M.SINGLE)))),Me=n((()=>$e.value.filter((e=>e.chatType===M.GROUP)))),Oe=n((()=>Ee.value.length?Ee.value.map((e=>e.id)):[])),Pe=n((()=>"create"===oe.mode?Oe.value.length<3:Oe.value.length<1)),qe=n({get:()=>Fe.value.filter((e=>!Qe(e))).length===Ge.value.filter((e=>!Qe(e.id))).length,set(e){const l=[];if(Ge.value.forEach((e=>{var a;if(1==e.type&&(null==(a=e.children)?void 0:a.length)){const a=Ze(e.children||[]).filter((e=>!Qe(e.id)));l.push(...a)}else Qe(e.id)||l.push(e)})),e)Ee.value=Q(Ee.value,l,"id");else{const e=l.map((e=>e.id));W(Ee.value,(l=>e.includes(l.id)))}}}),Fe=n({get(){var e,l,a;return null!=(a=null==(l=null==(e=Ge.value)?void 0:e.filter((e=>{var l;if(1==e.type&&(null==(l=e.children)?void 0:l.length)){const l=Ze(e.children||[]).map((e=>e.id)).filter((e=>!Qe(e)));return X(l,Oe.value).length===l.length}return Oe.value.includes(e.id)})))?void 0:l.map((e=>e.id)))?a:[]},set(e){Ge.value.forEach((l=>{var a;const n=[];1==l.type&&(null==(a=l.children)?void 0:a.length)?n.push(...Ze(l.children||[]).filter((e=>!Qe(e.id)))):n.push(l),e.includes(l.id)?Ee.value=Q(Ee.value,n,"id"):W(Ee.value,(e=>n.some((l=>l.id===e.id))))}))}}),He=n((()=>{var e;return ze.value.length>0?null==(e=Y(ze.value))?void 0:e.key:""})),Je=n((()=>!("relay"!==oe.mode&&["group","org"].includes(He.value)&&1===ze.value.length)));function Ke(e){e.forEach((e=>{var l;1==e.type&&(null==(l=e.children)?void 0:l.length)?(e.total=Ze(e.children).length,Ke(e.children)):2==e.type&&(e.total=0)}))}function Qe(e){var l,a;return"group"===He.value?"relay"!==oe.mode&&(1===ze.value.length||(null==(l=Ve.value)?void 0:l.includes(e))):null==(a=Ve.value)?void 0:a.includes(e)}function We(){ze.value.length>1?"group"===He.value?Ge.value=Me.value:"org"===He.value&&(Ge.value=xe.map((e=>({id:e.orgId,name:e.orgName}))),Ae.value=[]):Ge.value=Ce,ze.value.pop()}function Xe(e,l){const{id:a,children:n=[],type:t}=e;if("breadcrumb"!==l||Y(Ae.value).id!==a)if(t){const l=Ae.value.findIndex((e=>e.id===a));l>-1?Ae.value=Ae.value.slice(0,l+1):Ae.value.push(e),Ge.value=n}else{const n=xe.find((e=>e.orgId===a));Ae.value=[e],Ge.value=n.userList||[],l||ze.value.push({key:He.value,label:n.orgName})}}function Ye(e){const{children:l=[]}=e;if(!l.length)return!0;const a=Ze(l).map((e=>e.id)).filter((e=>!Ve.value.includes(e)));return X(a,Oe.value).length===a.length}function Ze(e){const l=[];return e.forEach((e=>{var a;1==e.type&&(null==(a=e.children)?void 0:a.length)?l.push(...Ze(e.children)):2==e.type&&l.push(e)})),l}async function el(){const e=d(Oe);switch(oe.mode){case"create":await H({creator:Le.userInfo.id,memberIdSet:e,name:ae(Re.value),orgId:Le.orgId});break;case"join":if(await F({groupId:Le.currentSessionItem.receiver,operator:Le.userInfo.id,memberIdSet:e}),!Le.currentSessionItem.defaultName){const e=Ee.value.map((e=>e.name)).join(",");je({name:`${Le.currentSessionItem.name},${e}`})}Le.currentGroupUser.push(...Ge.value.filter((l=>e.includes(l.id))));break;case"remove":if(await q({dissolution:!1,groupId:Le.currentSessionItem.receiver,operator:Le.userInfo.id,memberIdSet:e}),!Le.currentSessionItem.defaultName){const e=Ee.value.map((e=>e.name)).join(","),l=new RegExp(e,"g");je({name:Le.currentSessionItem.name.replace(l,"")})}W(Le.currentGroupUser,(l=>e.includes(l.id)));break;default:te("comfirm",{checkedIds:e,checkedOptions:Ee.value,remark:Ne.value})}Ue.value=!1}return async function(){try{const e=await O();xe=Z(e)?e:[],xe.forEach((e=>Ke(e.userList||[])))}catch(e){console.log("error ==>",e)}}(),t((()=>Ue.value),(e=>{if(!e)return;Be.value="",Re.value="",ze.value=[],Ae.value=[];const l="relay"===oe.mode?$e.value:De.value,a=Z(oe.options)&&oe.options.length?oe.options:l;Ce=ee(a,"id"),Ge.value=Ce,Ee.value=Z(oe.defaultValue)&&oe.defaultValue.length?le(oe.defaultValue):[]})),(a,n)=>{var t,D;return o(),i(u,null,[r(d(I),{preset:"dialog",title:l.title,"show-icon":!1,"auto-focus":!1,"trap-focus":!1,class:"iho-chat-dialog",show:Ue.value,"onUpdate:show":n[5]||(n[5]=e=>Ue.value=e),"negative-text":(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.28"))||"取消","positive-text":(null==(D=window.getLanguageByCode)?void 0:D.call(window,"10010.1.27"))||"确定","display-directive":"show","positive-button-props":{disabled:d(Pe)},onPositiveClick:el},{default:s((()=>{var a,t,k,b,I,N,$,D,M;return[e("div",ie,["create"===l.mode?(o(),i("div",ue,[re,r(d(C),{clearable:"",placeholder:(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.35"))||"取个群名称方便后续搜索",value:Re.value,"onUpdate:value":n[0]||(n[0]=e=>Re.value=e),valueModifiers:{trim:!0}},null,8,["value"])])):c("v-if",!0),e("div",de,[e("div",se,[r(d(C),{placeholder:(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.36"))||"搜索",clearable:"",value:Be.value,"onUpdate:value":[n[1]||(n[1]=e=>Be.value=e),d(Te)],valueModifiers:{trim:!0}},{prefix:s((()=>[r(d(_),{component:d(z)},null,8,["component"])])),_:1},8,["value","onUpdate:value"]),Be.value||"remove"===l.mode?c("v-if",!0):(o(),i("div",ce,[0===ze.value.length?(o(),v(d(x),{key:0,justify:"space-around","wrap-item":!1},{default:s((()=>[(o(),i(u,null,p(_e,(l=>r(d(x),{vertical:"",align:"center","wrap-item":!1,key:l.key,onClick:()=>function(e){switch(Be.value="",ze.value=[e],e.key){case"single":Ge.value=De.value;break;case"group":Ge.value=Me.value;break;case"org":Ge.value=xe.map((e=>({id:e.orgId,name:e.orgName})))}}(l)},{default:s((()=>[r(d(L),{tertiary:""},{icon:s((()=>["org"===l.key?(o(),i("i",ve)):(o(),v(d(_),{key:1,component:"single"===l.key?d(A):d(G)},null,8,["component"]))])),_:2},1024),e("span",pe,g(l.label),1)])),_:2},1032,["onClick"]))),64))])),_:1})):c("v-if",!0),ze.value.length>0?(o(),i("div",ge,[r(d(L),{text:"",onClick:We},{icon:s((()=>[r(d(_),{component:d(T)},null,8,["component"])])),_:1}),e("h4",null,g(null==(k=d(Y)(ze.value))?void 0:k.label),1)])):c("v-if",!0),ze.value.length>0&&"org"===(null==(b=d(Y)(ze.value))?void 0:b.key)&&Ae.value.length>0?(o(),v(d(j),{key:2,separator:">"},{default:s((()=>[(o(!0),i(u,null,p(Ae.value,(e=>(o(),v(d(S),{key:e.id,onClick:l=>Xe(e,"breadcrumb")},{default:s((()=>[f(g(e.name),1)])),_:2},1032,["onClick"])))),128))])),_:1})):c("v-if",!0)])),e("div",fe,[d(Ge).length>0?(o(),i(u,{key:0},[m(r(d(B),{label:(null==(I=window.getLanguageByCode)?void 0:I.call(window,"10010.1.37"))||"全选",checked:d(qe),"onUpdate:checked":n[2]||(n[2]=e=>h(qe)?qe.value=e:null)},null,8,["checked"]),[[y,d(Je)]]),"org"===d(He)&&1===ze.value.length?(o(),i("div",me,[(o(!0),i(u,null,p(d(Ge),(l=>(o(),v(d(x),{"wrap-item":!1,align:"center",justify:"space-between",key:l.Id,onClick:e=>Xe(l)},{default:s((()=>[e("span",null,g(l.name),1),r(d(_),{size:"16",component:d(V)},null,8,["component"])])),_:2},1032,["onClick"])))),128))])):(o(),v(d(U),{key:1,ref_key:"listRef",ref:Se,value:d(Fe),"onUpdate:value":n[3]||(n[3]=e=>h(Fe)?Fe.value=e:null)},{default:s((()=>[(o(!0),i(u,null,p(d(Ge),(l=>(o(),v(d(B),{key:l.id,value:l.id,disabled:Qe(l.id),onClick:()=>async function(e){const l=d(He);if(l&&"relay"!==oe.mode&&"group"===l&&1===ze.value.length)try{ze.value.push({key:l,label:e.name});const a=await P({id:e.id});Ge.value=Z(a)?a:[]}catch(e){console.log("error ==>",e)}}(l)},{default:s((()=>[r(d(x),{align:"center","wrap-item":!1,wrap:!1},{default:s((()=>[r(d(E),{src:l.avatar,round:"",size:32},null,8,["src"]),e("span",he,g(l.name),1),l.total?(o(),i("span",ye," ("+g(l.total)+"人) ",1)):c("v-if",!0),1==l.type&&l.children.length>0?(o(),v(d(L),{key:1,type:"primary",text:"",disabled:Ye(l),style:{"margin-left":"auto"},onClick:w((e=>Xe(l)),["stop"])},{default:s((()=>[f(" 下级 ")])),_:2},1032,["disabled","onClick"])):c("v-if",!0)])),_:2},1024)])),_:2},1032,["value","disabled","onClick"])))),128))])),_:1},8,["value"]))],64)):(o(),i("div",we,(null==(N=window.getLanguageByCode)?void 0:N.call(window,"10010.1.38"))||"找不到相关结果"))])]),e("div",ke,[e("span",null,((null==($=window.getLanguageByCode)?void 0:$.call(window,"10010.1.39"))||"已选择")+g(d(Oe).length)+((null==(D=window.getLanguageByCode)?void 0:D.call(window,"10010.1.40"))||"人"),1),e("div",be,[(o(!0),i(u,null,p(Ee.value,(e=>(o(),v(d(R),{key:e.id,bordered:!1,closable:"relay"===l.mode||e.id!==d(Le).userInfo.id,disabled:d(Ve).includes(e.id),onClose:()=>{return l=e.id,void W(Ee.value,(e=>e.id===l));var l}},{avatar:s((()=>[r(d(E),{round:"",src:e.avatar},null,8,["src"])])),default:s((()=>[f(" "+g(e.name),1)])),_:2},1032,["closable","disabled","onClose"])))),128))]),"relay"===l.mode?(o(),i("div",Ie,[r(d(C),{clearable:"",value:Ne.value,"onUpdate:value":n[4]||(n[4]=e=>Ne.value=e),type:"textarea",placeholder:(null==(M=window.getLanguageByCode)?void 0:M.call(window,"10010.1.41"))||"留言",autosize:{minRows:2,maxRows:2}},null,8,["value"])])):c("v-if",!0)])])])]})),_:1},8,["title","show","positive-button-props"]),e("span",{class:k(["btn-wrapper",{disabled:l.disabled}]),onClick:n[6]||(n[6]=e=>Ue.value=!0)},[b(a.$slots,"trigger",{},(()=>[r(d(N),{"show-arrow":!1,placement:"bottom"},{trigger:s((()=>[r(d(L),{color:"#ffffff4D",class:"add-btn"},{icon:s((()=>[r(d(_),{component:d($),color:"#fff"},null,8,["component"])])),_:1})])),default:s((()=>[f(" "+g(l.title),1)])),_:1})]))],2)],64)}}});export{Ce as default};
+import { createElementVNode, defineComponent, ref, computed, watch, openBlock, createElementBlock, Fragment, createVNode, unref, withCtx, createCommentVNode, createBlock, renderList, toDisplayString, createTextVNode, withDirectives, isRef, vShow, normalizeClass, withModifiers, renderSlot, nextTick } from 'vue';
+import { NModal, NInput, NIcon, NSpace, NButton, NBreadcrumb, NBreadcrumbItem, NCheckbox, NCheckboxGroup, NAvatar, NTag, NTooltip } from 'naive-ui';
+import { SearchOutline, PersonOutline, PeopleOutline, ChevronBackOutline, ChevronForwardOutline, AddOutline } from '@vicons/ionicons5';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { CHAT_TYPE } from '../constants/index.js';
+import { getOrgUserTreeApi, groupUserApi, groupLeaveApi, groupJoinApi, groupCreateApi } from '../api/index.js';
+import { listSort, isDoctorRole, getRoleName } from '../utils/index.js';
+import { union, unionBy, remove, intersection, last, isArray, uniqBy, cloneDeep, trim } from 'lodash-es';
+import 'trtc-sdk-v5';
+import { useSearchUserList } from '../hooks/useSearchUserList.js';
+
+var _a, _b;
+const _hoisted_1 = {
+  class: "iho-chat-dialog__content iho-chat-add-wrapper"
+};
+const _hoisted_2 = {
+  key: 0,
+  class: "input-box"
+};
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.34")) || "\u7FA4\u540D\u79F0\uFF1A", -1);
+const _hoisted_4 = {
+  class: "transfer-box"
+};
+const _hoisted_5 = {
+  class: "transfer-box__left"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "nav-wrapper"
+};
+const _hoisted_7 = {
+  key: 0,
+  class: "chat--iconfont chat--icon-map-site"
+};
+const _hoisted_8 = {
+  style: {
+    "font-size": "12px"
+  }
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "header"
+};
+const _hoisted_10 = {
+  class: "user-list-box"
+};
+const _hoisted_11 = {
+  key: 0,
+  class: "org-list"
+};
+const _hoisted_12 = {
+  class: "seach-box"
+};
+const _hoisted_13 = {
+  class: "ellipsis"
+};
+const _hoisted_14 = {
+  key: 0,
+  style: {
+    "font-size": "12px",
+    "color": "#666",
+    "margin-right": "10px",
+    "white-space": "nowrap"
+  }
+};
+const _hoisted_15 = {
+  key: 1,
+  class: "no-data"
+};
+const _hoisted_16 = {
+  class: "transfer-box__right"
+};
+const _hoisted_17 = {
+  class: "checked-tag-box"
+};
+const _hoisted_18 = {
+  class: "seach-box"
+};
+const _hoisted_19 = {
+  class: "ellipsis"
+};
+const _hoisted_20 = {
+  key: 0,
+  class: "input-wrapper"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatAdd",
+  props: {
+    title: {
+      type: String,
+      default: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.42")) || "\u6DFB\u52A0\u65B0\u6210\u5458"
+    },
+    mode: {
+      type: String,
+      default: "select"
+    },
+    options: {
+      type: Array
+    },
+    disabledIds: {
+      type: Array,
+      default: () => []
+    },
+    defaultValue: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["comfirm"],
+  setup(__props, {
+    emit
+  }) {
+    const props = __props;
+    let initialOptions = [];
+    const tabList = [{
+      key: "single",
+      label: "\u6309\u597D\u53CB\u9009"
+    }, {
+      key: "group",
+      label: "\u6309\u7FA4\u804A\u9009"
+    }, {
+      key: "org",
+      label: "\u6309\u67B6\u6784\u9009"
+    }];
+    let orgList = [];
+    const {
+      state,
+      setCurrentSessionItem
+    } = useData();
+    const listRef = ref();
+    const keyword = ref("");
+    const showModal = ref(false);
+    const checkedOptions = ref([]);
+    const groupName = ref("");
+    const remark = ref("");
+    const currentTab = ref([]);
+    const breadcrumbList = ref([]);
+    const breadcrumbRef = ref();
+    const {
+      userList,
+      handleInput
+    } = useSearchUserList({
+      wrapperRef: listRef,
+      keywordRef: keyword,
+      before: () => {
+        if (currentTab.value.length > 0)
+          return;
+        userList.value = initialOptions;
+      }
+    });
+    const _disabledIds = computed(() => props.mode === "relay" ? [] : union(props.disabledIds, [state.userInfo.id]));
+    const sessionList = computed(() => {
+      var _a2;
+      if (!((_a2 = state.sessionList) == null ? void 0 : _a2.length))
+        return [];
+      return listSort(state.sessionList).map((session) => {
+        return {
+          id: session.receiver,
+          name: session.name,
+          avatar: session.avatar,
+          chatType: session.chatType,
+          roleInfo: session.roleInfo || ""
+        };
+      });
+    });
+    const friends = computed(() => sessionList.value.filter((session) => session.chatType === CHAT_TYPE.SINGLE));
+    const groups = computed(() => sessionList.value.filter((session) => session.chatType === CHAT_TYPE.GROUP));
+    const checkedIds = computed(() => {
+      if (!checkedOptions.value.length)
+        return [];
+      return checkedOptions.value.map((option) => option.id);
+    });
+    const btnDisabled = computed(() => {
+      if (props.mode === "create")
+        return checkedIds.value.length < 3;
+      return checkedIds.value.length < 1;
+    });
+    const allChecked = computed({
+      get() {
+        return checkedSourceIds.value.filter((id) => !getDisabled(id)).length === userList.value.filter((option) => !getDisabled(option.id)).length;
+      },
+      set(value) {
+        const noDisabledOptions = [];
+        userList.value.forEach((option) => {
+          var _a2;
+          if (option.type == 1 && ((_a2 = option.children) == null ? void 0 : _a2.length)) {
+            const users = getAllUser(option.children || []).filter((option2) => !getDisabled(option2.id));
+            console.log("users", users.length);
+            noDisabledOptions.push(...users);
+          } else {
+            if (!getDisabled(option.id)) {
+              noDisabledOptions.push(option);
+            }
+          }
+        });
+        if (value) {
+          checkedOptions.value = unionBy(checkedOptions.value, noDisabledOptions, "id");
+        } else {
+          const noDisabledIds = noDisabledOptions.map((option) => option.id);
+          remove(checkedOptions.value, (option) => {
+            return noDisabledIds.includes(option.id);
+          });
+        }
+      }
+    });
+    const checkedSourceIds = computed({
+      get() {
+        var _a2, _b2, _c;
+        return (_c = (_b2 = (_a2 = userList.value) == null ? void 0 : _a2.filter((user) => {
+          var _a3;
+          if (user.type == 1 && ((_a3 = user.children) == null ? void 0 : _a3.length)) {
+            const ids = getAllUser(user.children || []).map((user2) => user2.id).filter((id) => !getDisabled(id));
+            return intersection(ids, checkedIds.value).length === ids.length;
+          } else {
+            return checkedIds.value.includes(user.id);
+          }
+        })) == null ? void 0 : _b2.map((user) => user.id)) != null ? _c : [];
+      },
+      set(value) {
+        userList.value.forEach((user) => {
+          var _a2;
+          const currentUsers = [];
+          if (user.type == 1 && ((_a2 = user.children) == null ? void 0 : _a2.length)) {
+            currentUsers.push(...getAllUser(user.children || []).filter((option) => !getDisabled(option.id)));
+          } else {
+            currentUsers.push(user);
+          }
+          if (value.includes(user.id)) {
+            console.log("currentUsers>>>>", checkedOptions.value, currentUsers.length);
+            checkedOptions.value = unionBy(checkedOptions.value, currentUsers, "id");
+            console.log("checkedOptions>>>>", checkedOptions.value);
+          } else {
+            console.log("checkedOptions2222>>>>", checkedOptions.value.length, currentUsers.length);
+            remove(checkedOptions.value, (option) => currentUsers.some((_option) => _option.id === option.id));
+          }
+        });
+      }
+    });
+    const currentTabKey = computed(() => {
+      var _a2;
+      return currentTab.value.length > 0 ? (_a2 = last(currentTab.value)) == null ? void 0 : _a2.key : "";
+    });
+    const showAllCheckbox = computed(() => !(props.mode !== "relay" && ["group", "org"].includes(currentTabKey.value) && currentTab.value.length === 1));
+    getOrgList();
+    async function getOrgList() {
+      try {
+        const data = await getOrgUserTreeApi();
+        orgList = isArray(data) ? data : [];
+        orgList.forEach((org) => setUserTotal(org.userList || []));
+      } catch (error) {
+        console.log("error ==>", error);
+      }
+    }
+    function handleSearchInput() {
+      if (props.mode == "remove") {
+        userList.value = initialOptions.filter((option) => option.name.includes(keyword.value.trim()));
+        return;
+      }
+      handleInput();
+    }
+    function setUserTotal(tree) {
+      tree.forEach((item) => {
+        var _a2;
+        if (item.type == 1 && ((_a2 = item.children) == null ? void 0 : _a2.length)) {
+          item.total = getAllUser(item.children).length;
+          setUserTotal(item.children);
+        } else if (item.type == 2) {
+          item.total = 0;
+        }
+      });
+    }
+    function getDisabled(id) {
+      var _a2, _b2;
+      if (currentTabKey.value === "group") {
+        if (props.mode === "relay")
+          return false;
+        if (currentTab.value.length === 1)
+          return true;
+        return (_a2 = _disabledIds.value) == null ? void 0 : _a2.includes(id);
+      }
+      return (_b2 = _disabledIds.value) == null ? void 0 : _b2.includes(id);
+    }
+    async function handleClickCheckbox(option) {
+      const _currentTabKey = unref(currentTabKey);
+      if (!_currentTabKey)
+        return;
+      if (props.mode !== "relay" && _currentTabKey === "group" && currentTab.value.length === 1) {
+        try {
+          currentTab.value.push({
+            key: _currentTabKey,
+            label: option.name
+          });
+          const data = await groupUserApi({
+            id: option.id
+          });
+          userList.value = isArray(data) ? data : [];
+        } catch (error) {
+          console.log("error ==>", error);
+        }
+      }
+    }
+    function toggleTab(item) {
+      keyword.value = "";
+      currentTab.value = [item];
+      switch (item.key) {
+        case "single":
+          userList.value = friends.value;
+          break;
+        case "group":
+          userList.value = groups.value;
+          break;
+        case "org":
+          userList.value = orgList.map((org) => {
+            return {
+              id: org.orgId,
+              name: org.orgName
+            };
+          });
+          break;
+      }
+    }
+    function handleTabBack() {
+      if (currentTab.value.length > 1) {
+        if (currentTabKey.value === "group") {
+          userList.value = groups.value;
+        } else if (currentTabKey.value === "org") {
+          userList.value = orgList.map((org) => {
+            return {
+              id: org.orgId,
+              name: org.orgName
+            };
+          });
+          breadcrumbList.value = [];
+        }
+      } else {
+        userList.value = initialOptions;
+      }
+      currentTab.value.pop();
+    }
+    function openTree(option, _type) {
+      const {
+        id,
+        children = [],
+        type
+      } = option;
+      if (_type === "breadcrumb" && last(breadcrumbList.value).id === id)
+        return;
+      if (!type) {
+        const orgItem = orgList.find((org) => org.orgId === id);
+        breadcrumbList.value = [option];
+        userList.value = orgItem.userList || [];
+        if (!_type) {
+          currentTab.value.push({
+            key: currentTabKey.value,
+            label: orgItem.orgName
+          });
+        }
+      } else {
+        const index = breadcrumbList.value.findIndex((breadcrumb) => breadcrumb.id === id);
+        if (index > -1) {
+          breadcrumbList.value = breadcrumbList.value.slice(0, index + 1);
+        } else {
+          breadcrumbList.value.push(option);
+        }
+        userList.value = children;
+        nextTick(() => {
+          const ulElement = breadcrumbRef.value.$el.getElementsByTagName("ul")[0];
+          if (ulElement) {
+            ulElement.scrollTo(1e7, 0);
+          }
+        });
+      }
+    }
+    function getOrgDisabled(option) {
+      const {
+        children = []
+      } = option;
+      if (!children.length)
+        return true;
+      const ids = getAllUser(children).map((user) => user.id).filter((id) => !_disabledIds.value.includes(id));
+      return intersection(ids, checkedIds.value).length === ids.length;
+    }
+    function getAllUser(tree) {
+      const users = [];
+      tree.forEach((item) => {
+        var _a2;
+        if (item.type == 1 && ((_a2 = item.children) == null ? void 0 : _a2.length)) {
+          users.push(...getAllUser(item.children));
+        } else if (item.type == 2) {
+          users.push(item);
+        }
+      });
+      return users;
+    }
+    async function handlePositiveClick() {
+      const _checkedIds = unref(checkedIds);
+      switch (props.mode) {
+        case "create":
+          await groupCreateApi({
+            creator: state.userInfo.id,
+            memberIdSet: _checkedIds,
+            name: trim(groupName.value),
+            orgId: state.orgId
+          });
+          break;
+        case "join": {
+          await groupJoinApi({
+            groupId: state.currentSessionItem.receiver,
+            operator: state.userInfo.id,
+            memberIdSet: _checkedIds
+          });
+          if (!state.currentSessionItem.defaultName) {
+            const checkedNames = checkedOptions.value.map((option) => option.name).join(",");
+            setCurrentSessionItem({
+              name: `${state.currentSessionItem.name},${checkedNames}`
+            });
+          }
+          state.currentGroupUser.push(...userList.value.filter((option) => _checkedIds.includes(option.id)));
+          break;
+        }
+        case "remove": {
+          await groupLeaveApi({
+            dissolution: false,
+            groupId: state.currentSessionItem.receiver,
+            operator: state.userInfo.id,
+            memberIdSet: _checkedIds
+          });
+          if (!state.currentSessionItem.defaultName) {
+            const checkedNames = checkedOptions.value.map((option) => option.name).join(",");
+            const reg = new RegExp(checkedNames, "g");
+            setCurrentSessionItem({
+              name: state.currentSessionItem.name.replace(reg, "")
+            });
+          }
+          remove(state.currentGroupUser, (user) => _checkedIds.includes(user.id));
+          break;
+        }
+        default:
+          emit("comfirm", {
+            checkedIds: _checkedIds,
+            checkedOptions: checkedOptions.value,
+            remark: remark.value
+          });
+          break;
+      }
+      showModal.value = false;
+    }
+    function closeTag(id) {
+      remove(checkedOptions.value, (option) => option.id === id);
+    }
+    watch(() => showModal.value, (value) => {
+      if (!value)
+        return;
+      keyword.value = "";
+      groupName.value = "";
+      currentTab.value = [];
+      breadcrumbList.value = [];
+      const defaultOptions = props.mode === "relay" ? sessionList.value : friends.value;
+      const originOptions = isArray(props.options) && props.options.length ? props.options : defaultOptions;
+      initialOptions = uniqBy(originOptions, "id");
+      userList.value = initialOptions;
+      checkedOptions.value = isArray(props.defaultValue) && props.defaultValue.length ? cloneDeep(props.defaultValue) : [];
+    });
+    return (_ctx, _cache) => {
+      var _a2, _b2;
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(NModal), {
+        preset: "dialog",
+        title: __props.title,
+        "show-icon": false,
+        "auto-focus": false,
+        "trap-focus": false,
+        class: "iho-chat-dialog",
+        show: showModal.value,
+        "onUpdate:show": _cache[5] || (_cache[5] = ($event) => showModal.value = $event),
+        "negative-text": ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.28")) || "\u53D6\u6D88",
+        "positive-text": ((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.27")) || "\u786E\u5B9A",
+        "display-directive": "show",
+        "positive-button-props": {
+          disabled: unref(btnDisabled)
+        },
+        onPositiveClick: handlePositiveClick
+      }, {
+        default: withCtx(() => {
+          var _a3, _b3, _c, _d, _e, _f, _g, _h, _i;
+          return [createElementVNode("div", _hoisted_1, [__props.mode === "create" ? (openBlock(), createElementBlock("div", _hoisted_2, [_hoisted_3, createVNode(unref(NInput), {
+            clearable: "",
+            placeholder: ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.35")) || "\u53D6\u4E2A\u7FA4\u540D\u79F0\u65B9\u4FBF\u540E\u7EED\u641C\u7D22",
+            value: groupName.value,
+            "onUpdate:value": _cache[0] || (_cache[0] = ($event) => groupName.value = $event),
+            valueModifiers: {
+              trim: true
+            }
+          }, null, 8, ["value"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [createVNode(unref(NInput), {
+            placeholder: ((_b3 = window.getLanguageByCode) == null ? void 0 : _b3.call(window, "10010.1.36")) || "\u641C\u7D22",
+            clearable: "",
+            value: keyword.value,
+            "onUpdate:value": [_cache[1] || (_cache[1] = ($event) => keyword.value = $event), handleSearchInput],
+            valueModifiers: {
+              trim: true
+            }
+          }, {
+            prefix: withCtx(() => [createVNode(unref(NIcon), {
+              component: unref(SearchOutline)
+            }, null, 8, ["component"])]),
+            _: 1
+          }, 8, ["value"]), !keyword.value && __props.mode !== "remove" ? (openBlock(), createElementBlock("div", _hoisted_6, [currentTab.value.length === 0 ? (openBlock(), createBlock(unref(NSpace), {
+            key: 0,
+            justify: "space-around",
+            "wrap-item": false
+          }, {
+            default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(tabList, (tabItem) => {
+              return createVNode(unref(NSpace), {
+                vertical: "",
+                align: "center",
+                "wrap-item": false,
+                key: tabItem.key,
+                onClick: () => toggleTab(tabItem)
+              }, {
+                default: withCtx(() => [createVNode(unref(NButton), {
+                  tertiary: ""
+                }, {
+                  icon: withCtx(() => [tabItem.key === "org" ? (openBlock(), createElementBlock("i", _hoisted_7)) : (openBlock(), createBlock(unref(NIcon), {
+                    key: 1,
+                    component: tabItem.key === "single" ? unref(PersonOutline) : unref(PeopleOutline)
+                  }, null, 8, ["component"]))]),
+                  _: 2
+                }, 1024), createElementVNode("span", _hoisted_8, toDisplayString(tabItem.label), 1)]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 64))]),
+            _: 1
+          })) : createCommentVNode("v-if", true), currentTab.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(unref(NButton), {
+            text: "",
+            onClick: handleTabBack
+          }, {
+            icon: withCtx(() => [createVNode(unref(NIcon), {
+              component: unref(ChevronBackOutline)
+            }, null, 8, ["component"])]),
+            _: 1
+          }), createElementVNode("h4", null, toDisplayString((_c = unref(last)(currentTab.value)) == null ? void 0 : _c.label), 1)])) : createCommentVNode("v-if", true), currentTab.value.length > 0 && ((_d = unref(last)(currentTab.value)) == null ? void 0 : _d.key) === "org" && breadcrumbList.value.length > 0 ? (openBlock(), createBlock(unref(NBreadcrumb), {
+            key: 2,
+            ref_key: "breadcrumbRef",
+            ref: breadcrumbRef,
+            separator: ">"
+          }, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbList.value, (breadcrumb) => {
+              return openBlock(), createBlock(unref(NBreadcrumbItem), {
+                key: breadcrumb.id,
+                onClick: ($event) => openTree(breadcrumb, "breadcrumb")
+              }, {
+                default: withCtx(() => [createTextVNode(toDisplayString(breadcrumb.name), 1)]),
+                _: 2
+              }, 1032, ["onClick"]);
+            }), 128))]),
+            _: 1
+          }, 512)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_10, [unref(userList).length > 0 ? (openBlock(), createElementBlock(Fragment, {
+            key: 0
+          }, [withDirectives(createVNode(unref(NCheckbox), {
+            label: ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.37")) || "\u5168\u9009",
+            checked: unref(allChecked),
+            "onUpdate:checked": _cache[2] || (_cache[2] = ($event) => isRef(allChecked) ? allChecked.value = $event : null)
+          }, null, 8, ["checked"]), [[vShow, unref(showAllCheckbox)]]), unref(currentTabKey) === "org" && currentTab.value.length === 1 ? (openBlock(), createElementBlock("div", _hoisted_11, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(userList), (option) => {
+            return openBlock(), createBlock(unref(NSpace), {
+              "wrap-item": false,
+              align: "center",
+              justify: "space-between",
+              key: option.Id,
+              onClick: ($event) => openTree(option)
+            }, {
+              default: withCtx(() => [createElementVNode("span", null, toDisplayString(option.name), 1), createVNode(unref(NIcon), {
+                size: "16",
+                component: unref(ChevronForwardOutline)
+              }, null, 8, ["component"])]),
+              _: 2
+            }, 1032, ["onClick"]);
+          }), 128))])) : (openBlock(), createBlock(unref(NCheckboxGroup), {
+            key: 1,
+            ref_key: "listRef",
+            ref: listRef,
+            value: unref(checkedSourceIds),
+            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => isRef(checkedSourceIds) ? checkedSourceIds.value = $event : null)
+          }, {
+            default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(userList), (option) => {
+              return openBlock(), createBlock(unref(NCheckbox), {
+                key: option.id,
+                value: option.id,
+                disabled: getDisabled(option.id),
+                onClick: () => handleClickCheckbox(option)
+              }, {
+                default: withCtx(() => [createVNode(unref(NSpace), {
+                  align: "center",
+                  "wrap-item": false,
+                  wrap: false
+                }, {
+                  default: withCtx(() => [createVNode(unref(NAvatar), {
+                    src: option.avatar,
+                    round: "",
+                    size: 32
+                  }, null, 8, ["src"]), createElementVNode("div", _hoisted_12, [createElementVNode("span", _hoisted_13, toDisplayString(option.name), 1), withDirectives(createElementVNode("label", {
+                    class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(option.roleInfo) ? "isDoctor" : ""])
+                  }, toDisplayString(unref(getRoleName)(option.roleInfo)), 3), [[vShow, unref(getRoleName)(option.roleInfo)]])]), option.total ? (openBlock(), createElementBlock("span", _hoisted_14, " (" + toDisplayString(option.total) + "\u4EBA) ", 1)) : createCommentVNode("v-if", true), option.type == 1 && option.children.length > 0 ? (openBlock(), createBlock(unref(NButton), {
+                    key: 1,
+                    type: "primary",
+                    text: "",
+                    disabled: getOrgDisabled(option),
+                    style: {
+                      "margin-left": "auto"
+                    },
+                    onClick: withModifiers(($event) => openTree(option), ["stop"])
+                  }, {
+                    default: withCtx(() => [createTextVNode(" \u4E0B\u7EA7 ")]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"])) : createCommentVNode("v-if", true)]),
+                  _: 2
+                }, 1024)]),
+                _: 2
+              }, 1032, ["value", "disabled", "onClick"]);
+            }), 128))]),
+            _: 1
+          }, 8, ["value"]))], 64)) : (openBlock(), createElementBlock("div", _hoisted_15, ((_f = window.getLanguageByCode) == null ? void 0 : _f.call(window, "10010.1.38")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7ED3\u679C"))])]), createElementVNode("div", _hoisted_16, [createElementVNode("span", null, (((_g = window.getLanguageByCode) == null ? void 0 : _g.call(window, "10010.1.39")) || "\u5DF2\u9009\u62E9") + toDisplayString(unref(checkedIds).length) + (((_h = window.getLanguageByCode) == null ? void 0 : _h.call(window, "10010.1.40")) || "\u4EBA"), 1), createElementVNode("div", _hoisted_17, [(openBlock(true), createElementBlock(Fragment, null, renderList(checkedOptions.value, (option) => {
+            return openBlock(), createBlock(unref(NTag), {
+              key: option.id,
+              bordered: false,
+              closable: __props.mode === "relay" || option.id !== unref(state).userInfo.id,
+              disabled: unref(_disabledIds).includes(option.id),
+              onClose: () => closeTag(option.id)
+            }, {
+              avatar: withCtx(() => [createVNode(unref(NAvatar), {
+                round: "",
+                src: option.avatar
+              }, null, 8, ["src"])]),
+              default: withCtx(() => [createElementVNode("div", _hoisted_18, [createElementVNode("span", _hoisted_19, toDisplayString(option.name), 1), withDirectives(createElementVNode("label", {
+                class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(option.roleInfo) ? "isDoctor" : ""])
+              }, toDisplayString(unref(getRoleName)(option.roleInfo)), 3), [[vShow, unref(getRoleName)(option.roleInfo)]])])]),
+              _: 2
+            }, 1032, ["closable", "disabled", "onClose"]);
+          }), 128))]), __props.mode === "relay" ? (openBlock(), createElementBlock("div", _hoisted_20, [createVNode(unref(NInput), {
+            clearable: "",
+            value: remark.value,
+            "onUpdate:value": _cache[4] || (_cache[4] = ($event) => remark.value = $event),
+            type: "textarea",
+            placeholder: ((_i = window.getLanguageByCode) == null ? void 0 : _i.call(window, "10010.1.41")) || "\u7559\u8A00",
+            autosize: {
+              minRows: 2,
+              maxRows: 2
+            }
+          }, null, 8, ["value"])])) : createCommentVNode("v-if", true)])])])];
+        }),
+        _: 1
+      }, 8, ["title", "show", "positive-button-props"]), createElementVNode("span", {
+        class: normalizeClass(["btn-wrapper", {
+          disabled: __props.disabled
+        }]),
+        onClick: _cache[6] || (_cache[6] = ($event) => showModal.value = true)
+      }, [renderSlot(_ctx.$slots, "trigger", {}, () => [createVNode(unref(NTooltip), {
+        "show-arrow": false,
+        placement: "bottom"
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NButton), {
+          color: "#ffffff4D",
+          class: "add-btn"
+        }, {
+          icon: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(AddOutline),
+            color: "#fff"
+          }, null, 8, ["component"])]),
+          _: 1
+        })]),
+        default: withCtx(() => [createTextVNode(" " + toDisplayString(__props.title), 1)]),
+        _: 1
+      })])], 2)], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };