npm - @vunk/plus - Versions diffs - 1.8.2 → 1.8.4 - Mend

@vunk/plus 1.8.2 → 1.8.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/components/chat-independent/src/index.vue.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import type { __VkBubbleList } from '@vunk/plus/components/bubble-list';
 import type { __VkBubbleTemplates } from '@vunk/plus/components/bubble-templates';
+import { nextTick } from 'vue';
 import { InputType } from './const';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
@@ -87,9 +88,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         onSubmit?: ((_: import("../../recorder-button/src/types").SubmitRawEvent) => any) | undefined;
         onSubmitText?: ((text: string) => any) | undefined;
     }>, {
+        appendTo: any;
         disabled: boolean;
         onTextZone: import("../../recorder-button/src/types").OnTextZone;
-        appendTo: any;
         speechToText: import("../../recorder-button/src/types").SpeechToText;
         submitToText: boolean;
     }, {}, {
@@ -103,7 +104,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 readonly disabled: BooleanConstructor;
                 readonly type: {
-                    readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                    readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -117,7 +118,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly nativeType: {
-                    readonly type: import("vue").PropType<"submit" | "button" | "reset">;
+                    readonly type: import("vue").PropType<"reset" | "submit" | "button">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -196,14 +197,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+                readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
                 readonly tag: string | import("vue").Component;
                 readonly plain: boolean;
                 readonly autoInsertSpace: boolean;
-                readonly nativeType: "submit" | "button" | "reset";
+                readonly nativeType: "reset" | "submit" | "button";
                 readonly loadingIcon: string | import("vue").Component;
             }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                 P: {};
@@ -221,7 +222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 readonly disabled: BooleanConstructor;
                 readonly type: {
-                    readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                    readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -235,7 +236,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly nativeType: {
-                    readonly type: import("vue").PropType<"submit" | "button" | "reset">;
+                    readonly type: import("vue").PropType<"reset" | "submit" | "button">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -312,14 +313,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 readonly disabled: boolean;
                 readonly round: boolean;
                 readonly dark: boolean;
-                readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+                readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
                 readonly bg: boolean;
                 readonly loading: boolean;
                 readonly autofocus: boolean;
                 readonly tag: string | import("vue").Component;
                 readonly plain: boolean;
                 readonly autoInsertSpace: boolean;
-                readonly nativeType: "submit" | "button" | "reset";
+                readonly nativeType: "reset" | "submit" | "button";
                 readonly loadingIcon: string | import("vue").Component;
             }>;
             __isFragment?: never;
@@ -334,7 +335,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             readonly disabled: BooleanConstructor;
             readonly type: {
-                readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -348,7 +349,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 __epPropKey: true;
             };
             readonly nativeType: {
-                readonly type: import("vue").PropType<"submit" | "button" | "reset">;
+                readonly type: import("vue").PropType<"reset" | "submit" | "button">;
                 readonly required: false;
                 readonly validator: ((val: unknown) => boolean) | undefined;
                 __epPropKey: true;
@@ -427,14 +428,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disabled: boolean;
             readonly round: boolean;
             readonly dark: boolean;
-            readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+            readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
             readonly bg: boolean;
             readonly loading: boolean;
             readonly autofocus: boolean;
             readonly tag: string | import("vue").Component;
             readonly plain: boolean;
             readonly autoInsertSpace: boolean;
-            readonly nativeType: "submit" | "button" | "reset";
+            readonly nativeType: "reset" | "submit" | "button";
             readonly loadingIcon: string | import("vue").Component;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
             $slots: {
@@ -452,7 +453,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __epPropKey: true;
                     };
                     readonly type: {
-                        readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                        readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -460,7 +461,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                 }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, {
-                    readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+                    readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
                 }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
@@ -476,7 +477,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         __epPropKey: true;
                     };
                     readonly type: {
-                        readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                        readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                         readonly required: false;
                         readonly validator: ((val: unknown) => boolean) | undefined;
                         __epPropKey: true;
@@ -484,7 +485,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         readonly default: "";
                     };
                 }>>, {}, {}, {}, {}, {
-                    readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+                    readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
                 }>;
                 __isFragment?: never;
                 __isTeleport?: never;
@@ -497,7 +498,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     __epPropKey: true;
                 };
                 readonly type: {
-                    readonly type: import("vue").PropType<"" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning">;
+                    readonly type: import("vue").PropType<"" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning">;
                     readonly required: false;
                     readonly validator: ((val: unknown) => boolean) | undefined;
                     __epPropKey: true;
@@ -505,7 +506,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     readonly default: "";
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-                readonly type: "" | "default" | "info" | "success" | "danger" | "primary" | "text" | "warning";
+                readonly type: "" | "default" | "text" | "info" | "success" | "danger" | "primary" | "warning";
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     default?(_: {}): any;
@@ -571,6 +572,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
             default: import("@vunk/shared").AnyFunc;
         };
+        scrollbarAppendTo: null;
     }>, {
         getContentWraper: (e: import("vue").VNode) => import("vue").RendererNode | null;
         readonly VkBubbleRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -938,298 +940,1815 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             readonly disableWidth: boolean;
             readonly disableHeight: boolean;
         }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin;
-        readonly BubbleList: <T extends import("vue-element-plus-x/./types/Bubble").BubbleProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: {
-            slots: {
-                avatar?(_: {
-                    item: T;
-                }): any;
-                header?(_: {
-                    item: T;
-                }): any;
-                content?(_: {
-                    item: T;
-                }): any;
-                footer?(_: {
-                    item: T;
-                }): any;
-                loading?(_: {
-                    item: T;
-                }): any;
-                backToBottom?(_: {}): any;
-            };
-            emit: import("vue-element-plus-x/./types/BubbleList").BubbleListEmits;
-            attrs: any;
-        }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-            props: {
-                readonly onComplete?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance, index: number) => any) | undefined | undefined;
-                list: T[];
-                maxHeight?: string | undefined;
-                triggerIndices?: "only-last" | "all" | number[] | undefined;
-                showBackButton?: boolean | undefined;
-                backButtonThreshold?: number | undefined;
-                backButtonPosition?: import("vue-element-plus-x/./types/BubbleList").BackButtonPosition | undefined;
-                alwaysShowScrollbar?: boolean | undefined;
-                btnLoading?: boolean | undefined;
-                btnColor?: string | undefined;
-                btnIconSize?: number | undefined;
-            } & import("vue").PublicProps;
-            expose(exposed: import("vue").ShallowUnwrapRef<{
-                scrollToTop: () => void;
-                scrollToBottom: () => void;
-                scrollToBubble: (index: number) => void;
-            }>): void;
-            attrs: any;
-            slots: {
-                avatar?(_: {
-                    item: T;
-                }): any;
-                header?(_: {
-                    item: T;
-                }): any;
-                content?(_: {
-                    item: T;
-                }): any;
-                footer?(_: {
-                    item: T;
-                }): any;
-                loading?(_: {
-                    item: T;
-                }): any;
-                backToBottom?(_: {}): any;
-            };
-            emit: import("vue-element-plus-x/./types/BubbleList").BubbleListEmits;
-        }>) => import("vue").VNode & {
-            __ctx?: Awaited<typeof __VLS_setup>;
-        };
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        items: {
-            type: {
-                (arrayLength: number): any[];
-                (...items: any[]): any[];
-                new (arrayLength: number): any[];
-                new (...items: any[]): any[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                of<T>(...items: T[]): T[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
-            };
-            default: () => never[];
-        };
-        elRef: {
-            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
-            default: import("@vunk/shared").AnyFunc;
-        };
-    }>> & Readonly<{}>, {
-        items: any[];
-        elRef: import("@vunk/shared").AnyFunc;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly VkBubbleData: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        data: {
-            type: import("vue").PropType<import("packages/entry").NormalObject>;
-            default: () => {};
-        };
-    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        setData: (e: import("packages/entry").SetDataEvent) => import("packages/entry").SetDataEvent;
-    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        data: {
-            type: import("vue").PropType<import("packages/entry").NormalObject>;
-            default: () => {};
-        };
-    }>> & Readonly<{
-        onSetData?: (e: import("packages/entry").SetDataEvent) => any;
-    }>, {
-        data: import("packages/entry").NormalObject;
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    readonly VkSender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        fileList: {
-            type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
-            default: undefined;
-        };
-        action: {
-            type: StringConstructor;
-            default: string;
-        };
-        modelValue: {
-            type: StringConstructor;
-            default: string;
-        };
-        loading: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        modules: {
-            type: {
-                (arrayLength: number): "Attachments"[];
-                (...items: "Attachments"[]): "Attachments"[];
-                new (arrayLength: number): "Attachments"[];
-                new (...items: "Attachments"[]): "Attachments"[];
-                isArray(arg: any): arg is any[];
-                readonly prototype: any[];
-                from<T>(arrayLike: ArrayLike<T>): T[];
-                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                of<T>(...items: T[]): T[];
-                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                readonly [Symbol.species]: ArrayConstructor;
+        BubbleList: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+            list: {
+                type: import("vue").PropType<import("../../agent-chat-provider/src/types").BubbleItem[]>;
+                default: () => never[];
             };
-            default: () => never[];
-        };
-        sendDisabled: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        attachmentsVisible: {
-            type: BooleanConstructor;
-            default: undefined;
-        };
-        createSendButton: {
-            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
-            default: undefined;
-        };
-        createAttachmentsButton: {
-            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
-            default: undefined;
-        };
-        autoSize: {
-            type: import("vue").PropType<{
-                minRows?: number;
-                maxRows?: number;
-            }>;
-            default: undefined;
-        };
-        attachmentsProps: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-    }>, {
-        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            fileList: {
-                type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
-                default: undefined;
+            autoScroll: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            action: {
+            maxHeight: {
                 type: StringConstructor;
                 default: string;
             };
-            modelValue: {
-                type: StringConstructor;
-                default: string;
+            alwaysShowScrollbar: {
+                type: BooleanConstructor;
+                default: boolean;
             };
-            loading: {
+            backButtonThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showBackButton: {
                 type: BooleanConstructor;
-                default: undefined;
+                default: boolean;
             };
-            modules: {
-                type: {
-                    (arrayLength: number): "Attachments"[];
-                    (...items: "Attachments"[]): "Attachments"[];
-                    new (arrayLength: number): "Attachments"[];
-                    new (...items: "Attachments"[]): "Attachments"[];
-                    isArray(arg: any): arg is any[];
-                    readonly prototype: any[];
-                    from<T>(arrayLike: ArrayLike<T>): T[];
-                    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-                    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-                    of<T>(...items: T[]): T[];
-                    fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
-                    fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
-                    readonly [Symbol.species]: ArrayConstructor;
+            backButtonPosition: {
+                type: import("vue").PropType<{
+                    bottom: string;
+                    left: string;
+                }>;
+                default: () => {
+                    bottom: string;
+                    left: string;
                 };
-                default: () => never[];
             };
-            sendDisabled: {
+            btnLoading: {
                 type: BooleanConstructor;
                 default: boolean;
             };
-            attachmentsVisible: {
-                type: BooleanConstructor;
-                default: undefined;
+            btnColor: {
+                type: StringConstructor;
+                default: string;
             };
-            createSendButton: {
-                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
-                default: undefined;
+            btnIconSize: {
+                type: NumberConstructor;
+                default: number;
             };
-            createAttachmentsButton: {
-                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            scrollbarAppendTo: {
+                type: import("vue").PropType<import("vue").TeleportProps["to"]>;
                 default: undefined;
             };
-            autoSize: {
-                type: import("vue").PropType<{
-                    minRows?: number;
-                    maxRows?: number;
+        }>, {
+            props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                list: {
+                    type: import("vue").PropType<import("../../agent-chat-provider/src/types").BubbleItem[]>;
+                    default: () => never[];
+                };
+                autoScroll: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                maxHeight: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                alwaysShowScrollbar: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backButtonThreshold: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                showBackButton: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                backButtonPosition: {
+                    type: import("vue").PropType<{
+                        bottom: string;
+                        left: string;
+                    }>;
+                    default: () => {
+                        bottom: string;
+                        left: string;
+                    };
+                };
+                btnLoading: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                btnColor: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                btnIconSize: {
+                    type: NumberConstructor;
+                    default: number;
+                };
+                scrollbarAppendTo: {
+                    type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+                    default: undefined;
+                };
+            }>> & Readonly<{
+                onComplete?: ((...args: any[]) => any) | undefined;
+            }> & {}>;
+            scrollbarRef: import("vue").Ref<({
+                scrollToBottom: () => void;
+                scrollToTop: () => void;
+            } & {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    readonly height: string | number;
+                    readonly maxHeight: string | number;
+                    readonly always: boolean;
+                    readonly tabindex: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly tag: string;
+                    readonly native: boolean;
+                    readonly noresize: boolean;
+                }> & Omit<{
+                    readonly always: boolean;
+                    readonly height: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly maxHeight: string | number;
+                    readonly native: boolean;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly noresize: boolean;
+                    readonly tag: string;
+                    readonly ariaLabel?: string | undefined;
+                    readonly ariaOrientation?: string | undefined;
+                    readonly tabindex?: (string | number) | undefined;
+                    readonly id?: string | undefined;
+                    readonly role?: string | undefined;
+                    onScroll?: ((args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => any) | undefined | undefined;
+                    "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "always" | "height" | "minSize" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex">;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
                 }>;
-                default: undefined;
-            };
-            attachmentsProps: {
-                type: ObjectConstructor;
-                default: () => {};
-            };
-        }>> & Readonly<{
-            "onUpdate:modelValue"?: ((_: string) => any) | undefined;
-            onSubmit?: ((_: string) => any) | undefined;
-            "onUpdate:fileList"?: ((_: import("ant-design-vue").UploadFile<any>[]) => any) | undefined;
-            "onUpdate:headerVisible"?: ((_: boolean) => any) | undefined;
-            onCancel?: ((...args: any[]) => any) | undefined;
-        }> & {}>;
-        emit: ((event: "update:modelValue", _: string) => void) & ((event: "submit", _: string) => void) & ((event: "update:fileList", _: import("ant-design-vue").UploadFile<any>[]) => void) & ((event: "update:headerVisible", _: boolean) => void) & ((event: "cancel", ...args: any[]) => void);
-        slots: Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }>;
-        hasAttachments: import("vue").ComputedRef<boolean>;
-        loading: import("vue").WritableComputedRef<boolean, boolean>;
-        headerOpen: import("vue").WritableComputedRef<boolean, boolean>;
-        createSendButtonDefault: (components?: import("@vunk/shared").NormalObject) => JSX.Element;
-        createSendButton: (components: any) => any;
-        createAttachmentsButtonDefault: () => JSX.Element;
-        createAttachmentsButton: () => any;
-        actionsRender: import("@vunk/shared").AnyFunc;
-        attachmentsPlaceholder: import("@vunk/shared").AnyFunc;
-        theFileList: import("vue").WritableComputedRef<import("ant-design-vue").UploadFile<any>[], import("ant-design-vue").UploadFile<any>[]>;
-        attachmentsRef: import("vue").Ref<import("ant-design-x-vue/typings/attachments/interface").AttachmentsRef, import("ant-design-x-vue/typings/attachments/interface").AttachmentsRef>;
-        attachmentWrapDef: {
-            _ref: import("vue").ShallowRef<HTMLDivElement, HTMLDivElement>;
-            readonly value: HTMLDivElement;
-            promise: Promise<HTMLDivElement>;
-            resolve: import("@vunk/core").AnyFunc;
-            reject: (reason?: any) => void;
-        };
-        attachmentWrapResolve: import("@vunk/core").AnyFunc;
-        handlePasteFile: (file: File) => Promise<void>;
-        handleChange: (e: import("ant-design-vue").UploadChangeParam<import("ant-design-vue").UploadFile>) => void;
-        readonly Attachments: {
-            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
-                nativeElement: HTMLDivElement | null;
-                upload: (file: File | File[] | FileList) => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
-                nativeElement: HTMLDivElement | null;
-                upload: (file: File | File[] | FileList) => void;
-            }, {}, {}, {}, {}>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("vue").ComponentOptionsBase<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
-            nativeElement: HTMLDivElement | null;
-            upload: (file: File | File[] | FileList) => void;
-        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-            $slots: Readonly<{
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "scroll", args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => void) & ((event: "end-reached", direction: import("element-plus").ScrollbarDirection) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    readonly ariaLabel: StringConstructor;
+                    readonly ariaOrientation: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly distance: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 0;
+                    };
+                    readonly height: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly maxHeight: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly native: BooleanConstructor;
+                    readonly wrapStyle: {
+                        readonly type: import("vue").PropType<import("vue").StyleValue>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly wrapClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly viewClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly viewStyle: {
+                        readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly noresize: BooleanConstructor;
+                    readonly tag: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "div";
+                    };
+                    readonly always: BooleanConstructor;
+                    readonly minSize: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 20;
+                    };
+                    readonly tabindex: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: undefined;
+                    };
+                    readonly id: StringConstructor;
+                    readonly role: StringConstructor;
+                }>> & {
+                    onScroll?: ((args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => any) | undefined;
+                    "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+                }, {
+                    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+                    update: () => void;
+                    scrollTo: {
+                        (xCord: number, yCord?: number): void;
+                        (options: ScrollToOptions): void;
+                    };
+                    setScrollTop: (value: number) => void;
+                    setScrollLeft: (value: number) => void;
+                    handleScroll: () => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    scroll: (args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => void;
+                    "end-reached": (direction: import("element-plus").ScrollbarDirection) => void;
+                }, string, {
+                    readonly height: string | number;
+                    readonly maxHeight: string | number;
+                    readonly always: boolean;
+                    readonly tabindex: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly tag: string;
+                    readonly native: boolean;
+                    readonly noresize: boolean;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                readonly height: string | number;
+                readonly maxHeight: string | number;
+                readonly always: boolean;
+                readonly tabindex: string | number;
+                readonly minSize: number;
+                readonly distance: number;
+                readonly wrapStyle: import("vue").StyleValue;
+                readonly wrapClass: string | unknown[];
+                readonly viewClass: string | unknown[];
+                readonly viewStyle: string | Record<string, any> | unknown[];
+                readonly tag: string;
+                readonly native: boolean;
+                readonly noresize: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                readonly ariaLabel: StringConstructor;
+                readonly ariaOrientation: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly distance: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                readonly height: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly maxHeight: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly native: BooleanConstructor;
+                readonly wrapStyle: {
+                    readonly type: import("vue").PropType<import("vue").StyleValue>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly wrapClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly viewClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly viewStyle: {
+                    readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly noresize: BooleanConstructor;
+                readonly tag: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "div";
+                };
+                readonly always: BooleanConstructor;
+                readonly minSize: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 20;
+                };
+                readonly tabindex: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
+                readonly id: StringConstructor;
+                readonly role: StringConstructor;
+            }>> & {
+                onScroll?: ((args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => any) | undefined;
+                "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+            }, "always" | "height" | "minSize" | "handleScroll" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft"> & import("vue").ShallowUnwrapRef<{
+                wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+                update: () => void;
+                scrollTo: {
+                    (xCord: number, yCord?: number): void;
+                    (options: ScrollToOptions): void;
+                };
+                setScrollTop: (value: number) => void;
+                setScrollLeft: (value: number) => void;
+                handleScroll: () => void;
+            }> & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | undefined, ({
+                scrollToBottom: () => void;
+                scrollToTop: () => void;
+            } & {
+                $: import("vue").ComponentInternalInstance;
+                $data: {};
+                $props: Partial<{
+                    readonly height: string | number;
+                    readonly maxHeight: string | number;
+                    readonly always: boolean;
+                    readonly tabindex: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly tag: string;
+                    readonly native: boolean;
+                    readonly noresize: boolean;
+                }> & Omit<{
+                    readonly always: boolean;
+                    readonly height: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly maxHeight: string | number;
+                    readonly native: boolean;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly noresize: boolean;
+                    readonly tag: string;
+                    readonly ariaLabel?: string | undefined;
+                    readonly ariaOrientation?: string | undefined;
+                    readonly tabindex?: (string | number) | undefined;
+                    readonly id?: string | undefined;
+                    readonly role?: string | undefined;
+                    onScroll?: ((args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => any) | undefined | undefined;
+                    "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined | undefined;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "always" | "height" | "minSize" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex">;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                };
+                $slots: Readonly<{
+                    [name: string]: import("vue").Slot<any> | undefined;
+                }>;
+                $root: import("vue").ComponentPublicInstance | null;
+                $parent: import("vue").ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: ((event: "scroll", args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => void) & ((event: "end-reached", direction: import("element-plus").ScrollbarDirection) => void);
+                $el: any;
+                $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                    readonly ariaLabel: StringConstructor;
+                    readonly ariaOrientation: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    readonly distance: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 0;
+                    };
+                    readonly height: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly maxHeight: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly native: BooleanConstructor;
+                    readonly wrapStyle: {
+                        readonly type: import("vue").PropType<import("vue").StyleValue>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly wrapClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly viewClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly viewStyle: {
+                        readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    readonly noresize: BooleanConstructor;
+                    readonly tag: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "div";
+                    };
+                    readonly always: BooleanConstructor;
+                    readonly minSize: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 20;
+                    };
+                    readonly tabindex: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: undefined;
+                    };
+                    readonly id: StringConstructor;
+                    readonly role: StringConstructor;
+                }>> & {
+                    onScroll?: ((args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => any) | undefined;
+                    "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+                }, {
+                    wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+                    update: () => void;
+                    scrollTo: {
+                        (xCord: number, yCord?: number): void;
+                        (options: ScrollToOptions): void;
+                    };
+                    setScrollTop: (value: number) => void;
+                    setScrollLeft: (value: number) => void;
+                    handleScroll: () => void;
+                }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    scroll: (args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => void;
+                    "end-reached": (direction: import("element-plus").ScrollbarDirection) => void;
+                }, string, {
+                    readonly height: string | number;
+                    readonly maxHeight: string | number;
+                    readonly always: boolean;
+                    readonly tabindex: string | number;
+                    readonly minSize: number;
+                    readonly distance: number;
+                    readonly wrapStyle: import("vue").StyleValue;
+                    readonly wrapClass: string | unknown[];
+                    readonly viewClass: string | unknown[];
+                    readonly viewStyle: string | Record<string, any> | unknown[];
+                    readonly tag: string;
+                    readonly native: boolean;
+                    readonly noresize: boolean;
+                }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
+                    beforeCreate?: (() => void) | (() => void)[];
+                    created?: (() => void) | (() => void)[];
+                    beforeMount?: (() => void) | (() => void)[];
+                    mounted?: (() => void) | (() => void)[];
+                    beforeUpdate?: (() => void) | (() => void)[];
+                    updated?: (() => void) | (() => void)[];
+                    activated?: (() => void) | (() => void)[];
+                    deactivated?: (() => void) | (() => void)[];
+                    beforeDestroy?: (() => void) | (() => void)[];
+                    beforeUnmount?: (() => void) | (() => void)[];
+                    destroyed?: (() => void) | (() => void)[];
+                    unmounted?: (() => void) | (() => void)[];
+                    renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                    errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+                };
+                $forceUpdate: () => void;
+                $nextTick: typeof nextTick;
+                $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+            } & Readonly<{
+                readonly height: string | number;
+                readonly maxHeight: string | number;
+                readonly always: boolean;
+                readonly tabindex: string | number;
+                readonly minSize: number;
+                readonly distance: number;
+                readonly wrapStyle: import("vue").StyleValue;
+                readonly wrapClass: string | unknown[];
+                readonly viewClass: string | unknown[];
+                readonly viewStyle: string | Record<string, any> | unknown[];
+                readonly tag: string;
+                readonly native: boolean;
+                readonly noresize: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                readonly ariaLabel: StringConstructor;
+                readonly ariaOrientation: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                readonly distance: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                readonly height: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly maxHeight: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly native: BooleanConstructor;
+                readonly wrapStyle: {
+                    readonly type: import("vue").PropType<import("vue").StyleValue>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly wrapClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly viewClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly viewStyle: {
+                    readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                readonly noresize: BooleanConstructor;
+                readonly tag: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "div";
+                };
+                readonly always: BooleanConstructor;
+                readonly minSize: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 20;
+                };
+                readonly tabindex: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
+                readonly id: StringConstructor;
+                readonly role: StringConstructor;
+            }>> & {
+                onScroll?: ((args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => any) | undefined;
+                "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+            }, "always" | "height" | "minSize" | "handleScroll" | "update" | "distance" | "maxHeight" | "native" | "wrapStyle" | "wrapClass" | "viewClass" | "viewStyle" | "noresize" | "tag" | "tabindex" | "wrapRef" | "scrollTo" | "setScrollTop" | "setScrollLeft"> & import("vue").ShallowUnwrapRef<{
+                wrapRef: import("vue").Ref<HTMLDivElement | undefined>;
+                update: () => void;
+                scrollTo: {
+                    (xCord: number, yCord?: number): void;
+                    (options: ScrollToOptions): void;
+                };
+                setScrollTop: (value: number) => void;
+                setScrollLeft: (value: number) => void;
+                handleScroll: () => void;
+            }> & {} & import("vue").ComponentCustomProperties & {} & {
+                $slots: {
+                    default?(_: {}): any;
+                };
+            }) | undefined>;
+            initStyle: () => void;
+            distanceToBottom: import("vue").Ref<number | undefined, number | undefined>;
+            btnShow: import("vue").ComputedRef<boolean>;
+            getDistanceToBottom: () => void;
+            scrollToBottom: () => void;
+            scrollToBubble: (index: number) => void;
+            readonly ArrowDownBold: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            readonly VkScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                appendTo: null;
+                ariaLabel: StringConstructor;
+                ariaOrientation: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                distance: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                height: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                maxHeight: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                native: BooleanConstructor;
+                wrapStyle: {
+                    readonly type: import("vue").PropType<import("vue").StyleValue>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                wrapClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                viewClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                viewStyle: {
+                    readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                noresize: BooleanConstructor;
+                tag: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "div";
+                };
+                always: BooleanConstructor;
+                minSize: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 20;
+                };
+                tabindex: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
+                id: StringConstructor;
+                role: StringConstructor;
+            }>, {
+                props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    appendTo: null;
+                    ariaLabel: StringConstructor;
+                    ariaOrientation: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    };
+                    distance: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 0;
+                    };
+                    height: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    maxHeight: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    native: BooleanConstructor;
+                    wrapStyle: {
+                        readonly type: import("vue").PropType<import("vue").StyleValue>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    wrapClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    viewClass: {
+                        readonly type: import("vue").PropType<string | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    viewStyle: {
+                        readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "";
+                    };
+                    noresize: BooleanConstructor;
+                    tag: {
+                        readonly type: import("vue").PropType<string>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: "div";
+                    };
+                    always: BooleanConstructor;
+                    minSize: {
+                        readonly type: import("vue").PropType<number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: 20;
+                    };
+                    tabindex: {
+                        readonly type: import("vue").PropType<string | number>;
+                        readonly required: false;
+                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        __epPropKey: true;
+                    } & {
+                        readonly default: undefined;
+                    };
+                    id: StringConstructor;
+                    role: StringConstructor;
+                }>> & Readonly<{
+                    onScroll?: ((args_0: {
+                        scrollTop: number;
+                        scrollLeft: number;
+                    }) => any) | undefined;
+                    "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+                }> & {}>;
+                emit: ((event: "scroll", args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => void) & ((event: "end-reached", direction: import("element-plus").ScrollbarDirection) => void);
+                COMPONENT_NAME: string;
+                ns: {
+                    namespace: import("vue").ComputedRef<string>;
+                    b: (blockSuffix?: string) => string;
+                    e: (element?: string) => string;
+                    m: (modifier?: string) => string;
+                    be: (blockSuffix?: string, element?: string) => string;
+                    em: (element?: string, modifier?: string) => string;
+                    bm: (blockSuffix?: string, modifier?: string) => string;
+                    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                    is: {
+                        (name: string, state: boolean | undefined): string;
+                        (name: string): string;
+                    };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
+                };
+                stopResizeObserver: (() => void) | undefined;
+                stopWrapResizeObserver: (() => void) | undefined;
+                stopResizeListener: (() => void) | undefined;
+                wrapScrollTop: number;
+                wrapScrollLeft: number;
+                direction: import("element-plus").ScrollbarDirection;
+                distanceScrollState: {
+                    bottom: boolean;
+                    top: boolean;
+                    right: boolean;
+                    left: boolean;
+                };
+                scrollbarRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                wrapRef: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                resizeRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
+                barRef: import("vue").Ref<import("../../scrollbar/src/bar").BarInstance | undefined, import("../../scrollbar/src/bar").BarInstance | undefined>;
+                wrapStyle: import("vue").ComputedRef<import("vue").StyleValue>;
+                wrapKls: import("vue").ComputedRef<(string | unknown[] | {
+                    [x: string]: boolean;
+                })[]>;
+                resizeKls: import("vue").ComputedRef<(string | unknown[])[]>;
+                shouldSkipDirection: (direction: import("element-plus").ScrollbarDirection) => boolean;
+                DIRECTION_PAIRS: Record<import("element-plus").ScrollbarDirection, import("element-plus").ScrollbarDirection>;
+                updateTriggerStatus: (arrivedStates: Record<string, boolean>) => void;
+                handleScroll: () => void;
+                scrollTo: (arg1: any, arg2?: number) => void;
+                setScrollTop: (value: number) => void;
+                setScrollLeft: (value: number) => void;
+                update: () => void;
+                scrollToBottom: (options?: ScrollToOptions) => void;
+                scrollToTop: (options?: ScrollToOptions) => void;
+                readonly VkAsyncTeleport: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    to: {
+                        type: import("vue").PropType<string | import("vue").RendererElement>;
+                        default: any;
+                    };
+                    sleep: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    await: {
+                        type: PromiseConstructor;
+                        default: any;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>, {
+                    ready: import("vue").Ref<boolean, boolean>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    to: {
+                        type: import("vue").PropType<string | import("vue").RendererElement>;
+                        default: any;
+                    };
+                    sleep: {
+                        type: NumberConstructor;
+                        default: number;
+                    };
+                    await: {
+                        type: PromiseConstructor;
+                        default: any;
+                    };
+                    teleport: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                }>> & Readonly<{}>, {
+                    to: string | import("vue").RendererElement;
+                    sleep: number;
+                    await: Promise<unknown>;
+                    teleport: boolean;
+                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                Bar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                    always: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    minSize: {
+                        type: NumberConstructor;
+                        required: true;
+                    };
+                }>, {
+                    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                        always: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        minSize: {
+                            type: NumberConstructor;
+                            required: true;
+                        };
+                    }>> & Readonly<{}> & {}>;
+                    scrollbar: import("element-plus").ScrollbarContext | undefined;
+                    moveX: import("vue").Ref<number, number>;
+                    moveY: import("vue").Ref<number, number>;
+                    sizeWidth: import("vue").Ref<string, string>;
+                    sizeHeight: import("vue").Ref<string, string>;
+                    ratioY: import("vue").Ref<number, number>;
+                    ratioX: import("vue").Ref<number, number>;
+                    handleScroll: (wrap: HTMLDivElement) => void;
+                    update: () => void;
+                    Thumb: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+                        vertical: BooleanConstructor;
+                        size: StringConstructor;
+                        move: NumberConstructor;
+                        ratio: {
+                            type: NumberConstructor;
+                            required: true;
+                        };
+                        always: BooleanConstructor;
+                    }>, {
+                        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                            vertical: BooleanConstructor;
+                            size: StringConstructor;
+                            move: NumberConstructor;
+                            ratio: {
+                                type: NumberConstructor;
+                                required: true;
+                            };
+                            always: BooleanConstructor;
+                        }>> & Readonly<{}> & {}>;
+                        scrollbar: import("element-plus").ScrollbarContext;
+                        ns: {
+                            namespace: import("vue").ComputedRef<string>;
+                            b: (blockSuffix?: string) => string;
+                            e: (element?: string) => string;
+                            m: (modifier?: string) => string;
+                            be: (blockSuffix?: string, element?: string) => string;
+                            em: (element?: string, modifier?: string) => string;
+                            bm: (blockSuffix?: string, modifier?: string) => string;
+                            bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                            is: {
+                                (name: string, state: boolean | undefined): string;
+                                (name: string): string;
+                            };
+                            cssVar: (object: Record<string, string>) => Record<string, string>;
+                            cssVarName: (name: string) => string;
+                            cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                            cssVarBlockName: (name: string) => string;
+                        };
+                        instance: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                        thumb: import("vue").Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+                        thumbState: import("vue").Ref<{
+                            X?: number | undefined;
+                            Y?: number | undefined;
+                        }, Partial<Record<"X" | "Y", number>> | {
+                            X?: number | undefined;
+                            Y?: number | undefined;
+                        }>;
+                        visible: import("vue").Ref<boolean, boolean>;
+                        cursorDown: boolean;
+                        cursorLeave: boolean;
+                        baseScrollHeight: number;
+                        baseScrollWidth: number;
+                        originalOnSelectStart: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+                        bar: import("vue").ComputedRef<{
+                            readonly offset: "offsetHeight";
+                            readonly scroll: "scrollTop";
+                            readonly scrollSize: "scrollHeight";
+                            readonly size: "height";
+                            readonly key: "vertical";
+                            readonly axis: "Y";
+                            readonly client: "clientY";
+                            readonly direction: "top";
+                        } | {
+                            readonly offset: "offsetWidth";
+                            readonly scroll: "scrollLeft";
+                            readonly scrollSize: "scrollWidth";
+                            readonly size: "width";
+                            readonly key: "horizontal";
+                            readonly axis: "X";
+                            readonly client: "clientX";
+                            readonly direction: "left";
+                        }>;
+                        thumbStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
+                        offsetRatio: import("vue").ComputedRef<number>;
+                        clickThumbHandler: (e: MouseEvent) => void;
+                        clickTrackHandler: (e: MouseEvent) => void;
+                        startDrag: (e: MouseEvent) => void;
+                        mouseMoveDocumentHandler: (e: MouseEvent) => void;
+                        mouseUpDocumentHandler: () => void;
+                        mouseMoveScrollbarHandler: () => void;
+                        mouseLeaveScrollbarHandler: () => void;
+                        restoreOnselectstart: () => void;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                        vertical: BooleanConstructor;
+                        size: StringConstructor;
+                        move: NumberConstructor;
+                        ratio: {
+                            type: NumberConstructor;
+                            required: true;
+                        };
+                        always: BooleanConstructor;
+                    }>> & Readonly<{}>, {
+                        vertical: boolean;
+                        always: boolean;
+                    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                    always: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    minSize: {
+                        type: NumberConstructor;
+                        required: true;
+                    };
+                }>> & Readonly<{}>, {
+                    always: boolean;
+                }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "end-reached": (direction: import("element-plus").ScrollbarDirection) => boolean;
+                scroll: ({ scrollTop, scrollLeft, }: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => boolean;
+            }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+                appendTo: null;
+                ariaLabel: StringConstructor;
+                ariaOrientation: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                };
+                distance: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 0;
+                };
+                height: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                maxHeight: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                native: BooleanConstructor;
+                wrapStyle: {
+                    readonly type: import("vue").PropType<import("vue").StyleValue>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                wrapClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                viewClass: {
+                    readonly type: import("vue").PropType<string | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                viewStyle: {
+                    readonly type: import("vue").PropType<string | Record<string, any> | unknown[]>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "";
+                };
+                noresize: BooleanConstructor;
+                tag: {
+                    readonly type: import("vue").PropType<string>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: "div";
+                };
+                always: BooleanConstructor;
+                minSize: {
+                    readonly type: import("vue").PropType<number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: 20;
+                };
+                tabindex: {
+                    readonly type: import("vue").PropType<string | number>;
+                    readonly required: false;
+                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    __epPropKey: true;
+                } & {
+                    readonly default: undefined;
+                };
+                id: StringConstructor;
+                role: StringConstructor;
+            }>> & Readonly<{
+                onScroll?: ((args_0: {
+                    scrollTop: number;
+                    scrollLeft: number;
+                }) => any) | undefined;
+                "onEnd-reached"?: ((direction: import("element-plus").ScrollbarDirection) => any) | undefined;
+            }>, {
+                always: boolean;
+                height: string | number;
+                minSize: number;
+                distance: number;
+                maxHeight: string | number;
+                native: boolean;
+                wrapStyle: import("vue").StyleValue;
+                wrapClass: string | unknown[];
+                viewClass: string | unknown[];
+                viewStyle: string | Record<string, any> | unknown[];
+                noresize: boolean;
+                tag: string;
+                tabindex: string | number;
+            }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+            readonly Bubble: {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
+                    onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onAvatarError?: ((e: Event) => any) | undefined;
+                }>, {
+                    interrupt: () => void;
+                    continue: () => void;
+                    restart: () => void;
+                    destroy: () => void;
+                    renderedContent: ComputedRef<string>;
+                    isTyping: Ref<boolean>;
+                    progress: ComputedRef<number>;
+                }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                    start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                    finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                    writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                    avatarError: (e: Event) => any;
+                }, import("vue").PublicProps, {
+                    maxWidth: string;
+                    noStyle: boolean;
+                    content: string;
+                    placement: "start" | "end";
+                    avatar: string;
+                    variant: "filled" | "borderless" | "outlined" | "shadow";
+                    avatarSize: string;
+                    avatarGap: string;
+                    avatarShape: "circle" | "square";
+                    avatarSrcSet: string;
+                    avatarAlt: string;
+                    avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
+                    typewriterRef: import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
+                        onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                        onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                        onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    }>, {
+                        interrupt: () => void;
+                        continue: () => void;
+                        restart: () => void;
+                        destroy: () => void;
+                        renderedContent: ComputedRef<string>;
+                        isTyping: Ref<boolean>;
+                        progress: ComputedRef<number>;
+                    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                        start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                        finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                        writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                    }, import("vue").PublicProps, {
+                        content: string;
+                        isMarkdown: boolean;
+                        typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
+                        isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
+                    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {
+                        typeWriterRef: HTMLDivElement;
+                        markdownContentRef: HTMLDivElement;
+                    }, HTMLDivElement, import("vue").ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import("vue-element-plus-x/./types/Typewriter").TypewriterProps> & Readonly<{
+                        onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                        onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                        onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    }>, {
+                        interrupt: () => void;
+                        continue: () => void;
+                        restart: () => void;
+                        destroy: () => void;
+                        renderedContent: ComputedRef<string>;
+                        isTyping: Ref<boolean>;
+                        progress: ComputedRef<number>;
+                    }, {}, {}, {}, {
+                        content: string;
+                        isMarkdown: boolean;
+                        typing: boolean | import("vue-element-plus-x/./types/Typewriter").TypingConfig;
+                        isFog: boolean | import("vue-element-plus-x/./types/Typewriter").TypingFogfig;
+                    }> | null;
+                }, any, import("vue").ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
+                    onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                    onAvatarError?: ((e: Event) => any) | undefined;
+                }>, {
+                    interrupt: () => void;
+                    continue: () => void;
+                    restart: () => void;
+                    destroy: () => void;
+                    renderedContent: ComputedRef<string>;
+                    isTyping: Ref<boolean>;
+                    progress: ComputedRef<number>;
+                }, {}, {}, {}, {
+                    maxWidth: string;
+                    noStyle: boolean;
+                    content: string;
+                    placement: "start" | "end";
+                    avatar: string;
+                    variant: "filled" | "borderless" | "outlined" | "shadow";
+                    avatarSize: string;
+                    avatarGap: string;
+                    avatarShape: "circle" | "square";
+                    avatarSrcSet: string;
+                    avatarAlt: string;
+                    avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+                }>;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue-element-plus-x/./types/Bubble").BubbleProps> & Readonly<{
+                onStart?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                onFinish?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                onWriting?: ((instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any) | undefined;
+                onAvatarError?: ((e: Event) => any) | undefined;
+            }>, {
+                interrupt: () => void;
+                continue: () => void;
+                restart: () => void;
+                destroy: () => void;
+                renderedContent: ComputedRef<string>;
+                isTyping: Ref<boolean>;
+                progress: ComputedRef<number>;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                start: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                finish: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                writing: (instance: import("vue-element-plus-x/./types/Typewriter").TypewriterInstance) => any;
+                avatarError: (e: Event) => any;
+            }, string, {
+                maxWidth: string;
+                noStyle: boolean;
+                content: string;
+                placement: "start" | "end";
+                avatar: string;
+                variant: "filled" | "borderless" | "outlined" | "shadow";
+                avatarSize: string;
+                avatarGap: string;
+                avatarShape: "circle" | "square";
+                avatarSrcSet: string;
+                avatarAlt: string;
+                avatarFit: "cover" | "contain" | "fill" | "none" | "scale-down";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    avatar?(_: {}): any;
+                    header?(_: {}): any;
+                    content?(_: {}): any;
+                    loading?(_: {}): any;
+                    footer?(_: {}): any;
+                };
+            });
+            loadingBg: {
+                new (...args: any[]): any;
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                [x: string]: any;
+                [x: symbol]: any;
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+                install(app: import("vue").App): void;
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            complete: null;
+        }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+            list: {
+                type: import("vue").PropType<import("../../agent-chat-provider/src/types").BubbleItem[]>;
+                default: () => never[];
+            };
+            autoScroll: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            maxHeight: {
+                type: StringConstructor;
+                default: string;
+            };
+            alwaysShowScrollbar: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            backButtonThreshold: {
+                type: NumberConstructor;
+                default: number;
+            };
+            showBackButton: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            backButtonPosition: {
+                type: import("vue").PropType<{
+                    bottom: string;
+                    left: string;
+                }>;
+                default: () => {
+                    bottom: string;
+                    left: string;
+                };
+            };
+            btnLoading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            btnColor: {
+                type: StringConstructor;
+                default: string;
+            };
+            btnIconSize: {
+                type: NumberConstructor;
+                default: number;
+            };
+            scrollbarAppendTo: {
+                type: import("vue").PropType<import("vue").TeleportProps["to"]>;
+                default: undefined;
+            };
+        }>> & Readonly<{
+            onComplete?: ((...args: any[]) => any) | undefined;
+        }>, {
+            maxHeight: string;
+            list: import("../../agent-chat-provider/src/types").BubbleItem[];
+            autoScroll: boolean;
+            alwaysShowScrollbar: boolean;
+            backButtonThreshold: number;
+            showBackButton: boolean;
+            backButtonPosition: {
+                bottom: string;
+                left: string;
+            };
+            btnLoading: boolean;
+            btnColor: string;
+            btnIconSize: number;
+            scrollbarAppendTo: string | import("vue").RendererElement | null | undefined;
+        }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        items: {
+            type: {
+                (arrayLength: number): any[];
+                (...items: any[]): any[];
+                new (arrayLength: number): any[];
+                new (...items: any[]): any[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: () => never[];
+        };
+        elRef: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: import("@vunk/shared").AnyFunc;
+        };
+        scrollbarAppendTo: null;
+    }>> & Readonly<{}>, {
+        items: any[];
+        elRef: import("@vunk/shared").AnyFunc;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly VkBubbleData: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("packages/entry").NormalObject>;
+            default: () => {};
+        };
+    }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        setData: (e: import("packages/entry").SetDataEvent) => import("packages/entry").SetDataEvent;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        data: {
+            type: import("vue").PropType<import("packages/entry").NormalObject>;
+            default: () => {};
+        };
+    }>> & Readonly<{
+        onSetData?: (e: import("packages/entry").SetDataEvent) => any;
+    }>, {
+        data: import("packages/entry").NormalObject;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    readonly VkSender: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        fileList: {
+            type: import("vue").PropType<any[]>;
+            default: undefined;
+        };
+        action: {
+            type: StringConstructor;
+            default: string;
+        };
+        modelValue: {
+            type: StringConstructor;
+            default: string;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        modules: {
+            type: {
+                (arrayLength: number): "Attachments"[];
+                (...items: "Attachments"[]): "Attachments"[];
+                new (arrayLength: number): "Attachments"[];
+                new (...items: "Attachments"[]): "Attachments"[];
+                isArray(arg: any): arg is any[];
+                readonly prototype: any[];
+                from<T>(arrayLike: ArrayLike<T>): T[];
+                from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                of<T>(...items: T[]): T[];
+                fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                readonly [Symbol.species]: ArrayConstructor;
+            };
+            default: () => never[];
+        };
+        sendDisabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        attachmentsVisible: {
+            type: BooleanConstructor;
+            default: undefined;
+        };
+        createSendButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        createAttachmentsButton: {
+            type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+            default: undefined;
+        };
+        autoSize: {
+            type: import("vue").PropType<{
+                minRows?: number;
+                maxRows?: number;
+            }>;
+            default: undefined;
+        };
+        attachmentsProps: {
+            type: ObjectConstructor;
+            default: () => {};
+        };
+    }>, {
+        props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            fileList: {
+                type: import("vue").PropType<any[]>;
+                default: undefined;
+            };
+            action: {
+                type: StringConstructor;
+                default: string;
+            };
+            modelValue: {
+                type: StringConstructor;
+                default: string;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            modules: {
+                type: {
+                    (arrayLength: number): "Attachments"[];
+                    (...items: "Attachments"[]): "Attachments"[];
+                    new (arrayLength: number): "Attachments"[];
+                    new (...items: "Attachments"[]): "Attachments"[];
+                    isArray(arg: any): arg is any[];
+                    readonly prototype: any[];
+                    from<T>(arrayLike: ArrayLike<T>): T[];
+                    from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                    from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+                    from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+                    of<T>(...items: T[]): T[];
+                    fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+                    fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+                    readonly [Symbol.species]: ArrayConstructor;
+                };
+                default: () => never[];
+            };
+            sendDisabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            attachmentsVisible: {
+                type: BooleanConstructor;
+                default: undefined;
+            };
+            createSendButton: {
+                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+                default: undefined;
+            };
+            createAttachmentsButton: {
+                type: import("vue").PropType<import("@vunk/shared").AnyFunc>;
+                default: undefined;
+            };
+            autoSize: {
+                type: import("vue").PropType<{
+                    minRows?: number;
+                    maxRows?: number;
+                }>;
+                default: undefined;
+            };
+            attachmentsProps: {
+                type: ObjectConstructor;
+                default: () => {};
+            };
+        }>> & Readonly<{
+            onCancel?: ((...args: any[]) => any) | undefined;
+            onSubmit?: ((_: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((_: string) => any) | undefined;
+            "onUpdate:fileList"?: ((_: import("ant-design-vue").UploadFile<any>[]) => any) | undefined;
+            "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
+        }> & {}>;
+        emit: ((event: "cancel", ...args: any[]) => void) & ((event: "submit", _: string) => void) & ((event: "update:modelValue", _: string) => void) & ((event: "update:fileList", _: import("ant-design-vue").UploadFile<any>[]) => void) & ((event: "update:attachmentsVisible", _: boolean) => void);
+        slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        hasAttachments: import("vue").ComputedRef<boolean>;
+        loading: import("vue").WritableComputedRef<boolean, boolean>;
+        headerOpen: import("vue").WritableComputedRef<boolean, boolean>;
+        createSendButtonDefault: (components?: import("@vunk/shared").NormalObject) => JSX.Element;
+        createSendButton: (components: any) => any;
+        createAttachmentsButtonDefault: () => JSX.Element;
+        createAttachmentsButton: () => any;
+        actionsRender: import("@vunk/shared").AnyFunc;
+        attachmentsPlaceholder: import("@vunk/shared").AnyFunc;
+        theFileList: import("vue").WritableComputedRef<import("ant-design-vue").UploadFile<any>[], import("ant-design-vue").UploadFile<any>[]>;
+        attachmentsRef: import("vue").Ref<import("ant-design-x-vue/typings/attachments/interface").AttachmentsRef, import("ant-design-x-vue/typings/attachments/interface").AttachmentsRef>;
+        attachmentWrapDef: {
+            _ref: import("vue").ShallowRef<HTMLDivElement, HTMLDivElement>;
+            readonly value: HTMLDivElement;
+            promise: Promise<HTMLDivElement>;
+            resolve: import("@vunk/core").AnyFunc;
+            reject: (reason?: any) => void;
+        };
+        attachmentWrapResolve: import("@vunk/core").AnyFunc;
+        handlePasteFile: (file: File) => Promise<void>;
+        handleChange: (e: import("ant-design-vue").UploadChangeParam<import("ant-design-vue").UploadFile>) => void;
+        readonly Attachments: {
+            new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
+                nativeElement: HTMLDivElement | null;
+                upload: (file: File | File[] | FileList) => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
+                nativeElement: HTMLDivElement | null;
+                upload: (file: File | File[] | FileList) => void;
+            }, {}, {}, {}, {}>;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } & import("vue").ComponentOptionsBase<Readonly<import("ant-design-x-vue").AttachmentsProps> & Readonly<{}>, {
+            nativeElement: HTMLDivElement | null;
+            upload: (file: File | File[] | FileList) => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            $slots: Readonly<{
                 placeholder?(props?: {
                     type: "inline" | "drop";
                 }): import("vue").VNode | string;
@@ -1597,19 +3116,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         }>> & Readonly<{
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
         }>, {
-            modelValue: boolean;
             title: string;
+            modelValue: boolean;
             contentRef: import("@vunk/shared").AnyFunc;
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         'update:fileList': (_: import("ant-design-vue").UploadFile[]) => boolean;
         'update:modelValue': (_: string) => boolean;
-        'update:headerVisible': (_: boolean) => boolean;
+        'update:attachmentsVisible': (_: boolean) => boolean;
         submit: (_: string) => boolean;
         cancel: null;
     }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         fileList: {
-            type: import("vue").PropType<import("ant-design-vue").UploadFile[]>;
+            type: import("vue").PropType<any[]>;
             default: undefined;
         };
         action: {
@@ -1671,16 +3190,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: () => {};
         };
     }>> & Readonly<{
-        "onUpdate:modelValue"?: ((_: string) => any) | undefined;
+        onCancel?: ((...args: any[]) => any) | undefined;
         onSubmit?: ((_: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((_: string) => any) | undefined;
         "onUpdate:fileList"?: ((_: import("ant-design-vue").UploadFile<any>[]) => any) | undefined;
-        "onUpdate:headerVisible"?: ((_: boolean) => any) | undefined;
-        onCancel?: ((...args: any[]) => any) | undefined;
+        "onUpdate:attachmentsVisible"?: ((_: boolean) => any) | undefined;
     }>, {
         loading: boolean;
         modules: "Attachments"[];
         modelValue: string;
-        fileList: import("ant-design-vue").UploadFile<any>[];
+        fileList: any[];
         action: string;
         sendDisabled: boolean;
         attachmentsVisible: boolean;