@nutui/nutui 3.1.16 → 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 Sun Jan 30 2022 10:58:05 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;
@@ -69,8 +69,8 @@ var __publicField = (obj, key, value) => {
     }
     return target;
   };
-  const { componentName: componentName$14, create: create$1p } = createComponent("avatar");
-  const _sfc_main$1p = create$1p({
+  const { componentName: componentName$18, create: create$1t } = createComponent("avatar");
+  const _sfc_main$1t = create$1t({
     props: {
       size: {
         type: String,
@@ -94,7 +94,7 @@ var __publicField = (obj, key, value) => {
       const { size, shape, bgColor, icon } = vue.toRefs(props);
       const sizeValue = ["large", "normal", "small"];
       const classes = vue.computed(() => {
-        const prefixCls = componentName$14;
+        const prefixCls = componentName$18;
         return {
           [prefixCls]: true,
           ["avatar-" + size.value]: true,
@@ -126,11 +126,11 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$$ = {
+  const _hoisted_1$12 = {
     key: 0,
     class: "text"
   };
-  function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       style: vue.normalizeStyle(_ctx.styles),
@@ -141,17 +141,17 @@ var __publicField = (obj, key, value) => {
         class: "icon",
         name: _ctx.iconStyles
       }, null, 8, ["name"]),
-      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, [
+      _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$12, [
         vue.renderSlot(_ctx.$slots, "default")
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1h]]);
+  var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$1t, [["render", _sfc_render$1k]]);
   const pxCheck = (value) => {
     return isNaN(Number(value)) ? String(value) : `${value}px`;
   };
-  const { componentName: componentName$13, create: create$1o } = createComponent("icon");
-  const _sfc_main$1o = create$1o({
+  const { componentName: componentName$17, create: create$1s } = createComponent("icon");
+  const _sfc_main$1s = create$1s({
     props: {
       name: { type: String, default: "" },
       size: { type: [String, Number], default: "" },
@@ -172,7 +172,7 @@ var __publicField = (obj, key, value) => {
         var _a;
         const _isImage = isImage();
         return vue.h(_isImage ? "img" : props.tag, {
-          class: _isImage ? `${componentName$13}__img` : `${props.fontClassName} ${componentName$13} ${props.classPrefix}-${props.name}`,
+          class: _isImage ? `${componentName$17}__img` : `${props.fontClassName} ${componentName$17} ${props.classPrefix}-${props.name}`,
           style: {
             color: props.color,
             fontSize: pxCheck(props.size),
@@ -185,10 +185,10 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const { componentName: componentName$12, create: create$1n } = createComponent("button");
-  const _sfc_main$1n = create$1n({
+  const { componentName: componentName$16, create: create$1r } = createComponent("button");
+  const _sfc_main$1r = create$1r({
     components: {
-      [_sfc_main$1o.name]: _sfc_main$1o
+      [_sfc_main$1s.name]: _sfc_main$1s
     },
     props: {
       color: String,
@@ -223,6 +223,14 @@ var __publicField = (obj, key, value) => {
       icon: {
         type: String,
         default: ""
+      },
+      iconClassPrefix: {
+        type: String,
+        default: "nut-icon"
+      },
+      iconFontClassName: {
+        type: String,
+        default: "nutui-iconfont"
       }
     },
     emits: ["click"],
@@ -234,7 +242,7 @@ var __publicField = (obj, key, value) => {
         }
       };
       const classes = vue.computed(() => {
-        const prefixCls = componentName$12;
+        const prefixCls = componentName$16;
         return {
           [prefixCls]: true,
           [`${prefixCls}--${type.value}`]: type.value,
@@ -270,24 +278,25 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$_ = { class: "nut-button__warp" };
-  function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$11 = { class: "nut-button__warp" };
+  function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.getStyle),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$_, [
+      vue.createElementVNode("view", _hoisted_1$11, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           class: "nut-icon-loading"
         })) : vue.createCommentVNode("", true),
         _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 1,
-          class: vue.normalizeClass(_ctx.icon),
-          name: _ctx.icon
-        }, null, 8, ["class", "name"])) : vue.createCommentVNode("", true),
+          name: _ctx.icon,
+          "class-prefix": _ctx.iconClassPrefix,
+          "font-class-name": _ctx.iconFontClassName
+        }, null, 8, ["name", "class-prefix", "font-class-name"])) : vue.createCommentVNode("", true),
         _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 2,
           class: vue.normalizeClass({ text: _ctx.icon || _ctx.loading })
@@ -297,9 +306,13 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1g]]);
-  const { componentName: componentName$11, create: create$1m } = createComponent("cell");
-  const _sfc_main$1m = create$1m({
+  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: {
       title: { type: String, default: "" },
       subTitle: { type: String, default: "" },
@@ -315,13 +328,13 @@ var __publicField = (obj, key, value) => {
     emits: ["click"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$11;
+        const prefixCls = componentName$15;
         return {
           [prefixCls]: true,
           [`${prefixCls}--clickable`]: props.isLink || props.to
         };
       });
-      const router = vueRouter.useRouter();
+      const router = useRouter();
       const baseStyle = vue.computed(() => {
         return {
           borderRadius: pxCheck(props.roundRadius)
@@ -342,9 +355,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$Z = { class: "title" };
-  const _hoisted_2$O = { class: "nut-cell__title-desc" };
-  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$10 = { class: "title" };
+  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", {
       class: vue.normalizeClass(_ctx.classes),
@@ -362,8 +375,8 @@ var __publicField = (obj, key, value) => {
             name: _ctx.icon
           }, null, 8, ["name"])) : vue.createCommentVNode("", true),
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
-            vue.createElementVNode("view", _hoisted_1$Z, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", _hoisted_2$O, vue.toDisplayString(_ctx.subTitle), 1)
+            vue.createElementVNode("view", _hoisted_1$10, vue.toDisplayString(_ctx.title), 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))
@@ -381,16 +394,16 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1f]]);
-  const { componentName: componentName$10, create: create$1l } = createComponent("cell-group");
-  const _sfc_main$1l = create$1l({
+  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1i]]);
+  const { componentName: componentName$14, create: create$1p } = createComponent("cell-group");
+  const _sfc_main$1p = create$1p({
     props: {
       title: { type: String, default: "" },
       desc: { type: String, default: "" }
     },
     setup() {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$10;
+        const prefixCls = componentName$14;
         return {
           [prefixCls]: true
         };
@@ -400,29 +413,29 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$Y = {
+  const _hoisted_1$$ = {
     key: 1,
     class: "nut-cell-group__title"
   };
-  const _hoisted_2$N = {
+  const _hoisted_2$Q = {
     key: 3,
     class: "nut-cell-group__desc"
   };
-  const _hoisted_3$B = { class: "nut-cell-group__warp" };
-  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
+  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$Y, 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$N, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$B, [
+      _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$Q, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", _hoisted_3$E, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
   }
-  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1e]]);
-  const { componentName: componentName$$, create: create$1k } = createComponent("price");
-  const _sfc_main$1k = create$1k({
+  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1p, [["render", _sfc_render$1h]]);
+  const { componentName: componentName$13, create: create$1o } = createComponent("price");
+  const _sfc_main$1o = create$1o({
     props: {
       price: {
         type: [Number, String],
@@ -456,7 +469,7 @@ var __publicField = (obj, key, value) => {
     setup(props) {
       const classes = vue.computed(() => {
         return {
-          [componentName$$]: true
+          [componentName$13]: true
         };
       });
       const showSymbol = vue.computed(() => {
@@ -505,9 +518,9 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$X = ["innerHTML"];
-  const _hoisted_2$M = ["innerHTML"];
-  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$_ = ["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)
     }, [
@@ -515,7 +528,7 @@ var __publicField = (obj, key, value) => {
         key: 0,
         class: vue.normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
         innerHTML: _ctx.showSymbol
-      }, null, 10, _hoisted_1$X)) : vue.createCommentVNode("", true),
+      }, null, 10, _hoisted_1$_)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: vue.normalizeClass(`nut-price--${_ctx.size}`)
       }, vue.toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -530,11 +543,11 @@ 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$M)) : vue.createCommentVNode("", true)
+      }, null, 10, _hoisted_2$P)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1d]]);
-  const { componentName: componentName$_, create: create$1j } = createComponent("overlay");
+  var Price = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["render", _sfc_render$1g]]);
+  const { componentName: componentName$12, create: create$1n } = createComponent("overlay");
   const overlayProps = {
     visible: {
       type: Boolean,
@@ -564,12 +577,12 @@ var __publicField = (obj, key, value) => {
       default: true
     }
   };
-  const _sfc_main$1j = create$1j({
+  const _sfc_main$1n = create$1n({
     props: overlayProps,
     emits: ["click", "update:visible"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$_;
+        const prefixCls = componentName$12;
         return {
           [prefixCls]: true,
           [props.overlayClass]: true
@@ -609,7 +622,7 @@ var __publicField = (obj, key, value) => {
       return { classes, style, touchmove, onClick };
     }
   });
-  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -626,9 +639,9 @@ var __publicField = (obj, key, value) => {
       _: 3
     });
   }
-  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
-  const { componentName: componentName$Z, create: create$1i } = createComponent("divider");
-  const _sfc_main$1i = create$1i({
+  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1n, [["render", _sfc_render$1f]]);
+  const { componentName: componentName$11, create: create$1m } = createComponent("divider");
+  const _sfc_main$1m = create$1m({
     props: {
       contentPosition: {
         type: String,
@@ -646,7 +659,7 @@ var __publicField = (obj, key, value) => {
     components: {},
     setup(props, context) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$Z;
+        const prefixCls = componentName$11;
         return {
           [prefixCls]: true,
           [`${prefixCls}-center`]: context.slots.default,
@@ -659,18 +672,18 @@ var __publicField = (obj, key, value) => {
       return { classes };
     }
   });
-  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1b]]);
-  const { create: create$1h } = createComponent("layout");
-  const _sfc_main$1h = create$1h({});
-  const { componentName: componentName$Y, create: create$1g } = createComponent("col");
-  const _sfc_main$1g = create$1g({
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1m, [["render", _sfc_render$1e]]);
+  const { create: create$1l } = createComponent("layout");
+  const _sfc_main$1l = create$1l({});
+  const { componentName: componentName$10, create: create$1k } = createComponent("col");
+  const _sfc_main$1k = create$1k({
     props: {
       span: {
         type: [String, Number],
@@ -682,7 +695,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props) {
-      const prefixCls = componentName$Y;
+      const prefixCls = componentName$10;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
         return {
@@ -704,7 +717,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -712,9 +725,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$1a]]);
-  const { componentName: componentName$X, create: create$1f } = createComponent("row");
-  const _sfc_main$1f = create$1f({
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["render", _sfc_render$1d]]);
+  const { componentName: componentName$$, create: create$1j } = createComponent("row");
+  const _sfc_main$1j = create$1j({
     props: {
       type: {
         type: String,
@@ -738,7 +751,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props) {
-      const prefixCls = componentName$X;
+      const prefixCls = componentName$$;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
         return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -757,14 +770,14 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.getClasses())
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$19]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1j, [["render", _sfc_render$1c]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -782,7 +795,7 @@ var __publicField = (obj, key, value) => {
     };
     return [lock, unlock];
   };
-  const { componentName: componentName$W, create: create$1e } = createComponent("popup");
+  const { componentName: componentName$_, create: create$1i } = createComponent("popup");
   let _zIndex = 2e3;
   const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     position: {
@@ -830,10 +843,10 @@ var __publicField = (obj, key, value) => {
       default: true
     }
   });
-  const _sfc_main$1e = create$1e({
+  const _sfc_main$1i = create$1i({
     components: {
       [OverLay.name]: OverLay,
-      [_sfc_main$1o.name]: _sfc_main$1o
+      [_sfc_main$1s.name]: _sfc_main$1s
     },
     props: __spreadValues({}, popupProps),
     emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
@@ -848,7 +861,7 @@ var __publicField = (obj, key, value) => {
       });
       const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$W;
+        const prefixCls = componentName$_;
         return {
           [prefixCls]: true,
           ["round"]: props.round,
@@ -955,8 +968,8 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$W = { key: 1 };
-  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$Z = { key: 1 };
+  function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -1002,7 +1015,7 @@ var __publicField = (obj, key, value) => {
         ]),
         _: 3
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$W, [
+    ], 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$Z, [
       _ctx.overlay ? (vue.openBlock(), vue.createBlock(_component_nut_overlay, {
         key: 0,
         visible: _ctx.visible,
@@ -1044,34 +1057,9 @@ var __publicField = (obj, key, value) => {
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ]));
   }
-  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$18]]);
-  const throttle = (func, wait, type) => {
-    if (type === 1) {
-      var previous = 0;
-    } else if (type === 2) {
-      var timeout;
-    }
-    return function() {
-      let context = this;
-      let args = arguments;
-      if (type === 1) {
-        let now = Date.now();
-        if (now - previous > wait) {
-          func.apply(context, args);
-          previous = now;
-        }
-      } else if (type === 2) {
-        if (!timeout) {
-          timeout = setTimeout(() => {
-            timeout = null;
-            func.apply(context, args);
-          }, wait);
-        }
-      }
-    };
-  };
-  const { create: create$1d } = createComponent("video");
-  const _sfc_main$1d = create$1d({
+  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1b]]);
+  const { create: create$1h } = createComponent("video");
+  const _sfc_main$1h = create$1h({
     props: {
       source: {
         type: Object,
@@ -1176,7 +1164,6 @@ var __publicField = (obj, key, value) => {
             emit("pause", state.videoElm);
           });
           state.videoElm.addEventListener("ended", playEnded);
-          state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 100, 1));
         }
       };
       const customerInit = () => {
@@ -1200,7 +1187,6 @@ var __publicField = (obj, key, value) => {
               state.videoElm.addEventListener("progress", () => {
                 getLoadTime();
               });
-              state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 100, 1));
               state.videoElm.addEventListener("ended", playEnded);
               emit("play", state.videoElm);
             } catch (e) {
@@ -1212,37 +1198,10 @@ var __publicField = (obj, key, value) => {
           }
         }
       };
-      const timeFormat = (t) => {
-        var h = Math.floor(t / 3600);
-        if (h < 10) {
-          h = "0" + h;
-        }
-        var m = Math.floor(t % 3600 / 60);
-        if (m < 10) {
-          m = "0" + m;
-        }
-        var s = Math.round(t % 3600 % 60);
-        if (s < 10) {
-          s = "0" + s;
-        }
-        var str = "";
-        if (h != 0) {
-          str = h + ":" + m + ":" + s;
-        } else {
-          str = m + ":" + s;
-        }
-        return str;
-      };
       const getLoadTime = () => {
         if (state.videoSet.loaded)
           state.videoSet.loaded = state.videoElm.buffered.end(0) / state.videoElm.duration * 100;
       };
-      const getPlayTime = () => {
-        const percent = state.videoElm.currentTime / state.videoElm.duration;
-        state.videoSet.progress.current = Math.round(state.videoSet.progress.width * percent);
-        state.videoSet.totalTime = timeFormat(state.videoElm.duration);
-        state.videoSet.displayTime = timeFormat(state.videoElm.currentTime);
-      };
       const playEnded = () => {
         state.state.playing = false;
         state.state.isEnd = true;
@@ -1317,21 +1276,21 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$V = {
+  const _hoisted_1$Y = {
     class: "nut-video",
     ref: "videocon"
   };
-  const _hoisted_2$L = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-  const _hoisted_3$A = ["src", "type"];
-  const _hoisted_4$r = { class: "current-time" };
-  const _hoisted_5$j = { class: "progress-container" };
-  const _hoisted_6$g = {
+  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 = {
     class: "progress",
     ref: "progressBar"
   };
-  const _hoisted_7$b = /* @__PURE__ */ vue.createElementVNode("div", { class: "move-handle" }, null, -1);
-  const _hoisted_8$8 = [
-    _hoisted_7$b
+  const _hoisted_7$c = /* @__PURE__ */ vue.createElementVNode("div", { class: "move-handle" }, null, -1);
+  const _hoisted_8$9 = [
+    _hoisted_7$c
   ];
   const _hoisted_9$6 = {
     class: "played",
@@ -1340,8 +1299,8 @@ var __publicField = (obj, key, value) => {
   const _hoisted_10$4 = { class: "duration-time" };
   const _hoisted_11$4 = { class: "nut-video-error" };
   const _hoisted_12$4 = /* @__PURE__ */ vue.createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
-  function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$V, [
+  function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Y, [
       vue.createElementVNode("video", {
         ref: "root",
         class: "nut-video-player",
@@ -1356,8 +1315,8 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("source", {
           src: _ctx.source.src,
           type: _ctx.source.type
-        }, null, 8, _hoisted_3$A)
-      ], 40, _hoisted_2$L),
+        }, null, 8, _hoisted_3$D)
+      ], 40, _hoisted_2$O),
       _ctx.showToolbox && !_ctx.isDisabled ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
         class: "playing-mask",
@@ -1379,9 +1338,9 @@ var __publicField = (obj, key, value) => {
           class: "control-play-btn",
           onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
         }),
-        vue.createElementVNode("div", _hoisted_4$r, vue.toDisplayString(_ctx.videoSet.displayTime), 1),
-        vue.createElementVNode("div", _hoisted_5$j, [
-          vue.createElementVNode("div", _hoisted_6$g, [
+        vue.createElementVNode("div", _hoisted_4$t, vue.toDisplayString(_ctx.videoSet.displayTime), 1),
+        vue.createElementVNode("div", _hoisted_5$k, [
+          vue.createElementVNode("div", _hoisted_6$h, [
             vue.createElementVNode("div", {
               class: "buffered",
               style: vue.normalizeStyle({ width: `${_ctx.videoSet.loaded}%` })
@@ -1394,7 +1353,7 @@ var __publicField = (obj, key, value) => {
               onTouchmove: _cache[4] || (_cache[4] = vue.withModifiers(($event) => _ctx.touchSlidMove($event), ["stop", "prevent"])),
               onTouchstart: _cache[5] || (_cache[5] = vue.withModifiers(($event) => _ctx.touchSlidSrart($event), ["stop"])),
               onTouchend: _cache[6] || (_cache[6] = vue.withModifiers(($event) => _ctx.touchSlidEnd($event), ["stop"]))
-            }, _hoisted_8$8, 36),
+            }, _hoisted_8$9, 36),
             vue.createElementVNode("div", _hoisted_9$6, null, 512)
           ], 512)
         ]),
@@ -1421,9 +1380,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 512);
   }
-  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$17]]);
+  var Video = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1a]]);
   const DISTANCE = 5;
-  function useTouch$1() {
+  function useTouch$2() {
     const state = vue.reactive({
       startX: 0,
       startY: 0,
@@ -1470,14 +1429,14 @@ var __publicField = (obj, key, value) => {
       move
     };
   }
-  function useExpose$1(apis) {
+  function useExpose(apis) {
     const instance = vue.getCurrentInstance();
     if (instance) {
       Object.assign(instance.proxy, apis);
     }
   }
-  const { create: create$1c, componentName: componentName$V } = createComponent("swiper");
-  const _sfc_main$1c = create$1c({
+  const { create: create$1g, componentName: componentName$Z } = createComponent("swiper");
+  const _sfc_main$1g = create$1g({
     props: {
       width: {
         type: [Number, String],
@@ -1544,9 +1503,9 @@ var __publicField = (obj, key, value) => {
         children: [],
         style: {}
       });
-      const touch = useTouch$1();
+      const touch = useTouch$2();
       const classes = vue.computed(() => {
-        const prefixCls = componentName$V;
+        const prefixCls = componentName$Z;
         return {
           [prefixCls]: true
         };
@@ -1761,7 +1720,7 @@ var __publicField = (obj, key, value) => {
         size,
         relation
       });
-      useExpose$1({
+      useExpose({
         prev,
         next,
         to
@@ -1799,7 +1758,7 @@ var __publicField = (obj, key, value) => {
         state,
         classes,
         container,
-        componentName: componentName$V,
+        componentName: componentName$Z,
         isVertical,
         slots,
         activePagination,
@@ -1809,7 +1768,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       ref: "container",
       class: vue.normalizeClass(_ctx.classes),
@@ -1846,15 +1805,9 @@ var __publicField = (obj, key, value) => {
       ], 2)) : vue.createCommentVNode("", true)
     ], 34);
   }
-  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
-  function useExpose(apis) {
-    const instance = vue.getCurrentInstance();
-    if (instance) {
-      Object.assign(instance.proxy, apis);
-    }
-  }
-  const { create: create$1b, componentName: componentName$U } = createComponent("swiper-item");
-  const _sfc_main$1b = create$1b({
+  var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1g, [["render", _sfc_render$19]]);
+  const { create: create$1f, componentName: componentName$Y } = createComponent("swiper-item");
+  const _sfc_main$1f = create$1f({
     props: {},
     setup(props, { slots }) {
       const parent = vue.inject("parent");
@@ -1863,7 +1816,7 @@ var __publicField = (obj, key, value) => {
         offset: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$U;
+        const prefixCls = componentName$Y;
         return {
           [prefixCls]: true
         };
@@ -1889,7 +1842,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.style)
@@ -1897,9 +1850,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
-  const { componentName: componentName$T, create: create$1a } = createComponent("imagepreview");
-  const _sfc_main$1a = create$1a({
+  var SwiperItem = /* @__PURE__ */ _export_sfc(_sfc_main$1f, [["render", _sfc_render$18]]);
+  const { componentName: componentName$X, create: create$1e } = createComponent("imagepreview");
+  const _sfc_main$1e = create$1e({
     props: {
       show: {
         type: Boolean,
@@ -1932,6 +1885,10 @@ var __publicField = (obj, key, value) => {
       autoplay: {
         type: [Number, String],
         default: 3e3
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["close"],
@@ -1984,7 +1941,6 @@ var __publicField = (obj, key, value) => {
         state.eleImg.style.transform = "scale(" + state.store.scale + ")";
       };
       const onTouchStart = (event) => {
-        console.log("start");
         const curTouchTime = new Date().getTime();
         if (curTouchTime - state.lastTouchEndTime < 300) {
           const store2 = state.store;
@@ -2036,7 +1992,6 @@ var __publicField = (obj, key, value) => {
         }
       };
       const onTouchEnd = () => {
-        console.log("end");
         state.lastTouchEndTime = new Date().getTime();
         const store = state.store;
         store.moveable = false;
@@ -2072,9 +2027,9 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$U = ["src"];
-  const _hoisted_2$K = { class: "nut-imagepreview-index" };
-  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$X = ["src"];
+  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");
     const _component_nut_swiper = vue.resolveComponent("nut-swiper");
@@ -2083,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%" }
     }, {
@@ -2122,7 +2078,7 @@ var __publicField = (obj, key, value) => {
                     vue.createElementVNode("img", {
                       src: item.src,
                       class: "nut-imagepreview-img"
-                    }, null, 8, _hoisted_1$U)
+                    }, null, 8, _hoisted_1$X)
                   ]),
                   _: 2
                 }, 1024);
@@ -2131,12 +2087,12 @@ 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$K, 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$1a, [["render", _sfc_render$14]]);
+  var ImagePreview = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$17]]);
   class ImagePreviewOptions {
     constructor() {
       __publicField(this, "show", false);
@@ -2184,17 +2140,180 @@ var __publicField = (obj, key, value) => {
     app.use(ImagePreview);
     app.config.globalProperties.$imagepreview = _ImagePreview;
   };
-  const MIN_DISTANCE = 10;
-  function getDirection(x, y) {
-    if (x > y && x > MIN_DISTANCE) {
+  function isWindow(val) {
+    return val === window;
+  }
+  const useRect = (elementRef) => {
+    const element = vue.unref(elementRef);
+    if (isWindow(element)) {
+      const width = element.innerWidth;
+      const height = element.innerHeight;
+      return {
+        top: 0,
+        left: 0,
+        right: width,
+        bottom: height,
+        width,
+        height
+      };
+    }
+    if (element && element.getBoundingClientRect) {
+      return element.getBoundingClientRect();
+    }
+    return {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      width: 0,
+      height: 0
+    };
+  };
+  const { componentName: componentName$W, create: create$1d } = createComponent("sticky");
+  const _sfc_main$1d = create$1d({
+    props: {
+      position: {
+        type: String,
+        default: "top"
+      },
+      top: {
+        type: [Number, String],
+        default: 0
+      },
+      bottom: {
+        type: [Number, String],
+        default: 0
+      },
+      container: {
+        type: Object
+      },
+      zIndex: {
+        type: [Number, String],
+        default: 2e3
+      }
+    },
+    emits: ["change", "scroll"],
+    setup(props, { emit, slots }) {
+      const root = vue.ref();
+      const state = vue.reactive({
+        width: 0,
+        height: 0,
+        fixed: false,
+        transform: 0
+      });
+      const rootStyle = vue.computed(() => {
+        const { fixed, width, height } = state;
+        if (fixed) {
+          return {
+            width: `${width}px`,
+            height: `${height}px`
+          };
+        }
+      });
+      const stickyStyle = vue.computed(() => {
+        if (!state.fixed)
+          return;
+        const style = {
+          width: `${state.width}px`,
+          height: `${state.height}px`,
+          [props.position]: `${offset.value}px`,
+          zIndex: +props.zIndex
+        };
+        if (state.transform)
+          style.transform = `translate3d(0, ${state.transform}px, 0)`;
+        return style;
+      });
+      const offset = vue.computed(() => {
+        return props.position === "top" ? props.top : props.bottom;
+      });
+      const isHidden = (elementRef) => {
+        const el = vue.unref(elementRef);
+        if (!el)
+          return false;
+        const style = window.getComputedStyle(el);
+        const hidden = style.display === "none";
+        const parentHidden = el.offsetParent === null && style.position !== "fixed";
+        return hidden || parentHidden;
+      };
+      const isExistRoot = () => {
+        if (!root.value || isHidden(root))
+          return false;
+        return true;
+      };
+      const getScrollTop = (el) => {
+        return Math.max(0, "scrollTop" in el ? el.scrollTop : el.pageYOffset);
+      };
+      const renderFixed = () => {
+        var _a;
+        return vue.h("view", {
+          style: stickyStyle.value,
+          class: state.fixed ? `${componentName$W} nut-sticky--fixed` : componentName$W
+        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      };
+      const onScroll = () => {
+        if (!isExistRoot())
+          return;
+        const { container, position } = props;
+        const scrollTop = getScrollTop(window);
+        const rootRect = useRect(root);
+        if (rootRect.width || rootRect.height) {
+          state.width = rootRect.width;
+          state.height = rootRect.height;
+        }
+        if (position === "top") {
+          if (container) {
+            const containerRect = useRect(container);
+            const diff = containerRect.bottom - +offset.value - state.height;
+            state.fixed = +offset.value > rootRect.top && containerRect.bottom > 0;
+            state.transform = diff < 0 ? diff : 0;
+          } else {
+            state.fixed = offset.value > rootRect.top;
+          }
+        } else if (position === "bottom") {
+          const clientHeight = document.documentElement.clientHeight;
+          if (container) {
+            const containerRect = useRect(container);
+            const diff = clientHeight - containerRect.top - +offset.value - state.height;
+            state.fixed = clientHeight - +offset.value < rootRect.bottom && clientHeight > containerRect.top;
+            state.transform = diff < 0 ? -diff : 0;
+          } else {
+            state.fixed = clientHeight - +offset.value < rootRect.bottom;
+          }
+        }
+        emit("scroll", {
+          top: scrollTop,
+          fixed: state.fixed
+        });
+      };
+      vue.watch(() => state.fixed, (val) => {
+        emit("change", val);
+      });
+      vue.onMounted(() => {
+        window.addEventListener("scroll", onScroll);
+        onScroll();
+      });
+      vue.onUnmounted(() => {
+        window.removeEventListener("scroll", onScroll);
+      });
+      return () => {
+        return vue.h("view", {
+          style: rootStyle.value,
+          ref: root
+        }, [renderFixed()]);
+      };
+    }
+  });
+  const MIN_DISTANCE$1 = 10;
+  function getDirection$1(x, y) {
+    if (x > y && x > MIN_DISTANCE$1) {
       return "horizontal";
     }
-    if (y > x && y > MIN_DISTANCE) {
+    if (y > x && y > MIN_DISTANCE$1) {
       return "vertical";
     }
     return "";
   }
-  function useTouch() {
+  function useTouch$1() {
     const startX = vue.ref(0);
     const startY = vue.ref(0);
     const deltaX = vue.ref(0);
@@ -2223,7 +2342,7 @@ var __publicField = (obj, key, value) => {
       offsetX.value = Math.abs(deltaX.value);
       offsetY.value = Math.abs(deltaY.value);
       if (!direction.value) {
-        direction.value = getDirection(offsetX.value, offsetY.value);
+        direction.value = getDirection$1(offsetX.value, offsetY.value);
       }
     };
     return {
@@ -2241,8 +2360,8 @@ var __publicField = (obj, key, value) => {
       isHorizontal
     };
   }
-  const { componentName: componentName$S, create: create$19 } = createComponent("swipe");
-  const _sfc_main$19 = create$19({
+  const { componentName: componentName$V, create: create$1c } = createComponent("swipe");
+  const _sfc_main$1c = create$1c({
     props: {
       name: {
         type: String,
@@ -2264,7 +2383,7 @@ var __publicField = (obj, key, value) => {
     emits: ["open", "close"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$S;
+        const prefixCls = componentName$V;
         return {
           [prefixCls]: true
         };
@@ -2330,7 +2449,7 @@ var __publicField = (obj, key, value) => {
         }
         state.offset = offset;
       };
-      const touch = useTouch();
+      const touch = useTouch$1();
       const touchMethods = {
         onTouchStart(event) {
           if (props.disabled)
@@ -2388,16 +2507,16 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$T = {
+  const _hoisted_1$W = {
     class: "nut-swipe__left",
     ref: "leftRef"
   };
-  const _hoisted_2$J = { class: "nut-swipe__content" };
-  const _hoisted_3$z = {
+  const _hoisted_2$M = { class: "nut-swipe__content" };
+  const _hoisted_3$C = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
-  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle(_ctx.touchStyle),
@@ -2406,20 +2525,20 @@ var __publicField = (obj, key, value) => {
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
       onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
     }, [
-      vue.createElementVNode("view", _hoisted_1$T, [
+      vue.createElementVNode("view", _hoisted_1$W, [
         vue.renderSlot(_ctx.$slots, "left")
       ], 512),
-      vue.createElementVNode("view", _hoisted_2$J, [
+      vue.createElementVNode("view", _hoisted_2$M, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$z, [
+      vue.createElementVNode("view", _hoisted_3$C, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
   }
-  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$13]]);
-  const { componentName: componentName$R, create: create$18 } = createComponent("actionsheet");
-  const _sfc_main$18 = create$18({
+  var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
+  const { componentName: componentName$U, create: create$1b } = createComponent("actionsheet");
+  const _sfc_main$1b = create$1b({
     props: __spreadProps(__spreadValues({}, popupProps), {
       cancelTxt: {
         type: String,
@@ -2452,12 +2571,16 @@ var __publicField = (obj, key, value) => {
       menuItems: {
         type: Array,
         default: () => []
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: true
       }
     }),
-    emits: ["cancel", "choose", "update:visible"],
+    emits: ["cancel", "close", "choose", "update:visible"],
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$R;
+        const prefixCls = componentName$U;
         return {
           [prefixCls]: true
         };
@@ -2488,22 +2611,22 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$S = { class: "nut-actionsheet-panel" };
-  const _hoisted_2$I = {
+  const _hoisted_1$V = { class: "nut-actionsheet-panel" };
+  const _hoisted_2$L = {
     key: 0,
     class: "nut-actionsheet-title"
   };
-  const _hoisted_3$y = {
+  const _hoisted_3$B = {
     key: 1,
     class: "nut-actionsheet-item desc"
   };
-  const _hoisted_4$q = {
+  const _hoisted_4$s = {
     key: 2,
     class: "nut-actionsheet-menu"
   };
-  const _hoisted_5$i = ["onClick"];
-  const _hoisted_6$f = { class: "subdesc" };
-  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_5$j = ["onClick"];
+  const _hoisted_6$g = { class: "subdesc" };
+  function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_popup = vue.resolveComponent("nut-popup");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -2511,15 +2634,16 @@ 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$S, [
-            _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$I, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
-            _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$y, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
-            _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$q, [
+          vue.createElementVNode("view", _hoisted_1$V, [
+            _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", {
                   class: vue.normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
@@ -2528,8 +2652,8 @@ var __publicField = (obj, key, value) => {
                   onClick: ($event) => _ctx.chooseItem(item, index)
                 }, [
                   vue.createTextVNode(vue.toDisplayString(item[_ctx.optionTag]), 1),
-                  vue.createElementVNode("view", _hoisted_6$f, vue.toDisplayString(item[_ctx.optionSubTag]), 1)
-                ], 14, _hoisted_5$i);
+                  vue.createElementVNode("view", _hoisted_6$g, vue.toDisplayString(item[_ctx.optionSubTag]), 1)
+                ], 14, _hoisted_5$j);
               }), 128))
             ])) : vue.createCommentVNode("", true),
             _ctx.cancelTxt ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -2540,12 +2664,12 @@ var __publicField = (obj, key, value) => {
           ])
         ]),
         _: 1
-      }, 8, ["visible", "onClickOverlay"])
+      }, 8, ["visible", "isWrapTeleport", "onClickOverlay"])
     ], 2);
   }
-  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$12]]);
-  const { componentName: componentName$Q, create: create$17 } = createComponent("backtop");
-  const _sfc_main$17 = create$17({
+  var ActionSheet = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$15]]);
+  const { componentName: componentName$T, create: create$1a } = createComponent("backtop");
+  const _sfc_main$1a = create$1a({
     props: {
       bottom: {
         type: Number,
@@ -2556,8 +2680,8 @@ var __publicField = (obj, key, value) => {
         default: 10
       },
       elId: {
-        type: String,
-        default: ""
+        type: [String, Element],
+        default: "body"
       },
       distance: {
         type: Number,
@@ -2586,7 +2710,7 @@ var __publicField = (obj, key, value) => {
         keepAlive: false
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$Q;
+        const prefixCls = componentName$T;
         return {
           [prefixCls]: true,
           show: state.backTop
@@ -2677,7 +2801,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
       class: vue.normalizeClass(_ctx.classes),
@@ -2693,9 +2817,9 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$11]]);
-  const { create: create$16 } = createComponent("collapse");
-  const _sfc_main$16 = create$16({
+  var BackTop = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$14]]);
+  const { create: create$19 } = createComponent("collapse");
+  const _sfc_main$19 = create$19({
     props: {
       active: {
         type: [String, Number, Array]
@@ -2768,14 +2892,14 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", null, [
       vue.renderSlot(_ctx.$slots, "default")
     ]);
   }
-  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
-  const { create: create$15, componentName: componentName$P } = createComponent("collapse-item");
-  const _sfc_main$15 = create$15({
+  var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$13]]);
+  const { create: create$18, componentName: componentName$S } = createComponent("collapse-item");
+  const _sfc_main$18 = create$18({
     props: {
       title: {
         type: String,
@@ -2802,7 +2926,7 @@ var __publicField = (obj, key, value) => {
       const collapse = vue.inject("collapseParent");
       const parent = vue.reactive(collapse);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$P;
+        const prefixCls = componentName$S;
         return {
           [prefixCls]: true,
           [`${prefixCls}-icon`]: parent.props.icon
@@ -2834,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;
@@ -2935,23 +3061,23 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$R = { class: "collapse-title" };
-  const _hoisted_2$H = { class: "collapse-title-value" };
-  const _hoisted_3$x = ["innerHTML"];
-  const _hoisted_4$p = {
+  const _hoisted_1$U = { class: "collapse-title" };
+  const _hoisted_2$K = { class: "collapse-title-value" };
+  const _hoisted_3$A = ["innerHTML"];
+  const _hoisted_4$r = {
     key: 0,
     class: "subTitle"
   };
-  const _hoisted_5$h = ["innerHTML"];
-  const _hoisted_6$e = {
+  const _hoisted_5$i = ["innerHTML"];
+  const _hoisted_6$f = {
     class: "collapse-wrapper",
     ref: "wrapperRef"
   };
-  const _hoisted_7$a = {
+  const _hoisted_7$b = {
     class: "collapse-content",
     ref: "contentRef"
   };
-  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
@@ -2960,9 +3086,9 @@ var __publicField = (obj, key, value) => {
         class: vue.normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_1$R, [
+        vue.createElementVNode("view", _hoisted_1$U, [
           vue.createElementVNode("view", null, [
-            vue.createElementVNode("view", _hoisted_2$H, [
+            vue.createElementVNode("view", _hoisted_2$K, [
               _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                 key: 0,
                 name: _ctx.titleIcon,
@@ -2974,17 +3100,17 @@ var __publicField = (obj, key, value) => {
                 key: 2,
                 innerHTML: _ctx.title,
                 class: "collapse-icon-title"
-              }, null, 8, _hoisted_3$x))
+              }, null, 8, _hoisted_3$A))
             ])
           ])
         ]),
-        _ctx.$slots.sTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$p, [
+        _ctx.$slots.sTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$r, [
           vue.renderSlot(_ctx.$slots, "sTitle")
         ])) : (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
           innerHTML: _ctx.subTitle,
           class: "subTitle"
-        }, null, 8, _hoisted_5$h)),
+        }, null, 8, _hoisted_5$i)),
         _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 2,
           name: _ctx.icon,
@@ -2994,14 +3120,14 @@ var __publicField = (obj, key, value) => {
           style: vue.normalizeStyle(_ctx.iconStyle)
         }, null, 8, ["name", "size", "color", "class", "style"])) : vue.createCommentVNode("", true)
       ], 2),
-      vue.createElementVNode("view", _hoisted_6$e, [
-        vue.createElementVNode("view", _hoisted_7$a, [
+      vue.createElementVNode("view", _hoisted_6$f, [
+        vue.createElementVNode("view", _hoisted_7$b, [
           vue.renderSlot(_ctx.$slots, "default")
         ], 512)
       ], 512)
     ], 2);
   }
-  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$$]]);
+  var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$12]]);
   const _window = window;
   function requestAniFrame() {
     if (typeof _window !== "undefined") {
@@ -3015,8 +3141,8 @@ var __publicField = (obj, key, value) => {
     }
   }
   var requestAniFrame$1 = requestAniFrame();
-  const { componentName: componentName$O, create: create$14 } = createComponent("drag");
-  const _sfc_main$14 = create$14({
+  const { componentName: componentName$R, create: create$17 } = createComponent("drag");
+  const _sfc_main$17 = create$17({
     props: {
       attract: {
         type: Boolean,
@@ -3061,7 +3187,7 @@ var __publicField = (obj, key, value) => {
         }
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$O;
+        const prefixCls = componentName$R;
         return {
           [prefixCls]: true
         };
@@ -3196,7 +3322,7 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       ref: "myDrag",
@@ -3207,9 +3333,9 @@ var __publicField = (obj, key, value) => {
       vue.renderSlot(_ctx.$slots, "default")
     ], 34);
   }
-  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
-  const { componentName: componentName$N, create: create$13 } = createComponent("dialog");
-  const _sfc_main$13 = create$13({
+  var Drag = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$11]]);
+  const { componentName: componentName$Q, create: create$16 } = createComponent("dialog");
+  const _sfc_main$16 = create$16({
     inheritAttrs: false,
     components: {
       [Popup.name]: Popup,
@@ -3284,7 +3410,7 @@ var __publicField = (obj, key, value) => {
       });
       const classes = vue.computed(() => {
         return {
-          [componentName$N]: true
+          [componentName$Q]: true
         };
       });
       const update = (val) => {
@@ -3314,12 +3440,12 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$Q = {
+  const _hoisted_1$T = {
     key: 0,
     class: "nut-dialog__header"
   };
-  const _hoisted_2$G = ["innerHTML"];
-  function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     return vue.openBlock(), vue.createBlock(_component_nut_popup, {
@@ -3336,7 +3462,7 @@ var __publicField = (obj, key, value) => {
         vue.createElementVNode("view", {
           class: vue.normalizeClass(_ctx.classes)
         }, [
-          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$Q, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$T, [
             _ctx.$slots.header ? vue.renderSlot(_ctx.$slots, "header", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
             ], 64))
@@ -3348,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$G))
+            }, null, 8, _hoisted_2$J))
           ], 4),
           !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
@@ -3388,7 +3514,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
   }
-  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$Z]]);
+  var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$10]]);
   class DialogOptions {
     constructor() {
       __publicField(this, "title", "");
@@ -3462,8 +3588,8 @@ var __publicField = (obj, key, value) => {
     app.use(Dialog);
     app.config.globalProperties.$dialog = _Dialog;
   };
-  const { componentName: componentName$M, create: create$12 } = createComponent("infiniteloading");
-  const _sfc_main$12 = create$12({
+  const { componentName: componentName$P, create: create$15 } = createComponent("infiniteloading");
+  const _sfc_main$15 = create$15({
     props: {
       hasMore: {
         type: Boolean,
@@ -3525,7 +3651,7 @@ var __publicField = (obj, key, value) => {
         distance: 0
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$M;
+        const prefixCls = componentName$P;
         return {
           [prefixCls]: true
         };
@@ -3649,20 +3775,20 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$P = { class: "top-box" };
-  const _hoisted_2$F = { class: "top-text" };
-  const _hoisted_3$w = { class: "nut-infinite-container" };
-  const _hoisted_4$o = { class: "nut-infinite-bottom" };
-  const _hoisted_5$g = {
+  const _hoisted_1$S = { class: "top-box" };
+  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,
     class: "bottom-box"
   };
-  const _hoisted_6$d = { class: "bottom-text" };
-  const _hoisted_7$9 = {
+  const _hoisted_6$e = { class: "bottom-text" };
+  const _hoisted_7$a = {
     key: 1,
     class: "tips"
   };
-  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
@@ -3676,31 +3802,31 @@ var __publicField = (obj, key, value) => {
         ref: "refreshTop",
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
-        vue.createElementVNode("view", _hoisted_1$P, [
+        vue.createElementVNode("view", _hoisted_1$S, [
           vue.createVNode(_component_nut_icon, {
             class: "top-img",
             name: _ctx.pullIcon
           }, null, 8, ["name"]),
-          vue.createElementVNode("view", _hoisted_2$F, vue.toDisplayString(_ctx.pullTxt), 1)
+          vue.createElementVNode("view", _hoisted_2$I, vue.toDisplayString(_ctx.pullTxt), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$w, [
+      vue.createElementVNode("view", _hoisted_3$z, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_4$o, [
-        _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$g, [
+      vue.createElementVNode("view", _hoisted_4$q, [
+        _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
           vue.createVNode(_component_nut_icon, {
             class: "bottom-img",
             name: _ctx.loadIcon
           }, null, 8, ["name"]),
-          vue.createElementVNode("view", _hoisted_6$d, vue.toDisplayString(_ctx.loadTxt), 1)
-        ])) : !_ctx.hasMore ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$9, vue.toDisplayString(_ctx.loadMoreTxt), 1)) : vue.createCommentVNode("", true)
+          vue.createElementVNode("view", _hoisted_6$e, vue.toDisplayString(_ctx.loadTxt), 1)
+        ])) : !_ctx.hasMore ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$a, vue.toDisplayString(_ctx.loadMoreTxt), 1)) : vue.createCommentVNode("", true)
       ])
     ], 34);
   }
-  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Y]]);
-  const { componentName: componentName$L, create: create$11 } = createComponent("notify");
-  const _sfc_main$11 = create$11({
+  var InfiniteLoading = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$$]]);
+  const { componentName: componentName$O, create: create$14 } = createComponent("notify");
+  const _sfc_main$14 = create$14({
     components: {
       [Popup.name]: Popup
     },
@@ -3770,14 +3896,14 @@ var __publicField = (obj, key, value) => {
       return { state, hide, onAfterLeave, clickCover };
     }
   });
-  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, {
       name: "toast-fade",
       onAfterLeave: _ctx.onAfterLeave
     }, {
       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))
         }, [
@@ -3791,7 +3917,7 @@ var __publicField = (obj, key, value) => {
       _: 3
     }, 8, ["onAfterLeave"]);
   }
-  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$X]]);
+  var Notify = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$_]]);
   const defaultOptions$1 = {
     type: "base",
     showPopup: false,
@@ -3900,37 +4026,8 @@ var __publicField = (obj, key, value) => {
       app.config.globalProperties.$notify = NotifyFunction;
     }
   };
-  function isWindow(val) {
-    return val === window;
-  }
-  const useRect = (elementRef) => {
-    const element = vue.unref(elementRef);
-    if (isWindow(element)) {
-      const width = element.innerWidth;
-      const height = element.innerHeight;
-      return {
-        top: 0,
-        left: 0,
-        right: width,
-        bottom: height,
-        width,
-        height
-      };
-    }
-    if (element && element.getBoundingClientRect) {
-      return element.getBoundingClientRect();
-    }
-    return {
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      width: 0,
-      height: 0
-    };
-  };
-  const { componentName: componentName$K, create: create$10 } = createComponent("range");
-  const _sfc_main$10 = create$10({
+  const { componentName: componentName$N, create: create$13 } = createComponent("range");
+  const _sfc_main$13 = create$13({
     props: {
       range: {
         type: Boolean,
@@ -3972,10 +4069,10 @@ var __publicField = (obj, key, value) => {
       let currentValue;
       const root = vue.ref();
       const dragStatus = vue.ref();
-      const touch = useTouch();
+      const touch = useTouch$1();
       const scope = vue.computed(() => Number(props.max) - Number(props.min));
       const classes = vue.computed(() => {
-        const prefixCls = componentName$K;
+        const prefixCls = componentName$N;
         return {
           [prefixCls]: true,
           [`${prefixCls}-disabled`]: props.disabled,
@@ -4126,28 +4223,28 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$O = { class: "nut-range-container" };
-  const _hoisted_2$E = {
+  const _hoisted_1$R = { class: "nut-range-container" };
+  const _hoisted_2$H = {
     key: 0,
     class: "min"
   };
-  const _hoisted_3$v = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-  const _hoisted_4$n = {
+  const _hoisted_3$y = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+  const _hoisted_4$p = {
     key: 0,
     class: "number"
   };
-  const _hoisted_5$f = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-  const _hoisted_6$c = {
+  const _hoisted_5$g = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
+  const _hoisted_6$d = {
     key: 0,
     class: "number"
   };
-  const _hoisted_7$8 = {
+  const _hoisted_7$9 = {
     key: 1,
     class: "max"
   };
-  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$O, [
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$E, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
+  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$H, vue.toDisplayString(+_ctx.min), 1)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         ref: "root",
         style: vue.normalizeStyle(_ctx.wrapperStyle),
@@ -4187,9 +4284,9 @@ var __publicField = (obj, key, value) => {
                 class: "nut-range-button",
                 style: vue.normalizeStyle(_ctx.buttonStyle)
               }, [
-                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$n, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
+                !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$p, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$v);
+            ], 42, _hoisted_3$y);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -4212,17 +4309,355 @@ var __publicField = (obj, key, value) => {
               class: "nut-range-button",
               style: vue.normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$c, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
+              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$d, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
             ], 4))
-          ], 40, _hoisted_5$f))
+          ], 40, _hoisted_5$g))
         ], 4)
       ], 6),
-      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$8, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
+      !_ctx.hiddenRange ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$9, vue.toDisplayString(+_ctx.max), 1)) : vue.createCommentVNode("", true)
     ]);
   }
-  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$W]]);
-  const { create: create$$, componentName: componentName$J } = createComponent("steps");
-  const _sfc_main$$ = create$$({
+  var Range = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$Z]]);
+  const MIN_DISTANCE = 10;
+  function getDirection(x, y) {
+    if (x > y && x > MIN_DISTANCE) {
+      return "horizontal";
+    }
+    if (y > x && y > MIN_DISTANCE) {
+      return "vertical";
+    }
+    return "";
+  }
+  function useTouch() {
+    const startX = vue.ref(0);
+    const startY = vue.ref(0);
+    const deltaX = vue.ref(0);
+    const deltaY = vue.ref(0);
+    const offsetX = vue.ref(0);
+    const offsetY = vue.ref(0);
+    const direction = vue.ref("");
+    const isVertical = () => direction.value === "vertical";
+    const isHorizontal = () => direction.value === "horizontal";
+    const reset = () => {
+      deltaX.value = 0;
+      deltaY.value = 0;
+      offsetX.value = 0;
+      offsetY.value = 0;
+      direction.value = "";
+    };
+    const start = (event) => {
+      reset();
+      startX.value = event.touches[0].clientX;
+      startY.value = event.touches[0].clientY;
+    };
+    const move = (event) => {
+      const touch = event.touches[0];
+      deltaX.value = touch.clientX - startX.value;
+      deltaY.value = touch.clientY - startY.value;
+      offsetX.value = Math.abs(deltaX.value);
+      offsetY.value = Math.abs(deltaY.value);
+      if (!direction.value) {
+        direction.value = getDirection(offsetX.value, offsetY.value);
+      }
+    };
+    return {
+      move,
+      start,
+      reset,
+      startX,
+      startY,
+      deltaX,
+      deltaY,
+      offsetX,
+      offsetY,
+      direction,
+      isVertical,
+      isHorizontal
+    };
+  }
+  function preventDefault(event, isStopPropagation) {
+    if (typeof event.cancelable !== "boolean" || event.cancelable) {
+      event.preventDefault();
+    }
+    if (isStopPropagation)
+      event.stopPropagation();
+  }
+  const { componentName: componentName$M, create: create$12 } = createComponent("pullrefresh");
+  const _sfc_main$12 = create$12({
+    props: {
+      useWindow: {
+        type: Boolean,
+        default: true
+      },
+      containerId: {
+        type: String,
+        default: ""
+      },
+      disabled: {
+        type: Boolean,
+        default: false
+      },
+      direction: {
+        type: String,
+        default: "vertical"
+      },
+      pullingText: {
+        type: Object,
+        default: {
+          top: "\u4E0B\u62C9\u5237\u65B0",
+          bottom: "\u4E0A\u62C9\u52A0\u8F7D",
+          left: "\u5DE6\u6ED1\u5237\u65B0",
+          right: "\u53F3\u6ED1\u52A0\u8F7D"
+        }
+      },
+      loosingText: {
+        type: Object,
+        default: {
+          top: "\u677E\u624B\u91CA\u653E\u5237\u65B0",
+          bottom: "\u677E\u624B\u91CA\u653E\u5237\u65B0",
+          left: "\u91CA\u653E\u5237\u65B0",
+          right: "\u52A0\u8F7D\u66F4\u591A"
+        }
+      },
+      loadingText: {
+        type: Object,
+        default: {
+          top: "\u52A0\u8F7D\u4E2D...",
+          bottom: "\u52A0\u8F7D\u4E2D...",
+          left: "\u52A0\u8F7D\u4E2D...",
+          right: "\u52A0\u8F7D\u4E2D..."
+        }
+      }
+    },
+    emits: ["refresh", "downRefresh"],
+    setup(props, { emit }) {
+      const { containerId, useWindow, direction, disabled } = vue.toRefs(props);
+      const reachTop = vue.ref(false);
+      const reachBottom = vue.ref(false);
+      const reachLeft = vue.ref(false);
+      const reachRight = vue.ref(false);
+      const state = vue.reactive({
+        status: "normal",
+        distance: 0,
+        duration: 0
+      });
+      let scrollEl = document.documentElement || document.body;
+      const scroller = vue.ref(null);
+      const touch = useTouch();
+      const getStyle = vue.computed(() => {
+        let style = {};
+        const { deltaY, deltaX } = touch;
+        if (direction.value == "vertical" && (reachTop.value && deltaY.value > 0 || reachBottom.value && deltaY.value < 0) && touch.isVertical()) {
+          style = {
+            transitionDuration: `${state.duration}ms`,
+            transform: state.distance ? `translate3d(0,${state.distance}px, 0)` : `translate3d(0,0,0)`
+          };
+        }
+        if (direction.value == "horizontal" && (reachLeft.value && deltaX.value > 0 || reachRight.value && deltaX.value < 0) && touch.isHorizontal()) {
+          style = {
+            transitionDuration: `${state.duration}ms`,
+            transform: state.distance ? `translate3d(${state.distance}px, 0,0)` : `translate3d(0,0,0)`
+          };
+        }
+        return style;
+      });
+      const getBottomStyle = vue.computed(() => {
+        let style = {};
+        if (direction.value == "vertical" && reachBottom.value && touch.deltaY.value < 0 && touch.isVertical()) {
+          const dis = Math.abs(state.distance) < 50 ? -state.distance : 50;
+          style = {
+            height: dis + "px"
+          };
+        }
+        if (direction.value == "horizontal" && reachRight.value && touch.deltaX.value < 0 && touch.isVertical()) {
+          const dis = Math.abs(state.distance) < 50 ? -state.distance : 50;
+          style = {
+            width: dis + "px"
+          };
+        }
+        return style;
+      });
+      const refreshTopTem = vue.computed(() => {
+        const { status, distance } = state;
+        const tag = direction.value == "vertical" ? "top" : "left";
+        if (status == "loading" && (reachTop.value || reachLeft.value) && distance > 0) {
+          return props.loadingText[tag];
+        }
+        if (status == "pulling" && (reachTop.value || reachLeft.value) && distance > 0) {
+          return props.pullingText[tag];
+        }
+        if (status == "loosing" && (reachTop.value || reachLeft.value) && distance > 0) {
+          return props.loosingText[tag];
+        }
+        return "";
+      });
+      const refreshBottomTem = vue.computed(() => {
+        const { status, distance } = state;
+        const tag = direction.value == "vertical" ? "bottom" : "right";
+        if (status == "loading" && (reachBottom.value || reachRight.value) && distance < 0) {
+          return props.loadingText[tag];
+        }
+        if (status == "pulling" && (reachBottom.value || reachRight.value) && distance < 0) {
+          return props.pullingText[tag];
+        }
+        if (status == "loosing" && (reachBottom.value || reachRight.value) && distance < 0) {
+          return props.loosingText[tag];
+        }
+        return "";
+      });
+      const isTouchable = () => state.status !== "loading" && !disabled.value;
+      const setStatus = (distance, isLoading) => {
+        state.distance = distance;
+        if (isLoading) {
+          state.status = "loading";
+        } else if (distance === 0) {
+          state.status = "normal";
+        } else if (Math.abs(distance) < 50) {
+          state.status = "pulling";
+        } else {
+          state.status = "loosing";
+        }
+      };
+      const getParentElement = (el) => {
+        if (containerId.value != "") {
+          return document.querySelector(`#${containerId.value}`);
+        }
+        return el && el.parentNode;
+      };
+      vue.onMounted(() => {
+        const parentElement = getParentElement(scroller);
+        let scrollElCopy = document.documentElement || document.body;
+        if (useWindow.value === false) {
+          scrollElCopy = parentElement;
+        }
+        scrollEl = scrollElCopy;
+      });
+      const ease = (distance) => {
+        const headHeight = 50;
+        if (distance > headHeight) {
+          if (distance < headHeight * 2) {
+            distance = headHeight + (distance - headHeight) / 2;
+          } else {
+            distance = headHeight * 1.5 + (distance - headHeight * 2) / 4;
+          }
+        }
+        return Math.round(distance);
+      };
+      const refreshDone = () => {
+        setStatus(0);
+      };
+      const touchStart = (event) => {
+        if (isTouchable()) {
+          if (direction.value == "vertical") {
+            const top = "scrollTop" in scrollEl ? scrollEl.scrollTop : 0;
+            reachTop.value = Math.max(top, 0) == 0 ? true : false;
+            const { scrollHeight, clientHeight, scrollTop } = scrollEl;
+            reachBottom.value = clientHeight + scrollTop == scrollHeight ? true : false;
+            if (reachTop.value || reachBottom.value) {
+              state.duration = 0;
+              touch.start(event);
+            }
+          } else {
+            const { scrollWidth, clientWidth, scrollLeft } = scrollEl;
+            const left = "scrollLeft" in scrollEl ? scrollEl.scrollLeft : 0;
+            reachLeft.value = Math.max(left, 0) == 0 ? true : false;
+            reachRight.value = clientWidth + scrollLeft == scrollWidth ? true : false;
+            if (reachLeft.value || reachRight.value) {
+              state.duration = 0;
+              touch.start(event);
+            }
+          }
+        } else {
+          preventDefault(event);
+        }
+      };
+      const touchMove = (event) => {
+        if (isTouchable()) {
+          const { deltaY, deltaX } = touch;
+          touch.move(event);
+          if (direction.value == "vertical" && (reachBottom.value && deltaY.value < 0 || reachTop.value && deltaY.value >= 0) && touch.isVertical()) {
+            preventDefault(event);
+            setStatus(ease(deltaY.value));
+          }
+          if (direction.value == "horizontal" && (reachLeft.value && deltaX.value >= 0 || reachRight.value && deltaX.value < 0) && touch.isHorizontal()) {
+            preventDefault(event);
+            setStatus(ease(deltaX.value));
+          }
+        } else {
+          preventDefault(event);
+        }
+      };
+      const touchEnd = () => {
+        if (isTouchable()) {
+          const { deltaY, deltaX } = touch;
+          if (state.status === "loosing") {
+            let dis = 0;
+            if (direction.value == "vertical" && reachTop.value && deltaY.value > 0) {
+              dis = 50;
+              emit("downRefresh", refreshDone);
+            }
+            if (direction.value == "vertical" && reachBottom.value && deltaY.value < 0) {
+              dis = -50;
+              emit("refresh", refreshDone);
+            }
+            if (direction.value == "horizontal" && reachLeft.value && deltaX.value > 0) {
+              dis = 50;
+              emit("downRefresh", refreshDone);
+            }
+            if (direction.value == "horizontal" && reachRight.value && deltaX.value < 0) {
+              dis = -50;
+              emit("refresh", refreshDone);
+            }
+            setStatus(dis, true);
+          } else {
+            setStatus(0);
+          }
+        }
+      };
+      return __spreadValues({
+        scroller,
+        touchStart,
+        touchMove,
+        touchEnd,
+        getStyle,
+        reachBottom,
+        reachTop,
+        reachRight,
+        reachLeft,
+        getBottomStyle,
+        refreshTopTem,
+        refreshBottomTem
+      }, vue.toRefs(state));
+    }
+  });
+  const _hoisted_1$Q = {
+    class: "pullrefresh-content",
+    ref: "pull"
+  };
+  function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", {
+      class: "nut-pullrefresh",
+      ref: "scroller",
+      style: vue.normalizeStyle(_ctx.getStyle),
+      onTouchstart: _cache[0] || (_cache[0] = (...args) => _ctx.touchStart && _ctx.touchStart(...args)),
+      onTouchmove: _cache[1] || (_cache[1] = (...args) => _ctx.touchMove && _ctx.touchMove(...args)),
+      onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
+    }, [
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(["pullrefresh-top", _ctx.direction == "horizontal" ? "pullrefresh-top-h" : "pullrefresh-top-v"])
+      }, vue.toDisplayString(_ctx.refreshTopTem), 3),
+      vue.createElementVNode("view", _hoisted_1$Q, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 512),
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(["pullrefresh-bottom", _ctx.direction == "horizontal" ? "pullrefresh-bottom-h" : "pullrefresh-bottom-v"]),
+        style: vue.normalizeStyle(_ctx.getBottomStyle)
+      }, vue.toDisplayString(_ctx.refreshBottomTem), 7)
+    ], 36);
+  }
+  var PullRefresh = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Y]]);
+  const { create: create$11, componentName: componentName$L } = createComponent("steps");
+  const _sfc_main$11 = create$11({
     props: {
       direction: {
         type: String,
@@ -4242,7 +4677,7 @@ var __publicField = (obj, key, value) => {
         children: []
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$J;
+        const prefixCls = componentName$L;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${props.direction}`]: true,
@@ -4265,8 +4700,8 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const { create: create$_, componentName: componentName$I } = createComponent("step");
-  const _sfc_main$_ = create$_({
+  const { create: create$10, componentName: componentName$K } = createComponent("step");
+  const _sfc_main$10 = create$10({
     props: {
       title: {
         type: String,
@@ -4307,7 +4742,7 @@ var __publicField = (obj, key, value) => {
         return getCurrentStatus();
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$I;
+        const prefixCls = componentName$K;
         return {
           [prefixCls]: true,
           [`${prefixCls}-${status.value}`]: true
@@ -4319,22 +4754,22 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$N = { class: "nut-step-head" };
-  const _hoisted_2$D = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$u = {
+  const _hoisted_1$P = { class: "nut-step-head" };
+  const _hoisted_2$G = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
+  const _hoisted_3$x = {
     key: 2,
     class: "nut-step-inner"
   };
-  const _hoisted_4$m = { class: "nut-step-main" };
-  const _hoisted_5$e = { class: "nut-step-title" };
-  const _hoisted_6$b = ["innerHTML"];
-  function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_4$o = { class: "nut-step-main" };
+  const _hoisted_5$f = { class: "nut-step-title" };
+  const _hoisted_6$c = ["innerHTML"];
+  function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
-      vue.createElementVNode("view", _hoisted_1$N, [
-        _hoisted_2$D,
+      vue.createElementVNode("view", _hoisted_1$P, [
+        _hoisted_2$G,
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
@@ -4344,22 +4779,22 @@ 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$u, 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$m, [
-        vue.createElementVNode("view", _hoisted_5$e, vue.toDisplayString(_ctx.title), 1),
+      vue.createElementVNode("view", _hoisted_4$o, [
+        vue.createElementVNode("view", _hoisted_5$f, vue.toDisplayString(_ctx.title), 1),
         _ctx.content ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 0,
           class: "nut-step-content",
           innerHTML: _ctx.content
-        }, null, 8, _hoisted_6$b)) : vue.createCommentVNode("", true)
+        }, null, 8, _hoisted_6$c)) : vue.createCommentVNode("", true)
       ])
     ], 2);
   }
-  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$V]]);
-  const { componentName: componentName$H, create: create$Z } = createComponent("switch");
-  const _sfc_main$Z = create$Z({
+  var Step = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$X]]);
+  const { componentName: componentName$J, create: create$$ } = createComponent("switch");
+  const _sfc_main$$ = create$$({
     props: {
       modelValue: {
         type: [String, Number, Boolean],
@@ -4410,11 +4845,11 @@ var __publicField = (obj, key, value) => {
         default: ""
       }
     },
-    emits: ["change", "update:modelValue"],
+    emits: ["change", "update:modelValue", "update:loading"],
     setup(props, { emit }) {
       const isActive = vue.computed(() => props.modelValue === props.activeValue);
       const classes = vue.computed(() => {
-        const prefixCls = componentName$H;
+        const prefixCls = componentName$J;
         return {
           [prefixCls]: true,
           [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -4442,15 +4877,15 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$M = { class: "switch-button" };
-  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$O = { class: "switch-button" };
+  function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
       style: vue.normalizeStyle(_ctx.style)
     }, [
-      vue.createElementVNode("view", _hoisted_1$M, [
+      vue.createElementVNode("view", _hoisted_1$O, [
         _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           name: _ctx.name,
@@ -4468,11 +4903,11 @@ var __publicField = (obj, key, value) => {
       ])
     ], 6);
   }
-  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
-  const { create: create$Y } = createComponent("toast");
-  const _sfc_main$Y = create$Y({
+  var Switch = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$W]]);
+  const { create: create$_ } = createComponent("toast");
+  const _sfc_main$_ = create$_({
     components: {
-      [_sfc_main$1o.name]: _sfc_main$1o
+      [_sfc_main$1s.name]: _sfc_main$1s
     },
     props: {
       id: String,
@@ -4495,6 +4930,10 @@ var __publicField = (obj, key, value) => {
         type: [String, Number],
         default: "base"
       },
+      iconSize: {
+        type: String,
+        default: "20"
+      },
       icon: String,
       textAlignCenter: {
         type: Boolean,
@@ -4506,7 +4945,7 @@ var __publicField = (obj, key, value) => {
       },
       bgColor: {
         type: String,
-        default: "rgba(0, 0, 0, .8)"
+        default: ""
       },
       onClose: Function,
       unmount: Function,
@@ -4516,7 +4955,7 @@ var __publicField = (obj, key, value) => {
       },
       coverColor: {
         type: String,
-        default: "rgba(0, 0, 0, 0)"
+        default: ""
       },
       title: {
         type: String,
@@ -4527,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
@@ -4555,6 +4995,7 @@ var __publicField = (obj, key, value) => {
       const clickCover = () => {
         if (props.closeOnClickOverlay) {
           hide();
+          emit("close");
         }
       };
       if (props.duration) {
@@ -4598,16 +5039,16 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$L = {
+  const _hoisted_1$N = {
     key: 0,
     class: "nut-toast-icon-wrapper"
   };
-  const _hoisted_2$C = {
+  const _hoisted_2$F = {
     key: 1,
     class: "nut-toast-title"
   };
-  const _hoisted_3$t = ["innerHTML"];
-  function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+  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, {
       name: "toast-fade",
@@ -4629,18 +5070,18 @@ var __publicField = (obj, key, value) => {
               "background-color": _ctx.bgColor
             })
           }, [
-            _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$L, [
+            _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$C, 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$t)
+            }, null, 8, _hoisted_3$w)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -4649,7 +5090,7 @@ var __publicField = (obj, key, value) => {
       _: 1
     }, 8, ["onAfterLeave"]);
   }
-  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
+  var Toast = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$V]]);
   const defaultOptions = {
     msg: "",
     id: "",
@@ -4660,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 = [];
@@ -4766,8 +5208,8 @@ var __publicField = (obj, key, value) => {
       app.config.globalProperties.$toast = ToastFunction;
     }
   };
-  const { create: create$X } = createComponent("progress");
-  const _sfc_main$X = create$X({
+  const { create: create$Z } = createComponent("progress");
+  const _sfc_main$Z = create$Z({
     props: {
       percentage: {
         type: [Number, String],
@@ -4809,11 +5251,16 @@ var __publicField = (obj, key, value) => {
       iconColor: {
         type: String,
         default: "#439422"
+      },
+      isShowPercentage: {
+        type: Boolean,
+        default: true
       }
     },
     setup(props, { emit }) {
       const height = vue.ref(props.strokeWidth + "px");
       const progressOuter = vue.ref();
+      const insideText = vue.ref();
       const left = vue.ref();
       const bgStyle = vue.computed(() => {
         return {
@@ -4826,32 +5273,39 @@ var __publicField = (obj, key, value) => {
           color: props.textColor || ""
         };
       });
+      const slideLeft = (values) => {
+        if (props.textInside) {
+          let offsetWidth = progressOuter.value.offsetWidth;
+          let percentageWidth = progressOuter.value.offsetWidth * Number(values) * 0.01;
+          let insideTextWidth = insideText.value.offsetWidth;
+          left.value = percentageWidth - 5 + "px";
+          if (offsetWidth == percentageWidth) {
+            left.value = percentageWidth - insideTextWidth + "px";
+          }
+        }
+      };
       vue.watch(() => props.percentage, (values) => {
-        console.log("progressOuter.value.offsetWidth", progressOuter.value.offsetWidth);
-        console.log("values", values);
-        left.value = progressOuter.value.offsetWidth * Number(values) * 0.01 - 5 + "px";
+        slideLeft(values);
       });
       vue.onMounted(() => {
-        left.value = progressOuter.value.offsetWidth * Number(props.percentage) * 0.01 - 5 + "px";
+        slideLeft(props.percentage);
       });
       return {
         height,
         bgStyle,
         textStyle,
         progressOuter,
+        insideText,
         left
       };
     }
   });
-  const _hoisted_1$K = { class: "nut-progress" };
-  function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$M = { class: "nut-progress" };
+  function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [
       vue.createElementVNode("div", {
-        class: vue.normalizeClass(["nut-progress-outer", [
-          _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
-          _ctx.size ? "nut-progress-" + _ctx.size : ""
-        ]]),
+        class: vue.normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
         ref: "progressOuter",
         style: vue.normalizeStyle({ height: _ctx.height })
       }, [
@@ -4862,11 +5316,12 @@ var __publicField = (obj, key, value) => {
           _ctx.showText && _ctx.textInside ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: "nut-progress-text nut-progress-insidetext",
+            ref: "insideText",
             style: vue.normalizeStyle({ lineHeight: _ctx.height, left: _ctx.left })
           }, [
             vue.createElementVNode("span", {
               style: vue.normalizeStyle(_ctx.textStyle)
-            }, vue.toDisplayString(_ctx.percentage) + "%", 5)
+            }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
           ], 4)) : vue.createCommentVNode("", true)
         ], 6)
       ], 6),
@@ -4878,7 +5333,7 @@ var __publicField = (obj, key, value) => {
         _ctx.status == "active" || _ctx.status == "" ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           style: vue.normalizeStyle(_ctx.textStyle)
-        }, vue.toDisplayString(_ctx.percentage) + "%", 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 1,
           size: "16px",
           name: _ctx.iconName,
@@ -4887,9 +5342,9 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
-  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
-  const { componentName: componentName$G, create: create$W } = createComponent("circleprogress");
-  const _sfc_main$W = create$W({
+  var Progress = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$U]]);
+  const { componentName: componentName$I, create: create$Y } = createComponent("circleprogress");
+  const _sfc_main$Y = create$Y({
     props: {
       progress: {
         type: [Number, String],
@@ -4911,7 +5366,7 @@ var __publicField = (obj, key, value) => {
     },
     setup(props, { emit }) {
       const classes = vue.computed(() => {
-        const prefixCls = componentName$G;
+        const prefixCls = componentName$I;
         return {
           [prefixCls]: true
         };
@@ -4945,11 +5400,11 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$J = ["height", "width"];
-  const _hoisted_2$B = ["r", "cx", "cy", "stroke", "stroke-width"];
-  const _hoisted_3$s = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
-  const _hoisted_4$l = { class: "nut-circleprogress-content" };
-  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+  const _hoisted_1$L = ["height", "width"];
+  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", {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle({ height: _ctx.option.size + "px", width: _ctx.option.size + "px" })
@@ -4966,7 +5421,7 @@ var __publicField = (obj, key, value) => {
           stroke: _ctx.option.backColor,
           "stroke-width": _ctx.option.strokeOutWidth,
           fill: "none"
-        }, null, 8, _hoisted_2$B),
+        }, null, 8, _hoisted_2$E),
         vue.createElementVNode("circle", {
           r: _ctx.option.radius,
           cx: _ctx.option.cx,
@@ -4978,18 +5433,18 @@ 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$s)
-      ], 8, _hoisted_1$J)),
-      vue.createElementVNode("div", _hoisted_4$l, [
+        }, null, 8, _hoisted_3$v)
+      ], 8, _hoisted_1$L)),
+      vue.createElementVNode("div", _hoisted_4$n, [
         !_ctx.isAuto ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
           vue.createTextVNode(vue.toDisplayString(_ctx.progress) + "%", 1)
         ]) : vue.renderSlot(_ctx.$slots, "default", { key: 1 })
       ])
     ], 6);
   }
-  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
-  const { componentName: componentName$F, create: create$V } = createComponent("noticebar");
-  const _sfc_main$V = create$V({
+  var CircleProgress = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$T]]);
+  const { componentName: componentName$H, create: create$X } = createComponent("noticebar");
+  const _sfc_main$X = create$X({
     props: {
       direction: {
         type: String,
@@ -5026,6 +5481,7 @@ var __publicField = (obj, key, value) => {
         default: false
       },
       leftIcon: { type: String, default: "" },
+      rightIcon: { type: String, default: "" },
       color: {
         type: String,
         default: ""
@@ -5040,7 +5496,7 @@ var __publicField = (obj, key, value) => {
       },
       scrollable: {
         type: Boolean,
-        default: true
+        default: null
       },
       speed: {
         type: Number,
@@ -5050,12 +5506,12 @@ 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);
       }
     },
     emits: ["click", "close"],
     setup(props, { emit, slots }) {
-      console.log("componentName", componentName$F);
       const wrap = vue.ref(null);
       const content = vue.ref(null);
       const state = vue.reactive({
@@ -5069,14 +5525,22 @@ var __publicField = (obj, key, value) => {
         scrollList: [],
         distance: 0,
         timer: null,
-        keepAlive: false
+        keepAlive: false,
+        isCanScroll: null
       });
       const classes = vue.computed(() => {
-        const prefixCls = componentName$F;
+        const prefixCls = componentName$H;
         return {
           [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;
@@ -5095,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(() => {
@@ -5140,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;
@@ -5154,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 = () => {
@@ -5201,14 +5668,12 @@ var __publicField = (obj, key, value) => {
         emit("close", state.scrollList[0]);
       };
       vue.onMounted(() => {
-        console.log(props.direction);
         if (props.direction == "vertical") {
           if (slots.default) {
             state.scrollList = [].concat(slots.default()[0].children);
           } else {
             state.scrollList = [].concat(props.list);
           }
-          console.log(state.scrollList);
           setTimeout(() => {
             props.complexAm ? startRoll() : startRollEasy();
           }, props.standTime);
@@ -5229,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,
@@ -5246,12 +5712,12 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$I = {
+  const _hoisted_1$K = {
     ref: "wrap",
     class: "wrap"
   };
-  const _hoisted_2$A = ["onClick"];
-  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  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");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -5268,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$I, [
+        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))
@@ -5288,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]
@@ -5329,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$A);
+            }, vue.toDisplayString(item), 13, _hoisted_2$D);
           }), 128))
         ], 4)),
         vue.createElementVNode("view", {
@@ -5346,9 +5816,9 @@ var __publicField = (obj, key, value) => {
       ], 4)) : vue.createCommentVNode("", true)
     ], 2);
   }
-  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
-  const { create: create$U } = createComponent("searchbar");
-  const _sfc_main$U = create$U({
+  var NoticeBar = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$S]]);
+  const { create: create$W } = createComponent("searchbar");
+  const _sfc_main$W = create$W({
     props: {
       modelValue: {
         type: [String, Number],
@@ -5439,41 +5909,41 @@ var __publicField = (obj, key, value) => {
       });
     }
   });
-  const _hoisted_1$H = {
+  const _hoisted_1$J = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
   };
-  const _hoisted_2$z = {
+  const _hoisted_2$C = {
     key: 0,
     class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
   };
-  const _hoisted_3$r = { class: "nut-searchbar__input-inner" };
-  const _hoisted_4$k = ["type", "maxlength", "placeholder", "value"];
-  const _hoisted_5$d = {
+  const _hoisted_3$u = { class: "nut-searchbar__input-inner" };
+  const _hoisted_4$m = ["type", "maxlength", "placeholder", "value"];
+  const _hoisted_5$e = {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
   };
-  const _hoisted_6$a = {
+  const _hoisted_6$b = {
     key: 1,
     class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
   };
-  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$H, [
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$J, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: "nut-searchbar__search-input",
         style: vue.normalizeStyle(_ctx.inputSearchbarStyle)
       }, [
-        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$z, [
+        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$C, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$r, [
+        vue.createElementVNode("view", _hoisted_3$u, [
           vue.createElementVNode("form", {
             action: "#",
             onSubmit: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5487,7 +5957,7 @@ var __publicField = (obj, key, value) => {
               onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
               onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
               onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-            }, null, 40, _hoisted_4$k)
+            }, null, 40, _hoisted_4$m)
           ], 32),
           _ctx.clearable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
             key: 0,
@@ -5503,23 +5973,23 @@ var __publicField = (obj, key, value) => {
             [vue.vShow, _ctx.modelValue.length > 0]
           ]) : vue.createCommentVNode("", true)
         ]),
-        _ctx.$slots.rightin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$d, [
+        _ctx.$slots.rightin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$e, [
           vue.renderSlot(_ctx.$slots, "rightin")
         ])) : vue.createCommentVNode("", true)
       ], 4),
-      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$a, [
+      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$b, [
         vue.renderSlot(_ctx.$slots, "rightout")
       ])) : vue.createCommentVNode("", true)
     ], 4);
   }
-  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
-  const { componentName: componentName$E, create: create$T } = createComponent("empty");
+  var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$R]]);
+  const { componentName: componentName$G, create: create$V } = createComponent("empty");
   const defaultStatus = {
     empty: "https://static-ftcms.jd.com/p/files/61a9e3183985005b3958672b.png",
     error: "https://ftcms.jd.com/p/files/61a9e33ee7dcdbcc0ce62736.png",
     network: "https://static-ftcms.jd.com/p/files/61a9e31de7dcdbcc0ce62734.png"
   };
-  const _sfc_main$T = create$T({
+  const _sfc_main$V = create$V({
     props: {
       image: {
         type: String,
@@ -5553,14 +6023,14 @@ var __publicField = (obj, key, value) => {
       };
     }
   });
-  const _hoisted_1$G = { class: "nut-empty" };
-  const _hoisted_2$y = ["src"];
-  const _hoisted_3$q = {
+  const _hoisted_1$I = { class: "nut-empty" };
+  const _hoisted_2$B = ["src"];
+  const _hoisted_3$t = {
     key: 1,
     class: "nut-empty-description"
   };
-  function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$G, [
+  function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+    return vue.openBlock(), vue.createElementBlock("view", _hoisted_1$I, [
       vue.createElementVNode("view", {
         class: "nut-empty-image",
         style: vue.normalizeStyle(_ctx.imgStyle)
@@ -5570,41 +6040,385 @@ var __publicField = (obj, key, value) => {
             key: 0,
             class: "img",
             src: _ctx.imageUrl
-          }, null, 8, _hoisted_2$y)) : 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$q, 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)
     ]);
   }
-  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
+  var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$Q]]);
+  const { componentName: componentName$F, create: create$U } = createComponent("audio");
+  const _sfc_main$U = create$U({
+    props: {
+      url: {
+        type: String,
+        default() {
+          return "";
+        }
+      },
+      muted: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
+      autoplay: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
+      loop: {
+        type: Boolean,
+        default() {
+          return false;
+        }
+      },
+      preload: {
+        type: String,
+        default() {
+          return "auto";
+        }
+      },
+      second: {
+        type: Number,
+        default() {
+          return 0;
+        }
+      },
+      type: {
+        type: String,
+        default() {
+          return "progress";
+        }
+      }
+    },
+    components: {},
+    emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+    setup(props, { emit }) {
+      const audioRef = vue.ref(null);
+      const audioData = vue.reactive({
+        currentTime: 0,
+        currentDuration: "00:00:00",
+        percent: 0,
+        duration: "00:00:00",
+        second: 0,
+        hanMuted: props.muted,
+        playing: props.autoplay
+      });
+      vue.onMounted(() => {
+        var arr = ["webkitVisibilityState", "visibilitychange"];
+        try {
+          for (let i = 0; i < arr.length; i++) {
+            document.addEventListener(arr[i], () => {
+              if (document.hidden) {
+                audioRef.value.pause();
+              } else {
+                if (audioData.playing) {
+                  setTimeout(() => {
+                    audioRef.value.play();
+                  }, 200);
+                }
+              }
+            });
+          }
+        } catch (e) {
+          console.log(e.message);
+        }
+        setTimeout(() => {
+          if (props.autoplay) {
+            if (audioRef.value && audioRef.value.paused) {
+              audioRef.value.play();
+            }
+          }
+          audioData.second = audioRef.value.duration;
+          audioData.duration = formatSeconds(audioRef.value.duration);
+        }, 500);
+      });
+      const onTimeupdate = (e) => {
+        audioData.currentTime = parseInt(e.target.currentTime);
+      };
+      const fastBack = () => {
+        audioData.currentTime--;
+        audioRef.value.currentTime = audioData.currentTime;
+        emit("fastBack", audioData.currentTime);
+      };
+      const changeStatus = () => {
+        if (audioData.playing) {
+          audioRef.value.pause();
+          audioData.handPlaying = false;
+        } else {
+          audioRef.value.play();
+          audioData.handPlaying = true;
+        }
+        audioData.playing = !audioData.playing;
+        emit("play", audioData.playing);
+      };
+      const forward = () => {
+        audioData.currentTime++;
+        audioRef.value.currentTime = audioData.currentTime;
+        emit("forward", audioData.currentTime);
+      };
+      const handle = (val) => {
+        audioData.currentDuration = formatSeconds(val);
+        audioData.percent = val / audioData.second * 100;
+      };
+      const audioEnd = () => {
+        audioData.playing = false;
+        emit("ended");
+      };
+      const progressChange = (val) => {
+        audioRef.value.currentTime = audioData.second * val / 100;
+        emit("changeProgress", audioRef.value.currentTime);
+      };
+      const handleMute = () => {
+        audioData.hanMuted = !audioData.hanMuted;
+        emit("mute", audioData.hanMuted);
+      };
+      const formatSeconds = (value) => {
+        let theTime = parseInt(value);
+        let theTime1 = 0;
+        let theTime2 = 0;
+        if (theTime > 60) {
+          theTime1 = parseInt(theTime / 60);
+          theTime = parseInt(theTime % 60);
+          if (theTime1 > 60) {
+            theTime2 = parseInt(theTime1 / 60);
+            theTime1 = parseInt(theTime1 % 60);
+          }
+        }
+        let result = "" + parseInt(theTime);
+        if (result < 10) {
+          result = "0" + result;
+        }
+        if (theTime1 > 0) {
+          result = "" + parseInt(theTime1) + ":" + result;
+          if (theTime1 < 10) {
+            result = "0" + result;
+          }
+        } else {
+          result = "00:" + result;
+        }
+        if (theTime2 > 0) {
+          result = "" + parseInt(theTime2) + ":" + result;
+          if (theTime2 < 10) {
+            result = "0" + result;
+          }
+        } else {
+          result = "00:" + result;
+        }
+        return result;
+      };
+      vue.watch(() => audioData.currentTime, (value) => {
+        handle(value);
+      });
+      vue.provide("audioParent", {
+        children: [],
+        props,
+        audioData,
+        handleMute,
+        forward,
+        fastBack,
+        changeStatus
+      });
+      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(audioData)), {
+        audioRef,
+        fastBack,
+        forward,
+        changeStatus,
+        progressChange,
+        audioEnd,
+        onTimeupdate,
+        handleMute
+      });
+    }
+  });
+  const _hoisted_1$H = { class: "nut-audio" };
+  const _hoisted_2$A = {
+    key: 0,
+    class: "progress-wrapper"
+  };
+  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" };
+  const _hoisted_7$8 = {
+    key: 1,
+    class: "nut-audio-icon"
+  };
+  const _hoisted_8$8 = ["controls", "src", "preload", "autoplay", "loop", "muted"];
+  function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+    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$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,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.percent = $event),
+            "hidden-range": "",
+            onChange: _ctx.progressChange,
+            "inactive-color": "#cccccc",
+            "active-color": "#fa2c19"
+          }, {
+            button: vue.withCtx(() => [
+              _hoisted_5$d
+            ]),
+            _: 1
+          }, 8, ["modelValue", "onChange"])
+        ]),
+        vue.createElementVNode("div", _hoisted_6$a, vue.toDisplayString(_ctx.duration), 1)
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type == "icon" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$8, [
+        vue.createElementVNode("div", {
+          class: vue.normalizeClass(["nut-audio-icon-box", _ctx.playing ? "nut-audio-icon-play" : "nut-audio-icon-stop"]),
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+        }, [
+          _ctx.playing ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+            key: 0,
+            name: "service",
+            class: "nut-icon-am-rotate nut-icon-am-infinite"
+          })) : vue.createCommentVNode("", true),
+          !_ctx.playing ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+            key: 1,
+            name: "service"
+          })) : vue.createCommentVNode("", true)
+        ], 2)
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type == "none" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type != "none" ? vue.renderSlot(_ctx.$slots, "default", { key: 3 }) : vue.createCommentVNode("", true),
+      vue.createElementVNode("audio", {
+        class: "audioMain",
+        controls: _ctx.type == "controls",
+        ref: "audioRef",
+        src: _ctx.url,
+        preload: _ctx.preload,
+        autoplay: _ctx.autoplay,
+        loop: _ctx.loop,
+        onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
+        onEnded: _cache[4] || (_cache[4] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
+        muted: _ctx.hanMuted
+      }, null, 40, _hoisted_8$8)
+    ]);
+  }
+  var Audio = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$P]]);
+  const { componentName: componentName$E, create: create$T } = createComponent("audio-operate");
+  const _sfc_main$T = create$T({
+    props: {
+      type: {
+        type: Array,
+        default() {
+          return "play";
+        }
+      }
+    },
+    components: {},
+    emits: ["click"],
+    setup(props, { emit }) {
+      const audio = vue.inject("audioParent");
+      const parent = vue.reactive(audio);
+      const customSlot = vue.ref(vue.useSlots().default);
+      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(parent)), { customSlot });
+    }
+  });
+  const _hoisted_1$G = { class: "nut-audio-operate" };
+  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");
+    return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      _ctx.type == "back" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 0,
+        class: "nut-audio-operate-item",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.fastBack && _ctx.fastBack(...args))
+      }, [
+        !_ctx.customSlot ? (vue.openBlock(), vue.createBlock(_component_nut_button, {
+          key: 0,
+          type: "primary",
+          size: "small"
+        }, {
+          default: vue.withCtx(() => [
+            _hoisted_2$z
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type == "play" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 1,
+        class: "nut-audio-operate-item",
+        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+      }, [
+        !_ctx.customSlot ? (vue.openBlock(), vue.createBlock(_component_nut_button, {
+          key: 0,
+          type: "primary",
+          size: "small"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(!_ctx.audioData.playing ? "\u5F00\u59CB" : "\u6682\u505C"), 1)
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type == "forward" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 2,
+        class: "nut-audio-operate-item",
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.forward && _ctx.forward(...args))
+      }, [
+        !_ctx.customSlot ? (vue.openBlock(), vue.createBlock(_component_nut_button, {
+          key: 0,
+          type: "primary",
+          size: "small"
+        }, {
+          default: vue.withCtx(() => [
+            _hoisted_3$r
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true),
+      _ctx.type == "mute" ? (vue.openBlock(), vue.createElementBlock("div", {
+        key: 3,
+        class: "nut-audio-operate-item",
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleMute && _ctx.handleMute(...args))
+      }, [
+        !_ctx.customSlot ? (vue.openBlock(), vue.createBlock(_component_nut_button, {
+          key: 0,
+          type: !_ctx.audioData.hanMuted ? "primary" : "default",
+          size: "small"
+        }, {
+          default: vue.withCtx(() => [
+            _hoisted_4$k
+          ]),
+          _: 1
+        }, 8, ["type"])) : vue.createCommentVNode("", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ])) : vue.createCommentVNode("", true)
+    ]);
+  }
+  var AudioOperate = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
   const { componentName: componentName$D, create: create$S } = createComponent("navbar");
   const _sfc_main$S = create$S({
     props: {
       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(() => {
@@ -5622,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", {
@@ -5659,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))
@@ -5675,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]]);
@@ -5952,7 +6739,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     components: {
-      [_sfc_main$1o.name]: _sfc_main$1o,
+      [_sfc_main$1s.name]: _sfc_main$1s,
       [Popup.name]: Popup
     },
     emits: ["update:modelValue", "change"],
@@ -6198,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;
@@ -6224,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);
+            }
           }
         });
       });
@@ -6311,7 +7102,8 @@ var __publicField = (obj, key, value) => {
           y2: 0
         },
         scrollStart: false,
-        currentIndex: 0
+        currentIndex: 0,
+        currentData: {}
       });
       const classes = vue.computed(() => {
         const prefixCls = componentName$z;
@@ -6371,7 +7163,6 @@ var __publicField = (obj, key, value) => {
         state.touchState.y1 = firstTouch.pageY;
         state.anchorIndex = +index;
         state.currentIndex = +index;
-        console.log(state.currentIndex);
         scrollTo(+index);
       };
       const touchMove = (e) => {
@@ -6386,10 +7177,14 @@ var __publicField = (obj, key, value) => {
       };
       const handleClickItem = (key, item) => {
         context.emit("click-item", key, item);
+        state.currentData = item;
       };
       const handleClickIndex = (key) => {
         context.emit("click-index", key);
       };
+      useExpose({
+        scrollTo
+      });
       return __spreadProps(__spreadValues({
         classes
       }, vue.toRefs(state)), {
@@ -6426,11 +7221,11 @@ var __publicField = (obj, key, value) => {
             vue.createElementVNode("view", _hoisted_1$A, vue.toDisplayString(item[_ctx.acceptKey]), 1),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (subitem) => {
               return vue.openBlock(), vue.createElementBlock("view", {
-                class: "nut-elevator__list__item__name",
+                class: vue.normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
                 key: subitem["id"],
                 onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
                 innerHTML: subitem.name
-              }, null, 8, _hoisted_2$t);
+              }, null, 10, _hoisted_2$t);
             }), 128))
           ]);
         }), 128))
@@ -7108,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) {
@@ -7442,12 +8237,36 @@ var __publicField = (obj, key, value) => {
         type: Boolean,
         default: true
       },
+      showTitle: {
+        type: Boolean,
+        default: true
+      },
+      showSubTitle: {
+        type: Boolean,
+        default: true
+      },
+      showToday: {
+        type: Boolean,
+        default: true
+      },
       title: {
         type: String,
         default: "\u65E5\u5386\u9009\u62E9"
       },
-      defaultValue: {
+      confirmText: {
+        type: String,
+        default: "\u786E\u8BA4"
+      },
+      startText: {
         type: String,
+        default: "\u5F00\u59CB"
+      },
+      endText: {
+        type: String,
+        default: "\u7ED3\u675F"
+      },
+      defaultValue: {
+        type: [String, Array],
         default: null
       },
       startDate: {
@@ -7459,15 +8278,32 @@ var __publicField = (obj, key, value) => {
         default: Utils.getDay(365)
       }
     },
-    emits: ["choose", "update", "close"],
-    setup(props, { emit }) {
+    emits: ["choose", "update", "close", "select"],
+    setup(props, { emit, slots }) {
       const weeks = vue.ref(["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"]);
       const months = vue.ref(null);
       const monthsPanel = vue.ref(null);
       const weeksPanel = vue.ref(null);
+      const viewArea = vue.ref(null);
+      const viewHeight = vue.ref(0);
+      const compConthsData = vue.computed(() => {
+        return state.monthsData.slice(state.defaultRange[0], state.defaultRange[1]);
+      });
+      const showTopBtn = vue.computed(() => {
+        return slots.btn;
+      });
+      const topInfo = vue.computed(() => {
+        return slots.topInfo;
+      });
+      const bottomInfo = vue.computed(() => {
+        return slots.bottomInfo;
+      });
       const state = vue.reactive({
         yearMonthTitle: "",
+        defaultRange: [],
         currDate: "",
+        propStartDate: "",
+        propEndDate: "",
         unLoadPrev: false,
         touchParams: {
           startY: 0,
@@ -7487,7 +8323,10 @@ var __publicField = (obj, key, value) => {
         startData: "",
         endData: "",
         isRange: props.type === "range",
-        timer: 0
+        timer: 0,
+        currentIndex: 0,
+        avgHeight: 0,
+        monthsNum: 0
       });
       const splitDate = (date) => {
         return date.split("-");
@@ -7499,14 +8338,14 @@ var __publicField = (obj, key, value) => {
         return Utils.isEqual(state.currDate[1], currDate);
       };
       const getCurrDate = (day, month, isRange) => {
-        return isRange ? month.curData[3] + "-" + month.curData[4] + "-" + Utils.getNumTwoBit(+day.day) : month.curData[0] + "-" + month.curData[1] + "-" + Utils.getNumTwoBit(+day.day);
+        return month.curData[0] + "-" + month.curData[1] + "-" + Utils.getNumTwoBit(+day.day);
       };
       const getClass = (day, month, isRange) => {
-        const currDate = getCurrDate(day, month, isRange);
+        const currDate = getCurrDate(day, month);
         if (day.type == "curr") {
           if (!state.isRange && Utils.isEqual(state.currDate, currDate) || state.isRange && (isStart(currDate) || isEnd(currDate))) {
             return `${state.dayPrefix}-active`;
-          } else if (props.startDate && Utils.compareDate(currDate, props.startDate) || props.endDate && Utils.compareDate(props.endDate, currDate)) {
+          } else if (state.propStartDate && Utils.compareDate(currDate, state.propStartDate) || state.propEndDate && Utils.compareDate(state.propEndDate, currDate)) {
             return `${state.dayPrefix}-disabled`;
           } else if (state.isRange && Array.isArray(state.currDate) && Object.values(state.currDate).length == 2 && Utils.compareDate(state.currDate[0], currDate) && Utils.compareDate(currDate, state.currDate[1])) {
             return `${state.dayPrefix}-choose`;
@@ -7526,9 +8365,8 @@ var __publicField = (obj, key, value) => {
         }
       };
       const chooseDay = (day, month, isFirst, isRange) => {
-        if (getClass(day, month, isRange) != `${state.dayPrefix}-disabled`) {
+        if (getClass(day, month) != `${state.dayPrefix}-disabled`) {
           let days = [...month.curData];
-          days = isRange ? days.splice(3) : days.splice(0, 3);
           days[2] = typeof day.day == "number" ? Utils.getNumTwoBit(day.day) : day.day;
           days[3] = `${days[0]}-${days[1]}-${days[2]}`;
           days[4] = Utils.getWhatDay(+days[0], +days[1], +days[2]);
@@ -7555,8 +8393,11 @@ var __publicField = (obj, key, value) => {
               }
             }
           }
-          if (props.isAutoBackFill && !isFirst) {
-            confirm();
+          if (!isFirst) {
+            emit("select", state.chooseData);
+            if (props.isAutoBackFill) {
+              confirm();
+            }
           }
         }
       };
@@ -7574,26 +8415,47 @@ var __publicField = (obj, key, value) => {
             month = month == 12 ? 1 : ++month;
             break;
         }
-        return [
-          year,
-          Utils.getNumTwoBit(month),
-          Utils.getMonthDays(String(year), String(month))
-        ];
+        return [year, Utils.getNumTwoBit(month), Utils.getMonthDays(String(year), String(month))];
       };
-      const getDaysStatus = (days, type) => {
+      const getDaysStatus = (days, type, dateInfo) => {
+        let { year, month } = dateInfo;
         if (type == "prev" && days >= 7) {
           days -= 7;
         }
         return Array.from(Array(days), (v, k) => {
           return {
             day: k + 1,
-            type
+            type,
+            year,
+            month
+          };
+        });
+      };
+      const getPreDaysStatus = (days, type, dateInfo, preCurrMonthDays) => {
+        let { year, month } = dateInfo;
+        if (type == "prev" && days >= 7) {
+          days -= 7;
+        }
+        let months2 = Array.from(Array(preCurrMonthDays), (v, k) => {
+          return {
+            day: k + 1,
+            type,
+            year,
+            month
           };
         });
+        return months2.slice(preCurrMonthDays - days);
       };
       const getMonth = (curData, type) => {
         const preMonthDays = Utils.getMonthPreDay(+curData[0], +curData[1]);
+        let preMonth = curData[1] - 1;
+        let preYear = curData[0];
+        if (preMonth <= 0) {
+          preMonth = 12;
+          preYear += 1;
+        }
         const currMonthDays = Utils.getMonthDays(curData[0], curData[1]);
+        const preCurrMonthDays = Utils.getMonthDays(preYear + "", preMonth + "");
         const title = {
           year: curData[0],
           month: curData[1]
@@ -7602,10 +8464,16 @@ var __publicField = (obj, key, value) => {
           curData,
           title: `${title.year}\u5E74${title.month}\u6708`,
           monthData: [
-            ...getDaysStatus(preMonthDays, "prev"),
-            ...getDaysStatus(currMonthDays, "curr")
+            ...getPreDaysStatus(preMonthDays, "prev", { month: preMonth, year: preYear }, preCurrMonthDays),
+            ...getDaysStatus(currMonthDays, "curr", title)
           ]
         };
+        monthInfo.cssHeight = 39 + (monthInfo.monthData.length > 35 ? 384 : 320);
+        let cssScrollHeight = 0;
+        if (state.monthsData.length > 0) {
+          cssScrollHeight = state.monthsData[state.monthsData.length - 1].cssScrollHeight + state.monthsData[state.monthsData.length - 1].cssHeight;
+        }
+        monthInfo.cssScrollHeight = cssScrollHeight;
         if (type == "next") {
           if (!state.endData || !Utils.compareDate(`${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`, `${curData[0]}-${curData[1]}-${curData[2]}`)) {
             state.monthsData.push(monthInfo);
@@ -7619,44 +8487,97 @@ var __publicField = (obj, key, value) => {
         }
       };
       const initData = () => {
-        state.startData = props.startDate ? splitDate(props.startDate) : "";
-        state.endData = props.endDate ? splitDate(props.endDate) : "";
-        if (!props.defaultValue) {
+        let propStartDate = props.startDate ? props.startDate : Utils.getDay(0);
+        let propEndDate = props.endDate ? props.endDate : Utils.getDay(365);
+        state.propStartDate = propStartDate;
+        state.propEndDate = propEndDate;
+        state.startData = splitDate(propStartDate);
+        state.endData = splitDate(propEndDate);
+        if (!props.defaultValue || Array.isArray(props.defaultValue) && props.defaultValue.length <= 0) {
           state.currDate = state.isRange ? [Utils.date2Str(new Date()), Utils.getDay(1)] : Utils.date2Str(new Date());
         } else {
           state.currDate = state.isRange ? [...props.defaultValue] : props.defaultValue;
         }
+        const startDate = {
+          year: Number(state.startData[0]),
+          month: Number(state.startData[1])
+        };
+        const endDate = {
+          year: Number(state.endData[0]),
+          month: Number(state.endData[1])
+        };
+        let monthsNum = endDate.month - startDate.month;
+        if (endDate.year - startDate.year > 0) {
+          monthsNum = monthsNum + 12 * (endDate.year - startDate.year);
+        }
+        getMonth(state.startData, "next");
+        let i = 1;
+        do {
+          getMonth(getCurrData("next"), "next");
+        } while (i++ < monthsNum);
+        state.monthsNum = monthsNum;
         if (state.isRange && Array.isArray(state.currDate)) {
-          if (props.startDate && Utils.compareDate(state.currDate[0], props.startDate)) {
-            state.currDate.splice(0, 1, props.startDate);
+          if (propStartDate && Utils.compareDate(state.currDate[0], propStartDate)) {
+            state.currDate.splice(0, 1, propStartDate);
           }
-          if (props.endDate && Utils.compareDate(props.endDate, state.currDate[1])) {
-            state.currDate.splice(1, 1, props.endDate);
+          if (propEndDate && Utils.compareDate(propEndDate, state.currDate[1])) {
+            state.currDate.splice(1, 1, propEndDate);
           }
-          state.defaultData = [
-            ...splitDate(state.currDate[0]),
-            ...splitDate(state.currDate[1])
-          ];
+          state.defaultData = [...splitDate(state.currDate[0]), ...splitDate(state.currDate[1])];
         } else {
-          if (props.startDate && Utils.compareDate(state.currDate, props.startDate)) {
-            state.currDate = props.startDate;
-          } else if (props.endDate && !Utils.compareDate(state.currDate, props.endDate)) {
-            state.currDate = props.endDate;
+          if (propStartDate && Utils.compareDate(state.currDate, propStartDate)) {
+            state.currDate = propStartDate;
+          } else if (propEndDate && !Utils.compareDate(state.currDate, propEndDate)) {
+            state.currDate = propEndDate;
           }
           state.defaultData = [...splitDate(state.currDate)];
         }
-        getMonth(state.defaultData, "next");
-        state.yearMonthTitle = state.monthsData[0].title;
-        let i = 1;
-        do {
-          getMonth(getCurrData("next"), "next");
-        } while (i++ < 4);
+        let current = 0;
+        let lastCurrent = 0;
+        state.monthsData.forEach((item, index) => {
+          if (item.title == `${state.defaultData[0]}\u5E74${state.defaultData[1]}\u6708`) {
+            current = index;
+          }
+          if (state.isRange) {
+            if (item.title == `${state.defaultData[3]}\u5E74${state.defaultData[4]}\u6708`) {
+              lastCurrent = index;
+            }
+          }
+        });
+        setDefaultRange(monthsNum, current);
+        state.currentIndex = current;
+        state.yearMonthTitle = state.monthsData[state.currentIndex].title;
         if (state.isRange) {
-          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
-          chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[0], true, true);
+          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
+          chooseDay({ day: state.defaultData[5], type: "curr" }, state.monthsData[lastCurrent], true);
         } else {
-          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
+          chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[state.currentIndex], true);
         }
+        let lastItem = state.monthsData[state.monthsData.length - 1];
+        let containerHeight = lastItem.cssHeight + lastItem.cssScrollHeight;
+        requestAniFrame$1(() => {
+          if ((months == null ? void 0 : months.value) && (monthsPanel == null ? void 0 : monthsPanel.value) && (viewArea == null ? void 0 : viewArea.value)) {
+            viewHeight.value = months.value.clientHeight;
+            monthsPanel.value.style.height = `${containerHeight}px`;
+            months.value.scrollTop = state.monthsData[state.currentIndex].cssScrollHeight;
+          }
+        });
+        state.avgHeight = Math.floor(containerHeight / (monthsNum + 1));
+      };
+      const setDefaultRange = (monthsNum, current) => {
+        if (monthsNum >= 3) {
+          if (current > 0 && current < monthsNum) {
+            state.defaultRange = [current - 1, current + 3];
+          } else if (current == 0) {
+            state.defaultRange = [current, current + 4];
+          } else if (current == monthsNum) {
+            state.defaultRange = [current - 2, current + 2];
+          }
+        } else {
+          state.defaultRange = [0, monthsNum + 2];
+        }
+        let defaultScrollTop = state.monthsData[state.defaultRange[0]].cssScrollHeight;
+        state.translateY = defaultScrollTop;
       };
       const isActive = (day, month) => {
         return state.isRange && day.type == "curr" && getClass(day, month) == "calendar-month-day-active";
@@ -7669,139 +8590,72 @@ var __publicField = (obj, key, value) => {
         }
       };
       const isEndTip = (day, month) => {
-        return isActive(day, month);
+        if (state.currDate.length >= 2 && isEnd(getCurrDate(day, month))) {
+          return isActive(day, month);
+        }
+        return false;
+      };
+      const rangeTip = (day, month) => {
+        if (state.currDate.length >= 2) {
+          return Utils.isEqual(state.currDate[0], state.currDate[1]);
+        }
       };
       const isCurrDay = (month, day) => {
         const date = `${month.curData[0]}-${month.curData[1]}-${day}`;
         return Utils.isEqual(date, Utils.date2Str(new Date()));
       };
-      const loadScroll = () => {
-        if (!props.poppable) {
-          return false;
-        }
-        requestAniFrame$1(() => {
-          if ((weeksPanel == null ? void 0 : weeksPanel.value) && (monthsPanel == null ? void 0 : monthsPanel.value)) {
-            const top = weeksPanel == null ? void 0 : weeksPanel.value.getBoundingClientRect().bottom;
-            const monthsDoms = monthsPanel.value.getElementsByClassName("calendar-month");
-            for (let i = 0; i < monthsDoms.length; i++) {
-              if (monthsDoms[i].getBoundingClientRect().top <= top && monthsDoms[i].getBoundingClientRect().bottom >= top) {
-                state.yearMonthTitle = state.monthsData[i].title;
-              } else if (state.scrollDistance === 0) {
-                state.yearMonthTitle = state.monthsData[0].title;
-              }
-            }
-          }
-        });
-      };
-      const setTransform = (translateY = 0, type, time = 1e3) => {
-        if (monthsPanel == null ? void 0 : monthsPanel.value) {
-          if (type === "end") {
-            monthsPanel.value.style.webkitTransition = `transform ${time}ms cubic-bezier(0.19, 1, 0.22, 1)`;
-            clearTimeout(state.timer);
-            state.timer = setTimeout(() => {
-              loadScroll();
-            }, time);
-          } else {
-            monthsPanel.value.style.webkitTransition = "";
-            loadScroll();
-          }
-          monthsPanel.value.style.webkitTransform = `translateY(${translateY}px)`;
-          state.scrollDistance = translateY;
-        }
-      };
-      const setMove = (move, type, time) => {
-        var _a, _b;
-        let updateMove = move + state.transformY;
-        const h = ((_a = months.value) == null ? void 0 : _a.offsetHeight) || 0;
-        const offsetHeight = ((_b = monthsPanel.value) == null ? void 0 : _b.offsetHeight) || 0;
-        if (type === "end") {
-          if (updateMove > 0) {
-            updateMove = 0;
+      const mothsViewScroll = (e) => {
+        var currentScrollTop = e.target.scrollTop;
+        let current = Math.floor(currentScrollTop / state.avgHeight);
+        if (current == 0) {
+          if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
+            current += 1;
           }
-          if (updateMove < 0 && updateMove < -offsetHeight + h) {
-            updateMove = -offsetHeight + h;
+        } else if (current > 0 && current < state.monthsNum - 1) {
+          if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
+            current += 1;
           }
-          if (offsetHeight <= h && state.monthsData.length == 1) {
-            updateMove = 0;
+          if (currentScrollTop < state.monthsData[current].cssScrollHeight) {
+            current -= 1;
           }
-          setTransform(updateMove, type, time);
         } else {
-          if (updateMove > 0 && updateMove > 100) {
-            updateMove = 100;
-          }
-          if (updateMove < -offsetHeight + h - 100 && state.monthsData.length > 1) {
-            updateMove = -offsetHeight + h - 100;
+          if (currentScrollTop + viewHeight.value < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight) {
+            current -= 1;
           }
-          if (updateMove < 0 && updateMove < -100 && state.monthsData.length == 1) {
-            updateMove = -100;
+          if (current + 1 <= state.monthsNum && currentScrollTop + viewHeight.value >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
+            current += 1;
           }
-          setTransform(updateMove);
-        }
-      };
-      const touchStart = (event) => {
-        const changedTouches = event.changedTouches[0];
-        state.touchParams.startY = changedTouches.pageY;
-        state.touchParams.startTime = event.timeStamp || Date.now();
-        state.transformY = state.scrollDistance;
-      };
-      const touchMove = (event) => {
-        const changedTouches = event.changedTouches[0];
-        state.touchParams.lastY = changedTouches.pageY;
-        state.touchParams.lastTime = event.timeStamp || Date.now();
-        const move = state.touchParams.lastY - state.touchParams.startY;
-        if (Math.abs(move) < 5) {
-          return false;
-        }
-        setMove(move);
-      };
-      const touchEnd = (event) => {
-        var _a, _b;
-        const changedTouches = event.changedTouches[0];
-        state.touchParams.lastY = changedTouches.pageY;
-        state.touchParams.lastTime = event.timeStamp || Date.now();
-        let move = state.touchParams.lastY - state.touchParams.startY;
-        if (Math.abs(move) < 5) {
-          return false;
-        }
-        const updateMove = move + state.transformY;
-        const h = ((_a = months.value) == null ? void 0 : _a.offsetHeight) || 0;
-        const offsetHeight = ((_b = monthsPanel.value) == null ? void 0 : _b.offsetHeight) || 0;
-        if (updateMove > 0) {
-          getMonth(getCurrData("prev"), "prev");
-        } else if (updateMove < 0 && updateMove < -offsetHeight + (Math.abs(move) > h ? Math.abs(move) : h) * 5) {
-          getMonth(getCurrData("next"), "next");
-          if (Math.abs(move) >= 300) {
-            getMonth(getCurrData("next"), "next");
+          if (currentScrollTop < state.monthsData[current - 1].cssScrollHeight) {
+            current -= 1;
           }
         }
-        let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
-        if (moveTime <= 300) {
-          move = move * 2;
-          moveTime = moveTime + 1e3;
-          setMove(move, "end", moveTime);
-        } else {
-          setMove(move, "end");
+        if (state.currentIndex !== current) {
+          state.currentIndex = current;
+          setDefaultRange(state.monthsNum, current);
         }
+        state.yearMonthTitle = state.monthsData[current].title;
       };
       const resetRender = () => {
         state.chooseData.splice(0);
         state.monthsData.splice(0);
-        state.scrollDistance = 0;
-        state.translateY = 0;
-        setTransform(state.scrollDistance);
         initData();
       };
       initData();
       vue.watch(() => props.defaultValue, (val) => {
         if (val) {
-          resetRender();
+          if (props.poppable) {
+            resetRender();
+          }
         }
       });
       return __spreadValues(__spreadValues({
         weeks,
-        touchStart,
-        touchMove,
-        touchEnd,
+        compConthsData,
+        showTopBtn,
+        topInfo,
+        bottomInfo,
+        rangeTip,
+        mothsViewScroll,
         getClass,
         isStartTip,
         isEndTip,
@@ -7810,38 +8664,52 @@ var __publicField = (obj, key, value) => {
         confirm,
         monthsPanel,
         months,
-        weeksPanel
+        weeksPanel,
+        viewArea
       }, vue.toRefs(state)), vue.toRefs(props));
     }
   });
-  const _hoisted_1$t = { class: "calendar-title" };
-  const _hoisted_2$o = { class: "calendar-curr-month" };
+  const _hoisted_1$t = {
+    key: 0,
+    class: "calendar-title"
+  };
+  const _hoisted_2$o = {
+    key: 1,
+    class: "calendar-top-slot"
+  };
   const _hoisted_3$k = {
+    key: 2,
+    class: "calendar-curr-month"
+  };
+  const _hoisted_4$f = {
     class: "calendar-weeks",
     ref: "weeksPanel"
   };
-  const _hoisted_4$f = {
+  const _hoisted_5$a = {
     class: "calendar-months-panel",
     ref: "monthsPanel"
   };
-  const _hoisted_5$a = { class: "calendar-loading-tip" };
   const _hoisted_6$8 = { class: "calendar-month-title" };
   const _hoisted_7$7 = { class: "calendar-month-con" };
   const _hoisted_8$7 = ["onClick"];
   const _hoisted_9$5 = { class: "calendar-day" };
   const _hoisted_10$3 = {
     key: 0,
-    class: "calendar-curr-tips"
+    class: "calendar-curr-tips calendar-curr-tips-top"
   };
   const _hoisted_11$3 = {
     key: 1,
-    class: "calendar-day-tip"
+    class: "calendar-curr-tips calendar-curr-tips-bottom"
   };
   const _hoisted_12$3 = {
     key: 2,
-    class: "calendar-day-tip"
+    class: "calendar-curr-tip-curr"
   };
   const _hoisted_13$2 = {
+    key: 4,
+    class: "calendar-day-tip"
+  };
+  const _hoisted_14$2 = {
     key: 0,
     class: "nut-calendar-footer"
   };
@@ -7855,11 +8723,12 @@ var __publicField = (obj, key, value) => {
       vue.createElementVNode("view", {
         class: vue.normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
       }, [
-        _ctx.poppable ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          vue.createElementVNode("view", _hoisted_1$t, vue.toDisplayString(_ctx.title), 1),
-          vue.createElementVNode("view", _hoisted_2$o, vue.toDisplayString(_ctx.yearMonthTitle), 1)
-        ], 64)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$k, [
+        _ctx.showTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$t, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+        _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$o, [
+          vue.renderSlot(_ctx.$slots, "btn")
+        ])) : vue.createCommentVNode("", true),
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$k, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("view", _hoisted_4$f, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "calendar-week-item",
@@ -7871,44 +8740,67 @@ var __publicField = (obj, key, value) => {
       vue.createElementVNode("view", {
         class: "nut-calendar-content",
         ref: "months",
-        onTouchstart: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.touchStart && _ctx.touchStart(...args), ["stop"])),
-        onTouchmove: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
-        onTouchend: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.touchEnd && _ctx.touchEnd(...args), ["stop"]))
+        onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_4$f, [
-          vue.createElementVNode("view", _hoisted_5$a, vue.toDisplayString(!_ctx.unLoadPrev ? "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708" : "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"), 1),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.monthsData, (month, index) => {
-            return vue.openBlock(), vue.createElementBlock("view", {
-              class: "calendar-month",
-              key: index
-            }, [
-              vue.createElementVNode("view", _hoisted_6$8, vue.toDisplayString(month.title), 1),
-              vue.createElementVNode("view", _hoisted_7$7, [
-                vue.createElementVNode("view", {
-                  class: vue.normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
-                }, [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.monthData, (day, i) => {
-                    return vue.openBlock(), vue.createElementBlock("view", {
-                      key: i,
-                      class: vue.normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
-                      onClick: ($event) => _ctx.chooseDay(day, month)
-                    }, [
-                      vue.createElementVNode("view", _hoisted_9$5, vue.toDisplayString(day.type == "curr" ? day.day : ""), 1),
-                      _ctx.isCurrDay(month, day.day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$3, "\u4ECA\u5929")) : vue.createCommentVNode("", true),
-                      _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$3, vue.toDisplayString("\u5F00\u59CB"))) : _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$3, vue.toDisplayString("\u7ED3\u675F"))) : vue.createCommentVNode("", true)
-                    ], 10, _hoisted_8$7);
-                  }), 128))
-                ], 2)
-              ])
-            ]);
-          }), 128))
+        vue.createElementVNode("view", _hoisted_5$a, [
+          vue.createElementVNode("view", {
+            class: "viewArea",
+            ref: "viewArea",
+            style: vue.normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.compConthsData, (month, index) => {
+              return vue.openBlock(), vue.createElementBlock("view", {
+                class: "calendar-month",
+                key: index
+              }, [
+                vue.createElementVNode("view", _hoisted_6$8, vue.toDisplayString(month.title), 1),
+                vue.createElementVNode("view", _hoisted_7$7, [
+                  vue.createElementVNode("view", {
+                    class: vue.normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
+                  }, [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(month.monthData, (day, i) => {
+                      return vue.openBlock(), vue.createElementBlock("view", {
+                        key: i,
+                        class: vue.normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
+                        onClick: ($event) => _ctx.chooseDay(day, month)
+                      }, [
+                        vue.createElementVNode("view", _hoisted_9$5, [
+                          vue.renderSlot(_ctx.$slots, "day", {
+                            date: day.type == "curr" ? day : ""
+                          }, () => [
+                            vue.createTextVNode(vue.toDisplayString(day.type == "curr" ? day.day : ""), 1)
+                          ])
+                        ]),
+                        _ctx.topInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$3, [
+                          vue.renderSlot(_ctx.$slots, "topInfo", {
+                            date: day.type == "curr" ? day : ""
+                          })
+                        ])) : vue.createCommentVNode("", true),
+                        _ctx.bottomInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$3, [
+                          vue.renderSlot(_ctx.$slots, "bottomInfo", {
+                            date: day.type == "curr" ? day : ""
+                          })
+                        ])) : vue.createCommentVNode("", true),
+                        !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(month, day.day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$3, " \u4ECA\u5929 ")) : vue.createCommentVNode("", true),
+                        _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", {
+                          key: 3,
+                          class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                        }, vue.toDisplayString(_ctx.startText), 3)) : vue.createCommentVNode("", true),
+                        _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, vue.toDisplayString(_ctx.endText), 1)) : vue.createCommentVNode("", true)
+                      ], 10, _hoisted_8$7);
+                    }), 128))
+                  ], 2)
+                ])
+              ]);
+            }), 128))
+          ], 4)
         ], 512)
       ], 544),
-      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$2, [
+      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$2, [
         vue.createElementVNode("view", {
           class: "calendar-confirm-btn",
-          onClick: _cache[3] || (_cache[3] = (...args) => _ctx.confirm && _ctx.confirm(...args))
-        }, "\u786E\u5B9A")
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
+        }, vue.toDisplayString(_ctx.confirmText), 1)
       ])) : vue.createCommentVNode("", true)
     ], 2);
   }
@@ -7931,16 +8823,40 @@ var __publicField = (obj, key, value) => {
         type: Boolean,
         default: true
       },
+      showTitle: {
+        type: Boolean,
+        default: true
+      },
+      showSubTitle: {
+        type: Boolean,
+        default: true
+      },
       visible: {
         type: Boolean,
         default: false
       },
+      showToday: {
+        type: Boolean,
+        default: true
+      },
       title: {
         type: String,
         default: "\u65E5\u5386\u9009\u62E9"
       },
+      confirmText: {
+        type: String,
+        default: "\u786E\u8BA4"
+      },
+      startText: {
+        type: String,
+        default: "\u5F00\u59CB"
+      },
+      endText: {
+        type: String,
+        default: "\u7ED3\u675F"
+      },
       defaultValue: {
-        type: String
+        type: [String, Array]
       },
       startDate: {
         type: String,
@@ -7951,8 +8867,20 @@ var __publicField = (obj, key, value) => {
         default: Utils.getDay(365)
       }
     },
-    emits: ["choose", "close", "update:visible"],
-    setup(props, { emit }) {
+    emits: ["choose", "close", "update:visible", "select"],
+    setup(props, { emit, slots }) {
+      const showTopBtn = vue.computed(() => {
+        return slots.btn;
+      });
+      const topInfo = vue.computed(() => {
+        return slots.topInfo;
+      });
+      const dayInfo = vue.computed(() => {
+        return slots.day;
+      });
+      const bottomInfo = vue.computed(() => {
+        return slots.bottomInfo;
+      });
       const calendarRef = vue.ref(null);
       const update = () => {
         emit("update:visible", false);
@@ -7965,6 +8893,9 @@ var __publicField = (obj, key, value) => {
         close();
         emit("choose", param);
       };
+      const select = (param) => {
+        emit("select", param);
+      };
       const closePopup = () => {
         close();
       };
@@ -7973,7 +8904,12 @@ var __publicField = (obj, key, value) => {
         update,
         close,
         choose,
-        calendarRef
+        select,
+        calendarRef,
+        showTopBtn,
+        topInfo,
+        dayInfo,
+        bottomInfo
       };
     }
   });
@@ -7987,43 +8923,121 @@ var __publicField = (obj, key, value) => {
       round: "",
       closeable: true,
       onClickOverlay: _ctx.closePopup,
-      onClickCloseIcon: _ctx.closePopup
+      onClickCloseIcon: _ctx.closePopup,
+      "destroy-on-close": true,
+      style: { height: "85vh" }
     }, {
       default: vue.withCtx(() => [
-        vue.createVNode(_component_nut_calendar_item, {
+        _ctx.visible ? (vue.openBlock(), vue.createBlock(_component_nut_calendar_item, {
+          key: 0,
           props: "",
           ref: "calendarRef",
           type: _ctx.type,
           "is-auto-back-fill": _ctx.isAutoBackFill,
           poppable: _ctx.poppable,
           title: _ctx.title,
+          "confirm-text": _ctx.confirmText,
+          "start-text": _ctx.startText,
+          "end-text": _ctx.endText,
           "default-value": _ctx.defaultValue,
+          "show-today": _ctx.showToday,
           "start-date": _ctx.startDate,
           "end-date": _ctx.endDate,
           onUpdate: _ctx.update,
           onClose: _ctx.close,
-          onChoose: _ctx.choose
-        }, null, 8, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose"])
+          onChoose: _ctx.choose,
+          onSelect: _ctx.select,
+          "show-title": _ctx.showTitle,
+          "show-sub-title": _ctx.showSubTitle
+        }, vue.createSlots({ _: 2 }, [
+          _ctx.showTopBtn ? {
+            name: "btn",
+            fn: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "btn")
+            ])
+          } : void 0,
+          _ctx.dayInfo ? {
+            name: "day",
+            fn: vue.withCtx((date) => [
+              vue.renderSlot(_ctx.$slots, "day", {
+                date: date.date
+              })
+            ])
+          } : void 0,
+          _ctx.topInfo ? {
+            name: "topInfo",
+            fn: vue.withCtx((date) => [
+              vue.renderSlot(_ctx.$slots, "topInfo", {
+                date: date.date
+              })
+            ])
+          } : void 0,
+          _ctx.bottomInfo ? {
+            name: "bottomInfo",
+            fn: vue.withCtx((date) => [
+              vue.renderSlot(_ctx.$slots, "bottomInfo", {
+                date: date.date
+              })
+            ])
+          } : void 0
+        ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "show-today", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-title", "show-sub-title"])) : vue.createCommentVNode("", true)
       ]),
-      _: 1
+      _: 3
     }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (vue.openBlock(), vue.createBlock(_component_nut_calendar_item, {
       key: 1,
       type: _ctx.type,
       "is-auto-back-fill": _ctx.isAutoBackFill,
       poppable: _ctx.poppable,
       title: _ctx.title,
+      "confirm-text": _ctx.confirmText,
+      "start-text": _ctx.startText,
+      "end-text": _ctx.endText,
       "default-value": _ctx.defaultValue,
       "start-date": _ctx.startDate,
       "end-date": _ctx.endDate,
       onClose: _ctx.close,
-      onChoose: _ctx.choose
-    }, null, 8, ["type", "is-auto-back-fill", "poppable", "title", "default-value", "start-date", "end-date", "onClose", "onChoose"]));
+      onChoose: _ctx.choose,
+      onSelect: _ctx.select,
+      "show-title": _ctx.showTitle,
+      "show-sub-title": _ctx.showSubTitle
+    }, vue.createSlots({ _: 2 }, [
+      _ctx.showTopBtn ? {
+        name: "btn",
+        fn: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "btn")
+        ])
+      } : void 0,
+      _ctx.dayInfo ? {
+        name: "day",
+        fn: vue.withCtx((date) => [
+          vue.renderSlot(_ctx.$slots, "day", {
+            date: date.date
+          })
+        ])
+      } : void 0,
+      _ctx.topInfo ? {
+        name: "topInfo",
+        fn: vue.withCtx((date) => [
+          vue.renderSlot(_ctx.$slots, "topInfo", {
+            date: date.date
+          })
+        ])
+      } : void 0,
+      _ctx.bottomInfo ? {
+        name: "bottomInfo",
+        fn: vue.withCtx((date) => [
+          vue.renderSlot(_ctx.$slots, "bottomInfo", {
+            date: date.date
+          })
+        ])
+      } : void 0
+    ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onClose", "onChoose", "onSelect", "show-title", "show-sub-title"]));
   }
   var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$x]]);
   const { create: create$A, componentName: componentName$r } = createComponent("checkbox");
   const _sfc_main$A = create$A({
     components: {
-      nutIcon: _sfc_main$1o
+      nutIcon: _sfc_main$1s
     },
     props: {
       modelValue: {
@@ -8057,7 +9071,7 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["change", "update:modelValue"],
     setup(props, { emit, slots }) {
-      const parent = vue.inject("parent");
+      const parent = vue.inject("parent", null);
       const hasParent = vue.computed(() => !!parent);
       const pValue = vue.computed(() => {
         if (hasParent.value) {
@@ -8079,7 +9093,7 @@ var __publicField = (obj, key, value) => {
       };
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName } = props;
-        return vue.h(_sfc_main$1o, {
+        return vue.h(_sfc_main$1s, {
           name: !pValue.value ? iconName : iconActiveName,
           size: iconSize,
           class: color.value
@@ -8163,7 +9177,7 @@ var __publicField = (obj, key, value) => {
       vue.watch(() => props.modelValue, (value) => {
         emit("change", value);
       });
-      useExpose$1({ toggleAll });
+      useExpose({ toggleAll });
       return () => {
         var _a;
         return vue.h("view", {
@@ -8446,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") {
@@ -8811,7 +9826,6 @@ var __publicField = (obj, key, value) => {
         return 0;
       };
       const columns = vue.computed(() => {
-        console.log(ranges.value);
         const val = ranges.value.map((res) => {
           return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
         });
@@ -9091,6 +10105,9 @@ var __publicField = (obj, key, value) => {
           [`${prefixCls}-border`]: props.hasBorder
         };
       });
+      const inputmode = vue.computed(() => {
+        return props.type === "digit" ? "decimal" : props.type === "number" ? "numeric" : "text";
+      });
       const styles = vue.computed(() => {
         return {
           textAlign: props.textAlign
@@ -9137,6 +10154,7 @@ var __publicField = (obj, key, value) => {
         active,
         classes,
         styles,
+        inputmode,
         valueChange,
         valueFocus,
         valueBlur,
@@ -9149,7 +10167,7 @@ var __publicField = (obj, key, value) => {
     class: "nut-input-label"
   };
   const _hoisted_2$l = { class: "label-string" };
-  const _hoisted_3$i = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
+  const _hoisted_3$i = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "inputmode"];
   function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -9167,6 +10185,7 @@ var __publicField = (obj, key, value) => {
         disabled: _ctx.disabled,
         readonly: _ctx.readonly,
         value: _ctx.modelValue,
+        inputmode: _ctx.inputmode,
         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))
@@ -9215,7 +10234,7 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props, { emit, slots }) {
-      let parent = vue.inject("parent");
+      let parent = vue.inject("parent", null);
       const isCurValue = vue.computed(() => {
         return parent.label.value == props.label;
       });
@@ -9227,7 +10246,7 @@ var __publicField = (obj, key, value) => {
       });
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName } = props;
-        return vue.h(_sfc_main$1o, {
+        return vue.h(_sfc_main$1s, {
           name: isCurValue.value ? iconActiveName : iconName,
           size: iconSize,
           class: color.value
@@ -9465,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"],
@@ -9484,7 +10507,10 @@ var __publicField = (obj, key, value) => {
       });
       vue.watch(() => props.modelValue, (value) => {
         realInput.value = value;
-        console.log("watch", value);
+        emit("update:modelValue", value);
+      }, {
+        deep: true,
+        immediate: true
       });
       function changeValue(e) {
         const input = e.target;
@@ -9578,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),
@@ -9635,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]]);
@@ -10806,7 +11833,6 @@ var __publicField = (obj, key, value) => {
     },
     emits: ["input", "delete", "close", "update:value"],
     setup(props, { emit }) {
-      console.log(props.overlay);
       const clickKeyIndex = vue.ref(void 0);
       const show = vue.ref(props.visible);
       const root = vue.ref();
@@ -11479,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 {
@@ -11887,7 +12916,7 @@ var __publicField = (obj, key, value) => {
         };
       });
       const getStyle = () => {
-        if (avatarSize == null ? void 0 : avatarSize.value) {
+        if (avatarSize.value) {
           return {
             width: avatarSize.value,
             height: avatarSize.value
@@ -11899,7 +12928,6 @@ var __publicField = (obj, key, value) => {
         };
       };
       vue.onMounted(() => {
-        console.log("row", props.row);
       });
       return {
         avatarShape,
@@ -11916,7 +12944,10 @@ var __publicField = (obj, key, value) => {
     key: 1,
     class: "skeleton"
   };
-  const _hoisted_3$b = /* @__PURE__ */ vue.createElementVNode("view", { class: "skeleton-animation" }, null, -1);
+  const _hoisted_3$b = {
+    key: 0,
+    class: "skeleton-animation"
+  };
   const _hoisted_4$a = { class: "content" };
   const _hoisted_5$5 = { class: "content-line" };
   const _hoisted_6$3 = {
@@ -11928,7 +12959,7 @@ var __publicField = (obj, key, value) => {
     return !_ctx.loading ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$e, [
       vue.renderSlot(_ctx.$slots, "default")
     ])) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$c, [
-      _hoisted_3$b,
+      _ctx.animated ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$b)) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", _hoisted_4$a, [
         _ctx.avatar ? (vue.openBlock(), vue.createBlock(_component_nut_avatar, {
           key: 0,
@@ -12119,7 +13150,7 @@ var __publicField = (obj, key, value) => {
       const tree = vue.ref(new Tree([], {}));
       const panes = vue.ref([]);
       const isLazy = vue.computed(() => configs.value.lazy && Boolean(configs.value.lazyLoad));
-      const lazyLoadMap = new Map();
+      const lazyLoadMap = /* @__PURE__ */ new Map();
       let currentProcessNode;
       const init = async () => {
         lazyLoadMap.clear();
@@ -12462,6 +13493,10 @@ var __publicField = (obj, key, value) => {
   const _sfc_main$c = create$c({
     inheritAttrs: false,
     props: {
+      modelValue: {
+        type: Array,
+        default: () => []
+      },
       visible: {
         type: Boolean,
         default: false
@@ -12525,9 +13560,13 @@ var __publicField = (obj, key, value) => {
       height: {
         type: [String, Number],
         default: "200px"
+      },
+      columnsPlaceholder: {
+        type: [String, Array],
+        default: "\u8BF7\u9009\u62E9"
       }
     },
-    emits: ["update:visible", "type", "change", "selected", "close", "close-mask", "switch-module"],
+    emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
     setup(props, { emit }) {
       const regionLine = vue.ref(null);
       const tabRegion = vue.ref(null);
@@ -12535,6 +13574,7 @@ var __publicField = (obj, key, value) => {
       const privateType = vue.ref(props.type);
       const tabIndex = vue.ref(0);
       const tabName = vue.ref(["province", "city", "country", "town"]);
+      const tabNameDefault = vue.ref([""]);
       const isCustom2 = vue.computed(() => props.type === "custom2");
       const transformData = (data) => {
         if (!Array.isArray(data))
@@ -12582,13 +13622,55 @@ var __publicField = (obj, key, value) => {
       let selectedExistAddress = vue.reactive({});
       const closeWay = vue.ref("self");
       const lineDistance = vue.ref(20);
+      vue.onMounted(() => {
+        customPlaceholder();
+      });
+      const initCustomSelected = () => {
+        if (props.modelValue.length > 0) {
+          tabIndex.value = props.modelValue.length - 1;
+          for (let index = 0; index < props.modelValue.length; index++) {
+            if (regionList[tabName.value[index]].length == 0) {
+              tabIndex.value = index - 1;
+              break;
+            } else {
+              const val = props.modelValue[index];
+              const arr = regionList[tabName.value[index]];
+              if (privateType.value == "custom") {
+                selectedRegion[tabName.value[index]] = arr.filter((item) => item.id == val)[0];
+              } else if (privateType.value == "custom2") {
+                let sumArr = [];
+                arr.map((item) => {
+                  sumArr.push(...item.list);
+                });
+                selectedRegion[tabName.value[index]] = sumArr.filter((item) => item.id == val)[0];
+              }
+            }
+          }
+          lineAnimation();
+        }
+      };
+      const customPlaceholder = () => {
+        let typeD = Object.prototype.toString.call(props.columnsPlaceholder);
+        if (typeD == "[object String]") {
+          tabNameDefault.value = new Array(4).fill(props.columnsPlaceholder);
+        } else if (typeD == "[object Array]") {
+          tabNameDefault.value = new Array(4).fill("");
+          tabNameDefault.value.forEach((val, index) => {
+            if (props.columnsPlaceholder[index]) {
+              tabNameDefault.value[index] = props.columnsPlaceholder[index];
+            } else {
+              tabNameDefault.value[index] = "\u8BF7\u9009\u62E9";
+            }
+          });
+        }
+      };
       const getTabName = (item, index) => {
         if (item.name)
           return item.name;
         if (tabIndex.value < index) {
           return item.name;
         } else {
-          return "\u8BF7\u9009\u62E9";
+          return tabNameDefault.value[index];
         }
       };
       const handClose = (type = "self") => {
@@ -12601,7 +13683,6 @@ var __publicField = (obj, key, value) => {
         closeWay.value = "mask";
       };
       const lineAnimation = () => {
-        console.log("\u6ED1\u52A8\u7EA2\u7EBF");
         vue.nextTick(() => {
           const name = tabRegion.value && tabRegion.value.getElementsByClassName("active")[0];
           if (name) {
@@ -12617,7 +13698,7 @@ var __publicField = (obj, key, value) => {
           custom: tabName.value[tabIndex.value]
         };
         selectedRegion[tabName.value[tabIndex.value]] = item;
-        for (let i = tabIndex.value; i < tabIndex.value - 1; i++) {
+        for (let i = tabIndex.value; i < 4; i++) {
           selectedRegion[tabName.value[i + 1]] = {};
         }
         if (tabIndex.value < 3) {
@@ -12628,6 +13709,7 @@ var __publicField = (obj, key, value) => {
           emit("change", calBack);
         } else {
           handClose();
+          emit("update:modelValue");
         }
       };
       const changeRegionTab = (item, key, index) => {
@@ -12710,6 +13792,8 @@ var __publicField = (obj, key, value) => {
       vue.watch(() => showPopup.value, (value) => {
         if (value == false) {
           close();
+        } else {
+          initCustomSelected();
         }
       });
       vue.watch(() => props.province, (value) => {
@@ -12819,7 +13903,7 @@ var __publicField = (obj, key, value) => {
                 name: _ctx.backBtnIcon,
                 color: "#cccccc"
               }, null, 8, ["name"]), [
-                [vue.vShow, _ctx.privateType == "custom" && _ctx.backBtnIcon]
+                [vue.vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
               ])
             ]),
             vue.createElementVNode("view", _hoisted_3$9, vue.toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle : _ctx.existAddressTitle), 1),
@@ -13229,6 +14313,10 @@ var __publicField = (obj, key, value) => {
         default: () => {
           return [];
         }
+      },
+      isWrapTeleport: {
+        type: Boolean,
+        default: false
       }
     },
     emits: ["update:visible", "select"],
@@ -13271,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,
@@ -13294,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");
@@ -13933,7 +15022,6 @@ var __publicField = (obj, key, value) => {
       }
     },
     setup(props, { emit, slots }) {
-      console.log(slots["origin"]);
       const isHaveSlot = (slot) => {
         return slots[slot];
       };
@@ -14001,7 +15089,7 @@ var __publicField = (obj, key, value) => {
       return () => vue.h(`view`, {}, props.slots());
     },
     props: {
-      slots: Object
+      slots: Function
     }
   };
   const component = (componentName2) => {
@@ -14166,7 +15254,7 @@ var __publicField = (obj, key, value) => {
   }
   var Table = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
   function install(app) {
-    const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$1o, Price, OverLay, Divider, _sfc_main$1h, Col, Row, _ImagePreview, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, Video, Popup, _sfc_main$$, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Empty, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, _sfc_main$H, GridItem, SideNavBar, SideNavBarItem, SubSideNavBar, Calendar, _sfc_main$A, _sfc_main$z, DatePicker, InputNumber, Input, _sfc_main$t, _sfc_main$s, Rate, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Form, FormItem, Skeleton, Cascader, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Table];
+    const packages = [Avatar, Button, Cell, CellGroup, _sfc_main$1s, Price, OverLay, Divider, _sfc_main$1l, Col, Row, _ImagePreview, _sfc_main$1d, Swipe, ActionSheet, BackTop, Collapse, CollapseItem, Drag, _Dialog, InfiniteLoading, NotifyFunction, Range, PullRefresh, Video, Popup, _sfc_main$11, Step, Swiper, SwiperItem, Switch, ToastFunction, Progress, CircleProgress, NoticeBar, SearchBar, Empty, Audio, AudioOperate, Navbar, FixedNav, Menu, MenuItem, Tabbar, TabbarItem, Elevator, Pagination, Tabs, TabPane, Indicator, _sfc_main$H, GridItem, SideNavBar, SideNavBarItem, SubSideNavBar, Calendar, _sfc_main$A, _sfc_main$z, DatePicker, InputNumber, Input, _sfc_main$t, _sfc_main$s, Rate, CalendarItem, Picker, ShortPassword, TextArea, Uploader, CountUp, NumberKeyboard, CountDown, Badge, Tag, Popover, Form, FormItem, Skeleton, Cascader, Address, Barrage, Signature, TimeSelect, TimePannel, TimeDetail, Sku, Card, Table];
     packages.forEach((item) => {
       if (item.install) {
         app.use(item);
@@ -14175,16 +15263,19 @@ 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;
+  exports2.Audio = Audio;
+  exports2.AudioOperate = AudioOperate;
   exports2.Avatar = Avatar;
   exports2.BackTop = BackTop;
   exports2.Badge = Badge;
   exports2.Barrage = Barrage;
   exports2.Button = Button;
   exports2.Calendar = Calendar;
+  exports2.CalendarItem = CalendarItem;
   exports2.Card = Card;
   exports2.Cascader = Cascader;
   exports2.Cell = Cell;
@@ -14208,13 +15299,13 @@ var __publicField = (obj, key, value) => {
   exports2.FormItem = FormItem;
   exports2.Grid = _sfc_main$H;
   exports2.GridItem = GridItem;
-  exports2.Icon = _sfc_main$1o;
+  exports2.Icon = _sfc_main$1s;
   exports2.ImagePreview = _ImagePreview;
   exports2.Indicator = Indicator;
   exports2.InfiniteLoading = InfiniteLoading;
   exports2.Input = Input;
   exports2.InputNumber = InputNumber;
-  exports2.Layout = _sfc_main$1h;
+  exports2.Layout = _sfc_main$1l;
   exports2.Menu = Menu;
   exports2.MenuItem = MenuItem;
   exports2.Navbar = Navbar;
@@ -14228,6 +15319,7 @@ var __publicField = (obj, key, value) => {
   exports2.Popup = Popup;
   exports2.Price = Price;
   exports2.Progress = Progress;
+  exports2.PullRefresh = PullRefresh;
   exports2.Radio = _sfc_main$t;
   exports2.RadioGroup = _sfc_main$s;
   exports2.Range = Range;
@@ -14241,7 +15333,8 @@ var __publicField = (obj, key, value) => {
   exports2.Skeleton = Skeleton;
   exports2.Sku = Sku;
   exports2.Step = Step;
-  exports2.Steps = _sfc_main$$;
+  exports2.Steps = _sfc_main$11;
+  exports2.Sticky = _sfc_main$1d;
   exports2.SubSideNavBar = SubSideNavBar;
   exports2.Swipe = Swipe;
   exports2.Swiper = Swiper;