@nutui/nutui 3.1.11 → 3.1.12-beta.0

package/dist/nutui.umd.js

@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.11 Mon Nov 15 2021 22:27:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12-beta.0 Mon Nov 22 2021 20:58:05 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
@@ -50,10 +50,11 @@ var __publicField = (obj, key, value) => {
     };
   }
   var _export_sfc = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
     for (const [key, val] of props) {
-      sfc[key] = val;
+      target[key] = val;
     }
-    return sfc;
+    return target;
   };
   const { componentName: componentName$X, create: create$1b } = createComponent("avatar");
   const _sfc_main$1b = create$1b({
@@ -112,7 +113,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$N = {
+  const _hoisted_1$P = {
     key: 0,
     class: "text"
   };
@@ -127,7 +128,7 @@ var __publicField = (obj, key, value) => {
         class: "icon",
         name: _ctx.iconStyles
       }, null, 8, ["name"]),
-      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$N, [
+      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$P, [
         vue.renderSlot(_ctx.$slots, "default")
       ])) : vue.createCommentVNode("", true)
     ], 6);
@@ -256,7 +257,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$M = { class: "nut-button__warp" };
+  const _hoisted_1$O = { class: "nut-button__warp" };
   function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -264,7 +265,7 @@ var __publicField = (obj, key, value) => {
       style: vue.normalizeStyle(_ctx.getStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$M, [
+      vue.createElementVNode("view", _hoisted_1$O, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-icon-loading"
@@ -328,8 +329,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$L = { class: "title" };
-  const _hoisted_2$G = { class: "nut-cell__title-desc" };
+  const _hoisted_1$N = { class: "title" };
+  const _hoisted_2$H = { class: "nut-cell__title-desc" };
   function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -348,8 +349,8 @@ var __publicField = (obj, key, value) => {
             name: _ctx.icon
           }, null, 8, ["name"])) : vue.createCommentVNode("", true),
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createElementVNode("view", _hoisted_1$L, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", _hoisted_2$G, vue.toDisplayString(_ctx.subTitle), 1)
+            vue.createElementVNode("view", _hoisted_1$N, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_2$H, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ], 64))
@@ -385,17 +386,17 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$K = {
+  const _hoisted_1$M = {
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$F = { class: "nut-cell-group__warp" };
+  const _hoisted_2$G = { class: "nut-cell-group__warp" };
   function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$K, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_2$F, [
+      _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$M, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_2$G, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -485,8 +486,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$J = ["innerHTML"];
-  const _hoisted_2$E = ["innerHTML"];
+  const _hoisted_1$L = ["innerHTML"];
+  const _hoisted_2$F = ["innerHTML"];
   function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -495,7 +496,7 @@ var __publicField = (obj, key, value) => {
         key: 0,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_1$J)) : vue.createCommentVNode("", true),
+      }, null, 10, _hoisted_1$L)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: vue.normalizeClass(`nut-price--${_ctx.size}`)
       }, vue.toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -510,7 +511,7 @@ var __publicField = (obj, key, value) => {
         key: 2,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_2$E)) : vue.createCommentVNode("", true)
+      }, null, 10, _hoisted_2$F)) : vue.createCommentVNode("", true)
     ], 2);
   }
   var Price = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
@@ -804,6 +805,10 @@ var __publicField = (obj, key, value) => {
     round: {
       type: Boolean,
       default: false
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   });
   const _sfc_main$10 = create$10({
@@ -812,16 +817,7 @@ var __publicField = (obj, key, value) => {
       [_sfc_main$1a.name]: _sfc_main$1a
     },
     props: __spreadValues({}, popupProps),
-    emits: [
-      "click",
-      "click-close-icon",
-      "open",
-      "close",
-      "opend",
-      "closed",
-      "update:visible",
-      "click-overlay"
-    ],
+    emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
     setup(props, { emit }) {
       const state = vue.reactive({
         zIndex: props.zIndex ? props.zIndex : _zIndex,
@@ -936,10 +932,14 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
+  const _hoisted_1$K = { key: 1 };
   function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createBlock(vue.Teleport, { to: _ctx.teleport }, [
+    return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
+      key: 0,
+      to: _ctx.teleport
+    }, [
       _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
         key: 0,
         visible: _ctx.visible,
@@ -979,7 +979,47 @@ var __publicField = (obj, key, value) => {
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 8, ["to"]);
+    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$K, [
+      _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
+        key: 0,
+        visible: _ctx.visible,
+        "close-on-click-overlay": _ctx.closeOnClickOverlay,
+        class: vue.normalizeClass(_ctx.overlayClass),
+        style: vue.normalizeStyle(_ctx.overlayStyle),
+        "z-index": _ctx.zIndex,
+        "lock-scroll": _ctx.lockScroll,
+        duration: _ctx.duration,
+        onClick: _ctx.onClickOverlay
+      }, null, 8, ["visible", "close-on-click-overlay", "class", "style", "z-index", "lock-scroll", "duration", "onClick"])) : vue.createCommentVNode("", true),
+      vue.createVNode(vue.Transition, {
+        name: _ctx.transitionName,
+        onAfterEnter: _ctx.onOpened,
+        onAfterLeave: _ctx.onClosed
+      }, {
+        default: vue.withCtx(() => [
+          vue.withDirectives(vue.createElementVNode("view", {
+            class: vue.normalizeClass(_ctx.classes),
+            style: vue.normalizeStyle(_ctx.popStyle),
+            onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          }, [
+            _ctx.showSlot ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
+            _ctx.closeable ? (vue.openBlock(), vue.createElementBlock("view", {
+              key: 1,
+              onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+              class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+            }, [
+              vue.createVNode(_component_nut_icon, {
+                name: _ctx.closeIcon,
+                size: "12px"
+              }, null, 8, ["name"])
+            ], 2)) : vue.createCommentVNode("", true)
+          ], 6), [
+            [vue.vShow, _ctx.visible]
+          ])
+        ]),
+        _: 3
+      }, 8, ["name", "onAfterEnter", "onAfterLeave"])
+    ]));
   }
   var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$X]]);
   const { componentName: componentName$M, create: create$$ } = createComponent("imagepreview");
@@ -1020,14 +1060,14 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$I = { class: "nut-imagepreview" };
-  const _hoisted_2$D = ["src"];
-  const _hoisted_3$w = { class: "nut-imagepreview-index" };
+  const _hoisted_1$J = { class: "nut-imagepreview" };
+  const _hoisted_2$E = ["src"];
+  const _hoisted_3$v = { class: "nut-imagepreview-index" };
   function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_swiper_item = vue.resolveComponent("nut-swiper-item");
     const _component_nut_swiper = vue.resolveComponent("nut-swiper");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$I, [
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$J, [
       vue.createVNode(_component_nut_popup, {
         "pop-class": "custom-pop",
         visible: _ctx.showPop,
@@ -1051,7 +1091,7 @@ var __publicField = (obj, key, value) => {
                     vue.createElementVNode("img", {
                       src: item.imgSrc,
                       class: "nut-imagepreview-img"
-                    }, null, 8, _hoisted_2$D)
+                    }, null, 8, _hoisted_2$E)
                   ]),
                   _: 2
                 }, 1024);
@@ -1059,7 +1099,7 @@ var __publicField = (obj, key, value) => {
             ]),
             _: 1
           }, 8, ["onChange"])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("view", _hoisted_3$w, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length), 1)
+          vue.createElementVNode("view", _hoisted_3$v, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length), 1)
         ]),
         _: 1
       }, 8, ["visible", "onClick"])
@@ -1270,12 +1310,12 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$I = {
     class: "nut-swipe__left",
     ref: "leftRef"
   };
-  const _hoisted_2$C = { class: "nut-swipe__content" };
-  const _hoisted_3$v = {
+  const _hoisted_2$D = { class: "nut-swipe__content" };
+  const _hoisted_3$u = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
@@ -1288,13 +1328,13 @@ var __publicField = (obj, key, value) => {
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
       onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$H, [
+      vue.createElementVNode("view", _hoisted_1$I, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
-      vue.createElementVNode("view", _hoisted_2$C, [
+      vue.createElementVNode("view", _hoisted_2$D, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$v, [
+      vue.createElementVNode("view", _hoisted_3$u, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
@@ -1370,16 +1410,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$G = { class: "nut-actionsheet-panel" };
-  const _hoisted_2$B = {
+  const _hoisted_1$H = { class: "nut-actionsheet-panel" };
+  const _hoisted_2$C = {
     key: 0,
     class: "nut-actionsheet-title"
   };
-  const _hoisted_3$u = {
+  const _hoisted_3$t = {
     key: 1,
     class: "nut-actionsheet-item desc"
   };
-  const _hoisted_4$o = {
+  const _hoisted_4$n = {
     key: 2,
     class: "nut-actionsheet-menu"
   };
@@ -1398,10 +1438,10 @@ var __publicField = (obj, key, value) => {
         onClickOverlay: _ctx.close
       }, {
         default: vue.withCtx(() => [
-          vue.createElementVNode("view", _hoisted_1$G, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$B, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$u, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
-            _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$o, [
+          vue.createElementVNode("view", _hoisted_1$H, [
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$C, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$t, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
+            _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$n, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("view", {
                   class: vue.normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
@@ -1809,10 +1849,10 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$F = { class: "collapse-title" };
-  const _hoisted_2$A = { class: "collapse-title-value" };
-  const _hoisted_3$t = ["innerHTML"];
-  const _hoisted_4$n = {
+  const _hoisted_1$G = { class: "collapse-title" };
+  const _hoisted_2$B = { class: "collapse-title-value" };
+  const _hoisted_3$s = ["innerHTML"];
+  const _hoisted_4$m = {
     key: 0,
     class: "subTitle"
   };
@@ -1834,9 +1874,9 @@ var __publicField = (obj, key, value) => {
         class: vue.normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_1$F, [
+        vue.createElementVNode("view", _hoisted_1$G, [
           vue.createElementVNode("view", null, [
-            vue.createElementVNode("view", _hoisted_2$A, [
+            vue.createElementVNode("view", _hoisted_2$B, [
               _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                 key: 0,
                 name: _ctx.titleIcon,
@@ -1848,11 +1888,11 @@ var __publicField = (obj, key, value) => {
                 key: 2,
                 innerHTML: _ctx.title,
                 class: "collapse-icon-title"
-              }, null, 8, _hoisted_3$t))
+              }, null, 8, _hoisted_3$s))
             ])
           ])
         ]),
-        _ctx.$slots.sTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$n, [
+        _ctx.$slots.sTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$m, [
           vue.renderSlot(_ctx.$slots, "sTitle")
         ])) : (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
@@ -2200,12 +2240,12 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$E = {
+  const _hoisted_1$F = {
     key: 0,
     class: "nut-dialog__header"
   };
-  const _hoisted_2$z = ["innerHTML"];
-  const _hoisted_3$s = {
+  const _hoisted_2$A = ["innerHTML"];
+  const _hoisted_3$r = {
     key: 1,
     class: "nut-dialog__footer"
   };
@@ -2226,7 +2266,7 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("view", {
           class: vue.normalizeClass(_ctx.classes)
         }, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$E, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$F, [
             _ctx.$slots.header ? vue.renderSlot(_ctx.$slots, "header", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ], 64))
@@ -2238,9 +2278,9 @@ var __publicField = (obj, key, value) => {
             _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_2$z))
+            }, null, 8, _hoisted_2$A))
           ], 4),
-          !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$s, [
+          !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$r, [
             _ctx.$slots.footer ? vue.renderSlot(_ctx.$slots, "footer", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               !_ctx.noCancelBtn ? (vue.openBlock(), vue.createBlock(_component_nut_button, {
                 key: 0,
@@ -2536,10 +2576,10 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$D = { class: "top-box" };
-  const _hoisted_2$y = { class: "top-text" };
-  const _hoisted_3$r = { class: "nut-infinite-container" };
-  const _hoisted_4$m = { class: "nut-infinite-bottom" };
+  const _hoisted_1$E = { class: "top-box" };
+  const _hoisted_2$z = { class: "top-text" };
+  const _hoisted_3$q = { class: "nut-infinite-container" };
+  const _hoisted_4$l = { class: "nut-infinite-bottom" };
   const _hoisted_5$e = {
     key: 0,
     class: "bottom-box"
@@ -2563,18 +2603,18 @@ var __publicField = (obj, key, value) => {
         ref: "refreshTop",
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
-        vue.createElementVNode("view", _hoisted_1$D, [
+        vue.createElementVNode("view", _hoisted_1$E, [
           vue.createVNode(_component_nut_icon, {
             class: "top-img",
             name: _ctx.pullIcon
           }, null, 8, ["name"]),
-          vue.createElementVNode("view", _hoisted_2$y, vue.toDisplayString(_ctx.pullTxt), 1)
+          vue.createElementVNode("view", _hoisted_2$z, vue.toDisplayString(_ctx.pullTxt), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$r, [
+      vue.createElementVNode("view", _hoisted_3$q, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_4$m, [
+      vue.createElementVNode("view", _hoisted_4$l, [
         _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$e, [
           vue.createVNode(_component_nut_icon, {
             class: "bottom-img",
@@ -3013,13 +3053,13 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$C = { class: "nut-range-container" };
-  const _hoisted_2$x = {
+  const _hoisted_1$D = { class: "nut-range-container" };
+  const _hoisted_2$y = {
     key: 0,
     class: "min"
   };
-  const _hoisted_3$q = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-  const _hoisted_4$l = {
+  const _hoisted_3$p = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_4$k = {
     key: 0,
     class: "number"
   };
@@ -3033,8 +3073,8 @@ var __publicField = (obj, key, value) => {
     class: "max"
   };
   function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$C, [
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$x, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$D, [
+      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$y, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         ref: "root",
         style: vue.normalizeStyle(_ctx.wrapperStyle),
@@ -3074,9 +3114,9 @@ var __publicField = (obj, key, value) => {
                 class: "nut-range-button",
                 style: vue.normalizeStyle(_ctx.buttonStyle)
               }, [
-                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$l, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
+                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$k, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$q);
+            ], 42, _hoisted_3$p);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -3380,13 +3420,13 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$B = {
+  const _hoisted_1$C = {
     class: "nut-video",
     ref: "videocon"
   };
-  const _hoisted_2$w = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-  const _hoisted_3$p = ["src", "type"];
-  const _hoisted_4$k = { class: "current-time" };
+  const _hoisted_2$x = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+  const _hoisted_3$o = ["src", "type"];
+  const _hoisted_4$j = { class: "current-time" };
   const _hoisted_5$c = { class: "progress-container" };
   const _hoisted_6$9 = {
     class: "progress",
@@ -3404,7 +3444,7 @@ var __publicField = (obj, key, value) => {
   const _hoisted_11$4 = { class: "nut-video-error" };
   const _hoisted_12$4 = /* @__PURE__ */ vue.createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
   function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
       vue.createElementVNode("video", {
         ref: "root",
         class: "nut-video-player",
@@ -3419,8 +3459,8 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("source", {
           src: _ctx.source.src,
           type: _ctx.source.type
-        }, null, 8, _hoisted_3$p)
-      ], 40, _hoisted_2$w),
+        }, null, 8, _hoisted_3$o)
+      ], 40, _hoisted_2$x),
       _ctx.showToolbox && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "playing-mask",
@@ -3442,7 +3482,7 @@ var __publicField = (obj, key, value) => {
           class: "control-play-btn",
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
         }),
-        vue.createElementVNode("div", _hoisted_4$k, vue.toDisplayString(_ctx.videoSet.displayTime), 1),
+        vue.createElementVNode("div", _hoisted_4$j, vue.toDisplayString(_ctx.videoSet.displayTime), 1),
         vue.createElementVNode("div", _hoisted_5$c, [
           vue.createElementVNode("div", _hoisted_6$9, [
             vue.createElementVNode("div", {
@@ -3583,13 +3623,13 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$A = { class: "nut-step-head" };
-  const _hoisted_2$v = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$o = {
+  const _hoisted_1$B = { class: "nut-step-head" };
+  const _hoisted_2$w = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
+  const _hoisted_3$n = {
     key: 2,
     class: "nut-step-inner"
   };
-  const _hoisted_4$j = { class: "nut-step-main" };
+  const _hoisted_4$i = { class: "nut-step-main" };
   const _hoisted_5$b = { class: "nut-step-title" };
   const _hoisted_6$8 = ["innerHTML"];
   function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3597,8 +3637,8 @@ var __publicField = (obj, key, value) => {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$A, [
-        _hoisted_2$v,
+      vue.createElementVNode("view", _hoisted_1$B, [
+        _hoisted_2$w,
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
@@ -3608,10 +3648,10 @@ var __publicField = (obj, key, value) => {
             color: _ctx.iconColor,
             name: _ctx.icon,
             size: _ctx.size
-          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString(_ctx.index), 1))
+          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
-      vue.createElementVNode("view", _hoisted_4$j, [
+      vue.createElementVNode("view", _hoisted_4$i, [
         vue.createElementVNode("view", _hoisted_5$b, vue.toDisplayString(_ctx.title), 1),
         _ctx.content ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
@@ -4155,16 +4195,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$z = { class: "switch-button" };
-  const _hoisted_2$u = { class: "close-line" };
+  const _hoisted_1$A = { class: "switch-button" };
+  const _hoisted_2$v = { class: "close-line" };
   function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
       style: vue.normalizeStyle(_ctx.style)
     }, [
-      vue.createElementVNode("view", _hoisted_1$z, [
-        vue.withDirectives(vue.createElementVNode("view", _hoisted_2$u, null, 512), [
+      vue.createElementVNode("view", _hoisted_1$A, [
+        vue.withDirectives(vue.createElementVNode("view", _hoisted_2$v, null, 512), [
           [vue.vShow, !_ctx.modelValue]
         ]),
         _ctx.activeText ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
@@ -4304,11 +4344,11 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$y = {
+  const _hoisted_1$z = {
     key: 0,
     class: "nut-toast-icon-wrapper"
   };
-  const _hoisted_2$t = ["innerHTML"];
+  const _hoisted_2$u = ["innerHTML"];
   function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -4331,7 +4371,7 @@ var __publicField = (obj, key, value) => {
               "background-color": _ctx.bgColor
             })
           }, [
-            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$y, [
+            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$z, [
               vue.createVNode(_component_nut_icon, {
                 size: "20",
                 color: "#ffffff",
@@ -4341,7 +4381,7 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("view", {
               class: "nut-toast-text",
               innerHTML: _ctx.msg
-            }, null, 8, _hoisted_2$t)
+            }, null, 8, _hoisted_2$u)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -4543,10 +4583,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$x = { class: "nut-progress" };
+  const _hoisted_1$y = { class: "nut-progress" };
   function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [
       vue.createElementVNode("div", {
         class: vue.normalizeClass(["nut-progress-outer", [
           _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4645,10 +4685,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$w = ["height", "width"];
-  const _hoisted_2$s = ["r", "cx", "cy", "stroke", "stroke-width"];
-  const _hoisted_3$n = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
-  const _hoisted_4$i = { class: "nut-circleprogress-content" };
+  const _hoisted_1$x = ["height", "width"];
+  const _hoisted_2$t = ["r", "cx", "cy", "stroke", "stroke-width"];
+  const _hoisted_3$m = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
+  const _hoisted_4$h = { class: "nut-circleprogress-content" };
   function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
@@ -4666,7 +4706,7 @@ var __publicField = (obj, key, value) => {
           stroke: _ctx.option.backColor,
           "stroke-width": _ctx.option.strokeOutWidth,
           fill: "none"
-        }, null, 8, _hoisted_2$s),
+        }, null, 8, _hoisted_2$t),
         vue.createElementVNode("circle", {
           r: _ctx.option.radius,
           cx: _ctx.option.cx,
@@ -4678,9 +4718,9 @@ var __publicField = (obj, key, value) => {
           transform: _ctx.option.startPosition,
           "stroke-linecap": "round",
           style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
-        }, null, 8, _hoisted_3$n)
-      ], 8, _hoisted_1$w)),
-      vue.createElementVNode("div", _hoisted_4$i, [
+        }, null, 8, _hoisted_3$m)
+      ], 8, _hoisted_1$x)),
+      vue.createElementVNode("div", _hoisted_4$h, [
         !_ctx.isAuto ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.progress) + "%", 1)
         ]) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
@@ -4945,11 +4985,11 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$v = {
+  const _hoisted_1$w = {
     ref: "wrap",
     class: "wrap"
   };
-  const _hoisted_2$r = ["onClick"];
+  const _hoisted_2$s = ["onClick"];
   function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_ScrollItem = vue.resolveComponent("ScrollItem");
@@ -4974,7 +5014,7 @@ var __publicField = (obj, key, value) => {
             color: _ctx.color
           }, null, 8, ["color"])) : vue.createCommentVNode("", true)
         ], 4)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_1$v, [
+        vue.createElementVNode("view", _hoisted_1$w, [
           vue.createElementVNode("view", {
             ref: "content",
             class: vue.normalizeClass(["content", [
@@ -5031,7 +5071,7 @@ var __publicField = (obj, key, value) => {
               key: index,
               style: vue.normalizeStyle({ height: _ctx.height }),
               onClick: ($event) => _ctx.go(item)
-            }, vue.toDisplayString(item), 13, _hoisted_2$r);
+            }, vue.toDisplayString(item), 13, _hoisted_2$s);
           }), 128))
         ], 4)),
         vue.createElementVNode("view", {
@@ -5141,16 +5181,16 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$u = {
+  const _hoisted_1$v = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_2$q = {
+  const _hoisted_2$r = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
   };
-  const _hoisted_3$m = { class: "nut-searchbar__input-inner" };
-  const _hoisted_4$h = ["type", "maxlength", "placeholder", "value"];
+  const _hoisted_3$l = { class: "nut-searchbar__input-inner" };
+  const _hoisted_4$g = ["type", "maxlength", "placeholder", "value"];
   const _hoisted_5$a = {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
@@ -5165,17 +5205,17 @@ var __publicField = (obj, key, value) => {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$u, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$v, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: "nut-searchbar__search-input",
         style: vue.normalizeStyle(_ctx.inputSearchbarStyle)
       }, [
-        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$q, [
+        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$r, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$m, [
+        vue.createElementVNode("view", _hoisted_3$l, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5189,7 +5229,7 @@ var __publicField = (obj, key, value) => {
               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, 40, _hoisted_4$h)
+            }, null, 40, _hoisted_4$g)
           ], 32),
           _ctx.clearable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
@@ -5296,15 +5336,15 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$t = { class: "nut-navbar__left" };
-  const _hoisted_2$p = { class: "tab-title" };
-  const _hoisted_3$l = ["onClick"];
+  const _hoisted_1$u = { class: "nut-navbar__left" };
+  const _hoisted_2$q = { class: "tab-title" };
+  const _hoisted_3$k = ["onClick"];
   function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$t, [
+      vue.createElementVNode("view", _hoisted_1$u, [
         _ctx.leftShow ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           color: "#979797",
@@ -5326,7 +5366,7 @@ var __publicField = (obj, key, value) => {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
         }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_2$p, [
+        vue.createElementVNode("view", _hoisted_2$q, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.tabs, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: vue.normalizeClass([
@@ -5335,7 +5375,7 @@ var __publicField = (obj, key, value) => {
               ]),
               onClick: ($event) => _ctx.switchTitle(item.id, item.name),
               key: item.id
-            }, vue.toDisplayString(item.name), 11, _hoisted_3$l);
+            }, vue.toDisplayString(item.name), 11, _hoisted_3$k);
           }), 128))
         ])
       ], 2)) : vue.createCommentVNode("", true),
@@ -5429,10 +5469,10 @@ var __publicField = (obj, key, value) => {
       return { classes, updateValue, selected };
     }
   });
-  const _hoisted_1$s = { class: "nut-fixednav__list" };
-  const _hoisted_2$o = ["onClick"];
-  const _hoisted_3$k = ["src"];
-  const _hoisted_4$g = { class: "span" };
+  const _hoisted_1$t = { class: "nut-fixednav__list" };
+  const _hoisted_2$p = ["onClick"];
+  const _hoisted_3$j = ["src"];
+  const _hoisted_4$f = { class: "span" };
   const _hoisted_5$9 = {
     key: 0,
     class: "b"
@@ -5452,7 +5492,7 @@ var __publicField = (obj, key, value) => {
         onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
       }, null, 8, ["visible"])) : vue.createCommentVNode("", true),
       vue.renderSlot(_ctx.$slots, "list", {}, () => [
-        vue.createElementVNode("view", _hoisted_1$s, [
+        vue.createElementVNode("view", _hoisted_1$t, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "nut-fixednav__list-item",
@@ -5461,10 +5501,10 @@ var __publicField = (obj, key, value) => {
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$k),
-              vue.createElementVNode("view", _hoisted_4$g, vue.toDisplayString(item.text), 1),
+              }, null, 8, _hoisted_3$j),
+              vue.createElementVNode("view", _hoisted_4$f, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$9, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$o);
+            ], 8, _hoisted_2$p);
           }), 128))
         ])
       ]),
@@ -5483,218 +5523,270 @@ var __publicField = (obj, key, value) => {
     ], 6);
   }
   var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$A]]);
-  var index_vue_vue_type_style_index_0_lang = "";
   const { componentName: componentName$t, create: create$D } = createComponent("menu");
   const _sfc_main$D = create$D({
-    components: {
-      [_sfc_main$1a.name]: _sfc_main$1a
-    },
     props: {
-      col: {
-        type: [String, Number],
-        default: 1
-      },
       activeColor: {
         type: String,
-        default: "#f00"
+        default: "#FA2C19"
+      },
+      overlay: {
+        type: Boolean,
+        default: true
+      },
+      duration: {
+        type: [Number, String],
+        default: 0
       }
     },
-    emits: ["choose"],
-    setup(props, { slots, emit }) {
-      const menuList = vue.reactive([]);
-      let activeTitle = vue.ref("");
-      let showMask = vue.ref(false);
-      let styleObj = vue.reactive({
-        flexBasis: 100 / Number(props.col) + "%"
-      });
-      let nutMenuIndex = vue.ref("auto");
-      let hasOptions = vue.ref(true);
-      let isShowCustomer = vue.ref(false);
-      if (slots.default) {
-        for (let i = 0; i < slots.default().length; i++) {
-          if (slots.default()[i].type["name"] === "nut-menu-item") {
-            let item = {
-              title: slots.default()[i].props["title"],
-              disabled: !!slots.default()[i].props["disabled"]
-            };
-            if (slots.default()[i].props["options"]) {
-              item["options"] = slots.default()[i].props["options"];
-            } else {
-              hasOptions.value = false;
+    setup(props, { emit, slots }) {
+      const barRef = vue.ref();
+      const offset = vue.ref(0);
+      const useChildren = () => {
+        const publicChildren = vue.reactive([]);
+        const internalChildren = vue.reactive([]);
+        const linkChildren2 = (value) => {
+          const link = (child) => {
+            if (child.proxy) {
+              internalChildren.push(child);
+              publicChildren.push(child.proxy);
             }
-            menuList.push(item);
-          }
-        }
-      }
-      const handleClickTitle = (title, index) => {
-        if (!hasOptions.value) {
-          if (activeTitle.value) {
-            activeTitle.value = "";
-            isShowCustomer.value = false;
-            showMask.value = false;
-            nutMenuIndex.value = "auto";
-          } else {
-            activeTitle.value = title;
-            isShowCustomer.value = true;
-            showMask.value = true;
-            nutMenuIndex.value = 2001;
-          }
-          return;
-        }
-        if (menuList.length > 1) {
-          if (activeTitle.value === title) {
-            activeTitle.value = "";
-            nutMenuIndex.value = "auto";
-            showMask.value = false;
-          } else {
-            activeTitle.value = title;
-            nutMenuIndex.value = 2001;
-            showMask.value = true;
-          }
-        } else {
-          if (activeTitle.value) {
-            activeTitle.value = "";
-            nutMenuIndex.value = "auto";
-            showMask.value = false;
-          } else {
-            activeTitle.value = title;
-            nutMenuIndex.value = 2001;
-            showMask.value = true;
-          }
-        }
-      };
-      const handleClickOption = (text, index, value) => {
-        menuList[index].title = text;
-        activeTitle.value = "";
-        showMask.value = false;
-        nutMenuIndex.value = "auto";
-        emit("choose", text, value);
+          };
+          vue.provide("menuParent", Object.assign({
+            link,
+            children: publicChildren,
+            internalChildren
+          }, value));
+        };
+        return {
+          children: publicChildren,
+          linkChildren: linkChildren2
+        };
       };
+      const { children, linkChildren } = useChildren();
+      const opened = vue.computed(() => children.some((item) => item.state.showWrapper));
       const classes = vue.computed(() => {
         const prefixCls = componentName$t;
         return {
           [prefixCls]: true
         };
       });
-      const handleClose = () => {
-        activeTitle.value = "";
-        nutMenuIndex.value = "auto";
-        if (isShowCustomer.value) {
-          isShowCustomer.value = false;
+      const updateOffset = () => {
+        if (barRef.value) {
+          const rect = useRect(barRef);
+          offset.value = rect.bottom;
         }
       };
+      linkChildren({ props, offset });
+      const toggleItem = (active) => {
+        children.forEach((item, index) => {
+          if (index === active) {
+            updateOffset();
+            item.toggle();
+          } else if (item.state.showPopup) {
+            item.toggle(false, { immediate: true });
+          }
+        });
+      };
       return {
-        menuList,
-        activeTitle,
+        toggleItem,
+        children,
+        opened,
         classes,
-        showMask,
-        styleObj,
-        nutMenuIndex,
-        hasOptions,
-        isShowCustomer,
-        handleClickTitle,
-        handleClickOption,
-        handleClose
+        barRef
       };
     }
   });
-  const _hoisted_1$r = { class: "title-list" };
-  const _hoisted_2$n = ["onClick"];
-  const _hoisted_3$j = ["onClick"];
-  const _hoisted_4$f = { class: "customer-item" };
+  const _hoisted_1$s = ["onClick"];
+  const _hoisted_2$o = { class: "nut-menu__title-text" };
   function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
-    const _component_nut_popup = vue.resolveComponent("nut-popup");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("view", null, [
-      vue.createVNode(_component_nut_popup, vue.mergeProps(_ctx.$attrs, {
-        visible: _ctx.showMask,
-        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event),
-        onClose: _ctx.handleClose
-      }), null, 16, ["visible", "onClose"]),
-      vue.createElementVNode("div", {
-        class: vue.normalizeClass(_ctx.classes),
-        style: vue.normalizeStyle({ "z-index": _ctx.nutMenuIndex })
+    return vue.openBlock(), vue.createElementBlock("view", {
+      class: vue.normalizeClass(_ctx.classes)
+    }, [
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+        ref: "barRef"
       }, [
-        vue.createElementVNode("div", _hoisted_1$r, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuList, (menu, index) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: index,
-              class: vue.normalizeClass(["title", {
-                "is-active": _ctx.activeTitle === menu.title,
-                disabled: menu.disabled
-              }]),
-              onClick: ($event) => !menu.disabled && _ctx.handleClickTitle(menu.title, index)
-            }, [
-              vue.createTextVNode(vue.toDisplayString(menu.title) + " ", 1),
-              _ctx.activeTitle === menu.title ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                key: 0,
-                size: "10",
-                color: "#333",
-                name: "arrow-up"
-              })) : (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                key: 1,
-                size: "10",
-                color: "#999",
-                name: "arrow-down"
-              }))
-            ], 10, _hoisted_2$n);
-          }), 128))
-        ]),
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuList, (menu, index) => {
-          return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.children, (item, index) => {
+          return vue.openBlock(), vue.createElementBlock("view", {
             key: index,
-            class: "option-list"
+            class: vue.normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+            onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
+            style: vue.normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
           }, [
-            vue.createElementVNode("ul", null, [
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(menu.options, (option, index2) => {
-                return vue.openBlock(), vue.createElementBlock("li", {
-                  key: index2,
-                  onClick: ($event) => _ctx.handleClickOption(option.text, index, option.value),
-                  style: vue.normalizeStyle(_ctx.styleObj)
-                }, [
-                  menu.title === option.text ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                    key: 0,
-                    size: "20",
-                    color: _ctx.activeColor,
-                    name: "Check"
-                  }, null, 8, ["color"])) : vue.createCommentVNode("", true),
-                  vue.createTextVNode(vue.toDisplayString(option.text), 1)
-                ], 12, _hoisted_3$j);
-              }), 128))
-            ])
-          ], 512)), [
-            [vue.vShow, _ctx.hasOptions && _ctx.activeTitle === menu.title]
-          ]);
-        }), 128)),
-        vue.withDirectives(vue.createElementVNode("view", _hoisted_4$f, [
-          vue.renderSlot(_ctx.$slots, "default")
-        ], 512), [
-          [vue.vShow, !_ctx.hasOptions && _ctx.isShowCustomer]
-        ])
-      ], 6)
-    ]);
+            vue.createElementVNode("view", {
+              class: vue.normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
+            }, [
+              vue.createElementVNode("view", _hoisted_2$o, vue.toDisplayString(item.renderTitle()), 1),
+              vue.createVNode(_component_nut_icon, {
+                name: item.titleIcon,
+                size: "10",
+                class: "nut-menu__title-icon"
+              }, null, 8, ["name"])
+            ], 2)
+          ], 14, _hoisted_1$s);
+        }), 128))
+      ], 2),
+      vue.renderSlot(_ctx.$slots, "default")
+    ], 2);
   }
   var Menu = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$z]]);
-  var index_vue_vue_type_style_index_0_scoped_true_lang = "";
-  const { create: create$C, componentName: componentName$s } = createComponent("menu-item");
+  const { componentName: componentName$s, create: create$C } = createComponent("menu-item");
   const _sfc_main$C = create$C({
-    setup() {
-      let pro = vue.getCurrentInstance().proxy;
-      pro.toggle = () => {
-        pro.$parent.activeTitle = "";
-        pro.$parent.isShowCustomer = false;
-        pro.$parent.showMask = false;
-        pro.$parent.nutMenuIndex = "auto";
-      };
-      return {};
+    props: {
+      title: String,
+      options: {
+        type: Array,
+        default: []
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      modelValue: null,
+      cols: {
+        type: Number,
+        default: 1
+      },
+      titleIcon: {
+        type: String,
+        default: "down-arrow"
+      }
+    },
+    components: {
+      [_sfc_main$1a.name]: _sfc_main$1a,
+      [Popup.name]: Popup
+    },
+    emits: ["update:modelValue", "change"],
+    setup(props, { emit, slots }) {
+      const state = vue.reactive({
+        showPopup: false,
+        transition: true,
+        showWrapper: false,
+        isShowPlaceholderElement: false
+      });
+      const useParent = () => {
+        const parent2 = vue.inject("menuParent", null);
+        if (parent2) {
+          const instance = vue.getCurrentInstance();
+          const { link } = parent2;
+          link(instance);
+          return {
+            parent: parent2
+          };
+        }
+      };
+      const { parent } = useParent();
+      const classes = vue.computed(() => {
+        const prefixCls = componentName$s;
+        return {
+          [prefixCls]: true
+        };
+      });
+      const toggle = (show = !state.showPopup, options = {}) => {
+        if (show === state.showPopup) {
+          return;
+        }
+        state.showPopup = show;
+        state.isShowPlaceholderElement = show;
+        if (show) {
+          state.showWrapper = true;
+        }
+      };
+      const renderTitle = () => {
+        var _a;
+        if (props.title) {
+          return props.title;
+        }
+        const match = (_a = props.options) == null ? void 0 : _a.find((option) => option.value === props.modelValue);
+        return match ? match.text : "";
+      };
+      const onClick = (option) => {
+        state.showPopup = false;
+        state.isShowPlaceholderElement = false;
+        if (option.value !== props.modelValue) {
+          emit("update:modelValue", option.value);
+          emit("change", option.value);
+        }
+      };
+      const handleClose = () => {
+        state.showWrapper = false;
+        state.isShowPlaceholderElement = false;
+      };
+      const handleClickOutside = () => {
+        state.showPopup = false;
+      };
+      return {
+        classes,
+        renderTitle,
+        state,
+        parent,
+        toggle,
+        onClick,
+        handleClose,
+        handleClickOutside
+      };
     }
   });
+  const _hoisted_1$r = { class: "nut-menu-item__content" };
+  const _hoisted_2$n = ["onClick"];
   function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", null, [
-      vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+    const _component_nut_icon = vue.resolveComponent("nut-icon");
+    const _component_nut_popup = vue.resolveComponent("nut-popup");
+    return vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
+      class: vue.normalizeClass(_ctx.classes)
+    }, [
+      vue.withDirectives(vue.createElementVNode("div", {
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
+        class: "placeholder-element",
+        style: vue.normalizeStyle({ height: _ctx.parent.offset.value + "px" })
+      }, null, 4), [
+        [vue.vShow, _ctx.state.isShowPlaceholderElement]
+      ]),
+      vue.createVNode(_component_nut_popup, vue.mergeProps({
+        style: { top: _ctx.parent.offset.value + "px" },
+        overlayStyle: { top: _ctx.parent.offset.value + "px" }
+      }, _ctx.$attrs, {
+        visible: _ctx.state.showPopup,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.state.showPopup = $event),
+        position: "top",
+        duration: _ctx.parent.props.duration,
+        "pop-class": "nut-menu__pop",
+        overlayClass: "nut-menu__overlay",
+        overlay: _ctx.parent.props.overlay,
+        onClosed: _ctx.handleClose,
+        isWrapTeleport: false
+      }), {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("view", _hoisted_1$r, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
+              return vue.openBlock(), vue.createElementBlock("view", {
+                key: index,
+                class: vue.normalizeClass(["nut-menu-item__option", { active: option.value === _ctx.modelValue }]),
+                style: vue.normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
+                onClick: ($event) => _ctx.onClick(option)
+              }, [
+                option.value === _ctx.modelValue ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+                  key: 0,
+                  name: "Check",
+                  color: _ctx.parent.props.activeColor
+                }, null, 8, ["color"])) : vue.createCommentVNode("", true),
+                vue.createElementVNode("view", {
+                  style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+                }, vue.toDisplayString(option.text), 5)
+              ], 14, _hoisted_2$n);
+            }), 128)),
+            vue.renderSlot(_ctx.$slots, "default")
+          ])
+        ]),
+        _: 3
+      }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+    ], 2)), [
+      [vue.vShow, _ctx.state.showWrapper]
     ]);
   }
-  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y], ["__scopeId", "data-v-02edb907"]]);
+  var MenuItem = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$y]]);
   const { create: create$B } = createComponent("tabbar");
   const _sfc_main$B = create$B({
     props: {
@@ -9075,6 +9167,7 @@ var __publicField = (obj, key, value) => {
           fileItem.status = "ready";
           fileItem.type = file.type;
           fileItem.formData = formData;
+          fileItem.message = "\u7B49\u5F85\u4E0A\u4F20";
           executeUpload(fileItem, index);
           if (props.isPreview && file.type.includes("image")) {
             const reader = new FileReader();
@@ -9169,20 +9262,25 @@ var __publicField = (obj, key, value) => {
     class: "nut-uploader__preview__progress"
   };
   const _hoisted_6$3 = { class: "nut-uploader__preview__progress__msg" };
-  const _hoisted_7$3 = ["onClick", "src"];
-  const _hoisted_8$3 = {
-    key: 3,
+  const _hoisted_7$3 = {
+    key: 1,
+    class: "nut-uploader__preview__progress"
+  };
+  const _hoisted_8$3 = { class: "nut-uploader__preview__progress__msg" };
+  const _hoisted_9$2 = ["onClick", "src"];
+  const _hoisted_10$2 = {
+    key: 4,
     class: "nut-uploader__preview-img__file"
   };
-  const _hoisted_9$2 = ["onClick"];
-  const _hoisted_10$2 = { class: "tips" };
-  const _hoisted_11$2 = {
+  const _hoisted_11$2 = ["onClick"];
+  const _hoisted_12$2 = { class: "tips" };
+  const _hoisted_13$1 = {
     key: 1,
     class: "nut-uploader__preview-list"
   };
-  const _hoisted_12$2 = ["onClick"];
-  const _hoisted_13$1 = ["accept", "multiple", "name", "disabled"];
-  const _hoisted_14$1 = ["accept", "multiple", "name", "disabled"];
+  const _hoisted_14$1 = ["onClick"];
+  const _hoisted_15$1 = ["accept", "multiple", "name", "disabled"];
+  const _hoisted_16$1 = ["accept", "multiple", "name", "disabled"];
   function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_nut_progress = vue.resolveComponent("nut-progress");
@@ -9220,26 +9318,28 @@ var __publicField = (obj, key, value) => {
           key: item.uid
         }, [
           _ctx.listType == "picture" && !_ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$9, [
-            item.status != "success" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$5, [
+            item.status == "ready" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$5, [
+              vue.createElementVNode("view", _hoisted_6$3, vue.toDisplayString(item.message), 1)
+            ])) : item.status != "success" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$3, [
               vue.createVNode(_component_nut_icon, {
                 color: "#fff",
                 name: item.status == "error" ? "failure" : "loading"
               }, null, 8, ["name"]),
-              vue.createElementVNode("view", _hoisted_6$3, vue.toDisplayString(item.message), 1)
+              vue.createElementVNode("view", _hoisted_8$3, vue.toDisplayString(item.message), 1)
             ])) : vue.createCommentVNode("", true),
             _ctx.isDeletable ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 1,
+              key: 2,
               color: "rgba(0,0,0,0.6)",
               onClick: ($event) => _ctx.onDelete(item, index),
               class: "close",
               name: "failure"
             }, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
             item.type.includes("image") && item.url ? (vue.openBlock(), vue.createElementBlock("img", {
-              key: 2,
+              key: 3,
               class: "nut-uploader__preview-img__c",
               onClick: ($event) => _ctx.fileItemClick(item),
               src: item.url
-            }, null, 8, _hoisted_7$3)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_8$3, [
+            }, null, 8, _hoisted_9$2)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$2, [
               vue.createElementVNode("view", {
                 onClick: ($event) => _ctx.fileItemClick(item),
                 class: "nut-uploader__preview-img__file__name"
@@ -9249,17 +9349,17 @@ var __publicField = (obj, key, value) => {
                   name: "link"
                 }),
                 vue.createTextVNode("\xA0" + vue.toDisplayString(item.name), 1)
-              ], 8, _hoisted_9$2)
+              ], 8, _hoisted_11$2)
             ])),
-            vue.createElementVNode("view", _hoisted_10$2, vue.toDisplayString(item.name), 1)
-          ])) : _ctx.listType == "list" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$2, [
+            vue.createElementVNode("view", _hoisted_12$2, vue.toDisplayString(item.name), 1)
+          ])) : _ctx.listType == "list" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$1, [
             vue.createElementVNode("view", {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: vue.normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
             }, [
               vue.createVNode(_component_nut_icon, { name: "link" }),
               vue.createTextVNode("\xA0" + vue.toDisplayString(item.name), 1)
-            ], 10, _hoisted_12$2),
+            ], 10, _hoisted_14$1),
             vue.createVNode(_component_nut_icon, {
               class: "nut-uploader__preview-img__file__del",
               onClick: ($event) => _ctx.onDelete(item, index),
@@ -9295,7 +9395,7 @@ var __publicField = (obj, key, value) => {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_13$1)) : (vue.openBlock(), vue.createElementBlock("input", {
+        }, null, 40, _hoisted_15$1)) : (vue.openBlock(), vue.createElementBlock("input", {
           key: 1,
           class: "nut-uploader__input",
           type: "file",
@@ -9304,7 +9404,7 @@ var __publicField = (obj, key, value) => {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[3] || (_cache[3] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_14$1))
+        }, null, 40, _hoisted_16$1))
       ], 2)) : vue.createCommentVNode("", true)
     ], 2);
   }
@@ -12106,7 +12206,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "3.1.11";
+  const version = "3.1.12-beta.0";
   var nutui_vue_build = { install, version };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;