cnhis-design-vue 3.2.15-beta.9 → 3.2.16-beta.13

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

@@ -35,6 +35,19 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    trtcProxy: {
+        type: import("vue").PropType<string | Partial<{
+            websocketProxy: string;
+            loggerProxy: string;
+            turnServer: {
+                url: string;
+                username?: string | undefined;
+                credential?: string | undefined;
+                credentialType?: string | undefined;
+            }[];
+            iceTransportPolicy: "all" | "relay";
+        }>>;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -72,6 +85,19 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
+        trtcProxy: {
+            type: import("vue").PropType<string | Partial<{
+                websocketProxy: string;
+                loggerProxy: string;
+                turnServer: {
+                    url: string;
+                    username?: string | undefined;
+                    credential?: string | undefined;
+                    credentialType?: string | undefined;
+                }[];
+                iceTransportPolicy: "all" | "relay";
+            }>>;
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -81,10 +107,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     emit: (event: "template-click" | "unread-message-update" | "session-change" | "session-close", ...args: any[]) => void;
     loading: import("vue").Ref<boolean>;
     data: {
+        filterable: import("vue").Ref<any>;
+        trtcProxy: import("vue").Ref<any>;
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock | undefined>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -128,7 +155,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     };
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     state: {
-        filterable: boolean;
         orgId: string | number;
         currentSessionItem: import("../../shared/types").AnyObject;
         id: string;
@@ -182,7 +208,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         filterList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -202,6 +227,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             showMultipleVideo: boolean;
         };
         unreadTotal: import("vue").ComputedRef<number>;
+        filterable: import("vue").Ref<any>;
         openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
         setUpdateSessionItem: (item: import("../../shared/types").AnyObject) => void;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
@@ -294,6 +320,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            isDateDisabled: {
+                type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+            };
         }, {
             attrs: {
                 [x: string]: unknown;
@@ -326,6 +355,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                isDateDisabled: {
+                    type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+                };
             }>> & {
                 "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
             }>>;
@@ -338,6 +370,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             isDateTime: import("vue").ComputedRef<boolean>;
             formatRef: import("vue").ComputedRef<string>;
             panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            _isDateDisabled: import("vue").ComputedRef<(current: number, ...arg: any[]) => boolean>;
             focus: () => any;
             blur: () => any;
             handleConfirm: (target: HTMLInputElement) => void;
@@ -377,6 +410,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 type: StringConstructor;
                 default: string;
             };
+            isDateDisabled: {
+                type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+            };
         }>> & {
             "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
         }, {
@@ -459,7 +495,6 @@ 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<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -507,29 +542,32 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NPopconfirm: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
-                type: StringConstructor;
-                required: true;
+                type: (NumberConstructor | StringConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 userId: {
-                    type: StringConstructor;
-                    required: true;
+                    type: (NumberConstructor | StringConstructor)[];
                 };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
             }>> & {
                 onClose?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -579,13 +617,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             EyeOffOutline: 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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             userId: {
-                type: StringConstructor;
-                required: true;
+                type: (NumberConstructor | StringConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+            };
         }>> & {
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
@@ -596,7 +636,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 [x: string]: unknown;
             };
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -649,29 +688,32 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             ChevronBackOutline: 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<{}>>, {}>;
             PersonProfile: import("vue").DefineComponent<{
                 userId: {
-                    type: StringConstructor;
-                    required: true;
+                    type: (NumberConstructor | StringConstructor)[];
                 };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
             }, {
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     userId: {
-                        type: StringConstructor;
-                        required: true;
+                        type: (NumberConstructor | StringConstructor)[];
                     };
                     disabled: {
                         type: BooleanConstructor;
                         default: boolean;
                     };
+                    userInfo: {
+                        type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    };
                 }>> & {
                     onClose?: ((...args: any[]) => any) | undefined;
                 }>>;
                 emit: (event: "close", ...args: any[]) => void;
                 state: {
-                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -721,13 +763,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 EyeOffOutline: 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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 userId: {
-                    type: StringConstructor;
-                    required: true;
+                    type: (NumberConstructor | StringConstructor)[];
                 };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
             }>> & {
                 onClose?: ((...args: any[]) => any) | undefined;
             }, {
@@ -758,6 +802,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     default: boolean;
                 };
             }, {
+                initialOptions: import("../../shared/types").AnyObject[];
+                tabList: {
+                    key: string;
+                    label: string;
+                }[];
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
                         type: StringConstructor;
@@ -787,7 +836,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
                 state: {
-                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -811,27 +859,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 keyword: import("vue").Ref<string>;
                 showModal: import("vue").Ref<boolean>;
                 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)[]>;
                 remark: import("vue").Ref<string>;
+                currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+                breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
                 userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
                 handleInput: () => void;
                 _disabledIds: import("vue").ComputedRef<any[]>;
-                defaultOptions: import("vue").ComputedRef<{
+                sessionList: import("vue").ComputedRef<{
+                    id: any;
+                    name: any;
+                    avatar: any;
+                    chatType: any;
+                }[]>;
+                friends: import("vue").ComputedRef<{
+                    id: any;
+                    name: any;
+                    avatar: any;
+                    chatType: any;
+                }[]>;
+                groups: import("vue").ComputedRef<{
                     id: any;
                     name: any;
                     avatar: any;
+                    chatType: any;
                 }[]>;
                 checkedIds: import("vue").ComputedRef<any[]>;
                 btnDisabled: import("vue").ComputedRef<boolean>;
                 allChecked: import("vue").WritableComputedRef<boolean>;
+                checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+                currentTabKey: import("vue").ComputedRef<any>;
+                getDisabled: (id: string | number) => boolean;
+                handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+                toggleTab: (item: import("../../shared/types").AnyObject) => void;
+                handleTabBack: () => void;
                 handlePositiveClick: () => Promise<void>;
-                updateCheckedSourceIds: () => void;
-                handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                    actionType: "check" | "uncheck";
-                    value: string | number;
-                }) => void;
                 closeTag: (id: string) => void;
                 NModal: any;
                 NButton: any;
@@ -843,8 +905,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 NCheckbox: any;
                 NCheckboxGroup: any;
                 NTooltip: any;
+                NBreadcrumb: any;
+                NBreadcrumbItem: 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<{}>>, {}>;
+                PersonOutline: 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<{}>>, {}>;
+                PeopleOutline: 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<{}>>, {}>;
+                ChevronBackOutline: 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<{}>>, {}>;
+                last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -899,7 +967,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>> & {}>>;
             cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -978,6 +1045,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     default: boolean;
                 };
             }, {
+                initialOptions: import("../../shared/types").AnyObject[];
+                tabList: {
+                    key: string;
+                    label: string;
+                }[];
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
                         type: StringConstructor;
@@ -1007,7 +1079,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
                 state: {
-                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -1031,27 +1102,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 keyword: import("vue").Ref<string>;
                 showModal: import("vue").Ref<boolean>;
                 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)[]>;
                 remark: import("vue").Ref<string>;
+                currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+                breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
                 userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
                 handleInput: () => void;
                 _disabledIds: import("vue").ComputedRef<any[]>;
-                defaultOptions: import("vue").ComputedRef<{
+                sessionList: import("vue").ComputedRef<{
+                    id: any;
+                    name: any;
+                    avatar: any;
+                    chatType: any;
+                }[]>;
+                friends: import("vue").ComputedRef<{
                     id: any;
                     name: any;
                     avatar: any;
+                    chatType: any;
+                }[]>;
+                groups: import("vue").ComputedRef<{
+                    id: any;
+                    name: any;
+                    avatar: any;
+                    chatType: any;
                 }[]>;
                 checkedIds: import("vue").ComputedRef<any[]>;
                 btnDisabled: import("vue").ComputedRef<boolean>;
                 allChecked: import("vue").WritableComputedRef<boolean>;
+                checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+                currentTabKey: import("vue").ComputedRef<any>;
+                getDisabled: (id: string | number) => boolean;
+                handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+                toggleTab: (item: import("../../shared/types").AnyObject) => void;
+                handleTabBack: () => void;
                 handlePositiveClick: () => Promise<void>;
-                updateCheckedSourceIds: () => void;
-                handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                    actionType: "check" | "uncheck";
-                    value: string | number;
-                }) => void;
                 closeTag: (id: string) => void;
                 NModal: any;
                 NButton: any;
@@ -1063,8 +1148,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 NCheckbox: any;
                 NCheckboxGroup: any;
                 NTooltip: any;
+                NBreadcrumb: any;
+                NBreadcrumbItem: 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<{}>>, {}>;
+                PersonOutline: 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<{}>>, {}>;
+                PeopleOutline: 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<{}>>, {}>;
+                ChevronBackOutline: 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<{}>>, {}>;
+                last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
             }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1125,7 +1216,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 };
             }>> & {}>>;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1200,6 +1290,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                isDateDisabled: {
+                    type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+                };
             }, {
                 attrs: {
                     [x: string]: unknown;
@@ -1232,6 +1325,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                         type: StringConstructor;
                         default: string;
                     };
+                    isDateDisabled: {
+                        type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+                    };
                 }>> & {
                     "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
                 }>>;
@@ -1244,6 +1340,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 isDateTime: import("vue").ComputedRef<boolean>;
                 formatRef: import("vue").ComputedRef<string>;
                 panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+                _isDateDisabled: import("vue").ComputedRef<(current: number, ...arg: any[]) => boolean>;
                 focus: () => any;
                 blur: () => any;
                 handleConfirm: (target: HTMLInputElement) => void;
@@ -1283,6 +1380,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     type: StringConstructor;
                     default: string;
                 };
+                isDateDisabled: {
+                    type: import("vue").PropType<(current: number, ...arg: any[]) => boolean>;
+                };
             }>> & {
                 "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
             }, {
@@ -1329,6 +1429,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: import("../../shared/types").AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1358,7 +1463,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1382,27 +1486,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             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)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             handleInput: () => void;
             _disabledIds: import("vue").ComputedRef<any[]>;
-            defaultOptions: import("vue").ComputedRef<{
+            sessionList: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            friends: import("vue").ComputedRef<{
                 id: any;
                 name: any;
                 avatar: any;
+                chatType: any;
+            }[]>;
+            groups: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
             }[]>;
             checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
             allChecked: import("vue").WritableComputedRef<boolean>;
+            checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+            currentTabKey: import("vue").ComputedRef<any>;
+            getDisabled: (id: string | number) => boolean;
+            handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+            toggleTab: (item: import("../../shared/types").AnyObject) => void;
+            handleTabBack: () => void;
             handlePositiveClick: () => Promise<void>;
-            updateCheckedSourceIds: () => void;
-            handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                actionType: "check" | "uncheck";
-                value: string | number;
-            }) => void;
             closeTag: (id: string) => void;
             NModal: any;
             NButton: any;
@@ -1414,8 +1532,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             NCheckbox: any;
             NCheckboxGroup: any;
             NTooltip: any;
+            NBreadcrumb: any;
+            NBreadcrumbItem: 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<{}>>, {}>;
+            PersonOutline: 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<{}>>, {}>;
+            PeopleOutline: 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<{}>>, {}>;
+            ChevronBackOutline: 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<{}>>, {}>;
+            last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -1455,7 +1579,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -1513,7 +1636,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         resetInfo: () => void;
         setReferenceMsg: (msgItem: import("../../shared/types").AnyObject) => void;
         handleSelect: (key: string, msgItem: import("../../shared/types").AnyObject) => void;
-        handleRelay: (checkedIds: string[], remark: string) => void;
+        handleRelay: ({ checkedIds, remark }: {
+            checkedIds: string[];
+            remark: string;
+        }) => void;
         reEdit: (item: import("../../shared/types").AnyObject) => void;
         NAvatar: any;
         NImageGroup: any;
@@ -1524,29 +1650,32 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NSpace: any;
         PersonProfile: import("vue").DefineComponent<{
             userId: {
-                type: StringConstructor;
-                required: true;
+                type: (NumberConstructor | StringConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+            };
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 userId: {
-                    type: StringConstructor;
-                    required: true;
+                    type: (NumberConstructor | StringConstructor)[];
                 };
                 disabled: {
                     type: BooleanConstructor;
                     default: boolean;
                 };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
             }>> & {
                 onClose?: ((...args: any[]) => any) | undefined;
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1596,13 +1725,15 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             EyeOffOutline: 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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             userId: {
-                type: StringConstructor;
-                required: true;
+                type: (NumberConstructor | StringConstructor)[];
             };
             disabled: {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+            };
         }>> & {
             onClose?: ((...args: any[]) => any) | undefined;
         }, {
@@ -1686,6 +1817,140 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 required: true;
             };
         }>>, {}>;
+        MessageEvent: import("vue").DefineComponent<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            state: {
+                orgId: string | number;
+                currentSessionItem: import("../../shared/types").AnyObject;
+                id: string;
+                userInfo: import("../../shared/types").AnyObject;
+                msgList: import("../../shared/types").AnyObject[];
+                currentMsg: import("../../shared/types").AnyObject;
+                isAppendMsg: boolean;
+                sessionList: import("../../shared/types").AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: import("../../shared/types").AnyObject;
+                isUpdateSession: boolean;
+                currentReferenceMsg: import("../../shared/types").AnyObject | null;
+                currentReEditMsg: import("../../shared/types").AnyObject | null;
+                showVideo: boolean;
+                currentAVMsg: import("../../shared/types").AnyObject;
+                currentGroupUser: import("../../shared/types").AnyObject[];
+                showMultipleVideo: boolean;
+            };
+            inviter: import("vue").Ref<any>;
+            invitee: import("vue").Ref<any[]>;
+            isValidJSON: (str: string) => boolean;
+            getTask: (_id: string | number, arrRes: import("../../shared/types").AnyObject[]) => () => Promise<unknown>;
+            getEventContent: (data: import("../../shared/types").AnyObject) => Promise<void>;
+            NButton: any;
+            PersonProfile: import("vue").DefineComponent<{
+                userId: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
+            }, {
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    userId: {
+                        type: (NumberConstructor | StringConstructor)[];
+                    };
+                    disabled: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    userInfo: {
+                        type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    };
+                }>> & {
+                    onClose?: ((...args: any[]) => any) | undefined;
+                }>>;
+                emit: (event: "close", ...args: any[]) => void;
+                state: {
+                    orgId: string | number;
+                    currentSessionItem: import("../../shared/types").AnyObject;
+                    id: string;
+                    userInfo: import("../../shared/types").AnyObject;
+                    msgList: import("../../shared/types").AnyObject[];
+                    currentMsg: import("../../shared/types").AnyObject;
+                    isAppendMsg: boolean;
+                    sessionList: import("../../shared/types").AnyObject[];
+                    isChangeSession: boolean;
+                    updateSessionItem: import("../../shared/types").AnyObject;
+                    isUpdateSession: boolean;
+                    currentReferenceMsg: import("../../shared/types").AnyObject | null;
+                    currentReEditMsg: import("../../shared/types").AnyObject | null;
+                    showVideo: boolean;
+                    currentAVMsg: import("../../shared/types").AnyObject;
+                    currentGroupUser: import("../../shared/types").AnyObject[];
+                    showMultipleVideo: boolean;
+                };
+                openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
+                showUserDetail: import("vue").Ref<boolean>;
+                showLargeAvatar: import("vue").Ref<boolean>;
+                showPhone: import("vue").Ref<boolean>;
+                userDetail: import("../../shared/types").AnyObject;
+                info: {
+                    label: string;
+                    value: string;
+                    key: string;
+                }[];
+                personInfo: import("vue").ComputedRef<{
+                    label: string;
+                    value: string;
+                    key: string;
+                }[]>;
+                toOpenSession: () => Promise<void>;
+                updateShow: (value: boolean) => Promise<void>;
+                getContent: (info: import("../../shared/types").AnyObject) => any;
+                onChange: (options: {
+                    file: import("naive-ui").UploadFileInfo;
+                }) => Promise<void>;
+                NAvatar: any;
+                NPopover: any;
+                NButton: any;
+                NIcon: any;
+                ChatbubbleEllipses: 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<{}>>, {}>;
+                EyeOutline: 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<{}>>, {}>;
+                EyeOffOutline: 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, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                userId: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+                disabled: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                };
+            }>> & {
+                onClose?: ((...args: any[]) => any) | undefined;
+            }, {
+                disabled: boolean;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
         emojis: {
             default: string[][];
             findEmoji(name: string): any;
@@ -1752,6 +2017,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: import("../../shared/types").AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1781,7 +2051,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1805,27 +2074,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             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)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             handleInput: () => void;
             _disabledIds: import("vue").ComputedRef<any[]>;
-            defaultOptions: import("vue").ComputedRef<{
+            sessionList: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            friends: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            groups: import("vue").ComputedRef<{
                 id: any;
                 name: any;
                 avatar: any;
+                chatType: any;
             }[]>;
             checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
             allChecked: import("vue").WritableComputedRef<boolean>;
+            checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+            currentTabKey: import("vue").ComputedRef<any>;
+            getDisabled: (id: string | number) => boolean;
+            handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+            toggleTab: (item: import("../../shared/types").AnyObject) => void;
+            handleTabBack: () => void;
             handlePositiveClick: () => Promise<void>;
-            updateCheckedSourceIds: () => void;
-            handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                actionType: "check" | "uncheck";
-                value: string | number;
-            }) => void;
             closeTag: (id: string) => void;
             NModal: any;
             NButton: any;
@@ -1837,8 +2120,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             NCheckbox: any;
             NCheckboxGroup: any;
             NTooltip: any;
+            NBreadcrumb: any;
+            NBreadcrumbItem: 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<{}>>, {}>;
+            PersonOutline: 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<{}>>, {}>;
+            PeopleOutline: 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<{}>>, {}>;
+            ChevronBackOutline: 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<{}>>, {}>;
+            last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -1885,7 +2174,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -1960,6 +2248,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: import("../../shared/types").AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1989,7 +2282,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -2013,27 +2305,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             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)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             handleInput: () => void;
             _disabledIds: import("vue").ComputedRef<any[]>;
-            defaultOptions: import("vue").ComputedRef<{
+            sessionList: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            friends: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            groups: import("vue").ComputedRef<{
                 id: any;
                 name: any;
                 avatar: any;
+                chatType: any;
             }[]>;
             checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
             allChecked: import("vue").WritableComputedRef<boolean>;
+            checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+            currentTabKey: import("vue").ComputedRef<any>;
+            getDisabled: (id: string | number) => boolean;
+            handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+            toggleTab: (item: import("../../shared/types").AnyObject) => void;
+            handleTabBack: () => void;
             handlePositiveClick: () => Promise<void>;
-            updateCheckedSourceIds: () => void;
-            handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                actionType: "check" | "uncheck";
-                value: string | number;
-            }) => void;
             closeTag: (id: string) => void;
             NModal: any;
             NButton: any;
@@ -2045,8 +2351,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             NCheckbox: any;
             NCheckboxGroup: any;
             NTooltip: any;
+            NBreadcrumb: any;
+            NBreadcrumbItem: 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<{}>>, {}>;
+            PersonOutline: 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<{}>>, {}>;
+            PeopleOutline: 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<{}>>, {}>;
+            ChevronBackOutline: 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<{}>>, {}>;
+            last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -2097,7 +2409,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         keyword: import("vue").Ref<string>;
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2228,6 +2539,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             default: boolean;
         };
     }, {
+        initialOptions: import("../../shared/types").AnyObject[];
+        tabList: {
+            key: string;
+            label: string;
+        }[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -2257,7 +2573,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2281,27 +2596,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         keyword: import("vue").Ref<string>;
         showModal: import("vue").Ref<boolean>;
         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)[]>;
         remark: import("vue").Ref<string>;
+        currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+        breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
         _disabledIds: import("vue").ComputedRef<any[]>;
-        defaultOptions: import("vue").ComputedRef<{
+        sessionList: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
+        }[]>;
+        friends: import("vue").ComputedRef<{
             id: any;
             name: any;
             avatar: any;
+            chatType: any;
+        }[]>;
+        groups: import("vue").ComputedRef<{
+            id: any;
+            name: any;
+            avatar: any;
+            chatType: any;
         }[]>;
         checkedIds: import("vue").ComputedRef<any[]>;
         btnDisabled: import("vue").ComputedRef<boolean>;
         allChecked: import("vue").WritableComputedRef<boolean>;
+        checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+        currentTabKey: import("vue").ComputedRef<any>;
+        getDisabled: (id: string | number) => boolean;
+        handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+        toggleTab: (item: import("../../shared/types").AnyObject) => void;
+        handleTabBack: () => void;
         handlePositiveClick: () => Promise<void>;
-        updateCheckedSourceIds: () => void;
-        handleSourceIdsUpdate: (value: (string | number)[], meta: {
-            actionType: "check" | "uncheck";
-            value: string | number;
-        }) => void;
         closeTag: (id: string) => void;
         NModal: any;
         NButton: any;
@@ -2313,8 +2642,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         NCheckbox: any;
         NCheckboxGroup: any;
         NTooltip: any;
+        NBreadcrumb: any;
+        NBreadcrumbItem: 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<{}>>, {}>;
+        PersonOutline: 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<{}>>, {}>;
+        PeopleOutline: 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<{}>>, {}>;
+        ChevronBackOutline: 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<{}>>, {}>;
+        last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
         title: {
             type: StringConstructor;
@@ -2355,7 +2690,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             receiver?: string | undefined;
         }) => Promise<void>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2374,9 +2708,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
         };
+        trtcProxy: import("vue").Ref<any>;
         trtc: import("trtc-sdk-v5").default;
         timing: import("vue").Ref<string>;
-        voiceOpen: import("vue").Ref<boolean>;
+        voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
@@ -2437,7 +2772,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             name: string;
         }[]>;
         state: {
-            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2462,7 +2796,8 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             receiver?: string | undefined;
         }) => Promise<void>;
         trtc: import("trtc-sdk-v5").default;
-        voiceOpen: import("vue").Ref<boolean>;
+        trtcProxy: import("vue").Ref<any>;
+        voiceClose: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
         startTimer: () => void;
@@ -2471,7 +2806,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         messageTypeText: import("vue").ComputedRef<"语音" | "视频">;
         timing: import("vue").Ref<string>;
         toggleVideo: () => Promise<void>;
-        videocamOpen: import("vue").Ref<boolean>;
+        videocamClose: import("vue").Ref<boolean>;
         installEventHandlers: ({ handleError, handleRemoteUserEnter, handleRemoteAudioAvailable, handleRemoteUserExit, handleRemoteVideoAvailable }: {
             handleError: import("../../shared/types").AnyFn;
             handleRemoteUserEnter: import("../../shared/types").AnyFn;
@@ -2489,7 +2824,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         isConnect: import("vue").Ref<boolean>;
         callUser: import("vue").ComputedRef<any>;
         title: import("vue").ComputedRef<string>;
-        handleAddPerson: (checkedIds: string[]) => void;
+        handleAddPerson: ({ checkedIds, checkedOptions }: {
+            checkedIds: string[];
+            checkedOptions: import("../../shared/types").AnyObject[];
+        }) => void;
         handleCall: () => void;
         handleEnter: () => Promise<void>;
         handleExit: () => Promise<void>;
@@ -2526,6 +2864,11 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: import("../../shared/types").AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -2555,7 +2898,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
-                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -2579,27 +2921,41 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             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)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+            breadcrumbList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
             handleInput: () => void;
             _disabledIds: import("vue").ComputedRef<any[]>;
-            defaultOptions: import("vue").ComputedRef<{
+            sessionList: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            friends: import("vue").ComputedRef<{
+                id: any;
+                name: any;
+                avatar: any;
+                chatType: any;
+            }[]>;
+            groups: import("vue").ComputedRef<{
                 id: any;
                 name: any;
                 avatar: any;
+                chatType: any;
             }[]>;
             checkedIds: import("vue").ComputedRef<any[]>;
             btnDisabled: import("vue").ComputedRef<boolean>;
             allChecked: import("vue").WritableComputedRef<boolean>;
+            checkedSourceIds: import("vue").WritableComputedRef<any[]>;
+            currentTabKey: import("vue").ComputedRef<any>;
+            getDisabled: (id: string | number) => boolean;
+            handleClickCheckbox: (option: import("../../shared/types").AnyObject) => Promise<void>;
+            toggleTab: (item: import("../../shared/types").AnyObject) => void;
+            handleTabBack: () => void;
             handlePositiveClick: () => Promise<void>;
-            updateCheckedSourceIds: () => void;
-            handleSourceIdsUpdate: (value: (string | number)[], meta: {
-                actionType: "check" | "uncheck";
-                value: string | number;
-            }) => void;
             closeTag: (id: string) => void;
             NModal: any;
             NButton: any;
@@ -2611,8 +2967,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             NCheckbox: any;
             NCheckboxGroup: any;
             NTooltip: any;
+            NBreadcrumb: any;
+            NBreadcrumbItem: 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<{}>>, {}>;
+            PersonOutline: 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<{}>>, {}>;
+            PeopleOutline: 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<{}>>, {}>;
+            ChevronBackOutline: 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<{}>>, {}>;
+            last: <T>(array: import("lodash").List<T> | null | undefined) => T | undefined;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "comfirm"[], "comfirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -2690,6 +3052,19 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    trtcProxy: {
+        type: import("vue").PropType<string | Partial<{
+            websocketProxy: string;
+            loggerProxy: string;
+            turnServer: {
+                url: string;
+                username?: string | undefined;
+                credential?: string | undefined;
+                credentialType?: string | undefined;
+            }[];
+            iceTransportPolicy: "all" | "relay";
+        }>>;
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -2697,9 +3072,9 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     "onSession-close"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    filterable: boolean;
     showHeader: boolean;
     baseURL: string;
     extraParams: import("../../shared/types").AnyObject;
-    filterable: boolean;
 }>>;
 export default IhoChat;