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

package/components/form-item/index.js

@@ -1,7 +1,7 @@
 import { formItemProps, ElFormItem } from 'element-plus';
-import { bindPropsFactory } from 'vunk/shared/utils-vue';
+import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, resolveDynamicComponent } from 'vue';
-import { createFormItemBindProps } from '@vunk/form/shared/element-plus/ctx';
+import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -30,6 +30,10 @@ const _props = __spreadProps(__spreadValues({}, formItemProps), {
   formItemSlots: {
     type: Object,
     default: void 0
+  },
+  elRef: {
+    type: Function,
+    required: false
   }
 });
 Reflect.deleteProperty(_props, "size");
@@ -58,7 +62,10 @@ var script = defineComponent({
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, { size: _ctx.formItemSize }), createSlots({
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
+    size: _ctx.formItemSize,
+    ref: _ctx.elRef
+  }), createSlots({
     default: withCtx(() => [
       renderSlot(_ctx.$slots, "default")
     ]),

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

@@ -7,28 +7,32 @@ export declare const props: Omit<{
     };
     formItemSlots: {
         type: PropType<FormItemSlots>;
-        default: any;
+        default: undefined;
+    };
+    elRef: {
+        type: PropType<any>;
+        required: boolean;
     };
     label: StringConstructor;
     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>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: PropType<unknown>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -37,8 +41,8 @@ export declare const props: Omit<{
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">;
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2>]: T2[k]; }[P]; }>;

package/components/form-item/src/ctx.js

@@ -0,0 +1,41 @@
+import { formItemProps } from 'element-plus';
+import { bindPropsFactory } 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({}, formItemProps), {
+  formItemSize: {
+    type: String,
+    default: "default"
+  },
+  formItemSlots: {
+    type: Object,
+    default: void 0
+  },
+  elRef: {
+    type: Function,
+    required: false
+  }
+});
+Reflect.deleteProperty(_props, "size");
+const props = _props;
+const createBindProps = bindPropsFactory(props);
+
+export { createBindProps, props };

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

@@ -5,28 +5,32 @@ declare const _default: import("vue").DefineComponent<Omit<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: any;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
     };
     label: StringConstructor;
     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>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -35,11 +39,22 @@ declare const _default: import("vue").DefineComponent<Omit<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">, {
-    formItemBindProps: import("vue").ComputedRef<{}>;
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: 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> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<{
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -47,28 +62,32 @@ declare const _default: import("vue").DefineComponent<Omit<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: any;
+        default: undefined;
+    };
+    elRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
     };
     label: StringConstructor;
     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>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -77,7 +96,7 @@ declare const _default: import("vue").DefineComponent<Omit<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">>>, {

package/components/form-item/src/types.d.ts

@@ -1,4 +1,4 @@
-import { Func } from '@vunk-form/shared/types';
+import type { Func } from '@vunk/core';
 export declare type FormItemSlots = {
     label: Func<{
         label: string;

package/components/form-item-renderer/index.d.ts

@@ -1,6 +1,5 @@
 import VkfFormItemRenderer from './src/index.vue';
-export * from './src/symbols';
-export * as _VkfFormItemRendererUtils from './src/utils';
 export * as __VkfFormItemRenderer from './src/types';
+export * from './src/symbols';
 export { VkfFormItemRenderer, };
 export default VkfFormItemRenderer;

package/components/form-item-renderer/index.js

@@ -52,27 +52,49 @@ const VkfFormItemRenderer = defineComponent({
     });
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
-        var _a2, _b, _c;
+        var _a2, _b, _c, _d;
         const currentK = [...props$1.k, ...pK, index];
+        const validateTemplateType = () => {
+          nextTick(() => {
+            if (c.templateType && !templateInstances[c.templateType]) {
+              console.warn(c.templateType, "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7");
+            }
+          });
+        };
         if (c.templateType && templateInstances[c.templateType]) {
           const slotData = __spreadValues({}, c);
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateSlots");
+          Reflect.deleteProperty(slotData, "templateIf");
+          const createIsShow = () => {
+            if (typeof c.templateIf === "boolean") {
+              const flag = c.templateIf;
+              return () => flag;
+            } else if (typeof c.templateIf === "string") {
+              const templateIf = new Function("data", c.templateIf);
+              return templateIf;
+            } else if (typeof c.templateIf === "function") {
+              return c.templateIf;
+            }
+            return () => true;
+          };
           const nodes = (_b = (_a2 = templateInstances[c.templateType].slots).default) == null ? void 0 : _b.call(_a2, {
             data: slotData,
             raw: c,
             Renderer,
-            k: currentK
+            k: currentK,
+            isShow: createIsShow()
           });
           nodes && a.push(nodes);
         } else if ((_c = c.templateSlots) == null ? void 0 : _c.default) {
-          nextTick(() => {
-            if (c.templateType && !templateInstances[c.templateType]) {
-              console.warn(c.templateType, "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7");
-            }
-          });
+          validateTemplateType();
           currentK.push("templateSlots", "default");
-          return renderFormItems(c.templateSlots.default, currentK);
+          if (Array.isArray((_d = c.templateSlots) == null ? void 0 : _d.default)) {
+            const subNode = renderFormItems(c.templateSlots.default, currentK);
+            a = a.concat(subNode);
+          }
+        } else {
+          validateTemplateType();
         }
         return a;
       }, []);
@@ -90,19 +112,6 @@ const VkfFormItemRenderer = defineComponent({
 
 VkfFormItemRenderer.__file = "form-item-renderer/src/index.vue";
 
-const createDefaultSlots = (o) => {
-  return {
-    default: Array.isArray(o) ? o : [
-      o
-    ]
-  };
-};
-
-var utils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createDefaultSlots: createDefaultSlots
-});
-
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
@@ -111,4 +120,4 @@ VkfFormItemRenderer.install = (app) => {
   app.component(VkfFormItemRenderer.name, VkfFormItemRenderer);
 };
 
-export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, utils as _VkfFormItemRendererUtils, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };
+export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };

package/components/form-item-renderer/src/ctx.d.ts

@@ -3,14 +3,14 @@ import { RendererTreeData } from './types';
 export declare const props: {
     source: {
         type: PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 };

package/components/form-item-renderer/src/ctx.js

@@ -0,0 +1,16 @@
+const props = {
+  source: {
+    type: Array,
+    default: () => []
+  },
+  templateInstances: {
+    type: Object,
+    default: void 0
+  },
+  k: {
+    type: Array,
+    default: () => []
+  }
+};
+
+export { props };

package/components/form-item-renderer/src/index.vue.d.ts

@@ -3,32 +3,32 @@ import { RendererTreeData } from './types';
 declare const VkfFormItemRenderer: import("vue").DefineComponent<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 }, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>[] | (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[][])[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}> | undefined)[][] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 }>>, {
     templateInstances: Record<string, ComponentInternalInstance>;

package/components/form-item-renderer/src/symbols.js

@@ -0,0 +1,3 @@
+const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
+
+export { S_TEMPLATE_INSTANCES };

package/components/form-item-renderer/src/types.d.ts

@@ -1,5 +1,7 @@
+import { NormalObject } from '@vunk/core';
 export interface RendererTreeData {
     templateType?: string;
-    templateSlots?: Record<string, RendererTreeData[]>;
+    templateSlots?: any;
+    templateIf?: string | ((e: NormalObject) => boolean) | boolean;
     [k: string]: any;
 }

package/components/form-item-renderer-template/index.d.ts

@@ -1,3 +1,4 @@
 import VkfFormItemRendererTemplate from './src/index.vue';
+export * as __VkfFormItemRendererTemplate from './src/types';
 export { VkfFormItemRendererTemplate, };
 export default VkfFormItemRendererTemplate;

package/components/form-item-renderer-template/index.js

@@ -30,8 +30,12 @@ var script = defineComponent({
 
 script.__file = "form-item-renderer-template/src/index.vue";
 
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
 script.install = (app) => {
   app.component(script.name, script);
 };
 
-export { script as VkfFormItemRendererTemplate, script as default };
+export { script as VkfFormItemRendererTemplate, types as __VkfFormItemRendererTemplate, script as default };

package/components/form-item-renderer-template/src/ctx.js

@@ -0,0 +1,9 @@
+const props = {
+  type: {
+    type: String,
+    required: true,
+    default: ""
+  }
+};
+
+export { props };

package/components/form-item-renderer-template/src/index.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         default: string;
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         required: boolean;

package/components/form-item-renderer-template/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/form-item-renderer-template-default/index.d.ts

@@ -0,0 +1,4 @@
+import VkfFormItemRendererTemplateDefault from './src/index.vue';
+export * as __VkfFormItemRendererTemplateDefault from './src/types';
+export { VkfFormItemRendererTemplateDefault, };
+export default VkfFormItemRendererTemplateDefault;

package/components/form-item-renderer-template-default/index.js

@@ -0,0 +1,134 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, mergeProps, createCommentVNode, resolveDynamicComponent, normalizeProps } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { VkfInput } from '@vunk/form/components/input';
+import { VkfSwitch } from '@vunk/form/components/switch';
+import { VkfSelect } from '@vunk/form/components/select';
+import { VkfDatePicker } from '@vunk/form/components/date-picker';
+import { getValue } from '@vunk/core/shared/helper';
+import { pickObject } from '@vunk/core/shared/utils-object';
+import { VkfInputNumber } from '@vunk/form/components/input-number';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  setData: (e) => e
+};
+
+var script = defineComponent({
+  name: "VkfFormItemRendererTemplateDefault",
+  components: {
+    VkfFormItemRendererTemplate,
+    VkfInput,
+    VkfSwitch,
+    VkfSelect,
+    VkfDatePicker,
+    VkfInputNumber
+  },
+  emits,
+  props,
+  setup() {
+    return {
+      pickObject,
+      getValue
+    };
+  }
+});
+
+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_VkfInputNumber = resolveComponent("VkfInputNumber");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
+      default: withCtx(({ data: sourceData, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_VkfInput, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
+      default: withCtx(({ data: sourceData, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_VkfSwitch, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
+      default: withCtx(({ data: sourceData, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_VkfSelect, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
+      default: withCtx(({ data: sourceData, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_VkfDatePicker, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
+      default: withCtx(({ data: sourceData, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputNumber, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "Component" }, {
+      default: withCtx(({ data, raw, isShow }) => [
+        isShow(data) ? (openBlock(), createBlock(resolveDynamicComponent(typeof data.is === "function" ? data.is(raw) : data.is), normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(data, { excludes: ["is"] }))), null, 16)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+
+script.render = render;
+script.__file = "form-item-renderer-template-default/src/index.vue";
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfFormItemRendererTemplateDefault, types as __VkfFormItemRendererTemplateDefault, script as default };

package/{packages/components/ground → components/form-item-renderer-template-default}/src/ctx.d.ts

@@ -1,11 +1,11 @@
+import { SetDataEvent } from '@vunk/core/shared/types';
 import { PropType } from 'vue';
-import { LoadEvent } from './types';
 export declare const props: {
-    defaultOptions: {
+    data: {
         type: PropType<Record<string, any>>;
         default: () => {};
     };
 };
 export declare const emits: {
-    load: (e: LoadEvent) => LoadEvent;
+    setData: (e: SetDataEvent) => SetDataEvent<any>;
 };