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

package/dist/packages/sku/Sku.js

@@ -1,10 +1,11 @@
-import { resolveComponent, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
+import { resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, renderSlot, createBlock, createCommentVNode, toDisplayString, ref, watch, onMounted, Fragment, renderList, normalizeClass, createVNode, withCtx, createSlots } from "vue";
 import { Price as _sfc_main$5 } from "../price/Price.js";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { u as useLocale } from "../index-BOB4ytqZ.js";
+import { u as useLocale } from "../index-IxPZmHlb.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 import { InputNumber as _sfc_main$6 } from "../inputnumber/InputNumber.js";
-import { N as NutPopup } from "../index-wLaOjIn1.js";
+import { N as NutPopup } from "../index.taro-CNxLoYer.js";
+import { _ as _sfc_main$7 } from "../index.taro.vue_vue_type_script_setup_true_lang-JJ7hr71Y.js";
 const { create: create$4 } = createComponent("sku-header");
 const cN$1 = "NutSkuHeader";
 const _sfc_main$4 = create$4({
@@ -27,7 +28,7 @@ const _sfc_main$4 = create$4({
   }
 });
 const _hoisted_1$4 = { class: "nut-sku-header" };
-const _hoisted_2$4 = ["src"];
+const _hoisted_2$3 = ["src"];
 const _hoisted_3$3 = { class: "nut-sku-header-right" };
 const _hoisted_4$3 = {
   key: 3,
@@ -39,7 +40,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("img", {
       class: "nut-sku-header-img",
       src: _ctx.goods.imagePath
-    }, null, 8, _hoisted_2$4),
+    }, null, 8, _hoisted_2$3),
+    _cache[2] || (_cache[2] = createTextVNode()),
     createElementVNode("view", _hoisted_3$3, [
       _ctx.getSlots("sku-header-price") ? renderSlot(_ctx.$slots, "sku-header-price", { key: 0 }) : (openBlock(), createBlock(_component_nut_price, {
         key: 1,
@@ -47,7 +49,9 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         "need-symbol": true,
         thousands: false
       }, null, 8, ["price"])),
+      _cache[0] || (_cache[0] = createTextVNode()),
       _ctx.getSlots("sku-header-extra") ? renderSlot(_ctx.$slots, "sku-header-extra", { key: 2 }) : createCommentVNode("", true),
+      _cache[1] || (_cache[1] = createTextVNode()),
       _ctx.goods.skuId && !_ctx.getSlots("sku-header-extra") ? (openBlock(), createElementBlock("view", _hoisted_4$3, toDisplayString(_ctx.translate("skuId")) + " : " + toDisplayString(_ctx.goods.skuId), 1)) : createCommentVNode("", true)
     ])
   ]);
@@ -76,13 +80,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
       });
@@ -94,23 +98,24 @@ const _sfc_main$3 = create$3({
   }
 });
 const _hoisted_1$3 = { class: "nut-sku-select" };
-const _hoisted_2$3 = { class: "nut-sku-select-item-title" };
+const _hoisted_2$2 = { class: "nut-sku-select-item-title" };
 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", {
         key: item.id,
         class: "nut-sku-select-item"
       }, [
-        createElementVNode("view", _hoisted_2$3, toDisplayString(item.name), 1),
+        createElementVNode("view", _hoisted_2$2, toDisplayString(item.name), 1),
+        _cache[0] || (_cache[0] = createTextVNode()),
         createElementVNode("view", _hoisted_3$2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (itemAttr, itemAttrIndex) => {
             return openBlock(), createElementBlock("view", {
               key: itemAttr.name,
               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)
             }, toDisplayString(itemAttr.name), 11, _hoisted_4$2);
           }), 128))
         ])
@@ -187,17 +192,19 @@ const _sfc_main$2 = create$2({
   }
 });
 const _hoisted_1$2 = { class: "nut-sku-stepper" };
-const _hoisted_2$2 = { class: "nut-sku-stepper-title" };
+const _hoisted_2$1 = { class: "nut-sku-stepper-title" };
 const _hoisted_3$1 = ["innerHTML"];
 const _hoisted_4$1 = { class: "nut-sku-stepper-count" };
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_input_number = resolveComponent("nut-input-number");
   return openBlock(), createElementBlock("view", _hoisted_1$2, [
-    createElementVNode("view", _hoisted_2$2, toDisplayString(_ctx.stepperTitle), 1),
+    createElementVNode("view", _hoisted_2$1, toDisplayString(_ctx.stepperTitle), 1),
+    _cache[1] || (_cache[1] = createTextVNode()),
     createElementVNode("view", {
       class: "nut-sku-stepper-limit",
       innerHTML: _ctx.getExtraText()
     }, null, 8, _hoisted_3$1),
+    _cache[2] || (_cache[2] = createTextVNode()),
     createElementVNode("view", _hoisted_4$1, [
       createVNode(_component_nut_input_number, {
         modelValue: _ctx.goodsCount,
@@ -265,7 +272,7 @@ const _hoisted_1$1 = {
   key: 0,
   class: "nut-sku-operate"
 };
-const _hoisted_2$1 = {
+const _hoisted_2 = {
   key: 0,
   class: "nut-sku-operate-desc"
 };
@@ -276,8 +283,10 @@ const _hoisted_3 = {
 const _hoisted_4 = ["onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.btnOptions.length > 0 ? (openBlock(), createElementBlock("view", _hoisted_1$1, [
-    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", _hoisted_2$1, toDisplayString(_ctx.btnExtraText), 1)) : createCommentVNode("", true),
+    _ctx.btnExtraText ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.btnExtraText), 1)) : createCommentVNode("", true),
+    _cache[0] || (_cache[0] = createTextVNode()),
     renderSlot(_ctx.$slots, "operate-btn"),
+    _cache[1] || (_cache[1] = createTextVNode()),
     !_ctx.getSlots("operate-btn") ? (openBlock(), createElementBlock("view", _hoisted_3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.btnOptions, (btn, i) => {
         return openBlock(), createElementBlock("view", {
@@ -372,7 +381,8 @@ const _sfc_main = create({
     SkuSelect,
     SkuStepper,
     SkuOperate,
-    NutPopup
+    NutPopup,
+    NutScrollView: _sfc_main$7
   },
   setup(props, { emit, slots }) {
     const translate = useLocale(cN);
@@ -445,11 +455,11 @@ const _sfc_main = create({
   }
 });
 const _hoisted_1 = { class: "nut-sku" };
-const _hoisted_2 = { class: "nut-sku-content" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_sku_header = resolveComponent("sku-header");
   const _component_SkuSelect = resolveComponent("SkuSelect");
   const _component_sku_stepper = resolveComponent("sku-stepper");
+  const _component_nut_scroll_view = resolveComponent("nut-scroll-view");
   const _component_sku_operate = resolveComponent("sku-operate");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -468,6 +478,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("view", _hoisted_1, [
         renderSlot(_ctx.$slots, "sku-header"),
+        _cache[10] || (_cache[10] = createTextVNode()),
         !_ctx.getSlots("sku-header") ? (openBlock(), createBlock(_component_sku_header, {
           key: 0,
           goods: _ctx.goods
@@ -487,29 +498,42 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             key: "1"
           } : void 0
         ]), 1032, ["goods"])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_2, [
-          renderSlot(_ctx.$slots, "sku-select-top"),
-          renderSlot(_ctx.$slots, "sku-select"),
-          !_ctx.getSlots("sku-select") ? (openBlock(), createBlock(_component_SkuSelect, {
-            key: 0,
-            sku: _ctx.sku,
-            onSelectSku: _ctx.selectSku
-          }, null, 8, ["sku", "onSelectSku"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "sku-stepper"),
-          !_ctx.getSlots("sku-stepper") ? (openBlock(), createBlock(_component_sku_stepper, {
-            key: 1,
-            goods: _ctx.goods,
-            "stepper-title": _ctx.stepperTitle || _ctx.translate("buyNumber"),
-            "stepper-max": _ctx.stepperMax,
-            "stepper-min": _ctx.stepperMin,
-            "stepper-extra-text": _ctx.stepperExtraText,
-            onAdd: _ctx.add,
-            onReduce: _ctx.reduce,
-            onChangeStepper: _ctx.changeStepper,
-            onOverLimit: _ctx.stepperOverLimit
-          }, null, 8, ["goods", "stepper-title", "stepper-max", "stepper-min", "stepper-extra-text", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "sku-stepper-bottom")
-        ]),
+        _cache[11] || (_cache[11] = createTextVNode()),
+        createVNode(_component_nut_scroll_view, {
+          class: "nut-sku-content",
+          "scroll-y": true
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "sku-select-top"),
+            _cache[5] || (_cache[5] = createTextVNode()),
+            renderSlot(_ctx.$slots, "sku-select"),
+            _cache[6] || (_cache[6] = createTextVNode()),
+            !_ctx.getSlots("sku-select") ? (openBlock(), createBlock(_component_SkuSelect, {
+              key: 0,
+              sku: _ctx.sku,
+              onSelectSku: _ctx.selectSku
+            }, null, 8, ["sku", "onSelectSku"])) : createCommentVNode("", true),
+            _cache[7] || (_cache[7] = createTextVNode()),
+            renderSlot(_ctx.$slots, "sku-stepper"),
+            _cache[8] || (_cache[8] = createTextVNode()),
+            !_ctx.getSlots("sku-stepper") ? (openBlock(), createBlock(_component_sku_stepper, {
+              key: 1,
+              goods: _ctx.goods,
+              "stepper-title": _ctx.stepperTitle || _ctx.translate("buyNumber"),
+              "stepper-max": _ctx.stepperMax,
+              "stepper-min": _ctx.stepperMin,
+              "stepper-extra-text": _ctx.stepperExtraText,
+              onAdd: _ctx.add,
+              onReduce: _ctx.reduce,
+              onChangeStepper: _ctx.changeStepper,
+              onOverLimit: _ctx.stepperOverLimit
+            }, null, 8, ["goods", "stepper-title", "stepper-max", "stepper-min", "stepper-extra-text", "onAdd", "onReduce", "onChangeStepper", "onOverLimit"])) : createCommentVNode("", true),
+            _cache[9] || (_cache[9] = createTextVNode()),
+            renderSlot(_ctx.$slots, "sku-stepper-bottom")
+          ]),
+          _: 3
+        }),
+        _cache[12] || (_cache[12] = createTextVNode()),
         createVNode(_component_sku_operate, {
           "btn-extra-text": _ctx.btnExtraText,
           "btn-options": _ctx.btnOptions,
@@ -531,7 +555,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["visible", "lock-scroll", "catch-move"]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/space/Space.js

@@ -61,7 +61,7 @@ const _sfc_main = create({
       const renderChildren = () => {
         return children.map((child, i) => {
           return h(
-            "div",
+            "view",
             {
               class: `${componentName}-item`,
               style: getMarginStyle(i === children.length - 1)
@@ -71,7 +71,7 @@ const _sfc_main = create({
         });
       };
       return h(
-        "div",
+        "view",
         {
           class: [
             componentName,

package/dist/packages/step/Step.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, renderSlot, toDisplayString, unref, createCommentVNode } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, createTextVNode, renderSlot, toDisplayString, unref, createCommentVNode } from "vue";
 import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { S as STEPS_KEY } from "../types-1HzUV14W.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
@@ -37,7 +37,7 @@ const _hoisted_7 = ["innerHTML"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutStep"
 }), {
-  __name: "step",
+  __name: "step.taro",
   props: {
     title: { default: "" },
     content: { default: "" }
@@ -67,6 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       }, [
         createElementVNode("view", _hoisted_1, [
           _cache[0] || (_cache[0] = createElementVNode("view", { class: "nut-step-line" }, null, -1)),
+          _cache[1] || (_cache[1] = createTextVNode()),
           createElementVNode("view", {
             class: normalizeClass(["nut-step-icon", [!dot.value ? "is-icon" : ""]])
           }, [
@@ -77,12 +78,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
             ])
           ], 2)
         ]),
+        _cache[3] || (_cache[3] = createTextVNode()),
         createElementVNode("view", _hoisted_4, [
           createElementVNode("view", _hoisted_5, [
             renderSlot(_ctx.$slots, "title", {}, () => [
               createElementVNode("span", null, toDisplayString(_ctx.title), 1)
             ])
           ]),
+          _cache[2] || (_cache[2] = createTextVNode()),
           _ctx.content || _ctx.$slots.content ? (openBlock(), createElementBlock("view", _hoisted_6, [
             renderSlot(_ctx.$slots, "content", {}, () => [
               createElementVNode("span", { innerHTML: _ctx.content }, null, 8, _hoisted_7)

package/dist/packages/steps/Steps.js

@@ -24,7 +24,7 @@ import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutSteps"
 }), {
-  __name: "steps",
+  __name: "steps.taro",
   props: {
     direction: { default: "horizontal" },
     current: { default: "0" },

package/dist/packages/sticky/Sticky.js

@@ -1,44 +1,32 @@
-import { ref, reactive, computed, watch, onMounted, onUnmounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { ref, reactive, computed, watch, onMounted, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { g as getScrollParent } from "../index-BvmDLUYP.js";
-import { u as useRect } from "../index-B1qsj2XR.js";
+import { u as useTaroRect } from "../index-m0Wcof-q.js";
+import { usePageScroll } from "@tarojs/taro";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("sticky");
 const _sfc_main = create({
   props: {
-    position: {
-      type: String,
-      default: "top"
-    },
     top: {
       type: [Number, String],
       default: 0
     },
-    bottom: {
-      type: [Number, String],
-      default: 0
-    },
-    container: {
-      type: Object,
-      default: null
-    },
     zIndex: {
       type: [Number, String],
       default: 99
+    },
+    scrollTop: {
+      type: [Number, String],
+      default: -1
     }
   },
   emits: ["change"],
   setup(props, { emit }) {
+    const refRandomId = Math.random().toString(36).slice(-8);
     const rootRef = ref();
-    const stickyRef = ref();
     const state = reactive({
       fixed: false,
       height: 0,
-      width: 0,
-      transform: 0
-    });
-    const threshold = computed(() => {
-      return props.position === "top" ? Number(props.top) : Number(props.bottom);
+      width: 0
     });
     const rootStyle = computed(() => {
       if (state.fixed) return { height: `${state.height}px` };
@@ -47,48 +35,23 @@ const _sfc_main = create({
     const stickyStyle = computed(() => {
       if (!state.fixed) return {};
       return {
-        [props.position]: `${threshold.value}px`,
+        top: `${props.top}px`,
         height: `${state.height}px`,
         width: `${state.width}px`,
-        transform: state.transform ? `translate3d(0, ${state.transform}px, 0)` : void 0,
         position: state.fixed ? "fixed" : void 0,
         zIndex: Number(props.zIndex)
       };
     });
     const handleScroll = () => {
-      const containerEle = props.container;
-      if (!rootRef.value && !containerEle) return;
-      const rootRect = useRect(rootRef);
-      const stCurrent = stickyRef.value;
-      const stickyRect = useRect(stCurrent);
-      const containerRect = useRect(containerEle);
-      state.height = rootRect.height;
-      state.width = rootRect.width;
-      const getFixed = () => {
-        let fixed = false;
-        if (props.position === "top") {
-          fixed = containerEle ? threshold.value > rootRect.top && containerRect.bottom > 0 : threshold.value > rootRect.top;
-        } else {
-          const clientHeight = document.documentElement.clientHeight;
-          fixed = containerEle ? containerRect.bottom > 0 && clientHeight - threshold.value - stickyRect.height > containerRect.top : clientHeight - threshold.value < rootRect.bottom;
-        }
-        return fixed;
-      };
-      const getTransform = () => {
-        if (containerEle) {
-          if (props.position === "top") {
-            const diff = containerRect.bottom - threshold.value - stickyRect.height;
-            return diff < 0 ? diff : 0;
-          } else {
-            const clientHeight = document.documentElement.clientHeight;
-            const diff = containerRect.bottom - (clientHeight - threshold.value);
-            return diff < 0 ? diff : 0;
-          }
+      useTaroRect(rootRef).then(
+        (rootRect) => {
+          state.height = rootRect.height;
+          state.width = rootRect.width;
+          state.fixed = Number(props.top) >= rootRect.top;
+        },
+        () => {
         }
-        return 0;
-      };
-      state.transform = getTransform();
-      state.fixed = getFixed();
+      );
     };
     watch(
       () => state.fixed,
@@ -96,34 +59,32 @@ const _sfc_main = create({
         emit("change", val);
       }
     );
-    onMounted(() => {
-      handleScroll();
-      const el = getScrollParent(rootRef.value);
-      el.addEventListener("scroll", handleScroll, true);
-    });
-    onUnmounted(() => {
-      const el = getScrollParent(rootRef.value);
-      el.removeEventListener("scroll", handleScroll);
-    });
-    return { rootRef, rootStyle, stickyRef, stickyStyle };
+    if (props.scrollTop === -1) {
+      usePageScroll(handleScroll);
+    } else {
+      watch(() => props.scrollTop, handleScroll);
+    }
+    onMounted(handleScroll);
+    return { rootRef, rootStyle, stickyStyle, refRandomId };
   }
 });
+const _hoisted_1 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
+  return openBlock(), createElementBlock("view", {
+    id: "rootRef-" + _ctx.refRandomId,
     ref: "rootRef",
     class: "nut-sticky",
     style: normalizeStyle(_ctx.rootStyle)
   }, [
-    createElementVNode("div", {
-      ref: "stickyRef",
+    createElementVNode("view", {
       class: "nut-sticky__box",
       style: normalizeStyle(_ctx.stickyStyle)
     }, [
       renderSlot(_ctx.$slots, "default")
     ], 4)
-  ], 4);
+  ], 12, _hoisted_1);
 }
-const NutSticky = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  NutSticky as default
+  index_taro as default
 };

package/dist/packages/subsidenavbar/SubSideNavbar.js

@@ -17,9 +17,9 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, toDisplayString, createBlock, withDirectives, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
+import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createElementBlock, createElementVNode, withModifiers, toDisplayString, createTextVNode, createBlock, withDirectives, normalizeClass, normalizeStyle, renderSlot, vShow } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue";
+import { ArrowDown2, ArrowUp2 } from "@nutui/icons-vue-taro";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { create } = createComponent("sub-side-navbar");
 const _sfc_main = create({
@@ -69,10 +69,18 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2, toDisplayString(_ctx.title), 1),
+      _cache[1] || (_cache[1] = createTextVNode()),
       createElementVNode("span", _hoisted_3, [
-        !_ctx.direction ? (openBlock(), createBlock(_component_ArrowDown2, { key: 0 })) : (openBlock(), createBlock(_component_ArrowUp2, { key: 1 }))
+        !_ctx.direction ? (openBlock(), createBlock(_component_ArrowDown2, {
+          key: 0,
+          size: "10"
+        })) : (openBlock(), createBlock(_component_ArrowUp2, {
+          key: 1,
+          size: "10"
+        }))
       ])
     ]),
+    _cache[2] || (_cache[2] = createTextVNode()),
     withDirectives(createElementVNode("view", {
       class: normalizeClass(["nut-sub-side-navbar__list", !_ctx.direction ? "nutFadeIn" : "nutFadeOut"]),
       style: normalizeStyle(_ctx.style)
@@ -83,7 +91,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  index as default
+  index_taro as default
 };

package/dist/packages/swipe/Swipe.js

@@ -17,14 +17,17 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { defineComponent, ref, computed, inject, watch, reactive, openBlock, createElementBlock, normalizeStyle, createElementVNode, renderSlot } from "vue";
+import { defineComponent, ref, inject, watch, onMounted, reactive, computed, openBlock, createElementBlock, normalizeStyle, createElementVNode, unref, renderSlot, createTextVNode } from "vue";
 import { u as useTouch } from "../index-I8tfW3Kf.js";
+import { u as useTaroRect } from "../index-m0Wcof-q.js";
 import { S as SWIPE_KEY } from "../types-BWhKcf4T.js";
 import { w as withInstall } from "../with-install-Ch3FF0uS.js";
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id"];
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutSwipe"
 }), {
-  __name: "swipe",
+  __name: "swipe.taro",
   props: {
     name: { default: "" },
     touchMoveStopPropagation: { type: Boolean, default: false },
@@ -35,17 +38,28 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const getRefWidth = (ref2) => {
-      var _a;
-      return ((_a = ref2.value) == null ? void 0 : _a.getBoundingClientRect().width) || 0;
-    };
+    const refRandomId = Math.random().toString(36).slice(-8);
+    const leftRef = ref();
+    const leftRefWidth = ref(0);
+    const rightRef = ref();
+    const rightRefWidth = ref(0);
     const lockClick = ref(false);
-    const leftRef = ref(), leftRefWidth = computed(() => {
-      return getRefWidth(leftRef);
-    });
-    const rightRef = ref(), rightRefWidth = computed(() => {
-      return getRefWidth(rightRef);
-    });
+    const initWidth = () => {
+      useTaroRect(leftRef).then(
+        (rect) => {
+          leftRefWidth.value = (rect == null ? void 0 : rect.width) || 0;
+        },
+        () => {
+        }
+      );
+      useTaroRect(rightRef).then(
+        (rect) => {
+          rightRefWidth.value = (rect == null ? void 0 : rect.width) || 0;
+        },
+        () => {
+        }
+      );
+    };
     const parent = inject(SWIPE_KEY, null);
     watch(
       () => {
@@ -58,6 +72,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         }
       }
     );
+    onMounted(() => {
+      setTimeout(() => {
+        initWidth();
+      }, 100);
+    });
     const opened = ref(false);
     let position = "";
     let oldPosition = "";
@@ -181,27 +200,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
         onTouchcancel: onTouchEnd
       }, [
         createElementVNode("view", {
+          id: "leftRef-" + unref(refRandomId),
           ref_key: "leftRef",
           ref: leftRef,
           class: "nut-swipe__left",
           onClick: _cache[0] || (_cache[0] = ($event) => onClick($event, "left", true))
         }, [
           renderSlot(_ctx.$slots, "left")
-        ], 512),
+        ], 8, _hoisted_1),
+        _cache[3] || (_cache[3] = createTextVNode()),
         createElementVNode("view", {
           class: "nut-swipe__content",
           onClick: _cache[1] || (_cache[1] = ($event) => onClick($event, "content", lockClick.value))
         }, [
           renderSlot(_ctx.$slots, "default")
         ]),
+        _cache[4] || (_cache[4] = createTextVNode()),
         createElementVNode("view", {
+          id: "rightRef-" + unref(refRandomId),
           ref_key: "rightRef",
           ref: rightRef,
           class: "nut-swipe__right",
           onClick: _cache[2] || (_cache[2] = ($event) => onClick($event, "right", true))
         }, [
           renderSlot(_ctx.$slots, "right")
-        ], 512)
+        ], 8, _hoisted_2)
       ], 36);
     };
   }

package/dist/packages/swipegroup/SwipeGroup.js

@@ -23,7 +23,7 @@ import { w as withInstall } from "../with-install-Ch3FF0uS.js";
 const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
   name: "NutSwipeGroup"
 }), {
-  __name: "swipe-group",
+  __name: "swipe-group.taro",
   props: {
     lock: { type: Boolean, default: false }
   },
@@ -40,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({
       name
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("view", {
         ref_key: "swipeGroupRef",
         ref: swipeGroupRef,
         class: "nut-swipe-group"