@vunk/form 0.0.1-alpha.1 → 0.0.1-alpha.12

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

@@ -7,7 +7,7 @@ export declare const props: Omit<{
     };
     formItemSlots: {
         type: PropType<FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: PropType<any>;
@@ -18,21 +18,21 @@ export declare const props: Omit<{
     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;
@@ -41,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" | "elRef")[], 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" | "elRef">>(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/index.vue.d.ts

@@ -5,7 +5,7 @@ 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>;
@@ -16,21 +16,21 @@ declare const _default: import("vue").DefineComponent<Omit<{
     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;
@@ -39,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">;
@@ -51,7 +62,7 @@ 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>;
@@ -62,21 +73,21 @@ declare const _default: import("vue").DefineComponent<Omit<{
     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;
@@ -85,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-renderer/index.js

@@ -65,11 +65,25 @@ const VkfFormItemRenderer = defineComponent({
           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) {

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/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/types.d.ts

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

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-default/index.js

@@ -1,11 +1,12 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from 'vue';
+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 { pinkObject } from '@vunk/core/shared/utils-object';
+import { pickObject } from '@vunk/core/shared/utils-object';
+import { VkfInputNumber } from '@vunk/form/components/input-number';
 
 const props = {
   data: {
@@ -24,13 +25,14 @@ var script = defineComponent({
     VkfInput,
     VkfSwitch,
     VkfSelect,
-    VkfDatePicker
+    VkfDatePicker,
+    VkfInputNumber
   },
   emits,
   props,
   setup() {
     return {
-      pinkObject,
+      pickObject,
       getValue
     };
   }
@@ -42,58 +44,76 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   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 }) => [
-        createVNode(_component_VkfInput, mergeProps({
+      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"])
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
       ]),
       _: 1
     }),
     createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
-      default: withCtx(({ data: sourceData }) => [
-        createVNode(_component_VkfSwitch, mergeProps({
+      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"])
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
       ]),
       _: 1
     }),
     createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
-      default: withCtx(({ data: sourceData }) => [
-        createVNode(_component_VkfSelect, mergeProps({
+      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"])
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
       ]),
       _: 1
     }),
     createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
-      default: withCtx(({ data: sourceData }) => [
-        createVNode(_component_VkfDatePicker, mergeProps({
+      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"])
+        }, 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 }) => [
-        (openBlock(), createBlock(resolveDynamicComponent(typeof data.is === "function" ? data.is(raw) : data.is), normalizeProps(guardReactiveProps(_ctx.pinkObject(data, { excludes: ["is"] }))), null, 16))
+      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
     })

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

@@ -4,10 +4,10 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }, {
-    pinkObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[], KI extends keyof T>(data: T, opts?: {
-        excludes?: EX;
-        includes?: KI[];
-    }) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
     getValue: (obj: any, k: string | number | any[]) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent<any>) => import("@vunk/core").SetDataEvent<any>;
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onSetData?: (e: import("@vunk/core").SetDataEvent<any>) => any;
+    onSetData?: ((e: import("@vunk/core").SetDataEvent<any>) => any) | undefined;
 }, {
-    data: {};
+    data: Record<string, any>;
 }>;
 export default _default;

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

@@ -1,10 +1,18 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createElementVNode, mergeProps } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, resolveDynamicComponent, createCommentVNode } from 'vue';
 import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
 import { ElRow, ElCol } from 'element-plus';
-import { pinkObject } from '@vunk/core/shared/utils-object';
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
 
 var script = defineComponent({
   name: "VkfFormItemRendererTemplateLayout",
+  props,
   components: {
     ElRow,
     ElCol,
@@ -12,7 +20,7 @@ var script = defineComponent({
   },
   setup() {
     return {
-      pinkObject
+      pickObject
     };
   }
 });
@@ -23,8 +31,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElCol = resolveComponent("ElCol");
   return openBlock(), createElementBlock(Fragment, null, [
     createVNode(_component_VkfFormItemRendererTemplate, { type: "ElRow" }, {
-      default: withCtx(({ data, Renderer, raw, k }) => [
-        createVNode(_component_ElRow, normalizeProps(guardReactiveProps(data)), {
+      default: withCtx(({ data: props, Renderer, raw, k, isShow }) => [
+        isShow(_ctx.data) ? (openBlock(), createBlock(_component_ElRow, normalizeProps(mergeProps({ key: 0 }, props)), {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
               source: raw.templateSlots,
@@ -32,13 +40,13 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["source", "k"]))
           ]),
           _: 2
-        }, 1040)
+        }, 1040)) : createCommentVNode("v-if", true)
       ]),
       _: 1
     }),
     createVNode(_component_VkfFormItemRendererTemplate, { type: "ElCol" }, {
-      default: withCtx(({ data, Renderer, raw, k }) => [
-        createVNode(_component_ElCol, normalizeProps(guardReactiveProps(data)), {
+      default: withCtx(({ data, Renderer, raw, k, isShow }) => [
+        isShow(data) ? (openBlock(), createBlock(_component_ElCol, normalizeProps(mergeProps({ key: 0 }, data)), {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
               source: raw.templateSlots,
@@ -46,13 +54,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["source", "k"]))
           ]),
           _: 2
-        }, 1040)
+        }, 1040)) : createCommentVNode("v-if", true)
       ]),
       _: 1
     }),
     createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfFlex" }, {
-      default: withCtx(({ data, Renderer, raw, k }) => [
-        createElementVNode("div", mergeProps({
+      default: withCtx(({ data, Renderer, raw, k, isShow }) => [
+        isShow(data) ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
           class: "vkf-flex",
           style: {
             "justify-content": data.justify,
@@ -63,14 +72,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "flex-shrink": data.shrink,
             "flex-basis": data.basis
           }
-        }, _ctx.pinkObject(data, {
+        }, _ctx.pickObject(data, {
           excludes: ["justify", "direction", "align", "overflow", "grow", "shrink", "basis"]
         })), [
           (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
             source: raw.templateSlots,
             k: [...k, "templateSlots"]
           }, null, 8, ["source", "k"]))
-        ], 16)
+        ], 16)) : createCommentVNode("v-if", true)
       ]),
       _: 1
     })

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

@@ -1,7 +1,8 @@
+import { NormalObject } from '@vunk/core';
 import { PropType } from 'vue';
 export declare const props: {
-    modelValue: {
-        type: PropType<unknown>;
+    data: {
+        type: PropType<NormalObject>;
         default: () => {};
     };
 };

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

@@ -1,5 +1,5 @@
 const props = {
-  modelValue: {
+  data: {
     type: Object,
     default: () => ({})
   }

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

@@ -1,7 +1,19 @@
-declare const _default: import("vue").DefineComponent<{}, {
-    pinkObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[], KI extends keyof T>(data: T, opts?: {
-        excludes?: EX;
-        includes?: KI[];
-    }) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}, {
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}>>, {
+    data: import("@vunk/core").NormalObject;
+}>;
 export default _default;

package/components/input/index.js

@@ -2,7 +2,7 @@ import { inputProps, inputEmits, ElInput } from 'element-plus';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { bindPropsFactory, onEmitsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers, createSlots, renderSlot, renderList, resolveDynamicComponent } from 'vue';
-import { createInputBindProps, createInputOnEmits } from '@vunk/form/shared/element-plus/ctx';
+import { createInputBindProps, createInputOnEmits } from '@vunk/form/shared/element-plus';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -24,9 +24,21 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputProps), {
+  maxlength: {
+    type: Number,
+    required: false
+  },
+  minlength: {
+    type: Number,
+    required: false
+  },
   inputSlots: {
     type: Object,
     default: void 0
+  },
+  rows: {
+    type: Number,
+    default: void 0
   }
 });
 const createBindProps = bindPropsFactory(props);
@@ -66,7 +78,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
   return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
     default: withCtx(() => [
-      createVNode(_component_ElInput, mergeProps(_ctx.inputBindProps, toHandlers(_ctx.inputOnEmits)), createSlots({
+      createVNode(_component_ElInput, mergeProps({
+        maxlength: _ctx.maxlength,
+        minlength: _ctx.minlength,
+        rows: _ctx.rows
+      }, _ctx.inputBindProps, toHandlers(_ctx.inputOnEmits)), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -80,7 +96,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1040)
+      ]), 1040, ["maxlength", "minlength", "rows"])
     ]),
     _: 3
   }, 16);