cnhis-design-vue 3.3.3-release.0 → 3.3.3-release.8

package/es/components/form-render/src/utils/business.js

@@ -174,7 +174,13 @@ function parseAge2Birthday(age, ageUnit, formatter = "yyyy-MM-dd HH:mm") {
     return date;
   }
 }
-function parseAgeFromContext(context) {
+function parseAgeFromContext(context, nominalAge) {
+  if (nominalAge && context.birthday) {
+    return {
+      ageUnit: FIELD_AGE_UNIT.YEAR,
+      age: Math.max(new Date().getFullYear() - new Date(context.birthday).getFullYear(), 1)
+    };
+  }
   const result = context.minutes < 60 ? {
     ageUnit: FIELD_AGE_UNIT.MINUTE,
     age: context.minutes

package/es/components/iho-chat/index.d.ts

@@ -2281,6 +2281,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         HappyOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
+        SPACE_PLACEHOLDER: string;
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         state: {
             orgId: string | number;
@@ -2330,16 +2331,19 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             options: import("../../shared/types").AnyObject[];
             defaultValue: import("../../shared/types").AnyObject[];
         }>;
-        btnDisabled: import("vue").ComputedRef<boolean>;
+        sendBtnDisabled: import("vue").ComputedRef<boolean>;
         isForwardDisabled: import("vue").ComputedRef<boolean>;
+        callBtnDisabled: import("vue").ComputedRef<boolean>;
         handleCall: (chatMessageType: string, checkedIds?: string[]) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         selectEmoji: (name: string) => void;
+        insertSpace: () => void;
         doUpdateFile: (file: File) => Promise<string>;
         fileChange: (options: import("./src/types").FileOptions, chatMessageType: import("./src/constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => Promise<void>;
+        removeSpace: () => void;
         doSendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
         clearInput: () => void;
         handleRelay: ({ checkedIds, remark }: {
@@ -3046,8 +3050,22 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
         }) => void;
         isConnect: import("vue").Ref<boolean>;
+        wrapperRef: import("vue").Ref<HTMLElement | null>;
+        handleRef: import("vue").Ref<HTMLElement | null>;
+        isMaxSize: import("vue").Ref<boolean>;
+        miniWrapperRef: import("vue").Ref<HTMLElement | null>;
         callUser: import("vue").ComputedRef<any>;
         title: import("vue").ComputedRef<string>;
+        style: import("vue").Ref<{
+            left: string;
+            top: string;
+        }>;
+        changePosition: (position?: ("center" | "top-right") | undefined) => void;
+        miniStyle: import("vue").Ref<{
+            left: string;
+            top: string;
+        }>;
+        changeMiniPosition: (position?: ("center" | "top-right") | undefined) => void;
         handleAddPerson: ({ checkedIds, checkedOptions }: {
             checkedIds: string[];
             checkedOptions: import("../../shared/types").AnyObject[];
@@ -3062,6 +3080,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         handleRemoteUserExit: (event: any) => void;
         handleError: (error: any) => void;
         NButton: any;
+        NAvatar: any;
         NIcon: any;
         ChatAdd: import("vue").DefineComponent<{
             title: {
@@ -3264,6 +3283,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         PersonAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ResizeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     PersonProfile: import("vue").DefineComponent<{}, {
         state: {

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

@@ -2282,6 +2282,7 @@ declare const _default: import("vue").DefineComponent<{
         HappyOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
+        SPACE_PLACEHOLDER: string;
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         state: {
             orgId: string | number;
@@ -2331,16 +2332,19 @@ declare const _default: import("vue").DefineComponent<{
             options: AnyObject[];
             defaultValue: AnyObject[];
         }>;
-        btnDisabled: import("vue").ComputedRef<boolean>;
+        sendBtnDisabled: import("vue").ComputedRef<boolean>;
         isForwardDisabled: import("vue").ComputedRef<boolean>;
+        callBtnDisabled: import("vue").ComputedRef<boolean>;
         handleCall: (chatMessageType: string, checkedIds?: string[]) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         selectEmoji: (name: string) => void;
+        insertSpace: () => void;
         doUpdateFile: (file: File) => Promise<string>;
         fileChange: (options: import("./types").FileOptions, chatMessageType: import("./constants").MESSAGE_TYPE) => Promise<void>;
         handleMsgSend: () => Promise<void>;
+        removeSpace: () => void;
         doSendMessage: (contentInfo: AnyObject) => Promise<void>;
         clearInput: () => void;
         handleRelay: ({ checkedIds, remark }: {
@@ -3047,8 +3051,22 @@ declare const _default: import("vue").DefineComponent<{
             handleRemoteVideoAvailable: import("../../../shared/types").AnyFn;
         }) => void;
         isConnect: import("vue").Ref<boolean>;
+        wrapperRef: import("vue").Ref<HTMLElement | null>;
+        handleRef: import("vue").Ref<HTMLElement | null>;
+        isMaxSize: import("vue").Ref<boolean>;
+        miniWrapperRef: import("vue").Ref<HTMLElement | null>;
         callUser: import("vue").ComputedRef<any>;
         title: import("vue").ComputedRef<string>;
+        style: import("vue").Ref<{
+            left: string;
+            top: string;
+        }>;
+        changePosition: (position?: ("center" | "top-right") | undefined) => void;
+        miniStyle: import("vue").Ref<{
+            left: string;
+            top: string;
+        }>;
+        changeMiniPosition: (position?: ("center" | "top-right") | undefined) => void;
         handleAddPerson: ({ checkedIds, checkedOptions }: {
             checkedIds: string[];
             checkedOptions: AnyObject[];
@@ -3063,6 +3081,7 @@ declare const _default: import("vue").DefineComponent<{
         handleRemoteUserExit: (event: any) => void;
         handleError: (error: any) => void;
         NButton: any;
+        NAvatar: any;
         NIcon: any;
         ChatAdd: import("vue").DefineComponent<{
             title: {
@@ -3265,6 +3284,7 @@ declare const _default: import("vue").DefineComponent<{
         PersonAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ResizeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     PersonProfile: import("vue").DefineComponent<{}, {
         state: {

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

@@ -4,6 +4,7 @@ import { MESSAGE_TYPE } from '../constants';
 import { simplifyMessage } from '../utils';
 import { FileOptions } from '../types';
 declare const _default: import("vue").DefineComponent<{}, {
+    SPACE_PLACEHOLDER: string;
     inputRef: Ref<HTMLDivElement | undefined>;
     state: {
         orgId: string | number;
@@ -53,16 +54,19 @@ declare const _default: import("vue").DefineComponent<{}, {
         options: AnyObject[];
         defaultValue: AnyObject[];
     }>;
-    btnDisabled: import("vue").ComputedRef<boolean>;
+    sendBtnDisabled: import("vue").ComputedRef<boolean>;
     isForwardDisabled: import("vue").ComputedRef<boolean>;
+    callBtnDisabled: import("vue").ComputedRef<boolean>;
     handleCall: (chatMessageType: string, checkedIds?: string[]) => void;
     handleKeyDown: (event: KeyboardEvent) => void;
     isWrap: (event: KeyboardEvent) => boolean;
     handleInput: () => void;
     selectEmoji: (name: string) => void;
+    insertSpace: () => void;
     doUpdateFile: (file: File) => Promise<string>;
     fileChange: (options: FileOptions, chatMessageType: MESSAGE_TYPE) => Promise<void>;
     handleMsgSend: () => Promise<void>;
+    removeSpace: () => void;
     doSendMessage: (contentInfo: AnyObject) => Promise<void>;
     clearInput: () => void;
     handleRelay: ({ checkedIds, remark }: {

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

@@ -1,4 +1,4 @@
-import { createElementVNode, defineComponent, ref, computed, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
+import { createElementVNode, defineComponent, ref, computed, onMounted, watch, withDirectives, openBlock, createElementBlock, normalizeStyle, unref, createVNode, withCtx, Fragment, toDisplayString, createCommentVNode, renderList, createBlock, createTextVNode, mergeProps, renderSlot, vShow } from 'vue';
 import { NButton, NIcon, NTooltip, NPopover, NUpload, NUploadTrigger } from 'naive-ui';
 import ChatAdd from './ChatAdd.vue.js';
 import { useData } from '../hooks/useData.js';
@@ -92,6 +92,7 @@ const _hoisted_24 = /* @__PURE__ */ createElementVNode("span", {
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChatFooter",
   setup(__props) {
+    const SPACE_PLACEHOLDER = '<span style="display: inline-block;width: 1px;user-select: none;" data-space="true"></span>';
     const inputRef = ref();
     const {
       state,
@@ -109,8 +110,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         defaultValue: [state.userInfo]
       };
     });
-    const btnDisabled = computed(() => !content.value.replace(/(&nbsp;|\s|<br>)+/g, ""));
+    const sendBtnDisabled = computed(() => !content.value.replace(/(&nbsp;|\s|<br>|<span[^>]*data-space="true"[^>]*>[\s\S]*?<\/span>)+/g, ""));
     const isForwardDisabled = computed(() => !state.msgList.some((msgItem) => msgItem.checked));
+    const callBtnDisabled = computed(() => state.showVideo || state.showMultipleVideo);
     function handleCall(chatMessageType, checkedIds = []) {
       const uuid = uuidGenerator();
       const _checkedIds = [];
@@ -153,15 +155,29 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function handleInput() {
       var _a;
+      if (!inputRef.value)
+        return;
       content.value = ((_a = inputRef.value) == null ? void 0 : _a.innerHTML) || "";
+      insertSpace();
     }
     function selectEmoji(name) {
       var _a;
       commonEmoticons.value.unshift(name);
       commonEmoticons.value = uniq(commonEmoticons.value).slice(0, 26);
+      if (!inputRef.value)
+        return;
       (_a = inputRef.value) == null ? void 0 : _a.focus();
+      insertSpace();
       document.execCommand("insertHTML", false, `<img data-msg=${name} data-type=${MESSAGE_TYPE.EMOJI} class="emoji--min" src=${emojis.findEmoji(name)} />`);
     }
+    function insertSpace() {
+      if (!inputRef.value)
+        return;
+      if (!inputRef.value.innerHTML || inputRef.value.innerHTML === "<br>") {
+        Array.from(inputRef.value.childNodes).forEach((child) => child.remove());
+        document.execCommand("insertHTML", false, SPACE_PLACEHOLDER);
+      }
+    }
     async function doUpdateFile(file) {
       const formData = new FormData();
       formData.append("sender", state.userInfo.id);
@@ -175,7 +191,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       } = options.file;
       const data = await doUpdateFile(file);
       if (!data)
-        return console.log("\u4E0A\u4F20\u5931\u8D25");
+        return console.log(function() {
+          var _a, _b, _c;
+          try {
+            return ((_a = window.getLanguageByCode) == null ? void 0 : _a.call(window, "10010.1.641")) || ((_c = (_b = window.top) == null ? void 0 : _b.getLanguageByCode) == null ? void 0 : _c.call(_b, "10010.1.641")) || "\u4E0A\u4F20\u5931\u8D25";
+          } catch (e) {
+            return "\u4E0A\u4F20\u5931\u8D25";
+          }
+        }());
       doSendMessage({
         chatMessageType,
         msg: isObject(data) ? JSON.stringify(data) : chatMessageType === MESSAGE_TYPE.FILE ? name : data,
@@ -183,13 +206,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
     }
     async function handleMsgSend() {
+      if (sendBtnDisabled.value)
+        return console.log("\u8BF7\u8F93\u5165\u5185\u5BB9");
+      removeSpace();
       const {
         innerHTML = "",
         innerText = "",
         outerText = ""
       } = inputRef.value || {};
-      if (btnDisabled.value)
-        return console.log("\u8BF7\u8F93\u5165\u5185\u5BB9");
       let chatMessageType = MESSAGE_TYPE.TEXT;
       let msg = "";
       if (innerHTML) {
@@ -251,6 +275,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         origin: "btn"
       });
     }
+    function removeSpace() {
+      if (!inputRef.value)
+        return;
+      const spaceHolders = inputRef.value.querySelectorAll('[data-space="true"]');
+      spaceHolders.forEach((space) => space.remove());
+    }
     async function doSendMessage(contentInfo) {
       const {
         chatMessageType = MESSAGE_TYPE.TEXT,
@@ -280,7 +310,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function clearInput() {
       if (inputRef.value) {
-        inputRef.value.innerHTML = "";
+        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
       }
       content.value = "";
     }
@@ -315,6 +345,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       });
       state.isForward = false;
     }
+    onMounted(() => {
+      if (inputRef.value) {
+        inputRef.value.innerHTML = SPACE_PLACEHOLDER;
+      }
+    });
     watch(() => [state.currentReferenceMsg, state.currentReEditMsg], ([currentReferenceMsg, currentReEditMsg]) => {
       var _a;
       if (currentReferenceMsg || currentReEditMsg) {
@@ -578,14 +613,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           trigger: withCtx(() => [createVNode(unref(NButton), {
             quaternary: "",
-            size: "tiny"
+            size: "tiny",
+            disabled: unref(callBtnDisabled)
           }, {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               size: "18",
               component: unref(CallOutline)
             }, null, 8, ["component"])]),
             _: 1
-          })]),
+          }, 8, ["disabled"])]),
           default: withCtx(() => [createTextVNode(function() {
             var _a, _b, _c;
             try {
@@ -605,14 +641,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           trigger: withCtx(() => [createVNode(unref(NButton), {
             quaternary: "",
-            size: "tiny"
+            size: "tiny",
+            disabled: unref(callBtnDisabled)
           }, {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               size: "20",
               component: unref(VideocamOutline)
             }, null, 8, ["component"])]),
             _: 1
-          })]),
+          }, 8, ["disabled"])]),
           default: withCtx(() => [createTextVNode(function() {
             var _a, _b, _c;
             try {
@@ -632,6 +669,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: withCtx(() => [createVNode(unref(NButton), {
           quaternary: "",
           size: "tiny",
+          disabled: unref(callBtnDisabled),
           onClick: _cache[9] || (_cache[9] = () => handleCall(unref(MESSAGE_TYPE).AUDIO))
         }, {
           icon: withCtx(() => [createVNode(unref(NIcon), {
@@ -639,7 +677,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(CallOutline)
           }, null, 8, ["component"])]),
           _: 1
-        })]),
+        }, 8, ["disabled"])]),
         default: withCtx(() => [createTextVNode(function() {
           var _a, _b, _c;
           try {
@@ -655,6 +693,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         trigger: withCtx(() => [createVNode(unref(NButton), {
           quaternary: "",
           size: "tiny",
+          disabled: unref(callBtnDisabled),
           onClick: _cache[10] || (_cache[10] = () => handleCall(unref(MESSAGE_TYPE).VIDEO))
         }, {
           icon: withCtx(() => [createVNode(unref(NIcon), {
@@ -662,7 +701,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             component: unref(VideocamOutline)
           }, null, 8, ["component"])]),
           _: 1
-        })]),
+        }, 8, ["disabled"])]),
         default: withCtx(() => [createTextVNode(function() {
           var _a, _b, _c;
           try {
@@ -682,7 +721,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       }, null, 40, _hoisted_22), [[vShow, unref(state).id]]), createElementVNode("div", _hoisted_23, [_hoisted_24, createVNode(unref(NButton), {
         type: "primary",
         round: "",
-        disabled: unref(btnDisabled),
+        disabled: unref(sendBtnDisabled),
         onClick: handleMsgSend
       }, {
         default: withCtx(() => [createTextVNode(function() {

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

@@ -218,14 +218,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           trigger: withCtx(() => [createVNode(unref(NButton), {
             quaternary: "",
-            size: "tiny"
+            size: "tiny",
+            disabled: unref(state).showVideo || unref(state).showMultipleVideo
           }, {
             icon: withCtx(() => [createVNode(unref(NIcon), {
               size: "18",
               component: unref(CloseOutline)
             }, null, 8, ["component"])]),
             _: 1
-          })]),
+          }, 8, ["disabled"])]),
           default: withCtx(() => [createTextVNode(" \u7ED3\u675F\u804A\u5929 ")]),
           _: 1
         })]),

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

@@ -67,8 +67,22 @@ declare const _default: import("vue").DefineComponent<{}, {
         handleRemoteVideoAvailable: import("../../../../shared/types").AnyFn;
     }) => void;
     isConnect: import("vue").Ref<boolean>;
+    wrapperRef: import("vue").Ref<HTMLElement | null>;
+    handleRef: import("vue").Ref<HTMLElement | null>;
+    isMaxSize: import("vue").Ref<boolean>;
+    miniWrapperRef: import("vue").Ref<HTMLElement | null>;
     callUser: import("vue").ComputedRef<any>;
     title: import("vue").ComputedRef<string>;
+    style: import("vue").Ref<{
+        left: string;
+        top: string;
+    }>;
+    changePosition: (position?: ("center" | "top-right") | undefined) => void;
+    miniStyle: import("vue").Ref<{
+        left: string;
+        top: string;
+    }>;
+    changeMiniPosition: (position?: ("center" | "top-right") | undefined) => void;
     handleAddPerson: ({ checkedIds, checkedOptions }: {
         checkedIds: string[];
         checkedOptions: AnyObject[];
@@ -83,6 +97,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     handleRemoteUserExit: (event: any) => void;
     handleError: (error: any) => void;
     NButton: any;
+    NAvatar: any;
     NIcon: any;
     ChatAdd: import("vue").DefineComponent<{
         title: {
@@ -285,5 +300,6 @@ declare const _default: import("vue").DefineComponent<{}, {
     PersonAdd: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     MicOff: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+    ResizeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 export default _default;