@nutui/nutui 4.3.14 → 4.3.15-beta.2

package/dist/packages/list/List.js

@@ -17,9 +17,31 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { ref, reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, renderSlot } from "vue";
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { ref, reactive, computed, watch, toRefs, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, createTextVNode, createElementBlock, Fragment, renderList, renderSlot } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { u as useRect } from "../index-B1qsj2XR.js";
+import Taro from "@tarojs/taro";
+import { _ as _sfc_main$1 } from "../index.taro.vue_vue_type_script_setup_true_lang-JJ7hr71Y.js";
+import { u as useTaroRect } from "../index-m0Wcof-q.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 var CompareResult = /* @__PURE__ */ ((CompareResult2) => {
   CompareResult2[CompareResult2["eq"] = 1] = "eq";
@@ -48,7 +70,14 @@ function binarySearch(list, value, compareFunc) {
 }
 const { create } = createComponent("list");
 const _sfc_main = create({
+  components: {
+    NutScrollView: _sfc_main$1
+  },
   props: {
+    height: {
+      type: [Number],
+      default: 50
+    },
     listData: {
       type: Array,
       default: () => {
@@ -62,7 +91,7 @@ const _sfc_main = create({
     containerHeight: {
       type: Number
     },
-    height: {
+    estimateRowHeight: {
       type: Number,
       default: 80
     },
@@ -73,17 +102,19 @@ const _sfc_main = create({
   },
   emits: ["scrollUp", "scrollDown", "scrollBottom"],
   setup(props, { emit }) {
-    const clientHeight = document.documentElement.clientHeight || document.body.clientHeight || 667;
+    var _a, _b, _c;
+    const clientHeight = ((_c = (_b = (_a = Taro).getSystemInfoSync) == null ? void 0 : _b.call(_a)) == null ? void 0 : _c.windowHeight) || 667;
     const list = ref(null);
     const phantom = ref(null);
     const actualContent = ref(null);
+    const refRandomId = Math.random().toString(36).slice(-8);
     const state = reactive({
       start: 0,
       originStartIndex: 0,
       scrollTop: 0,
       list: props.listData.slice(),
       cachePositions: [],
-      phantomHeight: props.height * props.listData.length
+      phantomHeight: props.estimateRowHeight * props.listData.length
     });
     const getContainerHeight = computed(() => {
       if (props.containerHeight) {
@@ -92,7 +123,7 @@ const _sfc_main = create({
       return clientHeight;
     });
     const visibleCount = computed(() => {
-      return Math.ceil(getContainerHeight.value / props.height);
+      return Math.ceil(getContainerHeight.value / props.estimateRowHeight);
     });
     const end = computed(() => {
       return Math.min(state.originStartIndex + visibleCount.value + props.bufferSize, state.list.length);
@@ -110,9 +141,9 @@ const _sfc_main = create({
       for (let i = 0; i < state.list.length; ++i) {
         state.cachePositions[i] = {
           index: i,
-          height: props.height,
-          top: i * props.height,
-          bottom: (i + 1) * (props.height + props.margin),
+          height: props.estimateRowHeight,
+          top: i * props.estimateRowHeight,
+          bottom: (i + 1) * (props.estimateRowHeight + props.margin),
           dValue: 0
         };
       }
@@ -121,18 +152,25 @@ const _sfc_main = create({
       let nodes = actualContent.value.childNodes;
       nodes = Array.from(nodes).filter((node) => node.nodeType === 1);
       const start = nodes[0];
-      nodes.forEach((node, index2) => {
+      nodes.forEach((node, index) => __async(this, null, function* () {
         if (!node) return;
-        const rect = useRect(node);
-        const { height: height2 } = rect;
-        const oldHeight = state.cachePositions[index2 + state.start].height;
-        const dValue = oldHeight - height2;
-        if (dValue) {
-          state.cachePositions[index2 + state.start].bottom -= dValue;
-          state.cachePositions[index2 + state.start].height = height2;
-          state.cachePositions[index2 + state.start].dValue = dValue;
-        }
-      });
+        useTaroRect(node).then(
+          (rect) => {
+            if (rect && rect.height) {
+              const { height: height2 } = rect;
+              const oldHeight = state.cachePositions[index + state.start] ? state.cachePositions[index + state.start].height : props.height;
+              const dValue = oldHeight - height2;
+              if (dValue && state.cachePositions[index + state.start]) {
+                state.cachePositions[index + state.start].bottom -= dValue;
+                state.cachePositions[index + state.start].height = height2;
+                state.cachePositions[index + state.start].dValue = dValue;
+              }
+            }
+          },
+          () => {
+          }
+        );
+      }));
       let startIndex = 0;
       if (start) {
         startIndex = state.start;
@@ -179,11 +217,10 @@ const _sfc_main = create({
       state.scrollTop = 0;
       list.value.scrollTop = 0;
       initCachedPosition();
-      state.phantomHeight = props.height * state.list.length;
+      state.phantomHeight = props.estimateRowHeight * state.list.length;
     };
-    const handleScrollEvent = () => {
-      var _a;
-      const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
+    const handleScrollEvent = (e) => __async(this, null, function* () {
+      const scrollTop = Math.max(e.detail ? e.detail.scrollTop : e.target.scrollTop, 0.1);
       const { originStartIndex } = state;
       const currentIndex = getStartIndex(scrollTop);
       if (currentIndex !== originStartIndex) {
@@ -195,15 +232,17 @@ const _sfc_main = create({
       }
       emit(scrollTop > state.scrollTop ? "scrollUp" : "scrollDown", scrollTop);
       state.scrollTop = scrollTop;
-    };
+    });
     initCachedPosition();
     watch(
       () => props.listData,
       (val) => {
         state.list = val.slice();
         if (state.list.length === val.length) {
-          initCachedPosition();
-          updateCachedPosition();
+          setTimeout(() => {
+            initCachedPosition();
+            updateCachedPosition();
+          }, 200);
         } else {
           resetAllVirtualParam();
           return;
@@ -214,7 +253,11 @@ const _sfc_main = create({
       () => state.start,
       () => {
         if (actualContent.value && state.list.length > 0) {
-          updateCachedPosition();
+          Taro.nextTick(() => {
+            setTimeout(() => {
+              updateCachedPosition();
+            }, 200);
+          });
         }
       }
     );
@@ -224,43 +267,58 @@ const _sfc_main = create({
       actualContent,
       getTransform,
       visibleData,
+      refRandomId,
       getContainerHeight,
       handleScrollEvent
     });
   }
 });
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["id"];
+const _hoisted_3 = ["id"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
+  const _component_nut_scroll_view = resolveComponent("nut-scroll-view");
+  return openBlock(), createBlock(_component_nut_scroll_view, {
+    id: "list" + _ctx.refRandomId,
     ref: "list",
     class: "nut-list",
+    "scroll-y": true,
     style: normalizeStyle({ height: `${_ctx.getContainerHeight}px` }),
-    onScrollPassive: _cache[0] || (_cache[0] = (...args) => _ctx.handleScrollEvent && _ctx.handleScrollEvent(...args))
-  }, [
-    createElementVNode("div", {
-      ref: "phantom",
-      class: "nut-list-phantom",
-      style: normalizeStyle({ height: _ctx.phantomHeight + "px" })
-    }, null, 4),
-    createElementVNode("div", {
-      ref: "actualContent",
-      class: "nut-list-container",
-      style: normalizeStyle({ transform: _ctx.getTransform() })
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleData, (item, index2) => {
-        return openBlock(), createElementBlock("div", {
-          key: item,
-          class: "nut-list-item"
-        }, [
-          renderSlot(_ctx.$slots, "default", {
-            item,
-            index: index2 + _ctx.start
-          })
-        ]);
-      }), 128))
-    ], 4)
-  ], 36);
+    "scroll-top": "0",
+    onScroll: _ctx.handleScrollEvent
+  }, {
+    default: withCtx(() => [
+      createElementVNode("div", {
+        id: "phantom" + _ctx.refRandomId,
+        ref: "phantom",
+        class: "nut-list-phantom",
+        style: normalizeStyle({ height: _ctx.phantomHeight + "px" })
+      }, null, 12, _hoisted_1),
+      _cache[0] || (_cache[0] = createTextVNode()),
+      createElementVNode("div", {
+        id: "actualContent" + _ctx.refRandomId,
+        ref: "actualContent",
+        class: "nut-list-container",
+        style: normalizeStyle({ transform: _ctx.getTransform() })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleData, (item, index) => {
+          return openBlock(), createElementBlock("div", {
+            id: "list-item-" + Number(index + _ctx.start),
+            key: item,
+            class: "nut-list-item"
+          }, [
+            renderSlot(_ctx.$slots, "default", {
+              item,
+              index: index + _ctx.start
+            })
+          ], 8, _hoisted_3);
+        }), 128))
+      ], 12, _hoisted_2)
+    ]),
+    _: 3
+  }, 8, ["id", "style", "onScroll"]);
 }
-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/menu/Menu.js

@@ -1,9 +1,10 @@
-import { ref, computed, onMounted, onUnmounted, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, renderSlot, createBlock } from "vue";
+import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createTextVNode, renderSlot, createBlock } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { u as useRect } from "../index-B1qsj2XR.js";
-import { RectUp, RectDown } from "@nutui/icons-vue";
-import { M as MENU_KEY } from "../types-CkPfROfI.js";
+import Taro, { usePageScroll } from "@tarojs/taro";
+import { u as useTaroRect } from "../index-m0Wcof-q.js";
+import { RectUp, RectDown } from "@nutui/icons-vue-taro";
 import { u as useChildren } from "../useChildren-BZ4-J79J.js";
+import { M as MENU_KEY } from "../types-CkPfROfI.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
 const { componentName, create } = createComponent("menu");
 const _sfc_main = create({
@@ -47,6 +48,7 @@ const _sfc_main = create({
   },
   setup(props) {
     const barRef = ref();
+    const refRandomId = Math.random().toString(36).slice(-8);
     const offset = ref(0);
     const isScrollFixed = ref(false);
     const { children, linkChildren } = useChildren(MENU_KEY);
@@ -58,33 +60,37 @@ const _sfc_main = create({
         "scroll-fixed": isScrollFixed.value
       };
     });
-    const updateOffset = () => {
+    const updateOffset = (children2) => {
       if (barRef.value) {
-        const rect = useRect(barRef);
-        if (props.direction === "down") {
-          offset.value = rect.bottom;
-        } else {
-          offset.value = window.innerHeight - rect.top;
-        }
+        setTimeout(() => {
+          useTaroRect(barRef).then(
+            (rect) => {
+              if (props.direction === "down") {
+                offset.value = rect.bottom;
+              } else {
+                offset.value = Taro.getSystemInfoSync().windowHeight - rect.top;
+              }
+              children2.toggle();
+            },
+            () => {
+            }
+          );
+        }, 100);
       }
     };
     linkChildren({ props, offset });
     const toggleItem = (active) => {
-      children.forEach((item, index2) => {
-        if (index2 === active) {
-          updateOffset();
-          item.toggle();
+      children.forEach((item, index) => {
+        if (index === active) {
+          updateOffset(item);
         } else if (item.state.showPopup) {
           item.toggle(false, { immediate: true });
         }
       });
     };
-    const getScrollTop = (el) => {
-      return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
-    };
-    const onScroll = () => {
+    const onScroll = (res) => {
       const { scrollFixed } = props;
-      const scrollTop = getScrollTop(window);
+      const scrollTop = res.scrollTop;
       isScrollFixed.value = scrollTop > (typeof scrollFixed === "boolean" ? 30 : Number(scrollFixed));
     };
     const getClasses = (showPopup) => {
@@ -98,16 +104,10 @@ const _sfc_main = create({
       }
       return str;
     };
-    onMounted(() => {
-      const { scrollFixed } = props;
-      if (scrollFixed) {
-        window.addEventListener("scroll", onScroll);
-      }
-    });
-    onUnmounted(() => {
+    usePageScroll((res) => {
       const { scrollFixed } = props;
       if (scrollFixed) {
-        window.removeEventListener("scroll", onScroll);
+        onScroll(res);
       }
     });
     return {
@@ -116,13 +116,15 @@ const _sfc_main = create({
       opened,
       classes,
       barRef,
+      refRandomId,
       getClasses
     };
   }
 });
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = { class: "nut-menu__title-text" };
-const _hoisted_3 = { class: "nut-menu__title-icon" };
+const _hoisted_1 = ["id"];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "nut-menu__title-text" };
+const _hoisted_4 = { class: "nut-menu__title-icon" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_RectUp = resolveComponent("RectUp");
   const _component_RectDown = resolveComponent("RectDown");
@@ -130,33 +132,36 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", {
+      id: "nut-menu__bar" + _ctx.refRandomId,
       ref: "barRef",
       class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }])
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index2) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
         return openBlock(), createElementBlock("view", {
-          key: index2,
+          key: index,
           class: normalizeClass(["nut-menu__item", { disabled: item.disabled, active: item.state.showPopup }]),
           style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" }),
-          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2)
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index)
         }, [
           createElementVNode("view", {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
           }, [
-            createElementVNode("view", _hoisted_2, toDisplayString(item.renderTitle()), 1),
-            createElementVNode("span", _hoisted_3, [
+            createElementVNode("view", _hoisted_3, toDisplayString(item.renderTitle()), 1),
+            _cache[0] || (_cache[0] = createTextVNode()),
+            createElementVNode("span", _hoisted_4, [
               renderSlot(_ctx.$slots, "icon", {}, () => [
                 _ctx.direction === "up" ? (openBlock(), createBlock(_component_RectUp, { key: 0 })) : (openBlock(), createBlock(_component_RectDown, { key: 1 }))
               ])
             ])
           ], 2)
-        ], 14, _hoisted_1);
+        ], 14, _hoisted_2);
       }), 128))
-    ], 2),
+    ], 10, _hoisted_1),
+    _cache[1] || (_cache[1] = createTextVNode()),
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-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/menuitem/MenuItem.js

@@ -17,10 +17,11 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { reactive, computed, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeStyle, createElementVNode, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
+import { reactive, computed, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeStyle, createElementVNode, vShow, createTextVNode, createVNode, mergeProps, withCtx, Fragment, renderList, normalizeClass, renderSlot, createCommentVNode, toDisplayString } from "vue";
 import { c as createComponent } from "../component-DQf3CENX.js";
-import { N as NutPopup } from "../index-wLaOjIn1.js";
-import { Check } from "@nutui/icons-vue";
+import { N as NutPopup } from "../index.taro-CNxLoYer.js";
+import { Check } from "@nutui/icons-vue-taro";
+import { _ as _sfc_main$1 } from "../index.taro.vue_vue_type_script_setup_true_lang-JJ7hr71Y.js";
 import { u as useParent } from "../useParent-D6DiuxZZ.js";
 import { M as MENU_KEY } from "../types-CkPfROfI.js";
 import { _ as _export_sfc } from "../_plugin-vue_export-helper-1tPrXgE0.js";
@@ -45,10 +46,11 @@ const _sfc_main = create({
     inactiveTitleClass: String
   },
   components: {
+    Check,
     NutPopup,
-    Check
+    NutScrollView: _sfc_main$1
   },
-  emits: ["update:modelValue", "change", "open", "close"],
+  emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const state = reactive({
       showPopup: false,
@@ -56,11 +58,7 @@ const _sfc_main = create({
     });
     const { parent } = useParent(MENU_KEY);
     const style = computed(() => {
-      return parent.props.direction === "down" ? {
-        top: parent.offset.value + "px"
-      } : {
-        bottom: parent.offset.value + "px"
-      };
+      return parent.props.direction === "down" ? { top: parent.offset.value + "px" } : { bottom: parent.offset.value + "px" };
     });
     const placeholderElementStyle = computed(() => {
       const heightStyle = { height: parent.offset.value + "px" };
@@ -77,7 +75,6 @@ const _sfc_main = create({
       state.showPopup = show;
       if (show) {
         state.showWrapper = true;
-        emit("open");
       }
     };
     const renderTitle = () => {
@@ -96,12 +93,10 @@ const _sfc_main = create({
       }
     };
     const handleClose = () => {
-      emit("close");
       state.showWrapper = false;
     };
     const handleClickOutside = () => {
       state.showPopup = false;
-      emit("close");
     };
     return {
       style,
@@ -116,22 +111,26 @@ const _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = { class: "nut-menu-item__content nut-menu-item__overflow" };
-const _hoisted_2 = ["onClick"];
+const _hoisted_1 = ["catch-move"];
+const _hoisted_2 = { class: "nut-menu-item__content" };
+const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Check = resolveComponent("Check");
+  const _component_nut_scroll_view = resolveComponent("nut-scroll-view");
   const _component_nut_popup = resolveComponent("nut-popup");
   return withDirectives((openBlock(), createElementBlock("view", {
     class: "nut-menu-item",
     style: normalizeStyle(_ctx.style)
   }, [
-    withDirectives(createElementVNode("div", {
+    withDirectives(createElementVNode("view", {
       class: "nut-menu-item-placeholder-element",
       style: normalizeStyle(_ctx.placeholderElementStyle),
+      "catch-move": _ctx.parent.props.lockScroll,
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args))
-    }, null, 4), [
+    }, null, 12, _hoisted_1), [
       [vShow, _ctx.state.showPopup]
     ]),
+    _cache[4] || (_cache[4] = createTextVNode()),
     createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
       visible: _ctx.state.showPopup,
       "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
@@ -142,45 +141,52 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       "destroy-on-close": false,
       overlay: _ctx.parent.props.overlay,
       "lock-scroll": _ctx.parent.props.lockScroll,
-      "teleport-disable": false,
       "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay,
+      "catch-move": _ctx.parent.props.lockScroll,
       onClosed: _ctx.handleClose
     }), {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index2) => {
-            return openBlock(), createElementBlock("view", {
-              key: index2,
-              class: normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
-              style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
-              onClick: ($event) => _ctx.onClick(option)
-            }, [
-              option.value === _ctx.modelValue ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass(["nut-menu-item__span", [option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]])
-              }, [
-                renderSlot(_ctx.$slots, "icon", {}, () => [
-                  createVNode(_component_Check, mergeProps({ ref_for: true }, _ctx.$attrs, {
-                    color: _ctx.parent.props.activeColor
-                  }), null, 16, ["color"])
-                ])
-              ], 2)) : createCommentVNode("", true),
-              createElementVNode("view", {
-                class: normalizeClass([option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]),
-                style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
-              }, toDisplayString(option.text), 7)
-            ], 14, _hoisted_2);
-          }), 128)),
-          renderSlot(_ctx.$slots, "default")
-        ])
+        createVNode(_component_nut_scroll_view, { "scroll-y": true }, {
+          default: withCtx(() => [
+            createElementVNode("view", _hoisted_2, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+                return openBlock(), createElementBlock("view", {
+                  key: index,
+                  class: normalizeClass(["nut-menu-item__option", [{ active: option.value === _ctx.modelValue }]]),
+                  style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
+                  onClick: ($event) => _ctx.onClick(option)
+                }, [
+                  option.value === _ctx.modelValue ? (openBlock(), createElementBlock("span", {
+                    key: 0,
+                    class: normalizeClass(["nut-menu-item__span", [option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]])
+                  }, [
+                    renderSlot(_ctx.$slots, "icon", {}, () => [
+                      createVNode(_component_Check, mergeProps({ ref_for: true }, _ctx.$attrs, {
+                        color: _ctx.parent.props.activeColor
+                      }), null, 16, ["color"])
+                    ])
+                  ], 2)) : createCommentVNode("", true),
+                  _cache[2] || (_cache[2] = createTextVNode()),
+                  createElementVNode("view", {
+                    class: normalizeClass([option.value === _ctx.modelValue ? _ctx.activeTitleClass : _ctx.inactiveTitleClass]),
+                    style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+                  }, toDisplayString(option.text), 7)
+                ], 14, _hoisted_3);
+              }), 128)),
+              _cache[3] || (_cache[3] = createTextVNode()),
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ]),
+          _: 3
+        })
       ]),
       _: 3
-    }, 16, ["visible", "position", "duration", "overlay", "lock-scroll", "close-on-click-overlay", "onClosed"])
+    }, 16, ["visible", "position", "duration", "overlay", "lock-scroll", "close-on-click-overlay", "catch-move", "onClosed"])
   ], 4)), [
     [vShow, _ctx.state.showWrapper]
   ]);
 }
-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
 };