@vunk/form 2.5.4 → 2.5.5

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

@@ -35,6 +35,10 @@ const props = {
   splicable: {
     type: Boolean,
     default: true
+  },
+  slots: {
+    type: Object,
+    default: () => ({})
   }
 };
 const emits = {};
@@ -114,10 +118,7 @@ var _sfc_main = vue.defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-card-input-collection-options"
-};
+const _hoisted_1 = { 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) {
   const _component_VkfTemplatesDefault = vue.resolveComponent("VkfTemplatesDefault");
@@ -143,8 +144,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.mergeProps(_ctx.formItemBindProps, { class: "vkf-card-input-collection" }),
             {
               default: vue.withCtx(() => [
-                !_ctx.readonly && _ctx.splicable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-                  vue.createVNode(_component_ElButton, {
+                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)
+                  ]),
+                  !_ctx.readonly && _ctx.splicable ? (vue.openBlock(), vue.createBlock(_component_ElButton, {
+                    key: 0,
                     type: "primary",
                     onClick: _ctx.addToFirst
                   }, {
@@ -153,10 +158,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])),
                     _: 1
                     /* STABLE */
-                  }, 8, ["onClick"])
-                ])) : vue.createCommentVNode("v-if", true),
+                  }, 8, ["onClick"])) : vue.createCommentVNode("v-if", true)
+                ]),
                 !_ctx.modelValue?.length ? (vue.openBlock(), vue.createBlock(_component_ElEmpty, {
-                  key: 1,
+                  key: 0,
                   class: "vkf-card-input-collection-empty"
                 }, {
                   image: vue.withCtx(() => _cache[1] || (_cache[1] = [
@@ -222,19 +227,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   /* KEYED_FRAGMENT */
                 ))
               ]),
-              _: 1
-              /* STABLE */
+              _: 3
+              /* FORWARDED */
             },
             16
             /* FULL_PROPS */
           )
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 8, ["data", "onSetData"])
     ]),
-    _: 1
-    /* STABLE */
+    _: 3
+    /* FORWARDED */
   });
 }
 var VkfCardInputCollection = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/card-input-collection/src/index.vue"]]);

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

@@ -1,5 +1,5 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementBlock, createTextVNode, createCommentVNode, toDisplayString, Fragment, renderList, createSlots, createElementVNode } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, withCtx, createVNode, mergeProps, createElementVNode, renderSlot, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createElementBlock, Fragment, renderList, createSlots } from 'vue';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { ElCard, ElButton, ElEmpty } from 'element-plus';
 import { ensetData, getValue } from '@vunk/core';
@@ -31,6 +31,10 @@ const props = {
   splicable: {
     type: Boolean,
     default: true
+  },
+  slots: {
+    type: Object,
+    default: () => ({})
   }
 };
 const emits = {};
@@ -110,10 +114,7 @@ var _sfc_main = defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  key: 0,
-  class: "vkf-card-input-collection-options"
-};
+const _hoisted_1 = { 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) {
   const _component_VkfTemplatesDefault = resolveComponent("VkfTemplatesDefault");
@@ -139,8 +140,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             mergeProps(_ctx.formItemBindProps, { class: "vkf-card-input-collection" }),
             {
               default: withCtx(() => [
-                !_ctx.readonly && _ctx.splicable ? (openBlock(), createElementBlock("div", _hoisted_1, [
-                  createVNode(_component_ElButton, {
+                createElementVNode("div", _hoisted_1, [
+                  renderSlot(_ctx.$slots, "options", {}, () => [
+                    _ctx.slots.options ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.slots.options), { key: 0 })) : createCommentVNode("v-if", true)
+                  ]),
+                  !_ctx.readonly && _ctx.splicable ? (openBlock(), createBlock(_component_ElButton, {
+                    key: 0,
                     type: "primary",
                     onClick: _ctx.addToFirst
                   }, {
@@ -149,10 +154,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                     ])),
                     _: 1
                     /* STABLE */
-                  }, 8, ["onClick"])
-                ])) : createCommentVNode("v-if", true),
+                  }, 8, ["onClick"])) : createCommentVNode("v-if", true)
+                ]),
                 !_ctx.modelValue?.length ? (openBlock(), createBlock(_component_ElEmpty, {
-                  key: 1,
+                  key: 0,
                   class: "vkf-card-input-collection-empty"
                 }, {
                   image: withCtx(() => _cache[1] || (_cache[1] = [
@@ -218,19 +223,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   /* KEYED_FRAGMENT */
                 ))
               ]),
-              _: 1
-              /* STABLE */
+              _: 3
+              /* FORWARDED */
             },
             16
             /* FULL_PROPS */
           )
         ]),
-        _: 1
-        /* STABLE */
+        _: 3
+        /* FORWARDED */
       }, 8, ["data", "onSetData"])
     ]),
-    _: 1
-    /* STABLE */
+    _: 3
+    /* FORWARDED */
   });
 }
 var VkfCardInputCollection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/card-input-collection/src/index.vue"]]);

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

@@ -1,5 +1,6 @@
 import { PropType } from 'vue';
 import { NormalObject } from '@vunk/shared';
+import { Slots } from './types';
 export declare const props: {
     formItems: {
         type: PropType<any[]>;
@@ -20,6 +21,10 @@ export declare const props: {
         type: BooleanConstructor;
         default: boolean;
     };
+    slots: {
+        type: PropType<Slots>;
+        default: () => {};
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: PropType<"default" | "small" | "large">;

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

@@ -17,6 +17,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    slots: {
+        type: import("vue").PropType<import("./types").Slots>;
+        default: () => {};
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -98,6 +102,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    slots: {
+        type: import("vue").PropType<import("./types").Slots>;
+        default: () => {};
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -167,6 +175,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    slots: import("./types").Slots;
     modelValue: NormalObject[];
     formItems: any[];
     splicable: boolean;

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

@@ -1,7 +1,10 @@
-import { VueComponentPropsType } from '@vunk/shared';
+import { AnyFunc, VueComponentPropsType } from '@vunk/shared';
 import Core from './index.vue';
 import { BasicSource } from '@vunk/form/shared';
 export interface Source<P extends string = string> extends VueComponentPropsType<typeof Core>, BasicSource {
     prop?: P | P[];
     templateType: 'VkfCardInputCollection';
 }
+export interface Slots {
+    options: AnyFunc;
+}

package/package.json

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