UNPKG

epic-designer-gold

Version:

基于vue3的设计器,可视化开发页面表单

370 lines (369 loc) 18 kB
declare function __VLS_template(): { attrs: Partial<{}>; slots: { default?(_: {}): any; }; refs: { form: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{ required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }> & Omit<{ readonly labelPosition: "left" | "right" | "top" | ""; readonly showMessage: boolean; readonly required?: boolean | undefined; readonly label?: string | undefined; readonly rules?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule> | undefined; readonly size?: import('element-plus').ComponentSize | undefined; readonly labelWidth?: string | number | undefined; readonly error?: string | undefined; readonly inlineMessage?: boolean | undefined; readonly prop?: import('element-plus').FormItemProp | undefined; readonly validateStatus?: import('element-plus').FormItemValidateState | undefined; readonly for?: string | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "required" | "labelPosition" | "inlineMessage" | "showMessage">; $attrs: import('vue').Attrs; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ required: { type: import('vue').PropType<boolean>; default: undefined; }; label: { type: import('vue').PropType<string>; }; rules: { type: import('vue').PropType<import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule>>; }; size: { type: import('vue').PropType<"" | "small" | "default" | "large">; }; labelWidth: { type: import('vue').PropType<string | number>; }; error: { type: import('vue').PropType<string>; }; labelPosition: { type: import('vue').PropType<"" | "right" | "left" | "top">; default: string; }; inlineMessage: { type: import('vue').PropType<boolean>; default: undefined; }; showMessage: { type: import('vue').PropType<boolean>; default: boolean; }; prop: { type: import('vue').PropType<import('element-plus').FormItemProp>; }; validateStatus: { type: import('vue').PropType<"" | "error" | "success" | "validating">; }; for: { type: import('vue').PropType<string>; }; }>>, { size: import('vue').ComputedRef<"" | "default" | "small" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "success" | "error" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; setInitialValue: (value: any) => void; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, { required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import('vue').nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle; } & Readonly<{ required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }> & Omit<Readonly<import('vue').ExtractPropTypes<{ required: { type: import('vue').PropType<boolean>; default: undefined; }; label: { type: import('vue').PropType<string>; }; rules: { type: import('vue').PropType<import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule>>; }; size: { type: import('vue').PropType<"" | "small" | "default" | "large">; }; labelWidth: { type: import('vue').PropType<string | number>; }; error: { type: import('vue').PropType<string>; }; labelPosition: { type: import('vue').PropType<"" | "right" | "left" | "top">; default: string; }; inlineMessage: { type: import('vue').PropType<boolean>; default: undefined; }; showMessage: { type: import('vue').PropType<boolean>; default: boolean; }; prop: { type: import('vue').PropType<import('element-plus').FormItemProp>; }; validateStatus: { type: import('vue').PropType<"" | "error" | "success" | "validating">; }; for: { type: import('vue').PropType<string>; }; }>>, "required" | "size" | "validate" | "labelPosition" | "inlineMessage" | "showMessage" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & import('vue').ShallowUnwrapRef<{ size: import('vue').ComputedRef<"" | "default" | "small" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "success" | "error" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; setInitialValue: (value: any) => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: { label?: (props: { label: string; }) => any; } & { default?: (props: {}) => any; } & { error?: (props: { error: string; }) => any; }; }) | null; }; rootEl: any; }; type __VLS_TemplateResult = ReturnType<typeof __VLS_template>; declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, { form: ({ $: import('vue').ComponentInternalInstance; $data: {}; $props: Partial<{ required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }> & Omit<{ readonly labelPosition: "left" | "right" | "top" | ""; readonly showMessage: boolean; readonly required?: boolean | undefined; readonly label?: string | undefined; readonly rules?: import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule> | undefined; readonly size?: import('element-plus').ComponentSize | undefined; readonly labelWidth?: string | number | undefined; readonly error?: string | undefined; readonly inlineMessage?: boolean | undefined; readonly prop?: import('element-plus').FormItemProp | undefined; readonly validateStatus?: import('element-plus').FormItemValidateState | undefined; readonly for?: string | undefined; } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "required" | "labelPosition" | "inlineMessage" | "showMessage">; $attrs: import('vue').Attrs; $refs: { [x: string]: unknown; }; $slots: Readonly<{ [name: string]: import('vue').Slot<any> | undefined; }>; $root: import('vue').ComponentPublicInstance | null; $parent: import('vue').ComponentPublicInstance | null; $host: Element | null; $emit: (event: string, ...args: any[]) => void; $el: any; $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{ required: { type: import('vue').PropType<boolean>; default: undefined; }; label: { type: import('vue').PropType<string>; }; rules: { type: import('vue').PropType<import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule>>; }; size: { type: import('vue').PropType<"" | "small" | "default" | "large">; }; labelWidth: { type: import('vue').PropType<string | number>; }; error: { type: import('vue').PropType<string>; }; labelPosition: { type: import('vue').PropType<"" | "right" | "left" | "top">; default: string; }; inlineMessage: { type: import('vue').PropType<boolean>; default: undefined; }; showMessage: { type: import('vue').PropType<boolean>; default: boolean; }; prop: { type: import('vue').PropType<import('element-plus').FormItemProp>; }; validateStatus: { type: import('vue').PropType<"" | "error" | "success" | "validating">; }; for: { type: import('vue').PropType<string>; }; }>>, { size: import('vue').ComputedRef<"" | "default" | "small" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "success" | "error" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; setInitialValue: (value: any) => void; }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, { required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & { beforeCreate?: (() => void) | (() => void)[]; created?: (() => void) | (() => void)[]; beforeMount?: (() => void) | (() => void)[]; mounted?: (() => void) | (() => void)[]; beforeUpdate?: (() => void) | (() => void)[]; updated?: (() => void) | (() => void)[]; activated?: (() => void) | (() => void)[]; deactivated?: (() => void) | (() => void)[]; beforeDestroy?: (() => void) | (() => void)[]; beforeUnmount?: (() => void) | (() => void)[]; destroyed?: (() => void) | (() => void)[]; unmounted?: (() => void) | (() => void)[]; renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[]; errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[]; }; $forceUpdate: () => void; $nextTick: typeof import('vue').nextTick; $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle; } & Readonly<{ required: boolean; labelPosition: "left" | "right" | "top" | ""; inlineMessage: boolean; showMessage: boolean; }> & Omit<Readonly<import('vue').ExtractPropTypes<{ required: { type: import('vue').PropType<boolean>; default: undefined; }; label: { type: import('vue').PropType<string>; }; rules: { type: import('vue').PropType<import('element-plus/es/utils').Arrayable<import('element-plus').FormItemRule>>; }; size: { type: import('vue').PropType<"" | "small" | "default" | "large">; }; labelWidth: { type: import('vue').PropType<string | number>; }; error: { type: import('vue').PropType<string>; }; labelPosition: { type: import('vue').PropType<"" | "right" | "left" | "top">; default: string; }; inlineMessage: { type: import('vue').PropType<boolean>; default: undefined; }; showMessage: { type: import('vue').PropType<boolean>; default: boolean; }; prop: { type: import('vue').PropType<import('element-plus').FormItemProp>; }; validateStatus: { type: import('vue').PropType<"" | "error" | "success" | "validating">; }; for: { type: import('vue').PropType<string>; }; }>>, "required" | "size" | "validate" | "labelPosition" | "inlineMessage" | "showMessage" | "clearValidate" | "validateMessage" | "validateState" | "resetField" | "setInitialValue"> & import('vue').ShallowUnwrapRef<{ size: import('vue').ComputedRef<"" | "default" | "small" | "large">; validateMessage: import('vue').Ref<string>; validateState: import('vue').Ref<"" | "success" | "error" | "validating">; validate: (trigger: string, callback?: import('element-plus').FormValidateCallback) => import('element-plus').FormValidationResult; clearValidate: () => void; resetField: () => void; setInitialValue: (value: any) => void; }> & {} & import('vue').ComponentCustomProperties & {} & { $slots: { label?: (props: { label: string; }) => any; } & { default?: (props: {}) => any; } & { error?: (props: { error: string; }) => any; }; }) | null; }, any>; declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>; export default _default; type __VLS_WithTemplateSlots<T, S> = T & { new (): { $slots: S; }; };