@vunk/form 0.0.1-alpha.5 → 0.0.1-alpha.50

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

@@ -1,12 +1,18 @@
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, mergeProps, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, createCommentVNode, resolveDynamicComponent } 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';
+import { VkfRadio } from '@vunk/form/components/radio';
+import { VkfCheckbox } from '@vunk/form/components/checkbox';
+import { VkfUpload } from '@vunk/form/components/upload';
+import { VkfColorPicker } from '@vunk/form/components/color-picker';
+import { VkfButton } from '@vunk/form/components/button';
+import { VkfCascader } from '@vunk/form/components/cascader';
 
 const props = {
   data: {
@@ -18,7 +24,15 @@ const emits = {
   setData: (e) => e
 };
 
-var script = defineComponent({
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
   name: "VkfFormItemRendererTemplateDefault",
   components: {
     VkfFormItemRendererTemplate,
@@ -26,104 +40,189 @@ var script = defineComponent({
     VkfSwitch,
     VkfSelect,
     VkfDatePicker,
-    VkfInputNumber
+    VkfInputNumber,
+    VkfRadio,
+    VkfCheckbox,
+    VkfUpload,
+    VkfColorPicker,
+    VkfButton,
+    VkfCascader
   },
   emits,
   props,
   setup() {
     return {
-      pinkObject,
+      pickObject,
       getValue
     };
   }
 });
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_VkfInput = resolveComponent("VkfInput");
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfButton = resolveComponent("VkfButton");
   const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_VkfColorPicker = resolveComponent("VkfColorPicker");
+  const _component_VkfUpload = resolveComponent("VkfUpload");
+  const _component_VkfCheckbox = resolveComponent("VkfCheckbox");
+  const _component_VkfRadio = resolveComponent("VkfRadio");
+  const _component_VkfInput = resolveComponent("VkfInput");
   const _component_VkfSwitch = resolveComponent("VkfSwitch");
   const _component_VkfSelect = resolveComponent("VkfSelect");
   const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
   const _component_VkfInputNumber = resolveComponent("VkfInputNumber");
+  const _component_VkfCascader = resolveComponent("VkfCascader");
   return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfButton" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfButton, normalizeProps(mergeProps({ key: 0 }, sourceData)), null, 16)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfColorPicker" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfColorPicker, 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: "VkfUpload" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfUpload, mergeProps({
+          key: 0,
+          fileList: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:fileList": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["fileList", "onUpdate:fileList"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCheckbox" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCheckbox, 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: "VkfRadio" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfRadio, 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: "VkfInput" }, {
-      default: withCtx(({ data: sourceData }) => [
-        createVNode(_component_VkfInput, mergeProps({
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_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, templateIf }) => [
+        templateIf(_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, templateIf }) => [
+        templateIf(_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, templateIf }) => [
+        templateIf(_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 }) => [
-        createVNode(_component_VkfInputNumber, mergeProps({
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_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: "VkfCascader" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCascader, 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: "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, templateIf }) => [
+        templateIf(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 VkfFormItemRendererTemplateDefault = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-script.install = (app) => {
-  app.component(script.name, script);
+VkfFormItemRendererTemplateDefault.install = (app) => {
+  app.component(VkfFormItemRendererTemplateDefault.name, VkfFormItemRendererTemplateDefault);
 };
 
-export { script as VkfFormItemRendererTemplateDefault, types as __VkfFormItemRendererTemplateDefault, script as default };
+export { VkfFormItemRendererTemplateDefault, types as __VkfFormItemRendererTemplateDefault, VkfFormItemRendererTemplateDefault as default };

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

@@ -4,11 +4,11 @@ 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]; };
-    getValue: (obj: any, k: string | number | any[]) => any;
+    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[], intoUndefined?: ((obj: any, k: string | number) => void) | undefined) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent<any>) => import("@vunk/core").SetDataEvent<any>;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -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.css

@@ -2,6 +2,4 @@
 .vkf-flex {
   display: flex;
 }
-.vkf-flex > .el-form-item {
-  width: 100%;
-}
+

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

@@ -1,10 +1,26 @@
-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';
 
-var script = defineComponent({
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
   name: "VkfFormItemRendererTemplateLayout",
+  props,
   components: {
     ElRow,
     ElCol,
@@ -12,19 +28,18 @@ var script = defineComponent({
   },
   setup() {
     return {
-      pinkObject
+      pickObject
     };
   }
 });
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElRow = resolveComponent("ElRow");
   const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
   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: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElRow, normalizeProps(mergeProps({ key: 0 }, props2)), {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
               source: raw.templateSlots,
@@ -32,13 +47,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: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElCol, normalizeProps(mergeProps({ key: 0 }, props2)), {
           default: withCtx(() => [
             (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
               source: raw.templateSlots,
@@ -46,46 +61,48 @@ 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: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
           class: "vkf-flex",
           style: {
-            "justify-content": data.justify,
-            "flex-direction": data.direction,
-            "align-items": data.align,
-            "overflow": data.overflow,
-            "flex-grow": data.grow,
-            "flex-shrink": data.shrink,
-            "flex-basis": data.basis
+            "justify-content": props2.justify,
+            "flex-direction": props2.direction,
+            "align-items": props2.align,
+            "overflow": props2.overflow,
+            "flex-grow": props2.grow,
+            "flex-shrink": props2.shrink,
+            "flex-basis": props2.basis
           }
-        }, _ctx.pinkObject(data, {
-          excludes: ["justify", "direction", "align", "overflow", "grow", "shrink", "basis"]
-        })), [
+        }, _ctx.pickObject(
+          props2,
+          {
+            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
     })
   ], 64);
 }
-
-script.render = render;
-script.__file = "form-item-renderer-template-layout/src/index.vue";
+var VkfFormItemRendererTemplateLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-script.install = (app) => {
-  app.component(script.name, script);
+VkfFormItemRendererTemplateLayout.install = (app) => {
+  app.component(VkfFormItemRendererTemplateLayout.name, VkfFormItemRendererTemplateLayout);
 };
 
-export { script as VkfFormItemRendererTemplateLayout, types as __VkfFormItemRendererTemplateLayout, script as default };
+export { VkfFormItemRendererTemplateLayout, types as __VkfFormItemRendererTemplateLayout, VkfFormItemRendererTemplateLayout as default };

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);
@@ -41,7 +54,15 @@ var ctx = /*#__PURE__*/Object.freeze({
   createOnEmits: createOnEmits
 });
 
-var script = defineComponent({
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
   name: "VkfInput",
   components: {
     ElInput,
@@ -50,23 +71,28 @@ 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
     };
   }
 });
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElInput = resolveComponent("ElInput");
   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")
         ]),
@@ -76,25 +102,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return {
             name: key,
             fn: withCtx((e) => [
-              (openBlock(), createBlock(resolveDynamicComponent(item == null ? void 0 : item(e))))
+              (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
             ])
           };
         })
-      ]), 1040)
+      ]), 1040, ["maxlength", "minlength", "rows", "readonly"]),
+      renderSlot(_ctx.$slots, "formItem")
     ]),
     _: 3
   }, 16);
 }
-
-script.render = render;
-script.__file = "input/src/index.vue";
+var VkfInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-script.install = (app) => {
-  app.component(script.name, script);
+VkfInput.install = (app) => {
+  app.component(VkfInput.name, VkfInput);
 };
 
-export { script as VkfInput, ctx as _VkfInputCtx, types as __VkfInput, script as default };
+export { VkfInput, ctx as _VkfInputCtx, types as __VkfInput, VkfInput as default };