@vunk/form 2.14.1 → 2.14.3

package/components/card-input-collection/index.cjs

@@ -11,13 +11,15 @@ var templatesDefault = require('@vunk/form/components/templates-default');
 var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
 var formItemRenderer = require('@vunk/form/components/form-item-renderer');
 var rendererData = require('@vunk/form/components/renderer-data');
+var _function = require('@vunk/shared/function');
+var index = require('../index.cjs');
 var cloneDeep = require('../cloneDeep.cjs');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 require('../isObject.cjs');
 
 const props = {
   ...formItem._VkfFormItemCtx.props,
-  formItems: {
+  columns: {
     type: Array,
     default: () => []
   },
@@ -30,7 +32,7 @@ const props = {
     default: void 0
   },
   /**
-   * @description 是否可以splice
+   * @description 是否可以添加或删除
    */
   splicable: {
     type: Boolean,
@@ -39,6 +41,34 @@ const props = {
   slots: {
     type: Object,
     default: () => ({})
+  },
+  /**
+   * @description 保留最后一个不被删除
+   */
+  keepLast: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+   */
+  labelActions: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 添加记录时的默认值
+   */
+  defaultItemValue: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * @description 是否开启顶部的添加按钮
+   */
+  topSplicable: {
+    type: Boolean,
+    default: true
   }
 };
 const emits = {};
@@ -69,7 +99,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     });
     function handlePlus(index) {
       const data = cloneDeep.cloneDeep(props.modelValue);
-      data.splice(index + 1, 0, {});
+      data.splice(
+        index + 1,
+        0,
+        cloneDeep.cloneDeep(props.defaultItemValue)
+      );
       emit("update:modelValue", data);
     }
     function handleMinus(index) {
@@ -77,31 +111,43 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       data.splice(index, 1);
       emit("update:modelValue", data);
     }
-    const addToFirst = () => {
-      emit("update:modelValue", [
-        {},
-        ...props.modelValue ?? []
-      ]);
-    };
     const handleFormSetData = (e) => {
       const data = cloneDeep.cloneDeep(formData.value);
       core.ensetData(data, e);
       emit("update:modelValue", core.getValue(data, props.prop));
     };
     function createTheFormItems(index) {
-      return props.formItems.map((formItem) => {
-        return {
+      return props.columns.map((formItem) => {
+        const parentProp = [
+          props.prop ?? [],
+          index
+        ].flat();
+        const prop = [parentProp, formItem.prop].flat();
+        const formItemProps = {
           readonly: readonly.value,
           ...formItem,
-          prop: [
-            props.prop ?? [],
-            index,
-            formItem.prop
-          ].flat()
+          prop
         };
+        Reflect.deleteProperty(formItemProps, "createTemplateProps");
+        if (_function.isCallable(formItem.templateProps)) {
+          formItemProps.templateProps = () => {
+            return formItem.templateProps(
+              core.getValue(formData.value, parentProp)
+            );
+          };
+        }
+        const extraProps = formItem.createTemplateProps?.(
+          {
+            $index: index,
+            row: core.getValue(formData.value, parentProp)
+          },
+          formItemProps
+        ) ?? {};
+        Object.assign(formItemProps, extraProps);
+        return formItemProps;
       });
     }
-    const __returned__ = { props, emit, formItemBindProps, readonly, formData, handlePlus, handleMinus, addToFirst, handleFormSetData, createTheFormItems, get VkfFormItem() {
+    const __returned__ = { props, emit, formItemBindProps, readonly, formData, handlePlus, handleMinus, handleFormSetData, createTheFormItems, get VkfFormItem() {
       return formItem.VkfFormItem;
     }, get ElButton() {
       return elementPlus.ElButton;
@@ -117,13 +163,18 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return formItemRenderer.VkfFormItemRenderer;
     }, get VkfRendererData() {
       return rendererData.VkfRendererData;
+    }, get Plus() {
+      return index.plus_default;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
-const _hoisted_1 = { class: "vkf-card-input-collection-options" };
+const _hoisted_1 = {
+  key: 0,
+  class: "vkf-card-input-collection-options"
+};
 const _hoisted_2 = { class: "vkf-card-input-collection-card__footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
@@ -139,29 +190,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           vue.createVNode(
             $setup["VkfFormItem"],
             vue.mergeProps($setup.formItemBindProps, { class: "vkf-card-input-collection" }),
-            {
+            vue.createSlots({
               default: vue.withCtx(() => [
-                vue.createElementVNode("div", _hoisted_1, [
-                  vue.renderSlot(_ctx.$slots, "options", {}, () => [
-                    _ctx.slots.options ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.slots.options), { key: 0 })) : vue.createCommentVNode("v-if", true)
-                  ]),
-                  !$setup.readonly && _ctx.splicable ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
-                    key: 0,
+                !$setup.readonly && _ctx.splicable && !_ctx.labelActions && _ctx.topSplicable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                  vue.createVNode($setup["ElButton"], {
                     type: "primary",
-                    onClick: $setup.addToFirst
+                    onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: vue.withCtx(() => _cache[0] || (_cache[0] = [
+                    default: vue.withCtx(() => _cache[3] || (_cache[3] = [
                       vue.createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [0]
-                  })) : vue.createCommentVNode("v-if", true)
-                ]),
+                    __: [3]
+                  })
+                ])) : vue.createCommentVNode("v-if", true),
                 !_ctx.modelValue?.length ? (vue.openBlock(), vue.createBlock($setup["ElEmpty"], {
-                  key: 0,
+                  key: 1,
                   class: "vkf-card-input-collection-empty"
                 }, {
-                  image: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                  image: vue.withCtx(() => _cache[4] || (_cache[4] = [
                     vue.createTextVNode(vue.toDisplayString(""))
                   ])),
                   _: 1
@@ -170,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 (vue.openBlock(true), vue.createElementBlock(
                   vue.Fragment,
                   null,
-                  vue.renderList(_ctx.modelValue, (item, index) => {
+                  vue.renderList(_ctx.modelValue, (_, index) => {
                     return vue.openBlock(), vue.createBlock(
                       $setup["ElCard"],
                       {
@@ -195,22 +242,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                 type: "primary",
                                 onClick: () => $setup.handlePlus(index)
                               }, {
-                                default: vue.withCtx(() => [..._cache[2] || (_cache[2] = [
+                                default: vue.withCtx(() => [..._cache[5] || (_cache[5] = [
                                   vue.createTextVNode(" \u6DFB\u52A0 ")
                                 ])]),
                                 _: 2,
-                                __: [2]
+                                __: [5]
                               }, 1032, ["onClick"]),
                               vue.createVNode($setup["ElButton"], {
                                 type: "danger",
+                                disabled: _ctx.modelValue.length <= 1 && $setup.props.keepLast,
                                 onClick: () => $setup.handleMinus(index)
                               }, {
-                                default: vue.withCtx(() => [..._cache[3] || (_cache[3] = [
+                                default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
                                   vue.createTextVNode(" \u5220\u9664 ")
                                 ])]),
                                 _: 2,
-                                __: [3]
-                              }, 1032, ["onClick"])
+                                __: [6]
+                              }, 1032, ["disabled", "onClick"])
                             ])
                           ]),
                           key: "0"
@@ -224,11 +272,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   /* KEYED_FRAGMENT */
                 ))
               ]),
-              _: 3
-              /* FORWARDED */
-            },
-            16
-            /* FULL_PROPS */
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.labelActions ? {
+                name: "labelActions",
+                fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "labelActions"),
+                  !$setup.readonly && _ctx.splicable && _ctx.topSplicable ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
+                    key: 0,
+                    size: "small",
+                    icon: $setup.Plus,
+                    onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
+                  }, {
+                    default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                      vue.createTextVNode(" \u6DFB\u52A0 ")
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["icon"])) : vue.createCommentVNode("v-if", true)
+                ]),
+                key: "0"
+              } : void 0
+            ]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
         _: 3

package/components/card-input-collection/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, renderSlot, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, createSlots } from 'vue';
+import { defineComponent, computed, openBlock, createBlock, withCtx, createVNode, mergeProps, createSlots, createElementBlock, createTextVNode, createCommentVNode, toDisplayString, Fragment, renderList, createElementVNode, renderSlot } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { ElButton, ElCard, ElEmpty } from 'element-plus';
@@ -7,13 +7,15 @@ import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
 import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
 import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
 import { VkfRendererData } from '@vunk/form/components/renderer-data';
+import { isCallable } from '@vunk/shared/function';
+import { p as plus_default } from '../index.mjs';
 import { c as cloneDeep } from '../cloneDeep.mjs';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 import '../isObject.mjs';
 
 const props = {
   ..._VkfFormItemCtx.props,
-  formItems: {
+  columns: {
     type: Array,
     default: () => []
   },
@@ -26,7 +28,7 @@ const props = {
     default: void 0
   },
   /**
-   * @description 是否可以splice
+   * @description 是否可以添加或删除
    */
   splicable: {
     type: Boolean,
@@ -35,6 +37,34 @@ const props = {
   slots: {
     type: Object,
     default: () => ({})
+  },
+  /**
+   * @description 保留最后一个不被删除
+   */
+  keepLast: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+   */
+  labelActions: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 添加记录时的默认值
+   */
+  defaultItemValue: {
+    type: Object,
+    default: () => ({})
+  },
+  /**
+   * @description 是否开启顶部的添加按钮
+   */
+  topSplicable: {
+    type: Boolean,
+    default: true
   }
 };
 const emits = {};
@@ -65,7 +95,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     });
     function handlePlus(index) {
       const data = cloneDeep(props.modelValue);
-      data.splice(index + 1, 0, {});
+      data.splice(
+        index + 1,
+        0,
+        cloneDeep(props.defaultItemValue)
+      );
       emit("update:modelValue", data);
     }
     function handleMinus(index) {
@@ -73,31 +107,43 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       data.splice(index, 1);
       emit("update:modelValue", data);
     }
-    const addToFirst = () => {
-      emit("update:modelValue", [
-        {},
-        ...props.modelValue ?? []
-      ]);
-    };
     const handleFormSetData = (e) => {
       const data = cloneDeep(formData.value);
       ensetData(data, e);
       emit("update:modelValue", getValue(data, props.prop));
     };
     function createTheFormItems(index) {
-      return props.formItems.map((formItem) => {
-        return {
+      return props.columns.map((formItem) => {
+        const parentProp = [
+          props.prop ?? [],
+          index
+        ].flat();
+        const prop = [parentProp, formItem.prop].flat();
+        const formItemProps = {
           readonly: readonly.value,
           ...formItem,
-          prop: [
-            props.prop ?? [],
-            index,
-            formItem.prop
-          ].flat()
+          prop
         };
+        Reflect.deleteProperty(formItemProps, "createTemplateProps");
+        if (isCallable(formItem.templateProps)) {
+          formItemProps.templateProps = () => {
+            return formItem.templateProps(
+              getValue(formData.value, parentProp)
+            );
+          };
+        }
+        const extraProps = formItem.createTemplateProps?.(
+          {
+            $index: index,
+            row: getValue(formData.value, parentProp)
+          },
+          formItemProps
+        ) ?? {};
+        Object.assign(formItemProps, extraProps);
+        return formItemProps;
       });
     }
-    const __returned__ = { props, emit, formItemBindProps, readonly, formData, handlePlus, handleMinus, addToFirst, handleFormSetData, createTheFormItems, get VkfFormItem() {
+    const __returned__ = { props, emit, formItemBindProps, readonly, formData, handlePlus, handleMinus, handleFormSetData, createTheFormItems, get VkfFormItem() {
       return VkfFormItem;
     }, get ElButton() {
       return ElButton;
@@ -113,13 +159,18 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       return VkfFormItemRenderer;
     }, get VkfRendererData() {
       return VkfRendererData;
+    }, get Plus() {
+      return plus_default;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
-const _hoisted_1 = { class: "vkf-card-input-collection-options" };
+const _hoisted_1 = {
+  key: 0,
+  class: "vkf-card-input-collection-options"
+};
 const _hoisted_2 = { class: "vkf-card-input-collection-card__footer" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
@@ -135,29 +186,25 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createVNode(
             $setup["VkfFormItem"],
             mergeProps($setup.formItemBindProps, { class: "vkf-card-input-collection" }),
-            {
+            createSlots({
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_1, [
-                  renderSlot(_ctx.$slots, "options", {}, () => [
-                    _ctx.slots.options ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.slots.options), { key: 0 })) : createCommentVNode("v-if", true)
-                  ]),
-                  !$setup.readonly && _ctx.splicable ? (openBlock(), createBlock($setup["ElButton"], {
-                    key: 0,
+                !$setup.readonly && _ctx.splicable && !_ctx.labelActions && _ctx.topSplicable ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                  createVNode($setup["ElButton"], {
                     type: "primary",
-                    onClick: $setup.addToFirst
+                    onClick: _cache[1] || (_cache[1] = ($event) => $setup.handlePlus(-1))
                   }, {
-                    default: withCtx(() => _cache[0] || (_cache[0] = [
+                    default: withCtx(() => _cache[3] || (_cache[3] = [
                       createTextVNode(" \u6DFB\u52A0 ")
                     ])),
                     _: 1,
-                    __: [0]
-                  })) : createCommentVNode("v-if", true)
-                ]),
+                    __: [3]
+                  })
+                ])) : createCommentVNode("v-if", true),
                 !_ctx.modelValue?.length ? (openBlock(), createBlock($setup["ElEmpty"], {
-                  key: 0,
+                  key: 1,
                   class: "vkf-card-input-collection-empty"
                 }, {
-                  image: withCtx(() => _cache[1] || (_cache[1] = [
+                  image: withCtx(() => _cache[4] || (_cache[4] = [
                     createTextVNode(toDisplayString(""))
                   ])),
                   _: 1
@@ -166,7 +213,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 (openBlock(true), createElementBlock(
                   Fragment,
                   null,
-                  renderList(_ctx.modelValue, (item, index) => {
+                  renderList(_ctx.modelValue, (_, index) => {
                     return openBlock(), createBlock(
                       $setup["ElCard"],
                       {
@@ -191,22 +238,23 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                                 type: "primary",
                                 onClick: () => $setup.handlePlus(index)
                               }, {
-                                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                                default: withCtx(() => [..._cache[5] || (_cache[5] = [
                                   createTextVNode(" \u6DFB\u52A0 ")
                                 ])]),
                                 _: 2,
-                                __: [2]
+                                __: [5]
                               }, 1032, ["onClick"]),
                               createVNode($setup["ElButton"], {
                                 type: "danger",
+                                disabled: _ctx.modelValue.length <= 1 && $setup.props.keepLast,
                                 onClick: () => $setup.handleMinus(index)
                               }, {
-                                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                                default: withCtx(() => [..._cache[6] || (_cache[6] = [
                                   createTextVNode(" \u5220\u9664 ")
                                 ])]),
                                 _: 2,
-                                __: [3]
-                              }, 1032, ["onClick"])
+                                __: [6]
+                              }, 1032, ["disabled", "onClick"])
                             ])
                           ]),
                           key: "0"
@@ -220,11 +268,31 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   /* KEYED_FRAGMENT */
                 ))
               ]),
-              _: 3
-              /* FORWARDED */
-            },
-            16
-            /* FULL_PROPS */
+              _: 2
+              /* DYNAMIC */
+            }, [
+              _ctx.labelActions ? {
+                name: "labelActions",
+                fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "labelActions"),
+                  !$setup.readonly && _ctx.splicable && _ctx.topSplicable ? (openBlock(), createBlock($setup["ElButton"], {
+                    key: 0,
+                    size: "small",
+                    icon: $setup.Plus,
+                    onClick: _cache[0] || (_cache[0] = ($event) => $setup.handlePlus(-1))
+                  }, {
+                    default: withCtx(() => _cache[2] || (_cache[2] = [
+                      createTextVNode(" \u6DFB\u52A0 ")
+                    ])),
+                    _: 1,
+                    __: [2]
+                  }, 8, ["icon"])) : createCommentVNode("v-if", true)
+                ]),
+                key: "0"
+              } : void 0
+            ]),
+            1040
+            /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
         _: 3

package/components/card-input-collection/src/ctx.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { NormalObject } from '@vunk/shared';
 import { Slots } from './types';
 export declare const props: {
-    formItems: {
+    columns: {
         type: PropType<any[]>;
         default: () => any[];
     };
@@ -15,7 +15,7 @@ export declare const props: {
         default: any;
     };
     /**
-     * @description 是否可以splice
+     * @description 是否可以添加或删除
      */
     splicable: {
         type: BooleanConstructor;
@@ -25,6 +25,34 @@ export declare const props: {
         type: PropType<Slots>;
         default: () => {};
     };
+    /**
+     * @description 保留最后一个不被删除
+     */
+    keepLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 开启 form-item 的 label 上的操作区域, 在labelPosition为top时生效
+     */
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @description 添加记录时的默认值
+     */
+    defaultItemValue: {
+        type: PropType<NormalObject>;
+        default: () => {};
+    };
+    /**
+     * @description 是否开启顶部的添加按钮
+     */
+    topSplicable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         readonly type: PropType<boolean>;
         readonly required: false;

package/components/card-input-collection/src/index.vue.d.ts

@@ -1,7 +1,7 @@
 import { NormalObject } from '@vunk/shared';
 import { SetDataEvent } from '@vunk/core';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    formItems: {
+    columns: {
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
@@ -21,6 +21,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types").Slots>;
         default: () => {};
     };
+    keepLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultItemValue: {
+        type: import("vue").PropType<NormalObject>;
+        default: () => {};
+    };
+    topSplicable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         readonly type: import("vue").PropType<boolean>;
         readonly required: false;
@@ -108,7 +124,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {
     props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        formItems: {
+        columns: {
             type: import("vue").PropType<any[]>;
             default: () => any[];
         };
@@ -128,6 +144,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: import("vue").PropType<import("./types").Slots>;
             default: () => {};
         };
+        keepLast: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        labelActions: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        defaultItemValue: {
+            type: import("vue").PropType<NormalObject>;
+            default: () => {};
+        };
+        topSplicable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         required: {
             readonly type: import("vue").PropType<boolean>;
             readonly required: false;
@@ -220,7 +252,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formData: import("vue").ComputedRef<NormalObject | NormalObject[]>;
     handlePlus: (index: number) => void;
     handleMinus: (index: number) => void;
-    addToFirst: () => void;
     handleFormSetData: (e: SetDataEvent) => void;
     createTheFormItems: (index: number) => any[];
     readonly VkfFormItem: {
@@ -900,8 +931,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
         install(app: import("vue").App): void;
     };
+    readonly Plus: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    formItems: {
+    columns: {
         type: import("vue").PropType<any[]>;
         default: () => any[];
     };
@@ -921,6 +953,22 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("./types").Slots>;
         default: () => {};
     };
+    keepLast: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelActions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    defaultItemValue: {
+        type: import("vue").PropType<NormalObject>;
+        default: () => {};
+    };
+    topSplicable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     required: {
         readonly type: import("vue").PropType<boolean>;
         readonly required: false;
@@ -1023,7 +1071,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showMessage: boolean;
     slots: import("./types").Slots;
     modelValue: NormalObject[];
-    formItems: any[];
+    columns: any[];
+    labelActions: boolean;
     splicable: boolean;
+    keepLast: boolean;
+    defaultItemValue: NormalObject;
+    topSplicable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/card-input-collection/src/types.d.ts

@@ -1,10 +1,17 @@
-import { AnyFunc, VueComponentPropsType } from '@vunk/shared';
+import { AnyFunc, Keyof, NormalObject, VueComponentPropsType } from '@vunk/shared';
 import Core from './index.vue';
 import { BasicSource } from '@vunk/form/shared';
+import { __VkfTemplatesDefault } from '@vunk/form';
 export interface Source<P = string> extends VueComponentPropsType<typeof Core>, BasicSource {
     prop?: P;
     templateType: 'VkfCardInputCollection';
 }
+export type Column<R extends NormalObject = NormalObject, SourceType extends NormalObject = __VkfTemplatesDefault.CoreSource<Keyof<R>>> = SourceType & {
+    createTemplateProps?: (columnSlotEvent: {
+        row: R;
+        $index: number;
+    }, formItemProps: SourceType) => Partial<SourceType>;
+};
 export interface Slots {
     options: AnyFunc;
 }

package/components/input-array/src/form-template.vue.d.ts

@@ -859,8 +859,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         labelActions: boolean;
         defaultModelValue: any[];
         splicable: boolean;
-        source: Record<string, any>;
         defaultItemValue: any;
+        source: Record<string, any>;
         keepLastRow: boolean;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/components/input-array/src/index.vue.d.ts

@@ -848,8 +848,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     labelActions: boolean;
     defaultModelValue: any[];
     splicable: boolean;
-    source: Record<string, any>;
     defaultItemValue: any;
+    source: Record<string, any>;
     keepLastRow: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/components/input-collection/index.cjs

@@ -350,6 +350,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               !$setup.readonly && _ctx.splicable && _ctx.labelActions ? {
                 name: "labelActions",
                 fn: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "labelActions"),
                   vue.createVNode($setup["ElButton"], {
                     size: "small",
                     icon: $setup.Plus,
@@ -369,8 +370,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 8, ["data"]),
       vue.renderSlot(_ctx.$slots, "default")
     ]),

package/components/input-collection/index.mjs

@@ -346,6 +346,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               !$setup.readonly && _ctx.splicable && _ctx.labelActions ? {
                 name: "labelActions",
                 fn: withCtx(() => [
+                  renderSlot(_ctx.$slots, "labelActions"),
                   createVNode($setup["ElButton"], {
                     size: "small",
                     icon: $setup.Plus,
@@ -365,8 +366,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             /* FULL_PROPS, DYNAMIC_SLOTS */
           )
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 8, ["data"]),
       renderSlot(_ctx.$slots, "default")
     ]),

package/package.json

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