@vunk/form 2.5.3 → 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/components/form-item-renderer/index.cjs

@@ -6,6 +6,7 @@ var vue = require('vue');
 var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
 var form = require('@vunk/form/shared/form');
 var composables = require('@vunk/form/composables');
+var _function = require('@vunk/shared/function');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const props = {
@@ -59,8 +60,13 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
           const preTemplateVisible = rendererData ? templateIf(rendererData.value) : true;
           if (!preTemplateVisible) return a;
           const slotData = { ...c };
+          Object.assign(
+            slotData,
+            _function.isCallable(c.templateProps) ? c.templateProps(rendererData?.value) : c.templateProps
+          );
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateIf");
+          Reflect.deleteProperty(slotData, "templateProps");
           const nodeKey = currentK.join(",") + "-" + c.templateType + "-" + (c.prop || "no-prop");
           const modelValue = vue.computed({
             get: () => c.prop && getDataValue?.(c.prop),

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

@@ -2,6 +2,7 @@ import { defineComponent, computed, h, nextTick, openBlock, createBlock, withCtx
 import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
 import { genTemplateIfFunc } from '@vunk/form/shared/form';
 import { useTemplateInstancesContext, useRendererData } from '@vunk/form/composables';
+import { isCallable } from '@vunk/shared/function';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -55,8 +56,13 @@ const VkfFormItemRenderer$1 = defineComponent({
           const preTemplateVisible = rendererData ? templateIf(rendererData.value) : true;
           if (!preTemplateVisible) return a;
           const slotData = { ...c };
+          Object.assign(
+            slotData,
+            isCallable(c.templateProps) ? c.templateProps(rendererData?.value) : c.templateProps
+          );
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateIf");
+          Reflect.deleteProperty(slotData, "templateProps");
           const nodeKey = currentK.join(",") + "-" + c.templateType + "-" + (c.prop || "no-prop");
           const modelValue = computed({
             get: () => c.prop && getDataValue?.(c.prop),

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

@@ -1,7 +1,8 @@
-import { NormalObject } from '@vunk/core';
+import { Func, NormalObject } from '@vunk/core';
 export interface RendererTreeData {
     key?: string;
     templateType?: string;
     templateIf?: string | ((e: NormalObject) => boolean) | boolean;
+    templateProps?: NormalObject | Func;
     [k: string]: any;
 }

package/components/information-templates-default/index.css

@@ -6,6 +6,10 @@
   padding: 0;
   border: none;
   box-shadow: none;
+  pointer-events: auto;
+}
+.vkf-information-templates-default-main .el-select__suffix {
+  display: none;
 }
 .vkf-information-templates-default-main .el-select__selected-item {
   user-select: text;

package/index.css

@@ -232,6 +232,10 @@
   padding: 0;
   border: none;
   box-shadow: none;
+  pointer-events: auto;
+}
+.vkf-information-templates-default-main .el-select__suffix {
+  display: none;
 }
 .vkf-information-templates-default-main .el-select__selected-item {
   user-select: text;

package/package.json

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

package/shared/types/source/index.d.ts

@@ -2,11 +2,12 @@ import { __VkfTemplatesDefault } from '@vunk/form/components/templates-default';
 import { __VkfTemplatesLayout } from '@vunk/form/components/templates-layout';
 import { __VkfTemplatesElementPlus } from '@vunk/form/components/templates-element-plus';
 import { __VkfTemplatesEsri } from '@vunk/form/components/templates-esri';
-import { NormalObject } from '@vunk/core';
+import { AnyFunc, NormalObject } from '@vunk/core';
 import { __VkfTemplatesVariant } from '@vunk/form/components/templates-variant';
 export interface BasicSource {
     templateIf?: ((data: NormalObject) => boolean) | string | boolean;
     templateType?: string;
+    templateProps?: NormalObject | AnyFunc;
     class?: any;
     prop?: any;
 }