@vunk/form 2.3.2 → 2.4.0

package/components/tag-information/src/types.d.ts

@@ -0,0 +1 @@
+export {};

package/components/template-instances-provider/index.cjs

@@ -8,21 +8,16 @@ var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 var _sfc_main = vue.defineComponent({
   name: "VkfTemplateInstancesProvider",
-  props: {
-    inheritTemplates: {
-      type: Boolean,
-      default: false
-    }
-  },
   setup(props, { slots }) {
-    if (props.inheritTemplates) {
-      const inheritTemplates = composables.useTemplateInstances();
-      return () => slots.default?.({
-        templateInstances: inheritTemplates
-      });
-    }
+    const perent = composables.useTemplateInstances();
     const templateInstances = composables.initTemplateInstances();
-    return () => slots.default?.({ templateInstances });
+    if (perent) {
+      return () => slots.default?.({ templateInstances });
+    }
+    return () => [
+      slots.default?.({ templateInstances }),
+      slots.placeholder?.()
+    ];
   }
 });
 

package/components/template-instances-provider/index.mjs

@@ -4,21 +4,16 @@ import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 var _sfc_main = defineComponent({
   name: "VkfTemplateInstancesProvider",
-  props: {
-    inheritTemplates: {
-      type: Boolean,
-      default: false
-    }
-  },
   setup(props, { slots }) {
-    if (props.inheritTemplates) {
-      const inheritTemplates = useTemplateInstances();
-      return () => slots.default?.({
-        templateInstances: inheritTemplates
-      });
-    }
+    const perent = useTemplateInstances();
     const templateInstances = initTemplateInstances();
-    return () => slots.default?.({ templateInstances });
+    if (perent) {
+      return () => slots.default?.({ templateInstances });
+    }
+    return () => [
+      slots.default?.({ templateInstances }),
+      slots.placeholder?.()
+    ];
   }
 });
 

package/components/template-instances-provider/src/index.vue.d.ts

@@ -1,16 +1,6 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-    inheritTemplates: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const _default: import("vue").DefineComponent<{}, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    inheritTemplates: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{}>, {
-    inheritTemplates: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>[]) | (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[][]), {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -152,6 +152,10 @@ export 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>;
@@ -178,7 +182,7 @@ export declare const props: {
     inlineMessage: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, BooleanConstructor], unknown, unknown, "", boolean>;
     showMessage: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
 };
-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> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"drag", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"preview", keyof T2> | Extract<"tip", 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" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", keyof T2>]: { [k in Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", 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> | Extract<"disabled", keyof T2> | Extract<"name", keyof T2> | Extract<"data", keyof T2> | Extract<"multiple", keyof T2> | Extract<"onChange", keyof T2> | Extract<"withCredentials", keyof T2> | Extract<"drag", keyof T2> | Extract<"beforeUpload", keyof T2> | Extract<"beforeRemove", keyof T2> | Extract<"onRemove", keyof T2> | Extract<"onPreview", keyof T2> | Extract<"onSuccess", keyof T2> | Extract<"onProgress", keyof T2> | Extract<"onError", keyof T2> | Extract<"onExceed", keyof T2> | Extract<"crossorigin", keyof T2> | Extract<"action", keyof T2> | Extract<"headers", keyof T2> | Extract<"method", keyof T2> | Extract<"showFileList", keyof T2> | Extract<"accept", keyof T2> | Extract<"fileList", keyof T2> | Extract<"autoUpload", keyof T2> | Extract<"listType", keyof T2> | Extract<"httpRequest", keyof T2> | Extract<"limit", keyof T2> | Extract<"onDownload", keyof T2> | Extract<"preview", keyof T2> | Extract<"tip", 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" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", keyof T2>, KE> : Extract<"required" | "formItemSize" | "formItemSlots" | "elRef" | "inline" | "readonly" | "formItemTip" | "formItemTipClass" | "labelTip" | "information" | "label" | "labelWidth" | "labelPosition" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", 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" | "disabled" | "name" | "data" | "multiple" | "onChange" | "withCredentials" | "drag" | "beforeUpload" | "beforeRemove" | "onRemove" | "onPreview" | "onSuccess" | "onProgress" | "onError" | "onExceed" | "crossorigin" | "action" | "headers" | "method" | "showFileList" | "accept" | "fileList" | "autoUpload" | "listType" | "httpRequest" | "limit" | "onDownload" | "preview" | "tip", keyof T2>]: T2[k]; }[P]; }>;
 export declare const emits: {
     'update:fileList': any;
     remove: (e: UploadFile) => UploadFile;

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

@@ -152,6 +152,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>;
@@ -372,6 +376,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>;
@@ -409,6 +417,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/upload-plus/src/ctx.d.ts

@@ -76,6 +76,10 @@ export 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>;

package/components/upload-plus/src/index.vue.d.ts

@@ -59,6 +59,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>;
@@ -195,6 +199,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>;
@@ -233,6 +241,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/van-cascader/src/ctx.d.ts

@@ -33,6 +33,10 @@ export 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>;

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

@@ -35,6 +35,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>;
@@ -178,6 +182,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>;
@@ -285,6 +293,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/var-datetime-picker/src/ctx.d.ts

@@ -42,6 +42,10 @@ export 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>;

package/components/var-datetime-picker/src/index.vue.d.ts

@@ -44,6 +44,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>;
@@ -124,6 +128,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>;
@@ -161,6 +169,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/vditor/src/ctx.d.ts

@@ -49,6 +49,10 @@ export 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>;

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

@@ -49,6 +49,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>;
@@ -135,6 +139,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>;
@@ -174,6 +182,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/composables/index.cjs

@@ -86,11 +86,7 @@ const useComputedReadonly = (props) => {
   return readonly;
 };
 
-const initTemplateInstances = () => {
-  const templateInstances = vue.shallowReactive({});
-  vue.provide("vkTemplateInstances", templateInstances);
-  return templateInstances;
-};
+const PARENT_KEY = Symbol("PARENT_KEY");
 const useTemplateInstances = () => {
   const templateInstances = vue.inject(
     "vkTemplateInstances",
@@ -98,6 +94,35 @@ const useTemplateInstances = () => {
   );
   return templateInstances;
 };
+const useTemplateInstancesContext = () => {
+  const templateInstances = useTemplateInstances();
+  const getParent = (ins) => {
+    return ins?.[PARENT_KEY];
+  };
+  const getTemplateInstance = (key) => {
+    let instance = templateInstances?.[key];
+    if (instance) return instance;
+    let parent = getParent(templateInstances);
+    while (parent) {
+      instance = parent?.[key];
+      if (instance) return instance;
+      parent = getParent(parent);
+    }
+    return null;
+  };
+  return {
+    templateInstances,
+    getTemplateInstance,
+    getParent
+  };
+};
+const initTemplateInstances = () => {
+  const perent = useTemplateInstances();
+  const templateInstances = vue.shallowReactive({});
+  templateInstances[PARENT_KEY] = perent;
+  vue.provide("vkTemplateInstances", templateInstances);
+  return templateInstances;
+};
 
 const initRendererData = (props, ctx) => {
   const data = vue.computed(() => props.data);
@@ -133,3 +158,4 @@ exports.useForm = useForm;
 exports.useRendererData = useRendererData;
 exports.useSourceManager = useSourceManager;
 exports.useTemplateInstances = useTemplateInstances;
+exports.useTemplateInstancesContext = useTemplateInstancesContext;

package/composables/index.mjs

@@ -84,11 +84,7 @@ const useComputedReadonly = (props) => {
   return readonly;
 };
 
-const initTemplateInstances = () => {
-  const templateInstances = shallowReactive({});
-  provide("vkTemplateInstances", templateInstances);
-  return templateInstances;
-};
+const PARENT_KEY = Symbol("PARENT_KEY");
 const useTemplateInstances = () => {
   const templateInstances = inject(
     "vkTemplateInstances",
@@ -96,6 +92,35 @@ const useTemplateInstances = () => {
   );
   return templateInstances;
 };
+const useTemplateInstancesContext = () => {
+  const templateInstances = useTemplateInstances();
+  const getParent = (ins) => {
+    return ins?.[PARENT_KEY];
+  };
+  const getTemplateInstance = (key) => {
+    let instance = templateInstances?.[key];
+    if (instance) return instance;
+    let parent = getParent(templateInstances);
+    while (parent) {
+      instance = parent?.[key];
+      if (instance) return instance;
+      parent = getParent(parent);
+    }
+    return null;
+  };
+  return {
+    templateInstances,
+    getTemplateInstance,
+    getParent
+  };
+};
+const initTemplateInstances = () => {
+  const perent = useTemplateInstances();
+  const templateInstances = shallowReactive({});
+  templateInstances[PARENT_KEY] = perent;
+  provide("vkTemplateInstances", templateInstances);
+  return templateInstances;
+};
 
 const initRendererData = (props, ctx) => {
   const data = computed(() => props.data);
@@ -124,4 +149,4 @@ const useRendererData = () => {
   return rendererData;
 };
 
-export { initRendererData, initTemplateInstances, useComputedReadonly, useForm, useRendererData, useSourceManager, useTemplateInstances };
+export { initRendererData, initTemplateInstances, useComputedReadonly, useForm, useRendererData, useSourceManager, useTemplateInstances, useTemplateInstancesContext };

package/composables/useTemplateInstances.d.ts

@@ -1,3 +1,8 @@
 import { TemplateInstances } from '@vunk/form/shared';
-export declare const initTemplateInstances: () => import("vue").ShallowReactive<TemplateInstances>;
 export declare const useTemplateInstances: () => TemplateInstances;
+export declare const useTemplateInstancesContext: () => {
+    templateInstances: TemplateInstances;
+    getTemplateInstance: (key: string) => import("vue").ComponentInternalInstance;
+    getParent: (ins: TemplateInstances | null) => any;
+};
+export declare const initTemplateInstances: () => import("vue").ShallowReactive<TemplateInstances>;

package/index.css

@@ -182,6 +182,9 @@
   flex: 1;
 }
 
+.vkf-form-item.is-information{
+  margin-bottom: 0;
+}
 .vkf-form-item--inline{
   display: inline-flex;
 }
@@ -202,6 +205,19 @@
   display: none;
 }
 
+.vkf-information-templates-default-main .el-form-item__label {
+  color: var(--el-text-color-secondary);
+  font-weight: normal;
+}
+.vkf-information-templates-default-main .el-select__wrapper.el-select__wrapper {
+  padding: 0;
+  border: none;
+  box-shadow: none;
+}
+.vkf-information-templates-default-main .el-select__selected-item {
+  user-select: text;
+}
+
 .vkf-input-collection-options{
   width: 100%;
   display: flex;
@@ -294,6 +310,13 @@
   display: none;
 }
 
+.vkf-tag-information__tag{
+  cursor: pointer;
+}
+.vkf-tag-information__tag + .vkf-tag-information__tag {
+  margin-left: 0.5em;
+}
+
 .vkf-flex {
   display: flex;
 }

package/index.d.ts

@@ -20,3 +20,4 @@ export * from '@vunk/form/components/date-picker';
 export * from '@vunk/form/components/button';
 export * from '@vunk/form/components/cascader';
 export * from '@vunk/form/components/input-link';
+export * from '@vunk/form/components/information';

package/index.esm.js

@@ -21,6 +21,7 @@ export * from '@vunk/form/components/date-picker';
 export * from '@vunk/form/components/button';
 export * from '@vunk/form/components/cascader';
 export * from '@vunk/form/components/input-link';
+export * from '@vunk/form/components/information';
 
 var Components = [
   VkfForm,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vunk/form",
-  "version": "2.3.2",
+  "version": "2.4.0",
   "description": "",
   "main": "index.esm.js",
   "scripts": {
@@ -145,6 +145,11 @@
       "types": "./components/template-instances-provider/index.d.ts",
       "require": "./components/template-instances-provider/index.cjs"
     },
+    "./components/tag-information": {
+      "import": "./components/tag-information/index.mjs",
+      "types": "./components/tag-information/index.d.ts",
+      "require": "./components/tag-information/index.cjs"
+    },
     "./components/tables-select": {
       "import": "./components/tables-select/index.mjs",
       "types": "./components/tables-select/index.d.ts",
@@ -200,6 +205,16 @@
       "types": "./components/input/index.d.ts",
       "require": "./components/input/index.cjs"
     },
+    "./components/information-templates-default": {
+      "import": "./components/information-templates-default/index.mjs",
+      "types": "./components/information-templates-default/index.d.ts",
+      "require": "./components/information-templates-default/index.cjs"
+    },
+    "./components/information": {
+      "import": "./components/information/index.mjs",
+      "types": "./components/information/index.d.ts",
+      "require": "./components/information/index.cjs"
+    },
     "./components/form-item-renderer-template": {
       "import": "./components/form-item-renderer-template/index.mjs",
       "types": "./components/form-item-renderer-template/index.d.ts",
@@ -288,6 +303,9 @@
     "./components/templates-layout/index.css": {
       "import": "./components/templates-layout/index.css"
     },
+    "./components/tag-information/index.css": {
+      "import": "./components/tag-information/index.css"
+    },
     "./components/tables-select/index.css": {
       "import": "./components/tables-select/index.css"
     },
@@ -312,6 +330,9 @@
     "./components/input-collection/index.css": {
       "import": "./components/input-collection/index.css"
     },
+    "./components/information-templates-default/index.css": {
+      "import": "./components/information-templates-default/index.css"
+    },
     "./components/form-item/index.css": {
       "import": "./components/form-item/index.css"
     },

package/shared/types/index.d.ts

@@ -4,7 +4,10 @@ import { Arrayable } from 'element-plus/es/utils';
 import { ComponentInternalInstance, ComputedRef } from 'vue';
 export * from './source';
 export * from './source-manager';
-export type TemplateInstances = Record<string, ComponentInternalInstance>;
+export type TemplateInstances = {
+    [key: string]: ComponentInternalInstance;
+    [key: symbol]: any;
+};
 export interface RendererData {
     data: ComputedRef<NormalObject>;
     emitSetData: (e: SetDataEvent) => void;