cnhis-design-vue 3.2.7-release.1 → 3.2.7-release.3

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

@@ -71,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;
     };
@@ -84,7 +83,6 @@ 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;
@@ -105,6 +103,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             all: string;
             unread: string;
         };
+        unreadSessionKeys: string[];
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
         loading: import("vue").Ref<boolean>;
@@ -116,11 +115,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         state: import("./src/types").IState;
         emit: (event: string, ...args: any[]) => void;
         openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
-        unreadTotal: import("vue").ComputedRef<number>;
-        setSessionList: (list: import("../../shared/types").AnyObject[]) => void;
+        updateSessionList: (sessionItem: import("../../shared/types").AnyObject) => void;
         currentWidth: import("vue").ComputedRef<number>;
         sessionList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
-        sessionChange: (sessionItem: import("../../shared/types").AnyObject) => void;
+        unreadTotal: import("vue").ComputedRef<number>;
         changeWidth: ({ distance }: import("../../shared/types").AnyObject) => void;
         handleFilter: (key: string) => void;
         showSession: (item: import("../../shared/types").AnyObject, currentKey?: string) => boolean | undefined;
@@ -147,13 +145,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             defaultValue?: undefined;
         } | {
             mode: string;
-            defaultValue: any[];
+            defaultValue: import("../../shared/types").AnyObject[];
             disabledIds?: undefined;
         }>;
         handleOpenChatFile: (type: string) => void;
         NAvatar: any;
         NIcon: any;
         NButton: any;
+        NTooltip: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
                 type: StringConstructor;
@@ -429,6 +428,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;
@@ -449,6 +452,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;
                 }>>;
@@ -485,10 +492,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;
@@ -517,9 +529,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<{
@@ -536,34 +549,53 @@ 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;
+            NTooltip: 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: {
@@ -579,15 +611,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<{}>>, {}>;
@@ -599,7 +633,8 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         isGroupChat: import("vue").ComputedRef<boolean>;
         contextmenuRef: import("vue").Ref<any>;
         showMenu: import("vue").Ref<boolean>;
-        contextmenuPosition: any;
+        menuPosition: any;
+        menuMsgId: import("vue").Ref<any>;
         pageInfo: {
             page: number;
             hasMore: boolean;
@@ -609,19 +644,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             '--c-tip-top': string;
             '--c-tip-gap': string;
         }>;
-        chatMainBounding: import("vue").ComputedRef<{
-            height: import("vue").Ref<number>;
-            bottom: import("vue").Ref<number>;
-            left: import("vue").Ref<number>;
-            right: import("vue").Ref<number>;
-            top: import("vue").Ref<number>;
-            width: import("vue").Ref<number>;
-            x: import("vue").Ref<number>;
-            y: import("vue").Ref<number>;
-            update: () => void;
-        }>;
         getHistoryRecord: () => Promise<void>;
-        handleContextmenu: (event: MouseEvent) => 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;
@@ -629,12 +654,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;
+        NSpace: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
                 type: StringConstructor;
@@ -795,10 +822,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             position: {
                 type: import("vue").PropType<import("vue").CSSProperties>;
             };
-            exclude: {
-                type: import("vue").PropType<string[]>;
+            msgId: {
+                type: StringConstructor;
             };
-        }, () => JSX.Element, 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<{
+        }, () => 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;
@@ -806,8 +833,8 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             position: {
                 type: import("vue").PropType<import("vue").CSSProperties>;
             };
-            exclude: {
-                type: import("vue").PropType<string[]>;
+            msgId: {
+                type: StringConstructor;
             };
         }>> & {
             onSelect?: ((...args: any[]) => any) | undefined;
@@ -815,7 +842,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }, {
             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;
@@ -824,10 +850,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;
@@ -836,6 +862,12 @@ 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[];
+        }>;
+        btnDisabled: import("vue").ComputedRef<boolean>;
         handleCall: (chatMessageType: string, checkedIds?: never[]) => void;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
@@ -867,9 +899,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<{
@@ -886,34 +919,53 @@ 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;
+            NTooltip: 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: {
@@ -929,15 +981,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[][];
@@ -954,17 +1008,12 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         listRef: import("vue").Ref<any>;
         inputRef: import("vue").Ref<any>;
         showSearch: import("vue").Ref<boolean>;
-        keyword: import("vue").Ref<any>;
-        userList: import("vue").Ref<any>;
+        keyword: import("vue").Ref<string>;
         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;
+        showNoData: import("vue").ComputedRef<boolean>;
         addSession: (userId: string) => Promise<void>;
         NPopover: any;
         NButton: any;
@@ -972,6 +1021,61 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NInput: any;
         NIcon: 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<{}>>, {}>;
+        DefaultPage: SFCWithInstall<import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            config: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                config: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    default: () => {
+                        title: string;
+                        content: string;
+                    };
+                };
+            }>> & {
+                onReloadPage?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "reloadPage", ...args: any[]) => void;
+            configResult: import("vue").ComputedRef<{
+                title: string;
+                content: string;
+                img: string;
+            }>;
+            reloadPage: () => void;
+            NIcon: any;
+            Refresh: 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, "reloadPage"[], "reloadPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            config: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }>> & {
+            onReloadPage?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            config: import("../../shared/types").AnyObject;
+        }>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatAdd: import("vue").DefineComponent<{
         title: {
@@ -987,9 +1091,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<{
@@ -1006,34 +1111,53 @@ 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;
+        NTooltip: 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: {
@@ -1049,15 +1173,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: {
@@ -1079,6 +1205,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>;
@@ -1095,8 +1235,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;
@@ -1112,7 +1250,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;
@@ -1130,6 +1271,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>;
@@ -1137,14 +1292,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<{
@@ -1161,9 +1314,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<{
@@ -1180,34 +1334,53 @@ 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;
+            NTooltip: 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: {
@@ -1223,15 +1396,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<{}>>, {}>;