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

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    defaultSessionKey: {
+    defaultSessionId: {
         type: StringConstructor;
     };
     show: {
@@ -32,6 +32,23 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trtcProxy: {
+        type: 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: {
@@ -54,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
             type: BooleanConstructor;
             default: boolean;
         };
-        defaultSessionKey: {
+        defaultSessionId: {
             type: StringConstructor;
         };
         show: {
@@ -65,6 +82,23 @@ declare const _default: import("vue").DefineComponent<{
             type: PropType<AnyObject>;
             default: () => {};
         };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        trtcProxy: {
+            type: 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;
@@ -74,6 +108,8 @@ declare const _default: 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<AnyObject>;
         stompClient: import("vue").Ref<import("./utils/chatSock").ChatSock | undefined>;
         state: {
@@ -110,7 +146,7 @@ declare const _default: import("vue").DefineComponent<{
             remark: string;
             content: AnyObject;
         }) => Promise<void>;
-        openSession: (item: AnyObject) => Promise<void>;
+        openSession: (session: string | AnyObject) => Promise<void>;
         closeSession: () => AnyObject | null;
         getCurrentSession: () => AnyObject | null;
         setCurrentSessionItem: (item: AnyObject) => void;
@@ -138,7 +174,7 @@ declare const _default: import("vue").DefineComponent<{
         currentGroupUser: AnyObject[];
         showMultipleVideo: boolean;
     };
-    openSession: (item: AnyObject) => Promise<void>;
+    openSession: (session: string | AnyObject) => Promise<void>;
     closeSession: () => AnyObject | null;
     getCurrentSession: () => AnyObject | null;
     isEnded: import("vue").ComputedRef<boolean>;
@@ -156,8 +192,7 @@ declare const _default: 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;
         }[]>;
@@ -166,6 +201,13 @@ declare const _default: 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<AnyObject[]>;
+        handleInput: () => void;
         state: {
             orgId: string | number;
             currentSessionItem: AnyObject;
@@ -186,7 +228,8 @@ declare const _default: import("vue").DefineComponent<{
             showMultipleVideo: boolean;
         };
         unreadTotal: import("vue").ComputedRef<number>;
-        openSession: (item: AnyObject) => Promise<void>;
+        filterable: import("vue").Ref<any>;
+        openSession: (session: string | AnyObject) => Promise<void>;
         setUpdateSessionItem: (item: AnyObject) => void;
         setCurrentSessionItem: (item: AnyObject) => void;
         currentWidth: import("vue").ComputedRef<number>;
@@ -197,10 +240,16 @@ declare const _default: import("vue").DefineComponent<{
         showSession: (item: AnyObject, currentKey?: string) => boolean | undefined;
         handleContextmenu: (event: MouseEvent, id: string) => Promise<void>;
         handleSelect: (key: string, session: 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;
@@ -244,6 +293,196 @@ declare const _default: import("vue").DefineComponent<{
         };
         formatTime: typeof import("./utils").formatTime;
         STATUS: typeof import("./constants").STATUS;
+        CDatePicker: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: 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: PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+                to: {
+                    type: PropType<string | false | HTMLElement>;
+                    default: string;
+                };
+                holidays: {
+                    type: 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<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: PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: 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: PropType<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: PropType<AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: AnyObject;
+        }>;
+        DefaultPage: import("../../../shared/types").SFCWithInstall<import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            config: {
+                type: PropType<AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                config: {
+                    type: PropType<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: PropType<AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }>> & {
+            onReloadPage?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            config: 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: {
@@ -334,7 +573,7 @@ declare const _default: import("vue").DefineComponent<{
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
             };
-            openSession: (item: AnyObject) => Promise<void>;
+            openSession: (session: string | AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -474,7 +713,7 @@ declare const _default: import("vue").DefineComponent<{
                     currentGroupUser: AnyObject[];
                     showMultipleVideo: boolean;
                 };
-                openSession: (item: AnyObject) => Promise<void>;
+                openSession: (session: string | AnyObject) => Promise<void>;
                 showUserDetail: import("vue").Ref<boolean>;
                 showLargeAvatar: import("vue").Ref<boolean>;
                 showPhone: import("vue").Ref<boolean>;
@@ -542,6 +781,11 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }, {
+                initialOptions: AnyObject[];
+                tabList: {
+                    key: string;
+                    label: string;
+                }[];
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
                         type: StringConstructor;
@@ -594,27 +838,41 @@ declare const _default: import("vue").DefineComponent<{
                 keyword: import("vue").Ref<string>;
                 showModal: import("vue").Ref<boolean>;
                 checkedOptions: import("vue").Ref<AnyObject[]>;
-                options: import("vue").Ref<AnyObject[]>;
                 groupName: import("vue").Ref<string>;
-                checkedSourceIds: import("vue").Ref<(string | number)[]>;
                 remark: import("vue").Ref<string>;
+                currentTab: import("vue").Ref<AnyObject[]>;
+                breadcrumbList: import("vue").Ref<AnyObject[]>;
                 userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+                toggleTab: (item: 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;
@@ -626,8 +884,14 @@ declare const _default: 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;
@@ -760,6 +1024,11 @@ declare const _default: import("vue").DefineComponent<{
                     default: boolean;
                 };
             }, {
+                initialOptions: AnyObject[];
+                tabList: {
+                    key: string;
+                    label: string;
+                }[];
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                     title: {
                         type: StringConstructor;
@@ -812,27 +1081,41 @@ declare const _default: import("vue").DefineComponent<{
                 keyword: import("vue").Ref<string>;
                 showModal: import("vue").Ref<boolean>;
                 checkedOptions: import("vue").Ref<AnyObject[]>;
-                options: import("vue").Ref<AnyObject[]>;
                 groupName: import("vue").Ref<string>;
-                checkedSourceIds: import("vue").Ref<(string | number)[]>;
                 remark: import("vue").Ref<string>;
+                currentTab: import("vue").Ref<AnyObject[]>;
+                breadcrumbList: import("vue").Ref<AnyObject[]>;
                 userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+                toggleTab: (item: 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;
@@ -844,8 +1127,14 @@ declare const _default: 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;
@@ -1109,6 +1398,11 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1161,27 +1455,41 @@ declare const _default: import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             checkedOptions: import("vue").Ref<AnyObject[]>;
-            options: import("vue").Ref<AnyObject[]>;
             groupName: import("vue").Ref<string>;
-            checkedSourceIds: import("vue").Ref<(string | number)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<AnyObject[]>;
+            breadcrumbList: import("vue").Ref<AnyObject[]>;
             userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+            toggleTab: (item: 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;
@@ -1193,8 +1501,14 @@ declare const _default: 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;
@@ -1342,7 +1656,7 @@ declare const _default: import("vue").DefineComponent<{
                 currentGroupUser: AnyObject[];
                 showMultipleVideo: boolean;
             };
-            openSession: (item: AnyObject) => Promise<void>;
+            openSession: (session: string | AnyObject) => Promise<void>;
             showUserDetail: import("vue").Ref<boolean>;
             showLargeAvatar: import("vue").Ref<boolean>;
             showPhone: import("vue").Ref<boolean>;
@@ -1529,6 +1843,11 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1581,27 +1900,41 @@ declare const _default: import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             checkedOptions: import("vue").Ref<AnyObject[]>;
-            options: import("vue").Ref<AnyObject[]>;
             groupName: import("vue").Ref<string>;
-            checkedSourceIds: import("vue").Ref<(string | number)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<AnyObject[]>;
+            breadcrumbList: import("vue").Ref<AnyObject[]>;
             userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+            toggleTab: (item: 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;
@@ -1613,8 +1946,14 @@ declare const _default: 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;
@@ -1735,6 +2074,11 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -1787,27 +2131,41 @@ declare const _default: import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             checkedOptions: import("vue").Ref<AnyObject[]>;
-            options: import("vue").Ref<AnyObject[]>;
             groupName: import("vue").Ref<string>;
-            checkedSourceIds: import("vue").Ref<(string | number)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<AnyObject[]>;
+            breadcrumbList: import("vue").Ref<AnyObject[]>;
             userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+            toggleTab: (item: 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;
@@ -1819,8 +2177,14 @@ declare const _default: 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;
@@ -1889,28 +2253,14 @@ declare const _default: import("vue").DefineComponent<{
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
         };
-        openSession: (item: AnyObject) => Promise<void>;
         userList: import("vue").Ref<AnyObject[]>;
         handleInput: () => void;
         currentTabValue: import("vue").Ref<string>;
-        userItemRender: import("vue").DefineComponent<{
-            item: {
-                type: PropType<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: PropType<AnyObject>;
-                default: () => {};
-            };
-        }>>, {
-            item: AnyObject;
-        }>;
         groupList: import("vue").ComputedRef<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;
@@ -1974,6 +2324,21 @@ declare const _default: import("vue").DefineComponent<{
             type: string;
             config: AnyObject;
         }>>;
+        userItemRender: import("vue").DefineComponent<{
+            item: {
+                type: PropType<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: PropType<AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: 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: {
@@ -2000,6 +2365,11 @@ declare const _default: import("vue").DefineComponent<{
             default: boolean;
         };
     }, {
+        initialOptions: AnyObject[];
+        tabList: {
+            key: string;
+            label: string;
+        }[];
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
             title: {
                 type: StringConstructor;
@@ -2052,27 +2422,41 @@ declare const _default: import("vue").DefineComponent<{
         keyword: import("vue").Ref<string>;
         showModal: import("vue").Ref<boolean>;
         checkedOptions: import("vue").Ref<AnyObject[]>;
-        options: import("vue").Ref<AnyObject[]>;
         groupName: import("vue").Ref<string>;
-        checkedSourceIds: import("vue").Ref<(string | number)[]>;
         remark: import("vue").Ref<string>;
+        currentTab: import("vue").Ref<AnyObject[]>;
+        breadcrumbList: import("vue").Ref<AnyObject[]>;
         userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+        toggleTab: (item: 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;
@@ -2084,8 +2468,14 @@ declare const _default: 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;
@@ -2144,6 +2534,7 @@ declare const _default: import("vue").DefineComponent<{
             currentGroupUser: AnyObject[];
             showMultipleVideo: boolean;
         };
+        trtcProxy: import("vue").Ref<any>;
         trtc: import("trtc-sdk-v5").default;
         timing: import("vue").Ref<string>;
         voiceOpen: import("vue").Ref<boolean>;
@@ -2231,6 +2622,7 @@ declare const _default: 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>;
@@ -2295,6 +2687,11 @@ declare const _default: import("vue").DefineComponent<{
                 default: boolean;
             };
         }, {
+            initialOptions: AnyObject[];
+            tabList: {
+                key: string;
+                label: string;
+            }[];
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
                 title: {
                     type: StringConstructor;
@@ -2347,27 +2744,41 @@ declare const _default: import("vue").DefineComponent<{
             keyword: import("vue").Ref<string>;
             showModal: import("vue").Ref<boolean>;
             checkedOptions: import("vue").Ref<AnyObject[]>;
-            options: import("vue").Ref<AnyObject[]>;
             groupName: import("vue").Ref<string>;
-            checkedSourceIds: import("vue").Ref<(string | number)[]>;
             remark: import("vue").Ref<string>;
+            currentTab: import("vue").Ref<AnyObject[]>;
+            breadcrumbList: import("vue").Ref<AnyObject[]>;
             userList: import("vue").Ref<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: AnyObject) => Promise<void>;
+            toggleTab: (item: 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;
@@ -2379,8 +2790,14 @@ declare const _default: 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;
@@ -2443,7 +2860,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    defaultSessionKey: {
+    defaultSessionId: {
         type: StringConstructor;
     };
     show: {
@@ -2454,6 +2871,23 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<AnyObject>;
         default: () => {};
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    trtcProxy: {
+        type: 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;
@@ -2461,6 +2895,7 @@ declare const _default: import("vue").DefineComponent<{
     "onSession-close"?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    filterable: boolean;
     showHeader: boolean;
     baseURL: string;
     extraParams: AnyObject;