@vtj/ui 0.0.6 → 0.4.1

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

@@ -0,0 +1,118 @@
+import { ComponentInternalInstance, VNodeRef, VNode, RendererNode, RendererElement, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { WithInstall } from '../../utils';
+import Page from './Page.vue';
+export declare const XPage: WithInstall<{
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            fit?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: VNode<RendererNode, RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            fit: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+            fit: boolean;
+        }, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        fit: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
+    fit: boolean;
+}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})> & Record<string, any>;
+export default XPage;
+export { Page };
+export * from './page';

package/types/components/page/page.d.ts

@@ -0,0 +1,9 @@
+import { ExtractPropTypes } from 'vue';
+import { BlockProps } from '../block';
+export declare const pageProps: {
+    fit: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export type PageProps = BlockProps & Partial<ExtractPropTypes<typeof pageProps>>;

package/types/components/panel/Panel.vue.d.ts

@@ -0,0 +1,573 @@
+import { DefineComponent, PropType, ExtractPropTypes, ComputedRef, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
+import { IconParam, PanelShadow, ToolbarButtonGroup, ToolbarItem, BlockDirection, BlockWrap, BlockOverflow, ToolMenu, ToolValue } from '../..';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<{
+    title: {
+        type: StringConstructor;
+    };
+    icon: {
+        type: PropType<IconParam>;
+    };
+    shadow: {
+        type: PropType<PanelShadow>;
+        default: string;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolbar: {
+        type: PropType<Partial<ExtractPropTypes<{
+            button: {
+                type: PropType<ToolbarButtonGroup>;
+            };
+            items: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            hiddenOnDisabled: {
+                type: BooleanConstructor;
+            };
+        }>>>;
+    };
+    header: {
+        type: PropType<Boolean | Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+        default: boolean;
+    };
+    body: {
+        type: PropType<Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+    };
+    footer: {
+        type: PropType<Boolean | Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+        default: boolean;
+    };
+}, {
+    panel: ComputedRef<ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null | undefined>;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    toolClick: (value?: ToolValue) => boolean;
+    toolCommand: (value: ToolValue, menu: ToolMenu) => boolean;
+    toolClose: (value: ToolValue, menu: ToolMenu) => boolean;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+    };
+    icon: {
+        type: PropType<IconParam>;
+    };
+    shadow: {
+        type: PropType<PanelShadow>;
+        default: string;
+    };
+    small: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    toolbar: {
+        type: PropType<Partial<ExtractPropTypes<{
+            button: {
+                type: PropType<ToolbarButtonGroup>;
+            };
+            items: {
+                type: PropType<ToolbarItem[]>;
+                default: () => never[];
+            };
+            hiddenOnDisabled: {
+                type: BooleanConstructor;
+            };
+        }>>>;
+    };
+    header: {
+        type: PropType<Boolean | Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+        default: boolean;
+    };
+    body: {
+        type: PropType<Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+    };
+    footer: {
+        type: PropType<Boolean | Partial<ExtractPropTypes<{
+            flex: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            width: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            height: {
+                type: (StringConstructor | NumberConstructor)[];
+            };
+            direction: {
+                type: PropType<BlockDirection>;
+                default: string;
+            };
+            grow: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            shrink: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            wrap: {
+                type: PropType<BlockWrap>;
+                default: string;
+            };
+            justify: {
+                type: StringConstructor;
+                default: string;
+            };
+            align: {
+                type: StringConstructor;
+                default: string;
+            };
+            border: {
+                type: BooleanConstructor;
+            };
+            radius: {
+                type: BooleanConstructor;
+            };
+            background: {
+                type: BooleanConstructor;
+            };
+            split: {
+                type: BooleanConstructor;
+            };
+            fit: {
+                type: BooleanConstructor;
+            };
+            overflow: {
+                type: PropType<BlockOverflow>;
+                default: string;
+            };
+            padding: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>>>;
+        default: boolean;
+    };
+}>> & {
+    onToolClick?: ((value?: ToolValue) => any) | undefined;
+    onToolCommand?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
+    onToolClose?: ((value: ToolValue, menu: ToolMenu) => any) | undefined;
+}, {
+    small: boolean;
+    footer: Boolean | Partial<ExtractPropTypes<{
+        flex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        direction: {
+            type: PropType<BlockDirection>;
+            default: string;
+        };
+        grow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        shrink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wrap: {
+            type: PropType<BlockWrap>;
+            default: string;
+        };
+        justify: {
+            type: StringConstructor;
+            default: string;
+        };
+        align: {
+            type: StringConstructor;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+        };
+        radius: {
+            type: BooleanConstructor;
+        };
+        background: {
+            type: BooleanConstructor;
+        };
+        split: {
+            type: BooleanConstructor;
+        };
+        fit: {
+            type: BooleanConstructor;
+        };
+        overflow: {
+            type: PropType<BlockOverflow>;
+            default: string;
+        };
+        padding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>;
+    header: Boolean | Partial<ExtractPropTypes<{
+        flex: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        width: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        height: {
+            type: (StringConstructor | NumberConstructor)[];
+        };
+        direction: {
+            type: PropType<BlockDirection>;
+            default: string;
+        };
+        grow: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        shrink: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        wrap: {
+            type: PropType<BlockWrap>;
+            default: string;
+        };
+        justify: {
+            type: StringConstructor;
+            default: string;
+        };
+        align: {
+            type: StringConstructor;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+        };
+        radius: {
+            type: BooleanConstructor;
+        };
+        background: {
+            type: BooleanConstructor;
+        };
+        split: {
+            type: BooleanConstructor;
+        };
+        fit: {
+            type: BooleanConstructor;
+        };
+        overflow: {
+            type: PropType<BlockOverflow>;
+            default: string;
+        };
+        padding: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>>;
+    shadow: PanelShadow;
+}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+    default?(_: {}): any;
+    footer?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};