cnhis-design-vue 3.2.15-beta.2 → 3.2.15-beta.20

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

@@ -20,7 +20,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    defaultSessionKey: {
+    defaultSessionId: {
         type: StringConstructor;
     };
     show: {
@@ -31,6 +31,23 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../shared/types").AnyObject>;
         default: () => {};
     };
+    filterable: {
+        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: {
@@ -53,7 +70,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        defaultSessionKey: {
+        defaultSessionId: {
             type: StringConstructor;
         };
         show: {
@@ -64,6 +81,23 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../shared/types").AnyObject>;
             default: () => {};
         };
+        filterable: {
+            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;
@@ -73,6 +107,8 @@ 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: {
@@ -109,7 +145,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             remark: string;
             content: import("../../shared/types").AnyObject;
         }) => Promise<void>;
-        openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+        openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
         closeSession: () => import("../../shared/types").AnyObject | null;
         getCurrentSession: () => import("../../shared/types").AnyObject | null;
         setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
@@ -137,7 +173,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         currentGroupUser: import("../../shared/types").AnyObject[];
         showMultipleVideo: boolean;
     };
-    openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+    openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
     closeSession: () => import("../../shared/types").AnyObject | null;
     getCurrentSession: () => import("../../shared/types").AnyObject | null;
     isEnded: import("vue").ComputedRef<boolean>;
@@ -155,8 +191,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         unreadSessionKeys: string[];
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
-        loading: import("vue").Ref<boolean>;
-        filterList: import("vue").Ref<{
+        filterListByTag: import("vue").Ref<{
             label: string;
             key: string;
         }[]>;
@@ -165,6 +200,13 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         menuPosition: any;
         sessionId: import("vue").Ref<any>;
         currentFilterKey: import("vue").Ref<string>;
+        datePickerRef: import("vue").Ref<any>;
+        inputRef: import("vue").Ref<any>;
+        dateRange: import("vue").Ref<any>;
+        keyword: import("vue").Ref<string>;
+        showSearch: import("vue").Ref<boolean>;
+        filterList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+        handleInput: () => void;
         state: {
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
@@ -185,7 +227,8 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             showMultipleVideo: boolean;
         };
         unreadTotal: import("vue").ComputedRef<number>;
-        openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+        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;
         currentWidth: import("vue").ComputedRef<number>;
@@ -196,10 +239,16 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         showSession: (item: import("../../shared/types").AnyObject, currentKey?: string) => boolean | undefined;
         handleContextmenu: (event: MouseEvent, id: string) => Promise<void>;
         handleSelect: (key: string, session: import("../../shared/types").AnyObject) => Promise<void>;
-        NSpin: any;
+        handleUpdateShow: (value: boolean) => void;
+        handleClickoutside: (e: Event) => void;
+        handleUpdateDate: (value: string[]) => void;
+        handleSearch: () => void;
         NBadge: any;
         NAvatar: any;
+        NInput: any;
         NTag: any;
+        NIcon: any;
+        NPopover: any;
         ContextMenu: import("vue").DefineComponent<{
             type: {
                 type: StringConstructor;
@@ -243,6 +292,196 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         };
         formatTime: typeof import("./src/utils").formatTime;
         STATUS: typeof import("./src/constants").STATUS;
+        CDatePicker: SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: import("vue").PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            attrs: {
+                [x: string]: unknown;
+            };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                updateUnchangedValue: {
+                    type: BooleanConstructor;
+                };
+                onConfirm: {
+                    type: FunctionConstructor;
+                };
+                formattedValue: {
+                    type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+                to: {
+                    type: import("vue").PropType<string | false | HTMLElement>;
+                    default: string;
+                };
+                holidays: {
+                    type: import("vue").PropType<Date[]>;
+                    default: () => never[];
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:formatted-value", ...args: any[]) => void;
+            datePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null>;
+            panelInstRef: import("vue").Ref<null>;
+            placeholderRef: import("vue").Ref<any>;
+            oldValue: string;
+            currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+            isDateTime: import("vue").ComputedRef<boolean>;
+            formatRef: import("vue").ComputedRef<string>;
+            panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            focus: () => any;
+            blur: () => any;
+            handleConfirm: (target: HTMLInputElement) => void;
+            onUpdateShow: (show: boolean) => Promise<void>;
+            watchers: import("../../shared/types").AnyFn[];
+            stopWatcher: () => void;
+            setHoliday: (show: boolean) => Promise<void>;
+            onConfirm: (...args: any[]) => Promise<void>;
+            isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+            setShortcutValue: (type: "month" | "week") => Promise<void>;
+            NDatePicker: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: import("vue").PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            updateUnchangedValue: boolean;
+            to: string | false | HTMLElement;
+            holidays: Date[];
+        }>>;
+        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<{}>>, {}>;
+        userItemRender: import("vue").DefineComponent<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: import("../../shared/types").AnyObject;
+        }>;
+        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<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
         state: {
@@ -333,7 +572,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
             };
-            openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+            openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -473,7 +712,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                     currentGroupUser: import("../../shared/types").AnyObject[];
                     showMultipleVideo: boolean;
                 };
-                openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+                openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
                 showUserDetail: import("vue").Ref<boolean>;
                 showLargeAvatar: import("vue").Ref<boolean>;
                 showPhone: import("vue").Ref<boolean>;
@@ -541,6 +780,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;
@@ -593,27 +837,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;
@@ -625,8 +883,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;
@@ -759,6 +1023,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;
@@ -811,27 +1080,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 +1126,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;
@@ -1108,6 +1397,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;
@@ -1160,27 +1454,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;
@@ -1192,8 +1500,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;
@@ -1341,7 +1655,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 currentGroupUser: import("../../shared/types").AnyObject[];
                 showMultipleVideo: boolean;
             };
-            openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
+            openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -1528,6 +1842,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;
@@ -1580,27 +1899,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;
@@ -1612,8 +1945,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;
@@ -1734,6 +2073,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;
@@ -1786,27 +2130,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;
@@ -1818,8 +2176,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;
@@ -1888,28 +2252,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
         };
-        openSession: (item: import("../../shared/types").AnyObject) => Promise<void>;
         userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
         currentTabValue: import("vue").Ref<string>;
-        userItemRender: import("vue").DefineComponent<{
-            item: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                default: () => {};
-            };
-        }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            item: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                default: () => {};
-            };
-        }>>, {
-            item: import("../../shared/types").AnyObject;
-        }>;
         groupList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
         showNoData: import("vue").ComputedRef<boolean>;
         showAllNoData: import("vue").ComputedRef<boolean>;
         showGroupNoData: import("vue").ComputedRef<boolean>;
-        addSession: (id: string) => Promise<void>;
+        handleClose: () => void;
         NPopover: any;
         NButton: any;
         NInput: any;
@@ -1973,6 +2323,21 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             config: import("../../shared/types").AnyObject;
         }>>;
+        userItemRender: import("vue").DefineComponent<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: 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: {
@@ -1999,6 +2364,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;
@@ -2051,27 +2421,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;
@@ -2083,8 +2467,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;
@@ -2143,6 +2533,7 @@ 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>;
@@ -2230,6 +2621,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             receiver?: string | undefined;
         }) => Promise<void>;
         trtc: import("trtc-sdk-v5").default;
+        trtcProxy: import("vue").Ref<any>;
         voiceOpen: import("vue").Ref<boolean>;
         isAudio: import("vue").ComputedRef<boolean>;
         isCall: import("vue").ComputedRef<boolean>;
@@ -2294,6 +2686,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;
@@ -2346,27 +2743,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;
@@ -2378,8 +2789,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;
@@ -2442,7 +2859,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    defaultSessionKey: {
+    defaultSessionId: {
         type: StringConstructor;
     };
     show: {
@@ -2453,6 +2870,23 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../shared/types").AnyObject>;
         default: () => {};
     };
+    filterable: {
+        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;
@@ -2460,6 +2894,7 @@ 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;