@vunk/form 1.4.4 → 1.4.5

package/components/cascader/index.cjs

@@ -71,8 +71,8 @@ var _sfc_main = vue.defineComponent({
     ElCascader: elementPlus.ElCascader,
     VkfFormItem: formItem.VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const coreBindProps = elementPlus$1.createCascaderBindProps(props2, ["options"]);
     const coreOnEmits = elementPlus$1.createCascaderOnEmits(emit);
@@ -97,14 +97,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
     {
       default: vue.withCtx(() => [
-        vue.createVNode(_component_ElCascader, vue.mergeProps(_ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits), {
+        vue.createVNode(_component_ElCascader, vue.mergeProps(_ctx.coreBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled,
           options: _ctx.options,
           class: {
             "is-readonly": _ctx.readonly
           }
-        }), null, 16, ["readonly", "disabled", "options", "class"])
+        }, vue.toHandlers(_ctx.coreOnEmits)), null, 16, ["readonly", "disabled", "options", "class"])
       ]),
       _: 1
       /* STABLE */

package/components/cascader/index.mjs

@@ -67,8 +67,8 @@ var _sfc_main = defineComponent({
     ElCascader,
     VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const coreBindProps = createCascaderBindProps(props2, ["options"]);
     const coreOnEmits = createCascaderOnEmits(emit);
@@ -93,14 +93,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
     {
       default: withCtx(() => [
-        createVNode(_component_ElCascader, mergeProps(_ctx.coreBindProps, toHandlers(_ctx.coreOnEmits), {
+        createVNode(_component_ElCascader, mergeProps(_ctx.coreBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled,
           options: _ctx.options,
           class: {
             "is-readonly": _ctx.readonly
           }
-        }), null, 16, ["readonly", "disabled", "options", "class"])
+        }, toHandlers(_ctx.coreOnEmits)), null, 16, ["readonly", "disabled", "options", "class"])
       ]),
       _: 1
       /* STABLE */

package/components/color-picker/index.cjs

@@ -22,8 +22,8 @@ var _sfc_main = vue.defineComponent({
     VkfFormItem: formItem.VkfFormItem,
     ElColorPicker: elementPlus.ElColorPicker
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = elementPlus$1.createColorPickerBindProps(props2, ["label"]);

package/components/color-picker/index.mjs

@@ -18,8 +18,8 @@ var _sfc_main = defineComponent({
     VkfFormItem,
     ElColorPicker
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = createColorPickerBindProps(props2, ["label"]);

package/components/form/index.cjs

@@ -133,7 +133,7 @@ var _sfc_main = vue.defineComponent({
     const rendererSource = vue.computed(() => {
       if (props2.layout) {
         return props2.formItems.reduce((a, c) => {
-          const lastRow = a[a.length - 1];
+          const lastRow = a.findLast((item) => item.templateType === "ElRow");
           const itemSpan = c.span ?? props2.colSource.span;
           if (!itemSpan) {
             a.push(c);

package/components/form/index.mjs

@@ -129,7 +129,7 @@ var _sfc_main = defineComponent({
     const rendererSource = computed(() => {
       if (props2.layout) {
         return props2.formItems.reduce((a, c) => {
-          const lastRow = a[a.length - 1];
+          const lastRow = a.findLast((item) => item.templateType === "ElRow");
           const itemSpan = c.span ?? props2.colSource.span;
           if (!itemSpan) {
             a.push(c);

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

@@ -36,6 +36,7 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
     const Renderer = VkfFormItemRenderer$1;
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
+        c.key = c.key ?? (Array.isArray(c.prop) ? c.prop.join() : c.prop);
         const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           vue.nextTick(() => {

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

@@ -32,6 +32,7 @@ const VkfFormItemRenderer$1 = defineComponent({
     const Renderer = VkfFormItemRenderer$1;
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
+        c.key = c.key ?? (Array.isArray(c.prop) ? c.prop.join() : c.prop);
         const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           nextTick(() => {

package/components/input/index.cjs

@@ -74,11 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
     {
       default: vue.withCtx(() => [
-        vue.createVNode(_component_ElInput, vue.mergeProps({
-          maxlength: _ctx.maxlength,
-          minlength: _ctx.minlength,
-          rows: _ctx.rows
-        }, _ctx.inputBindProps, { readonly: _ctx.readonly }, vue.toHandlers(_ctx.inputOnEmits)), vue.createSlots({
+        vue.createVNode(_component_ElInput, vue.mergeProps({ rows: _ctx.rows }, _ctx.inputBindProps, { readonly: _ctx.readonly }, vue.toHandlers(_ctx.inputOnEmits)), vue.createSlots({
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),
@@ -93,7 +89,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1040, ["maxlength", "minlength", "rows", "readonly"]),
+        ]), 1040, ["rows", "readonly"]),
         vue.renderSlot(_ctx.$slots, "formItem")
       ]),
       _: 3

package/components/input/index.mjs

@@ -70,11 +70,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
     {
       default: withCtx(() => [
-        createVNode(_component_ElInput, mergeProps({
-          maxlength: _ctx.maxlength,
-          minlength: _ctx.minlength,
-          rows: _ctx.rows
-        }, _ctx.inputBindProps, { readonly: _ctx.readonly }, toHandlers(_ctx.inputOnEmits)), createSlots({
+        createVNode(_component_ElInput, mergeProps({ rows: _ctx.rows }, _ctx.inputBindProps, { readonly: _ctx.readonly }, toHandlers(_ctx.inputOnEmits)), createSlots({
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),
@@ -89,7 +85,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ])
             };
           })
-        ]), 1040, ["maxlength", "minlength", "rows", "readonly"]),
+        ]), 1040, ["rows", "readonly"]),
         renderSlot(_ctx.$slots, "formItem")
       ]),
       _: 3

package/components/input-link/index.cjs

@@ -74,8 +74,8 @@ var _sfc_main = vue.defineComponent({
   components: {
     VkfInput: input.VkfInput
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const coreProps = input._VkfInputCtx.createBindProps(props2);
     const coreEmits = input._VkfInputCtx.createOnEmits(emit);
@@ -127,19 +127,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_VkfInput, {
       label: _ctx.referenceLabel,
       disabled: true,
-      modelValue: _ctx.referenceUrl ?? _ctx.uploadUrl,
-      inputSlots: {
+      "model-value": _ctx.referenceUrl ?? _ctx.uploadUrl,
+      "input-slots": {
         append: _ctx.createAppendEl(_ctx.referenceUrl ?? _ctx.uploadUrl)
       }
-    }, null, 8, ["label", "modelValue", "inputSlots"]),
-    !_ctx.referenceOnly ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({ key: 0 }, _ctx.coreProps, vue.toHandlers(_ctx.coreEmits), {
+    }, null, 8, ["label", "model-value", "input-slots"]),
+    !_ctx.referenceOnly ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({ key: 0 }, _ctx.coreProps, {
       rules: _ctx.rules,
       readonly: _ctx.readonly,
       type: _ctx.readonly ? "text" : _ctx.type,
-      inputSlots: {
+      "input-slots": {
         append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue) : void 0
       }
-    }), null, 16, ["rules", "readonly", "type", "inputSlots"])) : vue.createCommentVNode("v-if", true)
+    }, vue.toHandlers(_ctx.coreEmits)), null, 16, ["rules", "readonly", "type", "input-slots"])) : vue.createCommentVNode("v-if", true)
   ]);
 }
 var VkfInputLink = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-link/src/index.vue"]]);

package/components/input-link/index.mjs

@@ -70,8 +70,8 @@ var _sfc_main = defineComponent({
   components: {
     VkfInput
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const coreProps = _VkfInputCtx.createBindProps(props2);
     const coreEmits = _VkfInputCtx.createOnEmits(emit);
@@ -123,19 +123,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_VkfInput, {
       label: _ctx.referenceLabel,
       disabled: true,
-      modelValue: _ctx.referenceUrl ?? _ctx.uploadUrl,
-      inputSlots: {
+      "model-value": _ctx.referenceUrl ?? _ctx.uploadUrl,
+      "input-slots": {
         append: _ctx.createAppendEl(_ctx.referenceUrl ?? _ctx.uploadUrl)
       }
-    }, null, 8, ["label", "modelValue", "inputSlots"]),
-    !_ctx.referenceOnly ? (openBlock(), createBlock(_component_VkfInput, mergeProps({ key: 0 }, _ctx.coreProps, toHandlers(_ctx.coreEmits), {
+    }, null, 8, ["label", "model-value", "input-slots"]),
+    !_ctx.referenceOnly ? (openBlock(), createBlock(_component_VkfInput, mergeProps({ key: 0 }, _ctx.coreProps, {
       rules: _ctx.rules,
       readonly: _ctx.readonly,
       type: _ctx.readonly ? "text" : _ctx.type,
-      inputSlots: {
+      "input-slots": {
         append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue) : void 0
       }
-    }), null, 16, ["rules", "readonly", "type", "inputSlots"])) : createCommentVNode("v-if", true)
+    }, toHandlers(_ctx.coreEmits)), null, 16, ["rules", "readonly", "type", "input-slots"])) : createCommentVNode("v-if", true)
   ]);
 }
 var VkfInputLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-link/src/index.vue"]]);

package/components/radio/index.cjs

@@ -38,8 +38,8 @@ var _sfc_main = vue.defineComponent({
     ElRadioGroup: elementPlus.ElRadioGroup,
     ElRadioButton: elementPlus.ElRadioButton
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = elementPlus$1.createRadioGroupBindProps(props2, ["disabled", "label"]);
@@ -83,9 +83,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: {
             "is-readonly": _ctx.readonly
           }
-        }, _ctx.coreBindProps, vue.toHandlers(_ctx.coreOnEmits), {
+        }, _ctx.coreBindProps, {
           disabled: _ctx.readonly || _ctx.disabled
-        }), {
+        }, vue.toHandlers(_ctx.coreOnEmits)), {
           default: vue.withCtx(() => [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,

package/components/radio/index.mjs

@@ -34,8 +34,8 @@ var _sfc_main = defineComponent({
     ElRadioGroup,
     ElRadioButton
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = createRadioGroupBindProps(props2, ["disabled", "label"]);
@@ -79,9 +79,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: {
             "is-readonly": _ctx.readonly
           }
-        }, _ctx.coreBindProps, toHandlers(_ctx.coreOnEmits), {
+        }, _ctx.coreBindProps, {
           disabled: _ctx.readonly || _ctx.disabled
-        }), {
+        }, toHandlers(_ctx.coreOnEmits)), {
           default: withCtx(() => [
             (openBlock(true), createElementBlock(
               Fragment,

package/components/templates-default/index.cjs

@@ -255,7 +255,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
-      vue.createCommentVNode(" VkfInputLink "),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputLink" }, {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInputLink, vue.mergeProps({
@@ -271,7 +270,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
-      vue.createCommentVNode(" VkfSlider "),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSlider" }, {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSlider, vue.mergeProps({

package/components/templates-default/index.mjs

@@ -251,7 +251,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
-      createCommentVNode(" VkfInputLink "),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputLink" }, {
         default: withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputLink, mergeProps({
@@ -267,7 +266,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         _: 1
         /* STABLE */
       }),
-      createCommentVNode(" VkfSlider "),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSlider" }, {
         default: withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSlider, mergeProps({

package/components/templates-layout/index.cjs

@@ -17,12 +17,12 @@ const props = {
 
 var _sfc_main = vue.defineComponent({
   name: "VkfTemplatesLayout",
-  props,
   components: {
     ElRow: elementPlus.ElRow,
     ElCol: elementPlus.ElCol,
     VkfFormItemRendererTemplate: formItemRendererTemplate.VkfFormItemRendererTemplate
   },
+  props,
   setup() {
     return {
       pickObject: utilsObject.pickObject

package/components/templates-layout/index.mjs

@@ -13,12 +13,12 @@ const props = {
 
 var _sfc_main = defineComponent({
   name: "VkfTemplatesLayout",
-  props,
   components: {
     ElRow,
     ElCol,
     VkfFormItemRendererTemplate
   },
+  props,
   setup() {
     return {
       pickObject

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "description": "",
   "main": "index.esm.js",
   "scripts": {

package/components/button/index.d.ts

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

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

@@ -1,96 +0,0 @@
-import { PropType } from 'vue';
-import { ButtonSlots } from './types';
-export declare const props: {
-    buttonSlots: {
-        type: PropType<ButtonSlots>;
-        default: () => {};
-    };
-    buttonLabel: {
-        type: StringConstructor;
-        default: string;
-    };
-    validate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    size: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    disabled: BooleanConstructor;
-    type: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "default" | "success" | "warning" | "info" | "text" | "primary" | "danger", unknown, "", boolean>;
-    icon: {
-        readonly type: import("vue").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) | undefined;
-        __epPropKey: true;
-    };
-    nativeType: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "button" | "reset" | "submit", unknown, "button", boolean>;
-    loading: BooleanConstructor;
-    loadingIcon: 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, () => any, boolean>;
-    plain: BooleanConstructor;
-    text: BooleanConstructor;
-    link: BooleanConstructor;
-    bg: BooleanConstructor;
-    autofocus: BooleanConstructor;
-    round: BooleanConstructor;
-    circle: BooleanConstructor;
-    color: StringConstructor;
-    dark: BooleanConstructor;
-    autoInsertSpace: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    tag: 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, "button", boolean>;
-    required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
-    formItemSize: {
-        type: PropType<"default" | "small" | "large">;
-        default: "default" | "small" | "large";
-    };
-    formItemSlots: {
-        type: PropType<import("@vunk/form/components/form-item/src/types").FormItemSlots>;
-        default: any;
-    };
-    elRef: {
-        type: PropType<any>;
-        required: boolean;
-    };
-    inline: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: any;
-    };
-    labelPosition: {
-        type: PropType<"right">;
-        default: string;
-    };
-    label: StringConstructor;
-    labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
-    prop: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    rules: {
-        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) | undefined;
-        __epPropKey: true;
-    };
-    error: StringConstructor;
-    validateStatus: {
-        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "success" | "error" | "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>;
-};
-export declare const emits: {
-    click: (evt: MouseEvent) => boolean;
-};