@nutui/nutui 3.1.12-beta.1 → 3.1.12

package/dist/packages/_es/InfiniteLoading.js

@@ -17,21 +17,16 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
-};
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, computed, onMounted, toRefs, resolveComponent, openBlock, createBlock, normalizeClass, withCtx, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, createElementBlock, createCommentVNode } from "vue";
+import { reactive, computed, onMounted, onUnmounted, ref, onActivated, onDeactivated, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, createVNode, toDisplayString, renderSlot, createCommentVNode } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _sfc_main$1 } from "./index.taro.vue_vue&type=script&lang.js";
-import Taro from "@tarojs/taro";
-import "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("infiniteloading");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     hasMore: {
       type: Boolean,
@@ -79,16 +74,14 @@ var _sfc_main = create({
     }
   },
   emits: ["scroll-change", "load-more", "refresh"],
-  components: {
-    "nut-icon": _sfc_main$1
-  },
   setup(props, { emit, slots }) {
     const state = reactive({
-      scrollHeight: 0,
-      scrollTop: 0,
-      isInfiniting: false,
-      direction: "down",
+      scrollEl: window,
+      scroller: null,
+      refreshTop: null,
+      beforeScrollTop: 0,
       isTouching: false,
+      isInfiniting: false,
       refreshMaxH: 0,
       y: 0,
       x: 0,
@@ -107,46 +100,69 @@ var _sfc_main = create({
       };
     });
     const getParentElement = (el) => {
-      return Taro.createSelectorQuery().select(!!props.containerId ? `#${props.containerId} #${el}` : `#${el}`);
+      return !!props.containerId ? document.querySelector(`#${props.containerId}`) : el && el.parentNode;
     };
-    const getScrollHeight = () => {
-      const parentElement = getParentElement("scroller");
-      parentElement.boundingClientRect((rect) => {
-        state.scrollHeight = rect.height;
-      }).exec();
+    const requestAniFrame = () => {
+      return window.requestAnimationFrame || window.webkitRequestAnimationFrame || function(callback) {
+        window.setTimeout(callback, 1e3 / 60);
+      };
     };
-    const lower = () => {
-      if (state.direction == "up" || !props.hasMore || state.isInfiniting) {
-        return false;
-      } else {
-        state.isInfiniting = true;
-        emit("load-more", infiniteDone);
-      }
+    const getWindowScrollTop = () => {
+      return window.pageYOffset !== void 0 ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
+    };
+    const calculateTopPosition = (el) => {
+      return !el ? 0 : el.offsetTop + calculateTopPosition(el.offsetParent);
     };
-    const scroll = (e) => {
-      if (e.detail.scrollTop <= 0) {
-        e.detail.scrollTop = 0;
-      } else if (e.detail.scrollTop >= state.scrollHeight) {
-        e.detail.scrollTop = state.scrollHeight;
+    const isScrollAtBottom = () => {
+      let offsetDistance = 0;
+      let resScrollTop = 0;
+      let direction = "down";
+      const windowScrollTop = getWindowScrollTop();
+      if (props.useWindow) {
+        if (state.scroller) {
+          offsetDistance = calculateTopPosition(state.scroller) + state.scroller.offsetHeight - windowScrollTop - window.innerHeight;
+        }
+        resScrollTop = windowScrollTop;
+      } else {
+        const { scrollHeight, clientHeight, scrollTop } = state.scrollEl;
+        offsetDistance = scrollHeight - clientHeight - scrollTop;
+        resScrollTop = scrollTop;
       }
-      if (e.detail.scrollTop > state.scrollTop || e.detail.scrollTop >= state.scrollHeight) {
-        state.direction = "down";
+      if (state.beforeScrollTop > resScrollTop) {
+        direction = "up";
       } else {
-        state.direction = "up";
+        direction = "down";
       }
-      state.scrollTop = e.detail.scrollTop;
-      emit("scroll-change", e.detail.scrollTop);
+      state.beforeScrollTop = resScrollTop;
+      emit("scroll-change", resScrollTop);
+      return offsetDistance <= props.threshold && direction == "down";
     };
     const infiniteDone = () => {
       state.isInfiniting = false;
     };
+    const handleScroll = () => {
+      requestAniFrame()(() => {
+        if (!isScrollAtBottom() || !props.hasMore || state.isInfiniting) {
+          return false;
+        } else {
+          state.isInfiniting = true;
+          emit("load-more", infiniteDone);
+        }
+      });
+    };
+    const scrollListener = () => {
+      state.scrollEl.addEventListener("scroll", handleScroll, props.useCapture);
+    };
+    const refreshDone = () => {
+      state.distance = 0;
+      state.isTouching = false;
+    };
     const touchStart = (event) => {
-      if (state.scrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
+      if (state.beforeScrollTop == 0 && !state.isTouching && props.isOpenRefresh) {
         state.y = event.touches[0].pageY;
         state.isTouching = true;
-        getParentElement("refreshTop").boundingClientRect((rect) => {
-          state.refreshMaxH = Math.floor(rect.height * 1 + 10);
-        }).exec();
+        const childHeight = state.refreshTop.firstElementChild.offsetHeight;
+        state.refreshMaxH = Math.floor(childHeight * 1 + 10);
       }
     };
     const touchMove = (event) => {
@@ -167,20 +183,28 @@ var _sfc_main = create({
         emit("refresh", refreshDone);
       }
     };
-    const refreshDone = () => {
-      state.distance = 0;
-      state.isTouching = false;
-    };
     onMounted(() => {
-      setTimeout(() => {
-        getScrollHeight();
-      }, 200);
+      const parentElement = getParentElement(state.scroller);
+      state.scrollEl = props.useWindow ? window : parentElement;
+      scrollListener();
+    });
+    onUnmounted(() => {
+      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
+    });
+    const isKeepAlive = ref(false);
+    onActivated(() => {
+      if (isKeepAlive.value) {
+        isKeepAlive.value = false;
+        scrollListener();
+      }
+    });
+    onDeactivated(() => {
+      isKeepAlive.value = true;
+      state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
     });
     return __spreadProps(__spreadValues({
       classes
     }, toRefs(state)), {
-      lower,
-      scroll,
       touchStart,
       touchMove,
       touchEnd,
@@ -188,10 +212,7 @@ var _sfc_main = create({
     });
   }
 });
-const _hoisted_1 = {
-  class: "top-box",
-  id: "refreshTop"
-};
+const _hoisted_1 = { class: "top-box" };
 const _hoisted_2 = { class: "top-text" };
 const _hoisted_3 = { class: "nut-infinite-container" };
 const _hoisted_4 = { class: "nut-infinite-bottom" };
@@ -206,46 +227,39 @@ const _hoisted_7 = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  const _component_scroll_view = resolveComponent("scroll-view");
-  return openBlock(), createBlock(_component_scroll_view, {
+  return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
-    scrollY: "true",
-    style: { "height": "100%" },
-    id: "scroller",
-    onScrolltolower: _ctx.lower,
-    onScroll: _ctx.scroll,
-    onTouchstart: _ctx.touchStart,
-    onTouchmove: _ctx.touchMove,
-    onTouchend: _ctx.touchEnd
-  }, {
-    default: withCtx(() => [
-      createElementVNode("view", {
-        class: "nut-infinite-top",
-        style: normalizeStyle(_ctx.getStyle)
-      }, [
-        createElementVNode("view", _hoisted_1, [
-          createVNode(_component_nut_icon, {
-            class: "top-img",
-            name: _ctx.pullIcon
-          }, null, 8, ["name"]),
-          createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt), 1)
-        ])
-      ], 4),
-      createElementVNode("view", _hoisted_3, [
-        renderSlot(_ctx.$slots, "default")
-      ]),
-      createElementVNode("view", _hoisted_4, [
-        _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
-          createVNode(_component_nut_icon, {
-            class: "bottom-img",
-            name: _ctx.loadIcon
-          }, null, 8, ["name"]),
-          createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt), 1)
-        ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
+    ref: "scroller",
+    onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+    onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
+    onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+  }, [
+    createElementVNode("view", {
+      class: "nut-infinite-top",
+      ref: "refreshTop",
+      style: normalizeStyle(_ctx.getStyle)
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createVNode(_component_nut_icon, {
+          class: "top-img",
+          name: _ctx.pullIcon
+        }, null, 8, ["name"]),
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.pullTxt), 1)
       ])
+    ], 4),
+    createElementVNode("view", _hoisted_3, [
+      renderSlot(_ctx.$slots, "default")
     ]),
-    _: 3
-  }, 8, ["class", "onScrolltolower", "onScroll", "onTouchstart", "onTouchmove", "onTouchend"]);
+    createElementVNode("view", _hoisted_4, [
+      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5, [
+        createVNode(_component_nut_icon, {
+          class: "bottom-img",
+          name: _ctx.loadIcon
+        }, null, 8, ["name"]),
+        createElementVNode("view", _hoisted_6, toDisplayString(_ctx.loadTxt), 1)
+      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
+    ])
+  ], 34);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Input.js

@@ -1,19 +1,20 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeStyle, withDirectives, createVNode, vShow } from "vue";
 import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 function trimExtraChar(value, char, regExp) {
-  const index = value.indexOf(char);
-  if (index === -1) {
+  const index2 = value.indexOf(char);
+  if (index2 === -1) {
     return value;
   }
-  if (char === "-" && index !== 0) {
-    return value.slice(0, index);
+  if (char === "-" && index2 !== 0) {
+    return value.slice(0, index2);
   }
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, "");
+  return value.slice(0, index2 + 1) + value.slice(index2).replace(regExp, "");
 }
 function formatNumber(value, allowDot = true, allowMinus = true) {
   if (allowDot) {
@@ -30,7 +31,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   return value.replace(regExp, "");
 }
 const { componentName, create } = createComponent("input");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     type: {
       type: String,
@@ -66,7 +67,7 @@ var _sfc_main = create({
     },
     maxLength: {
       type: [String, Number],
-      default: "99999999"
+      default: ""
     },
     clearable: {
       type: Boolean,
@@ -92,15 +93,15 @@ var _sfc_main = create({
     const valueChange = (event) => {
       const input = event.target;
       let val = input.value;
-      if (props.maxLength && val.length > Number(props.maxLength)) {
-        val = val.slice(0, Number(props.maxLength));
-      }
       if (props.type === "digit") {
         val = formatNumber(val, true);
       }
       if (props.type === "number") {
         val = formatNumber(val, false);
       }
+      if (props.maxLength && val.length > Number(props.maxLength)) {
+        val = val.slice(0, Number(props.maxLength));
+      }
       emit("update:modelValue", val, event);
       emit("change", val, event);
     };
@@ -116,6 +117,9 @@ var _sfc_main = create({
       }, 0);
       const input = event.target;
       let value = input.value;
+      if (props.maxLength && value.length > Number(props.maxLength)) {
+        value = value.slice(0, Number(props.maxLength));
+      }
       emit("blur", value, event);
     };
     const handleClear = (event) => {
@@ -139,11 +143,7 @@ const _hoisted_2 = {
   key: 0,
   class: "label-string"
 };
-const _hoisted_3 = {
-  key: 0,
-  class: "input-text"
-};
-const _hoisted_4 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
+const _hoisted_3 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -152,8 +152,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_1, [
       _ctx.label ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true)
     ]),
-    _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("input", {
-      key: 1,
+    createElementVNode("input", {
       class: "input-text",
       style: normalizeStyle(_ctx.styles),
       type: _ctx.type,
@@ -165,9 +164,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
       onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
       onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-    }, null, 44, _hoisted_4)),
+    }, null, 44, _hoisted_3),
     _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createElementBlock("view", {
-      key: 2,
+      key: 0,
       onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
       class: "nut-textinput-clear"
     }, [
@@ -180,5 +179,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ]) : createCommentVNode("", true)
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/InputNumber.js

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, toDisplayString } from "vue";
+import { computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createVNode, createElementVNode } from "vue";
 import { c as createComponent } from "./component.js";
 import { p as pxCheck } from "./pxCheck.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("inputnumber");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     modelValue: {
       type: [Number, String],
@@ -60,7 +61,7 @@ var _sfc_main = create({
     };
     const change = (event) => {
       const input = event.target;
-      emit("update:modelValue", input.value, event);
+      emit("update:modelValue", input.valueAsNumber, event);
     };
     const emitChange = (value, event) => {
       let output_value = fixedDecimalPlaces(value);
@@ -91,13 +92,20 @@ var _sfc_main = create({
         emit("overlimit", event, "add");
       }
     };
+    const focus = (event) => {
+      if (props.disabled)
+        return;
+      if (props.readonly)
+        return;
+      emit("focus", event);
+    };
     const blur = (event) => {
       if (props.disabled)
         return;
       if (props.readonly)
         return;
       const input = event.target;
-      let value = +input.value;
+      let value = input.valueAsNumber;
       if (value < Number(props.min)) {
         value = Number(props.min);
       } else if (value > Number(props.max)) {
@@ -106,15 +114,6 @@ var _sfc_main = create({
       emitChange(value, event);
       emit("blur", event);
     };
-    const focus = (event) => {
-      if (props.disabled)
-        return;
-      if (props.readonly) {
-        blur(event);
-        return;
-      }
-      emit("focus", event);
-    };
     return {
       classes,
       change,
@@ -128,11 +127,7 @@ var _sfc_main = create({
     };
   }
 });
-const _hoisted_1 = {
-  key: 0,
-  class: "nut-inputnumber__text--readonly"
-};
-const _hoisted_2 = ["min", "max", "disabled", "readonly", "value"];
+const _hoisted_1 = ["min", "max", "disabled", "readonly", "value"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -145,8 +140,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       size: _ctx.buttonSize,
       onClick: _ctx.reduce
     }, null, 8, ["class", "size", "onClick"]),
-    _ctx.readonly ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.modelValue), 1)) : (openBlock(), createElementBlock("input", {
-      key: 1,
+    createElementVNode("input", {
       type: "number",
       min: _ctx.min,
       max: _ctx.max,
@@ -157,7 +151,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       onInput: _cache[0] || (_cache[0] = (...args) => _ctx.change && _ctx.change(...args)),
       onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
       onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
-    }, null, 44, _hoisted_2)),
+    }, null, 44, _hoisted_1),
     createVNode(_component_nut_icon, {
       name: "plus",
       class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
@@ -166,5 +160,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "size", "onClick"])
   ], 6);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Layout.js

@@ -1,10 +1,10 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { c as createComponent } from "./component.js";
 import "vue";
 const { create } = createComponent("layout");
-var _sfc_main = create({});
+const _sfc_main = create({});
 export { _sfc_main as default };

package/dist/packages/_es/Menu.js

@@ -1,13 +1,14 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { ref, computed, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import Taro from "@tarojs/taro";
+import { u as useRect } from "./index3.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("menu");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     activeColor: {
       type: String,
@@ -19,7 +20,7 @@ var _sfc_main = create({
     },
     duration: {
       type: [Number, String],
-      default: 0.3
+      default: 0
     }
   },
   setup(props, { emit, slots }) {
@@ -56,17 +57,14 @@ var _sfc_main = create({
     });
     const updateOffset = () => {
       if (barRef.value) {
-        setTimeout(() => {
-          Taro.createSelectorQuery().select(".nut-menu__bar.opened").boundingClientRect((rect) => {
-            offset.value = rect.bottom;
-          }).exec();
-        }, 100);
+        const rect = useRect(barRef);
+        offset.value = rect.bottom;
       }
     };
     linkChildren({ props, offset });
     const toggleItem = (active) => {
-      children.forEach((item, index) => {
-        if (index === active) {
+      children.forEach((item, index2) => {
+        if (index2 === active) {
           updateOffset();
           item.toggle();
         } else if (item.state.showPopup) {
@@ -94,11 +92,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
       ref: "barRef"
     }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index2) => {
         return openBlock(), createElementBlock("view", {
-          key: index,
+          key: index2,
           class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
-          onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index2),
           style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
           createElementVNode("view", {
@@ -117,5 +115,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/MenuItem.js

@@ -1,15 +1,17 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, inject, getCurrentInstance, resolveComponent, withDirectives, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, vShow, createVNode, mergeProps, withCtx, Fragment, renderList, createBlock, createCommentVNode, toDisplayString, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
-import { _ as _sfc_main$1, a as _sfc_main$2 } from "./index3.js";
-import "./use-lock-scroll.js";
+import _sfc_main$1 from "./Icon.js";
+import Popup from "./Popup.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./pxCheck.js";
+import "./OverLay.js";
 const { componentName, create } = createComponent("menu-item");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     title: String,
     options: {
@@ -32,7 +34,7 @@ var _sfc_main = create({
   },
   components: {
     [_sfc_main$1.name]: _sfc_main$1,
-    [_sfc_main$2.name]: _sfc_main$2
+    [Popup.name]: Popup
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, slots }) {
@@ -136,9 +138,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     }), {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index2) => {
             return openBlock(), createElementBlock("view", {
-              key: index,
+              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)
@@ -162,5 +164,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     [vShow, _ctx.state.showWrapper]
   ]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };