@vtj/designer 0.11.16 → 0.12.0-alpha.1

package/types/components/widgets/index.d.ts

@@ -1,4 +1,4 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, Ref, ComputedRef, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, Ref, ComputedRef, CreateComponentPublicInstanceWithMixins, GlobalComponents, GlobalDirectives, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, nextTick } from 'vue';
 import { Props } from './logo/index';
 import { Props } from './toolbar/index';
 import { Props } from './actions/index';
@@ -7,9 +7,9 @@ import { Props } from '../editor/Editor';
 import { Props } from './style/index';
 import { Props } from './previewer/index';
 import { Props } from './docs/index';
-import { ActionMenuItem } from '@vtj/ui';
-import { Props } from '../shared/panel';
+import { ActionMenuItem, BaseSize, ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent, IconParam, HeaderProps, ContainerProps } from '@vtj/ui';
 import { OnCleanup } from '@vue/reactivity';
+import { Props } from '../shared/panel';
 import { Props } from './about/index';
 export declare const widgets: {
     Logo: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< Props> & Readonly<{}>, {
@@ -233,6 +233,565 @@ export declare const widgets: {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                panelRef: ({
+                    $: ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }> & Omit<{
+                        readonly fit: boolean;
+                        readonly radius: boolean;
+                        readonly border: boolean;
+                        readonly card: boolean;
+                        readonly size?: BaseSize | undefined;
+                        readonly height?: string | number | undefined;
+                        readonly width?: string | number | undefined;
+                        readonly body?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly footer?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly header?: string | Readonly<Partial< ExtractPropTypes<{
+                            size: {
+                                type: PropType<BaseSize>;
+                                default: string;
+                            };
+                            content: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            subtitle: {
+                                type: StringConstructor;
+                            };
+                            icon: {
+                                type: PropType<IconParam>;
+                            };
+                            border: {
+                                type: BooleanConstructor;
+                            };
+                            more: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | null | undefined;
+                        readonly shadow?: "hover" | "none" | "always" | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "fit" | "radius" | "border" | "card">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        bodyRef: ({
+                            $: ComponentInternalInstance;
+                            $data: {};
+                            $props: Partial<{
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }> & Omit<{
+                                readonly padding: boolean;
+                                readonly tag: string;
+                                readonly wrap: ContainerWrap;
+                                readonly fit: boolean;
+                                readonly flex: boolean;
+                                readonly inline: boolean;
+                                readonly direction: ContainerDirection;
+                                readonly justify: ContainerJustifyContent;
+                                readonly align: ContainerAlignItems;
+                                readonly alignContent: ContainerAlignContent;
+                                readonly grow: boolean;
+                                readonly shrink: boolean;
+                                readonly alignSelf: "auto" | ContainerAlignItems;
+                                readonly gap: boolean;
+                                readonly autoPointer: boolean;
+                                readonly width?: string | number | undefined;
+                                readonly height?: string | number | undefined;
+                                readonly overflow?: "hidden" | "auto" | "visible" | undefined;
+                            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+                            $attrs: {
+                                [x: string]: unknown;
+                            };
+                            $refs: {
+                                [x: string]: unknown;
+                            } & {
+                                elRef: unknown;
+                            };
+                            $slots: Readonly<{
+                                [name: string]: Slot<any> | undefined;
+                            }>;
+                            $root: ComponentPublicInstance | null;
+                            $parent: ComponentPublicInstance | null;
+                            $host: Element | null;
+                            $emit: (event: string, ...args: any[]) => void;
+                            $el: any;
+                            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                                tag: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                fit: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                width: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                height: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                flex: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                };
+                                direction: {
+                                    type: PropType<ContainerDirection>;
+                                    default: string;
+                                };
+                                wrap: {
+                                    type: PropType<ContainerWrap>;
+                                    default: string;
+                                };
+                                justify: {
+                                    type: PropType<ContainerJustifyContent>;
+                                    default: string;
+                                };
+                                align: {
+                                    type: PropType<ContainerAlignItems>;
+                                    default: string;
+                                };
+                                alignContent: {
+                                    type: PropType<ContainerAlignContent>;
+                                    default: string;
+                                };
+                                grow: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                shrink: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                alignSelf: {
+                                    type: PropType<"auto" | ContainerAlignItems>;
+                                    default: string;
+                                };
+                                overflow: {
+                                    type: PropType<"auto" | "hidden" | "visible">;
+                                };
+                                padding: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                gap: {
+                                    type: BooleanConstructor;
+                                };
+                                autoPointer: {
+                                    type: BooleanConstructor;
+                                };
+                            }>> & Readonly<{}>, {
+                                $vtjEl: ComputedRef<any>;
+                            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                            };
+                            $forceUpdate: () => void;
+                            $nextTick: nextTick;
+                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                        } & Readonly<{
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: boolean;
+                        }> & Omit<Readonly< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
+                            $vtjEl: ComputedRef<any>;
+                        }> & {} & ComponentCustomProperties & {} & {
+                            $slots: {
+                                default?(_: {}): any;
+                            };
+                        }) | null;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: Slot<any> | undefined;
+                    }>;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        border: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        radius: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        card: {
+                            type: BooleanConstructor;
+                        };
+                        size: {
+                            type: PropType<BaseSize>;
+                        };
+                        shadow: {
+                            type: PropType<"none" | "always" | "hover">;
+                        };
+                        header: {
+                            type: PropType<string | HeaderProps | null>;
+                        };
+                        body: {
+                            type: PropType<ContainerProps>;
+                        };
+                        footer: {
+                            type: PropType<ContainerProps>;
+                        };
+                    }>> & Readonly<{}>, {
+                        bodyRef: Ref<any, any>;
+                    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                } & Readonly<{
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: boolean;
+                }> & Omit<Readonly< ExtractPropTypes<{
+                    fit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    border: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    radius: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    card: {
+                        type: BooleanConstructor;
+                    };
+                    size: {
+                        type: PropType<BaseSize>;
+                    };
+                    shadow: {
+                        type: PropType<"none" | "always" | "hover">;
+                    };
+                    header: {
+                        type: PropType<string | HeaderProps | null>;
+                    };
+                    body: {
+                        type: PropType<ContainerProps>;
+                    };
+                    footer: {
+                        type: PropType<ContainerProps>;
+                    };
+                }>> & Readonly<{}>, "fit" | "radius" | "border" | "card" | "bodyRef"> & ShallowUnwrapRef<{
+                    bodyRef: Ref<any, any>;
+                }> & {} & ComponentCustomProperties & {} & {
+                    $slots: {
+                        header?(_: {}): any;
+                        title?(_: {}): any;
+                        actions?(_: {}): any;
+                        default?(_: {}): any;
+                        footer?(_: {}): any;
+                    };
+                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -250,7 +809,12 @@ export declare const widgets: {
                 onEdit?: ((...args: any[]) => any) | undefined;
                 onRemove?: ((...args: any[]) => any) | undefined;
                 onSave?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            }>, {
+                panelRef: Ref<any, any>;
+                scrollToBottom: () => void;
+                autoScrollToBottom: (diff?: number) => void;
+                scrollToTop: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 command: (...args: any[]) => void;
                 refresh: (...args: any[]) => void;
                 plus: (...args: any[]) => void;
@@ -292,7 +856,12 @@ export declare const widgets: {
             onEdit?: ((...args: any[]) => any) | undefined;
             onRemove?: ((...args: any[]) => any) | undefined;
             onSave?: ((...args: any[]) => any) | undefined;
-        }>, "header" | "menus"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | ("header" | "menus")> & ShallowUnwrapRef<{
+            panelRef: Ref<any, any>;
+            scrollToBottom: () => void;
+            autoScrollToBottom: (diff?: number) => void;
+            scrollToTop: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 actions?(_: {}): any;
                 default?(_: {}): any;
@@ -335,6 +904,565 @@ export declare const widgets: {
             };
             $refs: {
                 [x: string]: unknown;
+            } & {
+                panelRef: ({
+                    $: ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }> & Omit<{
+                        readonly fit: boolean;
+                        readonly radius: boolean;
+                        readonly border: boolean;
+                        readonly card: boolean;
+                        readonly size?: BaseSize | undefined;
+                        readonly height?: string | number | undefined;
+                        readonly width?: string | number | undefined;
+                        readonly body?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly footer?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly header?: string | Readonly<Partial< ExtractPropTypes<{
+                            size: {
+                                type: PropType<BaseSize>;
+                                default: string;
+                            };
+                            content: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            subtitle: {
+                                type: StringConstructor;
+                            };
+                            icon: {
+                                type: PropType<IconParam>;
+                            };
+                            border: {
+                                type: BooleanConstructor;
+                            };
+                            more: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | null | undefined;
+                        readonly shadow?: "hover" | "none" | "always" | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "fit" | "radius" | "border" | "card">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        bodyRef: ({
+                            $: ComponentInternalInstance;
+                            $data: {};
+                            $props: Partial<{
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }> & Omit<{
+                                readonly padding: boolean;
+                                readonly tag: string;
+                                readonly wrap: ContainerWrap;
+                                readonly fit: boolean;
+                                readonly flex: boolean;
+                                readonly inline: boolean;
+                                readonly direction: ContainerDirection;
+                                readonly justify: ContainerJustifyContent;
+                                readonly align: ContainerAlignItems;
+                                readonly alignContent: ContainerAlignContent;
+                                readonly grow: boolean;
+                                readonly shrink: boolean;
+                                readonly alignSelf: "auto" | ContainerAlignItems;
+                                readonly gap: boolean;
+                                readonly autoPointer: boolean;
+                                readonly width?: string | number | undefined;
+                                readonly height?: string | number | undefined;
+                                readonly overflow?: "hidden" | "auto" | "visible" | undefined;
+                            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+                            $attrs: {
+                                [x: string]: unknown;
+                            };
+                            $refs: {
+                                [x: string]: unknown;
+                            } & {
+                                elRef: unknown;
+                            };
+                            $slots: Readonly<{
+                                [name: string]: Slot<any> | undefined;
+                            }>;
+                            $root: ComponentPublicInstance | null;
+                            $parent: ComponentPublicInstance | null;
+                            $host: Element | null;
+                            $emit: (event: string, ...args: any[]) => void;
+                            $el: any;
+                            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                                tag: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                fit: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                width: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                height: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                flex: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                };
+                                direction: {
+                                    type: PropType<ContainerDirection>;
+                                    default: string;
+                                };
+                                wrap: {
+                                    type: PropType<ContainerWrap>;
+                                    default: string;
+                                };
+                                justify: {
+                                    type: PropType<ContainerJustifyContent>;
+                                    default: string;
+                                };
+                                align: {
+                                    type: PropType<ContainerAlignItems>;
+                                    default: string;
+                                };
+                                alignContent: {
+                                    type: PropType<ContainerAlignContent>;
+                                    default: string;
+                                };
+                                grow: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                shrink: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                alignSelf: {
+                                    type: PropType<"auto" | ContainerAlignItems>;
+                                    default: string;
+                                };
+                                overflow: {
+                                    type: PropType<"auto" | "hidden" | "visible">;
+                                };
+                                padding: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                gap: {
+                                    type: BooleanConstructor;
+                                };
+                                autoPointer: {
+                                    type: BooleanConstructor;
+                                };
+                            }>> & Readonly<{}>, {
+                                $vtjEl: ComputedRef<any>;
+                            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                            };
+                            $forceUpdate: () => void;
+                            $nextTick: nextTick;
+                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                        } & Readonly<{
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: boolean;
+                        }> & Omit<Readonly< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
+                            $vtjEl: ComputedRef<any>;
+                        }> & {} & ComponentCustomProperties & {} & {
+                            $slots: {
+                                default?(_: {}): any;
+                            };
+                        }) | null;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: Slot<any> | undefined;
+                    }>;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        border: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        radius: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        card: {
+                            type: BooleanConstructor;
+                        };
+                        size: {
+                            type: PropType<BaseSize>;
+                        };
+                        shadow: {
+                            type: PropType<"none" | "always" | "hover">;
+                        };
+                        header: {
+                            type: PropType<string | HeaderProps | null>;
+                        };
+                        body: {
+                            type: PropType<ContainerProps>;
+                        };
+                        footer: {
+                            type: PropType<ContainerProps>;
+                        };
+                    }>> & Readonly<{}>, {
+                        bodyRef: Ref<any, any>;
+                    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                } & Readonly<{
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: boolean;
+                }> & Omit<Readonly< ExtractPropTypes<{
+                    fit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    border: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    radius: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    card: {
+                        type: BooleanConstructor;
+                    };
+                    size: {
+                        type: PropType<BaseSize>;
+                    };
+                    shadow: {
+                        type: PropType<"none" | "always" | "hover">;
+                    };
+                    header: {
+                        type: PropType<string | HeaderProps | null>;
+                    };
+                    body: {
+                        type: PropType<ContainerProps>;
+                    };
+                    footer: {
+                        type: PropType<ContainerProps>;
+                    };
+                }>> & Readonly<{}>, "fit" | "radius" | "border" | "card" | "bodyRef"> & ShallowUnwrapRef<{
+                    bodyRef: Ref<any, any>;
+                }> & {} & ComponentCustomProperties & {} & {
+                    $slots: {
+                        header?(_: {}): any;
+                        title?(_: {}): any;
+                        actions?(_: {}): any;
+                        default?(_: {}): any;
+                        footer?(_: {}): any;
+                    };
+                }) | null;
             };
             $slots: Readonly<{
                 [name: string]: Slot<any> | undefined;
@@ -352,7 +1480,12 @@ export declare const widgets: {
                 onEdit?: ((...args: any[]) => any) | undefined;
                 onRemove?: ((...args: any[]) => any) | undefined;
                 onSave?: ((...args: any[]) => any) | undefined;
-            }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            }>, {
+                panelRef: Ref<any, any>;
+                scrollToBottom: () => void;
+                autoScrollToBottom: (diff?: number) => void;
+                scrollToTop: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
                 command: (...args: any[]) => void;
                 refresh: (...args: any[]) => void;
                 plus: (...args: any[]) => void;
@@ -394,7 +1527,12 @@ export declare const widgets: {
             onEdit?: ((...args: any[]) => any) | undefined;
             onRemove?: ((...args: any[]) => any) | undefined;
             onSave?: ((...args: any[]) => any) | undefined;
-        }>, "header" | "menus"> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {} & {
+        }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | ("header" | "menus")> & ShallowUnwrapRef<{
+            panelRef: Ref<any, any>;
+            scrollToBottom: () => void;
+            autoScrollToBottom: (diff?: number) => void;
+            scrollToTop: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
             $slots: {
                 actions?(_: {}): any;
                 default?(_: {}): any;
@@ -407,4 +1545,670 @@ export declare const widgets: {
         refreshTemplates: () => void;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
     UserAvatar: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    AI: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
+        panelRef: ({
+            $: ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly title?: string | undefined;
+                readonly subtitle?: string | undefined;
+                readonly plus?: boolean | undefined;
+                readonly refresh?: boolean | undefined;
+                readonly back?: boolean | undefined;
+                readonly edit?: boolean | undefined;
+                readonly remove?: boolean | undefined;
+                readonly save?: boolean | undefined;
+                readonly header?: boolean | undefined;
+                readonly collapsable?: boolean | undefined;
+                readonly menus?: ActionMenuItem[] | undefined;
+                readonly onCommand?: ((...args: any[]) => any) | undefined;
+                readonly onRefresh?: ((...args: any[]) => any) | undefined;
+                readonly onPlus?: ((...args: any[]) => any) | undefined;
+                readonly onBack?: ((...args: any[]) => any) | undefined;
+                readonly onEdit?: ((...args: any[]) => any) | undefined;
+                readonly onRemove?: ((...args: any[]) => any) | undefined;
+                readonly onSave?: ((...args: any[]) => any) | undefined;
+            } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                panelRef: ({
+                    $: ComponentInternalInstance;
+                    $data: {};
+                    $props: Partial<{
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }> & Omit<{
+                        readonly fit: boolean;
+                        readonly radius: boolean;
+                        readonly border: boolean;
+                        readonly card: boolean;
+                        readonly size?: BaseSize | undefined;
+                        readonly height?: string | number | undefined;
+                        readonly width?: string | number | undefined;
+                        readonly body?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly footer?: Readonly<Partial< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | undefined;
+                        readonly header?: string | Readonly<Partial< ExtractPropTypes<{
+                            size: {
+                                type: PropType<BaseSize>;
+                                default: string;
+                            };
+                            content: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            subtitle: {
+                                type: StringConstructor;
+                            };
+                            icon: {
+                                type: PropType<IconParam>;
+                            };
+                            border: {
+                                type: BooleanConstructor;
+                            };
+                            more: {
+                                type: BooleanConstructor;
+                            };
+                        }>>> | null | undefined;
+                        readonly shadow?: "hover" | "none" | "always" | undefined;
+                    } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "fit" | "radius" | "border" | "card">;
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        bodyRef: ({
+                            $: ComponentInternalInstance;
+                            $data: {};
+                            $props: Partial<{
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }> & Omit<{
+                                readonly padding: boolean;
+                                readonly tag: string;
+                                readonly wrap: ContainerWrap;
+                                readonly fit: boolean;
+                                readonly flex: boolean;
+                                readonly inline: boolean;
+                                readonly direction: ContainerDirection;
+                                readonly justify: ContainerJustifyContent;
+                                readonly align: ContainerAlignItems;
+                                readonly alignContent: ContainerAlignContent;
+                                readonly grow: boolean;
+                                readonly shrink: boolean;
+                                readonly alignSelf: "auto" | ContainerAlignItems;
+                                readonly gap: boolean;
+                                readonly autoPointer: boolean;
+                                readonly width?: string | number | undefined;
+                                readonly height?: string | number | undefined;
+                                readonly overflow?: "hidden" | "auto" | "visible" | undefined;
+                            } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer">;
+                            $attrs: {
+                                [x: string]: unknown;
+                            };
+                            $refs: {
+                                [x: string]: unknown;
+                            } & {
+                                elRef: unknown;
+                            };
+                            $slots: Readonly<{
+                                [name: string]: Slot<any> | undefined;
+                            }>;
+                            $root: ComponentPublicInstance | null;
+                            $parent: ComponentPublicInstance | null;
+                            $host: Element | null;
+                            $emit: (event: string, ...args: any[]) => void;
+                            $el: any;
+                            $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                                tag: {
+                                    type: StringConstructor;
+                                    default: string;
+                                };
+                                fit: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                width: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                height: {
+                                    type: (StringConstructor | NumberConstructor)[];
+                                };
+                                flex: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                inline: {
+                                    type: BooleanConstructor;
+                                };
+                                direction: {
+                                    type: PropType<ContainerDirection>;
+                                    default: string;
+                                };
+                                wrap: {
+                                    type: PropType<ContainerWrap>;
+                                    default: string;
+                                };
+                                justify: {
+                                    type: PropType<ContainerJustifyContent>;
+                                    default: string;
+                                };
+                                align: {
+                                    type: PropType<ContainerAlignItems>;
+                                    default: string;
+                                };
+                                alignContent: {
+                                    type: PropType<ContainerAlignContent>;
+                                    default: string;
+                                };
+                                grow: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                shrink: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                alignSelf: {
+                                    type: PropType<"auto" | ContainerAlignItems>;
+                                    default: string;
+                                };
+                                overflow: {
+                                    type: PropType<"auto" | "hidden" | "visible">;
+                                };
+                                padding: {
+                                    type: BooleanConstructor;
+                                    default: boolean;
+                                };
+                                gap: {
+                                    type: BooleanConstructor;
+                                };
+                                autoPointer: {
+                                    type: BooleanConstructor;
+                                };
+                            }>> & Readonly<{}>, {
+                                $vtjEl: ComputedRef<any>;
+                            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                                padding: boolean;
+                                tag: string;
+                                wrap: ContainerWrap;
+                                fit: boolean;
+                                flex: boolean;
+                                inline: boolean;
+                                direction: ContainerDirection;
+                                justify: ContainerJustifyContent;
+                                align: ContainerAlignItems;
+                                alignContent: ContainerAlignContent;
+                                grow: boolean;
+                                shrink: boolean;
+                                alignSelf: "auto" | ContainerAlignItems;
+                                gap: boolean;
+                                autoPointer: boolean;
+                            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                            };
+                            $forceUpdate: () => void;
+                            $nextTick: nextTick;
+                            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                        } & Readonly<{
+                            padding: boolean;
+                            tag: string;
+                            wrap: ContainerWrap;
+                            fit: boolean;
+                            flex: boolean;
+                            inline: boolean;
+                            direction: ContainerDirection;
+                            justify: ContainerJustifyContent;
+                            align: ContainerAlignItems;
+                            alignContent: ContainerAlignContent;
+                            grow: boolean;
+                            shrink: boolean;
+                            alignSelf: "auto" | ContainerAlignItems;
+                            gap: boolean;
+                            autoPointer: boolean;
+                        }> & Omit<Readonly< ExtractPropTypes<{
+                            tag: {
+                                type: StringConstructor;
+                                default: string;
+                            };
+                            fit: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            width: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            height: {
+                                type: (StringConstructor | NumberConstructor)[];
+                            };
+                            flex: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            inline: {
+                                type: BooleanConstructor;
+                            };
+                            direction: {
+                                type: PropType<ContainerDirection>;
+                                default: string;
+                            };
+                            wrap: {
+                                type: PropType<ContainerWrap>;
+                                default: string;
+                            };
+                            justify: {
+                                type: PropType<ContainerJustifyContent>;
+                                default: string;
+                            };
+                            align: {
+                                type: PropType<ContainerAlignItems>;
+                                default: string;
+                            };
+                            alignContent: {
+                                type: PropType<ContainerAlignContent>;
+                                default: string;
+                            };
+                            grow: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            shrink: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            alignSelf: {
+                                type: PropType<"auto" | ContainerAlignItems>;
+                                default: string;
+                            };
+                            overflow: {
+                                type: PropType<"auto" | "hidden" | "visible">;
+                            };
+                            padding: {
+                                type: BooleanConstructor;
+                                default: boolean;
+                            };
+                            gap: {
+                                type: BooleanConstructor;
+                            };
+                            autoPointer: {
+                                type: BooleanConstructor;
+                            };
+                        }>> & Readonly<{}>, ("padding" | "tag" | "wrap" | "fit" | "flex" | "inline" | "direction" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer") | "$vtjEl"> & ShallowUnwrapRef<{
+                            $vtjEl: ComputedRef<any>;
+                        }> & {} & ComponentCustomProperties & {} & {
+                            $slots: {
+                                default?(_: {}): any;
+                            };
+                        }) | null;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: Slot<any> | undefined;
+                    }>;
+                    $root: ComponentPublicInstance | null;
+                    $parent: ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: (event: string, ...args: any[]) => void;
+                    $el: any;
+                    $options: ComponentOptionsBase<Readonly< ExtractPropTypes<{
+                        fit: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        width: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        height: {
+                            type: (StringConstructor | NumberConstructor)[];
+                        };
+                        border: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        radius: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        card: {
+                            type: BooleanConstructor;
+                        };
+                        size: {
+                            type: PropType<BaseSize>;
+                        };
+                        shadow: {
+                            type: PropType<"none" | "always" | "hover">;
+                        };
+                        header: {
+                            type: PropType<string | HeaderProps | null>;
+                        };
+                        body: {
+                            type: PropType<ContainerProps>;
+                        };
+                        footer: {
+                            type: PropType<ContainerProps>;
+                        };
+                    }>> & Readonly<{}>, {
+                        bodyRef: Ref<any, any>;
+                    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+                        radius: boolean;
+                        fit: boolean;
+                        border: boolean;
+                        card: boolean;
+                    }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+                } & Readonly<{
+                    radius: boolean;
+                    fit: boolean;
+                    border: boolean;
+                    card: boolean;
+                }> & Omit<Readonly< ExtractPropTypes<{
+                    fit: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    width: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    height: {
+                        type: (StringConstructor | NumberConstructor)[];
+                    };
+                    border: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    radius: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    card: {
+                        type: BooleanConstructor;
+                    };
+                    size: {
+                        type: PropType<BaseSize>;
+                    };
+                    shadow: {
+                        type: PropType<"none" | "always" | "hover">;
+                    };
+                    header: {
+                        type: PropType<string | HeaderProps | null>;
+                    };
+                    body: {
+                        type: PropType<ContainerProps>;
+                    };
+                    footer: {
+                        type: PropType<ContainerProps>;
+                    };
+                }>> & Readonly<{}>, "fit" | "radius" | "border" | "card" | "bodyRef"> & ShallowUnwrapRef<{
+                    bodyRef: Ref<any, any>;
+                }> & {} & ComponentCustomProperties & {} & {
+                    $slots: {
+                        header?(_: {}): any;
+                        title?(_: {}): any;
+                        actions?(_: {}): any;
+                        default?(_: {}): any;
+                        footer?(_: {}): any;
+                    };
+                }) | null;
+            };
+            $slots: Readonly<{
+                [name: string]: Slot<any> | undefined;
+            }>;
+            $root: ComponentPublicInstance | null;
+            $parent: ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "command", ...args: any[]) => void) & ((event: "refresh", ...args: any[]) => void) & ((event: "plus", ...args: any[]) => void) & ((event: "back", ...args: any[]) => void) & ((event: "edit", ...args: any[]) => void) & ((event: "remove", ...args: any[]) => void) & ((event: "save", ...args: any[]) => void);
+            $el: any;
+            $options: ComponentOptionsBase<Readonly< Props> & Readonly<{
+                onCommand?: ((...args: any[]) => any) | undefined;
+                onRefresh?: ((...args: any[]) => any) | undefined;
+                onPlus?: ((...args: any[]) => any) | undefined;
+                onBack?: ((...args: any[]) => any) | undefined;
+                onEdit?: ((...args: any[]) => any) | undefined;
+                onRemove?: ((...args: any[]) => any) | undefined;
+                onSave?: ((...args: any[]) => any) | undefined;
+            }>, {
+                panelRef: Ref<any, any>;
+                scrollToBottom: () => void;
+                autoScrollToBottom: (diff?: number) => void;
+                scrollToTop: () => void;
+            }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+                command: (...args: any[]) => void;
+                refresh: (...args: any[]) => void;
+                plus: (...args: any[]) => void;
+                back: (...args: any[]) => void;
+                edit: (...args: any[]) => void;
+                remove: (...args: any[]) => void;
+                save: (...args: any[]) => void;
+            }, string, {
+                header: boolean;
+                menus: ActionMenuItem[];
+            }, {}, string, {}, GlobalComponents, GlobalDirectives, string, 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: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+        } & Readonly<{
+            header: boolean;
+            menus: ActionMenuItem[];
+        }> & Omit<Readonly< Props> & Readonly<{
+            onCommand?: ((...args: any[]) => any) | undefined;
+            onRefresh?: ((...args: any[]) => any) | undefined;
+            onPlus?: ((...args: any[]) => any) | undefined;
+            onBack?: ((...args: any[]) => any) | undefined;
+            onEdit?: ((...args: any[]) => any) | undefined;
+            onRemove?: ((...args: any[]) => any) | undefined;
+            onSave?: ((...args: any[]) => any) | undefined;
+        }>, "panelRef" | "scrollToBottom" | "autoScrollToBottom" | "scrollToTop" | ("header" | "menus")> & ShallowUnwrapRef<{
+            panelRef: Ref<any, any>;
+            scrollToBottom: () => void;
+            autoScrollToBottom: (diff?: number) => void;
+            scrollToTop: () => void;
+        }> & {} & ComponentCustomProperties & {} & {
+            $slots: {
+                actions?(_: {}): any;
+                default?(_: {}): any;
+                footer?(_: {}): any;
+            };
+        }) | null;
+        listRef: HTMLDivElement;
+    }, any>;
 };