@nutui/nutui 3.2.5-beta.1 → 3.2.6-beta.1

package/dist/packages/_es/Popup.js

@@ -1,32 +1,16 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createBlock, Teleport, normalizeClass, normalizeStyle, createCommentVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, createElementBlock, mergeProps, vShow } from "vue";
+import { reactive, computed, onMounted, onBeforeUnmount, onBeforeMount, onActivated, onDeactivated, watch, toRefs, resolveComponent, openBlock, createElementBlock, createBlock, normalizeClass, normalizeStyle, createCommentVNode, createTextVNode, createVNode, Transition, withCtx, withDirectives, createElementVNode, renderSlot, vShow, mergeProps } from "vue";
+import { u as useLockScroll } from "./use-lock-scroll.js";
 import overlay, { overlayProps } from "./OverLay.js";
 import _sfc_main$1 from "./Icon.js";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 import "./pxCheck.js";
-let count = 0;
-const CLSNAME = "nut-overflow-hidden";
-const useLockScroll = (isLock) => {
-  const lock = () => {
-    if (isLock()) {
-      !count && document.body.classList.add(CLSNAME);
-      count++;
-    }
-  };
-  const unlock = () => {
-    if (isLock() && count) {
-      count--;
-      !count && document.body.classList.remove(CLSNAME);
-    }
-  };
-  return [lock, unlock];
-};
 const { componentName, create } = createComponent("popup");
 let _zIndex = 2e3;
 const popupProps = {
@@ -71,16 +55,13 @@ const popupProps = {
     type: Boolean,
     default: false
   },
-  isWrapTeleport: {
-    type: Boolean,
-    default: true
-  },
   safeAreaInsetBottom: {
     type: Boolean,
     default: false
   }
 };
 const _sfc_main = create({
+  children: [overlay],
   components: {
     [overlay.name]: overlay,
     [_sfc_main$1.name]: _sfc_main$1
@@ -90,9 +71,8 @@ const _sfc_main = create({
   },
   emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
-    const popupRef = ref();
     const state = reactive({
-      zIndex: props.zIndex,
+      zIndex: props.zIndex ? props.zIndex : _zIndex,
       showSlot: true,
       transitionName: `popup-fade-${props.position}`,
       overLayCount: 1,
@@ -130,13 +110,15 @@ const _sfc_main = create({
       emit("open");
     };
     const close = () => {
-      unlockScroll();
-      emit("update:visible", false);
-      emit("close");
-      if (props.destroyOnClose) {
-        setTimeout(() => {
-          state.showSlot = false;
-        }, +props.duration * 1e3);
+      if (props.visible) {
+        unlockScroll();
+        emit("update:visible", false);
+        emit("close");
+        if (props.destroyOnClose) {
+          setTimeout(() => {
+            state.showSlot = false;
+          }, +props.duration * 1e3);
+        }
       }
     };
     const onClick = (e) => {
@@ -212,19 +194,16 @@ const _sfc_main = create({
       onClickCloseIcon,
       onClickOverlay,
       onOpened,
-      onClosed,
-      popupRef
+      onClosed
     };
   }
 });
-const _hoisted_1 = { key: 1 };
+const _hoisted_1 = ["catch-move"];
+const _hoisted_2 = { class: "nutui-popup__content-wrapper" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
-    key: 0,
-    to: _ctx.teleport
-  }, [
+  return openBlock(), createElementBlock("view", { "catch-move": _ctx.lockScroll }, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -236,6 +215,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       duration: _ctx.duration,
       onClick: _ctx.onClickOverlay
     }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
+    createTextVNode(),
     createVNode(Transition, {
       name: _ctx.transitionName,
       onAfterEnter: _ctx.onOpened,
@@ -245,12 +225,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         withDirectives(createElementVNode("view", {
           class: normalizeClass(_ctx.classes),
           style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
-          ref: "popupRef"
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
         }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          withDirectives(createElementVNode("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "default")
+          ], 512), [
+            [vShow, _ctx.showSlot]
+          ]),
+          createTextVNode(),
           _ctx.closed ? (openBlock(), createElementBlock("view", {
-            key: 1,
+            key: 0,
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
             class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
           }, [
@@ -265,47 +249,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1, [
-    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
-      key: 0,
-      visible: _ctx.visible,
-      "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      class: normalizeClass(_ctx.overlayClass),
-      style: normalizeStyle(_ctx.overlayStyle),
-      "z-index": _ctx.zIndex,
-      "lock-scroll": _ctx.lockScroll,
-      duration: _ctx.duration,
-      onClick: _ctx.onClickOverlay
-    }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : createCommentVNode("", true),
-    createVNode(Transition, {
-      name: _ctx.transitionName,
-      onAfterEnter: _ctx.onOpened,
-      onAfterLeave: _ctx.onClosed
-    }, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("view", {
-          class: normalizeClass(_ctx.classes),
-          style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-        }, [
-          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
-          _ctx.closed ? (openBlock(), createElementBlock("view", {
-            key: 1,
-            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
-            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
-          }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.closeIcon,
-              size: "12px"
-            }, null, 8, ["name"])
-          ], 2)) : createCommentVNode("", true)
-        ], 6), [
-          [vShow, _ctx.visible]
-        ])
-      ]),
-      _: 3
-    }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ]));
+  ], 8, _hoisted_1);
 }
 var Popup = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { Popup as default, popupProps };

package/dist/packages/_es/Price.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, toDisplayString } from "vue";
+import { computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createTextVNode, createElementVNode, toDisplayString } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -45,8 +45,17 @@ const _sfc_main = create({
         [componentName]: true
       };
     });
+    const replaceSpecialChar = (url) => {
+      url = url.replace(/"/g, '"');
+      url = url.replace(/&/g, "&");
+      url = url.replace(/&lt;/g, "<");
+      url = url.replace(/&gt;/g, ">");
+      url = url.replace(/&nbsp;/g, " ");
+      url = url.replace(/&yen;/g, "\uFFE5");
+      return url;
+    };
     const showSymbol = computed(() => {
-      const symbol = props.needSymbol ? props.symbol : "";
+      const symbol = props.needSymbol ? replaceSpecialChar(props.symbol) : "";
       return symbol;
     });
     const checkPoint = (price) => {
@@ -87,7 +96,8 @@ const _sfc_main = create({
       showSymbol,
       checkPoint,
       formatThousands,
-      formatDecimal
+      formatDecimal,
+      replaceSpecialChar
     };
   }
 });
@@ -100,24 +110,30 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.needSymbol && _ctx.position == "before" ? (openBlock(), createElementBlock("view", {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      decode: "true",
       innerHTML: _ctx.showSymbol
     }, null, 10, _hoisted_1)) : createCommentVNode("", true),
+    createTextVNode(),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
+    createTextVNode(),
     _ctx.decimalDigits != 0 ? (openBlock(), createElementBlock("view", {
       key: 1,
       class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
     }, ".", 2)) : createCommentVNode("", true),
+    createTextVNode(),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--decimal-${_ctx.size}`)
     }, toDisplayString(_ctx.formatDecimal(_ctx.price)), 3),
+    createTextVNode(),
     _ctx.needSymbol && _ctx.position == "after" ? (openBlock(), createElementBlock("view", {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
+      decode: "true",
       innerHTML: _ctx.showSymbol
     }, null, 10, _hoisted_2)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/Progress.js

@@ -1,10 +1,11 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createBlock, mergeProps } from "vue";
+import { useSlots, ref, computed, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, createTextVNode, renderSlot, createBlock, mergeProps } from "vue";
 import { c as createComponent } from "./component.js";
+import { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { create } = createComponent("progress");
@@ -21,7 +22,7 @@ const _sfc_main = create({
     },
     status: {
       type: String,
-      default: ""
+      default: "text"
     },
     strokeWidth: {
       type: [Number, String],
@@ -60,11 +61,12 @@ const _sfc_main = create({
       default: true
     }
   },
-  setup(props) {
+  setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
     const height = ref(props.strokeWidth + "px");
-    const progressOuter = ref();
     const insideText = ref();
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const randRef = ref(refRandomId);
     const bgStyle = computed(() => {
       return {
         width: props.percentage + "%",
@@ -77,24 +79,27 @@ const _sfc_main = create({
       };
     });
     onMounted(() => {
+      eventCenter.once(getCurrentInstance().router.onReady, () => {
+      });
     });
     return {
       height,
       bgStyle,
       textStyle,
-      progressOuter,
       insideText,
+      randRef,
       slotDefault
     };
   }
 });
 const _hoisted_1 = { class: "nut-progress" };
+const _hoisted_2 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
-      ref: "progressOuter",
+      id: "nut-progress-outer-taro-" + _ctx.randRef,
       style: normalizeStyle({ height: _ctx.height })
     }, [
       createElementVNode("div", {
@@ -116,6 +121,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             style: normalizeStyle(_ctx.textStyle)
           }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
         ], 4)) : createCommentVNode("", true),
+        createTextVNode(),
         _ctx.showText && _ctx.textInside && _ctx.slotDefault ? (openBlock(), createElementBlock("div", {
           key: 1,
           ref: "insideText",
@@ -129,13 +135,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "default")
         ], 4)) : createCommentVNode("", true)
       ], 6)
-    ], 6),
+    ], 14, _hoisted_2),
+    createTextVNode(),
     _ctx.showText && !_ctx.textInside ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "nut-progress-text",
       style: normalizeStyle({ lineHeight: _ctx.height })
     }, [
-      _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
+      _ctx.status == "text" || _ctx.status == "active" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
       }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 1 }, _ctx.$attrs, {
@@ -146,5 +153,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : createCommentVNode("", true)
   ]);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };

package/dist/packages/_es/PullRefresh.js

@@ -1,9 +1,9 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, toRefs, reactive, computed, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
+import { ref, toRefs, reactive, computed, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, toDisplayString, createTextVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
@@ -336,9 +336,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(["pullrefresh-top", _ctx.direction == "horizontal" ? "pullrefresh-top-h" : "pullrefresh-top-v"])
     }, toDisplayString(_ctx.refreshTopTem), 3),
+    createTextVNode(),
     createElementVNode("view", _hoisted_1, [
       renderSlot(_ctx.$slots, "default")
     ], 512),
+    createTextVNode(),
     createElementVNode("view", {
       class: normalizeClass(["pullrefresh-bottom", _ctx.direction == "horizontal" ? "pullrefresh-bottom-h" : "pullrefresh-bottom-v"]),
       style: normalizeStyle(_ctx.getBottomStyle)

package/dist/packages/_es/Radio.js

@@ -1,13 +1,13 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, computed, h } from "vue";
-import { c as createComponent } from "./component.js";
 import _sfc_main$1 from "./Icon.js";
-import "../locale/lang";
+import { c as createComponent } from "./component.js";
 import "./pxCheck.js";
+import "../locale/lang";
 const { componentName, create } = createComponent("radio");
 const _sfc_main = create({
   props: {

package/dist/packages/_es/RadioGroup.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/packages/_es/Range.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.2.5-beta.1 Tue Oct 25 2022 11:38:42 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.6-beta.1 Mon Oct 31 2022 19:38:22 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, createTextVNode, renderSlot } from "vue";
+import Taro from "@tarojs/taro";
+import { ref, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createTextVNode, createElementVNode, normalizeStyle, withModifiers, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { u as useTouch } from "./index4.js";
-import { u as useRect } from "./index2.js";
+import { u as useTouch } from "./index3.js";
+import { u as useTaroRect } from "./index.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "../locale/lang";
 const { componentName, create } = createComponent("range");
@@ -196,16 +197,16 @@ const _sfc_main = create({
         emit("change", value);
       }
     };
-    const onClick = (event) => {
+    const onClick = async (event) => {
       if (props.disabled) {
         return;
       }
       const { min, modelValue } = props;
-      const rect = useRect(root);
-      let delta = event.clientX - rect.left;
+      const rect = await useTaroRect(root, Taro);
+      let delta = event.touches[0].clientX - rect.left;
       let total = rect.width;
       if (props.vertical) {
-        delta = event.clientY - rect.top;
+        delta = event.touches[0].clientY - rect.top;
         total = rect.height;
       }
       const value = Number(min) + delta / total * scope.value;
@@ -233,8 +234,10 @@ const _sfc_main = create({
         startValue = format(currentValue);
       }
       dragStatus.value = "start";
+      event.stopPropagation();
+      event.preventDefault();
     };
-    const onTouchMove = (event) => {
+    const onTouchMove = async (event) => {
       if (props.disabled) {
         return;
       }
@@ -243,7 +246,7 @@ const _sfc_main = create({
       }
       touch.move(event);
       dragStatus.value = "draging";
-      const rect = useRect(root);
+      const rect = await useTaroRect(root, Taro);
       let delta = touch.deltaX.value;
       let total = rect.width;
       let diff = delta / total * scope.value;
@@ -261,7 +264,7 @@ const _sfc_main = create({
       event.stopPropagation();
       event.preventDefault();
     };
-    const onTouchEnd = () => {
+    const onTouchEnd = (event) => {
       if (props.disabled) {
         return;
       }
@@ -270,11 +273,14 @@ 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 {
       root,
       classes,
@@ -292,7 +298,8 @@ const _sfc_main = create({
       markClassName,
       marksStyle,
       marksList,
-      tickStyle
+      tickStyle,
+      refRandomId
     };
   }
 });
@@ -300,21 +307,22 @@ const _hoisted_1 = {
   key: 0,
   class: "min"
 };
-const _hoisted_2 = {
+const _hoisted_2 = ["id"];
+const _hoisted_3 = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_3 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_4 = {
+const _hoisted_4 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_5 = {
   key: 0,
   class: "number"
 };
-const _hoisted_5 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-const _hoisted_6 = {
+const _hoisted_6 = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
+const _hoisted_7 = {
   key: 0,
   class: "number"
 };
-const _hoisted_7 = {
+const _hoisted_8 = {
   key: 1,
   class: "max"
 };
@@ -323,13 +331,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.containerClasses)
   }, [
     !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+    createTextVNode(),
     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_2, [
+      _ctx.marksList.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_3, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.marksList, (marks) => {
           return openBlock(), createElementBlock("span", {
             key: marks,
@@ -344,27 +354,29 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           ], 6);
         }), 128))
       ])) : createCommentVNode("", true),
+      createTextVNode(),
       createElementVNode("view", {
         class: "nut-range-bar",
         style: normalizeStyle(_ctx.barStyle)
       }, [
-        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index2) => {
+        _ctx.range ? (openBlock(), createElementBlock(Fragment, { key: 0 }, renderList([0, 1], (index) => {
           return createElementVNode("view", {
-            key: index2,
+            key: index,
             role: "slider",
             class: normalizeClass({
-              "nut-range-button-wrapper-left": index2 == 0,
-              "nut-range-button-wrapper-right": index2 == 1
+              "nut-range-button-wrapper-left": index == 0,
+              "nut-range-button-wrapper-right": index == 1
             }),
+            "catch-move": true,
             tabindex: _ctx.disabled ? -1 : 0,
             "aria-valuemin": +_ctx.min,
-            "aria-valuenow": _ctx.curValue(index2),
+            "aria-valuenow": _ctx.curValue(index),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
             onTouchstart: withModifiers(
               (e) => {
-                if (typeof index2 === "number") {
-                  _ctx.buttonIndex = index2;
+                if (typeof index === "number") {
+                  _ctx.buttonIndex = index;
                 }
                 _ctx.onTouchStart(e);
               },
@@ -380,9 +392,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4, toDisplayString(_ctx.curValue(index2)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_5, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3);
+          ], 42, _hoisted_4);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -392,6 +404,7 @@ 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);
@@ -408,13 +421,14 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
-        ], 40, _hoisted_5))
+        ], 40, _hoisted_6))
       ], 4)
-    ], 6),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    ], 14, _hoisted_2),
+    createTextVNode(),
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_8, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
   ], 2);
 }
-var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index as default };
+var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index_taro as default };