@vtj/designer/types/components/widgets/style/spacing-input.d.ts

VTJ 是一款基于 Vue3 + Typescript 的低代码页面可视化设计器。内置低代码引擎、渲染器和代码生成器，面向前端开发者，开箱即用。 无缝嵌入本地开发工程，不改变前端开发流程和编码习惯。

import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, Slot, ComponentPublicInstance, ComponentOptionsBase, ExtractPropTypes, PropType, ComputedRef, GlobalComponents, GlobalDirectives, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
import { ContainerWrap, ContainerDirection, ContainerJustifyContent, ContainerAlignItems, ContainerAlignContent } from '@vtj/ui';
import { OnCleanup } from '@vue/reactivity';
export interface Props {
    name: string;
    modelValue?: string;
    auto?: boolean;
}
declare const _default: DefineComponent<Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
    close: (...args: any[]) => void;
    submit: (...args: any[]) => void;
    "update:modelValue": (...args: any[]) => void;
}, string, PublicProps, Readonly<Props> & Readonly<{
    onClose?: ((...args: any[]) => any) | undefined;
    onSubmit?: ((...args: any[]) => any) | undefined;
    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
    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 tag: string;
            readonly direction: ContainerDirection;
            readonly inline: boolean;
            readonly fit: boolean;
            readonly padding: boolean;
            readonly flex: boolean;
            readonly wrap: ContainerWrap;
            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 height?: string | number | undefined;
            readonly width?: string | number | undefined;
            readonly overflow?: "visible" | "hidden" | "auto" | undefined;
        } & VNodeProps & AllowedComponentProps & ComponentCustomProps, "tag" | "direction" | "inline" | "fit" | "padding" | "flex" | "wrap" | "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<{}>, "tag" | "direction" | "$vtjEl" | "inline" | "fit" | "padding" | "flex" | "wrap" | "justify" | "align" | "alignContent" | "grow" | "shrink" | "alignSelf" | "gap" | "autoPointer"> & ShallowUnwrapRef<{
        $vtjEl: ComputedRef<any>;
    }> & {} & ComponentCustomProperties & {} & {
        $slots: {
            default?(_: {}): any;
        };
    }) | null;
}, HTMLDivElement>;
export default _default;