@nutui/nutui 3.1.17 → 3.1.18-beta.0

package/dist/nutui.umd.js

@@ -35,13 +35,13 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui v3.1.16 Fri Feb 25 2022 18:32:11 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.18-beta.0 Tue Mar 08 2022 10:41:28 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue"), require("vue-router")) : typeof define === "function" && define.amd ? define(["exports", "vue", "vue-router"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.nutui = {}, global.Vue, global.vueRouter));
-})(this, function(exports2, vue, vueRouter) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("vue")) : typeof define === "function" && define.amd ? define(["exports", "vue"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.nutui = {}, global.Vue));
+})(this, function(exports2, vue) {
   "use strict";
   function createComponent(name) {
     const componentName2 = "nut-" + name;
@@ -307,6 +307,10 @@ var __publicField = (obj, key, value) => {
     ], 6);
   }
   var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1j]]);
+  function useRouter() {
+    const proxy = vue.getCurrentInstance().proxy;
+    return proxy.$router || null;
+  }
   const { componentName: componentName$15, create: create$1q } = createComponent("cell");
   const _sfc_main$1q = create$1q({
     props: {
@@ -330,7 +334,7 @@ var __publicField = (obj, key, value) => {
           [`${prefixCls}--clickable`]: props.isLink || props.to
         };
       });
-      const router = vueRouter.useRouter();
+      const router = useRouter();
       const baseStyle = vue.computed(() => {
         return {
           borderRadius: pxCheck(props.roundRadius)
@@ -352,7 +356,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$10 = { class: "title" };
-  const _hoisted_2$Q = { class: "nut-cell__title-desc" };
+  const _hoisted_2$R = { class: "nut-cell__title-desc" };
   function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -372,7 +376,7 @@ var __publicField = (obj, key, value) => {
           }, null, 8, ["name"])) : vue.createCommentVNode("", true),
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
             vue.createElementVNode("view", _hoisted_1$10, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", _hoisted_2$Q, vue.toDisplayString(_ctx.subTitle), 1)
+            vue.createElementVNode("view", _hoisted_2$R, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ], 64))
@@ -413,18 +417,18 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$P = {
+  const _hoisted_2$Q = {
     key: 3,
     class: "nut-cell-group__desc"
   };
-  const _hoisted_3$D = { class: "nut-cell-group__warp" };
+  const _hoisted_3$E = { class: "nut-cell-group__warp" };
   function _sfc_render$1h(_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$$, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$P, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$D, [
+      _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_3$E, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -515,7 +519,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$_ = ["innerHTML"];
-  const _hoisted_2$O = ["innerHTML"];
+  const _hoisted_2$P = ["innerHTML"];
   function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -539,7 +543,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$O)) : vue.createCommentVNode("", true)
+      }, null, 10, _hoisted_2$P)) : vue.createCommentVNode("", true)
     ], 2);
   }
   var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1g]]);
@@ -1276,8 +1280,8 @@ var __publicField = (obj, key, value) => {
     class: "nut-video",
     ref: "videocon"
   };
-  const _hoisted_2$N = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-  const _hoisted_3$C = ["src", "type"];
+  const _hoisted_2$O = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+  const _hoisted_3$D = ["src", "type"];
   const _hoisted_4$t = { class: "current-time" };
   const _hoisted_5$k = { class: "progress-container" };
   const _hoisted_6$h = {
@@ -1311,8 +1315,8 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("source", {
           src: _ctx.source.src,
           type: _ctx.source.type
-        }, null, 8, _hoisted_3$C)
-      ], 40, _hoisted_2$N),
+        }, null, 8, _hoisted_3$D)
+      ], 40, _hoisted_2$O),
       _ctx.showToolbox && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "playing-mask",
@@ -1881,6 +1885,10 @@ var __publicField = (obj, key, value) => {
       autoplay: {
         type: [Number, String],
         default: 3e3
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["close"],
@@ -2020,7 +2028,7 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$X = ["src"];
-  const _hoisted_2$M = { class: "nut-imagepreview-index" };
+  const _hoisted_2$N = { class: "nut-imagepreview-index" };
   function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_video = vue.resolveComponent("nut-video");
     const _component_nut_swiper_item = vue.resolveComponent("nut-swiper-item");
@@ -2030,6 +2038,7 @@ var __publicField = (obj, key, value) => {
       "pop-class": "custom-pop",
       visible: _ctx.showPop,
       "onUpdate:visible": _cache[2] || (_cache[2] = ($event) => _ctx.showPop = $event),
+      isWrapTeleport: _ctx.isWrapTeleport,
       onClick: _ctx.onClose,
       style: { "width": "100%" }
     }, {
@@ -2078,10 +2087,10 @@ var __publicField = (obj, key, value) => {
             _: 1
           }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : vue.createCommentVNode("", true)
         ], 32),
-        vue.createElementVNode("view", _hoisted_2$M, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
+        vue.createElementVNode("view", _hoisted_2$N, vue.toDisplayString(_ctx.active) + " / " + vue.toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
       ]),
       _: 1
-    }, 8, ["visible", "onClick"]);
+    }, 8, ["visible", "isWrapTeleport", "onClick"]);
   }
   var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$17]]);
   class ImagePreviewOptions {
@@ -2502,8 +2511,8 @@ var __publicField = (obj, key, value) => {
     class: "nut-swipe__left",
     ref: "leftRef"
   };
-  const _hoisted_2$L = { class: "nut-swipe__content" };
-  const _hoisted_3$B = {
+  const _hoisted_2$M = { class: "nut-swipe__content" };
+  const _hoisted_3$C = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
@@ -2519,10 +2528,10 @@ var __publicField = (obj, key, value) => {
       vue.createElementVNode("view", _hoisted_1$W, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
-      vue.createElementVNode("view", _hoisted_2$L, [
+      vue.createElementVNode("view", _hoisted_2$M, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$B, [
+      vue.createElementVNode("view", _hoisted_3$C, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
@@ -2562,6 +2571,10 @@ var __publicField = (obj, key, value) => {
       menuItems: {
         type: Array,
         default: () => []
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: true
       }
     }),
     emits: ["cancel", "close", "choose", "update:visible"],
@@ -2599,11 +2612,11 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$V = { class: "nut-actionsheet-panel" };
-  const _hoisted_2$K = {
+  const _hoisted_2$L = {
     key: 0,
     class: "nut-actionsheet-title"
   };
-  const _hoisted_3$A = {
+  const _hoisted_3$B = {
     key: 1,
     class: "nut-actionsheet-item desc"
   };
@@ -2621,14 +2634,15 @@ var __publicField = (obj, key, value) => {
       vue.createVNode(_component_nut_popup, {
         "pop-class": "popclass",
         visible: _ctx.visible,
+        isWrapTeleport: _ctx.isWrapTeleport,
         position: "bottom",
         round: "",
         onClickOverlay: _ctx.close
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$V, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$K, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$A, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$L, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$B, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
             _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$s, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
                 return vue.openBlock(), vue.createElementBlock("view", {
@@ -2650,7 +2664,7 @@ var __publicField = (obj, key, value) => {
           ])
         ]),
         _: 1
-      }, 8, ["visible", "onClickOverlay"])
+      }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
     ], 2);
   }
   var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
@@ -2666,8 +2680,8 @@ var __publicField = (obj, key, value) => {
         default: 10
       },
       elId: {
-        type: String,
-        default: ""
+        type: [String, Element],
+        default: "body"
       },
       distance: {
         type: Number,
@@ -2944,7 +2958,9 @@ var __publicField = (obj, key, value) => {
       const contentRef = vue.ref(null);
       const onTransitionEnd = () => {
         const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
-        wrapperRefEle.style.willChange = "auto";
+        if (wrapperRefEle) {
+          wrapperRefEle.style.willChange = "auto";
+        }
       };
       const animation = () => {
         const wrapperRefEle = wrapperRef.value;
@@ -3046,8 +3062,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$U = { class: "collapse-title" };
-  const _hoisted_2$J = { class: "collapse-title-value" };
-  const _hoisted_3$z = ["innerHTML"];
+  const _hoisted_2$K = { class: "collapse-title-value" };
+  const _hoisted_3$A = ["innerHTML"];
   const _hoisted_4$r = {
     key: 0,
     class: "subTitle"
@@ -3072,7 +3088,7 @@ var __publicField = (obj, key, value) => {
       }, [
         vue.createElementVNode("view", _hoisted_1$U, [
           vue.createElementVNode("view", null, [
-            vue.createElementVNode("view", _hoisted_2$J, [
+            vue.createElementVNode("view", _hoisted_2$K, [
               _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                 key: 0,
                 name: _ctx.titleIcon,
@@ -3084,7 +3100,7 @@ var __publicField = (obj, key, value) => {
                 key: 2,
                 innerHTML: _ctx.title,
                 class: "collapse-icon-title"
-              }, null, 8, _hoisted_3$z))
+              }, null, 8, _hoisted_3$A))
             ])
           ])
         ]),
@@ -3428,7 +3444,7 @@ var __publicField = (obj, key, value) => {
     key: 0,
     class: "nut-dialog__header"
   };
-  const _hoisted_2$I = ["innerHTML"];
+  const _hoisted_2$J = ["innerHTML"];
   function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
     const _component_nut_popup = vue.resolveComponent("nut-popup");
@@ -3458,7 +3474,7 @@ 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$I))
+            }, null, 8, _hoisted_2$J))
           ], 4),
           !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
@@ -3760,8 +3776,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$S = { class: "top-box" };
-  const _hoisted_2$H = { class: "top-text" };
-  const _hoisted_3$y = { class: "nut-infinite-container" };
+  const _hoisted_2$I = { class: "top-text" };
+  const _hoisted_3$z = { class: "nut-infinite-container" };
   const _hoisted_4$q = { class: "nut-infinite-bottom" };
   const _hoisted_5$h = {
     key: 0,
@@ -3791,10 +3807,10 @@ var __publicField = (obj, key, value) => {
             class: "top-img",
             name: _ctx.pullIcon
           }, null, 8, ["name"]),
-          vue.createElementVNode("view", _hoisted_2$H, vue.toDisplayString(_ctx.pullTxt), 1)
+          vue.createElementVNode("view", _hoisted_2$I, vue.toDisplayString(_ctx.pullTxt), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$y, [
+      vue.createElementVNode("view", _hoisted_3$z, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       vue.createElementVNode("view", _hoisted_4$q, [
@@ -3887,7 +3903,7 @@ var __publicField = (obj, key, value) => {
     }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
-          class: vue.normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, { className: _ctx.className }]),
+          class: vue.normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, [_ctx.className]]),
           style: vue.normalizeStyle({ color: _ctx.color, background: _ctx.background }),
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
         }, [
@@ -4208,11 +4224,11 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$R = { class: "nut-range-container" };
-  const _hoisted_2$G = {
+  const _hoisted_2$H = {
     key: 0,
     class: "min"
   };
-  const _hoisted_3$x = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_3$y = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
   const _hoisted_4$p = {
     key: 0,
     class: "number"
@@ -4228,7 +4244,7 @@ var __publicField = (obj, key, value) => {
   };
   function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$R, [
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$G, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
+      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$H, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         ref: "root",
         style: vue.normalizeStyle(_ctx.wrapperStyle),
@@ -4270,7 +4286,7 @@ var __publicField = (obj, key, value) => {
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$p, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$x);
+            ], 42, _hoisted_3$y);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4739,8 +4755,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$P = { class: "nut-step-head" };
-  const _hoisted_2$F = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$w = {
+  const _hoisted_2$G = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
+  const _hoisted_3$x = {
     key: 2,
     class: "nut-step-inner"
   };
@@ -4753,7 +4769,7 @@ var __publicField = (obj, key, value) => {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.createElementVNode("view", _hoisted_1$P, [
-        _hoisted_2$F,
+        _hoisted_2$G,
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
@@ -4763,7 +4779,7 @@ 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$w, 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$x, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$o, [
@@ -4914,6 +4930,10 @@ var __publicField = (obj, key, value) => {
         type: [String, Number],
         default: "base"
       },
+      iconSize: {
+        type: String,
+        default: "20"
+      },
       icon: String,
       textAlignCenter: {
         type: Boolean,
@@ -4925,7 +4945,7 @@ var __publicField = (obj, key, value) => {
       },
       bgColor: {
         type: String,
-        default: "rgba(0, 0, 0, .8)"
+        default: ""
       },
       onClose: Function,
       unmount: Function,
@@ -4935,7 +4955,7 @@ var __publicField = (obj, key, value) => {
       },
       coverColor: {
         type: String,
-        default: "rgba(0, 0, 0, 0)"
+        default: ""
       },
       title: {
         type: String,
@@ -4946,7 +4966,8 @@ var __publicField = (obj, key, value) => {
         default: false
       }
     },
-    setup(props) {
+    emits: ["close"],
+    setup(props, { emit }) {
       let timer;
       const state = vue.reactive({
         mounted: false
@@ -4974,6 +4995,7 @@ var __publicField = (obj, key, value) => {
       const clickCover = () => {
         if (props.closeOnClickOverlay) {
           hide();
+          emit("close");
         }
       };
       if (props.duration) {
@@ -5021,11 +5043,11 @@ var __publicField = (obj, key, value) => {
     key: 0,
     class: "nut-toast-icon-wrapper"
   };
-  const _hoisted_2$E = {
+  const _hoisted_2$F = {
     key: 1,
     class: "nut-toast-title"
   };
-  const _hoisted_3$v = ["innerHTML"];
+  const _hoisted_3$w = ["innerHTML"];
   function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -5050,16 +5072,16 @@ var __publicField = (obj, key, value) => {
           }, [
             _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$N, [
               vue.createVNode(_component_nut_icon, {
-                size: "20",
+                size: _ctx.iconSize,
                 color: "#ffffff",
                 name: _ctx.icon
-              }, null, 8, ["name"])
+              }, null, 8, ["size", "name"])
             ])) : vue.createCommentVNode("", true),
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+            _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$F, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", {
               class: "nut-toast-text",
               innerHTML: _ctx.msg
-            }, null, 8, _hoisted_3$v)
+            }, null, 8, _hoisted_3$w)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -5079,14 +5101,15 @@ var __publicField = (obj, key, value) => {
     customClass: "",
     bottom: "30px",
     size: "base",
+    iconSize: "20",
     icon: null,
     textAlignCenter: true,
     loadingRotate: true,
-    bgColor: "rgba(0, 0, 0, .8)",
+    bgColor: "",
     onClose: null,
     unmount: null,
     cover: false,
-    coverColor: "rgba(0, 0, 0, 0)",
+    coverColor: "",
     closeOnClickOverlay: false
   };
   let idsMap = [];
@@ -5378,8 +5401,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$L = ["height", "width"];
-  const _hoisted_2$D = ["r", "cx", "cy", "stroke", "stroke-width"];
-  const _hoisted_3$u = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
+  const _hoisted_2$E = ["r", "cx", "cy", "stroke", "stroke-width"];
+  const _hoisted_3$v = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
   const _hoisted_4$n = { class: "nut-circleprogress-content" };
   function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -5398,7 +5421,7 @@ var __publicField = (obj, key, value) => {
           stroke: _ctx.option.backColor,
           "stroke-width": _ctx.option.strokeOutWidth,
           fill: "none"
-        }, null, 8, _hoisted_2$D),
+        }, null, 8, _hoisted_2$E),
         vue.createElementVNode("circle", {
           r: _ctx.option.radius,
           cx: _ctx.option.cx,
@@ -5410,7 +5433,7 @@ 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$u)
+        }, null, 8, _hoisted_3$v)
       ], 8, _hoisted_1$L)),
       vue.createElementVNode("div", _hoisted_4$n, [
         !_ctx.isAuto ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
@@ -5458,6 +5481,7 @@ var __publicField = (obj, key, value) => {
         default: false
       },
       leftIcon: { type: String, default: "" },
+      rightIcon: { type: String, default: "" },
       color: {
         type: String,
         default: ""
@@ -5472,7 +5496,7 @@ var __publicField = (obj, key, value) => {
       },
       scrollable: {
         type: Boolean,
-        default: true
+        default: null
       },
       speed: {
         type: Number,
@@ -5482,6 +5506,7 @@ var __publicField = (obj, key, value) => {
     components: {
       ScrollItem: function(props) {
         props.item.props.style = props.style;
+        props.item.key = props.key;
         return vue.h(props.item);
       }
     },
@@ -5500,7 +5525,8 @@ var __publicField = (obj, key, value) => {
         scrollList: [],
         distance: 0,
         timer: null,
-        keepAlive: false
+        keepAlive: false,
+        isCanScroll: null
       });
       const classes = vue.computed(() => {
         const prefixCls = componentName$H;
@@ -5508,6 +5534,13 @@ var __publicField = (obj, key, value) => {
           [prefixCls]: true
         };
       });
+      const isEllipsis = vue.computed(() => {
+        if (state.isCanScroll == null) {
+          return false;
+        } else {
+          return !state.isCanScroll && !props.wrapable;
+        }
+      });
       const iconShow = vue.computed(() => {
         if (props.leftIcon == "close") {
           return false;
@@ -5526,9 +5559,9 @@ var __publicField = (obj, key, value) => {
       });
       const contentStyle = vue.computed(() => {
         return {
-          paddingLeft: state.firstRound ? 0 : state.wrapWidth + "px",
           animationDelay: (state.firstRound ? props.delay : 0) + "s",
-          animationDuration: state.duration + "s"
+          animationDuration: state.duration + "s",
+          transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + "px"})`
         };
       });
       const iconBg = vue.computed(() => {
@@ -5571,7 +5604,8 @@ var __publicField = (obj, key, value) => {
           }
           const wrapWidth = wrap.value.getBoundingClientRect().width;
           const offsetWidth = content.value.getBoundingClientRect().width;
-          if (props.scrollable && offsetWidth > wrapWidth) {
+          state.isCanScroll = props.scrollable == null ? offsetWidth > wrapWidth : props.scrollable;
+          if (state.isCanScroll) {
             state.wrapWidth = wrapWidth;
             state.offsetWidth = offsetWidth;
             state.duration = offsetWidth / props.speed;
@@ -5585,7 +5619,9 @@ var __publicField = (obj, key, value) => {
         emit("click", event);
       };
       const onClickIcon = (event) => {
-        state.showNoticeBar = !props.closeMode;
+        if (props.closeMode) {
+          state.showNoticeBar = !props.closeMode;
+        }
         emit("close", event);
       };
       const onAnimationEnd = () => {
@@ -5658,6 +5694,7 @@ var __publicField = (obj, key, value) => {
         clearInterval(state.timer);
       });
       return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(state)), {
+        isEllipsis,
         classes,
         iconShow,
         barStyle,
@@ -5679,7 +5716,7 @@ var __publicField = (obj, key, value) => {
     ref: "wrap",
     class: "wrap"
   };
-  const _hoisted_2$C = ["onClick"];
+  const _hoisted_2$D = ["onClick"];
   function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     const _component_ScrollItem = vue.resolveComponent("ScrollItem");
@@ -5697,17 +5734,19 @@ var __publicField = (obj, key, value) => {
           class: "left-icon",
           style: vue.normalizeStyle({ "background-image": `url(${_ctx.iconBg})` })
         }, [
-          !_ctx.iconBg ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-            key: 0,
-            name: "notice",
-            size: "16",
-            color: _ctx.color
-          }, null, 8, ["color"])) : vue.createCommentVNode("", true)
+          vue.renderSlot(_ctx.$slots, "left-icon", {}, () => [
+            !_ctx.iconBg ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+              key: 0,
+              name: "notice",
+              size: "16",
+              color: _ctx.color
+            }, null, 8, ["color"])) : vue.createCommentVNode("", true)
+          ])
         ], 4)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_1$K, [
           vue.createElementVNode("view", {
             ref: "content",
-            class: vue.normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
+            class: vue.normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]]),
             style: vue.normalizeStyle(_ctx.contentStyle),
             onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
             onWebkitAnimationEnd: _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
@@ -5717,15 +5756,17 @@ var __publicField = (obj, key, value) => {
             ])
           ], 38)
         ], 512),
-        _ctx.closeMode ? (vue.openBlock(), vue.createElementBlock("view", {
+        _ctx.closeMode || _ctx.rightIcon ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
           class: "right-icon",
           onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
         }, [
-          vue.createVNode(_component_nut_icon, {
-            name: "close",
-            color: _ctx.color
-          }, null, 8, ["color"])
+          vue.renderSlot(_ctx.$slots, "right-icon", {}, () => [
+            vue.createVNode(_component_nut_icon, {
+              name: _ctx.rightIcon ? _ctx.rightIcon : "close",
+              color: _ctx.color
+            }, null, 8, ["name", "color"])
+          ])
         ])) : vue.createCommentVNode("", true)
       ], 6)), [
         [vue.vShow, _ctx.showNoticeBar]
@@ -5758,7 +5799,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$C);
+            }, vue.toDisplayString(item), 13, _hoisted_2$D);
           }), 128))
         ], 4)),
         vue.createElementVNode("view", {
@@ -5872,11 +5913,11 @@ var __publicField = (obj, key, value) => {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_2$B = {
+  const _hoisted_2$C = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
   };
-  const _hoisted_3$t = { class: "nut-searchbar__input-inner" };
+  const _hoisted_3$u = { class: "nut-searchbar__input-inner" };
   const _hoisted_4$m = ["type", "maxlength", "placeholder", "value"];
   const _hoisted_5$e = {
     key: 1,
@@ -5899,10 +5940,10 @@ var __publicField = (obj, key, value) => {
         class: "nut-searchbar__search-input",
         style: vue.normalizeStyle(_ctx.inputSearchbarStyle)
       }, [
-        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$B, [
+        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$C, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$t, [
+        vue.createElementVNode("view", _hoisted_3$u, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5983,8 +6024,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$I = { class: "nut-empty" };
-  const _hoisted_2$A = ["src"];
-  const _hoisted_3$s = {
+  const _hoisted_2$B = ["src"];
+  const _hoisted_3$t = {
     key: 1,
     class: "nut-empty-description"
   };
@@ -5999,10 +6040,10 @@ var __publicField = (obj, key, value) => {
             key: 0,
             class: "img",
             src: _ctx.imageUrl
-          }, null, 8, _hoisted_2$A)) : vue.createCommentVNode("", true)
+          }, null, 8, _hoisted_2$B)) : vue.createCommentVNode("", true)
         ], 64))
       ], 4),
-      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$s, vue.toDisplayString(_ctx.description), 1)),
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$t, vue.toDisplayString(_ctx.description), 1)),
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
@@ -6194,11 +6235,11 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$H = { class: "nut-audio" };
-  const _hoisted_2$z = {
+  const _hoisted_2$A = {
     key: 0,
     class: "progress-wrapper"
   };
-  const _hoisted_3$r = { class: "time" };
+  const _hoisted_3$s = { class: "time" };
   const _hoisted_4$l = { class: "progress-bar-wrapper" };
   const _hoisted_5$d = /* @__PURE__ */ vue.createElementVNode("div", { class: "custom-button" }, null, -1);
   const _hoisted_6$a = { class: "time" };
@@ -6211,8 +6252,8 @@ var __publicField = (obj, key, value) => {
     const _component_nut_range = vue.resolveComponent("nut-range");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-      _ctx.type == "progress" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
-        vue.createElementVNode("div", _hoisted_3$r, vue.toDisplayString(_ctx.currentDuration), 1),
+      _ctx.type == "progress" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
+        vue.createElementVNode("div", _hoisted_3$s, vue.toDisplayString(_ctx.currentDuration), 1),
         vue.createElementVNode("div", _hoisted_4$l, [
           vue.createVNode(_component_nut_range, {
             modelValue: _ctx.percent,
@@ -6288,8 +6329,8 @@ var __publicField = (obj, key, value) => {
     }
   });
   const _hoisted_1$G = { class: "nut-audio-operate" };
-  const _hoisted_2$y = /* @__PURE__ */ vue.createTextVNode("\u5012\u9000");
-  const _hoisted_3$q = /* @__PURE__ */ vue.createTextVNode("\u5FEB\u8FDB");
+  const _hoisted_2$z = /* @__PURE__ */ vue.createTextVNode("\u5012\u9000");
+  const _hoisted_3$r = /* @__PURE__ */ vue.createTextVNode("\u5FEB\u8FDB");
   const _hoisted_4$k = /* @__PURE__ */ vue.createTextVNode("\u9759\u97F3");
   function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
@@ -6305,7 +6346,7 @@ var __publicField = (obj, key, value) => {
           size: "small"
         }, {
           default: vue.withCtx(() => [
-            _hoisted_2$y
+            _hoisted_2$z
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
@@ -6339,7 +6380,7 @@ var __publicField = (obj, key, value) => {
           size: "small"
         }, {
           default: vue.withCtx(() => [
-            _hoisted_3$q
+            _hoisted_3$r
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
@@ -6371,27 +6412,13 @@ var __publicField = (obj, key, value) => {
       leftShow: { type: Boolean, default: true },
       title: { type: String, default: "" },
       titIcon: { type: String, default: "" },
-      icon: { type: String, default: "" },
       desc: { type: String, default: "" },
       defaultIndex: {
         type: Number,
         default: 0
       }
     },
-    emits: [
-      "click",
-      "on-click-back",
-      "on-click-title",
-      "on-click-right",
-      "on-click-desc",
-      "on-click-icon",
-      "on-click-more",
-      "on-click-clear",
-      "on-click-send",
-      "on-click-slot",
-      "on-click-slot-send",
-      "switch-tab"
-    ],
+    emits: ["click", "on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
     setup(props, { emit }) {
       const activeIndex = vue.ref(props.defaultIndex);
       const classes = vue.computed(() => {
@@ -6409,32 +6436,22 @@ var __publicField = (obj, key, value) => {
       function handleCenterIcon() {
         emit("on-click-icon");
       }
-      function handleClear() {
-        emit("on-click-clear");
-      }
-      function handleSend() {
-        emit("on-click-send");
-      }
-      function handleSlot() {
-        emit("on-click-slot");
-      }
-      function handleSends() {
-        emit("on-click-slot-send");
+      function handleRight() {
+        emit("on-click-right");
       }
       return {
         classes,
         handleLeft,
         handleCenter,
         handleCenterIcon,
-        handleClear,
-        handleSend,
-        handleSlot,
-        handleSends,
+        handleRight,
         activeIndex
       };
     }
   });
   const _hoisted_1$F = { class: "nut-navbar__left" };
+  const _hoisted_2$y = { class: "nut-navbar__title" };
+  const _hoisted_3$q = { class: "nut-navbar__right" };
   function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -6446,11 +6463,10 @@ var __publicField = (obj, key, value) => {
           color: "#979797",
           name: "left",
           onClick: _ctx.handleLeft
-        }, null, 8, ["onClick"])) : vue.createCommentVNode("", true)
+        }, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "left")
       ]),
-      vue.createElementVNode("view", {
-        class: vue.normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
-      }, [
+      vue.createElementVNode("view", _hoisted_2$y, [
         _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
@@ -6462,31 +6478,15 @@ var __publicField = (obj, key, value) => {
           onClick: _ctx.handleCenterIcon
         }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "content")
-      ], 2),
-      _ctx.desc || _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", {
-        key: 0,
-        class: vue.normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
-      }, [
+      ]),
+      vue.createElementVNode("view", _hoisted_3$q, [
         _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
-          style: vue.normalizeStyle({ "text-align": _ctx.descTextAlign }),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
-        }, vue.toDisplayString(_ctx.desc), 5)) : vue.createCommentVNode("", true),
-        _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", {
-          key: 1,
-          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleSends && _ctx.handleSends(...args))
-        }, [
-          vue.renderSlot(_ctx.$slots, "icons")
-        ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", null, [
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-            key: 0,
-            class: "rightIcon",
-            name: _ctx.icon,
-            onClick: _ctx.handleSend
-          }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true)
-        ])
-      ], 2)) : vue.createCommentVNode("", true)
+          class: "right_text",
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+        }, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "right")
+      ])
     ], 2);
   }
   var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
@@ -6985,7 +6985,7 @@ var __publicField = (obj, key, value) => {
         active: parent.modelValue,
         index: 0
       });
-      const router = vueRouter.useRouter();
+      const router = useRouter();
       const relation = (child) => {
         if (child.proxy) {
           let index = parent.children.length;
@@ -7011,7 +7011,11 @@ var __publicField = (obj, key, value) => {
           }
           if (parent.children[value].to) {
             let to = parent.children[value].to;
-            router.push(to);
+            if (to && router) {
+              router.push(to);
+            } else {
+              location.replace(to);
+            }
           }
         });
       });
@@ -7899,7 +7903,7 @@ var __publicField = (obj, key, value) => {
           color: props.iconColor || parent.iconColor
         };
       });
-      const router = vueRouter.useRouter();
+      const router = useRouter();
       const handleClick = (event) => {
         emit("click", event);
         if (props.to && router) {
@@ -9456,6 +9460,7 @@ var __publicField = (obj, key, value) => {
         return "text";
       });
       const columnList = vue.computed(() => {
+        console.log("\u521D\u59CB\u5316", dataType.value);
         if (dataType.value === "text") {
           return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
         } else if (dataType.value === "multipleColumns") {
@@ -10479,6 +10484,10 @@ var __publicField = (obj, key, value) => {
       length: {
         type: [String, Number],
         default: 6
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: true
       }
     },
     emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
@@ -10595,7 +10604,8 @@ var __publicField = (obj, key, value) => {
         closeable: true,
         onClickCloseIcon: _ctx.closeIcon,
         "close-on-click-overlay": _ctx.closeOnClickOverlay,
-        onClickOverlay: _ctx.close
+        onClickOverlay: _ctx.close,
+        isWrapTeleport: _ctx.isWrapTeleport
       }, {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$n, vue.toDisplayString(_ctx.title), 1),
@@ -10652,7 +10662,7 @@ var __publicField = (obj, key, value) => {
           ])) : vue.createCommentVNode("", true)
         ]),
         _: 1
-      }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay"])
+      }, 8, ["visible", "onClickCloseIcon", "close-on-click-overlay", "onClickOverlay", "isWrapTeleport"])
     ]);
   }
   var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
@@ -12495,6 +12505,9 @@ var __publicField = (obj, key, value) => {
         emit("update:visible", false);
       };
       const chooseItem = (item, index) => {
+        if (item.disabled) {
+          return;
+        }
         emit("choose", item, index);
       };
       return {
@@ -14300,6 +14313,10 @@ var __publicField = (obj, key, value) => {
         default: () => {
           return [];
         }
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["update:visible", "select"],
@@ -14342,6 +14359,7 @@ var __publicField = (obj, key, value) => {
       position: "bottom",
       closeable: "",
       round: "",
+      isWrapTeleport: _ctx.isWrapTeleport,
       visible: _ctx.visible,
       style: vue.normalizeStyle(_ctx.popStyle),
       onClickOverlay: _ctx.close,
@@ -14365,7 +14383,7 @@ var __publicField = (obj, key, value) => {
         ], 2)
       ]),
       _: 3
-    }, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
+    }, 8, ["isWrapTeleport", "visible", "style", "onClickOverlay", "onClickCloseIcon"]);
   }
   var TimeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
   const { componentName: componentName$7, create: create$8 } = createComponent("timepannel");
@@ -15245,7 +15263,7 @@ var __publicField = (obj, key, value) => {
       }
     });
   }
-  const version = "3.1.16";
+  const version = "3.1.18-beta.0";
   var nutui_vue_build = { install, version };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;