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

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

@@ -1,4 +1,4 @@
-import { defineComponent, shallowReactive, provide, h } from 'vue';
+import { defineComponent, shallowReactive, provide, h, nextTick } from 'vue';
 
 const props = {
   source: {
@@ -17,11 +17,28 @@ const props = {
 
 const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
 
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 const VkfFormItemRenderer = defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
   setup(props$1, ctx) {
-    const templateInstances = props$1.templateInstances ?? shallowReactive({});
+    var _a;
+    const templateInstances = (_a = props$1.templateInstances) != null ? _a : shallowReactive({});
     provide(S_TEMPLATE_INSTANCES, templateInstances);
     const Renderer = defineComponent({
       props: props,
@@ -35,28 +52,42 @@ const VkfFormItemRenderer = defineComponent({
     });
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
+        var _a2, _b, _c, _d;
         const currentK = [...props$1.k, ...pK, index];
+        const validateTemplateType = () => {
+          nextTick(() => {
+            if (c.templateType && !templateInstances[c.templateType]) {
+              console.warn(c.templateType, "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7");
+            }
+          });
+        };
         if (c.templateType && templateInstances[c.templateType]) {
-          const slotData = { ...c };
+          const slotData = __spreadValues({}, c);
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateSlots");
-          const nodes = templateInstances[c.templateType].slots.default?.({
+          const nodes = (_b = (_a2 = templateInstances[c.templateType].slots).default) == null ? void 0 : _b.call(_a2, {
             data: slotData,
             raw: c,
             Renderer,
             k: currentK
           });
           nodes && a.push(nodes);
-        } else if (c.templateSlots?.default) {
-          console.warn(c.templateType, "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7");
+        } else if ((_c = c.templateSlots) == null ? void 0 : _c.default) {
+          validateTemplateType();
           currentK.push("templateSlots", "default");
-          return renderFormItems(c.templateSlots.default, currentK);
+          if (Array.isArray((_d = c.templateSlots) == null ? void 0 : _d.default)) {
+            const subNode = renderFormItems(c.templateSlots.default, currentK);
+            a = a.concat(subNode);
+          }
+        } else {
+          validateTemplateType();
         }
         return a;
       }, []);
     };
     return () => {
-      const tempSlots = ctx.slots.default?.();
+      var _a2, _b;
+      const tempSlots = (_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2);
       return [
         tempSlots,
         renderFormItems(props$1.source)
@@ -67,19 +98,6 @@ const VkfFormItemRenderer = defineComponent({
 
 VkfFormItemRenderer.__file = "form-item-renderer/src/index.vue";
 
-const createDefaultSlots = (o) => {
-  return {
-    default: Array.isArray(o) ? o : [
-      o
-    ]
-  };
-};
-
-var utils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createDefaultSlots: createDefaultSlots
-});
-
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
@@ -88,4 +106,4 @@ VkfFormItemRenderer.install = (app) => {
   app.component(VkfFormItemRenderer.name, VkfFormItemRenderer);
 };
 
-export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, utils as _VkfFormItemRendererUtils, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };
+export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };

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

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

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

@@ -31,8 +31,8 @@ declare const VkfFormItemRenderer: import("vue").DefineComponent<{
         default: () => never[];
     };
 }>>, {
-    source: RendererTreeData[];
     templateInstances: Record<string, ComponentInternalInstance>;
+    source: RendererTreeData[];
     k: (string | number)[];
 }>;
 export default VkfFormItemRenderer;

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

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

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

@@ -1,5 +1,5 @@
 export interface RendererTreeData {
     templateType?: string;
-    templateSlots?: Record<string, RendererTreeData[]>;
+    templateSlots?: any;
     [k: string]: any;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  setData: (e) => e
+};
+
+export { emits, props };

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

@@ -0,0 +1,24 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<Record<string, any>>;
+        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]; };
+    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>;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<Record<string, any>>;
+        default: () => {};
+    };
+}>> & {
+    onSetData?: ((e: import("@vunk/core").SetDataEvent<any>) => any) | undefined;
+}, {
+    data: Record<string, any>;
+}>;
+export default _default;

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

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

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

@@ -0,0 +1,7 @@
+
+.vkf-flex {
+  display: flex;
+}
+.vkf-flex > .el-form-item {
+  width: 100%;
+}

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

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

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

@@ -0,0 +1,91 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createElementVNode, mergeProps } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { ElRow, ElCol } from 'element-plus';
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+var script = defineComponent({
+  name: "VkfFormItemRendererTemplateLayout",
+  components: {
+    ElRow,
+    ElCol,
+    VkfFormItemRendererTemplate
+  },
+  setup() {
+    return {
+      pickObject
+    };
+  }
+});
+
+function 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(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+              source: raw.templateSlots,
+              k: [...k, "templateSlots"]
+            }, null, 8, ["source", "k"]))
+          ]),
+          _: 2
+        }, 1040)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElCol" }, {
+      default: withCtx(({ data, Renderer, raw, k }) => [
+        createVNode(_component_ElCol, normalizeProps(guardReactiveProps(data)), {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+              source: raw.templateSlots,
+              k: [...k, "templateSlots"]
+            }, null, 8, ["source", "k"]))
+          ]),
+          _: 2
+        }, 1040)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfFlex" }, {
+      default: withCtx(({ data, Renderer, raw, k }) => [
+        createElementVNode("div", mergeProps({
+          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
+          }
+        }, _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)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+
+script.render = render;
+script.__file = "form-item-renderer-template-layout/src/index.vue";
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+script.install = (app) => {
+  app.component(script.name, script);
+};
+
+export { script as VkfFormItemRendererTemplateLayout, types as __VkfFormItemRendererTemplateLayout, script as default };

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

@@ -0,0 +1,8 @@
+import { PropType } from 'vue';
+export declare const props: {
+    modelValue: {
+        type: PropType<unknown>;
+        default: () => {};
+    };
+};
+export declare const emits: {};

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

@@ -0,0 +1,9 @@
+const props = {
+  modelValue: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {};
+
+export { emits, props };

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

@@ -0,0 +1,7 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    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]; };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

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

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

package/components/input/index.js

@@ -1,21 +1,44 @@
 import { inputProps, inputEmits, ElInput } from 'element-plus';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { bindPropsFactory, onEmitsFactory } from 'vunk/shared/utils-vue';
+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';
 
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...inputProps,
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), inputProps), {
+  maxlength: {
+    type: Number,
+    required: false
+  },
+  minlength: {
+    type: Number,
+    required: false
+  },
   inputSlots: {
     type: Object,
     default: void 0
   }
-};
+});
 const createBindProps = bindPropsFactory(props);
-const emits = {
-  ...inputEmits
-};
+const emits = __spreadValues({}, inputEmits);
 const createOnEmits = onEmitsFactory(emits);
 
 var ctx = /*#__PURE__*/Object.freeze({
@@ -51,7 +74,10 @@ 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
+      }, _ctx.inputBindProps, toHandlers(_ctx.inputOnEmits)), createSlots({
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
@@ -61,11 +87,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return {
             name: key,
             fn: withCtx((e) => [
-              (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
+              (openBlock(), createBlock(resolveDynamicComponent(item == null ? void 0 : item(e))))
             ])
           };
         })
-      ]), 1040)
+      ]), 1040, ["maxlength", "minlength"])
     ]),
     _: 3
   }, 16);