@vunk/form 0.0.0-alpha.1 → 0.0.0-alpha.10

package/components/form/index.js

@@ -5,9 +5,31 @@ import { VkfFormItemRenderer, _VkfFormItemRendererUtils } from '@vunk/form/compo
 import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
 import { VkfInput } from '@vunk/form/components/input';
 import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus/ctx';
+import { getValue } from '@vunk/form/shared/helper';
+import { VkfSwitch } from '@vunk/form/components/switch';
+import { VkfSelect } from '@vunk/form/components/select';
+import { VkfDatePicker } from '@vunk/form/components/date-picker';
 
-const props = {
-  ...formProps,
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues({}, formProps), {
   data: {
     type: Object,
     default: () => ({})
@@ -15,14 +37,18 @@ const props = {
   formItems: {
     type: Array,
     default: () => []
+  },
+  elRef: {
+    type: Function,
+    default: () => () => {
+    }
   }
-};
+});
 const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...formEmits,
+const emits = __spreadProps(__spreadValues({}, formEmits), {
   setData: (e) => e,
   validate: null
-};
+});
 const createOnEmits = onEmitsFactory(emits);
 
 var ctx = /*#__PURE__*/Object.freeze({
@@ -40,14 +66,18 @@ var script = defineComponent({
     ElForm,
     VkfFormItemRenderer,
     VkfFormItemRendererTemplate,
-    VkfInput
+    VkfInput,
+    VkfSwitch,
+    VkfSelect,
+    VkfDatePicker
   },
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
     const formEmits = createFormOnEmits(emit);
     return {
       formProps,
-      formEmits
+      formEmits,
+      getValue
     };
   }
 });
@@ -55,10 +85,14 @@ var script = defineComponent({
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfInput = resolveComponent("VkfInput");
   const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_VkfSwitch = resolveComponent("VkfSwitch");
+  const _component_VkfSelect = resolveComponent("VkfSelect");
+  const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
   return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
-    model: _ctx.model || _ctx.data
+    model: _ctx.model || _ctx.data,
+    ref: _ctx.elRef
   }), {
     default: withCtx(() => [
       createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
@@ -66,8 +100,47 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
             default: withCtx(({ data: sourceData }) => [
               createVNode(_component_VkfInput, mergeProps({
-                modelValue: _ctx.data[sourceData.prop],
-                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", { k: sourceData.prop, v: $event })
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfSwitch, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfSelect, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
+              }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
+            ]),
+            _: 1
+          }),
+          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
+            default: withCtx(({ data: sourceData }) => [
+              createVNode(_component_VkfDatePicker, mergeProps({
+                modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+                "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+                  k: sourceData.prop,
+                  v: $event
+                })
               }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])
             ]),
             _: 1

package/components/form/src/ctx.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import { SetDataEvent } from '@vunk/form/shared/types';
 export declare const props: {
     data: {
         type: PropType<Record<string, any>>;
@@ -6,32 +7,312 @@ export declare const props: {
     };
     formItems: {
         type: PropType<any[]>;
-        default: () => never[];
+        default: () => any[];
+    };
+    elRef: {
+        type: PropType<(arg: {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                readonly disabled: boolean;
+                readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+                readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelSuffix: string;
+                readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly inline: boolean;
+                readonly inlineMessage: boolean;
+                readonly statusIcon: boolean;
+                readonly scrollToError: boolean;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: {
+                    readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+                readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly size: {
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly disabled: BooleanConstructor;
+                readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly scrollToError: BooleanConstructor;
+            }>> & {
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "labelWidth" | "inlineMessage" | "showMessage" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+            $emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: {
+                    readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+                readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly size: {
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly disabled: BooleanConstructor;
+                readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly scrollToError: BooleanConstructor;
+            }>> & {
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+            }, {
+                COMPONENT_NAME: string;
+                props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                    readonly model: ObjectConstructor;
+                    readonly rules: {
+                        readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                        readonly required: false;
+                        readonly validator: (val: unknown) => boolean;
+                        __epPropKey: true;
+                    };
+                    readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+                    readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                    readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                    readonly inline: BooleanConstructor;
+                    readonly inlineMessage: BooleanConstructor;
+                    readonly statusIcon: BooleanConstructor;
+                    readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                    readonly size: {
+                        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                        readonly required: false;
+                        readonly validator: (val: unknown) => boolean;
+                        __epPropKey: true;
+                    };
+                    readonly disabled: BooleanConstructor;
+                    readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                    readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                    readonly scrollToError: BooleanConstructor;
+                }>> & {
+                    onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+                }>>;
+                emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+                fields: import("element-plus").FormItemContext[];
+                formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+                ns: {
+                    namespace: import("vue").ComputedRef<string>;
+                    b: (blockSuffix?: string) => string;
+                    e: (element?: string) => string;
+                    m: (modifier?: string) => string;
+                    be: (blockSuffix?: string, element?: string) => string;
+                    em: (element?: string, modifier?: string) => string;
+                    bm: (blockSuffix?: string, modifier?: string) => string;
+                    bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                    is: {
+                        (name: string, state: boolean): string;
+                        (name: string): string;
+                    };
+                    cssVar: (object: Record<string, string>) => Record<string, string>;
+                    cssVarName: (name: string) => string;
+                    cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                    cssVarBlockName: (name: string) => string;
+                };
+                formClasses: import("vue").ComputedRef<(string | {
+                    [x: string]: boolean | import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+                })[]>;
+                addField: (field: import("element-plus").FormItemContext) => void;
+                removeField: (field: import("element-plus").FormItemContext) => void;
+                resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+                clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+                isValidatable: import("vue").ComputedRef<boolean>;
+                obtainValidateFields: (props: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => import("element-plus").FormItemContext[];
+                validate: (callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+                doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => Promise<boolean>;
+                validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>, callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+                scrollToField: (prop: import("element-plus").FormItemProp) => void;
+            }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                validate: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => boolean;
+            }, string, {
+                readonly disabled: boolean;
+                readonly labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+                readonly labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+                readonly labelSuffix: string;
+                readonly showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+                readonly inline: boolean;
+                readonly inlineMessage: boolean;
+                readonly statusIcon: boolean;
+                readonly scrollToError: boolean;
+            }> & {
+                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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            readonly model: ObjectConstructor;
+            readonly rules: {
+                readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                readonly required: false;
+                readonly validator: (val: unknown) => boolean;
+                __epPropKey: true;
+            };
+            readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+            readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+            readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+            readonly inline: BooleanConstructor;
+            readonly inlineMessage: BooleanConstructor;
+            readonly statusIcon: BooleanConstructor;
+            readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly size: {
+                readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                readonly required: false;
+                readonly validator: (val: unknown) => boolean;
+                __epPropKey: true;
+            };
+            readonly disabled: BooleanConstructor;
+            readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+            readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+            readonly scrollToError: BooleanConstructor;
+        }>> & {
+            onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+        } & import("vue").ShallowUnwrapRef<{
+            COMPONENT_NAME: string;
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly model: ObjectConstructor;
+                readonly rules: {
+                    readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+                readonly labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+                readonly labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+                readonly inline: BooleanConstructor;
+                readonly inlineMessage: BooleanConstructor;
+                readonly statusIcon: BooleanConstructor;
+                readonly showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly size: {
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+                    readonly required: false;
+                    readonly validator: (val: unknown) => boolean;
+                    __epPropKey: true;
+                };
+                readonly disabled: BooleanConstructor;
+                readonly validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+                readonly hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+                readonly scrollToError: BooleanConstructor;
+            }>> & {
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+            }>>;
+            emit: (event: "validate", prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => void;
+            fields: import("element-plus").FormItemContext[];
+            formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string) => string;
+                m: (modifier?: string) => string;
+                be: (blockSuffix?: string, element?: string) => string;
+                em: (element?: string, modifier?: string) => string;
+                bm: (blockSuffix?: string, modifier?: string) => string;
+                bem: (blockSuffix?: string, element?: string, modifier?: string) => string;
+                is: {
+                    (name: string, state: boolean): string;
+                    (name: string): string;
+                };
+                cssVar: (object: Record<string, string>) => Record<string, string>;
+                cssVarName: (name: string) => string;
+                cssVarBlock: (object: Record<string, string>) => Record<string, string>;
+                cssVarBlockName: (name: string) => string;
+            };
+            formClasses: import("vue").ComputedRef<(string | {
+                [x: string]: boolean | import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+            })[]>;
+            addField: (field: import("element-plus").FormItemContext) => void;
+            removeField: (field: import("element-plus").FormItemContext) => void;
+            resetFields: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+            clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => void;
+            isValidatable: import("vue").ComputedRef<boolean>;
+            obtainValidateFields: (props: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => import("element-plus").FormItemContext[];
+            validate: (callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+            doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>) => Promise<boolean>;
+            validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp>, callback?: import("element-plus").FormValidateCallback) => import("element-plus").FormValidationResult;
+            scrollToField: (prop: import("element-plus").FormItemProp) => void;
+        }> & {} & {} & import("vue").ComponentCustomProperties) => any>;
+        default: () => () => void;
     };
     model: ObjectConstructor;
-    rules: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>, unknown, unknown, unknown, unknown>;
-    labelPosition: StringConstructor;
-    labelWidth: import("element-plus/es/utils").BuildPropReturn<readonly [StringConstructor, NumberConstructor], "", unknown, unknown, unknown>;
-    labelSuffix: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    rules: {
+        readonly type: PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
+        readonly required: false;
+        readonly validator: (val: unknown) => boolean;
+        __epPropKey: true;
+    };
+    labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    labelSuffix: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     inline: BooleanConstructor;
     inlineMessage: BooleanConstructor;
     statusIcon: BooleanConstructor;
-    showMessage: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    size: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, "" | "small" | "default" | "large", unknown>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    size: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
+        readonly required: false;
+        readonly validator: (val: unknown) => boolean;
+        __epPropKey: true;
+    };
     disabled: BooleanConstructor;
-    validateOnRuleChange: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    hideRequiredAsterisk: import("element-plus/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    validateOnRuleChange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     scrollToError: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends (keyof T2)[] | undefined, K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "data" | "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("size" | "disabled" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "data" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems" | "elRef")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "size" | "disabled" | "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "data" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems" | "elRef">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const emits: {
-    setData: (e: {
-        v: any;
-        k: any;
-    }) => {
-        v: any;
-        k: any;
-    };
-    validate: null;
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
+    validate: any;
 };
-export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("validate" | "setData")[], K extends "validate" | "setData">(emit: T2, excludes?: EX | undefined) => { [k in K]: T2; };
+export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("validate" | "setData")[], K extends "validate" | "setData">(emit: T2, excludes?: EX) => { [k in K]: T2; };