@vunk/form 1.2.0 → 1.3.0

package/components/download-plus/index.cjs

@@ -398,9 +398,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "danger",
                 onClick: _ctx.handlePause
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[0] || (_cache[0] = [
                   vue.createTextVNode(" \u6682\u505C ")
-                ]),
+                ])),
                 _: 1
                 /* STABLE */
               }, 8, ["onClick"])) : (vue.openBlock(), vue.createBlock(_component_el_button, {
@@ -408,9 +408,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 onClick: _ctx.handleDownload
               }, {
-                default: vue.withCtx(() => [
+                default: vue.withCtx(() => _cache[1] || (_cache[1] = [
                   vue.createTextVNode(" \u4E0B\u8F7D ")
-                ]),
+                ])),
                 _: 1
                 /* STABLE */
               }, 8, ["onClick"]))

package/components/download-plus/index.mjs

@@ -394,9 +394,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "danger",
                 onClick: _ctx.handlePause
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[0] || (_cache[0] = [
                   createTextVNode(" \u6682\u505C ")
-                ]),
+                ])),
                 _: 1
                 /* STABLE */
               }, 8, ["onClick"])) : (openBlock(), createBlock(_component_el_button, {
@@ -404,9 +404,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "primary",
                 onClick: _ctx.handleDownload
               }, {
-                default: withCtx(() => [
+                default: withCtx(() => _cache[1] || (_cache[1] = [
                   createTextVNode(" \u4E0B\u8F7D ")
-                ]),
+                ])),
                 _: 1
                 /* STABLE */
               }, 8, ["onClick"]))

package/components/form-item/index.cjs

@@ -119,15 +119,14 @@ var _sfc_main = vue.defineComponent({
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = vue.resolveComponent("ElFormItem");
-  return vue.openBlock(), vue.createBlock(_component_ElFormItem, vue.mergeProps({
+  return vue.openBlock(), vue.createBlock(_component_ElFormItem, vue.mergeProps(_ctx.formItemBindProps, {
+    ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
       "vkf-form-item--label-right": _ctx.labelPosition === "right"
-    }]
-  }, _ctx.formItemBindProps, {
+    }],
     size: _ctx.formItemSize,
-    ref: _ctx.elRef,
     rules: _ctx.rules
   }), vue.createSlots({
     default: vue.withCtx(() => [

package/components/form-item/index.mjs

@@ -115,15 +115,14 @@ var _sfc_main = defineComponent({
 
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElFormItem = resolveComponent("ElFormItem");
-  return openBlock(), createBlock(_component_ElFormItem, mergeProps({
+  return openBlock(), createBlock(_component_ElFormItem, mergeProps(_ctx.formItemBindProps, {
+    ref: _ctx.elRef,
     class: ["vkf-form-item", {
       "is-readonly": _ctx.readonly,
       "vkf-form-item--inline": _ctx.inline,
       "vkf-form-item--label-right": _ctx.labelPosition === "right"
-    }]
-  }, _ctx.formItemBindProps, {
+    }],
     size: _ctx.formItemSize,
-    ref: _ctx.elRef,
     rules: _ctx.rules
   }), createSlots({
     default: withCtx(() => [

package/components/input/index.cjs

@@ -50,8 +50,8 @@ var _sfc_main = vue.defineComponent({
     ElInput: elementPlus.ElInput,
     VkfFormItem: formItem.VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const inputBindProps = elementPlus$1.createInputBindProps(props2, ["readonly", "label"]);
     const inputOnEmits = elementPlus$1.createInputOnEmits(emit);
@@ -78,7 +78,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           maxlength: _ctx.maxlength,
           minlength: _ctx.minlength,
           rows: _ctx.rows
-        }, _ctx.inputBindProps, vue.toHandlers(_ctx.inputOnEmits), { readonly: _ctx.readonly }), vue.createSlots({
+        }, _ctx.inputBindProps, { readonly: _ctx.readonly }, vue.toHandlers(_ctx.inputOnEmits)), vue.createSlots({
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),

package/components/input/index.mjs

@@ -46,8 +46,8 @@ var _sfc_main = defineComponent({
     ElInput,
     VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const inputBindProps = createInputBindProps(props2, ["readonly", "label"]);
     const inputOnEmits = createInputOnEmits(emit);
@@ -74,7 +74,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           maxlength: _ctx.maxlength,
           minlength: _ctx.minlength,
           rows: _ctx.rows
-        }, _ctx.inputBindProps, toHandlers(_ctx.inputOnEmits), { readonly: _ctx.readonly }), createSlots({
+        }, _ctx.inputBindProps, { readonly: _ctx.readonly }, toHandlers(_ctx.inputOnEmits)), createSlots({
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),

package/components/monaco-editor/index.cjs

@@ -0,0 +1,83 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formItem = require('@vunk/form/components/form-item');
+var monacoEditor = require('@vunk/plus/components/monaco-editor');
+var vue = require('vue');
+var composables = require('@vunk/form/composables');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+
+const props = {
+  ...formItem._VkfFormItemCtx.props,
+  ...monacoEditor._VkMonacoEditorCtx.props,
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  height: {
+    type: String,
+    default: "200px"
+  }
+};
+const emits = {
+  ...monacoEditor._VkMonacoEditorCtx.emits
+};
+
+var _sfc_main = vue.defineComponent({
+  name: "VkfMonacoEditor",
+  components: {
+    VkMonacoEditor: monacoEditor.VkMonacoEditor,
+    VkfFormItem: formItem.VkfFormItem
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const coreProps = monacoEditor._VkMonacoEditorCtx.createBindProps(props2, ["readOnly"]);
+    const coreEmits = monacoEditor._VkMonacoEditorCtx.createOnEmits(emit);
+    const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const readonly = composables.useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      readonly,
+      coreProps,
+      coreEmits
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkMonacoEditor = vue.resolveComponent("VkMonacoEditor");
+  const _component_VkfFormItem = vue.resolveComponent("VkfFormItem");
+  return vue.openBlock(), vue.createBlock(
+    _component_VkfFormItem,
+    vue.normalizeProps(vue.guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_VkMonacoEditor, vue.mergeProps({
+          style: {
+            height: _ctx.height
+          },
+          "read-only": _ctx.readonly
+        }, _ctx.coreProps, vue.toHandlers(_ctx.coreEmits)), null, 16, ["style", "read-only"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfMonacoEditor = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/monaco-editor/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfMonacoEditor.install = (app) => {
+  app.component(VkfMonacoEditor.name || "VkfMonacoEditor", VkfMonacoEditor);
+};
+
+exports.VkfMonacoEditor = VkfMonacoEditor;
+exports.__VkfMonacoEditor = types;
+exports.default = VkfMonacoEditor;

package/components/monaco-editor/index.css

@@ -0,0 +1,3 @@
+.vkf-form-item .vk-monaco-editor{
+  margin-top: 0.5em;
+}

package/components/monaco-editor/index.mjs

@@ -0,0 +1,77 @@
+import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
+import { _VkMonacoEditorCtx, VkMonacoEditor } from '@vunk/plus/components/monaco-editor';
+import { defineComponent, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createVNode, mergeProps, toHandlers } from 'vue';
+import { useComputedReadonly } from '@vunk/form/composables';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+
+const props = {
+  ..._VkfFormItemCtx.props,
+  ..._VkMonacoEditorCtx.props,
+  readonly: {
+    type: Boolean,
+    default: void 0
+  },
+  height: {
+    type: String,
+    default: "200px"
+  }
+};
+const emits = {
+  ..._VkMonacoEditorCtx.emits
+};
+
+var _sfc_main = defineComponent({
+  name: "VkfMonacoEditor",
+  components: {
+    VkMonacoEditor,
+    VkfFormItem
+  },
+  props,
+  emits,
+  setup(props2, { emit }) {
+    const coreProps = _VkMonacoEditorCtx.createBindProps(props2, ["readOnly"]);
+    const coreEmits = _VkMonacoEditorCtx.createOnEmits(emit);
+    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const readonly = useComputedReadonly(props2);
+    return {
+      formItemBindProps,
+      readonly,
+      coreProps,
+      coreEmits
+    };
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_VkMonacoEditor = resolveComponent("VkMonacoEditor");
+  const _component_VkfFormItem = resolveComponent("VkfFormItem");
+  return openBlock(), createBlock(
+    _component_VkfFormItem,
+    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: withCtx(() => [
+        createVNode(_component_VkMonacoEditor, mergeProps({
+          style: {
+            height: _ctx.height
+          },
+          "read-only": _ctx.readonly
+        }, _ctx.coreProps, toHandlers(_ctx.coreEmits)), null, 16, ["style", "read-only"])
+      ]),
+      _: 1
+      /* STABLE */
+    },
+    16
+    /* FULL_PROPS */
+  );
+}
+var VkfMonacoEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/monaco-editor/src/index.vue"]]);
+
+var types = /*#__PURE__*/Object.freeze({
+  __proto__: null
+});
+
+VkfMonacoEditor.install = (app) => {
+  app.component(VkfMonacoEditor.name || "VkfMonacoEditor", VkfMonacoEditor);
+};
+
+export { VkfMonacoEditor, types as __VkfMonacoEditor, VkfMonacoEditor as default };

package/components/slider/index.cjs

@@ -25,8 +25,8 @@ var _sfc_main = vue.defineComponent({
     ElSlider: elementPlus.ElSlider,
     VkfFormItem: formItem.VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
     const readonly = composables.useComputedReadonly(props2);
@@ -56,10 +56,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: {
             "is-readonly": _ctx.readonly
           }
-        }, _ctx.coreProps, vue.toHandlers(_ctx.coreEmits), {
+        }, _ctx.coreProps, {
           "model-value": _ctx.modelValue ?? _ctx.defaultModelValue,
           disabled: _ctx.readonly || _ctx.disabled
-        }), {
+        }, vue.toHandlers(_ctx.coreEmits)), {
           default: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "default")
           ]),

package/components/slider/index.mjs

@@ -21,8 +21,8 @@ var _sfc_main = defineComponent({
     ElSlider,
     VkfFormItem
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const readonly = useComputedReadonly(props2);
@@ -52,10 +52,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           class: {
             "is-readonly": _ctx.readonly
           }
-        }, _ctx.coreProps, toHandlers(_ctx.coreEmits), {
+        }, _ctx.coreProps, {
           "model-value": _ctx.modelValue ?? _ctx.defaultModelValue,
           disabled: _ctx.readonly || _ctx.disabled
-        }), {
+        }, toHandlers(_ctx.coreEmits)), {
           default: withCtx(() => [
             renderSlot(_ctx.$slots, "default")
           ]),

package/components/templates-default/index.cjs

@@ -55,8 +55,8 @@ var _sfc_main = vue.defineComponent({
     VkfInputLink: inputLink.VkfInputLink,
     VkfSlider: slider.VkfSlider
   },
-  emits,
   props,
+  emits,
   setup(props2) {
     const getFormDataValue = (raw) => {
       const prop = raw.prop;
@@ -109,12 +109,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfColorPicker, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -123,12 +124,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfUpload, vue.mergeProps({
             key: 0,
-            fileList: _ctx.getFormDataValue(raw),
+            "file-list": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:fileList": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["fileList", "onUpdate:fileList"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["file-list", "onUpdate:fileList"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -137,12 +139,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfCheckbox, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -151,12 +154,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfRadio, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -165,12 +169,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -179,12 +184,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSwitch, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -193,12 +199,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSelect, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -207,12 +214,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfDatePicker, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -221,12 +229,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInputNumber, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -235,12 +244,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfCascader, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -250,12 +260,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfInputLink, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -265,12 +276,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         default: vue.withCtx(({ data: sourceData, templateIf, raw }) => [
           templateIf(_ctx.data) ? (vue.openBlock(), vue.createBlock(_component_VkfSlider, vue.mergeProps({
             key: 0,
-            modelValue: _ctx.getFormDataValue(raw),
+            "model-value": _ctx.getFormDataValue(raw)
+          }, sourceData, {
             "onUpdate:modelValue": ($event) => _ctx.$emit("setData", {
               k: sourceData.prop,
               v: $event
             })
-          }, sourceData), null, 16, ["modelValue", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
+          }), null, 16, ["model-value", "onUpdate:modelValue"])) : vue.createCommentVNode("v-if", true)
         ]),
         _: 1
         /* STABLE */
@@ -300,7 +312,10 @@ var types = /*#__PURE__*/Object.freeze({
 });
 
 VkfTemplatesDefault.install = (app) => {
-  app.component(VkfTemplatesDefault.name, VkfTemplatesDefault);
+  app.component(
+    VkfTemplatesDefault.name || "VkfTemplatesDefault",
+    VkfTemplatesDefault
+  );
 };
 
 exports.VkfTemplatesDefault = VkfTemplatesDefault;