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

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

@@ -1,528 +1,47 @@
 import { SFCWithInstall } from '../../shared/types';
 declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
-    data: {
-        type: import("vue").PropType<{
-            chatType: string | number;
-            orgId: string;
-            userId: string;
-            name: string;
-            userType: string;
-            source: string | number;
-        }>;
-        default: () => {};
+    token: {
+        type: StringConstructor;
+        required: true;
+    };
+    userId: {
+        type: StringConstructor;
+        required: true;
     };
     baseURL: {
         type: StringConstructor;
-        defalut: string;
+        default: string;
     };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: import("vue").PropType<{
-                chatType: string | number;
-                orgId: string;
-                userId: string;
-                name: string;
-                userType: string;
-                source: string | number;
-            }>;
-            default: () => {};
+        token: {
+            type: StringConstructor;
+            required: true;
+        };
+        userId: {
+            type: StringConstructor;
+            required: true;
         };
         baseURL: {
             type: StringConstructor;
-            defalut: string;
+            default: string;
         };
-    }>> & {}>>;
-    collapsed: import("vue").Ref<boolean>;
+    }>> & {
+        "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+        "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+    }>>;
+    emit: (event: "template-click" | "message-subscribe", ...args: any[]) => void;
+    cssVars: import("vue").ComputedRef<import("vue").CSSProperties>;
     loading: import("vue").Ref<boolean>;
-    stompClient: import("./src/utils/chatSock").ChatSock | null;
+    stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock | undefined>;
     state: import("../../shared/types").AnyObject;
+    reConnention: number;
     init: () => Promise<void>;
     initWebSocket: () => void;
+    subscribeSessionList: () => void;
     subscribeSession: () => void;
     subscribeMessage: () => void;
-    subscribeMessageRecord: () => void;
-    handleAccess: () => Promise<void>;
-    readMessage: () => Promise<void>;
-    setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
-    setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
-    setCurrentMsg: (msgObj: import("../../shared/types").AnyObject) => void;
-    setIsAppendMsg: (isAppendMsg: boolean) => void;
-    setSessionList: (sessionList: import("../../shared/types").AnyObject[]) => void;
-    setIsChangeSession: (isChangeSession: boolean) => void;
-    setIsUpdateSession: (isUpdateSession: boolean) => void;
-    onUpdateCollapsed: (_collapsed: boolean) => Promise<void>;
     NLayout: any;
-    NLayoutSider: import("vue").DefineComponent<{
-        position: {
-            readonly type: import("vue").PropType<"absolute" | "static">;
-            readonly default: "static";
-        };
-        bordered: BooleanConstructor;
-        collapsedWidth: {
-            readonly type: NumberConstructor;
-            readonly default: 48;
-        };
-        width: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly default: 272;
-        };
-        contentStyle: {
-            readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
-            readonly default: "";
-        };
-        collapseMode: {
-            readonly type: import("vue").PropType<"transform" | "width">;
-            readonly default: "transform";
-        };
-        collapsed: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        defaultCollapsed: BooleanConstructor;
-        showCollapsedContent: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        showTrigger: {
-            readonly type: import("vue").PropType<boolean | "bar" | "arrow-circle">;
-            readonly default: false;
-        };
-        nativeScrollbar: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        inverted: BooleanConstructor;
-        scrollbarProps: import("vue").PropType<Partial<import("naive-ui/es/_internal").ScrollbarProps> & {
-            style: import("vue").CSSProperties;
-        }>;
-        triggerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        collapsedTriggerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        'onUpdate:collapsed': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onUpdateCollapsed: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onAfterEnter: import("vue").PropType<() => void>;
-        onAfterLeave: import("vue").PropType<() => void>;
-        onExpand: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<() => void>>;
-        onCollapse: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<() => void>>;
-        onScroll: import("vue").PropType<(e: Event) => void>;
-        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>;
-        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>>;
-    }, {
-        scrollTo: ((options: ScrollToOptions) => void) & ((x: number, y: number) => void);
-        scrollableElRef: import("vue").Ref<HTMLElement | null>;
-        scrollbarInstRef: import("vue").Ref<{
-            $el: HTMLElement;
-            containerRef: HTMLElement | null;
-            contentRef: HTMLElement | null;
-            containerScrollTop: number;
-            syncUnifiedContainer: () => void;
-            scrollTo: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollTo;
-            scrollBy: import("naive-ui/es/_internal/scrollbar/src/Scrollbar").ScrollBy;
-            sync: () => void;
-            handleMouseEnterWrapper: () => void;
-            handleMouseLeaveWrapper: () => void;
-        } | null>;
-        mergedClsPrefix: import("vue").ComputedRef<string>;
-        mergedTheme: import("vue").ComputedRef<{
-            common: {
-                baseColor: string;
-                primaryColor: string;
-                primaryColorHover: string;
-                primaryColorPressed: string;
-                primaryColorSuppl: string;
-                infoColor: string;
-                infoColorHover: string;
-                infoColorPressed: string;
-                infoColorSuppl: string;
-                successColor: string;
-                successColorHover: string;
-                successColorPressed: string;
-                successColorSuppl: string;
-                warningColor: string;
-                warningColorHover: string;
-                warningColorPressed: string;
-                warningColorSuppl: string;
-                errorColor: string;
-                errorColorHover: string;
-                errorColorPressed: string;
-                errorColorSuppl: string;
-                textColorBase: string;
-                textColor1: string;
-                textColor2: string;
-                textColor3: string;
-                textColorDisabled: string;
-                placeholderColor: string;
-                placeholderColorDisabled: string;
-                iconColor: string;
-                iconColorHover: string;
-                iconColorPressed: string;
-                iconColorDisabled: string;
-                opacity1: string;
-                opacity2: string;
-                opacity3: string;
-                opacity4: string;
-                opacity5: string;
-                dividerColor: string;
-                borderColor: string;
-                closeIconColor: string;
-                closeIconColorHover: string;
-                closeIconColorPressed: string;
-                closeColorHover: string;
-                closeColorPressed: string;
-                clearColor: string;
-                clearColorHover: string;
-                clearColorPressed: string;
-                scrollbarColor: string;
-                scrollbarColorHover: string;
-                scrollbarWidth: string;
-                scrollbarHeight: string;
-                scrollbarBorderRadius: string;
-                progressRailColor: string;
-                railColor: string;
-                popoverColor: string;
-                tableColor: string;
-                cardColor: string;
-                modalColor: string;
-                bodyColor: string;
-                tagColor: string;
-                avatarColor: string;
-                invertedColor: string;
-                inputColor: string;
-                codeColor: string;
-                tabColor: string;
-                actionColor: string;
-                tableHeaderColor: string;
-                hoverColor: string;
-                tableColorHover: string;
-                tableColorStriped: string;
-                pressedColor: string;
-                opacityDisabled: string;
-                inputColorDisabled: string;
-                buttonColor2: string;
-                buttonColor2Hover: string;
-                buttonColor2Pressed: string;
-                boxShadow1: string;
-                boxShadow2: string;
-                boxShadow3: string;
-                fontFamily: string;
-                fontFamilyMono: string;
-                fontWeight: string;
-                fontWeightStrong: string;
-                cubicBezierEaseInOut: string;
-                cubicBezierEaseOut: string;
-                cubicBezierEaseIn: string;
-                borderRadius: string;
-                borderRadiusSmall: string;
-                fontSize: string;
-                fontSizeMini: string;
-                fontSizeTiny: string;
-                fontSizeSmall: string;
-                fontSizeMedium: string;
-                fontSizeLarge: string;
-                fontSizeHuge: string;
-                lineHeight: string;
-                heightMini: string;
-                heightTiny: string;
-                heightSmall: string;
-                heightMedium: string;
-                heightLarge: string;
-                heightHuge: string;
-                name: "common";
-            };
-            self: {
-                textColor: string;
-                textColorInverted: string;
-                color: string;
-                colorEmbedded: string;
-                headerColor: string;
-                headerColorInverted: string;
-                footerColor: string;
-                footerColorInverted: string;
-                headerBorderColor: string;
-                headerBorderColorInverted: string;
-                footerBorderColor: string;
-                footerBorderColorInverted: string;
-                siderBorderColor: string;
-                siderBorderColorInverted: string;
-                siderColor: string;
-                siderColorInverted: string;
-                siderToggleButtonBorder: string;
-                siderToggleButtonColor: string;
-                siderToggleButtonIconColor: string;
-                siderToggleButtonIconColorInverted: string;
-                siderToggleBarColor: string;
-                siderToggleBarColorHover: string;
-                __invertScrollbar: string;
-            };
-            peers: {
-                Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                    color: string;
-                    colorHover: string;
-                }, any>;
-            };
-            peerOverrides: {
-                Scrollbar?: {
-                    peers?: {
-                        [x: string]: any;
-                    } | undefined;
-                } | undefined;
-            };
-        }>;
-        styleMaxWidth: import("vue").ComputedRef<string>;
-        mergedCollapsed: import("vue").ComputedRef<boolean>;
-        scrollContainerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-        siderPlacement: import("vue").ComputedRef<"left" | "right">;
-        handleNativeElScroll: (e: Event) => void;
-        handleTransitionend: (e: TransitionEvent) => void;
-        handleTriggerClick: () => void;
-        inlineThemeDisabled: boolean | undefined;
-        cssVars: import("vue").ComputedRef<any>;
-        themeClass: import("vue").Ref<string> | undefined;
-        onRender: (() => void) | undefined;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        position: {
-            readonly type: import("vue").PropType<"absolute" | "static">;
-            readonly default: "static";
-        };
-        bordered: BooleanConstructor;
-        collapsedWidth: {
-            readonly type: NumberConstructor;
-            readonly default: 48;
-        };
-        width: {
-            readonly type: import("vue").PropType<string | number>;
-            readonly default: 272;
-        };
-        contentStyle: {
-            readonly type: import("vue").PropType<string | import("vue").CSSProperties>;
-            readonly default: "";
-        };
-        collapseMode: {
-            readonly type: import("vue").PropType<"transform" | "width">;
-            readonly default: "transform";
-        };
-        collapsed: {
-            readonly type: import("vue").PropType<boolean | undefined>;
-            readonly default: undefined;
-        };
-        defaultCollapsed: BooleanConstructor;
-        showCollapsedContent: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        showTrigger: {
-            readonly type: import("vue").PropType<boolean | "bar" | "arrow-circle">;
-            readonly default: false;
-        };
-        nativeScrollbar: {
-            readonly type: BooleanConstructor;
-            readonly default: true;
-        };
-        inverted: BooleanConstructor;
-        scrollbarProps: import("vue").PropType<Partial<import("naive-ui/es/_internal").ScrollbarProps> & {
-            style: import("vue").CSSProperties;
-        }>;
-        triggerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        collapsedTriggerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
-        'onUpdate:collapsed': import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onUpdateCollapsed: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<(value: boolean) => void>>;
-        onAfterEnter: import("vue").PropType<() => void>;
-        onAfterLeave: import("vue").PropType<() => void>;
-        onExpand: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<() => void>>;
-        onCollapse: import("vue").PropType<import("naive-ui/es/_utils").MaybeArray<() => void>>;
-        onScroll: import("vue").PropType<(e: Event) => void>;
-        theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>;
-        themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>>;
-        builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Layout", {
-            textColor: string;
-            textColorInverted: string;
-            color: string;
-            colorEmbedded: string;
-            headerColor: string;
-            headerColorInverted: string;
-            footerColor: string;
-            footerColorInverted: string;
-            headerBorderColor: string;
-            headerBorderColorInverted: string;
-            footerBorderColor: string;
-            footerBorderColorInverted: string;
-            siderBorderColor: string;
-            siderBorderColorInverted: string;
-            siderColor: string;
-            siderColorInverted: string;
-            siderToggleButtonBorder: string;
-            siderToggleButtonColor: string;
-            siderToggleButtonIconColor: string;
-            siderToggleButtonIconColorInverted: string;
-            siderToggleBarColor: string;
-            siderToggleBarColorHover: string;
-            __invertScrollbar: string;
-        }, {
-            Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
-                color: string;
-                colorHover: string;
-            }, any>;
-        }>>>;
-    }>>, {
-        position: "absolute" | "static";
-        width: string | number;
-        bordered: boolean;
-        contentStyle: string | import("vue").CSSProperties;
-        inverted: boolean;
-        collapsed: boolean | undefined;
-        nativeScrollbar: boolean;
-        collapsedWidth: number;
-        collapseMode: "transform" | "width";
-        defaultCollapsed: boolean;
-        showCollapsedContent: boolean;
-        showTrigger: boolean | "bar" | "arrow-circle";
-    }>;
     NLayoutContent: import("vue").DefineComponent<{
         embedded: BooleanConstructor;
         position: {
@@ -924,100 +443,926 @@ declare const BiuniqueChat: SFCWithInstall<import("vue").DefineComponent<{
         siderPlacement: "left" | "right";
     }>;
     NSpin: any;
-    SiderList: import("vue").DefineComponent<{
-        collapsed: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-    }, {
-        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            collapsed: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-        }>> & {}>>;
-        state: import("../../shared/types").AnyObject;
-        setCurrentSessionItem: Function;
-        setSessionList: Function;
-        setIsChangeSession: Function;
-        setIsUpdateSession: Function;
+    NConfigProvider: any;
+    SiderList: import("vue").DefineComponent<{}, {
+        flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
         keyword: import("vue").Ref<string>;
         sessionList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         loading: import("vue").Ref<boolean>;
-        pageNum: number;
-        init: () => void;
+        filterList: import("vue").Ref<{
+            label: string;
+            key: string;
+            number: number;
+        }[]>;
+        currentFilterKey: import("vue").Ref<string>;
+        state: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: string;
+            userInfo: import("../../shared/types").AnyObject;
+            msgList: import("../../shared/types").AnyObject[];
+            currentMsg: import("../../shared/types").AnyObject;
+            isAppendMsg: boolean;
+            sessionList: import("../../shared/types").AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: import("../../shared/types").AnyObject;
+            isUpdateSession: boolean;
+        };
+        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+        currentWidth: import("vue").ComputedRef<number>;
         handleSearch: () => void;
-        getMySessionList: () => Promise<void>;
         entrySession: (item: import("../../shared/types").AnyObject) => void;
         sessionChange: (sessionItem: import("../../shared/types").AnyObject) => void;
+        changeWidth: ({ distance }: import("../../shared/types").AnyObject) => void;
+        handleFilter: (key: string) => void;
         NSpin: any;
         NBadge: any;
         NAvatar: any;
-        NInput: any;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        collapsed: {
-            type: BooleanConstructor;
-            default: boolean;
+        NTag: any;
+        vFlexibleResize: {
+            mounted(el: any, { value }: any): void;
+            beforeUnmount(el: any): void;
         };
-    }>>, {
-        collapsed: boolean;
-    }>;
+        formatTime: typeof import("./src/utils").formatTime;
+    }, {}, {}, {}, 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: import("../../shared/types").AnyObject;
+        state: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: string;
+            userInfo: import("../../shared/types").AnyObject;
+            msgList: import("../../shared/types").AnyObject[];
+            currentMsg: import("../../shared/types").AnyObject;
+            isAppendMsg: boolean;
+            sessionList: import("../../shared/types").AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: import("../../shared/types").AnyObject;
+            isUpdateSession: boolean;
+        };
+        showChatSet: import("vue").Ref<boolean>;
+        showChatFile: import("vue").Ref<boolean>;
+        chatFileType: import("vue").Ref<string>;
+        showChatRecord: import("vue").Ref<boolean>;
         username: import("vue").ComputedRef<any>;
+        handleOpenChatFile: (type: string) => void;
         NAvatar: any;
+        PersonProfile: import("vue").DefineComponent<{
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            showLargeAvatar: import("vue").Ref<boolean>;
+            showPhone: import("vue").Ref<boolean>;
+            personInfo: import("vue").ComputedRef<({
+                label: string;
+                content: string;
+                key?: undefined;
+            } | {
+                label: string;
+                content: string;
+                key: string;
+            })[]>;
+            getContent: (info: import("../../shared/types").AnyObject) => any;
+            onFinish: (options: {
+                file: import("naive-ui").UploadFileInfo;
+            }) => void;
+            onChange: (options: {
+                file: import("naive-ui").UploadFileInfo;
+            }) => void;
+            NAvatar: any;
+            NPopover: any;
+            NButton: any;
+            NIcon: any;
+            NUpload: any;
+            NUploadTrigger: import("vue").DefineComponent<{
+                abstract: BooleanConstructor;
+            }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                abstract: BooleanConstructor;
+            }>>, {
+                abstract: boolean;
+            }>;
+            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            Camera: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
+        ChatSet: import("vue").DefineComponent<{}, {
+            state: {
+                currentSessionItem: import("../../shared/types").AnyObject;
+                sessionKey: string;
+                userInfo: import("../../shared/types").AnyObject;
+                msgList: import("../../shared/types").AnyObject[];
+                currentMsg: import("../../shared/types").AnyObject;
+                isAppendMsg: boolean;
+                sessionList: import("../../shared/types").AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: import("../../shared/types").AnyObject;
+                isUpdateSession: boolean;
+            };
+            setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+            handleTopping: (value: boolean) => Promise<void>;
+            NDrawer: any;
+            NDrawerContent: import("vue").DefineComponent<{
+                title: {
+                    type: StringConstructor;
+                };
+                headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                nativeScrollbar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollbarProps: import("vue").PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+                closable: BooleanConstructor;
+            }, {
+                handleCloseClick: () => void;
+                mergedTheme: import("vue").Ref<{
+                    common: {
+                        baseColor: string;
+                        primaryColor: string;
+                        primaryColorHover: string;
+                        primaryColorPressed: string;
+                        primaryColorSuppl: string;
+                        infoColor: string;
+                        infoColorHover: string;
+                        infoColorPressed: string;
+                        infoColorSuppl: string;
+                        successColor: string;
+                        successColorHover: string;
+                        successColorPressed: string;
+                        successColorSuppl: string;
+                        warningColor: string;
+                        warningColorHover: string;
+                        warningColorPressed: string;
+                        warningColorSuppl: string;
+                        errorColor: string;
+                        errorColorHover: string;
+                        errorColorPressed: string;
+                        errorColorSuppl: string;
+                        textColorBase: string;
+                        textColor1: string;
+                        textColor2: string;
+                        textColor3: string;
+                        textColorDisabled: string;
+                        placeholderColor: string;
+                        placeholderColorDisabled: string;
+                        iconColor: string;
+                        iconColorHover: string;
+                        iconColorPressed: string;
+                        iconColorDisabled: string;
+                        opacity1: string;
+                        opacity2: string;
+                        opacity3: string;
+                        opacity4: string;
+                        opacity5: string;
+                        dividerColor: string;
+                        borderColor: string;
+                        closeIconColor: string;
+                        closeIconColorHover: string;
+                        closeIconColorPressed: string;
+                        closeColorHover: string;
+                        closeColorPressed: string;
+                        clearColor: string;
+                        clearColorHover: string;
+                        clearColorPressed: string;
+                        scrollbarColor: string;
+                        scrollbarColorHover: string;
+                        scrollbarWidth: string;
+                        scrollbarHeight: string;
+                        scrollbarBorderRadius: string;
+                        progressRailColor: string;
+                        railColor: string;
+                        popoverColor: string;
+                        tableColor: string;
+                        cardColor: string;
+                        modalColor: string;
+                        bodyColor: string;
+                        tagColor: string;
+                        avatarColor: string;
+                        invertedColor: string;
+                        inputColor: string;
+                        codeColor: string;
+                        tabColor: string;
+                        actionColor: string;
+                        tableHeaderColor: string;
+                        hoverColor: string;
+                        tableColorHover: string;
+                        tableColorStriped: string;
+                        pressedColor: string;
+                        opacityDisabled: string;
+                        inputColorDisabled: string;
+                        buttonColor2: string;
+                        buttonColor2Hover: string;
+                        buttonColor2Pressed: string;
+                        boxShadow1: string;
+                        boxShadow2: string;
+                        boxShadow3: string;
+                        fontFamily: string;
+                        fontFamilyMono: string;
+                        fontWeight: string;
+                        fontWeightStrong: string;
+                        cubicBezierEaseInOut: string;
+                        cubicBezierEaseOut: string;
+                        cubicBezierEaseIn: string;
+                        borderRadius: string;
+                        borderRadiusSmall: string;
+                        fontSize: string;
+                        fontSizeMini: string;
+                        fontSizeTiny: string;
+                        fontSizeSmall: string;
+                        fontSizeMedium: string;
+                        fontSizeLarge: string;
+                        fontSizeHuge: string;
+                        lineHeight: string;
+                        heightMini: string;
+                        heightTiny: string;
+                        heightSmall: string;
+                        heightMedium: string;
+                        heightLarge: string;
+                        heightHuge: string;
+                        name: "common";
+                    };
+                    self: {
+                        bodyPadding: string;
+                        headerPadding: string;
+                        footerPadding: string;
+                        color: string;
+                        textColor: string;
+                        titleTextColor: string;
+                        titleFontSize: string;
+                        titleFontWeight: string;
+                        boxShadow: string;
+                        lineHeight: string;
+                        headerBorderBottom: string;
+                        footerBorderTop: string;
+                        closeIconColor: string;
+                        closeIconColorHover: string;
+                        closeIconColorPressed: string;
+                        closeSize: string;
+                        closeIconSize: string;
+                        closeColorHover: string;
+                        closeColorPressed: string;
+                        closeBorderRadius: string;
+                        resizableTriggerColorHover: string;
+                    };
+                    peers: {
+                        Scrollbar: import("naive-ui/es/_mixins").Theme<"Scrollbar", {
+                            color: string;
+                            colorHover: string;
+                        }, any>;
+                    };
+                    peerOverrides: {
+                        Scrollbar?: {
+                            peers?: {
+                                [x: string]: any;
+                            } | undefined;
+                        } | undefined;
+                    };
+                }>;
+                mergedClsPrefix: import("vue").Ref<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                title: {
+                    type: StringConstructor;
+                };
+                headerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                footerStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                bodyStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                bodyContentStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+                nativeScrollbar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                scrollbarProps: import("vue").PropType<import("naive-ui/es/_internal").ScrollbarProps>;
+                closable: BooleanConstructor;
+            }>>, {
+                closable: boolean;
+                nativeScrollbar: boolean;
+            }>;
+            NAvatar: any;
+            NIcon: any;
+            NSwitch: any;
+            ChevronForwardOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            PersonProfile: import("vue").DefineComponent<{
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }, {
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    userInfo: {
+                        type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                        required: true;
+                    };
+                }>> & {}>>;
+                showLargeAvatar: import("vue").Ref<boolean>;
+                showPhone: import("vue").Ref<boolean>;
+                personInfo: import("vue").ComputedRef<({
+                    label: string;
+                    content: string;
+                    key?: undefined;
+                } | {
+                    label: string;
+                    content: string;
+                    key: string;
+                })[]>;
+                getContent: (info: import("../../shared/types").AnyObject) => any;
+                onFinish: (options: {
+                    file: import("naive-ui").UploadFileInfo;
+                }) => void;
+                onChange: (options: {
+                    file: import("naive-ui").UploadFileInfo;
+                }) => void;
+                NAvatar: any;
+                NPopover: any;
+                NButton: any;
+                NIcon: any;
+                NUpload: any;
+                NUploadTrigger: import("vue").DefineComponent<{
+                    abstract: BooleanConstructor;
+                }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                    abstract: BooleanConstructor;
+                }>>, {
+                    abstract: boolean;
+                }>;
+                ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                Camera: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+                EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>>, {}>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        ChatFile: import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {}>>;
+            imageList: {
+                label: string;
+                data: string[];
+            }[];
+            fileList: {
+                name: string;
+                size: string;
+                time: string;
+                sender: string;
+            }[];
+            title: import("vue").ComputedRef<"聊天图片" | "聊天文件">;
+            getDetail: (item: import("../../shared/types").AnyObject) => string;
+            NModal: any;
+            NImageGroup: import("vue").DefineComponent<{
+                showToolbar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showToolbarTooltip: BooleanConstructor;
+                theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>;
+                themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>>;
+                builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>>;
+            }, {
+                mergedClsPrefix: import("vue").ComputedRef<string>;
+                previewInstRef: import("vue").Ref<{
+                    setThumbnailEl: (e: HTMLImageElement | null) => void;
+                    setPreviewSrc: (src?: string | undefined) => void;
+                    toggleShow: () => void;
+                } | null>;
+                next: () => void;
+                prev: () => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                showToolbar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                showToolbarTooltip: BooleanConstructor;
+                theme: import("vue").PropType<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>;
+                themeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>>;
+                builtinThemeOverrides: import("vue").PropType<import("naive-ui/es/_mixins/use-theme").ExtractThemeOverrides<import("naive-ui/es/_mixins").Theme<"Image", {
+                    toolbarIconColor: string;
+                    toolbarColor: string;
+                    toolbarBoxShadow: string;
+                    toolbarBorderRadius: string;
+                }, {
+                    Tooltip: import("naive-ui/es/_mixins").Theme<"Tooltip", {
+                        borderRadius: string;
+                        boxShadow: string;
+                        color: string;
+                        textColor: string;
+                        padding: string;
+                    }, {
+                        Popover: import("naive-ui/es/_mixins").Theme<"Popover", {
+                            fontSize: string;
+                            borderRadius: string;
+                            color: string;
+                            dividerColor: string;
+                            textColor: string;
+                            boxShadow: string;
+                            space: string;
+                            spaceArrow: string;
+                            arrowOffset: string;
+                            arrowOffsetVertical: string;
+                            arrowHeight: string;
+                            padding: string;
+                        }, any>;
+                    }>;
+                }>>>;
+            }>>, {
+                showToolbar: boolean;
+                showToolbarTooltip: boolean;
+            }>;
+            NImage: any;
+            NInput: any;
+            NIcon: any;
+            SearchOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            OpenOutline: 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<{}>>, {}>;
+            DownloadOutline: 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, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>>, {
+            type: string;
+        }>;
+        ChatRecord: import("vue").DefineComponent<{}, {
+            tagColor: {
+                color: string;
+                textColor: string;
+            };
+            state: {
+                currentSessionItem: import("../../shared/types").AnyObject;
+                sessionKey: string;
+                userInfo: import("../../shared/types").AnyObject;
+                msgList: import("../../shared/types").AnyObject[];
+                currentMsg: import("../../shared/types").AnyObject;
+                isAppendMsg: boolean;
+                sessionList: import("../../shared/types").AnyObject[];
+                isChangeSession: boolean;
+                updateSessionItem: import("../../shared/types").AnyObject;
+                isUpdateSession: boolean;
+            };
+            options: {
+                label: any;
+                value: any;
+                avatar: any;
+            }[];
+            user: import("vue").Ref<never[]>;
+            startTime: import("vue").Ref<any>;
+            endTime: import("vue").Ref<any>;
+            getPrefixCondition: () => (JSX.Element | null)[];
+            renderLabel: (option: import("../../shared/types").AnyObject) => JSX.Element;
+            NModal: any;
+            NTag: any;
+            NInput: any;
+            NSelect: any;
+            NAvatar: any;
+            NPopover: any;
+            DatePicker: 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;
+                };
+            }, {
+                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;
+                    };
+                }>> & {
+                    "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>;
+                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>;
+                onConfirm: (...args: any[]) => Promise<void>;
+                isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+                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;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }, {
+                updateUnchangedValue: boolean;
+            }>>;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatMain: import("vue").DefineComponent<{}, {
-        state: import("../../shared/types").AnyObject;
-        setMsgList: Function;
-        setIsAppendMsg: Function;
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
+        state: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: string;
+            userInfo: import("../../shared/types").AnyObject;
+            msgList: import("../../shared/types").AnyObject[];
+            currentMsg: import("../../shared/types").AnyObject;
+            isAppendMsg: boolean;
+            sessionList: import("../../shared/types").AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: import("../../shared/types").AnyObject;
+            isUpdateSession: boolean;
+        };
+        setMsgList: (list?: import("../../shared/types").AnyObject[]) => void;
+        page: number;
         getHistoryRecord: () => Promise<void>;
-        accessSession: (lastSessionId: string) => Promise<void>;
-        isNeedShowTime: (item: import("../../shared/types").AnyObject, index: number) => boolean;
+        accessSession: () => Promise<void>;
+        showSystemMsg: (item: import("../../shared/types").AnyObject) => boolean;
+        needShowTime: (item: import("../../shared/types").AnyObject, index: number) => boolean;
         setScrollToButtom: () => Promise<void>;
+        getIntervalMsgTime: (time: string) => string;
         NAvatar: any;
+        PersonProfile: import("vue").DefineComponent<{
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                userInfo: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            showLargeAvatar: import("vue").Ref<boolean>;
+            showPhone: import("vue").Ref<boolean>;
+            personInfo: import("vue").ComputedRef<({
+                label: string;
+                content: string;
+                key?: undefined;
+            } | {
+                label: string;
+                content: string;
+                key: string;
+            })[]>;
+            getContent: (info: import("../../shared/types").AnyObject) => any;
+            onFinish: (options: {
+                file: import("naive-ui").UploadFileInfo;
+            }) => void;
+            onChange: (options: {
+                file: import("naive-ui").UploadFileInfo;
+            }) => void;
+            NAvatar: any;
+            NPopover: any;
+            NButton: any;
+            NIcon: any;
+            NUpload: any;
+            NUploadTrigger: import("vue").DefineComponent<{
+                abstract: BooleanConstructor;
+            }, () => JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[] | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                abstract: BooleanConstructor;
+            }>>, {
+                abstract: boolean;
+            }>;
+            ChatbubbleEllipses: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            Close: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            Camera: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            EyeOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+            EyeOffOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            userInfo: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
+        MessageTemplate: import("vue").DefineComponent<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                data: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    required: true;
+                };
+            }>> & {}>>;
+            emit: (event: string, ...args: any[]) => void;
+            setting: import("vue").ComputedRef<any>;
+            serverSetting: import("vue").ComputedRef<any>;
+            topRightButton: import("vue").ComputedRef<any>;
+            contentList: import("vue").ComputedRef<any>;
+            toolbarButton: import("vue").ComputedRef<any>;
+            bottomButton: import("vue").ComputedRef<any>;
+            contentParams: import("vue").ComputedRef<any>;
+            getSystemMsgContent: () => any;
+            handleTemplateClick: (data: import("../../shared/types").AnyObject) => void;
+            NButton: any;
+            NIcon: any;
+            ChevronForwardOutline: 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<{}>>, {}>;
+            AlertCircleSharp: 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<{}>>, {}>;
+            SvgIcon: import("vue").DefineComponent<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }, {
+                props: {
+                    iconClass: string;
+                    title: string;
+                    className?: string | undefined;
+                };
+                iconName: import("vue").ComputedRef<string>;
+                svgClass: import("vue").ComputedRef<string>;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+                iconClass: {
+                    type: StringConstructor;
+                    required: true;
+                    default: string;
+                };
+                title: {
+                    type: StringConstructor;
+                    required: false;
+                    default: string;
+                };
+                className: {
+                    type: StringConstructor;
+                    required: false;
+                };
+            }>>, {
+                title: string;
+                iconClass: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            data: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                required: true;
+            };
+        }>>, {}>;
+        images: any[];
+        MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
-        state: import("../../shared/types").AnyObject;
-        setCurrentMsg: Function;
-        setIsAppendMsg: Function;
-        setCurrentSessionItem: Function;
-        setIsChangeSession: Function;
         content: import("vue").Ref<string>;
+        state: {
+            currentSessionItem: import("../../shared/types").AnyObject;
+            sessionKey: string;
+            userInfo: import("../../shared/types").AnyObject;
+            msgList: import("../../shared/types").AnyObject[];
+            currentMsg: import("../../shared/types").AnyObject;
+            isAppendMsg: boolean;
+            sessionList: import("../../shared/types").AnyObject[];
+            isChangeSession: boolean;
+            updateSessionItem: import("../../shared/types").AnyObject;
+            isUpdateSession: boolean;
+        };
+        setCurrentSessionItem: (item: import("../../shared/types").AnyObject) => void;
+        stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock>;
         handleKeyDown: (event: KeyboardEvent) => void;
         isWrap: (event: KeyboardEvent) => boolean;
         handleInput: () => void;
         handleMsgSend: () => void;
-        sendMessage: () => Promise<void>;
+        sendMessage: (contentInfo: import("../../shared/types").AnyObject) => Promise<void>;
         NButton: any;
+        NPopover: any;
+        NTooltip: any;
+        images: any[];
+        alt: string[];
+        MESSAGE_TYPE: typeof import("./src/constants").MESSAGE_TYPE;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    data: {
-        type: import("vue").PropType<{
-            chatType: string | number;
-            orgId: string;
-            userId: string;
-            name: string;
-            userType: string;
-            source: string | number;
-        }>;
-        default: () => {};
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("template-click" | "message-subscribe")[], "template-click" | "message-subscribe", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    token: {
+        type: StringConstructor;
+        required: true;
     };
-    baseURL: {
+    userId: {
         type: StringConstructor;
-        defalut: string;
+        required: true;
     };
-}>>, {
-    data: {
-        chatType: string | number;
-        orgId: string;
-        userId: string;
-        name: string;
-        userType: string;
-        source: string | number;
+    baseURL: {
+        type: StringConstructor;
+        default: string;
     };
+}>> & {
+    "onTemplate-click"?: ((...args: any[]) => any) | undefined;
+    "onMessage-subscribe"?: ((...args: any[]) => any) | undefined;
+}, {
+    baseURL: string;
 }>>;
 export default BiuniqueChat;