@vunk/form 0.0.0-alpha.8 → 0.0.1-alpha.3

package/components/form/index.js

@@ -1,17 +1,31 @@
 import { formProps, formEmits, ElForm } from 'element-plus';
-import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, toHandlers, withCtx, createVNode, renderSlot } from 'vue';
-import { VkfFormItemRenderer, _VkfFormItemRendererUtils } from '@vunk/form/components/form-item-renderer';
-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';
+import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
+import { createFormBindProps, createFormOnEmits } from '@vunk/form/shared/element-plus';
+import { getValue } from '@vunk/core/shared/helper';
+import { VkfFormItemRendererTemplateDefault } from '@vunk/form/components/form-item-renderer-template-default';
 
-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: () => ({})
@@ -25,13 +39,12 @@ const props = {
     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({
@@ -43,16 +56,13 @@ var ctx = /*#__PURE__*/Object.freeze({
 });
 
 var script = defineComponent({
+  name: "VkfForm",
   props,
   emits,
   components: {
     ElForm,
     VkfFormItemRenderer,
-    VkfFormItemRendererTemplate,
-    VkfInput,
-    VkfSwitch,
-    VkfSelect,
-    VkfDatePicker
+    VkfFormItemRendererTemplateDefault
   },
   setup(props2, { emit }) {
     const formProps = createFormBindProps(props2, ["model"]);
@@ -66,11 +76,7 @@ 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_VkfFormItemRendererTemplateDefault = resolveComponent("VkfFormItemRendererTemplateDefault");
   const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
   const _component_ElForm = resolveComponent("ElForm");
   return openBlock(), createBlock(_component_ElForm, mergeProps(_ctx.formProps, toHandlers(_ctx.formEmits), {
@@ -80,54 +86,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
         default: withCtx(() => [
-          createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
-            default: withCtx(({ data: sourceData }) => [
-              createVNode(_component_VkfInput, 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: "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
-          }),
+          createVNode(_component_VkfFormItemRendererTemplateDefault, {
+            data: _ctx.data,
+            onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
+          }, null, 8, ["data"]),
           renderSlot(_ctx.$slots, "rendererTemplate")
         ]),
         _: 3
@@ -141,13 +103,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 script.render = render;
 script.__file = "form/src/index.vue";
 
-var utils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  _VkfFormItemRendererUtils: _VkfFormItemRendererUtils
-});
-
 script.install = (app) => {
   app.component(script.name, script);
 };
 
-export { script as VkfForm, ctx as _VkfFormCtx, utils as _VkfFormUtils, script as default };
+export { script as VkfForm, ctx as _VkfFormCtx, script as default };

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

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { SetDataEvent } from '@vunk/form/shared/types';
+import type { SetDataEvent } from '@vunk/core';
 export declare const props: {
     data: {
         type: PropType<Record<string, any>>;
@@ -7,7 +7,7 @@ export declare const props: {
     };
     formItems: {
         type: PropType<any[]>;
-        default: () => never[];
+        default: () => any[];
     };
     elRef: {
         type: PropType<(arg: {
@@ -30,7 +30,7 @@ export declare const props: {
                 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) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -41,9 +41,9 @@ export declare const props: {
                 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, "" | "small" | "default" | "large", unknown>>;
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
                     readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
@@ -51,8 +51,8 @@ export declare const props: {
                 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) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelWidth" | "inlineMessage" | "showMessage" | "disabled" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -60,10 +60,10 @@ export declare const props: {
                 [x: string]: unknown;
             };
             $slots: Readonly<{
-                [name: string]: import("vue").Slot | undefined;
+                [name: string]: import("vue").Slot;
             }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
+            $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<{
@@ -71,7 +71,7 @@ export declare const props: {
                 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) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -82,9 +82,9 @@ export declare const props: {
                 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, "" | "small" | "default" | "large", unknown>>;
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
                     readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
@@ -92,7 +92,7 @@ export declare const props: {
                 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) | undefined;
+                onValidate?: (prop: import("element-plus").FormItemProp, isValid: boolean, message: string) => any;
             }, {
                 COMPONENT_NAME: string;
                 props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
@@ -100,7 +100,7 @@ export declare const props: {
                     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) | undefined;
+                        readonly validator: (val: unknown) => boolean;
                         __epPropKey: true;
                     };
                     readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -111,9 +111,9 @@ export declare const props: {
                     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, "" | "small" | "default" | "large", unknown>>;
+                        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
                         readonly required: false;
-                        readonly validator: ((val: unknown) => boolean) | undefined;
+                        readonly validator: (val: unknown) => boolean;
                         __epPropKey: true;
                     };
                     readonly disabled: BooleanConstructor;
@@ -121,22 +121,22 @@ export declare const props: {
                     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) | undefined;
+                    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<"" | "small" | "default" | "large">;
+                formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
                 ns: {
                     namespace: import("vue").ComputedRef<string>;
-                    b: (blockSuffix?: string | undefined) => string;
-                    e: (element?: string | undefined) => string;
-                    m: (modifier?: string | undefined) => string;
-                    be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                    em: (element?: string | undefined, modifier?: string | undefined) => string;
-                    bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                    bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => 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 | undefined): string;
+                        (name: string, state: boolean): string;
                         (name: string): string;
                     };
                     cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -149,13 +149,13 @@ export declare const props: {
                 })[]>;
                 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> | undefined) => void;
-                clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined) => 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 | undefined) => import("element-plus").FormValidationResult;
-                doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined) => Promise<boolean>;
-                validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined, callback?: import("element-plus").FormValidateCallback | undefined) => import("element-plus").FormValidationResult;
+                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;
@@ -172,31 +172,31 @@ export declare const props: {
                 readonly statusIcon: boolean;
                 readonly scrollToError: boolean;
             }> & {
-                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: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
+                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> | undefined): import("vue").WatchStopHandle;
+            $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) | undefined;
+                readonly validator: (val: unknown) => boolean;
                 __epPropKey: true;
             };
             readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -207,9 +207,9 @@ export declare const props: {
             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, "" | "small" | "default" | "large", unknown>>;
+                readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
                 readonly required: false;
-                readonly validator: ((val: unknown) => boolean) | undefined;
+                readonly validator: (val: unknown) => boolean;
                 __epPropKey: true;
             };
             readonly disabled: BooleanConstructor;
@@ -217,7 +217,7 @@ export declare const props: {
             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) | undefined;
+            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<{
@@ -225,7 +225,7 @@ export declare const props: {
                 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) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -236,9 +236,9 @@ export declare const props: {
                 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, "" | "small" | "default" | "large", unknown>>;
+                    readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
                     readonly required: false;
-                    readonly validator: ((val: unknown) => boolean) | undefined;
+                    readonly validator: (val: unknown) => boolean;
                     __epPropKey: true;
                 };
                 readonly disabled: BooleanConstructor;
@@ -246,22 +246,22 @@ export declare const props: {
                 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) | undefined;
+                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<"" | "small" | "default" | "large">;
+            formSize: import("vue").ComputedRef<"" | "default" | "small" | "large">;
             ns: {
                 namespace: import("vue").ComputedRef<string>;
-                b: (blockSuffix?: string | undefined) => string;
-                e: (element?: string | undefined) => string;
-                m: (modifier?: string | undefined) => string;
-                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
-                em: (element?: string | undefined, modifier?: string | undefined) => string;
-                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
-                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => 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 | undefined): string;
+                    (name: string, state: boolean): string;
                     (name: string): string;
                 };
                 cssVar: (object: Record<string, string>) => Record<string, string>;
@@ -274,22 +274,22 @@ export declare const props: {
             })[]>;
             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> | undefined) => void;
-            clearValidate: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined) => 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 | undefined) => import("element-plus").FormValidationResult;
-            doValidateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined) => Promise<boolean>;
-            validateField: (props?: import("element-plus/es/utils").Arrayable<import("element-plus").FormItemProp> | undefined, callback?: import("element-plus").FormValidateCallback | undefined) => import("element-plus").FormValidationResult;
+            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>;
+        }> & {} & import("vue").ComponentCustomProperties) => any>;
         default: () => () => void;
     };
     model: ObjectConstructor;
     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) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "left" | "right" | "top", unknown, "right", boolean>;
@@ -300,9 +300,9 @@ export declare const props: {
     statusIcon: BooleanConstructor;
     showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     size: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", unknown>>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
+        readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
@@ -310,9 +310,9 @@ export declare const props: {
     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 ("data" | "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems" | "elRef")[] | 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" | "elRef">>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("labelWidth" | "rules" | "inlineMessage" | "showMessage" | "size" | "elRef" | "data" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "labelWidth" | "rules" | "inlineMessage" | "showMessage" | "size" | "elRef" | "data" | "disabled" | "model" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "formItems">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent<any>;
-    validate: null;
+    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; };

package/components/form/src/ctx.js

@@ -0,0 +1,45 @@
+import { formProps, formEmits } from 'element-plus';
+import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
+
+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: () => ({})
+  },
+  formItems: {
+    type: Array,
+    default: () => []
+  },
+  elRef: {
+    type: Function,
+    default: () => () => {
+    }
+  }
+});
+const createBindProps = bindPropsFactory(props);
+const emits = __spreadProps(__spreadValues({}, formEmits), {
+  setData: (e) => e,
+  validate: null
+});
+const createOnEmits = onEmitsFactory(emits);
+
+export { createBindProps, createOnEmits, emits, props };