@nutui/nutui 3.1.11 → 3.1.12-beta.0

package/dist/nutui.es.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.
 */
@@ -48,10 +48,11 @@ function createComponent(name) {
   };
 }
 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({
@@ -110,7 +111,7 @@ const _sfc_main$1b = create$1b({
     };
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$P = {
   key: 0,
   class: "text"
 };
@@ -125,7 +126,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
       class: "icon",
       name: _ctx.iconStyles
     }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$N, [
+    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$P, [
       renderSlot(_ctx.$slots, "default")
     ])) : createCommentVNode("", true)
   ], 6);
@@ -254,7 +255,7 @@ const _sfc_main$19 = create$19({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -262,7 +263,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("view", _hoisted_1$M, [
+    createElementVNode("view", _hoisted_1$O, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
@@ -326,8 +327,8 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -346,8 +347,8 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.icon
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("view", _hoisted_1$L, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_2$G, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_1$N, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2$H, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -383,17 +384,17 @@ const _sfc_main$17 = create$17({
     };
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$K, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_2$F, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$M, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_2$G, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
@@ -483,8 +484,8 @@ const _sfc_main$16 = create$16({
     };
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -493,7 +494,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1$J)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$L)) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -508,7 +509,7 @@ function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_2$E)) : createCommentVNode("", true)
+    }, null, 10, _hoisted_2$F)) : createCommentVNode("", true)
   ], 2);
 }
 var Price = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
@@ -802,6 +803,10 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
   round: {
     type: Boolean,
     default: false
+  },
+  isWrapTeleport: {
+    type: Boolean,
+    default: true
   }
 });
 const _sfc_main$10 = create$10({
@@ -810,16 +815,7 @@ const _sfc_main$10 = create$10({
     [_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 = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
@@ -934,10 +930,14 @@ const _sfc_main$10 = create$10({
     });
   }
 });
+const _hoisted_1$K = { key: 1 };
 function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createBlock(Teleport, { to: _ctx.teleport }, [
+  return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
+    key: 0,
+    to: _ctx.teleport
+  }, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -977,7 +977,47 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"]);
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$K, [
+    _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
+      key: 0,
+      visible: _ctx.visible,
+      "close-on-click-overlay": _ctx.closeOnClickOverlay,
+      class: normalizeClass(_ctx.overlayClass),
+      style: 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"])) : createCommentVNode("", true),
+    createVNode(Transition, {
+      name: _ctx.transitionName,
+      onAfterEnter: _ctx.onOpened,
+      onAfterLeave: _ctx.onClosed
+    }, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("view", {
+          class: normalizeClass(_ctx.classes),
+          style: normalizeStyle(_ctx.popStyle),
+          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+        }, [
+          _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+          _ctx.closeable ? (openBlock(), createElementBlock("view", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
+            class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
+          }, [
+            createVNode(_component_nut_icon, {
+              name: _ctx.closeIcon,
+              size: "12px"
+            }, null, 8, ["name"])
+          ], 2)) : createCommentVNode("", true)
+        ], 6), [
+          [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");
@@ -1018,14 +1058,14 @@ const _sfc_main$$ = create$$({
     });
   }
 });
-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 = resolveComponent("nut-swiper-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
   const _component_nut_popup = resolveComponent("nut-popup");
-  return openBlock(), createElementBlock("view", _hoisted_1$I, [
+  return openBlock(), createElementBlock("view", _hoisted_1$J, [
     createVNode(_component_nut_popup, {
       "pop-class": "custom-pop",
       visible: _ctx.showPop,
@@ -1049,7 +1089,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("img", {
                     src: item.imgSrc,
                     class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_2$D)
+                  }, null, 8, _hoisted_2$E)
                 ]),
                 _: 2
               }, 1024);
@@ -1057,7 +1097,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
           ]),
           _: 1
         }, 8, ["onChange"])) : createCommentVNode("", true),
-        createElementVNode("view", _hoisted_3$w, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
+        createElementVNode("view", _hoisted_3$v, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length), 1)
       ]),
       _: 1
     }, 8, ["visible", "onClick"])
@@ -1268,12 +1308,12 @@ const _sfc_main$_ = create$_({
     });
   }
 });
-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"
 };
@@ -1286,13 +1326,13 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1$H, [
+    createElementVNode("view", _hoisted_1$I, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2$C, [
+    createElementVNode("view", _hoisted_2$D, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$v, [
+    createElementVNode("view", _hoisted_3$u, [
       renderSlot(_ctx.$slots, "right")
     ], 512)
   ], 38);
@@ -1368,16 +1408,16 @@ const _sfc_main$Z = create$Z({
     };
   }
 });
-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"
 };
@@ -1396,10 +1436,10 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$G, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$B, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$u, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$o, [
+        createElementVNode("view", _hoisted_1$H, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$C, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$t, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$n, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
               return openBlock(), createElementBlock("view", {
                 class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
@@ -1807,10 +1847,10 @@ const _sfc_main$W = create$W({
     });
   }
 });
-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"
 };
@@ -1832,9 +1872,9 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
-      createElementVNode("view", _hoisted_1$F, [
+      createElementVNode("view", _hoisted_1$G, [
         createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2$A, [
+          createElementVNode("view", _hoisted_2$B, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
               key: 0,
               name: _ctx.titleIcon,
@@ -1846,11 +1886,11 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
               key: 2,
               innerHTML: _ctx.title,
               class: "collapse-icon-title"
-            }, null, 8, _hoisted_3$t))
+            }, null, 8, _hoisted_3$s))
           ])
         ])
       ]),
-      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$n, [
+      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$m, [
         renderSlot(_ctx.$slots, "sTitle")
       ])) : (openBlock(), createElementBlock("view", {
         key: 1,
@@ -2198,12 +2238,12 @@ const _sfc_main$U = create$U({
     };
   }
 });
-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"
 };
@@ -2224,7 +2264,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$E, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$F, [
           _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
@@ -2236,9 +2276,9 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.content
-          }, null, 8, _hoisted_2$z))
+          }, null, 8, _hoisted_2$A))
         ], 4),
-        !_ctx.noFooter ? (openBlock(), createElementBlock("view", _hoisted_3$s, [
+        !_ctx.noFooter ? (openBlock(), createElementBlock("view", _hoisted_3$r, [
           _ctx.$slots.footer ? renderSlot(_ctx.$slots, "footer", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             !_ctx.noCancelBtn ? (openBlock(), createBlock(_component_nut_button, {
               key: 0,
@@ -2534,10 +2574,10 @@ const _sfc_main$T = create$T({
     });
   }
 });
-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"
@@ -2561,18 +2601,18 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refreshTop",
       style: normalizeStyle(_ctx.getStyle)
     }, [
-      createElementVNode("view", _hoisted_1$D, [
+      createElementVNode("view", _hoisted_1$E, [
         createVNode(_component_nut_icon, {
           class: "top-img",
           name: _ctx.pullIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2$y, toDisplayString(_ctx.pullTxt), 1)
+        createElementVNode("view", _hoisted_2$z, toDisplayString(_ctx.pullTxt), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$r, [
+    createElementVNode("view", _hoisted_3$q, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_4$m, [
+    createElementVNode("view", _hoisted_4$l, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$e, [
         createVNode(_component_nut_icon, {
           class: "bottom-img",
@@ -3011,13 +3051,13 @@ const _sfc_main$R = create$R({
     });
   }
 });
-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"
 };
@@ -3031,8 +3071,8 @@ const _hoisted_7$7 = {
   class: "max"
 };
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$C, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$x, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+  return openBlock(), createElementBlock("view", _hoisted_1$D, [
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$y, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
@@ -3072,9 +3112,9 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$l, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$k, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$q);
+          ], 42, _hoisted_3$p);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -3378,13 +3418,13 @@ const _sfc_main$Q = create$Q({
     });
   }
 });
-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",
@@ -3402,7 +3442,7 @@ const _hoisted_10$4 = { class: "duration-time" };
 const _hoisted_11$4 = { class: "nut-video-error" };
 const _hoisted_12$4 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$B, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     createElementVNode("video", {
       ref: "root",
       class: "nut-video-player",
@@ -3417,8 +3457,8 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
       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 ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
@@ -3440,7 +3480,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
         class: "control-play-btn",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
       }),
-      createElementVNode("div", _hoisted_4$k, toDisplayString(_ctx.videoSet.displayTime), 1),
+      createElementVNode("div", _hoisted_4$j, toDisplayString(_ctx.videoSet.displayTime), 1),
       createElementVNode("div", _hoisted_5$c, [
         createElementVNode("div", _hoisted_6$9, [
           createElementVNode("div", {
@@ -3581,13 +3621,13 @@ const _sfc_main$O = create$O({
     });
   }
 });
-const _hoisted_1$A = { class: "nut-step-head" };
-const _hoisted_2$v = /* @__PURE__ */ 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__ */ 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) {
@@ -3595,8 +3635,8 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$A, [
-      _hoisted_2$v,
+    createElementVNode("view", _hoisted_1$B, [
+      _hoisted_2$w,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
@@ -3606,10 +3646,10 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.iconColor,
           name: _ctx.icon,
           size: _ctx.size
-        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$n, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
-    createElementVNode("view", _hoisted_4$j, [
+    createElementVNode("view", _hoisted_4$i, [
       createElementVNode("view", _hoisted_5$b, toDisplayString(_ctx.title), 1),
       _ctx.content ? (openBlock(), createElementBlock("view", {
         key: 0,
@@ -4153,16 +4193,16 @@ const _sfc_main$L = create$L({
     };
   }
 });
-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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
-    createElementVNode("view", _hoisted_1$z, [
-      withDirectives(createElementVNode("view", _hoisted_2$u, null, 512), [
+    createElementVNode("view", _hoisted_1$A, [
+      withDirectives(createElementVNode("view", _hoisted_2$v, null, 512), [
         [vShow, !_ctx.modelValue]
       ]),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -4302,11 +4342,11 @@ const _sfc_main$K = create$K({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
@@ -4329,7 +4369,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$y, [
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$z, [
             createVNode(_component_nut_icon, {
               size: "20",
               color: "#ffffff",
@@ -4339,7 +4379,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_2$t)
+          }, null, 8, _hoisted_2$u)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -4541,10 +4581,10 @@ const _sfc_main$J = create$J({
     };
   }
 });
-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 = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$x, [
+  return openBlock(), createElementBlock("div", _hoisted_1$y, [
     createElementVNode("div", {
       class: normalizeClass(["nut-progress-outer", [
         _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
@@ -4643,10 +4683,10 @@ const _sfc_main$I = create$I({
     };
   }
 });
-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 openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
@@ -4664,7 +4704,7 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.option.backColor,
         "stroke-width": _ctx.option.strokeOutWidth,
         fill: "none"
-      }, null, 8, _hoisted_2$s),
+      }, null, 8, _hoisted_2$t),
       createElementVNode("circle", {
         r: _ctx.option.radius,
         cx: _ctx.option.cx,
@@ -4676,9 +4716,9 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
         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)),
-    createElementVNode("div", _hoisted_4$i, [
+      }, null, 8, _hoisted_3$m)
+    ], 8, _hoisted_1$x)),
+    createElementVNode("div", _hoisted_4$h, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
         createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
       ]) : renderSlot(_ctx.$slots, "default", { key: 1 })
@@ -4943,11 +4983,11 @@ const _sfc_main$H = create$H({
     });
   }
 });
-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 = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
@@ -4972,7 +5012,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.color
         }, null, 8, ["color"])) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$v, [
+      createElementVNode("view", _hoisted_1$w, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(["content", [
@@ -5029,7 +5069,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
             key: index,
             style: normalizeStyle({ height: _ctx.height }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2$r);
+          }, toDisplayString(item), 13, _hoisted_2$s);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -5139,16 +5179,16 @@ const _sfc_main$G = create$G({
     });
   }
 });
-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"
@@ -5163,17 +5203,17 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$u, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$v, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$q, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$r, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$m, [
+      createElementVNode("view", _hoisted_3$l, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5187,7 +5227,7 @@ function _sfc_render$C(_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, 40, _hoisted_4$h)
+          }, null, 40, _hoisted_4$g)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
@@ -5294,15 +5334,15 @@ const _sfc_main$F = create$F({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$t, [
+    createElementVNode("view", _hoisted_1$u, [
       _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         color: "#979797",
@@ -5324,7 +5364,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.titIcon,
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_2$p, [
+      createElementVNode("view", _hoisted_2$q, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.tabs, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: normalizeClass([
@@ -5333,7 +5373,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             onClick: ($event) => _ctx.switchTitle(item.id, item.name),
             key: item.id
-          }, toDisplayString(item.name), 11, _hoisted_3$l);
+          }, toDisplayString(item.name), 11, _hoisted_3$k);
         }), 128))
       ])
     ], 2)) : createCommentVNode("", true),
@@ -5427,10 +5467,10 @@ const _sfc_main$E = create$E({
     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"
@@ -5450,7 +5490,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.updateValue(false))
     }, null, 8, ["visible"])) : createCommentVNode("", true),
     renderSlot(_ctx.$slots, "list", {}, () => [
-      createElementVNode("view", _hoisted_1$s, [
+      createElementVNode("view", _hoisted_1$t, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-fixednav__list-item",
@@ -5459,10 +5499,10 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$k),
-            createElementVNode("view", _hoisted_4$g, toDisplayString(item.text), 1),
+            }, null, 8, _hoisted_3$j),
+            createElementVNode("view", _hoisted_4$f, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$9, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$o);
+          ], 8, _hoisted_2$p);
         }), 128))
       ])
     ]),
@@ -5481,218 +5521,270 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   ], 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 = reactive([]);
-    let activeTitle = ref("");
-    let showMask = ref(false);
-    let styleObj = reactive({
-      flexBasis: 100 / Number(props.col) + "%"
-    });
-    let nutMenuIndex = ref("auto");
-    let hasOptions = ref(true);
-    let isShowCustomer = 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 = ref();
+    const offset = ref(0);
+    const useChildren = () => {
+      const publicChildren = reactive([]);
+      const internalChildren = 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);
+        };
+        provide("menuParent", Object.assign({
+          link,
+          children: publicChildren,
+          internalChildren
+        }, value));
+      };
+      return {
+        children: publicChildren,
+        linkChildren: linkChildren2
+      };
     };
+    const { children, linkChildren } = useChildren();
+    const opened = computed(() => children.some((item) => item.state.showWrapper));
     const classes = 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 = resolveComponent("nut-popup");
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", null, [
-    createVNode(_component_nut_popup, mergeProps(_ctx.$attrs, {
-      visible: _ctx.showMask,
-      "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showMask = $event),
-      onClose: _ctx.handleClose
-    }), null, 16, ["visible", "onClose"]),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.classes),
-      style: normalizeStyle({ "z-index": _ctx.nutMenuIndex })
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["nut-menu__bar", { opened: _ctx.opened }]),
+      ref: "barRef"
     }, [
-      createElementVNode("div", _hoisted_1$r, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index) => {
-          return openBlock(), createElementBlock("div", {
-            key: index,
-            class: normalizeClass(["title", {
-              "is-active": _ctx.activeTitle === menu.title,
-              disabled: menu.disabled
-            }]),
-            onClick: ($event) => !menu.disabled && _ctx.handleClickTitle(menu.title, index)
-          }, [
-            createTextVNode(toDisplayString(menu.title) + " ", 1),
-            _ctx.activeTitle === menu.title ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
-              size: "10",
-              color: "#333",
-              name: "arrow-up"
-            })) : (openBlock(), createBlock(_component_nut_icon, {
-              key: 1,
-              size: "10",
-              color: "#999",
-              name: "arrow-down"
-            }))
-          ], 10, _hoisted_2$n);
-        }), 128))
-      ]),
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuList, (menu, index) => {
-        return withDirectives((openBlock(), createElementBlock("div", {
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.children, (item, index) => {
+        return openBlock(), createElementBlock("view", {
           key: index,
-          class: "option-list"
+          class: normalizeClass(["nut-menu__item", { disabled: item.disabled }]),
+          onClick: ($event) => !item.disabled && _ctx.toggleItem(index),
+          style: normalizeStyle({ color: item.state.showPopup ? _ctx.activeColor : "" })
         }, [
-          createElementVNode("ul", null, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(menu.options, (option, index2) => {
-              return openBlock(), createElementBlock("li", {
-                key: index2,
-                onClick: ($event) => _ctx.handleClickOption(option.text, index, option.value),
-                style: normalizeStyle(_ctx.styleObj)
-              }, [
-                menu.title === option.text ? (openBlock(), createBlock(_component_nut_icon, {
-                  key: 0,
-                  size: "20",
-                  color: _ctx.activeColor,
-                  name: "Check"
-                }, null, 8, ["color"])) : createCommentVNode("", true),
-                createTextVNode(toDisplayString(option.text), 1)
-              ], 12, _hoisted_3$j);
-            }), 128))
-          ])
-        ], 512)), [
-          [vShow, _ctx.hasOptions && _ctx.activeTitle === menu.title]
-        ]);
-      }), 128)),
-      withDirectives(createElementVNode("view", _hoisted_4$f, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512), [
-        [vShow, !_ctx.hasOptions && _ctx.isShowCustomer]
-      ])
-    ], 6)
-  ]);
+          createElementVNode("view", {
+            class: normalizeClass(["nut-menu__title", { active: item.state.showPopup }])
+          }, [
+            createElementVNode("view", _hoisted_2$o, toDisplayString(item.renderTitle()), 1),
+            createVNode(_component_nut_icon, {
+              name: item.titleIcon,
+              size: "10",
+              class: "nut-menu__title-icon"
+            }, null, 8, ["name"])
+          ], 2)
+        ], 14, _hoisted_1$s);
+      }), 128))
+    ], 2),
+    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 = 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 = reactive({
+      showPopup: false,
+      transition: true,
+      showWrapper: false,
+      isShowPlaceholderElement: false
+    });
+    const useParent = () => {
+      const parent2 = inject("menuParent", null);
+      if (parent2) {
+        const instance = getCurrentInstance();
+        const { link } = parent2;
+        link(instance);
+        return {
+          parent: parent2
+        };
+      }
+    };
+    const { parent } = useParent();
+    const classes = 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 openBlock(), createElementBlock("div", null, [
-    renderSlot(_ctx.$slots, "default", {}, void 0, true)
+  const _component_nut_icon = resolveComponent("nut-icon");
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return withDirectives((openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    withDirectives(createElementVNode("div", {
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickOutside && _ctx.handleClickOutside(...args)),
+      class: "placeholder-element",
+      style: normalizeStyle({ height: _ctx.parent.offset.value + "px" })
+    }, null, 4), [
+      [vShow, _ctx.state.isShowPlaceholderElement]
+    ]),
+    createVNode(_component_nut_popup, 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: withCtx(() => [
+        createElementVNode("view", _hoisted_1$r, [
+          (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(), createBlock(_component_nut_icon, {
+                key: 0,
+                name: "Check",
+                color: _ctx.parent.props.activeColor
+              }, null, 8, ["color"])) : createCommentVNode("", true),
+              createElementVNode("view", {
+                style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
+              }, toDisplayString(option.text), 5)
+            ], 14, _hoisted_2$n);
+          }), 128)),
+          renderSlot(_ctx.$slots, "default")
+        ])
+      ]),
+      _: 3
+    }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+  ], 2)), [
+    [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: {
@@ -9073,6 +9165,7 @@ const _sfc_main$h = create$h({
         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();
@@ -9167,20 +9260,25 @@ const _hoisted_5$5 = {
   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 = resolveComponent("nut-icon");
   const _component_nut_progress = resolveComponent("nut-progress");
@@ -9218,26 +9316,28 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         key: item.uid
       }, [
         _ctx.listType == "picture" && !_ctx.$slots.default ? (openBlock(), createElementBlock("view", _hoisted_4$9, [
-          item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_5$5, [
+          item.status == "ready" ? (openBlock(), createElementBlock("view", _hoisted_5$5, [
+            createElementVNode("view", _hoisted_6$3, toDisplayString(item.message), 1)
+          ])) : item.status != "success" ? (openBlock(), createElementBlock("view", _hoisted_7$3, [
             createVNode(_component_nut_icon, {
               color: "#fff",
               name: item.status == "error" ? "failure" : "loading"
             }, null, 8, ["name"]),
-            createElementVNode("view", _hoisted_6$3, toDisplayString(item.message), 1)
+            createElementVNode("view", _hoisted_8$3, toDisplayString(item.message), 1)
           ])) : createCommentVNode("", true),
           _ctx.isDeletable ? (openBlock(), 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"])) : createCommentVNode("", true),
           item.type.includes("image") && item.url ? (openBlock(), 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)) : (openBlock(), createElementBlock("view", _hoisted_8$3, [
+          }, null, 8, _hoisted_9$2)) : (openBlock(), createElementBlock("view", _hoisted_10$2, [
             createElementVNode("view", {
               onClick: ($event) => _ctx.fileItemClick(item),
               class: "nut-uploader__preview-img__file__name"
@@ -9247,17 +9347,17 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
                 name: "link"
               }),
               createTextVNode("\xA0" + toDisplayString(item.name), 1)
-            ], 8, _hoisted_9$2)
+            ], 8, _hoisted_11$2)
           ])),
-          createElementVNode("view", _hoisted_10$2, toDisplayString(item.name), 1)
-        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_11$2, [
+          createElementVNode("view", _hoisted_12$2, toDisplayString(item.name), 1)
+        ])) : _ctx.listType == "list" ? (openBlock(), createElementBlock("view", _hoisted_13$1, [
           createElementVNode("view", {
             onClick: ($event) => _ctx.fileItemClick(item),
             class: normalizeClass(["nut-uploader__preview-img__file__name", [item.status]])
           }, [
             createVNode(_component_nut_icon, { name: "link" }),
             createTextVNode("\xA0" + toDisplayString(item.name), 1)
-          ], 10, _hoisted_12$2),
+          ], 10, _hoisted_14$1),
           createVNode(_component_nut_icon, {
             class: "nut-uploader__preview-img__file__del",
             onClick: ($event) => _ctx.onDelete(item, index),
@@ -9293,7 +9393,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         name: _ctx.name,
         disabled: _ctx.disabled,
         onChange: _cache[2] || (_cache[2] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-      }, null, 40, _hoisted_13$1)) : (openBlock(), createElementBlock("input", {
+      }, null, 40, _hoisted_15$1)) : (openBlock(), createElementBlock("input", {
         key: 1,
         class: "nut-uploader__input",
         type: "file",
@@ -9302,7 +9402,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
         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)) : createCommentVNode("", true)
   ], 2);
 }
@@ -12104,6 +12204,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.11";
+const version = "3.1.12-beta.0";
 var nutui_vue_build = { install, version };
 export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Cell, CellGroup, _sfc_main$t as Checkbox, _sfc_main$s as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, FixedNav, _sfc_main$1a as Icon, ImagePreview, InfiniteLoading, Input, InputNumber, _sfc_main$13 as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$m as Radio, _sfc_main$l as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, Signature, Sku, Step, _sfc_main$P as Steps, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };