@vunk/form 1.4.12 → 2.0.1

package/components/templates-default/index.cjs

@@ -9,7 +9,6 @@ var input = require('@vunk/form/components/input');
 var _switch = require('@vunk/form/components/switch');
 var select = require('@vunk/form/components/select');
 var datePicker = require('@vunk/form/components/date-picker');
-var helper = require('@vunk/core/shared/helper');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var inputNumber = require('@vunk/form/components/input-number');
 var radio = require('@vunk/form/components/radio');
@@ -57,18 +56,9 @@ var _sfc_main = vue.defineComponent({
   },
   props,
   emits,
-  setup(props2) {
-    const getFormDataValue = (raw) => {
-      const prop = raw.prop;
-      const intoUndefined = props2.createIntoUndefined({
-        raw,
-        data: props2.data
-      });
-      return helper.getValue(props2.data, prop, intoUndefined, true);
-    };
+  setup() {
     return {
-      pickObject: utilsObject.pickObject,
-      getFormDataValue
+      pickObject: utilsObject.pickObject
     };
   }
 });
@@ -86,214 +76,118 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfDatePicker = vue.resolveComponent("VkfDatePicker");
   const _component_VkfInputNumber = vue.resolveComponent("VkfInputNumber");
   const _component_VkfCascader = vue.resolveComponent("VkfCascader");
-  const _component_VkfInputLink = vue.resolveComponent("VkfInputLink");
   const _component_VkfSlider = vue.resolveComponent("VkfSlider");
   return vue.openBlock(), vue.createElementBlock(
     vue.Fragment,
     null,
     [
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfButton" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(
+        default: vue.withCtx(({ props }) => [
+          vue.createVNode(
             _component_VkfButton,
-            vue.normalizeProps(vue.mergeProps({ key: 0 }, sourceData)),
+            vue.normalizeProps(vue.guardReactiveProps(props)),
             null,
             16
             /* FULL_PROPS */
-          )) : vue.createCommentVNode("v-if", true)
+          )
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfColorPicker" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfColorPicker, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({
+          props,
+          input,
+          value
+        }) => [
+          vue.createVNode(_component_VkfColorPicker, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfUpload" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfUpload, vue.mergeProps({
-            key: 0,
-            "file-list": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:fileList": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["file-list", "onUpdate:fileList"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfUpload, vue.mergeProps({ "file-list": value }, props, { "onUpdate:fileList": input }), null, 16, ["file-list", "onUpdate:fileList"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCheckbox" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfCheckbox, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfCheckbox, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfRadio" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfRadio, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfRadio, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({
+          props,
+          value,
+          input
+        }) => [
+          vue.createVNode(_component_VkfInput, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSwitch, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfSwitch, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSelect, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfSelect, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfDatePicker, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfDatePicker, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInputNumber, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfInputNumber, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCascader" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfCascader, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputLink" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInputLink, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfCascader, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSlider" }, {
-        default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSlider, vue.mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+        default: vue.withCtx(({ props, value, input }) => [
+          vue.createVNode(_component_VkfSlider, vue.mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "Component" }, {
-        default: vue.withCtx(({ data: props, raw, templateIf }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(
+        default: vue.withCtx(({ data: props, raw }) => [
+          (vue.openBlock(), vue.createBlock(
             vue.resolveDynamicComponent(typeof raw.is === "function" ? raw.is(raw) : raw.is),
-            vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.pickObject(props, { excludes: ["is"] }))),
+            vue.normalizeProps(vue.guardReactiveProps(_ctx.pickObject(props, { excludes: ["is"] }))),
             null,
             16
             /* FULL_PROPS */
-          )) : vue.createCommentVNode("v-if", true)
+          ))
         ]),
         _: 1
         /* STABLE */

package/components/templates-default/index.mjs

@@ -1,11 +1,10 @@
 import { NOOP } from '@vunk/core/shared/utils-function';
-import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, normalizeProps, mergeProps, createCommentVNode, resolveDynamicComponent } from 'vue';
+import { defineComponent, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, normalizeProps, guardReactiveProps, mergeProps, createBlock, 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';
@@ -53,18 +52,9 @@ var _sfc_main = defineComponent({
   },
   props,
   emits,
-  setup(props2) {
-    const getFormDataValue = (raw) => {
-      const prop = raw.prop;
-      const intoUndefined = props2.createIntoUndefined({
-        raw,
-        data: props2.data
-      });
-      return getValue(props2.data, prop, intoUndefined, true);
-    };
+  setup() {
     return {
-      pickObject,
-      getFormDataValue
+      pickObject
     };
   }
 });
@@ -82,214 +72,118 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfDatePicker = resolveComponent("VkfDatePicker");
   const _component_VkfInputNumber = resolveComponent("VkfInputNumber");
   const _component_VkfCascader = resolveComponent("VkfCascader");
-  const _component_VkfInputLink = resolveComponent("VkfInputLink");
   const _component_VkfSlider = resolveComponent("VkfSlider");
   return openBlock(), createElementBlock(
     Fragment,
     null,
     [
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfButton" }, {
-        default: withCtx(({ data: sourceData, templateIf }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(
+        default: withCtx(({ props }) => [
+          createVNode(
             _component_VkfButton,
-            normalizeProps(mergeProps({ key: 0 }, sourceData)),
+            normalizeProps(guardReactiveProps(props)),
             null,
             16
             /* FULL_PROPS */
-          )) : createCommentVNode("v-if", true)
+          )
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfColorPicker" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfColorPicker, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({
+          props,
+          input,
+          value
+        }) => [
+          createVNode(_component_VkfColorPicker, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfUpload" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfUpload, mergeProps({
-            key: 0,
-            "file-list": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:fileList": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["file-list", "onUpdate:fileList"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfUpload, mergeProps({ "file-list": value }, props, { "onUpdate:fileList": input }), null, 16, ["file-list", "onUpdate:fileList"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCheckbox" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCheckbox, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfCheckbox, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfRadio" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfRadio, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfRadio, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInput" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInput, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({
+          props,
+          value,
+          input
+        }) => [
+          createVNode(_component_VkfInput, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSwitch" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSwitch, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfSwitch, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSelect" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSelect, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfSelect, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfDatePicker" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfDatePicker, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfDatePicker, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputNumber" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputNumber, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfInputNumber, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfCascader" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfCascader, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfInputLink" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfInputLink, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfCascader, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "VkfSlider" }, {
-        default: withCtx(({ data: sourceData, templateIf, raw }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(_component_VkfSlider, mergeProps({
-            key: 0,
-            "model-value": _ctx.getFormDataValue(raw)
-          }, sourceData, {
-            "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
-              k: sourceData.prop,
-              v: $event
-            })
-          }), null, 16, ["model-value", "onUpdate:modelValue"])) : createCommentVNode("v-if", true)
+        default: withCtx(({ props, value, input }) => [
+          createVNode(_component_VkfSlider, mergeProps({ "model-value": value }, props, { "onUpdate:modelValue": input }), null, 16, ["model-value", "onUpdate:modelValue"])
         ]),
         _: 1
         /* STABLE */
       }),
       createVNode(_component_VkfFormItemRendererTemplate, { type: "Component" }, {
-        default: withCtx(({ data: props, raw, templateIf }) => [
-          templateIf(_ctx.data) ? (openBlock(), createBlock(
+        default: withCtx(({ data: props, raw }) => [
+          (openBlock(), createBlock(
             resolveDynamicComponent(typeof raw.is === "function" ? raw.is(raw) : raw.is),
-            normalizeProps(mergeProps({ key: 0 }, _ctx.pickObject(props, { excludes: ["is"] }))),
+            normalizeProps(guardReactiveProps(_ctx.pickObject(props, { excludes: ["is"] }))),
             null,
             16
             /* FULL_PROPS */
-          )) : createCommentVNode("v-if", true)
+          ))
         ]),
         _: 1
         /* STABLE */

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

@@ -1,4 +1,3 @@
-import { CoreSource } from './types';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     data: {
         type: import("vue").PropType<Record<string, any>>;
@@ -16,7 +15,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         excludes?: EX;
         includes?: KI[];
     }) => { [P in EX extends (infer KE)[] ? Exclude<KI, KE> : KI]: T[P]; };
-    getFormDataValue: (raw: CoreSource) => any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     setData: (e: import("@vunk/core").SetDataEvent) => import("@vunk/core").SetDataEvent;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

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

@@ -41,10 +41,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     null,
     [
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "ElLink" }, {
-        default: vue.withCtx(({ data: props, templateIf }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(
+        default: vue.withCtx(({ props }) => [
+          vue.createVNode(
             _component_ElLink,
-            vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.pickObject(props, {
+            vue.normalizeProps(vue.guardReactiveProps(_ctx.pickObject(props, {
               excludes: ["label"]
             }))),
             {
@@ -60,16 +60,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             },
             1040
             /* FULL_PROPS, DYNAMIC_SLOTS */
-          )) : vue.createCommentVNode("v-if", true)
+          )
         ]),
         _: 1
         /* STABLE */
       }),
       vue.createVNode(_component_VkfFormItemRendererTemplate, { type: "ElDivider" }, {
-        default: vue.withCtx(({ data: props, templateIf }) => [
-          templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(
+        default: vue.withCtx(({ props }) => [
+          vue.createVNode(
             _component_ElDivider,
-            vue.normalizeProps(vue.mergeProps({ key: 0 }, _ctx.pickObject(props, {
+            vue.normalizeProps(vue.guardReactiveProps(_ctx.pickObject(props, {
               excludes: ["label"]
             }))),
             {
@@ -87,7 +87,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             },
             1040
             /* FULL_PROPS, DYNAMIC_SLOTS */
-          )) : vue.createCommentVNode("v-if", true)
+          )
         ]),
         _: 1
         /* STABLE */