@vunk/form 0.0.1-alpha.9 → 1.0.1

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

@@ -0,0 +1,2 @@
+import { FormItemRendererSource } from '@vunk/form/shared';
+export declare type FormItem<P extends string = string> = FormItemRendererSource<P>;

package/components/form/src/types.js

@@ -0,0 +1 @@
+

package/components/form-item/index.css

@@ -0,0 +1,4 @@
+
+.vkf-form-item--inline{
+  display: inline-flex;
+}

package/components/form-item/index.js

@@ -2,6 +2,7 @@ import { formItemProps, ElFormItem } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, resolveComponent, openBlock, createBlock, mergeProps, createSlots, withCtx, renderSlot, renderList, resolveDynamicComponent } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
+import { useComputedReadonly } from '@vunk/form/composables';
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -34,6 +35,14 @@ const _props = __spreadProps(__spreadValues({}, formItemProps), {
   elRef: {
     type: Function,
     required: false
+  },
+  inline: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
   }
 });
 Reflect.deleteProperty(_props, "size");
@@ -46,7 +55,15 @@ var ctx = /*#__PURE__*/Object.freeze({
   createBindProps: createBindProps
 });
 
-var script = defineComponent({
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
   name: "VkfFormItem",
   components: {
     ElFormItem
@@ -54,15 +71,21 @@ var script = defineComponent({
   props,
   setup(props2) {
     const formItemBindProps = createFormItemBindProps(props2);
+    const readonly = useComputedReadonly(props2);
     return {
-      formItemBindProps
+      formItemBindProps,
+      readonly
     };
   }
 });
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps({
+    class: {
+      "is-readonly": _ctx.readonly,
+      "vkf-form-item--inline": _ctx.inline
+    }
+  }, _ctx.formItemBindProps, {
     size: _ctx.formItemSize,
     ref: _ctx.elRef
   }), createSlots({
@@ -75,22 +98,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       return {
         name: key,
         fn: withCtx((e) => [
-          (openBlock(), createBlock(resolveDynamicComponent(item == null ? void 0 : item(e))))
+          (openBlock(), createBlock(resolveDynamicComponent(item?.(e))))
         ])
       };
     })
-  ]), 1040, ["size"]);
+  ]), 1040, ["class", "size"]);
 }
-
-script.render = render;
-script.__file = "form-item/src/index.vue";
+var VkfFormItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-script.install = (app) => {
-  app.component(script.name, script);
+VkfFormItem.install = (app) => {
+  app.component(VkfFormItem.name, VkfFormItem);
 };
 
-export { script as VkfFormItem, ctx as _VkfFormItemCtx, types as __VkfFormItem, script as default };
+export { VkfFormItem, ctx as _VkfFormItemCtx, types as __VkfFormItem, VkfFormItem as default };

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

@@ -7,32 +7,40 @@ export declare const props: Omit<{
     };
     formItemSlots: {
         type: PropType<FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: PropType<unknown>;
+        readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -41,8 +49,8 @@ export declare const props: Omit<{
     size: {
         readonly type: PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">;
-export declare const createBindProps: <T2 extends Record<string, any>, EX extends ("required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots" | "elRef")[], K extends Extract<EX extends (infer V)[] ? Exclude<keyof T2, V> : keyof T2, "required" | "label" | "labelWidth" | "prop" | "rules" | "error" | "validateStatus" | "for" | "inlineMessage" | "showMessage" | "formItemSize" | "formItemSlots" | "elRef">>(propsArg: T2, excludes?: EX) => import("vue").ComputedRef<{ [k in K]: T2[k]; }>;
+export declare const createBindProps: <T2 extends import("@vunk/core").NormalObject, EX extends (Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2>)[] | undefined>(propsArg: T2, excludes?: EX | undefined) => import("vue").ComputedRef<{ [P in EX extends (infer KE)[] ? Exclude<Extract<"required", keyof T2>, KE> | Exclude<Extract<"label", keyof T2>, KE> | Exclude<Extract<"labelWidth", keyof T2>, KE> | Exclude<Extract<"prop", keyof T2>, KE> | Exclude<Extract<"rules", keyof T2>, KE> | Exclude<Extract<"error", keyof T2>, KE> | Exclude<Extract<"validateStatus", keyof T2>, KE> | Exclude<Extract<"for", keyof T2>, KE> | Exclude<Extract<"inlineMessage", keyof T2>, KE> | Exclude<Extract<"showMessage", keyof T2>, KE> | Exclude<Extract<"formItemSize", keyof T2>, KE> | Exclude<Extract<"formItemSlots", keyof T2>, KE> | Exclude<Extract<"elRef", keyof T2>, KE> | Exclude<Extract<"inline", keyof T2>, KE> | Exclude<Extract<"readonly", keyof T2>, KE> : Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2>]: { [k in Extract<"required", keyof T2> | Extract<"label", keyof T2> | Extract<"labelWidth", 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<"formItemSize", keyof T2> | Extract<"formItemSlots", keyof T2> | Extract<"elRef", keyof T2> | Extract<"inline", keyof T2> | Extract<"readonly", keyof T2>]: T2[k]; }[P]; }>;

package/components/form-item/src/ctx.js

@@ -32,6 +32,14 @@ const _props = __spreadProps(__spreadValues({}, formItemProps), {
   elRef: {
     type: Function,
     required: false
+  },
+  inline: {
+    type: Boolean,
+    default: false
+  },
+  readonly: {
+    type: Boolean,
+    default: void 0
   }
 });
 Reflect.deleteProperty(_props, "size");

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

@@ -5,32 +5,40 @@ declare const _default: import("vue").DefineComponent<Omit<{
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: import("vue").PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -39,44 +47,64 @@ declare const _default: import("vue").DefineComponent<Omit<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">, {
-    formItemBindProps: import("vue").ComputedRef<{}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<{
+    formItemBindProps: import("vue").ComputedRef<{
+        required: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown> | undefined;
+        label: string | undefined;
+        labelWidth: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
+        prop: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown> | undefined;
+        rules: import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown> | undefined;
+        error: string | undefined;
+        validateStatus: import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown> | undefined;
+        for: string | undefined;
+        inlineMessage: import("element-plus/es/utils").EpPropMergeType<readonly [StringConstructor, BooleanConstructor], unknown, unknown>;
+        showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    }>;
+    readonly: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Omit<{
     formItemSize: {
         type: import("vue").PropType<"default" | "small" | "large">;
         default: string;
     };
     formItemSlots: {
         type: import("vue").PropType<import("./types").FormItemSlots>;
-        default: any;
+        default: undefined;
     };
     elRef: {
         type: import("vue").PropType<any>;
         required: boolean;
     };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
     label: StringConstructor;
     labelWidth: import("element-plus/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
     prop: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp) | ((new (...args: any[]) => import("element-plus").FormItemProp & {}) | (() => import("element-plus").FormItemProp))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     required: import("element-plus/es/utils").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
     rules: {
-        readonly type: import("vue").PropType<unknown>;
+        readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<(new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>) | ((new (...args: any[]) => import("element-plus").FormItemRule | import("element-plus").FormItemRule[]) | (() => import("element-plus/es/utils").Arrayable<import("element-plus").FormItemRule>))[], unknown, unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     error: StringConstructor;
     validateStatus: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "error" | "success" | "validating", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     for: StringConstructor;
@@ -85,7 +113,7 @@ declare const _default: import("vue").DefineComponent<Omit<{
     size: {
         readonly type: import("vue").PropType<import("element-plus/es/utils").EpPropMergeType<StringConstructor, "" | "default" | "small" | "large", unknown>>;
         readonly required: false;
-        readonly validator: (val: unknown) => boolean;
+        readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 }, "size">>>, {
@@ -95,5 +123,7 @@ declare const _default: import("vue").DefineComponent<Omit<{
     showMessage: import("element-plus/es/utils").EpPropMergeType<BooleanConstructor, unknown, unknown>;
     formItemSize: "default" | "small" | "large";
     formItemSlots: import("./types").FormItemSlots;
+    inline: boolean;
+    readonly: boolean;
 }>;
 export default _default;

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

@@ -17,28 +17,19 @@ const props = {
 
 const S_TEMPLATE_INSTANCES = Symbol("templateInstances");
 
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
 };
+
 const VkfFormItemRenderer = defineComponent({
   name: "VkfFormItemRenderer",
   props: props,
   setup(props$1, ctx) {
-    var _a;
-    const templateInstances = (_a = props$1.templateInstances) != null ? _a : shallowReactive({});
+    const templateInstances = props$1.templateInstances ?? shallowReactive({});
     provide(S_TEMPLATE_INSTANCES, templateInstances);
     const Renderer = defineComponent({
       props: props,
@@ -52,7 +43,6 @@ const VkfFormItemRenderer = defineComponent({
     });
     const renderFormItems = (data, pK = []) => {
       return data.reduce((a, c, index) => {
-        var _a2, _b, _c, _d;
         const currentK = [...props$1.k, ...pK, index];
         const validateTemplateType = () => {
           nextTick(() => {
@@ -62,20 +52,35 @@ const VkfFormItemRenderer = defineComponent({
           });
         };
         if (c.templateType && templateInstances[c.templateType]) {
-          const slotData = __spreadValues({}, c);
+          const slotData = { ...c };
           Reflect.deleteProperty(slotData, "templateType");
           Reflect.deleteProperty(slotData, "templateSlots");
-          const nodes = (_b = (_a2 = templateInstances[c.templateType].slots).default) == null ? void 0 : _b.call(_a2, {
+          Reflect.deleteProperty(slotData, "templateIf");
+          const createTemplateIf = () => {
+            if (typeof c.templateIf === "boolean") {
+              const flag = c.templateIf;
+              return () => flag;
+            } else if (typeof c.templateIf === "string") {
+              const templateIf = new Function("data", c.templateIf);
+              return templateIf;
+            } else if (typeof c.templateIf === "function") {
+              return c.templateIf;
+            }
+            return () => true;
+          };
+          const nodes = templateInstances[c.templateType].slots.default?.({
             data: slotData,
             raw: c,
             Renderer,
-            k: currentK
+            k: currentK,
+            key: currentK.join(",") + "-" + c.templateType + "-" + c?.prop || "no-prop",
+            templateIf: createTemplateIf()
           });
           nodes && a.push(nodes);
-        } else if ((_c = c.templateSlots) == null ? void 0 : _c.default) {
+        } else if (c.templateSlots?.default) {
           validateTemplateType();
           currentK.push("templateSlots", "default");
-          if (Array.isArray((_d = c.templateSlots) == null ? void 0 : _d.default)) {
+          if (Array.isArray(c.templateSlots?.default)) {
             const subNode = renderFormItems(c.templateSlots.default, currentK);
             a = a.concat(subNode);
           }
@@ -86,8 +91,7 @@ const VkfFormItemRenderer = defineComponent({
       }, []);
     };
     return () => {
-      var _a2, _b;
-      const tempSlots = (_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2);
+      const tempSlots = ctx.slots.default?.();
       return [
         tempSlots,
         renderFormItems(props$1.source)
@@ -95,15 +99,15 @@ const VkfFormItemRenderer = defineComponent({
     };
   }
 });
-
-VkfFormItemRenderer.__file = "form-item-renderer/src/index.vue";
+const _sfc_main = VkfFormItemRenderer;
+var VkfFormItemRenderer$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-VkfFormItemRenderer.install = (app) => {
-  app.component(VkfFormItemRenderer.name, VkfFormItemRenderer);
+VkfFormItemRenderer$1.install = (app) => {
+  app.component(VkfFormItemRenderer$1.name, VkfFormItemRenderer$1);
 };
 
-export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer as default };
+export { S_TEMPLATE_INSTANCES, VkfFormItemRenderer$1 as VkfFormItemRenderer, types as __VkfFormItemRenderer, VkfFormItemRenderer$1 as default };

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

@@ -3,14 +3,14 @@ import { RendererTreeData } from './types';
 export declare const props: {
     source: {
         type: PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 };

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

@@ -3,36 +3,36 @@ import { RendererTreeData } from './types';
 declare const VkfFormItemRenderer: import("vue").DefineComponent<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 }, () => (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[] | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}>[] | (VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>[][])[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}> | undefined)[][] | undefined)[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     source: {
         type: import("vue").PropType<RendererTreeData[]>;
-        default: () => any[];
+        default: () => never[];
     };
     templateInstances: {
         type: import("vue").PropType<Record<string, ComponentInternalInstance>>;
-        default: any;
+        default: undefined;
     };
     k: {
         type: import("vue").PropType<(string | number)[]>;
-        default: () => any[];
+        default: () => never[];
     };
 }>>, {
-    templateInstances: Record<string, ComponentInternalInstance>;
     source: RendererTreeData[];
+    templateInstances: Record<string, ComponentInternalInstance>;
     k: (string | number)[];
 }>;
 export default VkfFormItemRenderer;

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

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

package/components/form-item-renderer-template/index.js

@@ -9,7 +9,15 @@ const props = {
   }
 };
 
-var script = defineComponent({
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _sfc_main = defineComponent({
   name: "VkfFormItemRendererTemplate",
   props,
   setup(props2) {
@@ -27,15 +35,14 @@ var script = defineComponent({
     return () => null;
   }
 });
-
-script.__file = "form-item-renderer-template/src/index.vue";
+var VkfFormItemRendererTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "index.vue"]]);
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-script.install = (app) => {
-  app.component(script.name, script);
+VkfFormItemRendererTemplate.install = (app) => {
+  app.component(VkfFormItemRendererTemplate.name, VkfFormItemRendererTemplate);
 };
 
-export { script as VkfFormItemRendererTemplate, types as __VkfFormItemRendererTemplate, script as default };
+export { VkfFormItemRendererTemplate, types as __VkfFormItemRendererTemplate, VkfFormItemRendererTemplate as default };

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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
         default: string;
     };
-}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => null, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: StringConstructor;
         required: boolean;