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

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>>;
@@ -41,7 +41,7 @@ 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;
                     __epPropKey: true;
@@ -52,7 +52,7 @@ export declare const props: {
                 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">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "labelWidth" | "inlineMessage" | "showMessage" | "disabled" | "labelPosition" | "labelSuffix" | "inline" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -82,7 +82,7 @@ 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;
                     __epPropKey: true;
@@ -111,7 +111,7 @@ 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;
                         __epPropKey: true;
@@ -125,7 +125,7 @@ export declare const props: {
                 }>>;
                 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;
@@ -207,7 +207,7 @@ 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;
                 __epPropKey: true;
@@ -236,7 +236,7 @@ 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;
                     __epPropKey: true;
@@ -250,7 +250,7 @@ export declare const props: {
             }>>;
             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;
@@ -282,7 +282,7 @@ export declare const props: {
             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;
             scrollToField: (prop: import("element-plus").FormItemProp) => void;
-        }> & {} & {} & import("vue").ComponentCustomProperties) => any>;
+        }> & {} & import("vue").ComponentCustomProperties) => any>;
         default: () => () => void;
     };
     model: ObjectConstructor;
@@ -300,7 +300,7 @@ 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;
         __epPropKey: true;
@@ -310,9 +310,12 @@ 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 import("@vunk/core").NormalObject, EX extends (Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"inline", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"formItems", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"size", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"data", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"model", keyof T2>, KE> | Exclude<Extract<"labelPosition", keyof T2>, KE> | Exclude<Extract<"labelSuffix", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"statusIcon", keyof T2>, KE> | Exclude<Extract<"validateOnRuleChange", keyof T2>, KE> | Exclude<Extract<"hideRequiredAsterisk", keyof T2>, KE> | Exclude<Extract<"scrollToError", keyof T2>, KE> | Exclude<Extract<"formItems", keyof T2>, KE> : Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"inline", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"formItems", keyof T2>]: { [k in Extract<"labelWidth", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"data", keyof T2> | Extract<"disabled", keyof T2> | Extract<"model", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"inline", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"formItems", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent<any>;
     validate: null;
 };
-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 AnyFunc, EX extends ("validate" | "setData")[] | undefined>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"validate", KE> | Exclude<"setData", KE> : "validate" | "setData"]: {
+    setData: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    validate: (...e: import("@vunk/core").RestParameters<T2>) => void;
+}[P]; };

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