@vunk/form 2.3.3 → 2.4.0

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;

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

@@ -1,8 +1,6 @@
-import { VNode } from 'vue';
-import { RendererTreeData } from './types';
-declare const VkfFormItemRenderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     source: {
-        type: import("vue").PropType<RendererTreeData[]>;
+        type: import("vue").PropType<import("./types").RendererTreeData[]>;
         default: () => any[];
     };
     templateInstances: {
@@ -13,13 +11,70 @@ declare const VkfFormItemRenderer: import("vue").DefineComponent<import("vue").E
         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<{
+}>, {
+    props: import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        source: {
+            type: import("vue").PropType<import("./types").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<{}> & {}>;
+    readonly 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;
+    };
+    Core: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        source: {
+            type: import("vue").PropType<import("./types").RendererTreeData[]>;
+            default: () => any[];
+        };
+        templateInstances: {
+            type: import("vue").PropType<Record<string, import("vue").ComponentInternalInstance>>;
+            default: any;
+        };
+        k: {
+            type: import("vue").PropType<(string | number)[]>;
+            default: () => any[];
+        };
+    }>, () => (import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[] | 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<{
+        source: {
+            type: import("vue").PropType<import("./types").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: import("./types").RendererTreeData[];
+        templateInstances: Record<string, import("vue").ComponentInternalInstance>;
+        k: (string | number)[];
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     source: {
-        type: import("vue").PropType<RendererTreeData[]>;
+        type: import("vue").PropType<import("./types").RendererTreeData[]>;
         default: () => any[];
     };
     templateInstances: {
@@ -31,8 +86,8 @@ declare const VkfFormItemRenderer: import("vue").DefineComponent<import("vue").E
         default: () => any[];
     };
 }>> & Readonly<{}>, {
-    source: RendererTreeData[];
+    source: import("./types").RendererTreeData[];
     templateInstances: Record<string, import("vue").ComponentInternalInstance>;
     k: (string | number)[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default VkfFormItemRenderer;
+export default _default;

package/components/information/index.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var formItemRenderer = require('@vunk/form/components/form-item-renderer');
+var rendererData = require('@vunk/form/components/renderer-data');
+var elementPlus = require('element-plus');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  },
+  formItems: {
+    type: Array,
+    default: () => []
+  }
+};
+const emits = {};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfInformation",
+  components: {
+    ElForm: elementPlus.ElForm,
+    VkfFormItemRenderer: formItemRenderer.VkfFormItemRenderer,
+    VkfRendererData: rendererData.VkfRendererData
+  },
+  props,
+  emits,
+  setup() {
+    return {};
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfFormItemRenderer = vue.resolveComponent("VkfFormItemRenderer");
+  const _component_VkfRendererData = vue.resolveComponent("VkfRendererData");
+  const _component_ElForm = vue.resolveComponent("ElForm");
+  return vue.openBlock(), vue.createBlock(_component_ElForm, {
+    model: _ctx.data,
+    "label-width": "auto"
+  }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_VkfRendererData, { data: _ctx.data }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["source"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["data"])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["model"]);
+}
+var VkfInformation = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInformation.install = (app) => {
+  app.component(VkfInformation.name || "VkfInformation", VkfInformation);
+};
+
+exports.VkfInformation = VkfInformation;
+exports.__VkfInformation = types;
+exports.default = VkfInformation;

package/components/information/index.d.ts

@@ -0,0 +1,4 @@
+import VkfInformation from './src/index.vue';
+export * as __VkfInformation from './src/types';
+export { VkfInformation, };
+export default VkfInformation;

package/components/information/index.mjs

@@ -0,0 +1,70 @@
+import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createVNode, renderSlot } from 'vue';
+import { VkfFormItemRenderer } from '@vunk/form/components/form-item-renderer';
+import { VkfRendererData } from '@vunk/form/components/renderer-data';
+import { ElForm } from 'element-plus';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  },
+  formItems: {
+    type: Array,
+    default: () => []
+  }
+};
+const emits = {};
+
+var _sfc_main = defineComponent({
+  name: "VkfInformation",
+  components: {
+    ElForm,
+    VkfFormItemRenderer,
+    VkfRendererData
+  },
+  props,
+  emits,
+  setup() {
+    return {};
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfFormItemRenderer = resolveComponent("VkfFormItemRenderer");
+  const _component_VkfRendererData = resolveComponent("VkfRendererData");
+  const _component_ElForm = resolveComponent("ElForm");
+  return openBlock(), createBlock(_component_ElForm, {
+    model: _ctx.data,
+    "label-width": "auto"
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_VkfRendererData, { data: _ctx.data }, {
+        default: withCtx(() => [
+          createVNode(_component_VkfFormItemRenderer, { source: _ctx.formItems }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default")
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["source"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["data"])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 8, ["model"]);
+}
+var VkfInformation = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/information/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfInformation.install = (app) => {
+  app.component(VkfInformation.name || "VkfInformation", VkfInformation);
+};
+
+export { VkfInformation, types as __VkfInformation, VkfInformation as default };

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

@@ -0,0 +1,13 @@
+import { NormalObject } from '@vunk/shared';
+import { PropType } from 'vue';
+export declare const props: {
+    data: {
+        type: PropType<NormalObject>;
+        default: () => {};
+    };
+    formItems: {
+        type: PropType<any[]>;
+        default: () => any[];
+    };
+};
+export declare const emits: {};