@vunk/form 2.5.2 → 2.5.4

package/components/cascader/index.cjs

@@ -24,6 +24,10 @@ const props = {
   cascaderSlots: {
     type: Object,
     default: () => ({})
+  },
+  cascaderRef: {
+    type: Function,
+    required: false
   }
 };
 const createBindProps = utilsVue.bindPropsFactory(props);
@@ -101,7 +105,7 @@ 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.createVNode(_component_ElCascader, vue.mergeProps({ ref: _ctx.cascaderRef }, _ctx.coreBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled,
           options: _ctx.options,

package/components/cascader/index.mjs

@@ -20,6 +20,10 @@ const props = {
   cascaderSlots: {
     type: Object,
     default: () => ({})
+  },
+  cascaderRef: {
+    type: Function,
+    required: false
   }
 };
 const createBindProps = bindPropsFactory(props);
@@ -97,7 +101,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
     {
       default: withCtx(() => [
-        createVNode(_component_ElCascader, mergeProps(_ctx.coreBindProps, {
+        createVNode(_component_ElCascader, mergeProps({ ref: _ctx.cascaderRef }, _ctx.coreBindProps, {
           readonly: _ctx.readonly,
           disabled: _ctx.readonly || _ctx.disabled,
           options: _ctx.options,

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

@@ -13,6 +13,10 @@ export declare const props: {
         type: PropType<NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: PropType<"default" | "small" | "large">;
@@ -133,7 +137,7 @@ export declare const props: {
     options: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]) | ((new (...args: any[]) => import("element-plus").CascaderOption[]) | (() => import("element-plus").CascaderOption[]))[], unknown, unknown, () => import("element-plus").CascaderOption[], boolean>;
     props: import("element-plus/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps) | ((new (...args: any[]) => import("element-plus").CascaderProps) | (() => import("element-plus").CascaderProps))[], unknown, unknown, () => import("element-plus").CascaderProps, boolean>;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"placement", keyof T2> | Extract<"props", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"options", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"filterable", keyof T2> | Extract<"separator", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"cascaderSlots", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots", keyof T2>, KE> : Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots", keyof T2>]: { [k in Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"required", keyof T2> | Extract<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"formItemTip", keyof T2> | Extract<"formItemTipClass", keyof T2> | Extract<"labelTip", keyof T2> | Extract<"information", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"prop", keyof T2> | Extract<"rules", keyof T2> | Extract<"error", keyof T2> | Extract<"validateStatus", keyof T2> | Extract<"for", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"persistent", keyof T2> | Extract<"teleported", keyof T2> | Extract<"popperClass", keyof T2> | Extract<"fallbackPlacements", keyof T2> | Extract<"placement", keyof T2> | Extract<"props", keyof T2> | Extract<"modelValue", keyof T2> | Extract<"clearable", keyof T2> | Extract<"placeholder", keyof T2> | Extract<"filterMethod", keyof T2> | Extract<"options", keyof T2> | Extract<"emptyValues", keyof T2> | Extract<"valueOnClear", keyof T2> | Extract<"filterable", keyof T2> | Extract<"separator", keyof T2> | Extract<"showAllLevels", keyof T2> | Extract<"collapseTags", keyof T2> | Extract<"maxCollapseTags", keyof T2> | Extract<"collapseTagsTooltip", keyof T2> | Extract<"debounce", keyof T2> | Extract<"beforeFilter", keyof T2> | Extract<"tagType", keyof T2> | Extract<"tagEffect", keyof T2> | Extract<"validateEvent", keyof T2> | Extract<"optionsUrl", keyof T2> | Extract<"cascaderSlots", keyof T2> | Extract<"cascaderRef", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots" | "cascaderRef", keyof T2>, KE> : Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots" | "cascaderRef", keyof T2>]: { [k in Extract<"size" | "required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "persistent" | "teleported" | "popperClass" | "fallbackPlacements" | "placement" | "props" | "modelValue" | "clearable" | "placeholder" | "filterMethod" | "options" | "emptyValues" | "valueOnClear" | "filterable" | "separator" | "showAllLevels" | "collapseTags" | "maxCollapseTags" | "collapseTagsTooltip" | "debounce" | "beforeFilter" | "tagType" | "tagEffect" | "validateEvent" | "optionsUrl" | "cascaderSlots" | "cascaderRef", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     "update:modelValue": (_: import("element-plus").CascaderValue) => boolean;
     change: (_: import("element-plus").CascaderValue) => boolean;

package/components/cascader/src/index.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("@vunk/shared").NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -184,6 +188,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("@vunk/shared").NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;

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/components/van-cascader/src/ctx.d.ts

@@ -11,6 +11,10 @@ export declare const props: {
         type: import("vue").PropType<import("@vunk/shared").NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;

package/components/van-cascader/src/index.vue.d.ts

@@ -13,6 +13,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("@vunk/shared").NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -164,6 +168,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<import("@vunk/shared").NormalObject>;
         default: () => {};
     };
+    cascaderRef: {
+        type: import("vue").PropType<any>;
+        required: boolean;
+    };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;

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.2",
+  "version": "2.5.4",
   "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;
 }