@vunk/form 2.3.3 → 2.5.0

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

@@ -43,13 +43,6 @@ export declare const props: {
         type: PropType<Partial<ColItem>>;
         default: () => ColItem;
     };
-    /**
-     * 是否继承父级模板
-     */
-    inheritTemplates: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -82,7 +75,7 @@ export declare const props: {
     };
     disabled: BooleanConstructor;
 };
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"inheritTemplates", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "inheritTemplates" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>, KE> : Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "inheritTemplates" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>]: { [k in Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "inheritTemplates" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"size", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2> | Extract<"labelWidth", keyof T2> | Extract<"labelPosition", keyof T2> | Extract<"rules", keyof T2> | Extract<"inlineMessage", keyof T2> | Extract<"showMessage", keyof T2> | Extract<"disabled", keyof T2> | Extract<"data", keyof T2> | Extract<"layout", keyof T2> | Extract<"model", keyof T2> | Extract<"requireAsteriskPosition", keyof T2> | Extract<"labelSuffix", keyof T2> | Extract<"statusIcon", keyof T2> | Extract<"validateOnRuleChange", keyof T2> | Extract<"hideRequiredAsterisk", keyof T2> | Extract<"scrollToError", keyof T2> | Extract<"scrollIntoViewOptions", keyof T2> | Extract<"formItems", keyof T2> | Extract<"rowSource", keyof T2> | Extract<"colSource", keyof T2>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>, KE> : Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>]: { [k in Extract<"size" | "elRef" | "inline" | "readonly" | "labelWidth" | "labelPosition" | "rules" | "inlineMessage" | "showMessage" | "disabled" | "data" | "layout" | "model" | "requireAsteriskPosition" | "labelSuffix" | "statusIcon" | "validateOnRuleChange" | "hideRequiredAsterisk" | "scrollToError" | "scrollIntoViewOptions" | "formItems" | "rowSource" | "colSource", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     setData: (e: SetDataEvent) => SetDataEvent;
     validate: any;

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

@@ -28,10 +28,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<Partial<import("./types").ColItem>>;
         default: () => import("./types").ColItem;
     };
-    inheritTemplates: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -119,10 +115,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: import("vue").PropType<Partial<import("./types").ColItem>>;
         default: () => import("./types").ColItem;
     };
-    inheritTemplates: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     model: ObjectConstructor;
     rules: {
         readonly type: import("vue").PropType<Partial<Record<string, import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>>>>;
@@ -352,7 +344,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     data: Record<string, any>;
     layout: boolean;
-    inheritTemplates: boolean;
     requireAsteriskPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "left" | "right", unknown>;
     labelSuffix: string;
     statusIcon: boolean;
@@ -363,17 +354,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     rowSource: Partial<RowItem>;
     colSource: Partial<import("./types").ColItem>;
 }, {}, {
-    VkfTemplateInstancesProvider: {
-        new (...args: any[]): any;
-        __isFragment?: never;
-        __isTeleport?: never;
-        __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<Record<string | symbol, any>>>, Record<string | symbol, any>, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        [x: string]: any;
-        [x: symbol]: any;
-    }, {}, 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;
-    };
     VkfRendererData: {
         new (...args: any[]): any;
         __isFragment?: never;

package/components/form-item/index.cjs

@@ -42,6 +42,10 @@ const _props = {
   labelTip: {
     type: String,
     default: void 0
+  },
+  information: {
+    type: Boolean,
+    default: false
   }
 };
 Reflect.deleteProperty(_props, "size");
@@ -64,7 +68,7 @@ var _sfc_main = vue.defineComponent({
     ElButton: elementPlus.ElButton
   },
   props,
-  setup(props2) {
+  setup(props2, { slots }) {
     const formItemBindProps = elementPlus$1.createFormItemBindProps(props2, ["rules"]);
     const readonly = composables.useComputedReadonly(props2);
     const globalConfig = elementPlus.useGlobalConfig();
@@ -114,15 +118,48 @@ var _sfc_main = vue.defineComponent({
       });
       return data;
     });
+    const elFormItemSlots = vue.computed(() => {
+      const slots2 = {};
+      const keys = ["label", "default", "error"];
+      const formItemSlots = props2.formItemSlots;
+      if (formItemSlots) {
+        Object.keys(formItemSlots).forEach((key) => {
+          if (keys.includes(key)) {
+            slots2[key] = formItemSlots?.[key];
+          }
+        });
+      }
+      return slots2;
+    });
+    const customSlots = vue.computed(() => {
+      const theSlots = {
+        labelActions: slots?.labelActions ? () => slots.labelActions?.() : void 0
+      };
+      const keys = ["labelActions"];
+      const formItemSlots = props2.formItemSlots;
+      formItemSlots && Object.keys(formItemSlots).filter(keys.includes).forEach((key) => {
+        const slot = formItemSlots?.[key];
+        if (slot) {
+          theSlots[key] = slot;
+        }
+      });
+      return theSlots;
+    });
     return {
       formItemBindProps,
       readonly,
       rules: rules$1,
-      localeName
+      localeName,
+      elFormItemSlots,
+      customSlots
     };
   }
 });
 
+const _hoisted_1 = {
+  key: 1,
+  class: "vk-form-item-label__actions"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Warning = vue.resolveComponent("Warning");
   const _component_ElIcon = vue.resolveComponent("ElIcon");
@@ -134,7 +171,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
-      "is-empty-label": !_ctx.label
+      "is-empty-label": !_ctx.label,
+      "is-information": _ctx.information,
+      "has-label-actions": _ctx.customSlots.labelActions
     }],
     size: _ctx.formItemSize,
     rules: _ctx.rules
@@ -197,11 +236,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+        }, 8, ["content"])) : vue.createCommentVNode("v-if", true),
+        _ctx.customSlots.labelActions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.customSlots.labelActions)))
+        ])) : vue.createCommentVNode("v-if", true)
       ]),
       key: "0"
     } : void 0,
-    vue.renderList(_ctx.formItemSlots, (item, key) => {
+    vue.renderList(_ctx.elFormItemSlots, (item, key) => {
       return {
         name: key,
         fn: vue.withCtx((e) => [

package/components/form-item/index.css

@@ -1,3 +1,6 @@
+.vkf-form-item.is-information{
+  margin-bottom: 0;
+}
 .vkf-form-item--inline{
   display: inline-flex;
 }
@@ -17,3 +20,16 @@
 .vkf-form-item.is-empty-label .el-form-item__label:before{
   display: none;
 }
+.vkf-form-item.has-label-actions > .el-form-item__label {
+  width: 100%;
+  padding-right: 0;
+}
+.vk-form-item-label__actions {
+  float: right;
+  align-items: center;
+  display: none;
+  height: 1.8em;
+}
+.el-form-item--label-top .vk-form-item-label__actions {
+  display: inline-flex;
+}

package/components/form-item/index.mjs

@@ -1,6 +1,6 @@
 import { formItemProps, ElFormItem, ElIcon, ElTooltip, ElButton, useGlobalConfig } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
-import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, renderList, resolveDynamicComponent } from 'vue';
+import { defineComponent, computed, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, resolveDynamicComponent, renderList } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
 import { useComputedReadonly } from '@vunk/form/composables';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
@@ -38,6 +38,10 @@ const _props = {
   labelTip: {
     type: String,
     default: void 0
+  },
+  information: {
+    type: Boolean,
+    default: false
   }
 };
 Reflect.deleteProperty(_props, "size");
@@ -60,7 +64,7 @@ var _sfc_main = defineComponent({
     ElButton
   },
   props,
-  setup(props2) {
+  setup(props2, { slots }) {
     const formItemBindProps = createFormItemBindProps(props2, ["rules"]);
     const readonly = useComputedReadonly(props2);
     const globalConfig = useGlobalConfig();
@@ -110,15 +114,48 @@ var _sfc_main = defineComponent({
       });
       return data;
     });
+    const elFormItemSlots = computed(() => {
+      const slots2 = {};
+      const keys = ["label", "default", "error"];
+      const formItemSlots = props2.formItemSlots;
+      if (formItemSlots) {
+        Object.keys(formItemSlots).forEach((key) => {
+          if (keys.includes(key)) {
+            slots2[key] = formItemSlots?.[key];
+          }
+        });
+      }
+      return slots2;
+    });
+    const customSlots = computed(() => {
+      const theSlots = {
+        labelActions: slots?.labelActions ? () => slots.labelActions?.() : void 0
+      };
+      const keys = ["labelActions"];
+      const formItemSlots = props2.formItemSlots;
+      formItemSlots && Object.keys(formItemSlots).filter(keys.includes).forEach((key) => {
+        const slot = formItemSlots?.[key];
+        if (slot) {
+          theSlots[key] = slot;
+        }
+      });
+      return theSlots;
+    });
     return {
       formItemBindProps,
       readonly,
       rules,
-      localeName
+      localeName,
+      elFormItemSlots,
+      customSlots
     };
   }
 });
 
+const _hoisted_1 = {
+  key: 1,
+  class: "vk-form-item-label__actions"
+};
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Warning = resolveComponent("Warning");
   const _component_ElIcon = resolveComponent("ElIcon");
@@ -130,7 +167,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
-      "is-empty-label": !_ctx.label
+      "is-empty-label": !_ctx.label,
+      "is-information": _ctx.information,
+      "has-label-actions": _ctx.customSlots.labelActions
     }],
     size: _ctx.formItemSize,
     rules: _ctx.rules
@@ -193,11 +232,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
           /* STABLE */
-        }, 8, ["content"])) : createCommentVNode("v-if", true)
+        }, 8, ["content"])) : createCommentVNode("v-if", true),
+        _ctx.customSlots.labelActions ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          (openBlock(), createBlock(resolveDynamicComponent(_ctx.customSlots.labelActions)))
+        ])) : createCommentVNode("v-if", true)
       ]),
       key: "0"
     } : void 0,
-    renderList(_ctx.formItemSlots, (item, key) => {
+    renderList(_ctx.elFormItemSlots, (item, key) => {
       return {
         name: key,
         fn: withCtx((e) => [

package/components/form-item/src/ctx.d.ts

@@ -30,6 +30,10 @@ declare const _props: {
         type: StringConstructor;
         default: any;
     };
+    information: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
@@ -64,5 +68,5 @@ declare const _props: {
     };
 };
 export declare const props: Omit<typeof _props, "size">;
-export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (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<"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>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: T2[k]; }[P]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (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>)[]>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage", keyof T2>]: T2[k]; }[P]; }>;
 export {};

package/components/form-item/src/index.vue.d.ts

@@ -1,4 +1,5 @@
 import { FormItemRule } from 'element-plus';
+import { NormalObject } from '@vunk/shared';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<Omit<{
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -29,6 +30,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: any;
     };
+    information: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
@@ -77,6 +82,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly: import("vue").ComputedRef<boolean>;
     rules: import("vue").ComputedRef<FormItemRule[]>;
     localeName: import("vue").ComputedRef<string>;
+    elFormItemSlots: import("vue").ComputedRef<NormalObject>;
+    customSlots: import("vue").ComputedRef<NormalObject>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<Omit<{
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
@@ -107,6 +114,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: StringConstructor;
         default: any;
     };
+    information: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     labelPosition: import("element-plus/es/utils").EpPropFinalized<StringConstructor, "" | "top" | "left" | "right", unknown, "", boolean>;
@@ -148,6 +159,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     formItemTip: string;
     formItemTipClass: any;
     labelTip: string;
+    information: boolean;
     labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     labelPosition: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "top" | "left" | "right", unknown>;
     inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;

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

@@ -3,4 +3,5 @@ export type FormItemSlots = {
     label: Func<{
         label: string;
     }>;
+    labelActions: Func;
 };

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

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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 _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
@@ -27,14 +28,12 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
   setup(props, ctx) {
-    const parentTemplateInstance = composables.useTemplateInstances();
+    const { templateInstances, getTemplateInstance } = composables.useTemplateInstancesContext();
     const {
       emitSetData,
       data: rendererData,
       getDataValue
     } = composables.useRendererData();
-    const templateInstances = props.templateInstances ?? parentTemplateInstance ?? vue.shallowReactive({});
-    vue.provide("vkTemplateInstances", templateInstances);
     const Renderer = (props2) => {
       return vue.h(VkfFormItemRenderer$1, {
         templateInstances,
@@ -47,7 +46,7 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
         const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           vue.nextTick(() => {
-            if (c.templateType && !templateInstances[c.templateType]) {
+            if (c.templateType && !getTemplateInstance(c.templateType)) {
               console.warn(
                 c.templateType,
                 "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7"
@@ -55,7 +54,7 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
             }
           });
         };
-        if (c.templateType && templateInstances[c.templateType]) {
+        if (c.templateType && getTemplateInstance(c.templateType)) {
           const templateIf = form.genTemplateIfFunc(c.templateIf);
           const preTemplateVisible = rendererData ? templateIf(rendererData.value) : true;
           if (!preTemplateVisible) return a;
@@ -70,7 +69,7 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
               v
             })
           });
-          const nodes = templateInstances[c.templateType].slots.default?.({
+          const nodes = getTemplateInstance(c.templateType)?.slots.default?.({
             // for legacy
             data: slotData,
             raw: c,
@@ -101,7 +100,50 @@ const VkfFormItemRenderer$1 = vue.defineComponent({
   }
 });
 
-var VkfFormItemRenderer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(VkfFormItemRenderer$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/index.vue"]]);
+var Core = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(VkfFormItemRenderer$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/core.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: props,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const __returned__ = { props, get VkfTemplateInstancesProvider() {
+      return templateInstancesProvider.VkfTemplateInstancesProvider;
+    }, Core };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
+    placeholder: vue.withCtx(() => [
+      vue.renderSlot(_ctx.$slots, "placeholder")
+    ]),
+    default: vue.withCtx(() => [
+      vue.createVNode(
+        $setup["Core"],
+        vue.normalizeProps(vue.guardReactiveProps({
+          ...$setup.props,
+          ..._ctx.$attrs
+        })),
+        {
+          default: vue.withCtx(() => [
+            vue.renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var VkfFormItemRenderer = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

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

@@ -1,6 +1,7 @@
-import { defineComponent, shallowReactive, provide, computed, h, nextTick } from 'vue';
+import { defineComponent, computed, h, nextTick, openBlock, createBlock, withCtx, renderSlot, createVNode, normalizeProps, guardReactiveProps } from 'vue';
+import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
 import { genTemplateIfFunc } from '@vunk/form/shared/form';
-import { useTemplateInstances, useRendererData } from '@vunk/form/composables';
+import { useTemplateInstancesContext, useRendererData } from '@vunk/form/composables';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -23,14 +24,12 @@ const VkfFormItemRenderer$1 = defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
   setup(props, ctx) {
-    const parentTemplateInstance = useTemplateInstances();
+    const { templateInstances, getTemplateInstance } = useTemplateInstancesContext();
     const {
       emitSetData,
       data: rendererData,
       getDataValue
     } = useRendererData();
-    const templateInstances = props.templateInstances ?? parentTemplateInstance ?? shallowReactive({});
-    provide("vkTemplateInstances", templateInstances);
     const Renderer = (props2) => {
       return h(VkfFormItemRenderer$1, {
         templateInstances,
@@ -43,7 +42,7 @@ const VkfFormItemRenderer$1 = defineComponent({
         const currentK = [...props.k, ...pK, index];
         const validateTemplateType = () => {
           nextTick(() => {
-            if (c.templateType && !templateInstances[c.templateType]) {
+            if (c.templateType && !getTemplateInstance(c.templateType)) {
               console.warn(
                 c.templateType,
                 "templateType\u4E0D\u5B58\u5728\u5C06\u8DF3\u8FC7"
@@ -51,7 +50,7 @@ const VkfFormItemRenderer$1 = defineComponent({
             }
           });
         };
-        if (c.templateType && templateInstances[c.templateType]) {
+        if (c.templateType && getTemplateInstance(c.templateType)) {
           const templateIf = genTemplateIfFunc(c.templateIf);
           const preTemplateVisible = rendererData ? templateIf(rendererData.value) : true;
           if (!preTemplateVisible) return a;
@@ -66,7 +65,7 @@ const VkfFormItemRenderer$1 = defineComponent({
               v
             })
           });
-          const nodes = templateInstances[c.templateType].slots.default?.({
+          const nodes = getTemplateInstance(c.templateType)?.slots.default?.({
             // for legacy
             data: slotData,
             raw: c,
@@ -97,7 +96,50 @@ const VkfFormItemRenderer$1 = defineComponent({
   }
 });
 
-var VkfFormItemRenderer = /* @__PURE__ */ _export_sfc(VkfFormItemRenderer$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/index.vue"]]);
+var Core = /* @__PURE__ */ _export_sfc(VkfFormItemRenderer$1, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/core.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: props,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const __returned__ = { props, get VkfTemplateInstancesProvider() {
+      return VkfTemplateInstancesProvider;
+    }, Core };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
+    placeholder: withCtx(() => [
+      renderSlot(_ctx.$slots, "placeholder")
+    ]),
+    default: withCtx(() => [
+      createVNode(
+        $setup["Core"],
+        normalizeProps(guardReactiveProps({
+          ...$setup.props,
+          ..._ctx.$attrs
+        })),
+        {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        },
+        16
+        /* FULL_PROPS */
+      )
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var VkfFormItemRenderer = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/form-item-renderer/src/index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null

package/components/form-item-renderer/src/core.vue.d.ts

@@ -0,0 +1,38 @@
+import { VNode } from 'vue';
+import { RendererTreeData } from './types';
+declare const VkfFormItemRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    source: {
+        type: import("vue").PropType<RendererTreeData[]>;
+        default: () => any[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
+        default: any;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => any[];
+    };
+}>, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[][])[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    source: {
+        type: import("vue").PropType<RendererTreeData[]>;
+        default: () => any[];
+    };
+    templateInstances: {
+        type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
+        default: any;
+    };
+    k: {
+        type: import("vue").PropType<(string | number)[]>;
+        default: () => any[];
+    };
+}>> & Readonly<{}>, {
+    source: RendererTreeData[];
+    templateInstances: Record<string, import("vue").ComponentInternalInstance>;
+    k: (string | number)[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default VkfFormItemRenderer;