@nutui/nutui 4.3.15-beta.1 → 4.3.15-beta.2

package/dist/packages/imagepreview/index.mjs

@@ -1,3 +1,2 @@
 import ImagePreview from './ImagePreview.js';
-import { showImagePreview } from './ImagePreview.js';
-export { ImagePreview, showImagePreview, ImagePreview as default };
+export { ImagePreview, ImagePreview as default };

package/dist/packages/{index-BOB4ytqZ.js → index-IxPZmHlb.js}

@@ -1,5 +1,5 @@
-import locale from "@nutui/nutui/dist/packages/locale/lang";
-import { g as getPropByPath, i as isFunction } from "./util-D1pvnUYu.js";
+import locale from "@nutui/nutui-taro/dist/packages/locale/lang";
+import { g as getPropByPath, i as isFunction } from "./util-2G3mRQeF.js";
 const useLocale = (name = "") => {
   return (keyPath, ...args) => {
     name = name.toLocaleLowerCase();

package/dist/packages/index-m0Wcof-q.js

@@ -0,0 +1,69 @@
+import Taro from "@tarojs/taro";
+import { unref } from "vue";
+function isWindow(val) {
+  return typeof window !== "undefined" && val === window;
+}
+const useTaroRectById = (id) => {
+  return new Promise((resolve, reject) => {
+    if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+      const t = document ? document.querySelector(`#${id}`) : "";
+      if (t) {
+        resolve(t == null ? void 0 : t.getBoundingClientRect());
+      }
+      reject();
+    } else {
+      const query = Taro.createSelectorQuery();
+      query.select(`#${id}`).boundingClientRect().exec(function(rect) {
+        if (rect[0]) {
+          resolve(rect[0]);
+        } else {
+          reject();
+        }
+      });
+    }
+  });
+};
+const useTaroRect = (elementRef) => {
+  let element = unref(elementRef);
+  return new Promise((resolve, reject) => {
+    if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+      if (element && element.$el) {
+        element = element.$el;
+      }
+      if (isWindow(element)) {
+        const width = element.innerWidth;
+        const height = element.innerHeight;
+        resolve({
+          top: 0,
+          left: 0,
+          right: width,
+          bottom: height,
+          width,
+          height
+        });
+      }
+      if (element && element.getBoundingClientRect) {
+        resolve(element.getBoundingClientRect());
+      }
+      reject();
+    } else {
+      const query = Taro.createSelectorQuery();
+      const id = element == null ? void 0 : element.id;
+      if (id) {
+        query.select(`#${id}`).boundingClientRect().exec(function(rect) {
+          if (rect[0]) {
+            resolve(rect[0]);
+          } else {
+            reject();
+          }
+        });
+      } else {
+        reject();
+      }
+    }
+  });
+};
+export {
+  useTaroRectById as a,
+  useTaroRect as u
+};

package/dist/packages/{index-wLaOjIn1.js → index.taro-CNxLoYer.js}

@@ -17,8 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createBlock, Teleport, mergeProps, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, createElementBlock, vShow } from "vue";
-import { Close } from "@nutui/icons-vue";
+import { reactive, computed, watch, watchEffect, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, mergeProps, createCommentVNode, createTextVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
+import { Close } from "@nutui/icons-vue-taro";
 import { Overlay as _sfc_main$1 } from "./overlay/Overlay.js";
 import { c as createComponent } from "./component-DQf3CENX.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
@@ -211,10 +211,7 @@ const _sfc_main = create({
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_Close = resolveComponent("Close");
-  return openBlock(), createBlock(Teleport, {
-    to: _ctx.teleport,
-    disabled: !_ctx.teleportDisable
-  }, [
+  return openBlock(), createElementBlock("view", null, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, mergeProps({
       key: 0,
       visible: _ctx.visible,
@@ -225,6 +222,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "overlay-class": _ctx.overlayClass,
       "overlay-style": _ctx.overlayStyle
     }, _ctx.$attrs, { onClick: _ctx.onClickOverlay }), null, 16, ["visible", "close-on-click-overlay", "z-index", "lock-scroll", "duration", "overlay-class", "overlay-style", "onClick"])) : createCommentVNode("", true),
+    _cache[3] || (_cache[3] = createTextVNode()),
     createVNode(Transition, {
       name: _ctx.transitionName,
       onAfterEnter: _ctx.onOpened,
@@ -237,6 +235,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
         }, [
           _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          _cache[2] || (_cache[2] = createTextVNode()),
           _ctx.closed ? (openBlock(), createElementBlock("view", {
             key: 1,
             class: normalizeClass(["nut-popup__close-icon", "nut-popup__close-icon--" + _ctx.closeIconPosition]),
@@ -252,7 +251,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to", "disabled"]);
+  ]);
 }
 const NutPopup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/packages/index.taro.vue_vue_type_script_setup_true_lang-JJ7hr71Y.js

@@ -0,0 +1,17 @@
+import { defineComponent, unref, openBlock, createElementBlock, normalizeProps, mergeProps, renderSlot } from "vue";
+import Taro from "@tarojs/taro";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index.taro",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return unref(Taro).getEnv() === unref(Taro).ENV_TYPE.WEB ? (openBlock(), createElementBlock("taro-scroll-view-core", normalizeProps(mergeProps({ key: 0 }, _ctx.$attrs)), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16)) : (openBlock(), createElementBlock("scroll-view", normalizeProps(mergeProps({ key: 1 }, _ctx.$attrs)), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16));
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/packages/indicator/Indicator.js

@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, unref } from "vue";
-import { p as padZero } from "../util-D1pvnUYu.js";
+import { p as padZero } from "../util-2G3mRQeF.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _hoisted_1 = {
   key: 0,
@@ -31,7 +31,7 @@ const _hoisted_2 = {
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutIndicator"
 }), {
-  __name: "indicator",
+  __name: "indicator.taro",
   props: {
     size: { default: 3 },
     current: { default: 1 },

package/dist/packages/input/Input.js

@@ -17,8 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, toRef, ref, reactive, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createBlock, resolveDynamicComponent, normalizeStyle, unref, toDisplayString, createTextVNode, withDirectives, createVNode, mergeProps, vShow, h } from "vue";
-import { MaskClose } from "@nutui/icons-vue";
+import { defineComponent, toRef, ref, reactive, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createCommentVNode, createTextVNode, createBlock, resolveDynamicComponent, mergeProps, unref, toDisplayString, withDirectives, createVNode, vShow, h } from "vue";
+import Taro from "@tarojs/taro";
+import { MaskClose } from "@nutui/icons-vue-taro";
 import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 function trimExtraChar(value, char, regExp) {
@@ -45,21 +46,6 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-function mapInputType(type) {
-  if (type === "number") {
-    return {
-      type: "text",
-      inputmode: "decimal"
-    };
-  }
-  if (type === "digit") {
-    return {
-      type: "tel",
-      inputmode: "numeric"
-    };
-  }
-  return { type };
-}
 const _hoisted_1 = { class: "nut-input-value" };
 const _hoisted_2 = { class: "nut-input-inner" };
 const _hoisted_3 = {
@@ -68,15 +54,16 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "nut-input-box" };
 const _hoisted_5 = {
-  key: 0,
+  key: 1,
   class: "nut-input-word-limit"
 };
 const _hoisted_6 = { class: "nut-input-word-num" };
 const _hoisted_7 = { class: "nut-input-right-box" };
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
-  name: "NutInput"
+  name: "NutInput",
+  inheritAttrs: false
 }), {
-  __name: "input",
+  __name: "input.taro",
   props: {
     type: { default: "text" },
     modelValue: { default: "" },
@@ -95,10 +82,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
     autofocus: { type: Boolean, default: false },
     confirmType: { default: "done" },
     error: { type: Boolean, default: false },
-    showClearIcon: { type: Boolean, default: false }
+    showClearIcon: { type: Boolean, default: false },
+    adjustPosition: { type: Boolean, default: true },
+    alwaysSystem: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "blur", "focus", "clear", "keypress", "click", "clickInput", "confirm"],
-  setup(__props, { expose: __expose, emit: __emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const disabled = useFormDisabled(toRef(props, "disabled"));
@@ -108,7 +97,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       var _a;
       return String((_a = props.modelValue) != null ? _a : "");
     };
-    const renderInput = (type) => h("input", __spreadValues({}, mapInputType(type)));
+    const renderInput = (type) => {
+      let inputType = { type };
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (type === "number") {
+          inputType = {
+            type: "tel",
+            inputmode: "numeric"
+          };
+        }
+        if (type === "digit") {
+          inputType = {
+            type: "text",
+            inputmode: "decimal"
+          };
+        }
+      }
+      return h("input", inputType);
+    };
     const state = reactive({
       focused: false,
       validateFailed: false,
@@ -132,27 +138,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       };
     });
     const onInput = (event) => {
-      if (!event.target.composing) {
-        const input = event.target;
-        let value = input.value;
-        if (props.maxLength && value.length > Number(props.maxLength)) {
-          value = value.slice(0, Number(props.maxLength));
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (!event.target.composing) {
+          _onInput(event);
         }
-        updateValue(value);
+      } else {
+        _onInput(event);
       }
     };
+    const _onInput = (event) => {
+      const input = event.target;
+      let value = input.value;
+      updateValue(value);
+    };
     const updateValue = (value, trigger = "onChange") => {
-      var _a;
+      emit("update:modelValue", value);
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
+      }
       if (["number", "digit"].includes(props.type)) {
-        const isNumber = props.type === "number";
-        value = formatNumber(value, isNumber, isNumber);
+        const isDigit = props.type === "digit";
+        value = formatNumber(value, isDigit, isDigit);
       }
       if (props.formatter && trigger === props.formatTrigger) {
         value = props.formatter(value);
       }
-      if (((_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.value) !== value) {
-        inputRef.value.value = value;
-      }
       if (value !== props.modelValue) {
         emit("update:modelValue", value);
       }
@@ -201,14 +211,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       emit("click", event);
     };
     const startComposing = ({ target }) => {
-      target.composing = true;
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        target.composing = true;
+      }
     };
     const endComposing = ({ target }) => {
-      if (target.composing) {
-        target.composing = false;
-        target.dispatchEvent(new Event("input"));
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB) {
+        if (target.composing) {
+          target.composing = false;
+          target.dispatchEvent(new Event("input"));
+        }
+      }
+    };
+    const onKeyup = (e) => {
+      if (Taro.getEnv() === Taro.ENV_TYPE.WEB && e.key === "Enter") {
+        emit("confirm", e);
       }
     };
+    const onConfirm = (e) => {
+      emit("confirm", e);
+    };
     watch(
       () => props.modelValue,
       () => {
@@ -217,29 +239,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }
     );
     onMounted(() => {
-      updateValue(getModelValue(), props.formatTrigger);
-    });
-    const focus = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus();
-    };
-    const blur = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.blur();
-    };
-    const select = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.select();
-    };
-    const onKeyup = (e) => {
-      if (e.key === "Enter") {
-        emit("confirm", e);
+      if (props.autofocus) {
+        inputRef.value.focus();
       }
-    };
-    __expose({
-      focus,
-      blur,
-      select
+      updateValue(getModelValue(), props.formatTrigger);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("view", {
@@ -251,20 +254,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             _ctx.$slots.left ? (openBlock(), createElementBlock("view", _hoisted_3, [
               renderSlot(_ctx.$slots, "left")
             ])) : createCommentVNode("", true),
+            _cache[2] || (_cache[2] = createTextVNode()),
             createElementVNode("view", _hoisted_4, [
-              (openBlock(), createBlock(resolveDynamicComponent(renderInput(_ctx.type)), {
+              (openBlock(), createBlock(resolveDynamicComponent(renderInput(_ctx.type)), mergeProps(_ctx.$attrs, {
                 ref_key: "inputRef",
                 ref: inputRef,
                 class: "input-text",
-                style: normalizeStyle(styles.value),
-                maxlength: _ctx.maxLength,
+                style: styles.value,
+                maxlength: _ctx.maxLength ? _ctx.maxLength : void 0,
                 placeholder: _ctx.placeholder,
-                disabled: unref(disabled),
-                readonly: _ctx.readonly,
+                disabled: unref(disabled) ? unref(disabled) : void 0,
+                readonly: _ctx.readonly ? _ctx.readonly : void 0,
                 value: _ctx.modelValue,
                 "format-trigger": _ctx.formatTrigger,
-                autofocus: _ctx.autofocus,
+                autofocus: _ctx.autofocus ? true : void 0,
                 enterkeyhint: _ctx.confirmType,
+                "adjust-position": _ctx.adjustPosition,
+                "always-system": _ctx.alwaysSystem,
                 onInput,
                 onFocus,
                 onBlur,
@@ -272,28 +278,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
                 onChange: endComposing,
                 onCompositionend: endComposing,
                 onCompositionstart: startComposing,
+                onConfirm,
                 onKeyup
-              }, null, 40, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "format-trigger", "autofocus", "enterkeyhint"])),
+              }), null, 16, ["style", "maxlength", "placeholder", "disabled", "readonly", "value", "format-trigger", "autofocus", "enterkeyhint", "adjust-position", "always-system"])),
+              _cache[0] || (_cache[0] = createTextVNode()),
+              _ctx.readonly ? (openBlock(), createElementBlock("view", {
+                key: 0,
+                class: "nut-input-disabled-mask",
+                onClick: onClickInput
+              })) : createCommentVNode("", true),
+              _cache[1] || (_cache[1] = createTextVNode()),
               _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_5, [
                 createElementVNode("span", _hoisted_6, toDisplayString(getModelValue() ? getModelValue().length : 0), 1),
                 createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
               ])) : createCommentVNode("", true)
             ]),
+            _cache[3] || (_cache[3] = createTextVNode()),
             _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
               key: 1,
               class: "nut-input-clear-box",
               onClick: clear
             }, [
               renderSlot(_ctx.$slots, "clear", {}, () => [
-                createVNode(unref(MaskClose), mergeProps({ class: "nut-input-clear" }, _ctx.$attrs, {
+                createVNode(unref(MaskClose), {
+                  class: "nut-input-clear",
                   size: _ctx.clearSize,
                   width: _ctx.clearSize,
                   height: _ctx.clearSize
-                }), null, 16, ["size", "width", "height"])
+                }, null, 8, ["size", "width", "height"])
               ])
             ], 512)), [
               [vShow, (active.value || _ctx.showClearIcon) && getModelValue().length > 0]
             ]) : createCommentVNode("", true),
+            _cache[4] || (_cache[4] = createTextVNode()),
             createElementVNode("view", _hoisted_7, [
               renderSlot(_ctx.$slots, "right")
             ])

package/dist/packages/inputnumber/InputNumber.js

@@ -17,17 +17,21 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, toRef, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, unref, mergeProps } from "vue";
+import { defineComponent, toRef, computed, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, createVNode, unref, createTextVNode, toDisplayString, mergeProps } from "vue";
 import { p as pxCheck } from "../pxCheck-DN6FYV6q.js";
-import { Minus, Plus } from "@nutui/icons-vue";
+import { Minus, Plus } from "@nutui/icons-vue-taro";
 import { u as useFormDisabled } from "../common-BH7uB7Cn.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
-const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
+const _hoisted_1 = {
+  key: 0,
+  class: "nut-input-number__text--readonly"
+};
+const _hoisted_2 = ["min", "max", "disabled", "readonly", "value"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutInputNumber",
   inheritAttrs: false
 }), {
-  __name: "input-number",
+  __name: "input-number.taro",
   props: {
     modelValue: { default: 0 },
     inputWidth: { default: "" },
@@ -141,31 +145,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         }, [
           renderSlot(_ctx.$slots, "left-icon", {}, () => [
             createVNode(unref(Minus), {
-              width: unref(pxCheck)(_ctx.buttonSize),
-              height: unref(pxCheck)(_ctx.buttonSize)
-            }, null, 8, ["width", "height"])
+              size: unref(pxCheck)(_ctx.buttonSize)
+            }, null, 8, ["size"])
           ])
         ], 2),
-        createElementVNode("input", mergeProps({ type: "number" }, _ctx.$attrs, {
+        _cache[0] || (_cache[0] = createTextVNode()),
+        _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("input", mergeProps({
+          key: 1,
+          class: "nut-input-number__text--input",
+          type: "number"
+        }, _ctx.$attrs, {
           min: _ctx.min,
           max: _ctx.max,
           style: { width: unref(pxCheck)(_ctx.inputWidth), height: unref(pxCheck)(_ctx.buttonSize) },
-          disabled: unref(disabled),
-          readonly: _ctx.readonly,
+          disabled: unref(disabled) ? unref(disabled) : void 0,
+          readonly: _ctx.readonly ? _ctx.readonly : void 0,
           value: _ctx.modelValue,
           onInput: change,
           onBlur: blur,
           onFocus: focus
-        }), null, 16, _hoisted_1),
+        }), null, 16, _hoisted_2)),
+        _cache[1] || (_cache[1] = createTextVNode()),
         createElementVNode("view", {
           class: normalizeClass(["nut-input-number__icon nut-input-number__right", { "nut-input-number__icon--disabled": !addAllow() }]),
           onClick: add
         }, [
           renderSlot(_ctx.$slots, "right-icon", {}, () => [
             createVNode(unref(Plus), {
-              width: unref(pxCheck)(_ctx.buttonSize),
-              height: unref(pxCheck)(_ctx.buttonSize)
-            }, null, 8, ["width", "height"])
+              size: unref(pxCheck)(_ctx.buttonSize)
+            }, null, 8, ["size"])
           ])
         ], 2)
       ], 2);

package/dist/packages/invoice/Invoice.js

@@ -33,7 +33,7 @@ const _hoisted_2 = {
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutInvoice"
 }), {
-  __name: "invoice",
+  __name: "invoice.taro",
   props: {
     data: { default: () => [] },
     formValue: { default: () => {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       });
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("view", _hoisted_1, [
         createVNode(unref(_sfc_main$1), {
           ref_key: "formRef",
           ref: formRef,
@@ -101,6 +101,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
           ]),
           _: 1
         }, 8, ["model-value"]),
+        _cache[1] || (_cache[1] = createTextVNode()),
         _ctx.submit ? (openBlock(), createElementBlock("div", _hoisted_2, [
           createVNode(unref(_sfc_main$6), {
             type: "primary",