cnhis-design-vue 3.2.7-beta.2 → 3.2.7-beta.21

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

@@ -16,6 +16,13 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    chatBox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultSessionKey: {
+        type: StringConstructor;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -34,6 +41,13 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: StringConstructor;
             default: string;
         };
+        chatBox: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultSessionKey: {
+            type: StringConstructor;
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -57,7 +71,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         currentReferenceMsg: import("../../shared/types").AnyObject | null;
         showVideo: boolean;
         currentAVMsg: import("../../shared/types").AnyObject;
-        userList: import("../../shared/types").AnyObject[];
         currentGroupUser: import("../../shared/types").AnyObject[];
         showMultipleVideo: boolean;
     };
@@ -70,9 +83,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
     groupSessionList: import("../../shared/types").AnyObject[];
     init: () => Promise<void>;
-    handleUserSearch: () => Promise<void>;
     initWebSocket: () => void;
     subscribeSessionList: () => void;
+    handleDefaultSession: () => void;
     subscribeGroupMessage: () => void;
     subscribeMessage: () => void;
     handleMessage: (messageVo: import("../../shared/types").AnyObject, chatType: string) => Promise<void>;
@@ -132,7 +145,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             defaultValue?: undefined;
         } | {
             mode: string;
-            defaultValue: any[];
+            defaultValue: import("../../shared/types").AnyObject[];
             disabledIds?: undefined;
         }>;
         handleOpenChatFile: (type: string) => void;
@@ -414,6 +427,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 allowedInvalidValue: {
                     type: StringConstructor;
                 };
+                to: {
+                    type: import("vue").PropType<string | false | HTMLElement>;
+                    default: string;
+                };
             }, {
                 attrs: {
                     [x: string]: unknown;
@@ -434,6 +451,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     allowedInvalidValue: {
                         type: StringConstructor;
                     };
+                    to: {
+                        type: import("vue").PropType<string | false | HTMLElement>;
+                        default: string;
+                    };
                 }>> & {
                     "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -470,10 +491,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 allowedInvalidValue: {
                     type: StringConstructor;
                 };
+                to: {
+                    type: import("vue").PropType<string | false | HTMLElement>;
+                    default: string;
+                };
             }>> & {
                 "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
             }, {
                 updateUnchangedValue: boolean;
+                to: string | false | HTMLElement;
             }>>;
             formatTime: typeof import("./src/utils").formatTime;
             MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
@@ -502,9 +528,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -521,34 +548,52 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 };
                 disabledIds: {
                     type: import("vue").PropType<string[]>;
+                    default: () => never[];
                 };
                 defaultValue: {
-                    type: import("vue").PropType<string[]>;
+                    type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
                 };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: import("./src/types").IState;
+            listRef: import("vue").Ref<any>;
+            keyword: import("vue").Ref<any>;
             showModal: import("vue").Ref<boolean>;
-            checkedIds: import("vue").Ref<(string | number)[]>;
+            checkedOptions: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             options: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             groupName: import("vue").Ref<string>;
+            checkedSourceIds: import("vue").Ref<(string | number)[]>;
+            userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            handleInput: () => void;
+            _disabledIds: import("vue").ComputedRef<any[]>;
+            defaultOptions: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+            }[]>;
+            checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
+            allChecked: import("vue").WritableComputedRef<boolean>;
             handlePositiveClick: () => Promise<void>;
-            renderSourceLabel: ({ option }: {
-                option: import("../../shared/types").AnyObject;
-            }) => JSX.Element;
-            renderTargetList: (props: {
-                onCheck: (checkedValueList: (string | number)[]) => void;
-                checkedOptions: import("../../shared/types").AnyObject[];
-                pattern: string;
-            }) => JSX.Element | null;
+            updateCheckedSourceIds: () => void;
+            handleSourceIdsUpdate: (value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void;
+            closeTag: (id: string) => void;
+            renderTargetList: () => JSX.Element[] | null;
             NModal: any;
             NButton: any;
-            NTransfer: any;
+            NSpace: any;
+            NAvatar: any;
             NIcon: any;
+            NTag: any;
             NInput: any;
+            NCheckbox: any;
+            NCheckboxGroup: any;
+            SearchOutline: 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<{}>>, {}>;
             AddOutline: 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<{}>>, {}>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -564,15 +609,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             mode: string;
             title: string;
+            disabledIds: string[];
         }>;
         PersonAddOutline: 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<{}>>, {}>;
@@ -582,7 +629,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
         isGroupChat: import("vue").ComputedRef<boolean>;
+        contextmenuRef: import("vue").Ref<any>;
         showMenu: import("vue").Ref<boolean>;
+        menuPosition: any;
+        menuMsgId: import("vue").Ref<any>;
         pageInfo: {
             page: number;
             hasMore: boolean;
@@ -593,6 +643,8 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             '--c-tip-gap': string;
         }>;
         getHistoryRecord: () => Promise<void>;
+        handleContextmenu: (event: MouseEvent, msgId: string) => Promise<void>;
+        setMenuPosition: (event: MouseEvent) => Promise<void>;
         showMessage: (item: import("../../shared/types").AnyObject) => boolean;
         showTemplateMsg: (item: import("../../shared/types").AnyObject, type: "template" | "system") => boolean | undefined;
         isTemplate3: (content: import("../../shared/types").AnyObject) => boolean;
@@ -600,12 +652,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         setScrollToButtom: () => Promise<void>;
         resetInfo: () => void;
         setReferenceMsg: (msgItem: import("../../shared/types").AnyObject) => void;
+        handleSelect: (key: string, msgItem: import("../../shared/types").AnyObject) => void;
         NAvatar: any;
         NImageGroup: any;
         NImage: any;
         NIcon: any;
         NButtonGroup: any;
         NButton: any;
+        NFlex: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
                 type: StringConstructor;
@@ -763,18 +817,29 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: BooleanConstructor;
                 default: boolean;
             };
-        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickMenu" | "update:show")[], "clickMenu" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            position: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+            };
+            msgId: {
+                type: StringConstructor;
+            };
+        }, () => JSX.Element | null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show")[], "select" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             show: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            position: {
+                type: import("vue").PropType<import("vue").CSSProperties>;
+            };
+            msgId: {
+                type: StringConstructor;
+            };
         }>> & {
-            onClickMenu?: ((...args: any[]) => any) | undefined;
+            onSelect?: ((...args: any[]) => any) | undefined;
             "onUpdate:show"?: ((...args: any[]) => any) | undefined;
         }, {
             show: boolean;
         }>;
-        downloadFile: typeof import("./src/utils").downloadFile;
         simplifyMessage: typeof import("./src/utils").simplifyMessage;
         isAudioOrVideoMessage: typeof import("./src/utils").isAudioOrVideoMessage;
         getAVTime: typeof import("./src/utils").getAVTime;
@@ -783,10 +848,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         EllipsisHorizontal: 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<{}>>, {}>;
         CallOutline: 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<{}>>, {}>;
         VideocamOutline: 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<{}>>, {}>;
+        DocumentSharp: 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<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
-        content: import("vue").Ref<string>;
         state: import("./src/types").IState;
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -795,6 +860,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }) => Promise<void>;
         isGroupChat: import("vue").ComputedRef<boolean>;
         showEmoji: import("vue").Ref<boolean>;
+        content: import("vue").Ref<string>;
+        chatAddProps: import("vue").ComputedRef<{
+            options: import("../../shared/types").AnyObject[];
+            defaultValue: import("../../shared/types").AnyObject[];
+        }>;
         handleCall: (chatMessageType: string, checkedIds?: never[]) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
@@ -826,9 +896,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -845,34 +916,52 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 };
                 disabledIds: {
                     type: import("vue").PropType<string[]>;
+                    default: () => never[];
                 };
                 defaultValue: {
-                    type: import("vue").PropType<string[]>;
+                    type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
                 };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: import("./src/types").IState;
+            listRef: import("vue").Ref<any>;
+            keyword: import("vue").Ref<any>;
             showModal: import("vue").Ref<boolean>;
-            checkedIds: import("vue").Ref<(string | number)[]>;
+            checkedOptions: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             options: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             groupName: import("vue").Ref<string>;
+            checkedSourceIds: import("vue").Ref<(string | number)[]>;
+            userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            handleInput: () => void;
+            _disabledIds: import("vue").ComputedRef<any[]>;
+            defaultOptions: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+            }[]>;
+            checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
+            allChecked: import("vue").WritableComputedRef<boolean>;
             handlePositiveClick: () => Promise<void>;
-            renderSourceLabel: ({ option }: {
-                option: import("../../shared/types").AnyObject;
-            }) => JSX.Element;
-            renderTargetList: (props: {
-                onCheck: (checkedValueList: (string | number)[]) => void;
-                checkedOptions: import("../../shared/types").AnyObject[];
-                pattern: string;
-            }) => JSX.Element | null;
+            updateCheckedSourceIds: () => void;
+            handleSourceIdsUpdate: (value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void;
+            closeTag: (id: string) => void;
+            renderTargetList: () => JSX.Element[] | null;
             NModal: any;
             NButton: any;
-            NTransfer: any;
+            NSpace: any;
+            NAvatar: any;
             NIcon: any;
+            NTag: any;
             NInput: any;
+            NCheckbox: any;
+            NCheckboxGroup: any;
+            SearchOutline: 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<{}>>, {}>;
             AddOutline: 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<{}>>, {}>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -888,15 +977,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             mode: string;
             title: string;
+            disabledIds: string[];
         }>;
         emojis: {
             default: string[][];
@@ -914,16 +1005,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         inputRef: import("vue").Ref<any>;
         showSearch: import("vue").Ref<boolean>;
         keyword: import("vue").Ref<any>;
-        userList: import("vue").Ref<any>;
         state: import("./src/types").IState;
         openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
-        pageInfo: {
-            page: number;
-            hasMore: boolean;
-        };
+        userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
-        handleSearch: () => Promise<void>;
-        resetAndSearch: () => void;
         addSession: (userId: string) => Promise<void>;
         NPopover: any;
         NButton: any;
@@ -946,9 +1031,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         };
         disabledIds: {
             type: import("vue").PropType<string[]>;
+            default: () => never[];
         };
         defaultValue: {
-            type: import("vue").PropType<string[]>;
+            type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
         };
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -965,34 +1051,52 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
         state: import("./src/types").IState;
+        listRef: import("vue").Ref<any>;
+        keyword: import("vue").Ref<any>;
         showModal: import("vue").Ref<boolean>;
-        checkedIds: import("vue").Ref<(string | number)[]>;
+        checkedOptions: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         options: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         groupName: import("vue").Ref<string>;
+        checkedSourceIds: import("vue").Ref<(string | number)[]>;
+        userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+        handleInput: () => void;
+        _disabledIds: import("vue").ComputedRef<any[]>;
+        defaultOptions: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+        }[]>;
+        checkedIds: import("vue").ComputedRef<any[]>;
         btnDisabled: import("vue").ComputedRef<boolean>;
+        allChecked: import("vue").WritableComputedRef<boolean>;
         handlePositiveClick: () => Promise<void>;
-        renderSourceLabel: ({ option }: {
-            option: import("../../shared/types").AnyObject;
-        }) => JSX.Element;
-        renderTargetList: (props: {
-            onCheck: (checkedValueList: (string | number)[]) => void;
-            checkedOptions: import("../../shared/types").AnyObject[];
-            pattern: string;
-        }) => JSX.Element | null;
+        updateCheckedSourceIds: () => void;
+        handleSourceIdsUpdate: (value: (string | number)[], meta: {
+            actionType: "check" | "uncheck";
+            value: string | number;
+        }) => void;
+        closeTag: (id: string) => void;
+        renderTargetList: () => JSX.Element[] | null;
         NModal: any;
         NButton: any;
-        NTransfer: any;
+        NSpace: any;
+        NAvatar: any;
         NIcon: any;
+        NTag: any;
         NInput: any;
+        NCheckbox: any;
+        NCheckboxGroup: any;
+        SearchOutline: 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<{}>>, {}>;
         AddOutline: 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<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
@@ -1008,15 +1112,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         };
         disabledIds: {
             type: import("vue").PropType<string[]>;
+            default: () => never[];
         };
         defaultValue: {
-            type: import("vue").PropType<string[]>;
+            type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
         };
     }>> & {
         onComfirm?: ((...args: any[]) => any) | undefined;
     }, {
         mode: string;
         title: string;
+        disabledIds: string[];
     }>;
     Video: import("vue").DefineComponent<{}, {
         sendMessage: (message: {
@@ -1038,6 +1144,20 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             timer: any;
             seconds: number;
         };
+        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
+            handleError: import("../../shared/types").AnyFn;
+            handleRemoteUserEnter: import("../../shared/types").AnyFn;
+            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
+            handleRemoteUserExit: import("../../shared/types").AnyFn;
+            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
+        }) => void;
+        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
+            handleError: import("../../shared/types").AnyFn;
+            handleRemoteUserEnter: import("../../shared/types").AnyFn;
+            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
+            handleRemoteUserExit: import("../../shared/types").AnyFn;
+            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
+        }) => void;
         videoRef: import("vue").Ref<any>;
         selfVideoRef: import("vue").Ref<any>;
         isConnect: import("vue").Ref<boolean>;
@@ -1054,8 +1174,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         handleEnter: () => Promise<void>;
         handleFinish: () => void;
         handleExit: () => Promise<void>;
-        installEventHandlers: () => void;
-        uninstallEventHandlers: () => void;
         handleRemoteVideoAvailable: (event: any) => Promise<void>;
         handleRemoteAudioAvailable: (event: any) => void;
         handleRemoteUserEnter: () => void;
@@ -1071,7 +1189,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     MultipleVideo: import("vue").DefineComponent<{}, {
         selfVideoRef: import("vue").Ref<any>;
-        remoteUsers: import("vue").Ref<string[]>;
+        remoteUsers: import("vue").Ref<{
+            id: string;
+            name: string;
+        }[]>;
         state: import("./src/types").IState;
         sendMessage: (message: {
             chatType?: string | undefined;
@@ -1089,6 +1210,20 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         timing: import("vue").Ref<string>;
         toggleVideo: () => Promise<void>;
         videocamOpen: import("vue").Ref<boolean>;
+        installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
+            handleError: import("../../shared/types").AnyFn;
+            handleRemoteUserEnter: import("../../shared/types").AnyFn;
+            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
+            handleRemoteUserExit: import("../../shared/types").AnyFn;
+            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
+        }) => void;
+        uninstallEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
+            handleError: import("../../shared/types").AnyFn;
+            handleRemoteUserEnter: import("../../shared/types").AnyFn;
+            handleRemoteAudioAvailable: import("../../shared/types").AnyFn;
+            handleRemoteUserExit: import("../../shared/types").AnyFn;
+            handleRemoteVideoAvailable: import("../../shared/types").AnyFn;
+        }) => void;
         isConnect: import("vue").Ref<boolean>;
         callUser: import("vue").ComputedRef<any>;
         title: import("vue").ComputedRef<string>;
@@ -1096,14 +1231,12 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         handleCall: () => void;
         handleEnter: () => Promise<void>;
         handleExit: () => Promise<void>;
-        installEventHandlers: () => void;
-        uninstallEventHandlers: () => void;
         handleRemoteVideoAvailable: (event: any) => Promise<void>;
-        handleRemoteAudioAvailable: (event: any) => void;
-        handleRemoteUserEnter: (event: any) => void;
+        handleRemoteAudioAvailable: (event: any) => Promise<void>;
+        handleRemoteUserEnter: (event: any) => Promise<void>;
+        getUserName: (userId: string) => Promise<any>;
         handleRemoteUserExit: (event: any) => void;
         handleError: (error: any) => void;
-        getName: (id: string) => any;
         NButton: any;
         NIcon: any;
         ChatAdd: import("vue").DefineComponent<{
@@ -1120,9 +1253,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -1139,34 +1273,52 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 };
                 disabledIds: {
                     type: import("vue").PropType<string[]>;
+                    default: () => never[];
                 };
                 defaultValue: {
-                    type: import("vue").PropType<string[]>;
+                    type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
                 };
             }>> & {
                 onComfirm?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: import("./src/types").IState;
+            listRef: import("vue").Ref<any>;
+            keyword: import("vue").Ref<any>;
             showModal: import("vue").Ref<boolean>;
-            checkedIds: import("vue").Ref<(string | number)[]>;
+            checkedOptions: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             options: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             groupName: import("vue").Ref<string>;
+            checkedSourceIds: import("vue").Ref<(string | number)[]>;
+            userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            handleInput: () => void;
+            _disabledIds: import("vue").ComputedRef<any[]>;
+            defaultOptions: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+            }[]>;
+            checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
+            allChecked: import("vue").WritableComputedRef<boolean>;
             handlePositiveClick: () => Promise<void>;
-            renderSourceLabel: ({ option }: {
-                option: import("../../shared/types").AnyObject;
-            }) => JSX.Element;
-            renderTargetList: (props: {
-                onCheck: (checkedValueList: (string | number)[]) => void;
-                checkedOptions: import("../../shared/types").AnyObject[];
-                pattern: string;
-            }) => JSX.Element | null;
+            updateCheckedSourceIds: () => void;
+            handleSourceIdsUpdate: (value: (string | number)[], meta: {
+                actionType: "check" | "uncheck";
+                value: string | number;
+            }) => void;
+            closeTag: (id: string) => void;
+            renderTargetList: () => JSX.Element[] | null;
             NModal: any;
             NButton: any;
-            NTransfer: any;
+            NSpace: any;
+            NAvatar: any;
             NIcon: any;
+            NTag: any;
             NInput: any;
+            NCheckbox: any;
+            NCheckboxGroup: any;
+            SearchOutline: 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<{}>>, {}>;
             AddOutline: 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<{}>>, {}>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
@@ -1182,15 +1334,17 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             };
             disabledIds: {
                 type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
             defaultValue: {
-                type: import("vue").PropType<string[]>;
+                type: import("vue").PropType<import("../../shared/types").AnyObject[]>;
             };
         }>> & {
             onComfirm?: ((...args: any[]) => any) | undefined;
         }, {
             mode: string;
             title: string;
+            disabledIds: string[];
         }>;
         Call: 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<{}>>, {}>;
         Videocam: 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<{}>>, {}>;
@@ -1217,10 +1371,18 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
+    chatBox: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultSessionKey: {
+        type: StringConstructor;
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
 }, {
     baseURL: string;
+    chatBox: boolean;
 }>>;
 export default IhoChat;