@vunk/form 0.0.1-alpha.9 → 1.0.1

package/components/templates-default/index.js

@@ -0,0 +1,244 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, createCommentVNode, resolveDynamicComponent } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { VkfInput } from '@vunk/form/components/input';
+import { VkfSwitch } from '@vunk/form/components/switch';
+import { VkfSelect } from '@vunk/form/components/select';
+import { VkfDatePicker } from '@vunk/form/components/date-picker';
+import { getValue } from '@vunk/core/shared/helper';
+import { pickObject } from '@vunk/core/shared/utils-object';
+import { VkfInputNumber } from '@vunk/form/components/input-number';
+import { VkfRadio } from '@vunk/form/components/radio';
+import { VkfCheckbox } from '@vunk/form/components/checkbox';
+import { VkfUpload } from '@vunk/form/components/upload';
+import { VkfColorPicker } from '@vunk/form/components/color-picker';
+import { VkfButton } from '@vunk/form/components/button';
+import { VkfCascader } from '@vunk/form/components/cascader';
+import { VkfInputLink } from '@vunk/form/components/input-link';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {
+  setData: (e) => e
+};
+
+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: "VkfTemplatesDefault",
+  components: {
+    VkfFormItemRendererTemplate,
+    VkfInput,
+    VkfSwitch,
+    VkfSelect,
+    VkfDatePicker,
+    VkfInputNumber,
+    VkfRadio,
+    VkfCheckbox,
+    VkfUpload,
+    VkfColorPicker,
+    VkfButton,
+    VkfCascader,
+    VkfInputLink
+  },
+  emits,
+  props,
+  setup() {
+    return {
+      pickObject,
+      getValue
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkfButton = resolveComponent("VkfButton");
+  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_VkfColorPicker = resolveComponent("VkfColorPicker");
+  const _component_VkfUpload = resolveComponent("VkfUpload");
+  const _component_VkfCheckbox = resolveComponent("VkfCheckbox");
+  const _component_VkfRadio = resolveComponent("VkfRadio");
+  const _component_VkfInput = resolveComponent("VkfInput");
+  const _component_VkfSwitch = resolveComponent("VkfSwitch");
+  const _component_VkfSelect = resolveComponent("VkfSelect");
+  const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
+  const _component_VkfInputNumber = resolveComponent("VkfInputNumber");
+  const _component_VkfCascader = resolveComponent("VkfCascader");
+  const _component_VkfInputLink = resolveComponent("VkfInputLink");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfButton" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfButton, normalizeProps(mergeProps({ key: 0 }, sourceData)), null, 16)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfColorPicker" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfColorPicker, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfUpload" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfUpload, mergeProps({
+          key: 0,
+          fileList: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:fileList": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["fileList", "onUpdate:fileList"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCheckbox" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCheckbox, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfRadio" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfRadio, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInput, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSwitch, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSelect, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfDatePicker, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputNumber, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCascader" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCascader, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputLink" }, {
+      default: withCtx(({ data: sourceData, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputLink, mergeProps({
+          key: 0,
+          modelValue: _ctx.getValue(_ctx.data, sourceData.prop),
+          "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
+            k: sourceData.prop,
+            v: $event
+          })
+        }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "Component" }, {
+      default: withCtx(({ data, raw, templateIf }) => [
+        templateIf(data) ? (openBlock(), createBlock(resolveDynamicComponent(typeof data.is === "function" ? data.is(raw) : data.is), normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(data, { excludes: ["is"] }))), null, 16)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+var VkfTemplatesDefault = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfTemplatesDefault.install = (app) => {
+  app.component(VkfTemplatesDefault.name, VkfTemplatesDefault);
+};
+
+export { VkfTemplatesDefault, types as __VkfTemplatesDefault, VkfTemplatesDefault as default };

package/components/{form-item-renderer-template-default → templates-default}/src/index.vue.d.ts

@@ -4,11 +4,11 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }, {
-    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[], KI extends keyof T>(data: T, opts?: {
-        excludes?: EX;
-        includes?: KI[];
-    }) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
-    getValue: (obj: any, k: string | number | any[]) => any;
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+    getValue: (obj: any, k: string | number | any[], intoUndefined?: ((obj: any, k: string | number) => void) | undefined) => any;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent<any>) => import("@vunk/core").SetDataEvent<any>;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -17,8 +17,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    onSetData?: (e: import("@vunk/core").SetDataEvent<any>) => any;
+    onSetData?: ((e: import("@vunk/core").SetDataEvent<any>) => any) | undefined;
 }, {
-    data: {};
+    data: Record<string, any>;
 }>;
 export default _default;

package/components/templates-default/src/types.d.ts

@@ -0,0 +1,31 @@
+import { BasicSource } from '@vunk/form/shared';
+import { __VkfButton } from '@vunk/form/components/button';
+import { __VkfInput } from '@vunk/form/components/input';
+import { __VkfDatePicker } from '@vunk/form/components/date-picker';
+import { __VkfSelect } from '@vunk/form/components/select';
+import { __VkfSwitch } from '@vunk/form/components/switch';
+import { __VkfInputNumber } from '@vunk/form/components/input-number';
+import { __VkfRadio } from '@vunk/form/components/radio';
+import { __VkfCheckbox } from '@vunk/form/components/checkbox';
+import { __VkfUpload } from '@vunk/form/components/upload';
+import { __VkfColorPicker } from '@vunk/form/components/color-picker';
+import { __VkfCascader } from '@vunk/form/components/cascader';
+import { __VkfInputLink } from '@vunk/form/components/input-link';
+export declare type VkfButtonSource<P extends string = string> = __VkfButton.Source<P>;
+export declare type VkfInputSource<P extends string = string> = __VkfInput.Source<P>;
+export declare type VkfDatePickerSource<P extends string = string> = __VkfDatePicker.Source<P>;
+export declare type VkfSelectSource<P extends string = string> = __VkfSelect.Source<P>;
+export declare type VkfSwitchSource<P extends string = string> = __VkfSwitch.Source<P>;
+export declare type VkfInputNumberSource<P extends string = string> = __VkfInputNumber.Source<P>;
+export declare type VkfRadioSource<P extends string = string> = __VkfRadio.Source<P>;
+export declare type VkfCheckboxSource<P extends string = string> = __VkfCheckbox.Source<P>;
+export declare type VkfUploadSource<P extends string = string> = __VkfUpload.Source<P>;
+export declare type VkfColorPickerSource<P extends string = string> = __VkfColorPicker.Source<P>;
+export declare type VkfCascaderSource<P extends string = string> = __VkfCascader.Source<P>;
+export declare type VkfInputLinkSource<P extends string = string> = __VkfInputLink.Source<P>;
+export interface ComponentSource extends BasicSource {
+    templateType: 'Component';
+    is: any;
+}
+export declare type CoreSource<P extends string = string> = VkfInputSource<P> | VkfSwitchSource<P> | VkfSelectSource<P> | VkfDatePickerSource<P> | VkfInputNumberSource<P> | VkfRadioSource<P> | VkfCheckboxSource<P> | VkfUploadSource<P> | VkfColorPickerSource<P> | VkfButtonSource<P> | VkfCascaderSource<P> | VkfInputLinkSource<P>;
+export declare type Source<P extends string = string> = CoreSource<P> | ComponentSource;

package/components/templates-default/src/types.js

@@ -0,0 +1 @@
+

package/components/templates-element-plus/index.d.ts

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

package/components/templates-element-plus/index.js

@@ -0,0 +1,80 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { ElLink, ElDivider } from 'element-plus';
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {};
+
+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: "VkfTemplatesElementPlus",
+  components: {
+    VkfFormItemRendererTemplate,
+    ElLink,
+    ElDivider
+  },
+  emits,
+  props,
+  setup() {
+    return {
+      pickObject
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElLink = resolveComponent("ElLink");
+  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_ElDivider = resolveComponent("ElDivider");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElLink" }, {
+      default: withCtx(({ data: props2, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElLink, normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(props2, {
+          excludes: ["label"]
+        }))), {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(props2.label), 1)
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElDivider" }, {
+      default: withCtx(({ data: props2, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElDivider, normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(props2, {
+          excludes: ["label"]
+        }))), {
+          default: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(props2.label), 1)
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+var VkfTemplatesElementPlus = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfTemplatesElementPlus.install = (app) => {
+  app.component(VkfTemplatesElementPlus.name, VkfTemplatesElementPlus);
+};
+
+export { VkfTemplatesElementPlus, types as __VkfTemplatesElementPlus, VkfTemplatesElementPlus as default };

package/components/{form-item-renderer-template-layout → templates-element-plus}/src/ctx.d.ts

@@ -1,7 +1,8 @@
+import { NormalObject } from '@vunk/core';
 import { PropType } from 'vue';
 export declare const props: {
-    modelValue: {
-        type: PropType<unknown>;
+    data: {
+        type: PropType<NormalObject>;
         default: () => {};
     };
 };

package/components/{form-item-renderer-template-layout → templates-element-plus}/src/ctx.js

@@ -1,5 +1,5 @@
 const props = {
-  modelValue: {
+  data: {
     type: Object,
     default: () => ({})
   }

package/components/templates-element-plus/src/index.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}, {
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}>>, {
+    data: import("@vunk/core").NormalObject;
+}>;
+export default _default;

package/components/templates-element-plus/src/types.d.ts

@@ -0,0 +1,13 @@
+import { ElDivider, ElLink } from 'element-plus';
+import { VueComponentPropsType } from '@vunk/core';
+import { BasicSource } from '@vunk/form/shared';
+export interface ElDividerSource extends VueComponentPropsType<typeof ElDivider>, BasicSource {
+    templateType: 'ElDivider';
+    label: string;
+}
+export interface ElLinkSource extends VueComponentPropsType<typeof ElLink>, BasicSource {
+    templateType: 'ElLink';
+    label: string;
+    target?: '_blank';
+}
+export declare type Source = ElDividerSource | ElLinkSource;

package/components/templates-element-plus/src/types.js

@@ -0,0 +1 @@
+

package/components/templates-layout/index.css

@@ -0,0 +1,5 @@
+
+.vkf-flex {
+  display: flex;
+}
+

package/components/templates-layout/index.d.ts

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

package/components/templates-layout/index.js

@@ -0,0 +1,108 @@
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, resolveDynamicComponent, createCommentVNode } from 'vue';
+import { VkfFormItemRendererTemplate } from '@vunk/form/components/form-item-renderer-template';
+import { ElRow, ElCol } from 'element-plus';
+import { pickObject } from '@vunk/core/shared/utils-object';
+
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+
+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: "VkfTemplatesLayout",
+  props,
+  components: {
+    ElRow,
+    ElCol,
+    VkfFormItemRendererTemplate
+  },
+  setup() {
+    return {
+      pickObject
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElRow = resolveComponent("ElRow");
+  const _component_VkfFormItemRendererTemplate = resolveComponent("VkfFormItemRendererTemplate");
+  const _component_ElCol = resolveComponent("ElCol");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElRow" }, {
+      default: withCtx(({ data: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElRow, normalizeProps(mergeProps({ key: 0 }, props2)), {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+              source: raw.templateSlots,
+              k: [...k, "templateSlots"]
+            }, null, 8, ["source", "k"]))
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "ElCol" }, {
+      default: withCtx(({ data: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createBlock(_component_ElCol, normalizeProps(mergeProps({ key: 0 }, props2)), {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+              source: raw.templateSlots,
+              k: [...k, "templateSlots"]
+            }, null, 8, ["source", "k"]))
+          ]),
+          _: 2
+        }, 1040)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    }),
+    createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfFlex" }, {
+      default: withCtx(({ data: props2, Renderer, raw, k, templateIf }) => [
+        templateIf(_ctx.data) ? (openBlock(), createElementBlock("div", mergeProps({
+          key: 0,
+          class: "vkf-flex",
+          style: {
+            "justify-content": props2.justify,
+            "flex-direction": props2.direction,
+            "align-items": props2.align,
+            "overflow": props2.overflow,
+            "flex-grow": props2.grow,
+            "flex-shrink": props2.shrink,
+            "flex-basis": props2.basis
+          }
+        }, _ctx.pickObject(
+          props2,
+          {
+            excludes: ["justify", "direction", "align", "overflow", "grow", "shrink", "basis"]
+          }
+        )), [
+          (openBlock(), createBlock(resolveDynamicComponent(Renderer), {
+            source: raw.templateSlots,
+            k: [...k, "templateSlots"]
+          }, null, 8, ["source", "k"]))
+        ], 16)) : createCommentVNode("v-if", true)
+      ]),
+      _: 1
+    })
+  ], 64);
+}
+var VkfTemplatesLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfTemplatesLayout.install = (app) => {
+  app.component(VkfTemplatesLayout.name, VkfTemplatesLayout);
+};
+
+export { VkfTemplatesLayout, types as __VkfTemplatesLayout, VkfTemplatesLayout as default };

package/components/templates-layout/src/ctx.d.ts

@@ -0,0 +1,9 @@
+import { NormalObject } from '@vunk/core';
+import { PropType } from 'vue';
+export declare const props: {
+    data: {
+        type: PropType<NormalObject>;
+        default: () => {};
+    };
+};
+export declare const emits: {};

package/components/templates-layout/src/ctx.js

@@ -0,0 +1,9 @@
+const props = {
+  data: {
+    type: Object,
+    default: () => ({})
+  }
+};
+const emits = {};
+
+export { emits, props };

package/components/templates-layout/src/index.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}, {
+    pickObject: <T extends import("@vunk/core").NormalObject, EX extends (keyof T)[] | undefined, KI extends keyof T>(data: T, opts?: {
+        excludes?: EX | undefined;
+        includes?: KI[] | undefined;
+    } | undefined) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: import("vue").PropType<import("@vunk/core").NormalObject>;
+        default: () => {};
+    };
+}>>, {
+    data: import("@vunk/core").NormalObject;
+}>;
+export default _default;

package/{shared/types/layout-source/index.d.ts → components/templates-layout/src/types.d.ts}

@@ -1,10 +1,11 @@
 import { VueComponentPropsType } from '@vunk/core';
 import { ElCol, ElRow } from 'element-plus';
-export interface ElRowSource<S> extends VueComponentPropsType<typeof ElRow> {
+import { BasicSource } from '@vunk/form/shared';
+export interface ElRowSource<S> extends VueComponentPropsType<typeof ElRow>, BasicSource {
     templateType: 'ElRow';
     templateSlots: S[];
 }
-export interface ElColSource<S> extends VueComponentPropsType<typeof ElCol> {
+export interface ElColSource<S> extends VueComponentPropsType<typeof ElCol>, BasicSource {
     templateType: 'ElCol';
     templateSlots: S[];
 }
@@ -22,10 +23,10 @@ interface VkfFlexItem {
     basis?: string | IntrinsicSizing | GlobalValues | 'revert' | 'revert-layer' | 'content';
     overflow?: 'hidden' | 'visible' | 'scroll' | 'auto' | string;
 }
-export interface VkfFlexSource<S> extends VkfFlex, VkfFlexItem {
+export interface VkfFlexSource<S> extends VkfFlex, VkfFlexItem, BasicSource {
     templateType: 'VkfFlex';
     templateSlots?: S[];
     [s: string]: any;
 }
-export declare type LayoutSourceEnhance<S> = ElRowSource<S> | ElColSource<S> | VkfFlexSource<S>;
+export declare type Source<S> = ElRowSource<S> | ElColSource<S> | VkfFlexSource<S>;
 export {};

package/components/templates-layout/src/types.js

@@ -0,0 +1 @@
+