@nutui/nutui 3.1.16 → 3.1.17-beta.0

package/dist/nutui.es.js

@@ -35,11 +35,11 @@ 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.16 Fri Feb 25 2022 17:05:32 GMT+0800 (GMT+08:00)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, ref, nextTick, getCurrentInstance, renderList, render, onUnmounted, unref, mergeProps, watchEffect, shallowReactive, markRaw, isVNode, toRaw, readonly, vModelText, createSlots } from "vue";
+import { defineComponent, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeStyle, normalizeClass, createVNode, renderSlot, createCommentVNode, h, createElementVNode, createBlock, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, inject, provide, reactive, onBeforeMount, Teleport, ref, nextTick, getCurrentInstance, renderList, render, unref, onUnmounted, useSlots, mergeProps, watchEffect, shallowReactive, markRaw, isVNode, createSlots, toRaw, readonly, vModelText } from "vue";
 import { useRouter } from "vue-router";
 function createComponent(name) {
   const componentName2 = "nut-" + name;
@@ -67,8 +67,8 @@ var _export_sfc = (sfc, props) => {
   }
   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,
@@ -92,7 +92,7 @@ const _sfc_main$1p = create$1p({
     const { size, shape, bgColor, icon } = toRefs(props);
     const sizeValue = ["large", "normal", "small"];
     const classes = computed(() => {
-      const prefixCls = componentName$14;
+      const prefixCls = componentName$18;
       return {
         [prefixCls]: true,
         ["avatar-" + size.value]: true,
@@ -124,11 +124,11 @@ const _sfc_main$1p = create$1p({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     style: normalizeStyle(_ctx.styles),
@@ -139,17 +139,17 @@ function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
       class: "icon",
       name: _ctx.iconStyles
     }, null, 8, ["name"]),
-    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$$, [
+    _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_1$12, [
       renderSlot(_ctx.$slots, "default")
     ])) : 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: "" },
@@ -170,7 +170,7 @@ const _sfc_main$1o = create$1o({
       var _a;
       const _isImage = isImage();
       return 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),
@@ -183,10 +183,10 @@ const _sfc_main$1o = create$1o({
     };
   }
 });
-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,
@@ -221,6 +221,14 @@ const _sfc_main$1n = create$1n({
     icon: {
       type: String,
       default: ""
+    },
+    iconClassPrefix: {
+      type: String,
+      default: "nut-icon"
+    },
+    iconFontClassName: {
+      type: String,
+      default: "nutui-iconfont"
     }
   },
   emits: ["click"],
@@ -232,7 +240,7 @@ const _sfc_main$1n = create$1n({
       }
     };
     const classes = computed(() => {
-      const prefixCls = componentName$12;
+      const prefixCls = componentName$16;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
@@ -268,24 +276,25 @@ const _sfc_main$1n = create$1n({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.getStyle),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
   }, [
-    createElementVNode("view", _hoisted_1$_, [
+    createElementVNode("view", _hoisted_1$11, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         class: "nut-icon-loading"
       })) : createCommentVNode("", true),
       _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 1,
-        class: normalizeClass(_ctx.icon),
-        name: _ctx.icon
-      }, null, 8, ["class", "name"])) : createCommentVNode("", true),
+        name: _ctx.icon,
+        "class-prefix": _ctx.iconClassPrefix,
+        "font-class-name": _ctx.iconFontClassName
+      }, null, 8, ["name", "class-prefix", "font-class-name"])) : createCommentVNode("", true),
       _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
         key: 2,
         class: normalizeClass({ text: _ctx.icon || _ctx.loading })
@@ -295,9 +304,9 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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]]);
+const { componentName: componentName$15, create: create$1q } = createComponent("cell");
+const _sfc_main$1q = create$1q({
   props: {
     title: { type: String, default: "" },
     subTitle: { type: String, default: "" },
@@ -313,7 +322,7 @@ const _sfc_main$1m = create$1m({
   emits: ["click"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$11;
+      const prefixCls = componentName$15;
       return {
         [prefixCls]: true,
         [`${prefixCls}--clickable`]: props.isLink || props.to
@@ -340,9 +349,9 @@ const _sfc_main$1m = create$1m({
     };
   }
 });
-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$Q = { class: "nut-cell__title-desc" };
+function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -360,8 +369,8 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.icon
         }, null, 8, ["name"])) : createCommentVNode("", true),
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-          createElementVNode("view", _hoisted_1$Z, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_2$O, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_1$10, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_2$Q, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -379,16 +388,16 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = computed(() => {
-      const prefixCls = componentName$10;
+      const prefixCls = componentName$14;
       return {
         [prefixCls]: true
       };
@@ -398,29 +407,29 @@ const _sfc_main$1l = create$1l({
     };
   }
 });
-const _hoisted_1$Y = {
+const _hoisted_1$$ = {
   key: 1,
   class: "nut-cell-group__title"
 };
-const _hoisted_2$N = {
+const _hoisted_2$P = {
   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$D = { class: "nut-cell-group__warp" };
+function _sfc_render$1h(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Y, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$N, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$B, [
+    _ctx.$slots.title ? renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$$, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+    _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$P, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", _hoisted_3$D, [
       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],
@@ -454,7 +463,7 @@ const _sfc_main$1k = create$1k({
   setup(props) {
     const classes = computed(() => {
       return {
-        [componentName$$]: true
+        [componentName$13]: true
       };
     });
     const showSymbol = computed(() => {
@@ -503,9 +512,9 @@ const _sfc_main$1k = create$1k({
     };
   }
 });
-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$O = ["innerHTML"];
+function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -513,7 +522,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_1$X)) : createCommentVNode("", true),
+    }, null, 10, _hoisted_1$_)) : createCommentVNode("", true),
     createElementVNode("view", {
       class: normalizeClass(`nut-price--${_ctx.size}`)
     }, toDisplayString(_ctx.formatThousands(_ctx.price)), 3),
@@ -528,11 +537,11 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
       key: 2,
       class: normalizeClass(["nut-price--symbol", `nut-price--symbol-${_ctx.size}`]),
       innerHTML: _ctx.showSymbol
-    }, null, 10, _hoisted_2$M)) : createCommentVNode("", true)
+    }, null, 10, _hoisted_2$O)) : 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,
@@ -562,12 +571,12 @@ const overlayProps = {
     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 = computed(() => {
-      const prefixCls = componentName$_;
+      const prefixCls = componentName$12;
       return {
         [prefixCls]: true,
         [props.overlayClass]: true
@@ -607,7 +616,7 @@ const _sfc_main$1j = create$1j({
     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 openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -624,9 +633,9 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -644,7 +653,7 @@ const _sfc_main$1i = create$1i({
   components: {},
   setup(props, context) {
     const classes = computed(() => {
-      const prefixCls = componentName$Z;
+      const prefixCls = componentName$11;
       return {
         [prefixCls]: true,
         [`${prefixCls}-center`]: context.slots.default,
@@ -657,18 +666,18 @@ const _sfc_main$1i = create$1i({
     return { classes };
   }
 });
-function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
     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],
@@ -680,7 +689,7 @@ const _sfc_main$1g = create$1g({
     }
   },
   setup(props) {
-    const prefixCls = componentName$Y;
+    const prefixCls = componentName$10;
     const gutter = inject("gutter");
     const classes = computed(() => {
       return {
@@ -702,7 +711,7 @@ const _sfc_main$1g = create$1g({
     };
   }
 });
-function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -710,9 +719,9 @@ function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -736,7 +745,7 @@ const _sfc_main$1f = create$1f({
     }
   },
   setup(props) {
-    const prefixCls = componentName$X;
+    const prefixCls = componentName$$;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
       return prefix ? type ? `nut-row-${prefix}-${type}` : "" : `nut-row-${type}`;
@@ -755,14 +764,14 @@ const _sfc_main$1f = create$1f({
     };
   }
 });
-function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.getClasses())
   }, [
     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) => {
@@ -780,7 +789,7 @@ const useLockScroll = (isLock) => {
   };
   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: {
@@ -828,10 +837,10 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     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"],
@@ -846,7 +855,7 @@ const _sfc_main$1e = create$1e({
     });
     const [lockScroll, unlockScroll] = useLockScroll(() => props.lockScroll);
     const classes = computed(() => {
-      const prefixCls = componentName$W;
+      const prefixCls = componentName$_;
       return {
         [prefixCls]: true,
         ["round"]: props.round,
@@ -953,8 +962,8 @@ const _sfc_main$1e = create$1e({
     });
   }
 });
-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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
@@ -1000,7 +1009,7 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _: 3
     }, 8, ["name", "onAfterEnter", "onAfterLeave"])
-  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$W, [
+  ], 8, ["to"])) : (openBlock(), createElementBlock("view", _hoisted_1$Z, [
     _ctx.overlay ? (openBlock(), createBlock(_component_nut_overlay, {
       key: 0,
       visible: _ctx.visible,
@@ -1042,34 +1051,9 @@ function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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,
@@ -1174,7 +1158,6 @@ const _sfc_main$1d = create$1d({
           emit("pause", state.videoElm);
         });
         state.videoElm.addEventListener("ended", playEnded);
-        state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 100, 1));
       }
     };
     const customerInit = () => {
@@ -1198,7 +1181,6 @@ const _sfc_main$1d = create$1d({
             state.videoElm.addEventListener("progress", () => {
               getLoadTime();
             });
-            state.videoElm.addEventListener("timeupdate", throttle(getPlayTime, 100, 1));
             state.videoElm.addEventListener("ended", playEnded);
             emit("play", state.videoElm);
           } catch (e) {
@@ -1210,37 +1192,10 @@ const _sfc_main$1d = create$1d({
         }
       }
     };
-    const timeFormat = (t) => {
-      var h2 = Math.floor(t / 3600);
-      if (h2 < 10) {
-        h2 = "0" + h2;
-      }
-      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 (h2 != 0) {
-        str = h2 + ":" + 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;
@@ -1315,21 +1270,21 @@ const _sfc_main$1d = create$1d({
     });
   }
 });
-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$N = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
+const _hoisted_3$C = ["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__ */ createElementVNode("div", { class: "move-handle" }, null, -1);
-const _hoisted_8$8 = [
-  _hoisted_7$b
+const _hoisted_7$c = /* @__PURE__ */ createElementVNode("div", { class: "move-handle" }, null, -1);
+const _hoisted_8$9 = [
+  _hoisted_7$c
 ];
 const _hoisted_9$6 = {
   class: "played",
@@ -1338,8 +1293,8 @@ const _hoisted_9$6 = {
 const _hoisted_10$4 = { class: "duration-time" };
 const _hoisted_11$4 = { class: "nut-video-error" };
 const _hoisted_12$4 = /* @__PURE__ */ createElementVNode("p", { class: "lose" }, "\u89C6\u9891\u52A0\u8F7D\u5931\u8D25", -1);
-function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$V, [
+function _sfc_render$1a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$Y, [
     createElementVNode("video", {
       ref: "root",
       class: "nut-video-player",
@@ -1354,8 +1309,8 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("source", {
         src: _ctx.source.src,
         type: _ctx.source.type
-      }, null, 8, _hoisted_3$A)
-    ], 40, _hoisted_2$L),
+      }, null, 8, _hoisted_3$C)
+    ], 40, _hoisted_2$N),
     _ctx.showToolbox && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", {
       key: 0,
       class: "playing-mask",
@@ -1377,9 +1332,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
         class: "control-play-btn",
         onClick: _cache[3] || (_cache[3] = (...args) => _ctx.play && _ctx.play(...args))
       }),
-      createElementVNode("div", _hoisted_4$r, toDisplayString(_ctx.videoSet.displayTime), 1),
-      createElementVNode("div", _hoisted_5$j, [
-        createElementVNode("div", _hoisted_6$g, [
+      createElementVNode("div", _hoisted_4$t, toDisplayString(_ctx.videoSet.displayTime), 1),
+      createElementVNode("div", _hoisted_5$k, [
+        createElementVNode("div", _hoisted_6$h, [
           createElementVNode("div", {
             class: "buffered",
             style: normalizeStyle({ width: `${_ctx.videoSet.loaded}%` })
@@ -1392,7 +1347,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
             onTouchmove: _cache[4] || (_cache[4] = withModifiers(($event) => _ctx.touchSlidMove($event), ["stop", "prevent"])),
             onTouchstart: _cache[5] || (_cache[5] = withModifiers(($event) => _ctx.touchSlidSrart($event), ["stop"])),
             onTouchend: _cache[6] || (_cache[6] = withModifiers(($event) => _ctx.touchSlidEnd($event), ["stop"]))
-          }, _hoisted_8$8, 36),
+          }, _hoisted_8$9, 36),
           createElementVNode("div", _hoisted_9$6, null, 512)
         ], 512)
       ]),
@@ -1419,9 +1374,9 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = reactive({
     startX: 0,
     startY: 0,
@@ -1468,14 +1423,14 @@ function useTouch$1() {
     move
   };
 }
-function useExpose$1(apis) {
+function useExpose(apis) {
   const instance = 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],
@@ -1542,9 +1497,9 @@ const _sfc_main$1c = create$1c({
       children: [],
       style: {}
     });
-    const touch = useTouch$1();
+    const touch = useTouch$2();
     const classes = computed(() => {
-      const prefixCls = componentName$V;
+      const prefixCls = componentName$Z;
       return {
         [prefixCls]: true
       };
@@ -1759,7 +1714,7 @@ const _sfc_main$1c = create$1c({
       size,
       relation
     });
-    useExpose$1({
+    useExpose({
       prev,
       next,
       to
@@ -1797,7 +1752,7 @@ const _sfc_main$1c = create$1c({
       state,
       classes,
       container,
-      componentName: componentName$V,
+      componentName: componentName$Z,
       isVertical,
       slots,
       activePagination,
@@ -1807,7 +1762,7 @@ const _sfc_main$1c = create$1c({
     };
   }
 });
-function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     ref: "container",
     class: normalizeClass(_ctx.classes),
@@ -1844,15 +1799,9 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     ], 2)) : createCommentVNode("", true)
   ], 34);
 }
-var Swiper = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$16]]);
-function useExpose(apis) {
-  const instance = 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 = inject("parent");
@@ -1861,7 +1810,7 @@ const _sfc_main$1b = create$1b({
       offset: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$U;
+      const prefixCls = componentName$Y;
       return {
         [prefixCls]: true
       };
@@ -1887,7 +1836,7 @@ const _sfc_main$1b = create$1b({
     };
   }
 });
-function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.style)
@@ -1895,9 +1844,9 @@ function _sfc_render$15(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -1982,7 +1931,6 @@ const _sfc_main$1a = create$1a({
       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;
@@ -2034,7 +1982,6 @@ const _sfc_main$1a = create$1a({
       }
     };
     const onTouchEnd = () => {
-      console.log("end");
       state.lastTouchEndTime = new Date().getTime();
       const store = state.store;
       store.moveable = false;
@@ -2070,9 +2017,9 @@ const _sfc_main$1a = create$1a({
     });
   }
 });
-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$M = { class: "nut-imagepreview-index" };
+function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_video = resolveComponent("nut-video");
   const _component_nut_swiper_item = resolveComponent("nut-swiper-item");
   const _component_nut_swiper = resolveComponent("nut-swiper");
@@ -2120,7 +2067,7 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
                   createElementVNode("img", {
                     src: item.src,
                     class: "nut-imagepreview-img"
-                  }, null, 8, _hoisted_1$U)
+                  }, null, 8, _hoisted_1$X)
                 ]),
                 _: 2
               }, 1024);
@@ -2129,12 +2076,12 @@ function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["auto-play", "onChange", "init-page", "pagination-visible", "pagination-color"])) : createCommentVNode("", true)
       ], 32),
-      createElementVNode("view", _hoisted_2$K, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
+      createElementVNode("view", _hoisted_2$M, toDisplayString(_ctx.active) + " / " + toDisplayString(_ctx.images.length + _ctx.videos.length), 1)
     ]),
     _: 1
   }, 8, ["visible", "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);
@@ -2182,17 +2129,180 @@ _ImagePreview.install = (app) => {
   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 = 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 = ref();
+    const state = reactive({
+      width: 0,
+      height: 0,
+      fixed: false,
+      transform: 0
+    });
+    const rootStyle = computed(() => {
+      const { fixed, width, height } = state;
+      if (fixed) {
+        return {
+          width: `${width}px`,
+          height: `${height}px`
+        };
+      }
+    });
+    const stickyStyle = 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 = computed(() => {
+      return props.position === "top" ? props.top : props.bottom;
+    });
+    const isHidden = (elementRef) => {
+      const el = 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 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
+      });
+    };
+    watch(() => state.fixed, (val) => {
+      emit("change", val);
+    });
+    onMounted(() => {
+      window.addEventListener("scroll", onScroll);
+      onScroll();
+    });
+    onUnmounted(() => {
+      window.removeEventListener("scroll", onScroll);
+    });
+    return () => {
+      return 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 = ref(0);
   const startY = ref(0);
   const deltaX = ref(0);
@@ -2221,7 +2331,7 @@ function useTouch() {
     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 {
@@ -2239,8 +2349,8 @@ function useTouch() {
     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,
@@ -2262,7 +2372,7 @@ const _sfc_main$19 = create$19({
   emits: ["open", "close"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$S;
+      const prefixCls = componentName$V;
       return {
         [prefixCls]: true
       };
@@ -2328,7 +2438,7 @@ const _sfc_main$19 = create$19({
       }
       state.offset = offset;
     };
-    const touch = useTouch();
+    const touch = useTouch$1();
     const touchMethods = {
       onTouchStart(event) {
         if (props.disabled)
@@ -2386,16 +2496,16 @@ const _sfc_main$19 = create$19({
     });
   }
 });
-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$L = { class: "nut-swipe__content" };
+const _hoisted_3$B = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle(_ctx.touchStyle),
@@ -2404,20 +2514,20 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
     onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args)),
     onTouchcancel: _cache[3] || (_cache[3] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
   }, [
-    createElementVNode("view", _hoisted_1$T, [
+    createElementVNode("view", _hoisted_1$W, [
       renderSlot(_ctx.$slots, "left")
     ], 512),
-    createElementVNode("view", _hoisted_2$J, [
+    createElementVNode("view", _hoisted_2$L, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$z, [
+    createElementVNode("view", _hoisted_3$B, [
       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,10 +2562,10 @@ const _sfc_main$18 = create$18({
       default: () => []
     }
   }),
-  emits: ["cancel", "choose", "update:visible"],
+  emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$R;
+      const prefixCls = componentName$U;
       return {
         [prefixCls]: true
       };
@@ -2486,22 +2596,22 @@ const _sfc_main$18 = create$18({
     };
   }
 });
-const _hoisted_1$S = { class: "nut-actionsheet-panel" };
-const _hoisted_2$I = {
+const _hoisted_1$V = { class: "nut-actionsheet-panel" };
+const _hoisted_2$K = {
   key: 0,
   class: "nut-actionsheet-title"
 };
-const _hoisted_3$y = {
+const _hoisted_3$A = {
   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 = resolveComponent("nut-popup");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2514,10 +2624,10 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       onClickOverlay: _ctx.close
     }, {
       default: withCtx(() => [
-        createElementVNode("view", _hoisted_1$S, [
-          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$I, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$y, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
-          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$q, [
+        createElementVNode("view", _hoisted_1$V, [
+          _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$K, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_3$A, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
+          _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_4$s, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
               return openBlock(), createElementBlock("view", {
                 class: normalizeClass(["nut-actionsheet-item", { "nut-actionsheet-item-disabled": item.disable }]),
@@ -2526,8 +2636,8 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
                 onClick: ($event) => _ctx.chooseItem(item, index)
               }, [
                 createTextVNode(toDisplayString(item[_ctx.optionTag]), 1),
-                createElementVNode("view", _hoisted_6$f, toDisplayString(item[_ctx.optionSubTag]), 1)
-              ], 14, _hoisted_5$i);
+                createElementVNode("view", _hoisted_6$g, toDisplayString(item[_ctx.optionSubTag]), 1)
+              ], 14, _hoisted_5$j);
             }), 128))
           ])) : createCommentVNode("", true),
           _ctx.cancelTxt ? (openBlock(), createElementBlock("view", {
@@ -2541,9 +2651,9 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["visible", "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,
@@ -2584,7 +2694,7 @@ const _sfc_main$17 = create$17({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$Q;
+      const prefixCls = componentName$T;
       return {
         [prefixCls]: true,
         show: state.backTop
@@ -2675,7 +2785,7 @@ const _sfc_main$17 = create$17({
     };
   }
 });
-function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$14(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
@@ -2691,9 +2801,9 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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]
@@ -2766,14 +2876,14 @@ const _sfc_main$16 = create$16({
     });
   }
 });
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", null, [
     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,
@@ -2800,7 +2910,7 @@ const _sfc_main$15 = create$15({
     const collapse = inject("collapseParent");
     const parent = reactive(collapse);
     const classes = computed(() => {
-      const prefixCls = componentName$P;
+      const prefixCls = componentName$S;
       return {
         [prefixCls]: true,
         [`${prefixCls}-icon`]: parent.props.icon
@@ -2933,23 +3043,23 @@ const _sfc_main$15 = create$15({
     });
   }
 });
-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$J = { class: "collapse-title-value" };
+const _hoisted_3$z = ["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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
@@ -2958,9 +3068,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(["collapse-item", { "item-expanded": _ctx.openExpanded }, { "nut-collapse-item-disabled": _ctx.disabled }]),
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
     }, [
-      createElementVNode("view", _hoisted_1$R, [
+      createElementVNode("view", _hoisted_1$U, [
         createElementVNode("view", null, [
-          createElementVNode("view", _hoisted_2$H, [
+          createElementVNode("view", _hoisted_2$J, [
             _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
               key: 0,
               name: _ctx.titleIcon,
@@ -2972,17 +3082,17 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
               key: 2,
               innerHTML: _ctx.title,
               class: "collapse-icon-title"
-            }, null, 8, _hoisted_3$x))
+            }, null, 8, _hoisted_3$z))
           ])
         ])
       ]),
-      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$p, [
+      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4$r, [
         renderSlot(_ctx.$slots, "sTitle")
       ])) : (openBlock(), createElementBlock("view", {
         key: 1,
         innerHTML: _ctx.subTitle,
         class: "subTitle"
-      }, null, 8, _hoisted_5$h)),
+      }, null, 8, _hoisted_5$i)),
       _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
         key: 2,
         name: _ctx.icon,
@@ -2992,14 +3102,14 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.iconStyle)
       }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
-    createElementVNode("view", _hoisted_6$e, [
-      createElementVNode("view", _hoisted_7$a, [
+    createElementVNode("view", _hoisted_6$f, [
+      createElementVNode("view", _hoisted_7$b, [
         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") {
@@ -3013,8 +3123,8 @@ function requestAniFrame() {
   }
 }
 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,
@@ -3059,7 +3169,7 @@ const _sfc_main$14 = create$14({
       }
     });
     const classes = computed(() => {
-      const prefixCls = componentName$O;
+      const prefixCls = componentName$R;
       return {
         [prefixCls]: true
       };
@@ -3194,7 +3304,7 @@ const _sfc_main$14 = create$14({
     };
   }
 });
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     ref: "myDrag",
@@ -3205,9 +3315,9 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     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,
@@ -3282,7 +3392,7 @@ const _sfc_main$13 = create$13({
     });
     const classes = computed(() => {
       return {
-        [componentName$N]: true
+        [componentName$Q]: true
       };
     });
     const update = (val) => {
@@ -3312,12 +3422,12 @@ const _sfc_main$13 = create$13({
     };
   }
 });
-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$I = ["innerHTML"];
+function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
   const _component_nut_popup = resolveComponent("nut-popup");
   return openBlock(), createBlock(_component_nut_popup, {
@@ -3334,7 +3444,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(_ctx.classes)
       }, [
-        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$Q, [
+        _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_1$T, [
           _ctx.$slots.header ? renderSlot(_ctx.$slots, "header", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
             createTextVNode(toDisplayString(_ctx.title), 1)
           ], 64))
@@ -3346,7 +3456,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
           _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.content
-          }, null, 8, _hoisted_2$G))
+          }, null, 8, _hoisted_2$I))
         ], 4),
         !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
           key: 1,
@@ -3386,7 +3496,7 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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", "");
@@ -3460,8 +3570,8 @@ _Dialog.install = (app) => {
   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,
@@ -3523,7 +3633,7 @@ const _sfc_main$12 = create$12({
       distance: 0
     });
     const classes = computed(() => {
-      const prefixCls = componentName$M;
+      const prefixCls = componentName$P;
       return {
         [prefixCls]: true
       };
@@ -3647,20 +3757,20 @@ const _sfc_main$12 = create$12({
     });
   }
 });
-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$H = { class: "top-text" };
+const _hoisted_3$y = { 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -3674,31 +3784,31 @@ function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
       ref: "refreshTop",
       style: normalizeStyle(_ctx.getStyle)
     }, [
-      createElementVNode("view", _hoisted_1$P, [
+      createElementVNode("view", _hoisted_1$S, [
         createVNode(_component_nut_icon, {
           class: "top-img",
           name: _ctx.pullIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_2$F, toDisplayString(_ctx.pullTxt), 1)
+        createElementVNode("view", _hoisted_2$H, toDisplayString(_ctx.pullTxt), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$w, [
+    createElementVNode("view", _hoisted_3$y, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_4$o, [
-      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$g, [
+    createElementVNode("view", _hoisted_4$q, [
+      _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$h, [
         createVNode(_component_nut_icon, {
           class: "bottom-img",
           name: _ctx.loadIcon
         }, null, 8, ["name"]),
-        createElementVNode("view", _hoisted_6$d, toDisplayString(_ctx.loadTxt), 1)
-      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7$9, toDisplayString(_ctx.loadMoreTxt), 1)) : createCommentVNode("", true)
+        createElementVNode("view", _hoisted_6$e, toDisplayString(_ctx.loadTxt), 1)
+      ])) : !_ctx.hasMore ? (openBlock(), createElementBlock("view", _hoisted_7$a, toDisplayString(_ctx.loadMoreTxt), 1)) : 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
   },
@@ -3768,7 +3878,7 @@ const _sfc_main$11 = create$11({
     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 openBlock(), createBlock(Transition, {
     name: "toast-fade",
     onAfterLeave: _ctx.onAfterLeave
@@ -3789,7 +3899,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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,
@@ -3898,37 +4008,8 @@ const NotifyFunction = {
     app.config.globalProperties.$notify = NotifyFunction;
   }
 };
-function isWindow(val) {
-  return val === window;
-}
-const useRect = (elementRef) => {
-  const element = 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,
@@ -3970,10 +4051,10 @@ const _sfc_main$10 = create$10({
     let currentValue;
     const root = ref();
     const dragStatus = ref();
-    const touch = useTouch();
+    const touch = useTouch$1();
     const scope = computed(() => Number(props.max) - Number(props.min));
     const classes = computed(() => {
-      const prefixCls = componentName$K;
+      const prefixCls = componentName$N;
       return {
         [prefixCls]: true,
         [`${prefixCls}-disabled`]: props.disabled,
@@ -4124,28 +4205,28 @@ const _sfc_main$10 = create$10({
     });
   }
 });
-const _hoisted_1$O = { class: "nut-range-container" };
-const _hoisted_2$E = {
+const _hoisted_1$R = { class: "nut-range-container" };
+const _hoisted_2$G = {
   key: 0,
   class: "min"
 };
-const _hoisted_3$v = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
-const _hoisted_4$n = {
+const _hoisted_3$x = ["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 openBlock(), createElementBlock("view", _hoisted_1$O, [
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$E, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
+function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$R, [
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_2$G, toDisplayString(+_ctx.min), 1)) : createCommentVNode("", true),
     createElementVNode("view", {
       ref: "root",
       style: normalizeStyle(_ctx.wrapperStyle),
@@ -4185,9 +4266,9 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
               class: "nut-range-button",
               style: normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$n, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
+              !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$p, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$v);
+          ], 42, _hoisted_3$x);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -4210,17 +4291,355 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$c, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$d, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
-        ], 40, _hoisted_5$f))
+        ], 40, _hoisted_5$g))
       ], 4)
     ], 6),
-    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$8, toDisplayString(+_ctx.max), 1)) : createCommentVNode("", true)
+    !_ctx.hiddenRange ? (openBlock(), createElementBlock("view", _hoisted_7$9, toDisplayString(+_ctx.max), 1)) : 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 = ref(0);
+  const startY = ref(0);
+  const deltaX = ref(0);
+  const deltaY = ref(0);
+  const offsetX = ref(0);
+  const offsetY = ref(0);
+  const direction = 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 } = toRefs(props);
+    const reachTop = ref(false);
+    const reachBottom = ref(false);
+    const reachLeft = ref(false);
+    const reachRight = ref(false);
+    const state = reactive({
+      status: "normal",
+      distance: 0,
+      duration: 0
+    });
+    let scrollEl = document.documentElement || document.body;
+    const scroller = ref(null);
+    const touch = useTouch();
+    const getStyle = 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 = 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 = 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 = 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;
+    };
+    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
+    }, toRefs(state));
+  }
+});
+const _hoisted_1$Q = {
+  class: "pullrefresh-content",
+  ref: "pull"
+};
+function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: "nut-pullrefresh",
+    ref: "scroller",
+    style: 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))
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass(["pullrefresh-top", _ctx.direction == "horizontal" ? "pullrefresh-top-h" : "pullrefresh-top-v"])
+    }, toDisplayString(_ctx.refreshTopTem), 3),
+    createElementVNode("view", _hoisted_1$Q, [
+      renderSlot(_ctx.$slots, "default")
+    ], 512),
+    createElementVNode("view", {
+      class: normalizeClass(["pullrefresh-bottom", _ctx.direction == "horizontal" ? "pullrefresh-bottom-h" : "pullrefresh-bottom-v"]),
+      style: normalizeStyle(_ctx.getBottomStyle)
+    }, 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,
@@ -4240,7 +4659,7 @@ const _sfc_main$$ = create$$({
       children: []
     });
     const classes = computed(() => {
-      const prefixCls = componentName$J;
+      const prefixCls = componentName$L;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${props.direction}`]: true,
@@ -4263,8 +4682,8 @@ const _sfc_main$$ = create$$({
     };
   }
 });
-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,
@@ -4305,7 +4724,7 @@ const _sfc_main$_ = create$_({
       return getCurrentStatus();
     });
     const classes = computed(() => {
-      const prefixCls = componentName$I;
+      const prefixCls = componentName$K;
       return {
         [prefixCls]: true,
         [`${prefixCls}-${status.value}`]: true
@@ -4317,22 +4736,22 @@ const _sfc_main$_ = create$_({
     });
   }
 });
-const _hoisted_1$N = { class: "nut-step-head" };
-const _hoisted_2$D = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3$u = {
+const _hoisted_1$P = { class: "nut-step-head" };
+const _hoisted_2$F = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
+const _hoisted_3$w = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
-    createElementVNode("view", _hoisted_1$N, [
-      _hoisted_2$D,
+    createElementVNode("view", _hoisted_1$P, [
+      _hoisted_2$F,
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
@@ -4342,22 +4761,22 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.iconColor,
           name: _ctx.icon,
           size: _ctx.size
-        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$u, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$w, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
-    createElementVNode("view", _hoisted_4$m, [
-      createElementVNode("view", _hoisted_5$e, toDisplayString(_ctx.title), 1),
+    createElementVNode("view", _hoisted_4$o, [
+      createElementVNode("view", _hoisted_5$f, toDisplayString(_ctx.title), 1),
       _ctx.content ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "nut-step-content",
         innerHTML: _ctx.content
-      }, null, 8, _hoisted_6$b)) : createCommentVNode("", true)
+      }, null, 8, _hoisted_6$c)) : 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],
@@ -4408,11 +4827,11 @@ const _sfc_main$Z = create$Z({
       default: ""
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: ["change", "update:modelValue", "update:loading"],
   setup(props, { emit }) {
     const isActive = computed(() => props.modelValue === props.activeValue);
     const classes = computed(() => {
-      const prefixCls = componentName$H;
+      const prefixCls = componentName$J;
       return {
         [prefixCls]: true,
         [isActive.value ? "switch-open" : "switch-close"]: true,
@@ -4440,15 +4859,15 @@ const _sfc_main$Z = create$Z({
     };
   }
 });
-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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
     style: normalizeStyle(_ctx.style)
   }, [
-    createElementVNode("view", _hoisted_1$M, [
+    createElementVNode("view", _hoisted_1$O, [
       _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         name: _ctx.name,
@@ -4466,11 +4885,11 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -4596,16 +5015,16 @@ const _sfc_main$Y = create$Y({
     };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$N = {
   key: 0,
   class: "nut-toast-icon-wrapper"
 };
-const _hoisted_2$C = {
+const _hoisted_2$E = {
   key: 1,
   class: "nut-toast-title"
 };
-const _hoisted_3$t = ["innerHTML"];
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$v = ["innerHTML"];
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
     name: "toast-fade",
@@ -4627,18 +5046,18 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
             "background-color": _ctx.bgColor
           })
         }, [
-          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$L, [
+          _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$N, [
             createVNode(_component_nut_icon, {
               size: "20",
               color: "#ffffff",
               name: _ctx.icon
             }, null, 8, ["name"])
           ])) : createCommentVNode("", true),
-          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$C, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+          _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$E, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_3$t)
+          }, null, 8, _hoisted_3$v)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -4647,7 +5066,7 @@ function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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: "",
@@ -4764,8 +5183,8 @@ const ToastFunction = {
     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],
@@ -4807,11 +5226,16 @@ const _sfc_main$X = create$X({
     iconColor: {
       type: String,
       default: "#439422"
+    },
+    isShowPercentage: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props, { emit }) {
     const height = ref(props.strokeWidth + "px");
     const progressOuter = ref();
+    const insideText = ref();
     const left = ref();
     const bgStyle = computed(() => {
       return {
@@ -4824,32 +5248,39 @@ const _sfc_main$X = create$X({
         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";
+        }
+      }
+    };
     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);
     });
     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 = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$K, [
+  return openBlock(), createElementBlock("div", _hoisted_1$M, [
     createElementVNode("div", {
-      class: normalizeClass(["nut-progress-outer", [
-        _ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
-        _ctx.size ? "nut-progress-" + _ctx.size : ""
-      ]]),
+      class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
       ref: "progressOuter",
       style: normalizeStyle({ height: _ctx.height })
     }, [
@@ -4860,11 +5291,12 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
         _ctx.showText && _ctx.textInside ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "nut-progress-text nut-progress-insidetext",
+          ref: "insideText",
           style: normalizeStyle({ lineHeight: _ctx.height, left: _ctx.left })
         }, [
           createElementVNode("span", {
             style: normalizeStyle(_ctx.textStyle)
-          }, toDisplayString(_ctx.percentage) + "%", 5)
+          }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
         ], 4)) : createCommentVNode("", true)
       ], 6)
     ], 6),
@@ -4876,7 +5308,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.percentage) + "%", 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
+      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
         key: 1,
         size: "16px",
         name: _ctx.iconName,
@@ -4885,9 +5317,9 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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],
@@ -4909,7 +5341,7 @@ const _sfc_main$W = create$W({
   },
   setup(props, { emit }) {
     const classes = computed(() => {
-      const prefixCls = componentName$G;
+      const prefixCls = componentName$I;
       return {
         [prefixCls]: true
       };
@@ -4943,11 +5375,11 @@ const _sfc_main$W = create$W({
     };
   }
 });
-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$D = ["r", "cx", "cy", "stroke", "stroke-width"];
+const _hoisted_3$u = ["r", "cx", "cy", "stroke", "stroke-dasharray", "stroke-width", "transform"];
+const _hoisted_4$n = { class: "nut-circleprogress-content" };
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.option.size + "px", width: _ctx.option.size + "px" })
@@ -4964,7 +5396,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
         stroke: _ctx.option.backColor,
         "stroke-width": _ctx.option.strokeOutWidth,
         fill: "none"
-      }, null, 8, _hoisted_2$B),
+      }, null, 8, _hoisted_2$D),
       createElementVNode("circle", {
         r: _ctx.option.radius,
         cx: _ctx.option.cx,
@@ -4976,18 +5408,18 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
         transform: _ctx.option.startPosition,
         "stroke-linecap": "round",
         style: { "transition": "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease 0s" }
-      }, null, 8, _hoisted_3$s)
-    ], 8, _hoisted_1$J)),
-    createElementVNode("div", _hoisted_4$l, [
+      }, null, 8, _hoisted_3$u)
+    ], 8, _hoisted_1$L)),
+    createElementVNode("div", _hoisted_4$n, [
       !_ctx.isAuto ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
         createTextVNode(toDisplayString(_ctx.progress) + "%", 1)
       ]) : 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,
@@ -5053,7 +5485,6 @@ const _sfc_main$V = create$V({
   },
   emits: ["click", "close"],
   setup(props, { emit, slots }) {
-    console.log("componentName", componentName$F);
     const wrap = ref(null);
     const content = ref(null);
     const state = reactive({
@@ -5070,7 +5501,7 @@ const _sfc_main$V = create$V({
       keepAlive: false
     });
     const classes = computed(() => {
-      const prefixCls = componentName$F;
+      const prefixCls = componentName$H;
       return {
         [prefixCls]: true
       };
@@ -5199,14 +5630,12 @@ const _sfc_main$V = create$V({
       emit("close", state.scrollList[0]);
     };
     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);
@@ -5244,12 +5673,12 @@ const _sfc_main$V = create$V({
     });
   }
 });
-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$C = ["onClick"];
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   const _component_ScrollItem = resolveComponent("ScrollItem");
   return openBlock(), createElementBlock("view", {
@@ -5273,7 +5702,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
           color: _ctx.color
         }, null, 8, ["color"])) : createCommentVNode("", true)
       ], 4)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_1$I, [
+      createElementVNode("view", _hoisted_1$K, [
         createElementVNode("view", {
           ref: "content",
           class: normalizeClass(["content", [_ctx.animationClass, { "nut-ellipsis": !_ctx.scrollable && !_ctx.wrapable }]]),
@@ -5327,7 +5756,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
             key: index,
             style: normalizeStyle({ height: _ctx.height }),
             onClick: ($event) => _ctx.go(item)
-          }, toDisplayString(item), 13, _hoisted_2$A);
+          }, toDisplayString(item), 13, _hoisted_2$C);
         }), 128))
       ], 4)),
       createElementVNode("view", {
@@ -5344,9 +5773,9 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     ], 4)) : 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],
@@ -5437,41 +5866,41 @@ const _sfc_main$U = create$U({
     });
   }
 });
-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$B = {
   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$t = { 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$H, [
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$J, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$z, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$B, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$r, [
+      createElementVNode("view", _hoisted_3$t, [
         createElementVNode("form", {
           action: "#",
           onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
@@ -5485,7 +5914,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
             onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
             onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
             onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
-          }, null, 40, _hoisted_4$k)
+          }, null, 40, _hoisted_4$m)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
@@ -5501,23 +5930,23 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
           [vShow, _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5$d, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5$e, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
     ], 4),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6$a, [
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6$b, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : 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,
@@ -5551,31 +5980,389 @@ const _sfc_main$T = create$T({
     };
   }
 });
-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$A = ["src"];
+const _hoisted_3$s = {
   key: 1,
   class: "nut-empty-description"
 };
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", _hoisted_1$G, [
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", _hoisted_1$I, [
     createElementVNode("view", {
       class: "nut-empty-image",
       style: normalizeStyle(_ctx.imgStyle)
     }, [
-      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
-          key: 0,
-          class: "img",
-          src: _ctx.imageUrl
-        }, null, 8, _hoisted_2$y)) : createCommentVNode("", true)
-      ], 64))
-    ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$q, toDisplayString(_ctx.description), 1)),
-    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
+      _ctx.$slots.image ? renderSlot(_ctx.$slots, "image", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+        _ctx.imageUrl ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          class: "img",
+          src: _ctx.imageUrl
+        }, null, 8, _hoisted_2$A)) : createCommentVNode("", true)
+      ], 64))
+    ], 4),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$s, toDisplayString(_ctx.description), 1)),
+    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
+  ]);
+}
+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 = ref(null);
+    const audioData = reactive({
+      currentTime: 0,
+      currentDuration: "00:00:00",
+      percent: 0,
+      duration: "00:00:00",
+      second: 0,
+      hanMuted: props.muted,
+      playing: props.autoplay
+    });
+    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;
+    };
+    watch(() => audioData.currentTime, (value) => {
+      handle(value);
+    });
+    provide("audioParent", {
+      children: [],
+      props,
+      audioData,
+      handleMute,
+      forward,
+      fastBack,
+      changeStatus
+    });
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
+      audioRef,
+      fastBack,
+      forward,
+      changeStatus,
+      progressChange,
+      audioEnd,
+      onTimeupdate,
+      handleMute
+    });
+  }
+});
+const _hoisted_1$H = { class: "nut-audio" };
+const _hoisted_2$z = {
+  key: 0,
+  class: "progress-wrapper"
+};
+const _hoisted_3$r = { class: "time" };
+const _hoisted_4$l = { class: "progress-bar-wrapper" };
+const _hoisted_5$d = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
+const _hoisted_6$a = { class: "time" };
+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 = resolveComponent("nut-range");
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("div", _hoisted_1$H, [
+    _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
+      createElementVNode("div", _hoisted_3$r, toDisplayString(_ctx.currentDuration), 1),
+      createElementVNode("div", _hoisted_4$l, [
+        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: withCtx(() => [
+            _hoisted_5$d
+          ]),
+          _: 1
+        }, 8, ["modelValue", "onChange"])
+      ]),
+      createElementVNode("div", _hoisted_6$a, toDisplayString(_ctx.duration), 1)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "icon" ? (openBlock(), createElementBlock("div", _hoisted_7$8, [
+      createElementVNode("div", {
+        class: 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 ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          name: "service",
+          class: "nut-icon-am-rotate nut-icon-am-infinite"
+        })) : createCommentVNode("", true),
+        !_ctx.playing ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          name: "service"
+        })) : createCommentVNode("", true)
+      ], 2)
+    ])) : createCommentVNode("", true),
+    _ctx.type == "none" ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+    }, [
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type != "none" ? renderSlot(_ctx.$slots, "default", { key: 3 }) : createCommentVNode("", true),
+    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 = inject("audioParent");
+    const parent = reactive(audio);
+    const customSlot = ref(useSlots().default);
+    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot });
+  }
+});
+const _hoisted_1$G = { class: "nut-audio-operate" };
+const _hoisted_2$y = /* @__PURE__ */ createTextVNode("\u5012\u9000");
+const _hoisted_3$q = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
+const _hoisted_4$k = /* @__PURE__ */ createTextVNode("\u9759\u97F3");
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_button = resolveComponent("nut-button");
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
+    _ctx.type == "back" ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "nut-audio-operate-item",
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.fastBack && _ctx.fastBack(...args))
+    }, [
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
+        key: 0,
+        type: "primary",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          _hoisted_2$y
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "play" ? (openBlock(), createElementBlock("div", {
+      key: 1,
+      class: "nut-audio-operate-item",
+      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.changeStatus && _ctx.changeStatus(...args))
+    }, [
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
+        key: 0,
+        type: "primary",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(!_ctx.audioData.playing ? "\u5F00\u59CB" : "\u6682\u505C"), 1)
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "forward" ? (openBlock(), createElementBlock("div", {
+      key: 2,
+      class: "nut-audio-operate-item",
+      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.forward && _ctx.forward(...args))
+    }, [
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
+        key: 0,
+        type: "primary",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          _hoisted_3$q
+        ]),
+        _: 1
+      })) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true),
+    _ctx.type == "mute" ? (openBlock(), createElementBlock("div", {
+      key: 3,
+      class: "nut-audio-operate-item",
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleMute && _ctx.handleMute(...args))
+    }, [
+      !_ctx.customSlot ? (openBlock(), createBlock(_component_nut_button, {
+        key: 0,
+        type: !_ctx.audioData.hanMuted ? "primary" : "default",
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          _hoisted_4$k
+        ]),
+        _: 1
+      }, 8, ["type"])) : createCommentVNode("", true),
+      renderSlot(_ctx.$slots, "default")
+    ])) : createCommentVNode("", true)
   ]);
 }
-var Empty = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$O]]);
+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: {
@@ -5950,7 +6737,7 @@ const _sfc_main$P = create$P({
     }
   },
   components: {
-    [_sfc_main$1o.name]: _sfc_main$1o,
+    [_sfc_main$1s.name]: _sfc_main$1s,
     [Popup.name]: Popup
   },
   emits: ["update:modelValue", "change"],
@@ -6309,7 +7096,8 @@ const _sfc_main$M = create$M({
         y2: 0
       },
       scrollStart: false,
-      currentIndex: 0
+      currentIndex: 0,
+      currentData: {}
     });
     const classes = computed(() => {
       const prefixCls = componentName$z;
@@ -6369,7 +7157,6 @@ const _sfc_main$M = create$M({
       state.touchState.y1 = firstTouch.pageY;
       state.anchorIndex = +index;
       state.currentIndex = +index;
-      console.log(state.currentIndex);
       scrollTo(+index);
     };
     const touchMove = (e) => {
@@ -6384,10 +7171,14 @@ const _sfc_main$M = create$M({
     };
     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
     }, toRefs(state)), {
@@ -6424,11 +7215,11 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", _hoisted_1$A, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
-              class: "nut-elevator__list__item__name",
+              class: 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))
@@ -7440,12 +8231,36 @@ const _sfc_main$C = create$C({
       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: {
@@ -7457,15 +8272,32 @@ const _sfc_main$C = create$C({
       default: Utils.getDay(365)
     }
   },
-  emits: ["choose", "update", "close"],
-  setup(props, { emit }) {
+  emits: ["choose", "update", "close", "select"],
+  setup(props, { emit, slots }) {
     const weeks = ref(["\u65E5", "\u4E00", "\u4E8C", "\u4E09", "\u56DB", "\u4E94", "\u516D"]);
     const months = ref(null);
     const monthsPanel = ref(null);
     const weeksPanel = ref(null);
+    const viewArea = ref(null);
+    const viewHeight = ref(0);
+    const compConthsData = computed(() => {
+      return state.monthsData.slice(state.defaultRange[0], state.defaultRange[1]);
+    });
+    const showTopBtn = computed(() => {
+      return slots.btn;
+    });
+    const topInfo = computed(() => {
+      return slots.topInfo;
+    });
+    const bottomInfo = computed(() => {
+      return slots.bottomInfo;
+    });
     const state = reactive({
       yearMonthTitle: "",
+      defaultRange: [],
       currDate: "",
+      propStartDate: "",
+      propEndDate: "",
       unLoadPrev: false,
       touchParams: {
         startY: 0,
@@ -7485,7 +8317,10 @@ const _sfc_main$C = create$C({
       startData: "",
       endData: "",
       isRange: props.type === "range",
-      timer: 0
+      timer: 0,
+      currentIndex: 0,
+      avgHeight: 0,
+      monthsNum: 0
     });
     const splitDate = (date) => {
       return date.split("-");
@@ -7497,14 +8332,14 @@ const _sfc_main$C = create$C({
       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`;
@@ -7524,9 +8359,8 @@ const _sfc_main$C = create$C({
       }
     };
     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]);
@@ -7553,8 +8387,11 @@ const _sfc_main$C = create$C({
             }
           }
         }
-        if (props.isAutoBackFill && !isFirst) {
-          confirm();
+        if (!isFirst) {
+          emit("select", state.chooseData);
+          if (props.isAutoBackFill) {
+            confirm();
+          }
         }
       }
     };
@@ -7572,26 +8409,47 @@ const _sfc_main$C = create$C({
           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]
@@ -7600,10 +8458,16 @@ const _sfc_main$C = create$C({
         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);
@@ -7617,44 +8481,97 @@ const _sfc_main$C = create$C({
       }
     };
     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[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 {
-        chooseDay({ day: state.defaultData[2], type: "curr" }, state.monthsData[0], true);
+        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";
@@ -7667,139 +8584,72 @@ const _sfc_main$C = create$C({
       }
     };
     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 h2 = ((_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 + h2) {
-          updateMove = -offsetHeight + h2;
+      } else if (current > 0 && current < state.monthsNum - 1) {
+        if (currentScrollTop >= state.monthsData[current + 1].cssScrollHeight) {
+          current += 1;
         }
-        if (offsetHeight <= h2 && 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 (currentScrollTop + viewHeight.value < state.monthsData[current].cssScrollHeight + state.monthsData[current].cssHeight) {
+          current -= 1;
         }
-        if (updateMove < -offsetHeight + h2 - 100 && state.monthsData.length > 1) {
-          updateMove = -offsetHeight + h2 - 100;
+        if (current + 1 <= state.monthsNum && currentScrollTop + viewHeight.value >= state.monthsData[current + 1].cssScrollHeight + state.monthsData[current + 1].cssHeight) {
+          current += 1;
         }
-        if (updateMove < 0 && updateMove < -100 && state.monthsData.length == 1) {
-          updateMove = -100;
-        }
-        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 h2 = ((_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) > h2 ? Math.abs(move) : h2) * 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();
     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,
@@ -7808,38 +8658,52 @@ const _sfc_main$C = create$C({
       confirm,
       monthsPanel,
       months,
-      weeksPanel
+      weeksPanel,
+      viewArea
     }, toRefs(state)), 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"
 };
@@ -7853,11 +8717,12 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: normalizeClass(["nut-calendar-header", { "nut-calendar-header-tile": !_ctx.poppable }])
     }, [
-      _ctx.poppable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        createElementVNode("view", _hoisted_1$t, toDisplayString(_ctx.title), 1),
-        createElementVNode("view", _hoisted_2$o, toDisplayString(_ctx.yearMonthTitle), 1)
-      ], 64)) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$k, [
+      _ctx.showTitle ? (openBlock(), createElementBlock("view", _hoisted_1$t, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+      _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$o, [
+        renderSlot(_ctx.$slots, "btn")
+      ])) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$k, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_4$f, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "calendar-week-item",
@@ -7869,44 +8734,67 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", {
       class: "nut-calendar-content",
       ref: "months",
-      onTouchstart: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.touchStart && _ctx.touchStart(...args), ["stop"])),
-      onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
-      onTouchend: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.touchEnd && _ctx.touchEnd(...args), ["stop"]))
+      onScroll: _cache[0] || (_cache[0] = (...args) => _ctx.mothsViewScroll && _ctx.mothsViewScroll(...args))
     }, [
-      createElementVNode("view", _hoisted_4$f, [
-        createElementVNode("view", _hoisted_5$a, toDisplayString(!_ctx.unLoadPrev ? "\u52A0\u8F7D\u4E0A\u4E00\u4E2A\u6708" : "\u6CA1\u6709\u66F4\u65E9\u6708\u4EFD"), 1),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.monthsData, (month, index) => {
-          return openBlock(), createElementBlock("view", {
-            class: "calendar-month",
-            key: index
-          }, [
-            createElementVNode("view", _hoisted_6$8, toDisplayString(month.title), 1),
-            createElementVNode("view", _hoisted_7$7, [
-              createElementVNode("view", {
-                class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
-                  return openBlock(), createElementBlock("view", {
-                    key: i,
-                    class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
-                    onClick: ($event) => _ctx.chooseDay(day, month)
-                  }, [
-                    createElementVNode("view", _hoisted_9$5, toDisplayString(day.type == "curr" ? day.day : ""), 1),
-                    _ctx.isCurrDay(month, day.day) ? (openBlock(), createElementBlock("view", _hoisted_10$3, "\u4ECA\u5929")) : createCommentVNode("", true),
-                    _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_11$3, toDisplayString("\u5F00\u59CB"))) : _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_12$3, toDisplayString("\u7ED3\u675F"))) : createCommentVNode("", true)
-                  ], 10, _hoisted_8$7);
-                }), 128))
-              ], 2)
-            ])
-          ]);
-        }), 128))
+      createElementVNode("view", _hoisted_5$a, [
+        createElementVNode("view", {
+          class: "viewArea",
+          ref: "viewArea",
+          style: normalizeStyle({ transform: `translateY(${_ctx.translateY}px)` })
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.compConthsData, (month, index) => {
+            return openBlock(), createElementBlock("view", {
+              class: "calendar-month",
+              key: index
+            }, [
+              createElementVNode("view", _hoisted_6$8, toDisplayString(month.title), 1),
+              createElementVNode("view", _hoisted_7$7, [
+                createElementVNode("view", {
+                  class: normalizeClass(["calendar-month-item", _ctx.type === "range" ? "month-item-range" : ""])
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(month.monthData, (day, i) => {
+                    return openBlock(), createElementBlock("view", {
+                      key: i,
+                      class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
+                      onClick: ($event) => _ctx.chooseDay(day, month)
+                    }, [
+                      createElementVNode("view", _hoisted_9$5, [
+                        renderSlot(_ctx.$slots, "day", {
+                          date: day.type == "curr" ? day : ""
+                        }, () => [
+                          createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
+                        ])
+                      ]),
+                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10$3, [
+                        renderSlot(_ctx.$slots, "topInfo", {
+                          date: day.type == "curr" ? day : ""
+                        })
+                      ])) : createCommentVNode("", true),
+                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11$3, [
+                        renderSlot(_ctx.$slots, "bottomInfo", {
+                          date: day.type == "curr" ? day : ""
+                        })
+                      ])) : createCommentVNode("", true),
+                      !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(month, day.day) ? (openBlock(), createElementBlock("view", _hoisted_12$3, " \u4ECA\u5929 ")) : createCommentVNode("", true),
+                      _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
+                        key: 3,
+                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                      }, toDisplayString(_ctx.startText), 3)) : createCommentVNode("", true),
+                      _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$2, toDisplayString(_ctx.endText), 1)) : createCommentVNode("", true)
+                    ], 10, _hoisted_8$7);
+                  }), 128))
+                ], 2)
+              ])
+            ]);
+          }), 128))
+        ], 4)
       ], 512)
     ], 544),
-    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_13$2, [
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14$2, [
       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))
+      }, toDisplayString(_ctx.confirmText), 1)
     ])) : createCommentVNode("", true)
   ], 2);
 }
@@ -7929,16 +8817,40 @@ const _sfc_main$B = create$B({
       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,
@@ -7949,8 +8861,20 @@ const _sfc_main$B = create$B({
       default: Utils.getDay(365)
     }
   },
-  emits: ["choose", "close", "update:visible"],
-  setup(props, { emit }) {
+  emits: ["choose", "close", "update:visible", "select"],
+  setup(props, { emit, slots }) {
+    const showTopBtn = computed(() => {
+      return slots.btn;
+    });
+    const topInfo = computed(() => {
+      return slots.topInfo;
+    });
+    const dayInfo = computed(() => {
+      return slots.day;
+    });
+    const bottomInfo = computed(() => {
+      return slots.bottomInfo;
+    });
     const calendarRef = ref(null);
     const update = () => {
       emit("update:visible", false);
@@ -7963,6 +8887,9 @@ const _sfc_main$B = create$B({
       close();
       emit("choose", param);
     };
+    const select = (param) => {
+      emit("select", param);
+    };
     const closePopup = () => {
       close();
     };
@@ -7971,7 +8898,12 @@ const _sfc_main$B = create$B({
       update,
       close,
       choose,
-      calendarRef
+      select,
+      calendarRef,
+      showTopBtn,
+      topInfo,
+      dayInfo,
+      bottomInfo
     };
   }
 });
@@ -7985,43 +8917,121 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     round: "",
     closeable: true,
     onClickOverlay: _ctx.closePopup,
-    onClickCloseIcon: _ctx.closePopup
+    onClickCloseIcon: _ctx.closePopup,
+    "destroy-on-close": true,
+    style: { height: "85vh" }
   }, {
     default: withCtx(() => [
-      createVNode(_component_nut_calendar_item, {
+      _ctx.visible ? (openBlock(), 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
+      }, createSlots({ _: 2 }, [
+        _ctx.showTopBtn ? {
+          name: "btn",
+          fn: withCtx(() => [
+            renderSlot(_ctx.$slots, "btn")
+          ])
+        } : void 0,
+        _ctx.dayInfo ? {
+          name: "day",
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "day", {
+              date: date.date
+            })
+          ])
+        } : void 0,
+        _ctx.topInfo ? {
+          name: "topInfo",
+          fn: withCtx((date) => [
+            renderSlot(_ctx.$slots, "topInfo", {
+              date: date.date
+            })
+          ])
+        } : void 0,
+        _ctx.bottomInfo ? {
+          name: "bottomInfo",
+          fn: withCtx((date) => [
+            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"])) : createCommentVNode("", true)
     ]),
-    _: 1
+    _: 3
   }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), 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
+  }, createSlots({ _: 2 }, [
+    _ctx.showTopBtn ? {
+      name: "btn",
+      fn: withCtx(() => [
+        renderSlot(_ctx.$slots, "btn")
+      ])
+    } : void 0,
+    _ctx.dayInfo ? {
+      name: "day",
+      fn: withCtx((date) => [
+        renderSlot(_ctx.$slots, "day", {
+          date: date.date
+        })
+      ])
+    } : void 0,
+    _ctx.topInfo ? {
+      name: "topInfo",
+      fn: withCtx((date) => [
+        renderSlot(_ctx.$slots, "topInfo", {
+          date: date.date
+        })
+      ])
+    } : void 0,
+    _ctx.bottomInfo ? {
+      name: "bottomInfo",
+      fn: withCtx((date) => [
+        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: {
@@ -8055,7 +9065,7 @@ const _sfc_main$A = create$A({
   },
   emits: ["change", "update:modelValue"],
   setup(props, { emit, slots }) {
-    const parent = inject("parent");
+    const parent = inject("parent", null);
     const hasParent = computed(() => !!parent);
     const pValue = computed(() => {
       if (hasParent.value) {
@@ -8077,7 +9087,7 @@ const _sfc_main$A = create$A({
     };
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$1o, {
+      return h(_sfc_main$1s, {
         name: !pValue.value ? iconName : iconActiveName,
         size: iconSize,
         class: color.value
@@ -8161,7 +9171,7 @@ const _sfc_main$z = create$z({
     watch(() => props.modelValue, (value) => {
       emit("change", value);
     });
-    useExpose$1({ toggleAll });
+    useExpose({ toggleAll });
     return () => {
       var _a;
       return h("view", {
@@ -8809,7 +9819,6 @@ const _sfc_main$w = create$w({
       return 0;
     };
     const columns = computed(() => {
-      console.log(ranges.value);
       const val = ranges.value.map((res) => {
         return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
       });
@@ -9089,6 +10098,9 @@ const _sfc_main$u = create$u({
         [`${prefixCls}-border`]: props.hasBorder
       };
     });
+    const inputmode = computed(() => {
+      return props.type === "digit" ? "decimal" : props.type === "number" ? "numeric" : "text";
+    });
     const styles = computed(() => {
       return {
         textAlign: props.textAlign
@@ -9135,6 +10147,7 @@ const _sfc_main$u = create$u({
       active,
       classes,
       styles,
+      inputmode,
       valueChange,
       valueFocus,
       valueBlur,
@@ -9147,7 +10160,7 @@ const _hoisted_1$p = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -9165,6 +10178,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       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))
@@ -9213,7 +10227,7 @@ const _sfc_main$t = create$t({
     }
   },
   setup(props, { emit, slots }) {
-    let parent = inject("parent");
+    let parent = inject("parent", null);
     const isCurValue = computed(() => {
       return parent.label.value == props.label;
     });
@@ -9225,7 +10239,7 @@ const _sfc_main$t = create$t({
     });
     const renderIcon = () => {
       const { iconName, iconSize, iconActiveName } = props;
-      return h(_sfc_main$1o, {
+      return h(_sfc_main$1s, {
         name: isCurValue.value ? iconActiveName : iconName,
         size: iconSize,
         class: color.value
@@ -9482,7 +10496,10 @@ const _sfc_main$q = create$q({
     });
     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;
@@ -10804,7 +11821,6 @@ const _sfc_main$m = create$m({
   },
   emits: ["input", "delete", "close", "update:value"],
   setup(props, { emit }) {
-    console.log(props.overlay);
     const clickKeyIndex = ref(void 0);
     const show = ref(props.visible);
     const root = ref();
@@ -11885,7 +12901,7 @@ const component$1 = {
       };
     });
     const getStyle = () => {
-      if (avatarSize == null ? void 0 : avatarSize.value) {
+      if (avatarSize.value) {
         return {
           width: avatarSize.value,
           height: avatarSize.value
@@ -11897,7 +12913,6 @@ const component$1 = {
       };
     };
     onMounted(() => {
-      console.log("row", props.row);
     });
     return {
       avatarShape,
@@ -11914,7 +12929,10 @@ const _hoisted_2$c = {
   key: 1,
   class: "skeleton"
 };
-const _hoisted_3$b = /* @__PURE__ */ 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 = {
@@ -11926,7 +12944,7 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   return !_ctx.loading ? (openBlock(), createElementBlock("view", _hoisted_1$e, [
     renderSlot(_ctx.$slots, "default")
   ])) : (openBlock(), createElementBlock("view", _hoisted_2$c, [
-    _hoisted_3$b,
+    _ctx.animated ? (openBlock(), createElementBlock("view", _hoisted_3$b)) : createCommentVNode("", true),
     createElementVNode("view", _hoisted_4$a, [
       _ctx.avatar ? (openBlock(), createBlock(_component_nut_avatar, {
         key: 0,
@@ -12117,7 +13135,7 @@ const _sfc_main$e = create$e({
     const tree = ref(new Tree([], {}));
     const panes = ref([]);
     const isLazy = computed(() => configs.value.lazy && Boolean(configs.value.lazyLoad));
-    const lazyLoadMap = new Map();
+    const lazyLoadMap = /* @__PURE__ */ new Map();
     let currentProcessNode;
     const init = async () => {
       lazyLoadMap.clear();
@@ -12460,6 +13478,10 @@ const { componentName: componentName$b, create: create$c } = createComponent("ad
 const _sfc_main$c = create$c({
   inheritAttrs: false,
   props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
     visible: {
       type: Boolean,
       default: false
@@ -12523,9 +13545,13 @@ const _sfc_main$c = create$c({
     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 = ref(null);
     const tabRegion = ref(null);
@@ -12533,6 +13559,7 @@ const _sfc_main$c = create$c({
     const privateType = ref(props.type);
     const tabIndex = ref(0);
     const tabName = ref(["province", "city", "country", "town"]);
+    const tabNameDefault = ref([""]);
     const isCustom2 = computed(() => props.type === "custom2");
     const transformData = (data) => {
       if (!Array.isArray(data))
@@ -12580,13 +13607,55 @@ const _sfc_main$c = create$c({
     let selectedExistAddress = reactive({});
     const closeWay = ref("self");
     const lineDistance = ref(20);
+    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") => {
@@ -12599,7 +13668,6 @@ const _sfc_main$c = create$c({
       closeWay.value = "mask";
     };
     const lineAnimation = () => {
-      console.log("\u6ED1\u52A8\u7EA2\u7EBF");
       nextTick(() => {
         const name = tabRegion.value && tabRegion.value.getElementsByClassName("active")[0];
         if (name) {
@@ -12615,7 +13683,7 @@ const _sfc_main$c = create$c({
         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) {
@@ -12626,6 +13694,7 @@ const _sfc_main$c = create$c({
         emit("change", calBack);
       } else {
         handClose();
+        emit("update:modelValue");
       }
     };
     const changeRegionTab = (item, key, index) => {
@@ -12708,6 +13777,8 @@ const _sfc_main$c = create$c({
     watch(() => showPopup.value, (value) => {
       if (value == false) {
         close();
+      } else {
+        initCustomSelected();
       }
     });
     watch(() => props.province, (value) => {
@@ -12817,7 +13888,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
               name: _ctx.backBtnIcon,
               color: "#cccccc"
             }, null, 8, ["name"]), [
-              [vShow, _ctx.privateType == "custom" && _ctx.backBtnIcon]
+              [vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
             ])
           ]),
           createElementVNode("view", _hoisted_3$9, toDisplayString(_ctx.privateType == "custom" ? _ctx.customAddressTitle : _ctx.existAddressTitle), 1),
@@ -13931,7 +15002,6 @@ const _sfc_main$1 = create$1({
     }
   },
   setup(props, { emit, slots }) {
-    console.log(slots["origin"]);
     const isHaveSlot = (slot) => {
       return slots[slot];
     };
@@ -13999,7 +15069,7 @@ var RenderColumn = {
     return () => h(`view`, {}, props.slots());
   },
   props: {
-    slots: Object
+    slots: Function
   }
 };
 const component = (componentName2) => {
@@ -14164,7 +15234,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 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,4 +15245,4 @@ function install(app) {
 }
 const version = "3.1.16";
 var nutui_vue_build = { install, version };
-export { ActionSheet, Address, Avatar, BackTop, Badge, Barrage, Button, Calendar, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$H as Grid, GridItem, _sfc_main$1o as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1h as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$$ as Steps, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };
+export { ActionSheet, Address, Audio, AudioOperate, Avatar, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Cell, CellGroup, _sfc_main$A as Checkbox, _sfc_main$z as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$H as Grid, GridItem, _sfc_main$1s as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1l as Layout, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$t as Radio, _sfc_main$s as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$11 as Steps, _sfc_main$1d as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, nutui_vue_build as default, install, version };