@vunk/form 0.0.1-alpha.4 → 0.0.1-alpha.40

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, templateIf }) => [
+        templateIf(_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, templateIf }) => [
+        templateIf(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, templateIf }) => [
+        templateIf(data) ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
           class: "vkf-flex",
           style: {
             "justify-content": data.justify,
@@ -63,14 +72,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             "flex-shrink": data.shrink,
             "flex-basis": data.basis
           }
-        }, _ctx.pinkObject(data, {
-          excludes: ["justify", "direction", "align", "overflow", "grow", "shrink", "basis"]
-        })), [
+        }, _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, {}, 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

@@ -3,6 +3,7 @@ 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';
+import { useComputedReadonly } from '@vunk/form/composables';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -23,10 +24,22 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputProps), {
+const props = __spreadProps(__spreadValues(__spreadValues({}, inputProps), _VkfFormItemCtx.props), {
+  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);
@@ -50,12 +63,14 @@ var script = defineComponent({
   emits,
   props,
   setup(props2, { emit }) {
-    const inputBindProps = createInputBindProps(props2);
+    const inputBindProps = createInputBindProps(props2, ["readonly"]);
     const inputOnEmits = createInputOnEmits(emit);
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const readonly = useComputedReadonly(props2);
     return {
       inputBindProps,
       formItemBindProps,
+      readonly,
       inputOnEmits
     };
   }
@@ -66,7 +81,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), { readonly: _ctx.readonly }), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -80,7 +99,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             ])
           };
         })
-      ]), 1040)
+      ]), 1040, ["maxlength", "minlength", "rows", "readonly"])
     ]),
     _: 3
   }, 16);

package/components/input/src/ctx.d.ts

@@ -1,24 +1,81 @@
 import { PropType } from 'vue';
 import { InputSlots } from './types';
 export declare const props: {
+    maxlength: {
+        type: NumberConstructor;
+        required: boolean;
+    };
+    minlength: {
+        type: NumberConstructor;
+        required: boolean;
+    };
     inputSlots: {
         type: PropType<InputSlots>;
-        default: any;
+        default: undefined;
+    };
+    rows: {
+        type: NumberConstructor;
+        default: undefined;
+    };
+    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, 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) | undefined;
+        __epPropKey: true;
+    };
+    rules: {
+        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) | 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) | undefined;
+        __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;
+    };
+    formItemSlots: {
+        type: PropType<import("../../form-item/src/types").FormItemSlots>;
+        default: undefined;
+    };
+    elRef: {
+        type: PropType<any>;
+        required: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
     };
     id: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     disabled: BooleanConstructor;
-    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number) & {}) | (() => string | number) | ((new (...args: any[]) => (string | number) & {}) | (() => string | number))[], unknown, unknown, "", boolean>;
+    modelValue: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined) | ((new (...args: any[]) => (string | number | null | undefined) & {}) | (() => string | number | null | undefined))[], unknown, unknown, "", boolean>;
     type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "text", boolean>;
     resize: {
-        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "vertical" | "none" | "both" | "horizontal", unknown>>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "none" | "both" | "horizontal" | "vertical", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     autosize: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize) | ((new (...args: any[]) => import("element-plus").InputAutoSize & {}) | (() => import("element-plus").InputAutoSize))[], unknown, unknown, false, boolean>;
@@ -26,71 +83,48 @@ export declare const props: {
     formatter: {
         readonly type: PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     parser: {
         readonly type: PropType<Function>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     placeholder: {
         readonly type: PropType<string>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    form: {
+        readonly type: PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    form: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     clearable: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     showPassword: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
     showWordLimit: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
-    suffixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
-    prefixIcon: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown, "", boolean>;
-    containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    label: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
-    tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
-    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
-    inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
-    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    rules: {
-        readonly type: PropType<unknown>;
+    suffixIcon: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    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>>;
+    prefixIcon: {
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>))[], 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;
-        __epPropKey: true;
-    };
-    for: StringConstructor;
-    formItemSize: {
-        type: PropType<"default" | "small" | "large">;
-        default: string;
-    };
-    formItemSlots: {
-        type: PropType<import("../../form-item/src/types").FormItemSlots>;
-        default: any;
-    };
-    elRef: {
-        type: PropType<any>;
-        required: boolean;
-    };
+    containerRole: import("element-plus/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, undefined, boolean>;
+    tabindex: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
+    validateEvent: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    inputStyle: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue) | ((new (...args: any[]) => import("vue").StyleValue & {}) | (() => import("vue").StyleValue))[], unknown, unknown, () => import("element-plus/es/utils").Mutable<{}>, boolean>;
 };
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "type" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "size" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots" | "elRef" | "inputSlots")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "type" | "rules" | "labelWidth" | "inlineMessage" | "showMessage" | "size" | "disabled" | "id" | "modelValue" | "resize" | "autosize" | "autocomplete" | "formatter" | "parser" | "placeholder" | "form" | "readonly" | "clearable" | "showPassword" | "showWordLimit" | "suffixIcon" | "prefixIcon" | "containerRole" | "label" | "tabindex" | "validateEvent" | "inputStyle" | "prop" | "error" | "validateStatus" | "for" | "formItemSize" | "formItemSlots" | "elRef" | "inputSlots">>(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<"type", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"disabled", keyof T2> | Extract<"form", keyof T2> | Extract<"resize", keyof T2> | Extract<"id", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"clearable", keyof T2> | Extract<"prefixIcon", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autosize", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"formatter", keyof T2> | Extract<"parser", keyof T2> | Extract<"showPassword", keyof T2> | Extract<"showWordLimit", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"containerRole", keyof T2> | Extract<"inputStyle", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"inputSlots", keyof T2> | Extract<"rows", 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<"type", 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<"size", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> | Exclude<Extract<"disabled", keyof T2>, KE> | Exclude<Extract<"form", keyof T2>, KE> | Exclude<Extract<"resize", keyof T2>, KE> | Exclude<Extract<"id", keyof T2>, KE> | Exclude<Extract<"tabindex", keyof T2>, KE> | Exclude<Extract<"validateEvent", keyof T2>, KE> | Exclude<Extract<"clearable", keyof T2>, KE> | Exclude<Extract<"prefixIcon", keyof T2>, KE> | Exclude<Extract<"placeholder", keyof T2>, KE> | Exclude<Extract<"modelValue", keyof T2>, KE> | Exclude<Extract<"autosize", keyof T2>, KE> | Exclude<Extract<"autocomplete", keyof T2>, KE> | Exclude<Extract<"formatter", keyof T2>, KE> | Exclude<Extract<"parser", keyof T2>, KE> | Exclude<Extract<"showPassword", keyof T2>, KE> | Exclude<Extract<"showWordLimit", keyof T2>, KE> | Exclude<Extract<"suffixIcon", keyof T2>, KE> | Exclude<Extract<"containerRole", keyof T2>, KE> | Exclude<Extract<"inputStyle", keyof T2>, KE> | Exclude<Extract<"maxlength", keyof T2>, KE> | Exclude<Extract<"minlength", keyof T2>, KE> | Exclude<Extract<"inputSlots", keyof T2>, KE> | Exclude<Extract<"rows", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"type", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"disabled", keyof T2> | Extract<"form", keyof T2> | Extract<"resize", keyof T2> | Extract<"id", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"clearable", keyof T2> | Extract<"prefixIcon", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autosize", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"formatter", keyof T2> | Extract<"parser", keyof T2> | Extract<"showPassword", keyof T2> | Extract<"showWordLimit", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"containerRole", keyof T2> | Extract<"inputStyle", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"inputSlots", keyof T2> | Extract<"rows", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"type", 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<"size", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"disabled", keyof T2> | Extract<"form", keyof T2> | Extract<"resize", keyof T2> | Extract<"id", keyof T2> | Extract<"tabindex", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"clearable", keyof T2> | Extract<"prefixIcon", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"autosize", keyof T2> | Extract<"autocomplete", keyof T2> | Extract<"formatter", keyof T2> | Extract<"parser", keyof T2> | Extract<"showPassword", keyof T2> | Extract<"showWordLimit", keyof T2> | Extract<"suffixIcon", keyof T2> | Extract<"containerRole", keyof T2> | Extract<"inputStyle", keyof T2> | Extract<"maxlength", keyof T2> | Extract<"minlength", keyof T2> | Extract<"inputSlots", keyof T2> | Extract<"rows", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     "update:modelValue": (value: string) => boolean;
     input: (value: string) => boolean;
@@ -105,4 +139,17 @@ export declare const emits: {
     compositionupdate: (evt: CompositionEvent) => boolean;
     compositionend: (evt: CompositionEvent) => boolean;
 };
-export declare const createOnEmits: <T2 extends (...args: any) => any, EX extends ("update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend")[], K extends "update:modelValue" | "input" | "change" | "focus" | "blur" | "clear" | "mouseleave" | "mouseenter" | "keydown" | "compositionstart" | "compositionupdate" | "compositionend">(emit: T2, excludes?: EX) => { [k in K]: T2; };
+export declare const createOnEmits: <T2 extends import("@vunk/core").AnyFunc, EX extends ("input" | "blur" | "change" | "compositionend" | "compositionstart" | "compositionupdate" | "focus" | "keydown" | "mouseenter" | "mouseleave" | "clear" | "update:modelValue")[] | undefined>(emit: T2, excludes?: EX | undefined) => { [P in EX extends (infer KE)[] ? Exclude<"input", KE> | Exclude<"blur", KE> | Exclude<"change", KE> | Exclude<"compositionend", KE> | Exclude<"compositionstart", KE> | Exclude<"compositionupdate", KE> | Exclude<"focus", KE> | Exclude<"keydown", KE> | Exclude<"mouseenter", KE> | Exclude<"mouseleave", KE> | Exclude<"clear", KE> | Exclude<"update:modelValue", KE> : "input" | "blur" | "change" | "compositionend" | "compositionstart" | "compositionupdate" | "focus" | "keydown" | "mouseenter" | "mouseleave" | "clear" | "update:modelValue"]: {
+    "update:modelValue": (...e: import("@vunk/core").RestParameters<T2>) => void;
+    input: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    change: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    focus: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    blur: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    clear: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    mouseleave: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    mouseenter: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    keydown: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    compositionstart: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    compositionupdate: (...e: import("@vunk/core").RestParameters<T2>) => void;
+    compositionend: (...e: import("@vunk/core").RestParameters<T2>) => void;
+}[P]; };

package/components/input/src/ctx.js

@@ -21,10 +21,22 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputProps), {
+const props = __spreadProps(__spreadValues(__spreadValues({}, inputProps), _VkfFormItemCtx.props), {
+  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);