@nutui/nutui 3.1.18-beta.0 → 3.1.19-beta.1

package/dist/packages/_es/Sku.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
@@ -68,13 +68,13 @@ const _sfc_main$3 = create$3({
         skuInfo.value = [].slice.call(props.sku);
       }
     });
-    const changeSaleChild = (attrItem, index2, parentItem, parentIndex) => {
+    const changeSaleChild = (attrItem, index, parentItem, parentIndex) => {
       if (attrItem.checkFlag || attrItem.disable) {
         return;
       }
       emit("selectSku", {
         sku: attrItem,
-        skuIndex: index2,
+        skuIndex: index,
         parentSku: parentItem,
         parentIndex
       });
@@ -91,7 +91,7 @@ const _hoisted_3$2 = { class: "nut-sku-select-item-skus" };
 const _hoisted_4$2 = ["onClick"];
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1$3, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.skuInfo, (item, index2) => {
+    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.skuInfo, (item, index) => {
       return openBlock(), createElementBlock("view", {
         class: "nut-sku-select-item",
         key: item.id
@@ -101,7 +101,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (itemAttr, itemAttrIndex) => {
             return openBlock(), createElementBlock("view", {
               class: normalizeClass(["nut-sku-select-item-skus-sku", [{ active: !itemAttr.disable && itemAttr.active }, { disable: itemAttr.disable }]]),
-              onClick: ($event) => _ctx.changeSaleChild(itemAttr, itemAttrIndex, item, index2),
+              onClick: ($event) => _ctx.changeSaleChild(itemAttr, itemAttrIndex, item, index),
               key: itemAttr.name
             }, toDisplayString(itemAttr.name), 11, _hoisted_4$2);
           }), 128))
@@ -232,9 +232,6 @@ const _sfc_main$1 = create$1({
       };
       return mapD[type];
     };
-    onMounted(() => {
-      console.log(slots);
-    });
     const getSlots = (name) => slots[name];
     const clickBtnOperate = (btn) => {
       emit("clickBtnOperate", btn);
@@ -291,6 +288,10 @@ const _sfc_main = create({
       type: Object,
       default: {}
     },
+    showSaleLimit: {
+      type: Boolean,
+      default: false
+    },
     stepperMax: {
       type: [Number, String],
       default: 99999
@@ -299,6 +300,14 @@ const _sfc_main = create({
       type: [Number, String],
       default: 1
     },
+    purchased: {
+      type: [Number, String],
+      default: 0
+    },
+    showSaleLowest: {
+      type: Boolean,
+      default: false
+    },
     btnOptions: {
       type: Array,
       default: () => ["confirm"]
@@ -307,13 +316,17 @@ const _sfc_main = create({
       type: String,
       default: "\u8D2D\u4E70\u6570\u91CF"
     },
-    stepperExtraText: {
+    saleLowestText: {
       type: [Function, Boolean],
       default: false
     },
-    btnExtraText: {
-      type: String,
-      default: ""
+    saleLimitText: {
+      type: [Function, Boolean],
+      default: false
+    },
+    purchasedText: {
+      type: [Function, Boolean],
+      default: false
     },
     buyText: {
       type: String,
@@ -338,8 +351,7 @@ const _sfc_main = create({
     "close",
     "reduce",
     "add",
-    "overLimit",
-    "clickOverlay"
+    "overLimit"
   ],
   components: {
     SkuHeader,
@@ -358,8 +370,6 @@ const _sfc_main = create({
         close();
       }
     });
-    onMounted(() => {
-    });
     const getSlots = (name) => slots[name];
     const selectSku = (skus) => {
       emit("selectSku", skus);
@@ -465,33 +475,32 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             stepperTitle: _ctx.stepperTitle,
             stepperMax: _ctx.stepperMax,
             stepperMin: _ctx.stepperMin,
-            stepperExtraText: _ctx.stepperExtraText,
+            purchased: _ctx.purchased,
+            showSaleLimit: _ctx.showSaleLimit,
+            showSaleLowest: _ctx.showSaleLowest,
+            saleLowestText: _ctx.saleLowestText,
+            saleLimitText: _ctx.saleLimitText,
+            purchasedText: _ctx.purchasedText,
             onAdd: _ctx.add,
             onReduce: _ctx.reduce,
             onChangeStepper: _ctx.changeStepper,
             onOverLimit: _ctx.stepperOverLimit
-          }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "stepperExtraText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
+          }, null, 8, ["goods", "stepperTitle", "stepperMax", "stepperMin", "purchased", "showSaleLimit", "showSaleLowest", "saleLowestText", "saleLimitText", "purchasedText", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "sku-stepper-bottom")
         ]),
-        createVNode(_component_sku_operate, {
+        renderSlot(_ctx.$slots, "sku-operate"),
+        !_ctx.getSlots("sku-operate") ? (openBlock(), createBlock(_component_sku_operate, {
+          key: 1,
           btnOptions: _ctx.btnOptions,
-          btnExtraText: _ctx.btnExtraText,
           buyText: _ctx.buyText,
           addCartText: _ctx.addCartText,
           confirmText: _ctx.confirmText,
           onClickBtnOperate: _ctx.clickBtnOperate
-        }, createSlots({ _: 2 }, [
-          _ctx.getSlots("sku-operate") ? {
-            name: "operate-btn",
-            fn: withCtx(() => [
-              renderSlot(_ctx.$slots, "sku-operate")
-            ])
-          } : void 0
-        ]), 1032, ["btnOptions", "btnExtraText", "buyText", "addCartText", "confirmText", "onClickBtnOperate"])
+        }, null, 8, ["btnOptions", "buyText", "addCartText", "confirmText", "onClickBtnOperate"])) : createCommentVNode("", true)
       ])
     ]),
     _: 3
   }, 8, ["visible"]);
 }
-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/Step.js

@@ -18,11 +18,11 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, Fragment, toDisplayString, createCommentVNode } from "vue";
+import { getCurrentInstance, inject, reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, Fragment, toDisplayString, createCommentVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { create, componentName } = createComponent("step");
@@ -49,6 +49,7 @@ const _sfc_main = create({
       default: "12px"
     }
   },
+  emits: ["click-step"],
   setup(props, { emit, slots }) {
     const { proxy } = getCurrentInstance();
     const parent = inject("parent");
@@ -73,9 +74,13 @@ const _sfc_main = create({
         [`${prefixCls}-${status.value}`]: true
       };
     });
+    const handleClickStep = () => {
+      parent["onEmit"](index2.value);
+    };
     return __spreadProps(__spreadValues({}, toRefs(state)), {
       index: index2,
-      classes
+      classes,
+      handleClickStep
     });
   }
 });
@@ -87,11 +92,17 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "nut-step-main" };
 const _hoisted_5 = { class: "nut-step-title" };
-const _hoisted_6 = ["innerHTML"];
+const _hoisted_6 = { key: 0 };
+const _hoisted_7 = {
+  key: 0,
+  class: "nut-step-content"
+};
+const _hoisted_8 = ["innerHTML"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickStep && _ctx.handleClickStep(...args))
   }, [
     createElementVNode("view", _hoisted_1, [
       _hoisted_2,
@@ -108,12 +119,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4, [
-      createElementVNode("view", _hoisted_5, toDisplayString(_ctx.title), 1),
-      _ctx.content ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "nut-step-content",
-        innerHTML: _ctx.content
-      }, null, 8, _hoisted_6)) : createCommentVNode("", true)
+      createElementVNode("view", _hoisted_5, [
+        !_ctx.$slots.title ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "title")
+      ]),
+      _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_7, [
+        !_ctx.$slots.content ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          innerHTML: _ctx.content
+        }, null, 8, _hoisted_8)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "content")
+      ])) : createCommentVNode("", true)
     ])
   ], 2);
 }

package/dist/packages/_es/Steps.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, provide, h } from "vue";
@@ -21,6 +21,7 @@ const _sfc_main = create({
       default: false
     }
   },
+  emits: ["click-step"],
   setup(props, { emit, slots }) {
     const state = reactive({
       children: []
@@ -36,10 +37,14 @@ const _sfc_main = create({
     const relation = (child) => {
       child && state.children.push(child);
     };
+    const onEmit = (index) => {
+      emit("click-step", index);
+    };
     provide("parent", {
       relation,
       state,
-      props
+      props,
+      onEmit
     });
     return () => {
       var _a;

package/dist/packages/_es/Sticky.js

@@ -1,11 +1,12 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, watch, onMounted, onUnmounted, h, unref } from "vue";
+import { ref, reactive, computed, watch, h, unref } from "vue";
+import Taro from "@tarojs/taro";
 import { c as createComponent } from "./component.js";
-import { u as useRect } from "./index3.js";
+import { u as useTaroRect } from "./index.js";
 const { componentName, create } = createComponent("sticky");
 const _sfc_main = create({
   props: {
@@ -32,6 +33,8 @@ const _sfc_main = create({
   emits: ["change", "scroll"],
   setup(props, { emit, slots }) {
     const root = ref();
+    const query = Taro.createSelectorQuery();
+    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       width: 0,
       height: 0,
@@ -67,19 +70,22 @@ const _sfc_main = create({
       const el = unref(elementRef);
       if (!el)
         return false;
-      const style = window.getComputedStyle(el);
-      const hidden = style.display === "none";
-      const parentHidden = el.offsetParent === null && style.position !== "fixed";
-      return hidden || parentHidden;
+      return new Promise((resolve, reject) => {
+        query.select(`#${el.id}`).fields({
+          computedStyle: ["display", "position"]
+        }, (res) => {
+          const hidden = res.display === "none";
+          const parentHidden = el.offsetParent === null && res.position !== "fixed";
+          resolve(hidden || parentHidden);
+        }).exec();
+      });
     };
-    const isExistRoot = () => {
-      if (!root.value || isHidden(root))
+    const isExistRoot = async () => {
+      const hidden = await isHidden(root);
+      if (!root.value || hidden)
         return false;
       return true;
     };
-    const getScrollTop = (el) => {
-      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
-    };
     const renderFixed = () => {
       var _a;
       return h("view", {
@@ -87,19 +93,18 @@ const _sfc_main = create({
         class: state.fixed ? `${componentName} nut-sticky--fixed` : componentName
       }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
-    const onScroll = () => {
+    const onScroll = async (scrollTop) => {
       if (!isExistRoot())
         return;
       const { container, position } = props;
-      const scrollTop = getScrollTop(window);
-      const rootRect = useRect(root);
+      const rootRect = await useTaroRect(root, Taro);
       if (rootRect.width || rootRect.height) {
         state.width = rootRect.width;
         state.height = rootRect.height;
       }
       if (position === "top") {
         if (container) {
-          const containerRect = useRect(container);
+          const containerRect = await useTaroRect(container, Taro);
           const diff = containerRect.bottom - +offset.value - state.height;
           state.fixed = +offset.value > rootRect.top && containerRect.bottom > 0;
           state.transform = diff < 0 ? diff : 0;
@@ -107,9 +112,9 @@ const _sfc_main = create({
           state.fixed = offset.value > rootRect.top;
         }
       } else if (position === "bottom") {
-        const clientHeight = document.documentElement.clientHeight;
+        const clientHeight = Taro.getSystemInfoSync().windowHeight;
         if (container) {
-          const containerRect = useRect(container);
+          const containerRect = await useTaroRect(container, Taro);
           const diff = clientHeight - containerRect.top - +offset.value - state.height;
           state.fixed = clientHeight - +offset.value < rootRect.bottom && clientHeight > containerRect.top;
           state.transform = diff < 0 ? -diff : 0;
@@ -125,16 +130,16 @@ const _sfc_main = create({
     watch(() => state.fixed, (val) => {
       emit("change", val);
     });
-    onMounted(() => {
-      window.addEventListener("scroll", onScroll);
-      onScroll();
+    Taro.usePageScroll((res) => {
+      onScroll(res.scrollTop);
     });
-    onUnmounted(() => {
-      window.removeEventListener("scroll", onScroll);
+    Taro.useReady(() => {
+      onScroll(0);
     });
     return () => {
       return h("view", {
         style: rootStyle.value,
+        id: `root-${refRandomId}`,
         ref: root
       }, [renderFixed()]);
     };

package/dist/packages/_es/SubSideNavBar.js

@@ -18,8 +18,8 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withModifiers, toDisplayString, createVNode, normalizeStyle, renderSlot } from "vue";

package/dist/packages/_es/Swipe.js

@@ -18,13 +18,15 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { u as useTouch } from "./index4.js";
-import { computed, ref, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import Taro from "@tarojs/taro";
+import { u as useTouch } from "./index3.js";
+import { computed, ref, onMounted, reactive, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
+import { u as useTaroRect } from "./index.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("swipe");
 const _sfc_main = create({
@@ -48,21 +50,29 @@ const _sfc_main = create({
   },
   emits: ["open", "close"],
   setup(props, { emit }) {
+    const refRandomId = Math.random().toString(36).slice(-8);
     const classes = computed(() => {
       const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const getRefWidth = (ref2) => {
-      var _a;
-      return ((_a = ref2.value) == null ? void 0 : _a.clientWidth) || 0;
+    const getRefWidth = async (ref2) => {
+      let rect = await useTaroRect(ref2, Taro);
+      return rect.width || 0;
     };
-    const leftRef = ref(), leftRefWidth = computed(() => {
-      return getRefWidth(leftRef);
-    });
-    const rightRef = ref(), rightRefWidth = computed(() => {
-      return getRefWidth(rightRef);
+    const leftRef = ref();
+    const leftRefWidth = ref(0);
+    const rightRef = ref();
+    const rightRefWidth = ref(0);
+    const initWidth = async () => {
+      leftRefWidth.value = await getRefWidth(leftRef);
+      rightRefWidth.value = await getRefWidth(rightRef);
+    };
+    onMounted(() => {
+      setTimeout(() => {
+        initWidth();
+      }, 100);
     });
     let opened = false;
     let position = "";
@@ -122,7 +132,7 @@ const _sfc_main = create({
           return;
         touch.start(event);
       },
-      onTouchMove(event) {
+      async onTouchMove(event) {
         if (props.disabled)
           return;
         touch.move(event);
@@ -168,20 +178,15 @@ const _sfc_main = create({
     }, touchMethods), {
       leftRef,
       rightRef,
+      refRandomId,
       open,
       close
     });
   }
 });
-const _hoisted_1 = {
-  class: "nut-swipe__left",
-  ref: "leftRef"
-};
+const _hoisted_1 = ["id"];
 const _hoisted_2 = { class: "nut-swipe__content" };
-const _hoisted_3 = {
-  class: "nut-swipe__right",
-  ref: "rightRef"
-};
+const _hoisted_3 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -191,16 +196,24 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1, [
+    createElementVNode("view", {
+      class: "nut-swipe__left",
+      ref: "leftRef",
+      id: "leftRef-" + _ctx.refRandomId
+    }, [
       renderSlot(_ctx.$slots, "left")
-    ], 512),
+    ], 8, _hoisted_1),
     createElementVNode("view", _hoisted_2, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3, [
+    createElementVNode("view", {
+      class: "nut-swipe__right",
+      ref: "rightRef",
+      id: "rightRef-" + _ctx.refRandomId
+    }, [
       renderSlot(_ctx.$slots, "right")
-    ], 512)
+    ], 8, _hoisted_3)
   ], 38);
 }
-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/Swiper.js

@@ -1,11 +1,13 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, computed, provide, onMounted, nextTick, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
+import { reactive, ref, computed, provide, onMounted, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
+import { u as useTaroRect } from "./index.js";
 import { u as useExpose } from "./index2.js";
+import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const DISTANCE = 5;
 function useTouch() {
@@ -110,6 +112,7 @@ const _sfc_main = create({
   emits: ["change"],
   setup(props, { emit, slots }) {
     const container = ref();
+    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       active: 0,
       num: 0,
@@ -165,7 +168,7 @@ const _sfc_main = create({
       return Math.min(Math.max(num, min), max);
     };
     const requestFrame = (fn) => {
-      window.requestAnimationFrame.call(window, fn);
+      requestAnimationFrame.call(null, fn);
     };
     const getOffset = (active, offset = 0) => {
       let currentPosition = active * size.value;
@@ -277,9 +280,9 @@ const _sfc_main = create({
         autoplay();
       }, Number(props.autoPlay));
     };
-    const init = (active = +props.initPage) => {
+    const init = async (active = +props.initPage) => {
       stopAutoPlay();
-      state.rect = container.value.getBoundingClientRect();
+      state.rect = await useTaroRect(container, Taro);
       active = Math.min(childCount.value - 1, active);
       state.width = props.width ? +props.width : state.rect.width;
       state.height = props.height ? +props.height : state.rect.height;
@@ -346,14 +349,26 @@ const _sfc_main = create({
       to
     });
     onMounted(() => {
-      nextTick(() => {
+      if (Taro.getEnv() === "WEB") {
         init();
-      });
+      } else {
+        Taro.nextTick(async () => {
+          state.rect = await useTaroRect(container, Taro);
+          state.rect && init();
+        });
+        eventCenter.once(getCurrentInstance().router.onReady, () => {
+          init();
+        });
+      }
     });
     onActivated(() => {
-      nextTick(() => {
+      if (Taro.getEnv() === "WEB") {
         init();
-      });
+      } else {
+        eventCenter.once(getCurrentInstance().router.onReady, () => {
+          init();
+        });
+      }
     });
     onDeactivated(() => {
       stopAutoPlay();
@@ -362,12 +377,12 @@ const _sfc_main = create({
       stopAutoPlay();
     });
     watch(() => props.initPage, (val) => {
-      nextTick(() => {
-        init(Number(val));
+      eventCenter.once(getCurrentInstance().router.onReady, () => {
+        init(+val);
       });
     });
     watch(() => state.children.length, () => {
-      nextTick(() => {
+      eventCenter.once(getCurrentInstance().router.onReady, () => {
         init(state.active);
       });
     });
@@ -376,6 +391,7 @@ const _sfc_main = create({
     });
     return {
       state,
+      refRandomId,
       classes,
       container,
       componentName,
@@ -388,9 +404,11 @@ const _sfc_main = create({
     };
   }
 });
+const _hoisted_1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
+    id: "container-" + _ctx.refRandomId,
     class: normalizeClass(_ctx.classes),
     onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.onTouchStart && _ctx.onTouchStart(...args)),
     onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args)),
@@ -423,7 +441,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 4);
       }), 128))
     ], 2)) : createCommentVNode("", true)
-  ], 34);
+  ], 42, _hoisted_1);
 }
 var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export { Swiper as default };

package/dist/packages/_es/SwiperItem.js

@@ -1,6 +1,6 @@
 /*!
-* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:31 GMT+0800 (中国标准时间)
-* (c) 2021 @jdf2e.
+* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { inject, getCurrentInstance, reactive, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";