@vunk/form 0.0.0-alpha.7 → 0.0.1-alpha.1

package/components/date-picker/src/types.d.ts

@@ -1,14 +1,14 @@
-import { Func } from '@vunk/form/shared/types';
+import type { Func } from '@vunk/core';
 export declare type DatePickerSlots = {
     default?: Func;
     'range-separator'?: Func;
 };
 export declare const datePickerEmits: {
-    'update:modelValue': null;
-    change: null;
-    focus: null;
-    blur: null;
-    'calendar-change': null;
-    'panel-change': null;
-    'visible-change': null;
+    'update:modelValue': any;
+    change: any;
+    focus: any;
+    blur: any;
+    'calendar-change': any;
+    'panel-change': any;
+    'visible-change': any;
 };

package/components/date-picker/src/types.js

@@ -0,0 +1,11 @@
+const datePickerEmits = {
+  "update:modelValue": null,
+  "change": null,
+  "focus": null,
+  "blur": null,
+  "calendar-change": null,
+  "panel-change": null,
+  "visible-change": null
+};
+
+export { datePickerEmits };

package/components/form/index.d.ts

@@ -1,5 +1,4 @@
 import VkfForm from './src/index.vue';
 export * as _VkfFormCtx from './src/ctx';
-export * as _VkfFormUtils from './src/utils';
 export { VkfForm, };
 export default VkfForm;

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: () => ({})
@@ -19,14 +33,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({
@@ -38,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"]);
@@ -61,67 +76,20 @@ 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), {
-    model: _ctx.model || _ctx.data
+    model: _ctx.model || _ctx.data,
+    ref: _ctx.elRef
   }), {
     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
@@ -135,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,13 +7,289 @@ 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, "labelWidth" | "inlineMessage" | "showMessage" | "disabled" | "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: {
         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>;
@@ -24,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;
@@ -34,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")[] | 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 ("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 };