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

package/dist/packages/_es/Range.js

@@ -18,15 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import Taro from "@tarojs/taro";
 import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTouch } from "./index3.js";
-import { u as useTaroRect } from "./index.js";
+import { u as useTouch } from "./index4.js";
+import { u as useRect } from "./index2.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("range");
 const _sfc_main = create({
@@ -215,18 +214,16 @@ const _sfc_main = create({
         emit("change", value);
       }
     };
-    const onClick = async (event) => {
+    const onClick = (event) => {
       if (props.disabled) {
         return;
       }
       const { min, modelValue } = props;
-      const rect = await useTaroRect(root, Taro);
-      let delta = event.touches[0].clientX - rect.left;
+      const rect = useRect(root);
+      let delta = event.clientX - rect.left;
       let total = rect.width;
-      console.log(delta);
-      console.log(total);
       if (props.vertical) {
-        delta = event.touches[0].clientY - rect.top;
+        delta = event.clientY - rect.top;
         total = rect.height;
       }
       const value = Number(min) + delta / total * scope.value;
@@ -254,10 +251,8 @@ const _sfc_main = create({
         startValue = format(currentValue);
       }
       dragStatus.value = "start";
-      event.stopPropagation();
-      event.preventDefault();
     };
-    const onTouchMove = async (event) => {
+    const onTouchMove = (event) => {
       if (props.disabled) {
         return;
       }
@@ -266,7 +261,7 @@ const _sfc_main = create({
       }
       touch.move(event);
       dragStatus.value = "draging";
-      const rect = await useTaroRect(root, Taro);
+      const rect = useRect(root);
       let delta = touch.deltaX.value;
       let total = rect.width;
       let diff = delta / total * scope.value;
@@ -284,7 +279,7 @@ const _sfc_main = create({
       event.stopPropagation();
       event.preventDefault();
     };
-    const onTouchEnd = (event) => {
+    const onTouchEnd = () => {
       if (props.disabled) {
         return;
       }
@@ -293,14 +288,11 @@ const _sfc_main = create({
         emit("drag-end");
       }
       dragStatus.value = "";
-      event.stopPropagation();
-      event.preventDefault();
     };
     const curValue = (idx) => {
       const value = typeof idx === "number" ? props.modelValue[idx] : props.modelValue;
       return value;
     };
-    const refRandomId = Math.random().toString(36).slice(-8);
     return __spreadProps(__spreadValues({
       root,
       classes,
@@ -318,8 +310,7 @@ const _sfc_main = create({
       markClassName,
       marksStyle,
       marksList,
-      tickStyle,
-      refRandomId
+      tickStyle
     });
   }
 });
@@ -327,22 +318,21 @@ const _hoisted_1 = {
   key: 0,
   class: "min"
 };
-const _hoisted_2 = ["id"];
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_4 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_5 = {
+const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_4 = {
   key: 0,
   class: "number"
 };
-const _hoisted_6 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-const _hoisted_7 = {
+const _hoisted_5 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
+const _hoisted_6 = {
   key: 0,
   class: "number"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 1,
   class: "max"
 };
@@ -353,12 +343,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
-      id: "root-" + _ctx.refRandomId,
       style: normalizeStyle(_ctx.wrapperStyle),
       class: normalizeClass(_ctx.classes),
       onClick: _cache[9] || (_cache[9] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["stop"]))
     }, [
-      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_3, [
+      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_2, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.marksList, (marks) => {
           return openBlock(), createElementBlock("span", {
             key: marks,
@@ -377,23 +366,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-range-bar",
         style: normalizeStyle(_ctx.barStyle)
       }, [
-        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index) => {
+        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index2) => {
           return createElementVNode("view", {
-            key: index,
+            key: index2,
             role: "slider",
             class: normalizeClass({
-              "nut-range-button-wrapper-left": index == 0,
-              "nut-range-button-wrapper-right": index == 1
+              "nut-range-button-wrapper-left": index2 == 0,
+              "nut-range-button-wrapper-right": index2 == 1
             }),
-            "catch-move": true,
             tabindex: _ctx.disabled ? -1 : 0,
             "aria-valuemin": +_ctx.min,
-            "aria-valuenow": _ctx.curValue(index),
+            "aria-valuenow": _ctx.curValue(index2),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
             onTouchstart: withModifiers((e) => {
-              if (typeof index === "number") {
-                _ctx.buttonIndex = index;
+              if (typeof index2 === "number") {
+                _ctx.buttonIndex = index2;
               }
               _ctx.onTouchStart(e);
             }, ["stop", "prevent"]),
@@ -407,9 +395,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index2)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_4);
+          ], 42, _hoisted_3);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -419,7 +407,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-valuenow": _ctx.curValue(),
           "aria-valuemax": +_ctx.max,
           "aria-orientation": "horizontal",
-          "catch-move": true,
           onTouchstart: _cache[4] || (_cache[4] = withModifiers((e) => {
             _ctx.onTouchStart(e);
           }, ["stop", "prevent"])),
@@ -433,13 +420,13 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
-        ], 40, _hoisted_6))
+        ], 40, _hoisted_5))
       ], 4)
-    ], 14, _hoisted_2),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_8, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    ], 6),
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Rate.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -71,16 +71,20 @@ const _sfc_main = create({
         [prefixCls]: true
       };
     });
-    const onClick = (e, index) => {
+    const onClick = (e, index2) => {
+      e.preventDefault();
+      e.stopPropagation();
       if (props.disabled || props.readonly)
         return;
       let value = 0;
-      if (index === 1 && props.modelValue === index)
+      if (index2 === 1 && props.modelValue === index2)
         ;
       else {
-        value = index;
-        if (props.allowHalf && e == 2) {
-          value -= 0.5;
+        value = index2;
+        if (props.allowHalf) {
+          if ((e == null ? void 0 : e.target).className.includes("__icon--half")) {
+            value -= 0.5;
+          }
         }
       }
       emit("update:modelValue", value);
@@ -93,6 +97,7 @@ const _sfc_main = create({
     };
   }
 });
+const _hoisted_1 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -102,39 +107,37 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       return openBlock(), createElementBlock("view", {
         class: "nut-rate-item",
         key: n,
+        onClick: ($event) => _ctx.onClick($event, n),
         style: normalizeStyle({ marginRight: _ctx.pxCheck(_ctx.spacing) })
       }, [
         createVNode(_component_nut_icon, {
           size: _ctx.iconSize,
           class: normalizeClass(["nut-rate-item__icon", { "nut-rate-item__icon--disabled": _ctx.disabled || n > _ctx.modelValue }]),
-          onClick: ($event) => _ctx.onClick(1, n),
-          color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
           "font-class-name": _ctx.fontClassName,
           "class-prefix": _ctx.classPrefix,
+          color: n <= _ctx.modelValue ? _ctx.activeColor : _ctx.voidColor,
           name: n <= _ctx.modelValue ? _ctx.checkedIcon : _ctx.uncheckedIcon
-        }, null, 8, ["size", "onClick", "class", "color", "font-class-name", "class-prefix", "name"]),
+        }, null, 8, ["size", "class", "font-class-name", "class-prefix", "color", "name"]),
         _ctx.allowHalf && _ctx.modelValue + 1 > n ? (openBlock(), createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-rate-item__icon nut-rate-item__icon--half",
-          onClick: ($event) => _ctx.onClick(2, n),
           "font-class-name": _ctx.fontClassName,
           "class-prefix": _ctx.classPrefix,
           color: n <= _ctx.modelValue + 1 ? _ctx.activeColor : _ctx.voidColor,
           size: _ctx.iconSize,
           name: _ctx.checkedIcon
-        }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : _ctx.allowHalf && _ctx.modelValue + 1 < n ? (openBlock(), createBlock(_component_nut_icon, {
+        }, null, 8, ["font-class-name", "class-prefix", "color", "size", "name"])) : _ctx.allowHalf && _ctx.modelValue + 1 < n ? (openBlock(), createBlock(_component_nut_icon, {
           key: 1,
           class: "nut-rate-item__icon nut-rate-item__icon--disabled nut-rate-item__icon--half",
-          onClick: ($event) => _ctx.onClick(2, n),
           "font-class-name": _ctx.fontClassName,
           "class-prefix": _ctx.classPrefix,
           color: _ctx.voidColor,
           size: _ctx.iconSize,
           name: _ctx.uncheckedIcon
-        }, null, 8, ["onClick", "font-class-name", "class-prefix", "color", "size", "name"])) : createCommentVNode("", true)
-      ], 4);
+        }, null, 8, ["font-class-name", "class-prefix", "color", "size", "name"])) : createCommentVNode("", true)
+      ], 12, _hoisted_1);
     }), 128))
   ], 2);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Row.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/SearchBar.js

@@ -18,14 +18,14 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeStyle, renderSlot, createCommentVNode, createElementVNode, withModifiers, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-const { create } = createComponent("searchbar");
+const { create, translate } = createComponent("searchbar");
 const _sfc_main = create({
   props: {
     modelValue: {
@@ -42,7 +42,7 @@ const _sfc_main = create({
     },
     placeholder: {
       type: String,
-      default: "\u8BF7\u8F93\u5165"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -113,7 +113,8 @@ const _sfc_main = create({
       handleClear,
       handleSubmit,
       searchbarStyle,
-      inputSearchbarStyle
+      inputSearchbarStyle,
+      translate
     });
   }
 });
@@ -154,24 +155,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_3, [
         createElementVNode("form", {
           action: "#",
-          onsubmit: "return false",
-          onSubmit: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+          onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
             class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
-            placeholder: _ctx.placeholder,
+            placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             value: _ctx.modelValue,
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
-            onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
-            onConfirm: _cache[3] || (_cache[3] = (...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args))
+            onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
           }, null, 40, _hoisted_4)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
           class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
@@ -192,5 +191,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ], 4);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/ShortPassword.js

@@ -1,11 +1,10 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.2 Thu Apr 07 2022 17:52:31 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, withDirectives, vModelText, createCommentVNode, Fragment, renderList } from "vue";
+import { ref, computed, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, toDisplayString, withDirectives, normalizeStyle, vModelText, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create } = createComponent("shortpassword");
 const _sfc_main = create({
@@ -45,6 +44,10 @@ const _sfc_main = create({
     length: {
       type: [String, Number],
       default: 6
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
@@ -53,42 +56,21 @@ const _sfc_main = create({
     const realpwd = ref();
     const comLen = computed(() => range(Number(props.length)));
     const show = ref(props.visible);
-    const refRandomId = Math.random().toString(36).slice(-8);
-    const randRef = ref(refRandomId);
-    const isWx = ref(false);
     function sureClick() {
       emit("ok", realInput.value);
     }
     function focus() {
-      let dom = "";
-      if (isWx.value) {
-        setTimeout(() => {
-          if (!document.getElementById("nut-input-real-taro-" + randRef.value))
-            return;
-          dom = document.getElementById("nut-input-real-taro-" + randRef.value);
-          if (!dom)
-            return;
-          dom.focus();
-        }, 150);
-      } else {
-        dom = document.getElementsByClassName("nut-input-real")[0];
-        let h = dom.children[0];
-        h.focus();
-      }
+      realpwd.value.focus();
     }
     watch(() => props.visible, (value) => {
       show.value = value;
-      if (value) {
-        randRef.value = Math.random().toString(36).slice(-8);
-        if (Taro.getEnv() === "WEB") {
-          isWx.value = false;
-        } else {
-          isWx.value = true;
-        }
-      }
     });
     watch(() => props.modelValue, (value) => {
       realInput.value = value;
+      emit("update:modelValue", value);
+    }, {
+      deep: true,
+      immediate: true
     });
     function changeValue(e) {
       const input = e.target;
@@ -117,46 +99,54 @@ const _sfc_main = create({
     function onTips() {
       emit("tips");
     }
-    onMounted(() => {
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
-      });
-      if (Taro.getEnv() === "WEB") {
-        isWx.value = false;
-      } else {
-        isWx.value = true;
+    function systemStyle() {
+      let u = navigator.userAgent;
+      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;
+      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
+      if (isIOS) {
+        return {
+          paddingRight: "1200px"
+        };
       }
-    });
+      if (isAndroid) {
+        return {
+          opacity: 0,
+          zindex: 10
+        };
+      }
+    }
     return {
       comLen,
       sureClick,
       realInput,
       realpwd,
+      focus,
       range,
       changeValue,
       close,
       onTips,
-      focus,
       show,
-      closeIcon,
-      isWx,
-      refRandomId,
-      randRef
+      systemStyle,
+      closeIcon
     };
   }
 });
 const _hoisted_1 = { class: "nut-shortpsd-title" };
-const _hoisted_2 = { class: "nut-shortpsdWx-subtitle" };
-const _hoisted_3 = ["id", "maxlength"];
-const _hoisted_4 = { class: "nut-input-w" };
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("view", { class: "nut-input-site" }, null, -1);
-const _hoisted_6 = {
+const _hoisted_2 = { class: "nut-shortpsd-subtitle" };
+const _hoisted_3 = { class: "nut-input-normalw" };
+const _hoisted_4 = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
+const _hoisted_5 = {
   key: 0,
   class: "nut-shortpsd-icon"
 };
-const _hoisted_7 = { class: "nut-shortpsd-message" };
-const _hoisted_8 = { class: "nut-shortpsd-error" };
+const _hoisted_6 = { class: "nut-shortpsd-message" };
+const _hoisted_7 = { class: "nut-shortpsd-error" };
+const _hoisted_8 = {
+  key: 0,
+  class: "nut-shortpsd-forget"
+};
 const _hoisted_9 = {
-  key: 1,
+  key: 0,
   class: "nut-shortpsd-footer"
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
@@ -170,82 +160,70 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         textAlign: "center"
       },
       visible: _ctx.show,
-      "onUpdate:visible": _cache[8] || (_cache[8] = ($event) => _ctx.show = $event),
+      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
       closeable: true,
       onClickCloseIcon: _ctx.closeIcon,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1, toDisplayString(_ctx.title), 1),
         createElementVNode("view", _hoisted_2, toDisplayString(_ctx.desc), 1),
-        _ctx.isWx && _ctx.visible ? withDirectives((openBlock(), createElementBlock("input", {
-          key: 0,
-          class: "nut-input-real-taro",
-          id: "nut-input-real-taro-" + _ctx.randRef,
-          type: "number",
-          maxlength: _ctx.length,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.realInput = $event),
-          onInput: _cache[1] || (_cache[1] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
-        }, null, 40, _hoisted_3)), [
-          [vModelText, _ctx.realInput]
-        ]) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_4, [
-          !_ctx.isWx ? withDirectives((openBlock(), createElementBlock("input", {
-            key: 0,
+        createElementVNode("div", _hoisted_3, [
+          withDirectives(createElementVNode("input", {
             ref: "realpwd",
             class: "nut-input-real",
             type: "number",
             maxlength: "6",
-            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.realInput = $event),
-            onInput: _cache[3] || (_cache[3] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
-          }, null, 544)), [
+            style: normalizeStyle(_ctx.systemStyle()),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.realInput = $event),
+            onInput: _cache[1] || (_cache[1] = (...args) => _ctx.changeValue && _ctx.changeValue(...args))
+          }, null, 36), [
             [vModelText, _ctx.realInput]
-          ]) : createCommentVNode("", true),
-          _hoisted_5,
+          ]),
+          _hoisted_4,
           createElementVNode("view", {
-            class: "nut-shortpsd-fake-taro",
-            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.focus && _ctx.focus(...args))
+            class: "nut-shortpsd-fake",
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(new Array(_ctx.comLen), (sublen, index2) => {
               return openBlock(), createElementBlock("view", {
                 class: "nut-shortpsd-li",
-                key: index
+                key: index2
               }, [
-                String(_ctx.realInput).length > index ? (openBlock(), createElementBlock("view", _hoisted_6)) : createCommentVNode("", true)
+                String(_ctx.realInput).length > index2 ? (openBlock(), createElementBlock("view", _hoisted_5)) : createCommentVNode("", true)
               ]);
             }), 128))
           ])
         ]),
-        createElementVNode("view", _hoisted_7, [
-          createElementVNode("view", _hoisted_8, toDisplayString(_ctx.errorMsg), 1),
-          _ctx.tips ? (openBlock(), createElementBlock("view", {
-            key: 0,
-            class: "nut-shortpsd-forget",
-            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onTips && _ctx.onTips(...args))
-          }, [
+        createElementVNode("view", _hoisted_6, [
+          createElementVNode("view", _hoisted_7, toDisplayString(_ctx.errorMsg), 1),
+          _ctx.tips ? (openBlock(), createElementBlock("view", _hoisted_8, [
             createVNode(_component_nut_icon, {
               class: "icon",
               size: "11px",
               name: "tips"
             }),
-            createElementVNode("view", null, toDisplayString(_ctx.tips), 1)
+            createElementVNode("view", {
+              onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onTips && _ctx.onTips(...args))
+            }, toDisplayString(_ctx.tips), 1)
           ])) : createCommentVNode("", true)
         ]),
         !_ctx.noButton ? (openBlock(), createElementBlock("view", _hoisted_9, [
           createElementVNode("view", {
             class: "nut-shortpsd-cancle",
-            onClick: _cache[6] || (_cache[6] = (...args) => _ctx.close && _ctx.close(...args))
+            onClick: _cache[4] || (_cache[4] = (...args) => _ctx.close && _ctx.close(...args))
           }, "\u53D6\u6D88"),
           createElementVNode("view", {
             class: "nut-shortpsd-sure",
-            onClick: _cache[7] || (_cache[7] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
+            onClick: _cache[5] || (_cache[5] = (...args) => _ctx.sureClick && _ctx.sureClick(...args))
           }, "\u786E\u8BA4")
         ])) : createCommentVNode("", true)
       ]),
       _: 1
-    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
+    }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
   ]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };