@vunk/form 0.0.0-alpha.9 → 0.0.1-alpha.4

package/component.d.ts

@@ -0,0 +1,3 @@
+import type { Plugin } from 'vue';
+declare const _default: Plugin[];
+export default _default;

package/components/date-picker/index.js

@@ -1,8 +1,7 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { datePickerProps, datePickerEmits as datePickerEmits$1 } from '@vunk/form/shared/element-plus/instances/date-picker';
+import { datePickerProps, datePickerEmits as datePickerEmits$1, createDatePickerBindProps, createDatePickerOnEmits } from '@vunk/form/shared/element-plus';
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderList, resolveDynamicComponent } from 'vue';
 import { ElDatePicker } from 'element-plus';
-import { createDatePickerBindProps, createDatePickerOnEmits } from '@vunk/form/shared/element-plus/ctx';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;

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

@@ -6,7 +6,7 @@ export declare const props: {
         default: any;
     };
     type: {
-        type: PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
     };
     disabledDate: {
@@ -87,15 +87,17 @@ export declare const props: {
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+    rules: {
+        readonly type: PropType<unknown>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
-    rules: {
-        readonly type: PropType<unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    prop: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
@@ -108,8 +110,6 @@ export declare const props: {
         __epPropKey: true;
     };
     for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     formItemSize: {
         type: PropType<"default" | "small" | "large">;
         default: string;
@@ -118,6 +118,10 @@ export declare const props: {
         type: PropType<import("../../form-item/src/types").FormItemSlots>;
         default: any;
     };
+    elRef: {
+        type: PropType<any>;
+        required: boolean;
+    };
 };
 export declare const emits: {
     'update:modelValue': any;

package/{shared/element-plus/instances/date-picker.js → components/date-picker/src/ctx.js}

@@ -1,4 +1,5 @@
-import { timePickerDefaultProps } from 'element-plus';
+import { _VkfFormItemCtx } from '@vunk/form/components/form-item';
+import { datePickerProps, datePickerEmits } from '@vunk/form/shared/element-plus';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -19,21 +20,12 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const datePickerProps = __spreadProps(__spreadValues({}, timePickerDefaultProps), {
-  type: {
-    type: String,
-    default: "date"
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), datePickerProps), {
+  datePickerSlots: {
+    type: Object,
+    default: void 0
   }
 });
-const datePickerEmits = {
-  "update:modelValue": null,
-  "change": null,
-  "focus": null,
-  "blur": null,
-  "calendar-change": null,
-  "panel-change": null,
-  "visible-change": null,
-  "keydown": null
-};
+const emits = __spreadValues({}, datePickerEmits);
 
-export { datePickerEmits, datePickerProps };
+export { emits, props };

package/components/date-picker/src/index.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     type: {
-        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
     };
     disabledDate: {
@@ -85,15 +85,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
-    rules: {
-        readonly type: import("vue").PropType<unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
@@ -106,8 +108,6 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
         default: string;
@@ -116,12 +116,17 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
         default: any;
     };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
 }, {
     formItemBindProps: import("vue").ComputedRef<{}>;
     datePickerBindProps: import("vue").ComputedRef<{
-        id: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
         size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>;
         disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
+        id: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
         modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown>;
         placeholder: string;
         readonly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -130,7 +135,6 @@ declare const _default: import("vue").DefineComponent<{
         label: string;
         tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
         validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-        name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
         popperClass: string;
         clearIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         disabledDate: Function;
@@ -177,7 +181,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     type: {
-        type: import("vue").PropType<"year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
+        type: import("vue").PropType<"date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange">;
         default: string;
     };
     disabledDate: {
@@ -258,15 +262,17 @@ declare const _default: import("vue").DefineComponent<{
     };
     isRange: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
+    rules: {
+        readonly type: import("vue").PropType<unknown>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
     };
-    rules: {
-        readonly type: import("vue").PropType<unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
+    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
+    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    prop: {
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: (val: unknown) => boolean;
         __epPropKey: true;
@@ -279,8 +285,6 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
     for: StringConstructor;
-    inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
-    showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
         default: string;
@@ -289,6 +293,10 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../form-item/src/types").FormItemSlots>;
         default: any;
     };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
 }>> & {
     onChange?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
     "onUpdate:modelValue"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
@@ -300,8 +308,12 @@ declare const _default: import("vue").DefineComponent<{
     "onPanel-change"?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
 }, {
     required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    type: "year" | "month" | "date" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange";
+    type: "date" | "year" | "month" | "dates" | "week" | "datetime" | "datetimerange" | "daterange" | "monthrange";
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     disabled: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
     modelValue: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType) | ((new (...args: any[]) => import("element-plus").ModelValueType & {}) | (() => import("element-plus").ModelValueType))[], unknown, unknown>;
     placeholder: string;
     readonly: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -310,12 +322,8 @@ declare const _default: import("vue").DefineComponent<{
     label: string;
     tabindex: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown>;
     validateEvent: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
-    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     formItemSize: "default" | "small" | "large";
     formItemSlots: import("../../form-item/src/types").FormItemSlots;
-    name: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>) | ((new (...args: any[]) => import("element-plus").SingleOrRange<string> & {}) | (() => import("element-plus").SingleOrRange<string>))[], unknown, unknown>;
     popperClass: string;
     clearIcon: import("vue").DefineComponent<{}, {}, {}, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     shortcuts: unknown[];

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

@@ -1,4 +1,4 @@
-import { Func } from '@vunk-form/shared/types';
+import type { Func } from '@vunk/core';
 export declare type DatePickerSlots = {
     default?: Func;
     'range-separator'?: Func;

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,14 +1,10 @@
 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';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -60,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"]);
@@ -83,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), {
@@ -97,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
@@ -158,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>>;
@@ -52,7 +52,7 @@ export declare const props: {
                 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">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -282,7 +282,7 @@ export declare const props: {
             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;
@@ -310,7 +310,7 @@ 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 ("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 createBindProps: <T2 extends Record<string, any>, EX extends ("model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "data" | "elRef" | "formItems")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "model" | "rules" | "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "size" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "data" | "elRef" | "formItems">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent<any>;
     validate: any;

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 };

package/components/form/src/index.vue.d.ts

@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
                 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">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -280,7 +280,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -309,26 +309,26 @@ declare const _default: import("vue").DefineComponent<{
     scrollToError: BooleanConstructor;
 }, {
     formProps: import("vue").ComputedRef<{
-        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>;
-        disabled: boolean;
-        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         rules: Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>;
-        inlineMessage: boolean;
-        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
         labelSuffix: string;
         inline: boolean;
+        inlineMessage: boolean;
         statusIcon: boolean;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        size: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>;
+        disabled: boolean;
         validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
         scrollToError: boolean;
     }>;
     formEmits: {
-        validate: ((event: "validate", ...args: unknown[]) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "setData", e: import("../../../shared/types").SetDataEvent<any>) => void);
+        validate: ((event: "validate", ...args: unknown[]) => void) & ((event: "validate", ...args: any[]) => void) & ((event: "setData", e: import("@vunk/core").SetDataEvent<any>) => void);
     };
     getValue: (obj: any, k: string | number | any[]) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    setData: (e: import("../../../shared/types").SetDataEvent<any>) => import("../../../shared/types").SetDataEvent<any>;
+    setData: (e: import("@vunk/core").SetDataEvent<any>) => import("@vunk/core").SetDataEvent<any>;
     validate: any;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: {
@@ -382,7 +382,7 @@ declare const _default: import("vue").DefineComponent<{
                 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">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -612,7 +612,7 @@ declare const _default: import("vue").DefineComponent<{
             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;
@@ -640,22 +640,21 @@ declare const _default: import("vue").DefineComponent<{
     hideRequiredAsterisk: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     scrollToError: BooleanConstructor;
 }>> & {
+    onSetData?: (e: import("@vunk/core").SetDataEvent<any>) => any;
     onValidate?: ((...args: any[]) => any) | ((...args: unknown[]) => any);
-    onSetData?: (e: import("../../../shared/types").SetDataEvent<any>) => any;
 }, {
-    disabled: boolean;
-    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
-    inlineMessage: boolean;
-    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    data: {};
     labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right" | "top", unknown>;
+    labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     labelSuffix: string;
     inline: boolean;
+    inlineMessage: boolean;
     statusIcon: boolean;
+    showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    disabled: boolean;
     validateOnRuleChange: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     hideRequiredAsterisk: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     scrollToError: boolean;
-    formItems: any[];
+    data: {};
     elRef: (arg: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
@@ -698,7 +697,7 @@ declare const _default: import("vue").DefineComponent<{
             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">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelPosition" | "labelWidth" | "labelSuffix" | "inline" | "inlineMessage" | "statusIcon" | "showMessage" | "disabled" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -928,6 +927,7 @@ declare const _default: import("vue").DefineComponent<{
         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;
+    formItems: any[];
 }>;
 export default _default;