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

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

@@ -1 +1,433 @@
-import{createElementVNode as e,defineComponent as n,useAttrs as o,ref as a,computed as t,watch as i,openBlock as l,createBlock as s,unref as r,withCtx as c,createVNode as u,createTextVNode as d,createElementBlock as m,Fragment as p,renderList as v,toDisplayString as w,createCommentVNode as g,withKeys as f,nextTick as y}from"vue";import{NDrawer as _,NDrawerContent as k,NButton as C,NIcon as h,NAvatar as I,NUpload as L,NUploadTrigger as b,NInput as B,NSpace as x,NSwitch as S,NPopconfirm as U}from"naive-ui";import{ChevronBackOutline as z,ChevronForwardOutline as j,AddOutline as G,RemoveOutline as D,Pencil as A}from"@vicons/ionicons5";import{useData as R}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{toppingSessionApi as F,groupLeaveApi as P,groupUpdateApi as K}from"../api/index.js";import"../utils/index.js";import{trim as N,isFunction as O}from"lodash-es";import"trtc-sdk-v5";import q from"./ChatAdd.vue.js";var E,H,J,M,Q,T,V,W,X,Y;const Z={key:0,class:"chat-set-wrapper"},$=["onClick"],ee={class:"name"},ne={key:0,class:"item__right",style:{color:"var(--c-primary-color)"}},oe={class:"name"},ae={class:"item item-column"},te=e("span",{class:"label"},(null==(E=window.getLanguageByCode)?void 0:E.call(window,"10010.1.85"))||"群成员",-1),ie={class:"group-box"},le=["onClick"],se={class:"name"},re={class:"group-box__item"},ce=e("span",{class:"name"},(null==(H=window.getLanguageByCode)?void 0:H.call(window,"10010.1.86"))||"添加",-1),ue={class:"group-box__item"},de=e("span",{class:"name"},(null==(J=window.getLanguageByCode)?void 0:J.call(window,"10010.1.88"))||"移除",-1),me=["onClick"],pe=e("span",{class:"label"},(null==(M=window.getLanguageByCode)?void 0:M.call(window,"10010.1.90"))||"群头像",-1),ve={class:"item"},we=e("span",{class:"label"},(null==(Q=window.getLanguageByCode)?void 0:Q.call(window,"10010.1.91"))||"群名称",-1),ge={class:"item__right"},fe={class:"txt"},ye={class:"item"},_e=e("span",{class:"label"},(null==(T=window.getLanguageByCode)?void 0:T.call(window,"10010.1.92"))||"置顶聊天",-1),ke={class:"item item--red"},Ce=e("span",{class:"label"},(null==(V=window.getLanguageByCode)?void 0:V.call(window,"10010.1.93"))||"退出群聊",-1),he=e("p",{style:{width:"230px"}},(null==(W=window.getLanguageByCode)?void 0:W.call(window,"10010.1.94"))||"是否确认退出群聊？",-1),Ie={class:"item item--red"},Le=e("span",{class:"label"},(null==(X=window.getLanguageByCode)?void 0:X.call(window,"10010.1.95"))||"解散该群",-1),be=e("p",{style:{width:"230px"}},(null==(Y=window.getLanguageByCode)?void 0:Y.call(window,"10010.1.96"))||"是否确认解散群聊？",-1);var Be=n({__name:"ChatSet",setup(n){const E=o(),{state:H,setCurrentSessionItem:J,setUserDetail:M,isGroupChat:Q,isGroupLeader:T}=R(),V=a(),W=a(!1),X=a(""),Y=a(!1),Be=t((()=>H.currentGroupUser.map((e=>e.id)))),xe=t((()=>H.currentGroupUser?T.value?H.currentGroupUser.slice(0,6):H.currentGroupUser.slice(0,7):[]));async function Se(e){try{await F({id:H.currentSessionItem.id,topping:e}),J({topping:e})}catch(e){}}async function Ue(e){await P({dissolution:!!e,groupId:H.currentSessionItem.receiver,operator:H.userInfo.id,memberIdSet:e?Be.value:[H.userInfo.id]})}async function ze(){var e;X.value=H.currentSessionItem.name,W.value=!0,await y(),null==(e=V.value)||e.select()}async function je(e){const n=new FormData,o=Object.assign({id:H.currentSessionItem.receiver},e);for(const e in o)n.append(e,o[e]);await K(n)}async function Ge(){W.value=!1;const e=N(X.value);e&&e!==H.currentSessionItem.name&&(await je({name:e}),J({name:e,defaultName:e}))}async function De(e){const{file:n}=e.file,o=new FileReader;o.onload=function(e){var n;(null==(n=e.target)?void 0:n.result)&&J({avatar:e.target.result})},o.readAsDataURL(e.file.file),await je({file:n})}return i((()=>H.id),(e=>{O(E["onUpdate:show"])&&E["onUpdate:show"](!1)})),(n,o)=>(l(),s(r(_),{width:320,"trap-focus":!1,"block-scroll":!1,to:".iho-chat",onAfterLeave:o[8]||(o[8]=e=>Y.value=!1)},{default:c((()=>[u(r(k),null,{header:c((()=>{var e,n;return[r(Q)&&Y.value?(l(),s(r(C),{key:0,text:"",color:"#666",onClick:o[0]||(o[0]=e=>Y.value=!1),style:{"font-size":"var(--n-title-font-size)"}},{icon:c((()=>[u(r(h),{size:20,component:r(z)},null,8,["component"])])),default:c((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.82"))||"返回")]})),_:1})):r(Q)?(l(),m(p,{key:1},[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.83"))||"群设置")],64)):(l(),m(p,{key:2},[d((null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.66"))||"聊天设置")],64))]})),default:c((()=>{var n;return[r(H).id?(l(),m("div",Z,[r(Q)&&Y.value?(l(!0),m(p,{key:0},v(r(H).currentGroupUser,((n,o)=>{var a;return l(),m("div",{key:n.id,class:"item",onClick:e=>r(M)(e,{show:!0,userId:n.id})},[u(r(I),{round:"",size:40,src:n.avatar},null,8,["src"]),e("span",ee,w(n.name),1),0===o?(l(),m("span",ne,(null==(a=window.getLanguageByCode)?void 0:a.call(window,"10010.1.84"))||"群主")):g("v-if",!0)],8,$)})),128)):(l(),m(p,{key:1},[e("div",{class:"item user-info",onClick:o[1]||(o[1]=e=>!r(Q)&&r(M)(e,{show:!0,userId:r(H).currentSessionItem.receiver}))},[u(r(I),{round:"",size:40,src:r(H).currentSessionItem.avatar},null,8,["src"]),e("span",oe,w(r(H).currentSessionItem.name),1),r(Q)?g("v-if",!0):(l(),s(r(h),{key:0,size:24,component:r(j),class:"item__right"},null,8,["component"]))]),r(Q)?(l(),m(p,{key:0},[e("div",ae,[te,e("div",ie,[(l(!0),m(p,null,v(r(xe),(n=>(l(),m("div",{key:n.id,class:"group-box__item",onClick:e=>r(M)(e,{show:!0,userId:n.id})},[u(r(I),{round:"",size:40,src:n.avatar},null,8,["src"]),e("span",se,w(n.name),1)],8,le)))),128)),u(q,{mode:"join",disabledIds:r(Be)},{trigger:c((()=>[e("div",re,[u(r(C),{strong:"",secondary:"",circle:""},{icon:c((()=>[u(r(h),{component:r(G)},null,8,["component"])])),_:1}),ce])])),_:1},8,["disabledIds"]),r(T)?(l(),s(q,{key:0,title:(null==(n=window.getLanguageByCode)?void 0:n.call(window,"10010.1.87"))||"移除成员",mode:"remove",options:r(H).currentGroupUser},{trigger:c((()=>[e("div",ue,[u(r(C),{strong:"",secondary:"",circle:""},{icon:c((()=>[u(r(h),{component:r(D)},null,8,["component"])])),_:1}),de])])),_:1},8,["options"])):g("v-if",!0)]),u(r(C),{text:"","icon-placement":"right",color:"#999",onClick:o[2]||(o[2]=e=>Y.value=!0)},{icon:c((()=>[u(r(h),{component:r(j)},null,8,["component"])])),default:c((()=>{var e;return[d((null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.89"))||"查看全部群成员")]})),_:1})]),u(r(L),{abstract:"",multiple:"",accept:"image/*",onChange:De},{default:c((()=>[u(r(b),{abstract:""},{default:c((({handleClick:n})=>[e("div",{class:"item",onClick:n},[pe,u(r(h),{size:20,component:r(j),class:"item__right"},null,8,["component"])],8,me)])),_:1})])),_:1}),e("div",ve,[we,e("div",ge,[W.value?(l(),s(r(B),{key:0,ref_key:"inputRef",ref:V,value:X.value,"onUpdate:value":o[3]||(o[3]=e=>X.value=e),onBlur:Ge,onKeydown:o[4]||(o[4]=f((e=>e.target.blur()),["enter"]))},null,8,["value"])):(l(),s(r(x),{key:1,"wrap-item":!1,onClick:ze,align:"center"},{default:c((()=>[e("span",fe,w(r(H).currentSessionItem.name),1),u(r(C),{text:"",style:{"font-size":"14px","--n-text-color":"#999"}},{default:c((()=>[u(r(h),{component:r(A)},null,8,["component"])])),_:1})])),_:1}))])])],64)):g("v-if",!0),e("div",ye,[_e,u(r(S),{value:r(H).currentSessionItem.topping,"onUpdate:value":[o[5]||(o[5]=e=>r(H).currentSessionItem.topping=e),Se],class:"item__right"},null,8,["value"])]),r(Q)?(l(),m(p,{key:1},[u(r(U),{onPositiveClick:o[6]||(o[6]=()=>Ue(!1))},{trigger:c((()=>[e("div",ke,[Ce,u(r(h),{size:20,component:r(j),class:"item__right"},null,8,["component"])])])),default:c((()=>[he])),_:1}),r(T)?(l(),s(r(U),{key:0,onPositiveClick:o[7]||(o[7]=()=>Ue(!0))},{trigger:c((()=>[e("div",Ie,[Le,u(r(h),{size:20,component:r(j),class:"item__right"},null,8,["component"])])])),default:c((()=>[be])),_:1})):g("v-if",!0)],64)):g("v-if",!0)],64))])):g("v-if",!0)]})),_:1})])),_:1}))}});export{Be as default};
+import { createElementVNode, defineComponent, useAttrs, ref, computed, watch, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, createElementBlock, Fragment, renderList, toDisplayString, withDirectives, normalizeClass, vShow, createCommentVNode, withKeys, nextTick } from 'vue';
+import { NDrawer, NDrawerContent, NButton, NIcon, NAvatar, NUpload, NUploadTrigger, NInput, NSpace, NSwitch, NPopconfirm } from 'naive-ui';
+import { ChevronBackOutline, ChevronForwardOutline, AddOutline, RemoveOutline, Pencil } from '@vicons/ionicons5';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { toppingSessionApi, groupLeaveApi, groupUpdateApi } from '../api/index.js';
+import { isDoctorRole, getRoleName } from '../utils/index.js';
+import { trim, isFunction } from 'lodash-es';
+import 'trtc-sdk-v5';
+import ChatAdd from './ChatAdd.vue.js';
+
+var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+const _hoisted_1 = {
+  key: 0,
+  class: "chat-set-wrapper"
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = {
+  class: "role-name"
+};
+const _hoisted_4 = {
+  class: "name"
+};
+const _hoisted_5 = {
+  key: 0,
+  class: "item__right",
+  style: {
+    "color": "var(--c-primary-color)"
+  }
+};
+const _hoisted_6 = {
+  class: "name"
+};
+const _hoisted_7 = {
+  class: "item item-column"
+};
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.85")) || "\u7FA4\u6210\u5458", -1);
+const _hoisted_9 = {
+  class: "group-box"
+};
+const _hoisted_10 = ["onClick"];
+const _hoisted_11 = {
+  class: "name"
+};
+const _hoisted_12 = {
+  class: "group-box__item"
+};
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("span", {
+  class: "name"
+}, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.86")) || "\u6DFB\u52A0", -1);
+const _hoisted_14 = {
+  class: "group-box__item"
+};
+const _hoisted_15 = /* @__PURE__ */ createElementVNode("span", {
+  class: "name"
+}, ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.88")) || "\u79FB\u9664", -1);
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.90")) || "\u7FA4\u5934\u50CF", -1);
+const _hoisted_18 = {
+  class: "item"
+};
+const _hoisted_19 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_e = window.getLanguageByCode) == null ? void 0 : _e.call(window, "10010.1.91")) || "\u7FA4\u540D\u79F0", -1);
+const _hoisted_20 = {
+  class: "item__right"
+};
+const _hoisted_21 = {
+  class: "txt"
+};
+const _hoisted_22 = {
+  class: "item"
+};
+const _hoisted_23 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_f = window.getLanguageByCode) == null ? void 0 : _f.call(window, "10010.1.92")) || "\u7F6E\u9876\u804A\u5929", -1);
+const _hoisted_24 = {
+  class: "item item--red"
+};
+const _hoisted_25 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_g = window.getLanguageByCode) == null ? void 0 : _g.call(window, "10010.1.93")) || "\u9000\u51FA\u7FA4\u804A", -1);
+const _hoisted_26 = /* @__PURE__ */ createElementVNode("p", {
+  style: {
+    "width": "230px"
+  }
+}, ((_h = window.getLanguageByCode) == null ? void 0 : _h.call(window, "10010.1.94")) || "\u662F\u5426\u786E\u8BA4\u9000\u51FA\u7FA4\u804A\uFF1F", -1);
+const _hoisted_27 = {
+  class: "item item--red"
+};
+const _hoisted_28 = /* @__PURE__ */ createElementVNode("span", {
+  class: "label"
+}, ((_i = window.getLanguageByCode) == null ? void 0 : _i.call(window, "10010.1.95")) || "\u89E3\u6563\u8BE5\u7FA4", -1);
+const _hoisted_29 = /* @__PURE__ */ createElementVNode("p", {
+  style: {
+    "width": "230px"
+  }
+}, ((_j = window.getLanguageByCode) == null ? void 0 : _j.call(window, "10010.1.96")) || "\u662F\u5426\u786E\u8BA4\u89E3\u6563\u7FA4\u804A\uFF1F", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatSet",
+  setup(__props) {
+    const attrs = useAttrs();
+    const {
+      state,
+      setCurrentSessionItem,
+      setUserDetail,
+      isGroupChat,
+      isGroupLeader
+    } = useData();
+    const inputRef = ref();
+    const groupNameEditing = ref(false);
+    const groupName = ref("");
+    const showGroupDetail = ref(false);
+    const currentGroupUserIds = computed(() => state.currentGroupUser.map((user) => user.id));
+    const currentGroupUser = computed(() => {
+      const endIndex = 7;
+      if (!state.currentGroupUser)
+        return [];
+      if (isGroupLeader.value)
+        return state.currentGroupUser.slice(0, endIndex - 1);
+      return state.currentGroupUser.slice(0, endIndex);
+    });
+    async function handleTopping(value) {
+      try {
+        await toppingSessionApi({
+          id: state.currentSessionItem.id,
+          topping: value
+        });
+        setCurrentSessionItem({
+          topping: value
+        });
+      } catch (err) {
+      }
+    }
+    async function handleLeaveGroup(dissolution) {
+      await groupLeaveApi({
+        dissolution: !!dissolution,
+        groupId: state.currentSessionItem.receiver,
+        operator: state.userInfo.id,
+        memberIdSet: dissolution ? currentGroupUserIds.value : [state.userInfo.id]
+      });
+    }
+    async function handleToEdit() {
+      var _a2;
+      groupName.value = state.currentSessionItem.name;
+      groupNameEditing.value = true;
+      await nextTick();
+      (_a2 = inputRef.value) == null ? void 0 : _a2.select();
+    }
+    async function submitFormData(o) {
+      const formData = new FormData();
+      const _o = Object.assign({
+        id: state.currentSessionItem.receiver
+      }, o);
+      for (const k in _o) {
+        formData.append(k, _o[k]);
+      }
+      await groupUpdateApi(formData);
+    }
+    async function handleGroupName() {
+      groupNameEditing.value = false;
+      const name = trim(groupName.value);
+      if (!name || name === state.currentSessionItem.name)
+        return;
+      await submitFormData({
+        name
+      });
+      setCurrentSessionItem({
+        name,
+        defaultName: name
+      });
+    }
+    async function handleAvatar(options) {
+      const {
+        file
+      } = options.file;
+      const reader = new FileReader();
+      reader.onload = function(event) {
+        var _a2;
+        if (!((_a2 = event.target) == null ? void 0 : _a2.result))
+          return;
+        setCurrentSessionItem({
+          avatar: event.target.result
+        });
+      };
+      reader.readAsDataURL(options.file.file);
+      await submitFormData({
+        file
+      });
+    }
+    function closeChatSet() {
+      if (isFunction(attrs["onUpdate:show"])) {
+        attrs["onUpdate:show"](false);
+      }
+    }
+    watch(() => state.id, (id) => {
+      closeChatSet();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDrawer), {
+        width: 320,
+        "trap-focus": false,
+        "block-scroll": false,
+        to: ".iho-chat",
+        onAfterLeave: _cache[8] || (_cache[8] = ($event) => showGroupDetail.value = false)
+      }, {
+        default: withCtx(() => [createVNode(unref(NDrawerContent), null, {
+          header: withCtx(() => {
+            var _a2, _b2;
+            return [unref(isGroupChat) && showGroupDetail.value ? (openBlock(), createBlock(unref(NButton), {
+              key: 0,
+              text: "",
+              color: "#666",
+              onClick: _cache[0] || (_cache[0] = ($event) => showGroupDetail.value = false),
+              style: {
+                "font-size": "var(--n-title-font-size)"
+              }
+            }, {
+              icon: withCtx(() => [createVNode(unref(NIcon), {
+                size: 20,
+                component: unref(ChevronBackOutline)
+              }, null, 8, ["component"])]),
+              default: withCtx(() => {
+                var _a3;
+                return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.82")) || "\u8FD4\u56DE")];
+              }),
+              _: 1
+            })) : unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
+              key: 1
+            }, [createTextVNode(((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.83")) || "\u7FA4\u8BBE\u7F6E")], 64)) : (openBlock(), createElementBlock(Fragment, {
+              key: 2
+            }, [createTextVNode(((_b2 = window.getLanguageByCode) == null ? void 0 : _b2.call(window, "10010.1.66")) || "\u804A\u5929\u8BBE\u7F6E")], 64))];
+          }),
+          default: withCtx(() => {
+            var _a2;
+            return [unref(state).id ? (openBlock(), createElementBlock("div", _hoisted_1, [unref(isGroupChat) && showGroupDetail.value ? (openBlock(true), createElementBlock(Fragment, {
+              key: 0
+            }, renderList(unref(state).currentGroupUser, (user, index) => {
+              var _a3;
+              return openBlock(), createElementBlock("div", {
+                key: user.id,
+                class: "item",
+                onClick: (event) => unref(setUserDetail)(event, {
+                  show: true,
+                  userId: user.id
+                })
+              }, [createVNode(unref(NAvatar), {
+                round: "",
+                size: 40,
+                src: user.avatar
+              }, null, 8, ["src"]), createElementVNode("div", _hoisted_3, [createElementVNode("span", _hoisted_4, toDisplayString(user.name), 1), withDirectives(createElementVNode("label", {
+                class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(user.roleInfo) ? "isDoctor" : ""]),
+                style: {
+                  "margin-right": "6px"
+                }
+              }, toDisplayString(unref(getRoleName)(user.roleInfo)), 3), [[vShow, unref(getRoleName)(user.roleInfo)]])]), index === 0 ? (openBlock(), createElementBlock("span", _hoisted_5, ((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.84")) || "\u7FA4\u4E3B")) : createCommentVNode("v-if", true)], 8, _hoisted_2);
+            }), 128)) : (openBlock(), createElementBlock(Fragment, {
+              key: 1
+            }, [createElementVNode("div", {
+              class: "item user-info",
+              onClick: _cache[1] || (_cache[1] = (event) => !unref(isGroupChat) && unref(setUserDetail)(event, {
+                show: true,
+                userId: unref(state).currentSessionItem.receiver
+              }))
+            }, [createVNode(unref(NAvatar), {
+              round: "",
+              size: 40,
+              src: unref(state).currentSessionItem.avatar
+            }, null, 8, ["src"]), createElementVNode("span", _hoisted_6, toDisplayString(unref(state).currentSessionItem.name), 1), withDirectives(createElementVNode("label", {
+              class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(unref(state).currentSessionItem.roleInfo) ? "isDoctor" : ""])
+            }, toDisplayString(unref(getRoleName)(unref(state).currentSessionItem.roleInfo)), 3), [[vShow, unref(getRoleName)(unref(state).currentSessionItem.roleInfo)]]), !unref(isGroupChat) ? (openBlock(), createBlock(unref(NIcon), {
+              key: 0,
+              size: 24,
+              component: unref(ChevronForwardOutline),
+              class: "item__right"
+            }, null, 8, ["component"])) : createCommentVNode("v-if", true)]), !!unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
+              key: 0
+            }, [createElementVNode("div", _hoisted_7, [_hoisted_8, createElementVNode("div", _hoisted_9, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentGroupUser), (user) => {
+              return openBlock(), createElementBlock("div", {
+                key: user.id,
+                class: "group-box__item",
+                onClick: (event) => unref(setUserDetail)(event, {
+                  show: true,
+                  userId: user.id
+                })
+              }, [createVNode(unref(NAvatar), {
+                round: "",
+                size: 40,
+                src: user.avatar
+              }, null, 8, ["src"]), createElementVNode("span", _hoisted_11, toDisplayString(user.name), 1), withDirectives(createElementVNode("label", {
+                class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(user.roleInfo) ? "isDoctor" : ""]),
+                style: {
+                  "margin-left": "0"
+                }
+              }, toDisplayString(unref(getRoleName)(user.roleInfo)), 3), [[vShow, unref(getRoleName)(user.roleInfo)]])], 8, _hoisted_10);
+            }), 128)), createVNode(ChatAdd, {
+              mode: "join",
+              disabledIds: unref(currentGroupUserIds)
+            }, {
+              trigger: withCtx(() => [createElementVNode("div", _hoisted_12, [createVNode(unref(NButton), {
+                strong: "",
+                secondary: "",
+                circle: ""
+              }, {
+                icon: withCtx(() => [createVNode(unref(NIcon), {
+                  component: unref(AddOutline)
+                }, null, 8, ["component"])]),
+                _: 1
+              }), _hoisted_13])]),
+              _: 1
+            }, 8, ["disabledIds"]), unref(isGroupLeader) ? (openBlock(), createBlock(ChatAdd, {
+              key: 0,
+              title: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.87")) || "\u79FB\u9664\u6210\u5458",
+              mode: "remove",
+              options: unref(state).currentGroupUser
+            }, {
+              trigger: withCtx(() => [createElementVNode("div", _hoisted_14, [createVNode(unref(NButton), {
+                strong: "",
+                secondary: "",
+                circle: ""
+              }, {
+                icon: withCtx(() => [createVNode(unref(NIcon), {
+                  component: unref(RemoveOutline)
+                }, null, 8, ["component"])]),
+                _: 1
+              }), _hoisted_15])]),
+              _: 1
+            }, 8, ["options"])) : createCommentVNode("v-if", true)]), createVNode(unref(NButton), {
+              text: "",
+              "icon-placement": "right",
+              color: "#999",
+              onClick: _cache[2] || (_cache[2] = ($event) => showGroupDetail.value = true)
+            }, {
+              icon: withCtx(() => [createVNode(unref(NIcon), {
+                component: unref(ChevronForwardOutline)
+              }, null, 8, ["component"])]),
+              default: withCtx(() => {
+                var _a3;
+                return [createTextVNode(((_a3 = window.getLanguageByCode) == null ? void 0 : _a3.call(window, "10010.1.89")) || "\u67E5\u770B\u5168\u90E8\u7FA4\u6210\u5458")];
+              }),
+              _: 1
+            })]), createVNode(unref(NUpload), {
+              abstract: "",
+              multiple: "",
+              accept: "image/*",
+              onChange: handleAvatar
+            }, {
+              default: withCtx(() => [createVNode(unref(NUploadTrigger), {
+                abstract: ""
+              }, {
+                default: withCtx(({
+                  handleClick
+                }) => [createElementVNode("div", {
+                  class: "item",
+                  onClick: handleClick
+                }, [_hoisted_17, createVNode(unref(NIcon), {
+                  size: 20,
+                  component: unref(ChevronForwardOutline),
+                  class: "item__right"
+                }, null, 8, ["component"])], 8, _hoisted_16)]),
+                _: 1
+              })]),
+              _: 1
+            }), createElementVNode("div", _hoisted_18, [_hoisted_19, createElementVNode("div", _hoisted_20, [groupNameEditing.value ? (openBlock(), createBlock(unref(NInput), {
+              key: 0,
+              ref_key: "inputRef",
+              ref: inputRef,
+              value: groupName.value,
+              "onUpdate:value": _cache[3] || (_cache[3] = ($event) => groupName.value = $event),
+              onBlur: handleGroupName,
+              onKeydown: _cache[4] || (_cache[4] = withKeys((e) => e.target.blur(), ["enter"]))
+            }, null, 8, ["value"])) : (openBlock(), createBlock(unref(NSpace), {
+              key: 1,
+              "wrap-item": false,
+              onClick: handleToEdit,
+              align: "center"
+            }, {
+              default: withCtx(() => [createElementVNode("span", _hoisted_21, toDisplayString(unref(state).currentSessionItem.name), 1), createVNode(unref(NButton), {
+                text: "",
+                style: {
+                  "font-size": "14px",
+                  "--n-text-color": "#999"
+                }
+              }, {
+                default: withCtx(() => [createVNode(unref(NIcon), {
+                  component: unref(Pencil)
+                }, null, 8, ["component"])]),
+                _: 1
+              })]),
+              _: 1
+            }))])])], 64)) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_22, [_hoisted_23, createVNode(unref(NSwitch), {
+              value: unref(state).currentSessionItem.topping,
+              "onUpdate:value": [_cache[5] || (_cache[5] = ($event) => unref(state).currentSessionItem.topping = $event), handleTopping],
+              class: "item__right"
+            }, null, 8, ["value"])]), !!unref(isGroupChat) ? (openBlock(), createElementBlock(Fragment, {
+              key: 1
+            }, [createVNode(unref(NPopconfirm), {
+              onPositiveClick: _cache[6] || (_cache[6] = () => handleLeaveGroup(false))
+            }, {
+              trigger: withCtx(() => [createElementVNode("div", _hoisted_24, [_hoisted_25, createVNode(unref(NIcon), {
+                size: 20,
+                component: unref(ChevronForwardOutline),
+                class: "item__right"
+              }, null, 8, ["component"])])]),
+              default: withCtx(() => [_hoisted_26]),
+              _: 1
+            }), unref(isGroupLeader) ? (openBlock(), createBlock(unref(NPopconfirm), {
+              key: 0,
+              onPositiveClick: _cache[7] || (_cache[7] = () => handleLeaveGroup(true))
+            }, {
+              trigger: withCtx(() => [createElementVNode("div", _hoisted_27, [_hoisted_28, createVNode(unref(NIcon), {
+                size: 20,
+                component: unref(ChevronForwardOutline),
+                class: "item__right"
+              }, null, 8, ["component"])])]),
+              default: withCtx(() => [_hoisted_29]),
+              _: 1
+            })) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true)], 64))])) : createCommentVNode("v-if", true)];
+          }),
+          _: 1
+        })]),
+        _: 1
+      });
+    };
+  }
+});
+
+export { _sfc_main as default };