@vtj/designer 0.11.16 → 0.12.0-alpha.1

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

@@ -1,7 +1,7 @@
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
-import { ActionMenuItem } from '@vtj/ui';
-import { Props } from '../../shared/panel';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, GlobalComponents, GlobalDirectives, DebuggerEvent, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, Ref, nextTick } from 'vue';
+import { ActionMenuItem, BaseSize, ContainerDirection, ContainerWrap, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent, IconParam, HeaderProps, ContainerProps } from '@vtj/ui';
 import { OnCleanup } from '@vue/reactivity';
+import { Props } from '../../shared/panel';
 export interface Props {
     url?: string;
 }
@@ -39,6 +39,565 @@ declare const _default: DefineComponent<Props, {
         };
         $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;
@@ -56,7 +615,12 @@ declare const _default: DefineComponent<Props, {
             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;
@@ -98,7 +662,12 @@ declare const _default: DefineComponent<Props, {
         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;