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

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

@@ -1 +1,340 @@
-import{defineComponent as e,ref as t,computed as l,withDirectives as n,openBlock as i,createElementBlock as a,normalizeStyle as o,unref as s,createVNode as u,withCtx as r,createElementVNode as d,Fragment as v,renderList as c,createBlock as p,vShow as m,createCommentVNode as f,createTextVNode as g,toDisplayString as w,withModifiers as y,normalizeClass as k,nextTick as h}from"vue";import{NPopover as _,NInput as x,NIcon as C,NTag as M,NAvatar as R,NBadge as b}from"naive-ui";import j from"./ContextMenu.js";import{useData as D}from"../hooks/useData.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{STATUS as E}from"../constants/index.js";import{toppingSessionApi as L,updateStatusApi as B}from"../api/index.js";import{listSort as I,formatTime as T}from"../utils/index.js";import"lodash-es";import"trtc-sdk-v5";import{vFlexibleResize as N}from"../../../../shared/directive/flexibleResize.js";import S from"../../../date-picker/index.js";import{SearchOutline as V}from"@vicons/ionicons5";import $ from"./userItemRender.js";import O from"../../../default-page/index.js";import{useDebounceFn as U}from"@vueuse/core";import{isBefore as H,isAfter as z}from"date-fns";const K={key:0,class:"sider-list__filter"},P={class:"user-list-wrapper"},W={class:"sider-list__tags box-shadow"},A=["onClick","onContextmenu"],X={class:"avatar-right"},Y={class:"name"},q={class:"msg-tip"},F={class:"msg-tip__content"},G={key:0},J=["innerHTML"];var Q=e({__name:"SiderList",setup(e){var Q,Z,ee;const te="all",le="unread",ne="ended";let ie=[];const ae=t(300),oe=t(),se=t([{label:(null==(Q=window.getLanguageByCode)?void 0:Q.call(window,"10010.1.123"))||"全部",key:te},{label:(null==(Z=window.getLanguageByCode)?void 0:Z.call(window,"10010.1.124"))||"未读",key:le},{label:(null==(ee=window.getLanguageByCode)?void 0:ee.call(window,"10010.1.77"))||"结束",key:ne}]),ue=t(),re=t(!1),de=t({left:0,top:0}),ve=t(),ce=t("all"),pe=t(),me=t(),fe=t(),ge=t(""),we=t(!1),ye=t([]),ke=U(Ne,500),{state:he,unreadTotal:_e,filterable:xe,openSession:Ce,setUpdateSessionItem:Me,setCurrentSessionItem:Re}=D(),be=l((()=>Math.min(Math.max(ae.value,240),360))),je=l((()=>I(he.sessionList)));function De({distance:e}){ae.value=ae.value+e}function Ee(e,t=s(ce)){var l;return t===te||(t===le?ie.includes(e.sessionKey)||(null!=(l=e.unreadNum)?l:0)>0:t===ne?e.status===E.ENDED:void 0)}async function Le(e,t){try{if("topping"===e)return await L({id:t.id,topping:!(null==t?void 0:t.topping)}),void(he.id===t.id?Re({topping:!(null==t?void 0:t.topping)}):Me({...t,topping:!(null==t?void 0:t.topping)}));"remove"===e&&(await B({id:t.id,status:E.REMOVED}),he.id===t.id?Re({status:E.REMOVED}):Me({...t,status:E.REMOVED}))}catch(e){}}function Be(e){we.value=e,e||(ge.value="",fe.value=null,ye.value=[])}function Ie(e){var t,l,n,i,a;const o=null==(n=null==(l=null==(t=pe.value)?void 0:t.$datePicker)?void 0:l.panelInstRef)?void 0:n.$el;Be(!(!e.target||!(o&&o.contains(e.target)||(null==(i=me.value)?void 0:i.$el)&&(null==(a=me.value)?void 0:a.$el.contains(e.target)))))}function Te(e){fe.value=e,Ne()}function Ne(){ge.value||fe.value?ye.value=je.value.filter((e=>{const t=e.name.includes(ge.value);if(!fe.value)return t;const[l,n]=fe.value,i=new Date(e.createdTime);return t&&H(i,new Date(n+" 23:59:59"))&&z(i,new Date(l+" 00:00:00"))})):ye.value=[]}return(e,t)=>n((i(),a("section",{class:"sider-list",style:o({width:s(be)+"px"})},[s(xe)?(i(),a("div",K,[u(s(_),{raw:"","content-class":"search-content__sider",class:"search-wrapper",show:we.value,placement:"bottom-start","display-directive":"show","show-arrow":!1,onClickoutside:Ie},{trigger:r((()=>[u(s(x),{ref_key:"inputRef",ref:me,placeholder:"请输入名称模糊搜索",value:ge.value,"onUpdate:value":t[0]||(t[0]=e=>ge.value=e),onInput:s(ke),onClick:t[1]||(t[1]=()=>Be(!0))},{prefix:r((()=>[u(s(C),{component:s(V)},null,8,["component"])])),_:1},8,["value","onInput"])])),default:r((()=>{var e;return[u(s(S),{ref_key:"datePickerRef",ref:pe,"formatted-value":fe.value,type:"daterange",clearable:"","onUpdate:formattedValue":Te},null,8,["formatted-value"]),d("div",P,[(i(!0),a(v,null,c(ye.value,(e=>(i(),p(s($),{key:e.id,item:e,onItemClick:t[2]||(t[2]=()=>Be(!1))},null,8,["item"])))),128)),n(u(s(O),{config:{title:" ",content:(null==(e=window.getLanguageByCode)?void 0:e.call(window,"10010.1.81"))||"找不到相关的结果"},type:"5"},null,512),[[m,ye.value.length<1]])])]})),_:1},8,["show"])])):f("v-if",!0),d("div",W,[(i(!0),a(v,null,c(se.value,(e=>(i(),p(s(M),{type:ce.value===e.key?"primary":"default",round:"",bordered:!1,key:e.key,onClick:()=>{return t=e.key,ce.value=t,void(t===le&&(ie=(je.value.filter((e=>{var t;return(null!=(t=e.unreadNum)?t:0)>0}))||[]).map((e=>e.sessionKey))));var t}},{default:r((()=>{return[g(w(e.label)+"("+w((t=e,t.key===ne?je.value.filter((e=>e.status===E.ENDED)).length:_e.value))+") ",1)];var t})),_:2},1032,["type","onClick"])))),128))]),d("div",{class:"sider-list__box",ref_key:"listBoxRef",ref:oe},[(i(!0),a(v,null,c(s(je),(e=>{var t;return i(),a(v,{key:e.id},[e.status!==s(E).REMOVED?n((i(),a("div",{key:0,onClick:()=>s(Ce)(e),onContextmenu:y((t=>async function(e,t){var l,n,i,a,o;ve.value=t,re.value=!0,await h();const{clientX:s,clientY:u}=e,{width:r=0,height:d=0,left:v=0,top:c=0}=(null==(l=oe.value)?void 0:l.getBoundingClientRect())||{},{width:p=100,height:m=80}=(null==(i=null==(n=ue.value)?void 0:n.$el)?void 0:i.getBoundingClientRect())||{},f=null!=(o=null==(a=oe.value)?void 0:a.scrollTop)?o:0,g={};s<v+r-(p+2)-5?g.left=s-v+5+"px":g.right=v+r-s+5+"px",c+d-u<=m+5?g.bottom=5-f+"px":g.top=u-c+f+5+"px",de.value=g}(t,e.id)),["prevent"]),class:k(["sider-list__box__item",{active:e.id===s(he).id},e.topping?"sider-list__box__item--top":""])},[u(s(R),{round:"",size:"large",src:e.avatar},null,8,["src"]),d("div",X,[d("div",Y,[d("h4",null,w(e.name),1),d("span",null,w(e.lastMessage?s(T)(e.lastMessageSendTime).siderMsgTime:""),1)]),d("div",q,[d("div",F,["WITHDRAWN"===e.lastMessageStatus?(i(),a("div",G,(null==(t=window.getLanguageByCode)?void 0:t.call(window,"10010.1.68"))||"撤回了一条消息")):(i(),a("div",{key:1,innerHTML:e.lastMessageContent},null,8,J))]),u(s(b),{value:e.unreadNum>99?"99+":e.unreadNum},null,8,["value"])])])],42,A)),[[m,Ee(e)]]):f("v-if",!0)],64)})),128)),u(s(j),{ref_key:"contextmenuRef",ref:ue,show:re.value,"onUpdate:show":t[3]||(t[3]=e=>re.value=e),type:"session",position:de.value,id:ve.value,onSelect:Le},null,8,["show","position","id"])],512)],4)),[[s(N),{mode:"VR",onMove:De}]])}});export{Q as default};
+import { defineComponent, ref, computed, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, createElementVNode, Fragment, renderList, createBlock, vShow, createCommentVNode, createTextVNode, toDisplayString, withModifiers, normalizeClass, nextTick } from 'vue';
+import { NPopover, NInput, NIcon, NTag, NAvatar, NBadge } from 'naive-ui';
+import ContextMenu from './ContextMenu.js';
+import { useData } from '../hooks/useData.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { STATUS } from '../constants/index.js';
+import { toppingSessionApi, updateStatusApi } from '../api/index.js';
+import { listSort, isDoctorRole, getRoleName, formatTime } from '../utils/index.js';
+import 'lodash-es';
+import 'trtc-sdk-v5';
+import { vFlexibleResize } from '../../../../shared/directive/flexibleResize.js';
+import DatePicker from '../../../date-picker/index.js';
+import { SearchOutline } from '@vicons/ionicons5';
+import userItemRender from './userItemRender.js';
+import DefaultPage from '../../../default-page/index.js';
+import { useDebounceFn } from '@vueuse/core';
+import { isBefore, isAfter } from 'date-fns';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "sider-list__filter"
+};
+const _hoisted_2 = {
+  class: "user-list-wrapper"
+};
+const _hoisted_3 = {
+  class: "sider-list__tags box-shadow"
+};
+const _hoisted_4 = ["onClick", "onContextmenu"];
+const _hoisted_5 = {
+  class: "avatar-right"
+};
+const _hoisted_6 = {
+  class: "name"
+};
+const _hoisted_7 = {
+  class: "chat-name"
+};
+const _hoisted_8 = {
+  class: "msg-tip"
+};
+const _hoisted_9 = {
+  class: "msg-tip__content"
+};
+const _hoisted_10 = {
+  key: 0
+};
+const _hoisted_11 = ["innerHTML"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SiderList",
+  setup(__props) {
+    var _a, _b, _c;
+    const filterKey = {
+      all: "all",
+      unread: "unread",
+      ended: "ended"
+    };
+    let unreadSessionKeys = [];
+    const flexWidth = ref(300);
+    const listBoxRef = ref();
+    const filterListByTag = ref([{
+      label: ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.123")) || "\u5168\u90E8",
+      key: filterKey.all
+    }, {
+      label: ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.124")) || "\u672A\u8BFB",
+      key: filterKey.unread
+    }, {
+      label: ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.77")) || "\u7ED3\u675F",
+      key: filterKey.ended
+    }]);
+    const contextmenuRef = ref();
+    const showMenu = ref(false);
+    const menuPosition = ref({
+      left: 0,
+      top: 0
+    });
+    const sessionId = ref();
+    const currentFilterKey = ref("all");
+    const datePickerRef = ref();
+    const inputRef = ref();
+    const dateRange = ref();
+    const keyword = ref("");
+    const showSearch = ref(false);
+    const filterList = ref([]);
+    const handleInput = useDebounceFn(handleSearch, 500);
+    const {
+      state,
+      unreadTotal,
+      filterable,
+      openSession,
+      setUpdateSessionItem,
+      setCurrentSessionItem
+    } = useData();
+    const currentWidth = computed(() => Math.min(Math.max(flexWidth.value, 240), 360));
+    const sessionList = computed(() => listSort(state.sessionList));
+    function getLabelNum(session) {
+      if (session.key === filterKey.ended)
+        return sessionList.value.filter((session2) => session2.status === STATUS.ENDED).length;
+      return unreadTotal.value;
+    }
+    function changeWidth({
+      distance
+    }) {
+      flexWidth.value = flexWidth.value + distance;
+    }
+    function handleFilter(key) {
+      currentFilterKey.value = key;
+      if (key === filterKey.unread) {
+        unreadSessionKeys = (sessionList.value.filter((session) => {
+          var _a2;
+          return ((_a2 = session.unreadNum) != null ? _a2 : 0) > 0;
+        }) || []).map((session) => session.sessionKey);
+      }
+    }
+    function showSession(item, currentKey = unref(currentFilterKey)) {
+      var _a2;
+      if (currentKey === filterKey.all)
+        return true;
+      if (currentKey === filterKey.unread)
+        return unreadSessionKeys.includes(item.sessionKey) || ((_a2 = item.unreadNum) != null ? _a2 : 0) > 0;
+      if (currentKey === filterKey.ended)
+        return item.status === STATUS.ENDED;
+    }
+    async function handleContextmenu(event, id) {
+      var _a2, _b2, _c2, _d, _e;
+      sessionId.value = id;
+      showMenu.value = true;
+      await nextTick();
+      const {
+        clientX,
+        clientY
+      } = event;
+      const {
+        width = 0,
+        height = 0,
+        left = 0,
+        top = 0
+      } = ((_a2 = listBoxRef.value) == null ? void 0 : _a2.getBoundingClientRect()) || {};
+      const {
+        width: contextmenuWidth = 100,
+        height: contextmenuHeight = 80
+      } = ((_c2 = (_b2 = contextmenuRef.value) == null ? void 0 : _b2.$el) == null ? void 0 : _c2.getBoundingClientRect()) || {};
+      const scrollTop = (_e = (_d = listBoxRef.value) == null ? void 0 : _d.scrollTop) != null ? _e : 0;
+      const offset = 5;
+      const style = {};
+      if (clientX < left + width - (contextmenuWidth + 2) - offset) {
+        style.left = clientX - left + offset + "px";
+      } else {
+        style.right = left + width - clientX + offset + "px";
+      }
+      if (top + height - clientY <= contextmenuHeight + offset) {
+        style.bottom = -scrollTop + offset + "px";
+      } else {
+        style.top = clientY - top + scrollTop + offset + "px";
+      }
+      menuPosition.value = style;
+    }
+    async function handleSelect(key, session) {
+      try {
+        if (key === "topping") {
+          await toppingSessionApi({
+            id: session.id,
+            topping: !(session == null ? void 0 : session.topping)
+          });
+          if (state.id === session.id) {
+            setCurrentSessionItem({
+              topping: !(session == null ? void 0 : session.topping)
+            });
+          } else {
+            setUpdateSessionItem({
+              ...session,
+              topping: !(session == null ? void 0 : session.topping)
+            });
+          }
+          return;
+        }
+        if (key === "remove") {
+          await updateStatusApi({
+            id: session.id,
+            status: STATUS.REMOVED
+          });
+          if (state.id === session.id) {
+            setCurrentSessionItem({
+              status: STATUS.REMOVED
+            });
+          } else {
+            setUpdateSessionItem({
+              ...session,
+              status: STATUS.REMOVED
+            });
+          }
+        }
+      } catch (err) {
+      }
+    }
+    function handleUpdateShow(value) {
+      showSearch.value = value;
+      if (!value) {
+        keyword.value = "";
+        dateRange.value = null;
+        filterList.value = [];
+      }
+    }
+    function handleClickoutside(e) {
+      var _a2, _b2, _c2, _d, _e;
+      const panelInstEl = (_c2 = (_b2 = (_a2 = datePickerRef.value) == null ? void 0 : _a2.$datePicker) == null ? void 0 : _b2.panelInstRef) == null ? void 0 : _c2.$el;
+      const show = !!(e.target && (panelInstEl && panelInstEl.contains(e.target) || ((_d = inputRef.value) == null ? void 0 : _d.$el) && ((_e = inputRef.value) == null ? void 0 : _e.$el.contains(e.target))));
+      handleUpdateShow(show);
+    }
+    function handleUpdateDate(value) {
+      dateRange.value = value;
+      handleSearch();
+    }
+    function handleSearch() {
+      if (!keyword.value && !dateRange.value) {
+        filterList.value = [];
+        return;
+      }
+      filterList.value = sessionList.value.filter((session) => {
+        const hasName = session.name.includes(keyword.value);
+        if (!dateRange.value)
+          return hasName;
+        const [start, end] = dateRange.value;
+        const startSuffix = " 00:00:00";
+        const endSuffix = " 23:59:59";
+        const createdTime = new Date(session.createdTime);
+        return hasName && isBefore(createdTime, new Date(end + endSuffix)) && isAfter(createdTime, new Date(start + startSuffix));
+      });
+    }
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock("section", {
+        class: "sider-list",
+        style: normalizeStyle({
+          width: unref(currentWidth) + "px"
+        })
+      }, [unref(filterable) ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NPopover), {
+        raw: "",
+        "content-class": "search-content__sider",
+        class: "search-wrapper",
+        show: showSearch.value,
+        placement: "bottom-start",
+        "display-directive": "show",
+        "show-arrow": false,
+        onClickoutside: handleClickoutside
+      }, {
+        trigger: withCtx(() => [createVNode(unref(NInput), {
+          ref_key: "inputRef",
+          ref: inputRef,
+          placeholder: "\u8BF7\u8F93\u5165\u540D\u79F0\u6A21\u7CCA\u641C\u7D22",
+          value: keyword.value,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => keyword.value = $event),
+          onInput: unref(handleInput),
+          onClick: _cache[1] || (_cache[1] = () => handleUpdateShow(true))
+        }, {
+          prefix: withCtx(() => [createVNode(unref(NIcon), {
+            component: unref(SearchOutline)
+          }, null, 8, ["component"])]),
+          _: 1
+        }, 8, ["value", "onInput"])]),
+        default: withCtx(() => {
+          var _a2;
+          return [createVNode(unref(DatePicker), {
+            ref_key: "datePickerRef",
+            ref: datePickerRef,
+            "formatted-value": dateRange.value,
+            type: "daterange",
+            clearable: "",
+            "onUpdate:formattedValue": handleUpdateDate
+          }, null, 8, ["formatted-value"]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(filterList.value, (item) => {
+            return openBlock(), createBlock(unref(userItemRender), {
+              key: item.id,
+              item,
+              onItemClick: _cache[2] || (_cache[2] = () => handleUpdateShow(false))
+            }, null, 8, ["item"]);
+          }), 128)), withDirectives(createVNode(unref(DefaultPage), {
+            config: {
+              title: " ",
+              content: ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.81")) || "\u627E\u4E0D\u5230\u76F8\u5173\u7684\u7ED3\u679C"
+            },
+            type: "5"
+          }, null, 512), [[vShow, filterList.value.length < 1]])])];
+        }),
+        _: 1
+      }, 8, ["show"])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(filterListByTag.value, (filterItem) => {
+        return openBlock(), createBlock(unref(NTag), {
+          type: currentFilterKey.value === filterItem.key ? "primary" : "default",
+          round: "",
+          bordered: false,
+          key: filterItem.key,
+          onClick: () => handleFilter(filterItem.key)
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(filterItem.label) + "(" + toDisplayString(getLabelNum(filterItem)) + ") ", 1)]),
+          _: 2
+        }, 1032, ["type", "onClick"]);
+      }), 128))]), createElementVNode("div", {
+        class: "sider-list__box",
+        ref_key: "listBoxRef",
+        ref: listBoxRef
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(sessionList), (item) => {
+        var _a2;
+        return openBlock(), createElementBlock(Fragment, {
+          key: item.id
+        }, [item.status !== unref(STATUS).REMOVED ? withDirectives((openBlock(), createElementBlock("div", {
+          key: 0,
+          onClick: () => unref(openSession)(item),
+          onContextmenu: withModifiers((event) => handleContextmenu(event, item.id), ["prevent"]),
+          class: normalizeClass(["sider-list__box__item", {
+            active: item.id === unref(state).id
+          }, item.topping ? "sider-list__box__item--top" : ""])
+        }, [createVNode(unref(NAvatar), {
+          round: "",
+          size: "large",
+          src: item.avatar
+        }, null, 8, ["src"]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [createElementVNode("h4", null, [createElementVNode("label", _hoisted_7, toDisplayString(item.name), 1), withDirectives(createElementVNode("label", {
+          class: normalizeClass(["iho-chatRole", unref(isDoctorRole)(item.roleInfo) ? "isDoctor" : ""])
+        }, toDisplayString(unref(getRoleName)(item.roleInfo)), 3), [[vShow, unref(getRoleName)(item.roleInfo)]])]), createElementVNode("span", null, toDisplayString(item.lastMessage ? unref(formatTime)(item.lastMessageSendTime).siderMsgTime : ""), 1)]), createElementVNode("div", _hoisted_8, [createElementVNode("div", _hoisted_9, [item.lastMessageStatus === "WITHDRAWN" ? (openBlock(), createElementBlock("div", _hoisted_10, ((_a2 = window.getLanguageByCode) == null ? void 0 : _a2.call(window, "10010.1.68")) || "\u64A4\u56DE\u4E86\u4E00\u6761\u6D88\u606F")) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          innerHTML: item.lastMessageContent
+        }, null, 8, _hoisted_11))]), createVNode(unref(NBadge), {
+          value: item.unreadNum > 99 ? "99+" : item.unreadNum
+        }, null, 8, ["value"])])])], 42, _hoisted_4)), [[vShow, showSession(item)]]) : createCommentVNode("v-if", true)], 64);
+      }), 128)), createVNode(unref(ContextMenu), {
+        ref_key: "contextmenuRef",
+        ref: contextmenuRef,
+        show: showMenu.value,
+        "onUpdate:show": _cache[3] || (_cache[3] = ($event) => showMenu.value = $event),
+        type: "session",
+        position: menuPosition.value,
+        id: sessionId.value,
+        onSelect: handleSelect
+      }, null, 8, ["show", "position", "id"])], 512)], 4)), [[unref(vFlexibleResize), {
+        mode: "VR",
+        onMove: changeWidth
+      }]]);
+    };
+  }
+});
+
+export { _sfc_main as default };

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

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

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

@@ -1 +1,303 @@
-import{createElementVNode as e,defineComponent as o,ref as n,computed as s,watch as t,onBeforeUnmount as r,openBlock as a,createElementBlock as l,withDirectives as i,vShow as c,createVNode as u,unref as d,toDisplayString as v,Fragment as m,normalizeClass as p,withCtx as g}from"vue";import{NAvatar as f,NButton as w,NIcon as h}from"naive-ui";import{Mic as y,MicOffCircle as I,Call as A}from"@vicons/ionicons5";import{avFinishApi as k}from"../api/index.js";import"@vueuse/core";import{$message as E}from"../utils/index.js";import"lodash-es";import{AV_STATUS as V,CHAT_TYPE as R}from"../constants/index.js";import"../../../../shared/utils/index.js";import"date-fns";import"@vue/shared";import"@vueuse/shared";import"../../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../../shared/hooks/useScrollLoading.js";import"stompjs";import"sockjs-client/dist/sockjs.min.js";import{useVideo as S}from"../hooks/useVideo.js";import C from"trtc-sdk-v5";var M,b,x,L;const T={class:"video-wrapper"},j={class:"user"},_={class:"name"},N={class:"tip"},H={class:"opt-btn"},D={class:"btn"},z=e("span",null,(null==(M=window.getLanguageByCode)?void 0:M.call(window,"10010.1.104"))||"静音",-1),B=e("span",null,(null==(b=window.getLanguageByCode)?void 0:b.call(window,"10010.1.113"))||"拒接",-1),U={class:"btn"},F=e("span",null,(null==(x=window.getLanguageByCode)?void 0:x.call(window,"10010.1.125"))||"挂断",-1),O=e("span",null,(null==(L=window.getLanguageByCode)?void 0:L.call(window,"10010.1.114"))||"接听",-1);var P=o({__name:"Video",setup(o){const{sendMessage:M,state:b,trtcProxy:x,trtc:L,timing:P,voiceClose:G,isAudio:J,isCall:$,startTimer:q,resetTimer:K,toggleAudio:Q,messageTypeText:W,time:X,installEventHandlers:Y,uninstallEventHandlers:Z}=S(),ee=n(),oe=n(),ne=n(!1);let se=null;const te=s((()=>{var e,o,n;return $.value?{avatar:b.currentSessionItem.avatar,name:b.currentSessionItem.name,userId:b.currentSessionItem.receiver}:{avatar:null==(e=b.currentAVMsg.currentMsg)?void 0:e.senderAvatar,name:null==(o=b.currentAVMsg.currentMsg)?void 0:o.senderName,userId:null==(n=b.currentAVMsg.currentMsg)?void 0:n.sender}})),re=s((()=>ne.value?J.value?P.value:"":$.value?"正在呼叫...":`邀请你${W.value}问诊...`)),ae=s((()=>{var e,o;return null==(o=null==(e=b.currentAVMsg.currentMsg)?void 0:e.content)?void 0:o.avStatus}));async function le(e=V.FINISHED){M({chatType:R.SINGLE,content:{msg:e===V.FINISHED?""+X.seconds:"s",chatMessageType:b.currentAVMsg.chatMessageType,avStatus:e},receiver:te.value.userId}),await k({recordId:b.currentAVMsg.currentMsg.id,status:e,duration:e===V.FINISHED?X.seconds:0})}async function ie(){const e=await C.isSupported();if(!e.result||!e.detail.isH264EncodeSupported||!e.detail.isH264DecodeSupported)return console.log("checkResult :>> ",e),void(b.showVideo=!1);try{if(await L.enterRoom({strRoomId:b.currentAVMsg.strRoomId,sdkAppId:parseInt(b.userInfo.sdkAppID),userId:b.userInfo.id,userSig:b.userInfo.userSig,proxy:x.value}),$.value||(ne.value=!0,q()),Y({handleError:ge,handleRemoteUserEnter:me,handleRemoteAudioAvailable:ve,handleRemoteUserExit:pe,handleRemoteVideoAvailable:de}),await L.startLocalAudio(),J.value)return;await L.startLocalVideo({view:oe.value})}catch(e){console.log("error :>> ",e),E.error(e),b.showVideo=!1}}function ce(){$.value&&!ne.value?le(V.CANCELED):le()}async function ue(){try{if(b.showVideo=!1,Z({handleError:ge,handleRemoteUserEnter:me,handleRemoteAudioAvailable:ve,handleRemoteUserExit:pe,handleRemoteVideoAvailable:de}),await L.exitRoom(),await L.stopLocalAudio(),J.value)return;await L.stopLocalVideo()}catch(e){console.log("error :>> ",e)}}async function de(e){const{userId:o,streamType:n}=e;try{await L.startRemoteVideo({userId:o,streamType:n,view:ee.value})}catch(e){console.log("error :>> ",e)}}function ve(e){}function me(){ne.value=!0,q()}function pe(e){console.log("event :>> 对方已挂断",e),ue()}function ge(e){console.log("error :>> ",e),b.showVideo=!1}return t((()=>ae.value),(e=>{b.showVideo&&(e===V.IN_CALL?async function(){$.value?ie():(se&&clearTimeout(se),se=setTimeout((async()=>{ne.value||le(V.NO_RESPONSE)}),6e4))}():ue())}),{immediate:!0}),r((()=>{ue()})),(o,n)=>(a(),l("div",T,[i(e("div",{class:"video-box",ref_key:"videoRef",ref:ee},null,512),[[c,ne.value]]),i(e("div",{class:"video-box--self",ref_key:"selfVideoRef",ref:oe},null,512),[[c,ne.value]]),i(e("div",j,[u(d(f),{size:58,round:"",src:d(te).avatar},null,8,["src"]),e("span",_,v(d(te).name),1),e("span",N,v(d(re)),1)],512),[[c,d(J)||!ne.value]]),e("div",H,[e("div",D,[d($)&&!ne.value||ne.value?(a(),l(m,{key:0},[u(d(w),{circle:"",onClick:d(Q),class:p({bordered:!d(G)})},{icon:g((()=>[u(d(h),{size:"30",color:d(G)?"#626262":"#fff",component:d(G)?d(I):d(y)},null,8,["color","component"])])),_:1},8,["onClick","class"]),z],64)):(a(),l(m,{key:1},[u(d(w),{circle:"",color:"#f17568",class:"btn--rotate",onClick:n[0]||(n[0]=()=>le(d(V).REJECTED))},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),B],64))]),e("div",U,[d($)&&!ne.value||ne.value?(a(),l(m,{key:0},[u(d(w),{circle:"",color:"#f17568",class:"btn--rotate",onClick:ce},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),F],64)):(a(),l(m,{key:1},[u(d(w),{circle:"",color:"#2ac98b",onClick:ie},{icon:g((()=>[u(d(h),{size:"30",component:d(A)},null,8,["component"])])),_:1}),O],64))])])]))}});export{P as default};
+import { createElementVNode, defineComponent, ref, computed, watch, onBeforeUnmount, openBlock, createElementBlock, withDirectives, vShow, createVNode, unref, toDisplayString, Fragment, normalizeClass, withCtx } from 'vue';
+import { NAvatar, NButton, NIcon } from 'naive-ui';
+import { Mic, MicOffCircle, Call } from '@vicons/ionicons5';
+import { avFinishApi } from '../api/index.js';
+import '@vueuse/core';
+import { $message } from '../utils/index.js';
+import 'lodash-es';
+import { AV_STATUS, CHAT_TYPE } from '../constants/index.js';
+import '../../../../shared/utils/index.js';
+import 'date-fns';
+import '@vue/shared';
+import '@vueuse/shared';
+import '../../../../shared/hooks/selectHooks/useSearchContent.js';
+import '../../../../shared/hooks/useScrollLoading.js';
+import 'stompjs';
+import 'sockjs-client/dist/sockjs.min.js';
+import { useVideo } from '../hooks/useVideo.js';
+import TRTC from 'trtc-sdk-v5';
+
+var _a, _b, _c, _d;
+const _hoisted_1 = {
+  class: "video-wrapper"
+};
+const _hoisted_2 = {
+  class: "user"
+};
+const _hoisted_3 = {
+  class: "name"
+};
+const _hoisted_4 = {
+  class: "tip"
+};
+const _hoisted_5 = {
+  class: "opt-btn"
+};
+const _hoisted_6 = {
+  class: "btn"
+};
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("span", null, ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.104")) || "\u9759\u97F3", -1);
+const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", null, ((_b = window.getLanguageByCode) == null ? void 0 : _b.call(window, "10010.1.113")) || "\u62D2\u63A5", -1);
+const _hoisted_9 = {
+  class: "btn"
+};
+const _hoisted_10 = /* @__PURE__ */ createElementVNode("span", null, ((_c = window.getLanguageByCode) == null ? void 0 : _c.call(window, "10010.1.125")) || "\u6302\u65AD", -1);
+const _hoisted_11 = /* @__PURE__ */ createElementVNode("span", null, ((_d = window.getLanguageByCode) == null ? void 0 : _d.call(window, "10010.1.114")) || "\u63A5\u542C", -1);
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Video",
+  setup(__props) {
+    const {
+      sendMessage,
+      state,
+      trtcProxy,
+      trtc,
+      timing,
+      voiceClose,
+      isAudio,
+      isCall,
+      startTimer,
+      resetTimer,
+      toggleAudio,
+      messageTypeText,
+      time,
+      installEventHandlers,
+      uninstallEventHandlers
+    } = useVideo();
+    const videoRef = ref();
+    const selfVideoRef = ref();
+    const isConnect = ref(false);
+    let timeout = null;
+    const info = computed(() => {
+      var _a2, _b2, _c2;
+      if (isCall.value) {
+        return {
+          avatar: state.currentSessionItem.avatar,
+          name: state.currentSessionItem.name,
+          userId: state.currentSessionItem.receiver
+        };
+      } else {
+        return {
+          avatar: (_a2 = state.currentAVMsg.currentMsg) == null ? void 0 : _a2.senderAvatar,
+          name: (_b2 = state.currentAVMsg.currentMsg) == null ? void 0 : _b2.senderName,
+          userId: (_c2 = state.currentAVMsg.currentMsg) == null ? void 0 : _c2.sender
+        };
+      }
+    });
+    const tipContent = computed(() => {
+      if (!isConnect.value) {
+        if (isCall.value)
+          return "\u6B63\u5728\u547C\u53EB...";
+        return `\u9080\u8BF7\u4F60${messageTypeText.value}\u95EE\u8BCA...`;
+      }
+      return isAudio.value ? timing.value : "";
+    });
+    const status = computed(() => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = state.currentAVMsg.currentMsg) == null ? void 0 : _a2.content) == null ? void 0 : _b2.avStatus;
+    });
+    async function handleStatus(status2 = AV_STATUS.FINISHED) {
+      sendMessage({
+        chatType: CHAT_TYPE.SINGLE,
+        content: {
+          msg: status2 === AV_STATUS.FINISHED ? "" + time.seconds : "s",
+          chatMessageType: state.currentAVMsg.chatMessageType,
+          avStatus: status2
+        },
+        receiver: info.value.userId
+      });
+      await avFinishApi({
+        recordId: state.currentAVMsg.currentMsg.id,
+        status: status2,
+        duration: status2 === AV_STATUS.FINISHED ? time.seconds : 0
+      });
+    }
+    async function init() {
+      if (isCall.value) {
+        handleEnter();
+      } else {
+        timeout && clearTimeout(timeout);
+        timeout = setTimeout(async () => {
+          if (!isConnect.value)
+            handleStatus(AV_STATUS.NO_RESPONSE);
+        }, 6e4);
+      }
+    }
+    async function handleEnter() {
+      const checkResult = await TRTC.isSupported();
+      if (!checkResult.result || !checkResult.detail.isH264EncodeSupported || !checkResult.detail.isH264DecodeSupported) {
+        console.log("checkResult :>> ", checkResult);
+        state.showVideo = false;
+        return;
+      }
+      try {
+        await trtc.enterRoom({
+          strRoomId: state.currentAVMsg.strRoomId,
+          sdkAppId: parseInt(state.userInfo.sdkAppID),
+          userId: state.userInfo.id,
+          userSig: state.userInfo.userSig,
+          proxy: trtcProxy.value
+        });
+        if (!isCall.value) {
+          isConnect.value = true;
+          startTimer();
+        }
+        installEventHandlers({
+          handleError,
+          handleRemoteUserEnter,
+          handleRemoteAudioAvailable,
+          handleRemoteUserExit,
+          handleRemoteVideoAvailable
+        });
+        await trtc.startLocalAudio();
+        if (isAudio.value)
+          return;
+        await trtc.startLocalVideo({
+          view: selfVideoRef.value
+        });
+      } catch (error) {
+        console.log("error :>> ", error);
+        $message.error(error);
+        state.showVideo = false;
+      }
+    }
+    function handleFinish() {
+      if (isCall.value && !isConnect.value) {
+        handleStatus(AV_STATUS.CANCELED);
+      } else {
+        handleStatus();
+      }
+    }
+    async function handleExit() {
+      try {
+        state.showVideo = false;
+        uninstallEventHandlers({
+          handleError,
+          handleRemoteUserEnter,
+          handleRemoteAudioAvailable,
+          handleRemoteUserExit,
+          handleRemoteVideoAvailable
+        });
+        await trtc.exitRoom();
+        await trtc.stopLocalAudio();
+        if (isAudio.value)
+          return;
+        await trtc.stopLocalVideo();
+      } catch (error) {
+        console.log("error :>> ", error);
+      }
+    }
+    async function handleRemoteVideoAvailable(event) {
+      const {
+        userId,
+        streamType
+      } = event;
+      try {
+        await trtc.startRemoteVideo({
+          userId,
+          streamType,
+          view: videoRef.value
+        });
+      } catch (error) {
+        console.log("error :>> ", error);
+      }
+    }
+    function handleRemoteAudioAvailable(event) {
+    }
+    function handleRemoteUserEnter() {
+      isConnect.value = true;
+      startTimer();
+    }
+    function handleRemoteUserExit(event) {
+      console.log("event :>> \u5BF9\u65B9\u5DF2\u6302\u65AD", event);
+      handleExit();
+    }
+    function handleError(error) {
+      console.log("error :>> ", error);
+      state.showVideo = false;
+    }
+    watch(() => status.value, (value) => {
+      if (!state.showVideo)
+        return;
+      if (value === AV_STATUS.IN_CALL) {
+        init();
+      } else {
+        handleExit();
+      }
+    }, {
+      immediate: true
+    });
+    onBeforeUnmount(() => {
+      handleExit();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives(createElementVNode("div", {
+        class: "video-box",
+        ref_key: "videoRef",
+        ref: videoRef
+      }, null, 512), [[vShow, isConnect.value]]), withDirectives(createElementVNode("div", {
+        class: "video-box--self",
+        ref_key: "selfVideoRef",
+        ref: selfVideoRef
+      }, null, 512), [[vShow, isConnect.value]]), withDirectives(createElementVNode("div", _hoisted_2, [createVNode(unref(NAvatar), {
+        size: 58,
+        round: "",
+        src: unref(info).avatar
+      }, null, 8, ["src"]), createElementVNode("span", _hoisted_3, toDisplayString(unref(info).name), 1), createElementVNode("span", _hoisted_4, toDisplayString(unref(tipContent)), 1)], 512), [[vShow, unref(isAudio) || !isConnect.value]]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(unref(NButton), {
+        circle: "",
+        onClick: unref(toggleAudio),
+        class: normalizeClass({
+          bordered: !unref(voiceClose)
+        })
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          color: !unref(voiceClose) ? "#fff" : "#626262",
+          component: !unref(voiceClose) ? unref(Mic) : unref(MicOffCircle)
+        }, null, 8, ["color", "component"])]),
+        _: 1
+      }, 8, ["onClick", "class"]), _hoisted_7], 64)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#f17568",
+        class: "btn--rotate",
+        onClick: _cache[0] || (_cache[0] = () => handleStatus(unref(AV_STATUS).REJECTED))
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_8], 64))]), createElementVNode("div", _hoisted_9, [unref(isCall) && !isConnect.value || isConnect.value ? (openBlock(), createElementBlock(Fragment, {
+        key: 0
+      }, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#f17568",
+        class: "btn--rotate",
+        onClick: handleFinish
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_10], 64)) : (openBlock(), createElementBlock(Fragment, {
+        key: 1
+      }, [createVNode(unref(NButton), {
+        circle: "",
+        color: "#2ac98b",
+        onClick: handleEnter
+      }, {
+        icon: withCtx(() => [createVNode(unref(NIcon), {
+          size: "30",
+          component: unref(Call)
+        }, null, 8, ["component"])]),
+        _: 1
+      }), _hoisted_11], 64))])])]);
+    };
+  }
+});
+
+export { _sfc_main as default };