@nutui/nutui 3.1.17 → 3.1.18-beta.0

package/dist/nutui.es.js

@@ -35,12 +35,11 @@ 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.
 */
-import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, ref, nextTick, getCurrentInstance, renderList, render, unref, onUnmounted, useSlots, mergeProps, watchEffect, shallowReactive, markRaw, isVNode, createSlots, toRaw, readonly, vModelText } from "vue";
-import { useRouter } from "vue-router";
+import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, ref, nextTick, renderList, render, unref, onUnmounted, useSlots, mergeProps, watchEffect, shallowReactive, markRaw, isVNode, createSlots, toRaw, readonly, vModelText } from "vue";
 function createComponent(name) {
   const componentName2 = "nut-" + name;
   return {
@@ -305,6 +304,10 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
   ], 6);
 }
 var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1r, [["render", _sfc_render$1j]]);
+function useRouter() {
+  const proxy = getCurrentInstance().proxy;
+  return proxy.$router || null;
+}
 const { componentName: componentName$15, create: create$1q } = createComponent("cell");
 const _sfc_main$1q = create$1q({
   props: {
@@ -350,7 +353,7 @@ const _sfc_main$1q = create$1q({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -370,7 +373,7 @@ function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           createElementVNode("view", _hoisted_1$10, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_2$Q, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_2$R, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -411,18 +414,18 @@ const _hoisted_1$$ = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
     _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$P, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$D, [
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$Q, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3$E, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
@@ -513,7 +516,7 @@ const _sfc_main$1o = create$1o({
   }
 });
 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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -537,7 +540,7 @@ function _sfc_render$1g(_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$O)) : createCommentVNode("", true)
+    }, null, 10, _hoisted_2$P)) : createCommentVNode("", true)
   ], 2);
 }
 var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1g]]);
@@ -1274,8 +1277,8 @@ const _hoisted_1$Y = {
   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 = {
@@ -1309,8 +1312,8 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
       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 ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
@@ -1879,6 +1882,10 @@ const _sfc_main$1e = create$1e({
     autoplay: {
       type: [Number, String],
       default: 3e3
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["close"],
@@ -2018,7 +2025,7 @@ const _sfc_main$1e = create$1e({
   }
 });
 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 = resolveComponent("nut-video");
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
@@ -2028,6 +2035,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     "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%" }
   }, {
@@ -2076,10 +2084,10 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true)
       ], 32),
-      createElementVNode("view", _hoisted_2$M, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
+      createElementVNode("view", _hoisted_2$N, toDisplayString(_ctx.active) + " / " + 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 {
@@ -2500,8 +2508,8 @@ const _hoisted_1$W = {
   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"
 };
@@ -2517,10 +2525,10 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_1$W, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2$L, [
+    createElementVNode("view", _hoisted_2$M, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$B, [
+    createElementVNode("view", _hoisted_3$C, [
       renderSlot(_ctx.$slots, "right")
     ], 512)
   ], 38);
@@ -2560,6 +2568,10 @@ const _sfc_main$1b = create$1b({
     menuItems: {
       type: Array,
       default: () => []
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   }),
   emits: ["cancel", "close", "choose", "update:visible"],
@@ -2597,11 +2609,11 @@ const _sfc_main$1b = create$1b({
   }
 });
 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"
 };
@@ -2619,14 +2631,15 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_nut_popup, {
       "pop-class": "popclass",
       visible: _ctx.visible,
+      isWrapTeleport: _ctx.isWrapTeleport,
       position: "bottom",
       round: "",
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$V, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$K, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$A, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$L, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$B, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
           _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$s, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
               return openBlock(), createElementBlock("view", {
@@ -2648,7 +2661,7 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 1
-    }, 8, ["visible", "onClickOverlay"])
+    }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
   ], 2);
 }
 var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
@@ -2664,8 +2677,8 @@ const _sfc_main$1a = create$1a({
       default: 10
     },
     elId: {
-      type: String,
-      default: ""
+      type: [String, Element],
+      default: "body"
     },
     distance: {
       type: Number,
@@ -2942,7 +2955,9 @@ const _sfc_main$18 = create$18({
     const contentRef = 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;
@@ -3044,8 +3059,8 @@ const _sfc_main$18 = create$18({
   }
 });
 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"
@@ -3070,7 +3085,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       createElementVNode("view", _hoisted_1$U, [
         createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2$J, [
+          createElementVNode("view", _hoisted_2$K, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
               key: 0,
               name: _ctx.titleIcon,
@@ -3082,7 +3097,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
               key: 2,
               innerHTML: _ctx.title,
               class: "collapse-icon-title"
-            }, null, 8, _hoisted_3$z))
+            }, null, 8, _hoisted_3$A))
           ])
         ])
       ]),
@@ -3426,7 +3441,7 @@ const _hoisted_1$T = {
   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 = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
@@ -3456,7 +3471,7 @@ function _sfc_render$10(_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$I))
+          }, null, 8, _hoisted_2$J))
         ], 4),
         !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
           key: 1,
@@ -3758,8 +3773,8 @@ const _sfc_main$15 = create$15({
   }
 });
 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,
@@ -3789,10 +3804,10 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
           class: "top-img",
           name: _ctx.pullIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2$H, toDisplayString(_ctx.pullTxt), 1)
+        createElementVNode("view", _hoisted_2$I, toDisplayString(_ctx.pullTxt), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$y, [
+    createElementVNode("view", _hoisted_3$z, [
       renderSlot(_ctx.$slots, "default")
     ]),
     createElementVNode("view", _hoisted_4$q, [
@@ -3885,7 +3900,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
-        class: normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, { className: _ctx.className }]),
+        class: normalizeClass(["popup-top", "nut-notify", `nut-notify--${_ctx.type}`, [_ctx.className]]),
         style: normalizeStyle({ color: _ctx.color, background: _ctx.background }),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickCover && _ctx.clickCover(...args))
       }, [
@@ -4206,11 +4221,11 @@ const _sfc_main$13 = create$13({
   }
 });
 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"
@@ -4226,7 +4241,7 @@ const _hoisted_7$9 = {
 };
 function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1$R, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$G, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$H, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
@@ -4268,7 +4283,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$p, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$x);
+          ], 42, _hoisted_3$y);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4737,8 +4752,8 @@ const _sfc_main$10 = create$10({
   }
 });
 const _hoisted_1$P = { class: "nut-step-head" };
-const _hoisted_2$F = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3$w = {
+const _hoisted_2$G = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3$x = {
   key: 2,
   class: "nut-step-inner"
 };
@@ -4751,7 +4766,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes)
   }, [
     createElementVNode("view", _hoisted_1$P, [
-      _hoisted_2$F,
+      _hoisted_2$G,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
@@ -4761,7 +4776,7 @@ function _sfc_render$X(_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$w, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$x, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4$o, [
@@ -4912,6 +4927,10 @@ const _sfc_main$_ = create$_({
       type: [String, Number],
       default: "base"
     },
+    iconSize: {
+      type: String,
+      default: "20"
+    },
     icon: String,
     textAlignCenter: {
       type: Boolean,
@@ -4923,7 +4942,7 @@ const _sfc_main$_ = create$_({
     },
     bgColor: {
       type: String,
-      default: "rgba(0, 0, 0, .8)"
+      default: ""
     },
     onClose: Function,
     unmount: Function,
@@ -4933,7 +4952,7 @@ const _sfc_main$_ = create$_({
     },
     coverColor: {
       type: String,
-      default: "rgba(0, 0, 0, 0)"
+      default: ""
     },
     title: {
       type: String,
@@ -4944,7 +4963,8 @@ const _sfc_main$_ = create$_({
       default: false
     }
   },
-  setup(props) {
+  emits: ["close"],
+  setup(props, { emit }) {
     let timer;
     const state = reactive({
       mounted: false
@@ -4972,6 +4992,7 @@ const _sfc_main$_ = create$_({
     const clickCover = () => {
       if (props.closeOnClickOverlay) {
         hide();
+        emit("close");
       }
     };
     if (props.duration) {
@@ -5019,11 +5040,11 @@ const _hoisted_1$N = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
@@ -5048,16 +5069,16 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$N, [
             createVNode(_component_nut_icon, {
-              size: "20",
+              size: _ctx.iconSize,
               color: "#ffffff",
               name: _ctx.icon
-            }, null, 8, ["name"])
+            }, null, 8, ["size", "name"])
           ])) : createCommentVNode("", true),
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$E, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$F, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_3$v)
+          }, null, 8, _hoisted_3$w)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -5077,14 +5098,15 @@ const defaultOptions = {
   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 = [];
@@ -5376,8 +5398,8 @@ const _sfc_main$Y = create$Y({
   }
 });
 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 openBlock(), createElementBlock("div", {
@@ -5396,7 +5418,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.option.backColor,
         "stroke-width": _ctx.option.strokeOutWidth,
         fill: "none"
-      }, null, 8, _hoisted_2$D),
+      }, null, 8, _hoisted_2$E),
       createElementVNode("circle", {
         r: _ctx.option.radius,
         cx: _ctx.option.cx,
@@ -5408,7 +5430,7 @@ function _sfc_render$T(_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$u)
+      }, null, 8, _hoisted_3$v)
     ], 8, _hoisted_1$L)),
     createElementVNode("div", _hoisted_4$n, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
@@ -5456,6 +5478,7 @@ const _sfc_main$X = create$X({
       default: false
     },
     leftIcon: { type: String, default: "" },
+    rightIcon: { type: String, default: "" },
     color: {
       type: String,
       default: ""
@@ -5470,7 +5493,7 @@ const _sfc_main$X = create$X({
     },
     scrollable: {
       type: Boolean,
-      default: true
+      default: null
     },
     speed: {
       type: Number,
@@ -5480,6 +5503,7 @@ const _sfc_main$X = create$X({
   components: {
     ScrollItem: function(props) {
       props.item.props.style = props.style;
+      props.item.key = props.key;
       return h(props.item);
     }
   },
@@ -5498,7 +5522,8 @@ const _sfc_main$X = create$X({
       scrollList: [],
       distance: 0,
       timer: null,
-      keepAlive: false
+      keepAlive: false,
+      isCanScroll: null
     });
     const classes = computed(() => {
       const prefixCls = componentName$H;
@@ -5506,6 +5531,13 @@ const _sfc_main$X = create$X({
         [prefixCls]: true
       };
     });
+    const isEllipsis = computed(() => {
+      if (state.isCanScroll == null) {
+        return false;
+      } else {
+        return !state.isCanScroll && !props.wrapable;
+      }
+    });
     const iconShow = computed(() => {
       if (props.leftIcon == "close") {
         return false;
@@ -5524,9 +5556,9 @@ const _sfc_main$X = create$X({
     });
     const contentStyle = 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 = computed(() => {
@@ -5569,7 +5601,8 @@ const _sfc_main$X = create$X({
         }
         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;
@@ -5583,7 +5616,9 @@ const _sfc_main$X = create$X({
       emit("click", event);
     };
     const onClickIcon = (event) => {
-      state.showNoticeBar = !props.closeMode;
+      if (props.closeMode) {
+        state.showNoticeBar = !props.closeMode;
+      }
       emit("close", event);
     };
     const onAnimationEnd = () => {
@@ -5656,6 +5691,7 @@ const _sfc_main$X = create$X({
       clearInterval(state.timer);
     });
     return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(state)), {
+      isEllipsis,
       classes,
       iconShow,
       barStyle,
@@ -5677,7 +5713,7 @@ const _hoisted_1$K = {
   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 = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
@@ -5695,17 +5731,19 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
         class: "left-icon",
         style: normalizeStyle({ "background-image": `url(${_ctx.iconBg})` })
       }, [
-        !_ctx.iconBg ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          name: "notice",
-          size: "16",
-          color: _ctx.color
-        }, null, 8, ["color"])) : createCommentVNode("", true)
+        renderSlot(_ctx.$slots, "left-icon", {}, () => [
+          !_ctx.iconBg ? (openBlock(), createBlock(_component_nut_icon, {
+            key: 0,
+            name: "notice",
+            size: "16",
+            color: _ctx.color
+          }, null, 8, ["color"])) : createCommentVNode("", true)
+        ])
       ], 4)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_1$K, [
         createElementVNode("view", {
           ref: "content",
-          class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
+          class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": _ctx.isEllipsis }]]),
           style: 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))
@@ -5715,15 +5753,17 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
           ])
         ], 38)
       ], 512),
-      _ctx.closeMode ? (openBlock(), createElementBlock("view", {
+      _ctx.closeMode || _ctx.rightIcon ? (openBlock(), createElementBlock("view", {
         key: 1,
         class: "right-icon",
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [
-        createVNode(_component_nut_icon, {
-          name: "close",
-          color: _ctx.color
-        }, null, 8, ["color"])
+        renderSlot(_ctx.$slots, "right-icon", {}, () => [
+          createVNode(_component_nut_icon, {
+            name: _ctx.rightIcon ? _ctx.rightIcon : "close",
+            color: _ctx.color
+          }, null, 8, ["name", "color"])
+        ])
       ])) : createCommentVNode("", true)
     ], 6)), [
       [vShow, _ctx.showNoticeBar]
@@ -5756,7 +5796,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
             key: index,
             style: normalizeStyle({ height: _ctx.height }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2$C);
+          }, toDisplayString(item), 13, _hoisted_2$D);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -5870,11 +5910,11 @@ const _hoisted_1$J = {
   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,
@@ -5897,10 +5937,10 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$B, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$C, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$t, [
+      createElementVNode("view", _hoisted_3$u, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5981,8 +6021,8 @@ const _sfc_main$V = create$V({
   }
 });
 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"
 };
@@ -5997,10 +6037,10 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
           key: 0,
           class: "img",
           src: _ctx.imageUrl
-        }, null, 8, _hoisted_2$A)) : createCommentVNode("", true)
+        }, null, 8, _hoisted_2$B)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$s, toDisplayString(_ctx.description), 1)),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$t, toDisplayString(_ctx.description), 1)),
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
   ]);
 }
@@ -6192,11 +6232,11 @@ const _sfc_main$U = create$U({
   }
 });
 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__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
 const _hoisted_6$a = { class: "time" };
@@ -6209,8 +6249,8 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_range = resolveComponent("nut-range");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$H, [
-    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
-      createElementVNode("div", _hoisted_3$r, toDisplayString(_ctx.currentDuration), 1),
+    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
+      createElementVNode("div", _hoisted_3$s, toDisplayString(_ctx.currentDuration), 1),
       createElementVNode("div", _hoisted_4$l, [
         createVNode(_component_nut_range, {
           modelValue: _ctx.percent,
@@ -6286,8 +6326,8 @@ const _sfc_main$T = create$T({
   }
 });
 const _hoisted_1$G = { class: "nut-audio-operate" };
-const _hoisted_2$y = /* @__PURE__ */ createTextVNode("\u5012\u9000");
-const _hoisted_3$q = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
+const _hoisted_2$z = /* @__PURE__ */ createTextVNode("\u5012\u9000");
+const _hoisted_3$r = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
 const _hoisted_4$k = /* @__PURE__ */ createTextVNode("\u9759\u97F3");
 function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
@@ -6303,7 +6343,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         size: "small"
       }, {
         default: withCtx(() => [
-          _hoisted_2$y
+          _hoisted_2$z
         ]),
         _: 1
       })) : createCommentVNode("", true),
@@ -6337,7 +6377,7 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
         size: "small"
       }, {
         default: withCtx(() => [
-          _hoisted_3$q
+          _hoisted_3$r
         ]),
         _: 1
       })) : createCommentVNode("", true),
@@ -6369,27 +6409,13 @@ const _sfc_main$S = create$S({
     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 = ref(props.defaultIndex);
     const classes = computed(() => {
@@ -6407,32 +6433,22 @@ const _sfc_main$S = create$S({
     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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -6444,11 +6460,10 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         color: "#979797",
         name: "left",
         onClick: _ctx.handleLeft
-      }, null, 8, ["onClick"])) : createCommentVNode("", true)
+      }, null, 8, ["onClick"])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "left")
     ]),
-    createElementVNode("view", {
-      class: normalizeClass(["nut-navbar__title", { icon: _ctx.icon }])
-    }, [
+    createElementVNode("view", _hoisted_2$y, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
@@ -6460,31 +6475,15 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _ctx.handleCenterIcon
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "content")
-    ], 2),
-    _ctx.desc || _ctx.icon ? (openBlock(), createElementBlock("view", {
-      key: 0,
-      class: normalizeClass(["nut-navbar__right", { icon: _ctx.icon }])
-    }, [
+    ]),
+    createElementVNode("view", _hoisted_3$q, [
       _ctx.desc ? (openBlock(), createElementBlock("view", {
         key: 0,
-        style: normalizeStyle({ "text-align": _ctx.descTextAlign }),
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleClear && _ctx.handleClear(...args))
-      }, toDisplayString(_ctx.desc), 5)) : createCommentVNode("", true),
-      _ctx.icon ? (openBlock(), createElementBlock("view", {
-        key: 1,
-        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleSends && _ctx.handleSends(...args))
-      }, [
-        renderSlot(_ctx.$slots, "icons")
-      ])) : createCommentVNode("", true),
-      createElementVNode("view", null, [
-        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
-          key: 0,
-          class: "rightIcon",
-          name: _ctx.icon,
-          onClick: _ctx.handleSend
-        }, null, 8, ["name", "onClick"])) : createCommentVNode("", true)
-      ])
-    ], 2)) : createCommentVNode("", true)
+        class: "right_text",
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      }, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "right")
+    ])
   ], 2);
 }
 var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$N]]);
@@ -7009,7 +7008,11 @@ const _sfc_main$N = create$N({
         }
         if (parent.children[value].to) {
           let to = parent.children[value].to;
-          router.push(to);
+          if (to && router) {
+            router.push(to);
+          } else {
+            location.replace(to);
+          }
         }
       });
     });
@@ -9454,6 +9457,7 @@ const _sfc_main$x = create$x({
       return "text";
     });
     const columnList = computed(() => {
+      console.log("\u521D\u59CB\u5316", dataType.value);
       if (dataType.value === "text") {
         return [{ values: state.formattedColumns, defaultIndex: state.defaultIndex }];
       } else if (dataType.value === "multipleColumns") {
@@ -10477,6 +10481,10 @@ const _sfc_main$q = create$q({
     length: {
       type: [String, Number],
       default: 6
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["update:modelValue", "update:visible", "complete", "change", "ok", "tips", "close", "cancel"],
@@ -10593,7 +10601,8 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       closeable: true,
       onClickCloseIcon: _ctx.closeIcon,
       "close-on-click-overlay": _ctx.closeOnClickOverlay,
-      onClickOverlay: _ctx.close
+      onClickOverlay: _ctx.close,
+      isWrapTeleport: _ctx.isWrapTeleport
     }, {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$n, toDisplayString(_ctx.title), 1),
@@ -10650,7 +10659,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
         ])) : 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]]);
@@ -12493,6 +12502,9 @@ const _sfc_main$i = create$i({
       emit("update:visible", false);
     };
     const chooseItem = (item, index) => {
+      if (item.disabled) {
+        return;
+      }
       emit("choose", item, index);
     };
     return {
@@ -14298,6 +14310,10 @@ const _sfc_main$9 = create$9({
       default: () => {
         return [];
       }
+    },
+    isWrapTeleport: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:visible", "select"],
@@ -14340,6 +14356,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     position: "bottom",
     closeable: "",
     round: "",
+    isWrapTeleport: _ctx.isWrapTeleport,
     visible: _ctx.visible,
     style: normalizeStyle(_ctx.popStyle),
     onClickOverlay: _ctx.close,
@@ -14363,7 +14380,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
       ], 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");
@@ -15243,6 +15260,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.16";
+const version = "3.1.18-beta.0";
 var nutui_vue_build = { install, version };
 export { ActionSheet, Address, Audio, AudioOperate, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$H as Grid, GridItem, _sfc_main$1s as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1l as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$11 as Steps, _sfc_main$1d as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };