@nutui/nutui 3.1.21-beta.3 → 3.1.21

package/dist/nutui.es.js

@@ -31,11 +31,11 @@ var __objRest = (source, exclude) => {
   return target;
 };
 /*!
-* @nutui/nutui v3.1.21-beta.3 Wed May 18 2022 18:19:52 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.21 Mon May 30 2022 20:19:56 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
-import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, renderList, mergeProps, nextTick, watchEffect, createSlots, readonly, vModelText, toRaw, useSlots, render as render$1 } from "vue";
+import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, nextTick, renderList, mergeProps, watchEffect, createSlots, readonly, vModelText, toRaw, useSlots, resolveDynamicComponent, render as render$1 } from "vue";
 class BaseLang {
 }
 class Lang$1 extends BaseLang {
@@ -125,6 +125,14 @@ class Lang$1 extends BaseLang {
       pullTxt: "\u677E\u5F00\u5237\u65B0",
       loadMoreTxt: "\u54CE\u5440\uFF0C\u8FD9\u91CC\u662F\u5E95\u90E8\u4E86\u5566"
     };
+    this.datepicker = {
+      year: "\u5E74",
+      month: "\u6708",
+      day: "\u65E5",
+      hour: "\u65F6",
+      min: "\u5206",
+      seconds: "\u79D2"
+    };
   }
 }
 class Lang extends BaseLang {
@@ -214,6 +222,14 @@ class Lang extends BaseLang {
       pullTxt: "Loose to refresh",
       loadMoreTxt: "Oops, this is the bottom"
     };
+    this.datepicker = {
+      year: "Year",
+      month: "Month",
+      day: "Day",
+      hour: "Hour",
+      min: "Minute",
+      seconds: "Second"
+    };
   }
 }
 const TypeOfFun = (value) => {
@@ -530,7 +546,8 @@ const _sfc_main$1H = create$1H({
     replace: { type: Boolean, default: false },
     roundRadius: { type: [String, Number], default: "" },
     url: { type: String, default: "" },
-    icon: { type: String, default: "" }
+    icon: { type: String, default: "" },
+    center: { type: Boolean, default: false }
   },
   emits: ["click"],
   setup(props, { emit }) {
@@ -538,7 +555,8 @@ const _sfc_main$1H = create$1H({
       const prefixCls = componentName$1l;
       return {
         [prefixCls]: true,
-        [`${prefixCls}--clickable`]: props.isLink || props.to
+        [`${prefixCls}--clickable`]: props.isLink || props.to,
+        [`${prefixCls}--center`]: props.center
       };
     });
     const router = useRouter();
@@ -570,8 +588,8 @@ const _hoisted_2$11 = {
   key: 1,
   class: "nut-cell__title"
 };
-const _hoisted_3$P = { class: "title" };
-const _hoisted_4$E = { class: "nut-cell__title-desc" };
+const _hoisted_3$O = { class: "title" };
+const _hoisted_4$F = { class: "nut-cell__title-desc" };
 function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -589,8 +607,8 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
       ])) : createCommentVNode("", true),
       _ctx.title || _ctx.subTitle ? (openBlock(), createElementBlock("view", _hoisted_2$11, [
         _ctx.subTitle ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createElementVNode("view", _hoisted_3$P, toDisplayString(_ctx.title), 1),
-          createElementVNode("view", _hoisted_4$E, toDisplayString(_ctx.subTitle), 1)
+          createElementVNode("view", _hoisted_3$O, toDisplayString(_ctx.title), 1),
+          createElementVNode("view", _hoisted_4$F, toDisplayString(_ctx.subTitle), 1)
         ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createTextVNode(toDisplayString(_ctx.title), 1)
         ], 64))
@@ -635,14 +653,14 @@ const _hoisted_2$10 = {
   key: 3,
   class: "nut-cell-group__desc"
 };
-const _hoisted_3$O = { class: "nut-cell-group__warp" };
+const _hoisted_3$N = { class: "nut-cell-group__warp" };
 function _sfc_render$1x(_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$1e, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
     _ctx.$slots.desc ? renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_2$10, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
-    createElementVNode("view", _hoisted_3$O, [
+    createElementVNode("view", _hoisted_3$N, [
       renderSlot(_ctx.$slots, "default")
     ])
   ], 2);
@@ -818,6 +836,7 @@ const _sfc_main$1E = create$1E({
   props: __spreadValues({}, popupProps),
   emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
   setup(props, { emit }) {
+    const popupRef = ref();
     const state = reactive({
       zIndex: props.zIndex ? props.zIndex : _zIndex,
       showSlot: true,
@@ -932,7 +951,8 @@ const _sfc_main$1E = create$1E({
       onClickCloseIcon,
       onClickOverlay,
       onOpened,
-      onClosed
+      onClosed,
+      popupRef
     });
   }
 });
@@ -964,7 +984,8 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
         withDirectives(createElementVNode("view", {
           class: normalizeClass(_ctx.classes),
           style: normalizeStyle(_ctx.popStyle),
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClick && _ctx.onClick(...args)),
+          ref: "popupRef"
         }, [
           _ctx.showSlot ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
           _ctx.closed ? (openBlock(), createElementBlock("view", {
@@ -1098,7 +1119,7 @@ const _sfc_main$1B = create$1B({
       type: String,
       default: "flex-start"
     },
-    wrap: {
+    flexWrap: {
       type: String,
       default: "nowrap"
     }
@@ -1115,7 +1136,7 @@ const _sfc_main$1B = create$1B({
               ${getClass("", props.type)}
               ${getClass("justify", props.justify)}
               ${getClass("align", props.align)}
-              ${getClass("flex", props.wrap)}
+              ${getClass("flex", props.flexWrap)}
               ${prefixCls}
               `;
     };
@@ -1214,14 +1235,14 @@ const _sfc_main$1A = create$1A({
       const style = {
         width: `${state.width}px`,
         height: `${state.height}px`,
-        [props.position]: `${offset.value}px`,
+        [props.position]: `${offset2.value}px`,
         zIndex: +props.zIndex
       };
       if (state.transform)
         style.transform = `translate3d(0, ${state.transform}px, 0)`;
       return style;
     });
-    const offset = computed(() => {
+    const offset2 = computed(() => {
       return props.position === "top" ? props.top : props.bottom;
     });
     const isHidden = (elementRef) => {
@@ -1261,21 +1282,21 @@ const _sfc_main$1A = create$1A({
       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;
+          const diff = containerRect.bottom - +offset2.value - state.height;
+          state.fixed = +offset2.value > rootRect.top && containerRect.bottom > 0;
           state.transform = diff < 0 ? diff : 0;
         } else {
-          state.fixed = offset.value > rootRect.top;
+          state.fixed = offset2.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;
+          const diff = clientHeight - containerRect.top - +offset2.value - state.height;
+          state.fixed = clientHeight - +offset2.value < rootRect.bottom && clientHeight > containerRect.top;
           state.transform = diff < 0 ? -diff : 0;
         } else {
-          state.fixed = clientHeight - +offset.value < rootRect.bottom;
+          state.fixed = clientHeight - +offset2.value < rootRect.bottom;
         }
       }
       emit("scroll", {
@@ -1315,30 +1336,48 @@ const _sfc_main$1z = create$1z({
     hairline: {
       type: Boolean,
       default: true
+    },
+    direction: {
+      type: String,
+      default: "horizontal"
     }
   },
   components: {},
   setup(props, context) {
     const classes = computed(() => {
       const prefixCls = componentName$1e;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}-center`]: context.slots.default,
-        [`${prefixCls}-left`]: props.contentPosition === "left",
-        [`${prefixCls}-right`]: props.contentPosition === "right",
-        [`${prefixCls}-dashed`]: props.dashed,
-        [`${prefixCls}-hairline`]: props.hairline
+      let defaultClassesObj = {
+        [prefixCls]: true
       };
+      let classesObj = {};
+      if (props.direction === "horizontal") {
+        classesObj = __spreadProps(__spreadValues({}, defaultClassesObj), {
+          [`${prefixCls}-center`]: context.slots.default,
+          [`${prefixCls}-left`]: props.contentPosition === "left",
+          [`${prefixCls}-right`]: props.contentPosition === "right",
+          [`${prefixCls}-dashed`]: props.dashed,
+          [`${prefixCls}-hairline`]: props.hairline
+        });
+      } else {
+        classesObj = __spreadProps(__spreadValues({}, defaultClassesObj), {
+          [`${prefixCls}-vertical`]: props.direction === "vertical"
+        });
+      }
+      return classesObj;
     });
     return { classes };
   }
 });
 function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
+  return _ctx.direction === "horizontal" ? (openBlock(), createElementBlock("view", {
+    key: 0,
     class: normalizeClass(_ctx.classes)
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 2);
+  ], 2)) : (openBlock(), createElementBlock("view", {
+    key: 1,
+    class: normalizeClass(_ctx.classes)
+  }, null, 2));
 }
 var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
 function flattenVNodes(children, childName) {
@@ -1613,6 +1652,7 @@ const _sfc_main$1w = create$1w({
     leftShow: { type: Boolean, default: true },
     title: { type: String, default: "" },
     titIcon: { type: String, default: "" },
+    leftText: { type: String, default: "" },
     desc: { type: String, default: "" },
     fixed: {
       type: Boolean,
@@ -1621,19 +1661,49 @@ const _sfc_main$1w = create$1w({
     safeAreaInsetTop: {
       type: Boolean,
       default: false
+    },
+    border: {
+      type: Boolean,
+      default: false
+    },
+    placeholder: {
+      type: Boolean,
+      default: true
+    },
+    zIndex: {
+      type: [Number, String],
+      default: 10
     }
   },
   emits: ["on-click-back", "on-click-title", "on-click-icon", "on-click-right"],
   setup(props, { emit }) {
-    const { fixed, safeAreaInsetTop } = toRefs(props);
+    const { border, fixed, safeAreaInsetTop, placeholder, zIndex } = toRefs(props);
+    const navBarWrap = ref(null);
+    const navBarHtml = ref(null);
+    let navHeight = ref(0);
     const classes = computed(() => {
       const prefixCls = componentName$1b;
       return {
         [prefixCls]: true,
+        [`${prefixCls}--border`]: border.value,
         [`${prefixCls}--fixed`]: fixed.value,
         [`${prefixCls}--safe-area-inset-top`]: safeAreaInsetTop.value
       };
     });
+    const styles = computed(() => {
+      return {
+        zIndex: zIndex.value
+      };
+    });
+    onMounted(() => {
+      if (fixed.value && placeholder.value) {
+        nextTick(() => {
+          var _a;
+          navHeight = (_a = navBarHtml == null ? void 0 : navBarHtml.value) == null ? void 0 : _a.getBoundingClientRect().height;
+          navBarWrap.value.style.height = navHeight + "px";
+        });
+      }
+    });
     function handleLeft() {
       emit("on-click-back");
     }
@@ -1647,7 +1717,10 @@ const _sfc_main$1w = create$1w({
       emit("on-click-right");
     }
     return {
+      navBarWrap,
+      navBarHtml,
       classes,
+      styles,
       handleLeft,
       handleCenter,
       handleCenterIcon,
@@ -1655,28 +1728,93 @@ const _sfc_main$1w = create$1w({
     };
   }
 });
-const _hoisted_1$1b = { class: "nut-navbar__left" };
-const _hoisted_2$$ = { class: "nut-navbar__title" };
-const _hoisted_3$N = { class: "nut-navbar__right" };
+const _hoisted_1$1b = {
+  key: 0,
+  class: "nut-navbar--placeholder",
+  ref: "navBarWrap"
+};
+const _hoisted_2$$ = {
+  key: 1,
+  class: "nut-navbar__text"
+};
+const _hoisted_3$M = { class: "nut-navbar__title" };
+const _hoisted_4$E = {
+  key: 0,
+  class: "nut-navbar__text"
+};
+const _hoisted_5$s = {
+  key: 1,
+  class: "nut-navbar__text"
+};
+const _hoisted_6$o = { class: "nut-navbar__title" };
+const _hoisted_7$j = {
+  key: 0,
+  class: "nut-navbar__text"
+};
 function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.classes)
+  return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1$1b, [
+    createElementVNode("view", {
+      class: normalizeClass(_ctx.classes),
+      style: normalizeStyle(_ctx.styles),
+      ref: "navBarHtml"
+    }, [
+      createElementVNode("view", {
+        class: "nut-navbar__left",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+      }, [
+        _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 0,
+          color: "#979797",
+          name: "left"
+        })) : createCommentVNode("", true),
+        _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_2$$, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "left")
+      ]),
+      createElementVNode("view", _hoisted_3$M, [
+        _ctx.title ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: "title",
+          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
+        }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
+        _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
+          key: 1,
+          class: "icon",
+          name: _ctx.titIcon,
+          onClick: _ctx.handleCenterIcon
+        }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "content")
+      ]),
+      createElementVNode("view", {
+        class: "nut-navbar__right",
+        onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      }, [
+        _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_4$E, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "right")
+      ])
+    ], 6)
+  ], 512)) : (openBlock(), createElementBlock("view", {
+    key: 1,
+    class: normalizeClass(_ctx.classes),
+    style: normalizeStyle(_ctx.styles)
   }, [
-    createElementVNode("view", _hoisted_1$1b, [
+    createElementVNode("view", {
+      class: "nut-navbar__left",
+      onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+    }, [
       _ctx.leftShow ? (openBlock(), createBlock(_component_nut_icon, {
         key: 0,
         color: "#979797",
-        name: "left",
-        onClick: _ctx.handleLeft
-      }, null, 8, ["onClick"])) : createCommentVNode("", true),
+        name: "left"
+      })) : createCommentVNode("", true),
+      _ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "left")
     ]),
-    createElementVNode("view", _hoisted_2$$, [
+    createElementVNode("view", _hoisted_6$o, [
       _ctx.title ? (openBlock(), createElementBlock("view", {
         key: 0,
         class: "title",
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
+        onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
       }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
       _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
         key: 1,
@@ -1686,18 +1824,17 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "content")
     ]),
-    createElementVNode("view", _hoisted_3$N, [
-      _ctx.desc ? (openBlock(), createElementBlock("view", {
-        key: 0,
-        class: "right_text",
-        onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
-      }, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
+    createElementVNode("view", {
+      class: "nut-navbar__right",
+      onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+    }, [
+      _ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_7$j, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "right")
     ])
-  ], 2);
+  ], 6));
 }
 var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["render", _sfc_render$1q]]);
-const { componentName: componentName$1a, create: create$1v, translate: translate$p } = createComponent("fixednav");
+const { componentName: componentName$1a, create: create$1v, translate: translate$r } = createComponent("fixednav");
 const _sfc_main$1v = create$1v({
   components: {
     [OverLay.name]: OverLay
@@ -1756,18 +1893,18 @@ const _sfc_main$1v = create$1v({
         event
       });
     };
-    return { classes, updateValue, selected, translate: translate$p };
+    return { classes, updateValue, selected, translate: translate$r };
   }
 });
 const _hoisted_1$1a = { class: "nut-fixednav__list" };
 const _hoisted_2$_ = ["onClick"];
-const _hoisted_3$M = ["src"];
+const _hoisted_3$L = ["src"];
 const _hoisted_4$D = { class: "span" };
 const _hoisted_5$r = {
   key: 0,
   class: "b"
 };
-const _hoisted_6$o = { class: "text" };
+const _hoisted_6$n = { class: "text" };
 function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_overlay = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -1791,7 +1928,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("img", {
               src: item.icon
-            }, null, 8, _hoisted_3$M),
+            }, null, 8, _hoisted_3$L),
             createElementVNode("view", _hoisted_4$D, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$r, toDisplayString(item.num), 1)) : createCommentVNode("", true)
           ], 8, _hoisted_2$_);
@@ -1807,7 +1944,7 @@ function _sfc_render$1p(_ctx, _cache, $props, $setup, $data, $options) {
           name: "left",
           color: "#fff"
         }),
-        createElementVNode("view", _hoisted_6$o, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+        createElementVNode("view", _hoisted_6$n, toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
       ])
     ])
   ], 6);
@@ -1827,11 +1964,15 @@ const _sfc_main$1u = create$1u({
     duration: {
       type: [Number, String],
       default: 0
+    },
+    closeOnClickOverlay: {
+      type: Boolean,
+      default: true
     }
   },
   setup(props, { emit, slots }) {
     const barRef = ref();
-    const offset = ref(0);
+    const offset2 = ref(0);
     const useChildren = () => {
       const publicChildren = reactive([]);
       const internalChildren = reactive([]);
@@ -1864,10 +2005,10 @@ const _sfc_main$1u = create$1u({
     const updateOffset = () => {
       if (barRef.value) {
         const rect = useRect(barRef);
-        offset.value = rect.bottom;
+        offset2.value = rect.bottom;
       }
     };
-    linkChildren({ props, offset });
+    linkChildren({ props, offset: offset2 });
     const toggleItem = (active) => {
       children.forEach((item, index) => {
         if (index === active) {
@@ -2046,7 +2187,8 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
       overlayClass: "nut-menu__overlay",
       overlay: _ctx.parent.props.overlay,
       onClosed: _ctx.handleClose,
-      isWrapTeleport: false
+      isWrapTeleport: false,
+      "close-on-click-overlay": _ctx.parent.props.closeOnClickOverlay
     }), {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$18, [
@@ -2071,7 +2213,7 @@ function _sfc_render$1n(_ctx, _cache, $props, $setup, $data, $options) {
         ])
       ]),
       _: 3
-    }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+    }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed", "close-on-click-overlay"])
   ], 2)), [
     [vShow, _ctx.state.showWrapper]
   ]);
@@ -2218,6 +2360,7 @@ const _sfc_main$1r = create$1r({
       setTimeout(() => {
         if (parent.children[value].href) {
           window.location.href = parent.children[value].href;
+          return;
         }
         if (parent.children[value].to) {
           let to = parent.children[value].to;
@@ -2240,7 +2383,7 @@ const _hoisted_2$X = {
   key: 0,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_num"
 };
-const _hoisted_3$L = {
+const _hoisted_3$K = {
   key: 1,
   class: "nut-tabbar-item_icon-box_tips nut-tabbar-item_icon-box_nums"
 };
@@ -2249,7 +2392,7 @@ const _hoisted_4$C = {
   class: "nut-tabbar-item_icon-box_dot"
 };
 const _hoisted_5$q = { key: 2 };
-const _hoisted_6$n = { key: 0 };
+const _hoisted_6$m = { key: 0 };
 function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", {
@@ -2261,7 +2404,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
   }, [
     createElementVNode("view", _hoisted_1$17, [
       !_ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$X, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$L, toDisplayString("99+"))) : createCommentVNode("", true)
+        _ctx.num && _ctx.num <= 99 ? (openBlock(), createElementBlock("view", _hoisted_2$X, toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (openBlock(), createElementBlock("view", _hoisted_3$K, toDisplayString("99+"))) : createCommentVNode("", true)
       ], 64)) : createCommentVNode("", true),
       _ctx.dot ? (openBlock(), createElementBlock("div", _hoisted_4$C)) : createCommentVNode("", true),
       _ctx.icon ? (openBlock(), createElementBlock("view", _hoisted_5$q, [
@@ -2285,7 +2428,7 @@ function _sfc_render$1l(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg }])
       }, [
-        _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_6$n, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true),
+        _ctx.tabTitle ? (openBlock(), createElementBlock("view", _hoisted_6$m, toDisplayString(_ctx.tabTitle), 1)) : createCommentVNode("", true),
         !_ctx.tabTitle ? renderSlot(_ctx.$slots, "default", { key: 1 }) : createCommentVNode("", true)
       ], 2)
     ])
@@ -2330,7 +2473,8 @@ const _sfc_main$1q = create$1q({
       },
       scrollStart: false,
       currentIndex: 0,
-      currentData: {}
+      currentData: {},
+      currentKey: ""
     });
     const classes = computed(() => {
       const prefixCls = componentName$17;
@@ -2373,9 +2517,6 @@ const _sfc_main$1q = create$1q({
       if (!index && index !== 0) {
         return;
       }
-      if (!state.listHeight.length) {
-        calculateHeight();
-      }
       if (index < 0)
         index = 0;
       if (index > state.listHeight.length - 2)
@@ -2405,6 +2546,7 @@ const _sfc_main$1q = create$1q({
     const handleClickItem = (key, item) => {
       context.emit("click-item", key, item);
       state.currentData = item;
+      state.currentKey = key;
     };
     const handleClickIndex = (key) => {
       context.emit("click-index", key);
@@ -2412,6 +2554,10 @@ const _sfc_main$1q = create$1q({
     useExpose({
       scrollTo
     });
+    watch(() => state.listGroup.length, () => {
+      state.listHeight = [];
+      nextTick(calculateHeight);
+    });
     return __spreadProps(__spreadValues({
       classes
     }, toRefs(state)), {
@@ -2427,7 +2573,7 @@ const _sfc_main$1q = create$1q({
 });
 const _hoisted_1$16 = { class: "nut-elevator__list__item__code" };
 const _hoisted_2$W = ["onClick", "innerHTML"];
-const _hoisted_3$K = { class: "nut-elevator__bars__inner" };
+const _hoisted_3$J = { class: "nut-elevator__bars__inner" };
 const _hoisted_4$B = ["data-index", "onClick"];
 function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
@@ -2442,19 +2588,20 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createElementBlock("view", {
           class: "nut-elevator__list__item",
           key: item[_ctx.acceptKey],
-          ref_for: true,
           ref: _ctx.setListGroup
         }, [
           createElementVNode("view", _hoisted_1$16, toDisplayString(item[_ctx.acceptKey]), 1),
           (openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
             return openBlock(), createElementBlock("view", {
-              class: normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
+              class: normalizeClass(["nut-elevator__list__item__name", {
+                "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id && _ctx.currentKey === item[_ctx.acceptKey]
+              }]),
               key: subitem["id"],
               onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
               innerHTML: subitem.name
             }, null, 10, _hoisted_2$W);
           }), 128))
-        ]);
+        ], 512);
       }), 128))
     ], 4),
     _ctx.indexList.length ? withDirectives((openBlock(), createElementBlock("view", {
@@ -2469,7 +2616,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
       onTouchmove: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
       onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
     }, [
-      createElementVNode("view", _hoisted_3$K, [
+      createElementVNode("view", _hoisted_3$J, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.indexList, (item, index) => {
           return openBlock(), createElementBlock("view", {
             class: "nut-elevator__bars__inner__item",
@@ -2483,7 +2630,7 @@ function _sfc_render$1k(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Elevator = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["render", _sfc_render$1k]]);
-const { componentName: componentName$16, create: create$1p, translate: translate$o } = createComponent("pagination");
+const { componentName: componentName$16, create: create$1p, translate: translate$q } = createComponent("pagination");
 const _sfc_main$1p = create$1p({
   props: {
     modelValue: {
@@ -2586,7 +2733,7 @@ const _sfc_main$1p = create$1p({
       mode,
       pages,
       forceEllipses,
-      translate: translate$o
+      translate: translate$q
     };
   }
 });
@@ -2595,7 +2742,7 @@ const _hoisted_2$V = {
   key: 0,
   class: "nut-pagination-contain"
 };
-const _hoisted_3$J = ["onClick"];
+const _hoisted_3$I = ["onClick"];
 const _hoisted_4$A = {
   key: 1,
   class: "nut-pagination-contain"
@@ -2621,7 +2768,7 @@ function _sfc_render$1j(_ctx, _cache, $props, $setup, $data, $options) {
           renderSlot(_ctx.$slots, "page", { item }, () => [
             createTextVNode(toDisplayString(item.text), 1)
           ])
-        ], 10, _hoisted_3$J);
+        ], 10, _hoisted_3$I);
       }), 128))
     ])) : createCommentVNode("", true),
     _ctx.mode == "simple" ? (openBlock(), createElementBlock("view", _hoisted_4$A, [
@@ -2675,6 +2822,10 @@ const component$3 = {
       type: Boolean,
       default: true
     },
+    autoHeight: {
+      type: Boolean,
+      default: false
+    },
     background: {
       type: String,
       default: ""
@@ -2692,18 +2843,19 @@ const component$3 = {
   emits: ["update:modelValue", "click", "change"],
   setup(props, { emit, slots }) {
     provide("activeKey", { activeKey: computed(() => props.modelValue) });
+    provide("autoHeight", { autoHeight: computed(() => props.autoHeight) });
     const titles = ref([]);
     const renderTitles = (vnodes) => {
       vnodes.forEach((vnode, index) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f, _g;
         let type = vnode.type;
         type = type.name || type;
         if (type == "nut-tabpane") {
           let title = new Title();
-          if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"])) {
-            title.title = (_c = vnode.props) == null ? void 0 : _c.title;
-            title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) || index;
-            title.disabled = (_e = vnode.props) == null ? void 0 : _e.disabled;
+          if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"]) || ((_c = vnode.props) == null ? void 0 : _c["paneKey"])) {
+            title.title = (_d = vnode.props) == null ? void 0 : _d.title;
+            title.paneKey = ((_e = vnode.props) == null ? void 0 : _e["pane-key"]) || ((_f = vnode.props) == null ? void 0 : _f["paneKey"]) || index;
+            title.disabled = (_g = vnode.props) == null ? void 0 : _g.disabled;
           }
           titles.value.push(title);
         } else {
@@ -2816,7 +2968,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["color"])
           ], 4)) : createCommentVNode("", true),
           createElementVNode("view", {
-            class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
+            class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
           }, toDisplayString(item.title), 3)
         ], 14, _hoisted_1$14);
       }), 128))
@@ -2851,12 +3003,16 @@ const _sfc_main$1n = create$1n({
   emits: ["click"],
   setup(props, { emit }) {
     const parent = inject("activeKey");
-    return { activeKey: parent.activeKey };
+    const parentOption = inject("autoHeight");
+    return {
+      activeKey: parent.activeKey,
+      autoHeight: parentOption.autoHeight
+    };
   }
 });
 function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
+    class: normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
@@ -3084,7 +3240,7 @@ const _sfc_main$1j = create$1j({
 });
 const _hoisted_1$11 = ["ikey"];
 const _hoisted_2$S = { class: "nut-subsidenavbar__title__text" };
-const _hoisted_3$I = { class: "nut-subsidenavbar__title__icon" };
+const _hoisted_3$H = { class: "nut-subsidenavbar__title__icon" };
 function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -3096,7 +3252,7 @@ function _sfc_render$1e(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
     }, [
       createElementVNode("span", _hoisted_2$S, toDisplayString(_ctx.title), 1),
-      createElementVNode("span", _hoisted_3$I, [
+      createElementVNode("span", _hoisted_3$H, [
         createVNode(_component_nut_icon, {
           name: "down-arrow",
           class: normalizeClass(_ctx.direction)
@@ -3139,7 +3295,7 @@ function useTouch$2() {
     offsetY.value = 0;
     direction.value = "";
   };
-  const start = (event) => {
+  const start2 = (event) => {
     reset();
     startX.value = event.touches[0].clientX;
     startY.value = event.touches[0].clientY;
@@ -3156,7 +3312,7 @@ function useTouch$2() {
   };
   return {
     move,
-    start,
+    start: start2,
     reset,
     startX,
     startY,
@@ -3292,9 +3448,9 @@ const _sfc_main$1i = create$1i({
       let lowerBound = Number(min);
       let upperBound = Number(max);
       if (props.range) {
-        const [left, right] = modelValue;
-        lowerBound = left;
-        upperBound = right;
+        const [left2, right2] = modelValue;
+        lowerBound = left2;
+        upperBound = right2;
       } else {
         upperBound = modelValue;
       }
@@ -3321,9 +3477,9 @@ const _sfc_main$1i = create$1i({
       let lowerBound = Number(min);
       let upperBound = Number(max);
       if (props.range) {
-        const [left, right] = modelValue;
-        lowerBound = left;
-        upperBound = right;
+        const [left2, right2] = modelValue;
+        lowerBound = left2;
+        upperBound = right2;
       }
       let isActive = mark <= upperBound && mark >= lowerBound;
       let style = {
@@ -3343,7 +3499,7 @@ const _sfc_main$1i = create$1i({
       }
       return value;
     };
-    const updateValue = (value, end) => {
+    const updateValue = (value, end2) => {
       if (isRange(value)) {
         value = handleOverlap(value).map(format);
       } else {
@@ -3352,7 +3508,7 @@ const _sfc_main$1i = create$1i({
       if (!isSameValue(value, props.modelValue)) {
         emit("update:modelValue", value);
       }
-      if (end && !isSameValue(value, startValue)) {
+      if (end2 && !isSameValue(value, startValue)) {
         emit("change", value);
       }
     };
@@ -3370,12 +3526,12 @@ const _sfc_main$1i = create$1i({
       }
       const value = Number(min) + delta / total * scope.value;
       if (isRange(modelValue)) {
-        const [left, right] = modelValue;
-        const middle = (left + right) / 2;
+        const [left2, right2] = modelValue;
+        const middle = (left2 + right2) / 2;
         if (value <= middle) {
-          updateValue([value, right], true);
+          updateValue([value, right2], true);
         } else {
-          updateValue([left, value], true);
+          updateValue([left2, value], true);
         }
       } else {
         updateValue(value, true);
@@ -3464,13 +3620,13 @@ const _hoisted_2$R = {
   key: 0,
   class: "nut-range-mark"
 };
-const _hoisted_3$H = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
+const _hoisted_3$G = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax", "onTouchstart"];
 const _hoisted_4$z = {
   key: 0,
   class: "number"
 };
 const _hoisted_5$o = ["tabindex", "aria-valuemin", "aria-valuenow", "aria-valuemax"];
-const _hoisted_6$m = {
+const _hoisted_6$l = {
   key: 0,
   class: "number"
 };
@@ -3539,7 +3695,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
             }, [
               !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_4$z, toDisplayString(_ctx.curValue(index)), 1)) : createCommentVNode("", true)
             ], 4))
-          ], 42, _hoisted_3$H);
+          ], 42, _hoisted_3$G);
         }), 64)) : (openBlock(), createElementBlock("view", {
           key: 1,
           role: "slider",
@@ -3562,7 +3718,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
             class: "nut-range-button",
             style: normalizeStyle(_ctx.buttonStyle)
           }, [
-            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$m, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
+            !_ctx.hiddenTag ? (openBlock(), createElementBlock("view", _hoisted_6$l, toDisplayString(_ctx.curValue()), 1)) : createCommentVNode("", true)
           ], 4))
         ], 40, _hoisted_5$o))
       ], 4)
@@ -3571,7 +3727,7 @@ function _sfc_render$1d(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Range = /* @__PURE__ */ _export_sfc(_sfc_main$1i, [["render", _sfc_render$1d]]);
-const { create: create$1h, translate: translate$n } = createComponent("searchbar");
+const { create: create$1h, translate: translate$p } = createComponent("searchbar");
 const _sfc_main$1h = create$1h({
   props: {
     modelValue: {
@@ -3580,7 +3736,11 @@ const _sfc_main$1h = create$1h({
     },
     inputType: {
       type: String,
-      default: "text"
+      default: "textarea"
+    },
+    label: {
+      type: String,
+      default: ""
     },
     maxLength: {
       type: [String, Number],
@@ -3601,9 +3761,35 @@ const _sfc_main$1h = create$1h({
     inputBackground: {
       type: String,
       default: ""
+    },
+    autofocus: {
+      type: Boolean,
+      default: false
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    readonly: {
+      type: Boolean,
+      default: false
+    },
+    inputAlign: {
+      type: String,
+      default: "left"
     }
   },
-  emits: ["change", "update:modelValue", "blur", "focus", "clear", "search"],
+  emits: [
+    "change",
+    "update:modelValue",
+    "blur",
+    "focus",
+    "clear",
+    "search",
+    "click-input",
+    "click-left-icon",
+    "click-right-icon"
+  ],
   setup(props, { emit }) {
     const state = reactive({
       active: false
@@ -3652,7 +3838,29 @@ const _sfc_main$1h = create$1h({
     const handleSubmit = () => {
       emit("search", props.modelValue);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    const clickInput = (event) => {
+      emit("click-input", event);
+    };
+    const leftIconClick = (event) => {
+      emit("click-left-icon", props.modelValue, event);
+    };
+    const rightIconClick = (event) => {
+      emit("click-right-icon", props.modelValue, event);
+    };
+    const styleSearchbar = computed(() => {
+      return {
+        "text-align": props.inputAlign
+      };
+    });
+    const inputsearch = ref(null);
+    onMounted(() => {
+      if (props.autofocus) {
+        inputsearch.value.focus();
+      }
+    });
+    return __spreadProps(__spreadValues({
+      inputsearch
+    }, toRefs(state)), {
       valueChange,
       valueFocus,
       valueBlur,
@@ -3660,26 +3868,26 @@ const _sfc_main$1h = create$1h({
       handleSubmit,
       searchbarStyle,
       inputSearchbarStyle,
-      translate: translate$n
+      translate: translate$p,
+      clickInput,
+      leftIconClick,
+      rightIconClick,
+      styleSearchbar
     });
   }
 });
 const _hoisted_1$$ = {
   key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
+  class: "nut-searchbar__search-label"
 };
 const _hoisted_2$Q = {
-  key: 0,
-  class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon"
-};
-const _hoisted_3$G = { class: "nut-searchbar__input-inner" };
-const _hoisted_4$y = ["type", "maxlength", "placeholder", "value"];
-const _hoisted_5$n = {
   key: 1,
-  class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon"
+  class: "nut-searchbar__search-icon nut-searchbar__left-search-icon"
 };
-const _hoisted_6$l = {
-  key: 1,
+const _hoisted_3$F = { class: "nut-searchbar__input-inner" };
+const _hoisted_4$y = ["type", "maxlength", "placeholder", "value", "disabled", "readonly"];
+const _hoisted_5$n = {
+  key: 2,
   class: "nut-searchbar__search-icon nut-searchbar__right-search-icon"
 };
 function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
@@ -3688,35 +3896,45 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
     class: "nut-searchbar",
     style: normalizeStyle(_ctx.searchbarStyle)
   }, [
-    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_1$$, [
+    _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$$, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+    _ctx.$slots.leftout ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
       renderSlot(_ctx.$slots, "leftout")
     ])) : createCommentVNode("", true),
     createElementVNode("view", {
       class: "nut-searchbar__search-input",
       style: normalizeStyle(_ctx.inputSearchbarStyle)
     }, [
-      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", _hoisted_2$Q, [
+      _ctx.$slots.leftin ? (openBlock(), createElementBlock("view", {
+        key: 0,
+        class: "nut-searchbar__search-icon nut-searchbar__iptleft-search-icon",
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.leftIconClick && _ctx.leftIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "leftin")
       ])) : createCommentVNode("", true),
-      createElementVNode("view", _hoisted_3$G, [
+      createElementVNode("view", _hoisted_3$F, [
         createElementVNode("form", {
           action: "#",
-          onSubmit: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+          onSubmit: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
         }, [
           createElementVNode("input", {
+            ref: "inputsearch",
             class: "nut-searchbar__input-bar",
             type: _ctx.inputType,
             maxlength: _ctx.maxLength,
             placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
             value: _ctx.modelValue,
-            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$y)
+            disabled: _ctx.disabled,
+            readonly: _ctx.readonly,
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.clickInput && _ctx.clickInput(...args)),
+            onInput: _cache[2] || (_cache[2] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
+            onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
+            onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args)),
+            style: normalizeStyle(_ctx.styleSearchbar)
+          }, null, 44, _hoisted_4$y)
         ], 32),
         _ctx.clearable ? withDirectives((openBlock(), createElementBlock("view", {
           key: 0,
-          onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
+          onClick: _cache[6] || (_cache[6] = (...args) => _ctx.handleClear && _ctx.handleClear(...args)),
           class: "nut-searchbar__input-clear"
         }, [
           createVNode(_component_nut_icon, {
@@ -3728,11 +3946,15 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
           [vShow, _ctx.modelValue.length > 0]
         ]) : createCommentVNode("", true)
       ]),
-      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", _hoisted_5$n, [
+      _ctx.$slots.rightin ? (openBlock(), createElementBlock("view", {
+        key: 1,
+        class: "nut-searchbar__search-icon nut-searchbar__iptright-sarch-icon",
+        onClick: _cache[7] || (_cache[7] = (...args) => _ctx.rightIconClick && _ctx.rightIconClick(...args))
+      }, [
         renderSlot(_ctx.$slots, "rightin")
       ])) : createCommentVNode("", true)
     ], 4),
-    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_6$l, [
+    _ctx.$slots.rightout ? (openBlock(), createElementBlock("view", _hoisted_5$n, [
       renderSlot(_ctx.$slots, "rightout")
     ])) : createCommentVNode("", true)
   ], 4);
@@ -3854,7 +4076,7 @@ class Tree {
     return Array.isArray(children) && Boolean(children.length);
   }
 }
-const { create: create$1g, translate: translate$m } = createComponent("cascader-item");
+const { create: create$1g, translate: translate$o } = createComponent("cascader-item");
 const _sfc_main$1g = create$1g({
   props: {
     visible: Boolean,
@@ -4046,7 +4268,7 @@ const _sfc_main$1g = create$1g({
         tabsCursor.value = tab.paneKey;
       },
       formatTabTitle(pane) {
-        return pane.selectedNode ? pane.selectedNode.text : translate$m("select");
+        return pane.selectedNode ? pane.selectedNode.text : translate$o("select");
       },
       isSelected(pane, node) {
         return pane.selectedNode && pane.selectedNode.value === node.value;
@@ -4077,7 +4299,7 @@ const _hoisted_1$_ = {
   class: "nut-cascader-pane"
 };
 const _hoisted_2$P = ["aria-checked", "aria-disabled", "onClick"];
-const _hoisted_3$F = { class: "nut-cascader-item__title" };
+const _hoisted_3$E = { class: "nut-cascader-item__title" };
 const _hoisted_4$x = /* @__PURE__ */ createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
 function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
@@ -4107,7 +4329,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
                   role: "menuitemradio",
                   onClick: ($event) => _ctx.handleNode(node, false)
                 }, [
-                  createElementVNode("view", _hoisted_3$F, toDisplayString(node.text), 1),
+                  createElementVNode("view", _hoisted_3$E, toDisplayString(node.text), 1),
                   node.loading ? (openBlock(), createBlock(_component_nut_icon, {
                     key: 0,
                     class: "nut-cascader-item__icon-loading",
@@ -4332,7 +4554,7 @@ function requestAniFrame() {
   }
 }
 var requestAniFrame$1 = requestAniFrame();
-const { create: create$1e, translate: translate$l } = createComponent("calendar-item");
+const { create: create$1e, translate: translate$n } = createComponent("calendar-item");
 const _sfc_main$1e = create$1e({
   props: {
     type: {
@@ -4390,7 +4612,7 @@ const _sfc_main$1e = create$1e({
   },
   emits: ["choose", "update", "close", "select"],
   setup(props, { emit, slots }) {
-    const weeks = ref(translate$l("weekdays"));
+    const weeks = ref(translate$n("weekdays"));
     const months = ref(null);
     const monthsPanel = ref(null);
     const weeksPanel = ref(null);
@@ -4572,7 +4794,7 @@ const _sfc_main$1e = create$1e({
       };
       const monthInfo = {
         curData,
-        title: translate$l("monthTitle", title.year, title.month),
+        title: translate$n("monthTitle", title.year, title.month),
         monthData: [
           ...getPreDaysStatus(preMonthDays, "prev", { month: preMonth, year: preYear }, preCurrMonthDays),
           ...getDaysStatus(currMonthDays, "curr", title)
@@ -4645,11 +4867,11 @@ const _sfc_main$1e = create$1e({
       let current = 0;
       let lastCurrent = 0;
       state.monthsData.forEach((item, index) => {
-        if (item.title == translate$l("monthTitle", state.defaultData[0], state.defaultData[1])) {
+        if (item.title == translate$n("monthTitle", state.defaultData[0], state.defaultData[1])) {
           current = index;
         }
         if (state.isRange) {
-          if (item.title == translate$l("monthTitle", state.defaultData[3], state.defaultData[4])) {
+          if (item.title == translate$n("monthTitle", state.defaultData[3], state.defaultData[4])) {
             lastCurrent = index;
           }
         }
@@ -4774,7 +4996,7 @@ const _sfc_main$1e = create$1e({
       weeksPanel,
       viewArea
     }, toRefs(state)), toRefs(props)), {
-      translate: translate$l
+      translate: translate$n
     });
   }
 });
@@ -4786,7 +5008,7 @@ const _hoisted_2$O = {
   key: 1,
   class: "calendar-top-slot"
 };
-const _hoisted_3$E = {
+const _hoisted_3$D = {
   key: 2,
   class: "calendar-curr-month"
 };
@@ -4836,7 +5058,7 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.showTopBtn ? (openBlock(), createElementBlock("view", _hoisted_2$O, [
         renderSlot(_ctx.$slots, "btn")
       ])) : createCommentVNode("", true),
-      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$E, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
+      _ctx.showSubTitle ? (openBlock(), createElementBlock("view", _hoisted_3$D, toDisplayString(_ctx.yearMonthTitle), 1)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$w, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weeks, (item, index) => {
           return openBlock(), createElementBlock("view", {
@@ -5519,7 +5741,7 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
   ], 32);
 }
 var column$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$17]]);
-const { componentName: componentName$_, create: create$19, translate: translate$k } = createComponent("picker");
+const { componentName: componentName$_, create: create$19, translate: translate$m } = createComponent("picker");
 const _sfc_main$19 = create$19({
   components: {
     [column$1.name]: column$1,
@@ -5633,7 +5855,7 @@ const _sfc_main$19 = create$19({
             cursor = cursor.children[0];
           }
         } else {
-          defaultValues.value[columnIndex] = option.value ? option.value : "";
+          defaultValues.value[columnIndex] = option.hasOwnProperty("value") ? option.value : "";
         }
         emit("change", {
           columnIndex,
@@ -5650,6 +5872,7 @@ const _sfc_main$19 = create$19({
       emit("update:visible", false);
     };
     onMounted(() => {
+      console.log(11, props.columns);
       if (props.visible)
         state.show = props.visible;
     });
@@ -5670,6 +5893,7 @@ const _sfc_main$19 = create$19({
       }
     }, { immediate: true });
     watch(() => props.visible, (val) => {
+      console.log("props\u66F4\u65B0", props.columns);
       state.show = val;
     });
     watch(() => props.columns, (val) => {
@@ -5686,13 +5910,13 @@ const _sfc_main$19 = create$19({
       changeHandler,
       confirmHandler,
       defaultValues,
-      translate: translate$k
+      translate: translate$m
     });
   }
 });
 const _hoisted_1$W = { class: "nut-picker__bar" };
 const _hoisted_2$M = { class: "nut-picker__title" };
-const _hoisted_3$D = { class: "nut-picker__column" };
+const _hoisted_3$C = { class: "nut-picker__column" };
 const _hoisted_4$v = /* @__PURE__ */ createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
 function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_picker_column = resolveComponent("nut-picker-column");
@@ -5724,7 +5948,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
           }, toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
         ]),
         renderSlot(_ctx.$slots, "top"),
-        createElementVNode("view", _hoisted_3$D, [
+        createElementVNode("view", _hoisted_3$C, [
           _hoisted_4$v,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnsList, (column2, columnIndex) => {
             return openBlock(), createElementBlock("view", {
@@ -5758,18 +5982,18 @@ function padZero$1(num, targetLength = 2) {
   }
   return str;
 }
-const { componentName: componentName$Z, create: create$18 } = createComponent("datepicker");
+const { componentName: componentName$Z, create: create$18, translate: translate$l } = createComponent("datepicker");
 const currentYear = new Date().getFullYear();
 function isDate(val) {
   return Object.prototype.toString.call(val) === "[object Date]" && !isNaN(val.getTime());
 }
 const zhCNType = {
-  day: "\u65E5",
-  year: "\u5E74",
-  month: "\u6708",
-  hour: "\u65F6",
-  minute: "\u5206",
-  seconds: "\u79D2"
+  day: translate$l("day"),
+  year: translate$l("year"),
+  month: translate$l("month"),
+  hour: translate$l("hour"),
+  minute: translate$l("minute"),
+  seconds: translate$l("seconds")
 };
 const _sfc_main$18 = create$18({
   components: {
@@ -6238,7 +6462,7 @@ function formatNumber(value, allowDot = true, allowMinus = true) {
   const regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
   return value.replace(regExp, "");
 }
-const { componentName: componentName$X, create: create$16, translate: translate$j } = createComponent("input");
+const { componentName: componentName$X, create: create$16, translate: translate$k } = createComponent("input");
 const _sfc_main$16 = create$16({
   props: {
     ref: {
@@ -6510,13 +6734,13 @@ const _sfc_main$16 = create$16({
       onClickInput,
       onClickLeftIcon,
       onClickRightIcon,
-      translate: translate$j
+      translate: translate$k
     };
   }
 });
 const _hoisted_1$U = { class: "label-string" };
 const _hoisted_2$L = { class: "nut-input-value" };
-const _hoisted_3$C = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+const _hoisted_3$B = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
 const _hoisted_4$u = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
 const _hoisted_5$l = {
   key: 0,
@@ -6568,7 +6792,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
           onInput: _cache[1] || (_cache[1] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
           onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
           onBlur: _cache[3] || (_cache[3] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-        }, null, 44, _hoisted_3$C)) : (openBlock(), createElementBlock("input", {
+        }, null, 44, _hoisted_3$B)) : (openBlock(), createElementBlock("input", {
           key: 1,
           class: "input-text",
           ref: "inputRef",
@@ -6875,7 +7099,7 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
   ], 2);
 }
 var Rate = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$12]]);
-const { create: create$12, translate: translate$i } = createComponent("shortpassword");
+const { create: create$12, translate: translate$j } = createComponent("shortpassword");
 const _sfc_main$12 = create$12({
   props: {
     title: {
@@ -6997,13 +7221,13 @@ const _sfc_main$12 = create$12({
       show,
       systemStyle,
       closeIcon,
-      translate: translate$i
+      translate: translate$j
     };
   }
 });
 const _hoisted_1$S = { class: "nut-shortpsd-title" };
 const _hoisted_2$K = { class: "nut-shortpsd-subtitle" };
-const _hoisted_3$B = { class: "nut-input-normalw" };
+const _hoisted_3$A = { class: "nut-input-normalw" };
 const _hoisted_4$t = /* @__PURE__ */ createElementVNode("div", { class: "nut-input-site" }, null, -1);
 const _hoisted_5$k = {
   key: 0,
@@ -7040,7 +7264,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createElementVNode("view", _hoisted_1$S, toDisplayString(_ctx.title || _ctx.translate("title")), 1),
         createElementVNode("view", _hoisted_2$K, toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-        createElementVNode("div", _hoisted_3$B, [
+        createElementVNode("div", _hoisted_3$A, [
           withDirectives(createElementVNode("input", {
             ref: "realpwd",
             class: "nut-input-real",
@@ -7096,7 +7320,7 @@ function _sfc_render$11(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 var ShortPassword = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$11]]);
-const { componentName: componentName$T, create: create$11, translate: translate$h } = createComponent("textarea");
+const { componentName: componentName$T, create: create$11, translate: translate$i } = createComponent("textarea");
 const _sfc_main$11 = create$11({
   props: {
     modelValue: {
@@ -7220,7 +7444,7 @@ const _sfc_main$11 = create$11({
       change,
       focus,
       blur,
-      translate: translate$h
+      translate: translate$i
     };
   }
 });
@@ -7333,16 +7557,17 @@ class Uploader$1 {
     }
   }
 }
-const { componentName: componentName$S, create: create$10, translate: translate$g } = createComponent("uploader");
+const { translate: translate$h } = createComponent("uploader");
 class FileItem {
   constructor() {
     this.status = "ready";
-    this.message = translate$g("ready");
+    this.message = translate$h("ready");
     this.uid = new Date().getTime().toString();
     this.percentage = 0;
     this.formData = new FormData();
   }
 }
+const { componentName: componentName$S, create: create$10, translate: translate$g } = createComponent("uploader");
 const _sfc_main$10 = create$10({
   props: {
     name: { type: String, default: "file" },
@@ -7563,7 +7788,7 @@ const _hoisted_1$Q = {
   class: "nut-uploader__slot"
 };
 const _hoisted_2$I = ["accept", "multiple", "name", "disabled"];
-const _hoisted_3$A = ["accept", "multiple", "name", "disabled"];
+const _hoisted_3$z = ["accept", "multiple", "name", "disabled"];
 const _hoisted_4$s = {
   key: 0,
   class: "nut-uploader__preview-img"
@@ -7620,7 +7845,7 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
           name: _ctx.name,
           disabled: _ctx.disabled,
           onChange: _cache[1] || (_cache[1] = (...args) => _ctx.onChange && _ctx.onChange(...args))
-        }, null, 40, _hoisted_3$A))
+        }, null, 40, _hoisted_3$z))
       ], 64)) : createCommentVNode("", true)
     ])) : createCommentVNode("", true),
     (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.fileList, (item, index) => {
@@ -7762,6 +7987,14 @@ const _sfc_main$$ = create$$({
     isWrapTeleport: {
       type: Boolean,
       default: true
+    },
+    teleport: {
+      type: [String, Element],
+      default: "body"
+    },
+    popClass: {
+      type: String,
+      default: ""
     }
   },
   emits: ["input", "delete", "close", "update:value"],
@@ -7879,7 +8112,7 @@ const _hoisted_2$H = {
   key: 0,
   class: "number-board-header"
 };
-const _hoisted_3$z = { class: "tit" };
+const _hoisted_3$y = { class: "tit" };
 const _hoisted_4$r = { class: "number-board-body" };
 const _hoisted_5$i = { class: "number-board" };
 const _hoisted_6$g = ["onTouchstart", "onTouchmove"];
@@ -7906,6 +8139,8 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     visible: _ctx.show,
     "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => _ctx.show = $event),
     position: "bottom",
+    teleport: _ctx.teleport,
+    popClass: _ctx.popClass,
     overlay: _ctx.overlay,
     onClickOverlay: _cache[7] || (_cache[7] = ($event) => _ctx.closeBoard()),
     isWrapTeleport: _ctx.isWrapTeleport,
@@ -7914,7 +8149,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       createElementVNode("div", _hoisted_1$P, [
         _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$H, [
-          createElementVNode("h3", _hoisted_3$z, toDisplayString(_ctx.title), 1),
+          createElementVNode("h3", _hoisted_3$y, toDisplayString(_ctx.title), 1),
           createElementVNode("span", {
             class: "keyboard-close",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
@@ -7975,7 +8210,7 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
       ], 512)
     ]),
     _: 1
-  }, 8, ["visible", "overlay", "isWrapTeleport"]);
+  }, 8, ["visible", "teleport", "popClass", "overlay", "isWrapTeleport"]);
 }
 var NumberKeyboard = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$_]]);
 const component$2 = {
@@ -8004,7 +8239,7 @@ const component$2 = {
     const findFormItem = (vnodes) => {
       let task = [];
       vnodes.forEach((vnode, index) => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d;
         let type = vnode.type;
         type = type.name || type;
         if (type == "nut-form-item") {
@@ -8014,6 +8249,11 @@ const component$2 = {
           });
         } else if (Array.isArray(vnode.children) && ((_c = vnode.children) == null ? void 0 : _c.length)) {
           task = task.concat(findFormItem(vnode.children));
+        } else if (isObject(vnode.children) && Object.keys(vnode.children)) {
+          if ((_d = vnode.children) == null ? void 0 : _d.default) {
+            vnode.children = vnode.children.default();
+            task = task.concat(findFormItem(vnode.children));
+          }
         }
       });
       return task;
@@ -8620,7 +8860,7 @@ const _sfc_main$X = create$X({
 });
 const _hoisted_1$M = { class: "nut-oldpicker__bar" };
 const _hoisted_2$F = { class: "nut-oldpicker__title" };
-const _hoisted_3$y = { class: "nut-oldpicker__column" };
+const _hoisted_3$x = { class: "nut-oldpicker__column" };
 const _hoisted_4$q = /* @__PURE__ */ createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
 function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_oldpicker_column = resolveComponent("nut-oldpicker-column");
@@ -8651,7 +8891,7 @@ function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
           }, toDisplayString(_ctx.okText), 1)
         ]),
-        createElementVNode("view", _hoisted_3$y, [
+        createElementVNode("view", _hoisted_3$x, [
           _hoisted_4$q,
           (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columnList, (item, columnIndex) => {
             return openBlock(), createElementBlock("view", {
@@ -8747,24 +8987,24 @@ const _sfc_main$W = create$W({
     });
     const setoffset = (deltaX) => {
       position = deltaX > 0 ? "right" : "left";
-      let offset = deltaX;
+      let offset2 = deltaX;
       switch (position) {
         case "left":
           if (opened && oldPosition === position) {
-            offset = -rightRefWidth.value;
+            offset2 = -rightRefWidth.value;
           } else {
-            offset = Math.abs(deltaX) > rightRefWidth.value ? -rightRefWidth.value : deltaX;
+            offset2 = Math.abs(deltaX) > rightRefWidth.value ? -rightRefWidth.value : deltaX;
           }
           break;
         case "right":
           if (opened && oldPosition === position) {
-            offset = leftRefWidth.value;
+            offset2 = leftRefWidth.value;
           } else {
-            offset = Math.abs(deltaX) > leftRefWidth.value ? leftRefWidth.value : deltaX;
+            offset2 = Math.abs(deltaX) > leftRefWidth.value ? leftRefWidth.value : deltaX;
           }
           break;
       }
-      state.offset = offset;
+      state.offset = offset2;
     };
     const touch = useTouch$2();
     const touchMethods = {
@@ -8829,7 +9069,7 @@ const _hoisted_1$L = {
   ref: "leftRef"
 };
 const _hoisted_2$E = { class: "nut-swipe__content" };
-const _hoisted_3$x = {
+const _hoisted_3$w = {
   class: "nut-swipe__right",
   ref: "rightRef"
 };
@@ -8848,7 +9088,7 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_2$E, [
       renderSlot(_ctx.$slots, "default")
     ]),
-    createElementVNode("view", _hoisted_3$x, [
+    createElementVNode("view", _hoisted_3$w, [
       renderSlot(_ctx.$slots, "right")
     ], 512)
   ], 38);
@@ -8935,7 +9175,7 @@ const _hoisted_2$D = {
   key: 0,
   class: "nut-actionsheet-title"
 };
-const _hoisted_3$w = { key: 1 };
+const _hoisted_3$v = { key: 1 };
 const _hoisted_4$p = {
   key: 0,
   class: "nut-actionsheet-item desc"
@@ -8965,7 +9205,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", _hoisted_1$K, [
           _ctx.title ? (openBlock(), createElementBlock("view", _hoisted_2$D, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default"),
-          !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_3$w, [
+          !_ctx.slotDefault ? (openBlock(), createElementBlock("view", _hoisted_3$v, [
             _ctx.description ? (openBlock(), createElementBlock("view", _hoisted_4$p, toDisplayString(_ctx.description), 1)) : createCommentVNode("", true),
             _ctx.menuItems.length ? (openBlock(), createElementBlock("view", _hoisted_5$h, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menuItems, (item, index) => {
@@ -9067,11 +9307,11 @@ const _sfc_main$U = create$U({
       }
     }
     function scrollAnimation() {
-      let cid = requestAniFrame2()(function fn() {
+      let cid = requestAniFrame2()(function fn2() {
         var t = props.duration - Math.max(0, state.startTime - +new Date() + props.duration);
         var y = t * -state.scrollTop / props.duration + state.scrollTop;
         scroll(y);
-        cid = requestAniFrame2()(fn);
+        cid = requestAniFrame2()(fn2);
         if (t == props.duration || y == 0) {
           window.cancelAnimationFrame(cid);
         }
@@ -9359,7 +9599,7 @@ const _sfc_main$S = create$S({
       default: ""
     },
     content: {
-      type: String,
+      type: [String, Object],
       default: ""
     },
     noFooter: {
@@ -9459,6 +9699,8 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => _ctx.showPopup = $event),
     "close-on-click-overlay": _ctx.closeOnClickOverlay,
     "lock-scroll": _ctx.lockScroll,
+    "pop-class": _ctx.overlayClass,
+    style: normalizeStyle(_ctx.overlayStyle),
     round: "",
     onClickOverlay: _ctx.closed,
     onClickCloseIcon: _ctx.closed
@@ -9476,10 +9718,10 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
           class: "nut-dialog__content",
           style: normalizeStyle({ textAlign: _ctx.textAlign })
         }, [
-          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock("view", {
+          _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (openBlock(), createElementBlock("view", {
             key: 1,
             innerHTML: _ctx.content
-          }, null, 8, _hoisted_2$C))
+          }, null, 8, _hoisted_2$C)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.content), { key: 2 }))
         ], 4),
         !_ctx.noFooter ? (openBlock(), createElementBlock("view", {
           key: 1,
@@ -9516,7 +9758,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
       ], 2)
     ]),
     _: 3
-  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
+  }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "pop-class", "style", "onClickOverlay", "onClickCloseIcon"]);
 }
 var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$R]]);
 class DialogOptions {
@@ -9788,7 +10030,7 @@ const _sfc_main$R = create$R({
 });
 const _hoisted_1$I = { class: "top-box" };
 const _hoisted_2$B = { class: "top-text" };
-const _hoisted_3$v = { class: "nut-infinite-container" };
+const _hoisted_3$u = { class: "nut-infinite-container" };
 const _hoisted_4$o = { class: "nut-infinite-bottom" };
 const _hoisted_5$g = {
   key: 0,
@@ -9821,7 +10063,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", _hoisted_2$B, toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
       ])
     ], 4),
-    createElementVNode("view", _hoisted_3$v, [
+    createElementVNode("view", _hoisted_3$u, [
       renderSlot(_ctx.$slots, "default")
     ]),
     createElementVNode("view", _hoisted_4$o, [
@@ -10089,7 +10331,7 @@ function useTouch$1() {
     offsetY.value = 0;
     direction.value = "";
   };
-  const start = (event) => {
+  const start2 = (event) => {
     reset();
     startX.value = event.touches[0].clientX;
     startY.value = event.touches[0].clientY;
@@ -10106,7 +10348,7 @@ function useTouch$1() {
   };
   return {
     move,
-    start,
+    start: start2,
     reset,
     startX,
     startY,
@@ -10293,8 +10535,8 @@ const _sfc_main$P = create$P({
     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 top2 = "scrollTop" in scrollEl ? scrollEl.scrollTop : 0;
+          reachTop.value = Math.max(top2, 0) == 0 ? true : false;
           const { scrollHeight, clientHeight, scrollTop } = scrollEl;
           reachBottom.value = clientHeight + scrollTop == scrollHeight ? true : false;
           if (reachTop.value || reachBottom.value) {
@@ -10303,8 +10545,8 @@ const _sfc_main$P = create$P({
           }
         } else {
           const { scrollWidth, clientWidth, scrollLeft } = scrollEl;
-          const left = "scrollLeft" in scrollEl ? scrollEl.scrollLeft : 0;
-          reachLeft.value = Math.max(left, 0) == 0 ? true : false;
+          const left2 = "scrollLeft" in scrollEl ? scrollEl.scrollLeft : 0;
+          reachLeft.value = Math.max(left2, 0) == 0 ? true : false;
           reachRight.value = clientWidth + scrollLeft == scrollWidth ? true : false;
           if (reachLeft.value || reachRight.value) {
             state.duration = 0;
@@ -10654,7 +10896,7 @@ const _hoisted_2$A = {
   key: 1,
   class: "nut-toast-title"
 };
-const _hoisted_3$u = ["innerHTML"];
+const _hoisted_3$t = ["innerHTML"];
 function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createBlock(Transition, {
@@ -10688,7 +10930,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("view", {
             class: "nut-toast-text",
             innerHTML: _ctx.msg
-          }, null, 8, _hoisted_3$u)
+          }, null, 8, _hoisted_3$t)
         ], 4)
       ], 6), [
         [vShow, _ctx.state.mounted]
@@ -10820,45 +11062,31 @@ const _sfc_main$M = create$M({
   props: {
     url: {
       type: String,
-      default() {
-        return "";
-      }
+      default: ""
     },
     muted: {
       type: Boolean,
-      default() {
-        return false;
-      }
+      default: false
     },
     autoplay: {
       type: Boolean,
-      default() {
-        return false;
-      }
+      default: false
     },
     loop: {
       type: Boolean,
-      default() {
-        return false;
-      }
+      default: false
     },
     preload: {
       type: String,
-      default() {
-        return "auto";
-      }
+      default: "auto"
     },
     second: {
       type: Number,
-      default() {
-        return 0;
-      }
+      default: 0
     },
     type: {
       type: String,
-      default() {
-        return "progress";
-      }
+      default: "progress"
     }
   },
   components: {},
@@ -10872,7 +11100,8 @@ const _sfc_main$M = create$M({
       duration: "00:00:00",
       second: 0,
       hanMuted: props.muted,
-      playing: props.autoplay
+      playing: props.autoplay,
+      handPlaying: false
     });
     onMounted(() => {
       var arr = ["webkitVisibilityState", "visibilitychange"];
@@ -10894,13 +11123,14 @@ const _sfc_main$M = create$M({
         console.log(e.message);
       }
       setTimeout(() => {
+        const audioR = audioRef.value;
         if (props.autoplay) {
-          if (audioRef.value && audioRef.value.paused) {
-            audioRef.value.play();
+          if (audioR && audioR.paused) {
+            audioR.play();
           }
         }
-        audioData.second = audioRef.value.duration;
-        audioData.duration = formatSeconds(audioRef.value.duration);
+        audioData.second = audioR.duration;
+        audioData.duration = formatSeconds(audioR.duration);
       }, 500);
     });
     const onTimeupdate = (e) => {
@@ -10912,11 +11142,12 @@ const _sfc_main$M = create$M({
       emit("fastBack", audioData.currentTime);
     };
     const changeStatus = () => {
+      const audioR = audioRef.value;
       if (audioData.playing) {
-        audioRef.value.pause();
+        audioR.pause();
         audioData.handPlaying = false;
       } else {
-        audioRef.value.play();
+        audioR.play();
         audioData.handPlaying = true;
       }
       audioData.playing = !audioData.playing;
@@ -10936,8 +11167,9 @@ const _sfc_main$M = create$M({
       emit("ended");
     };
     const progressChange = (val) => {
-      audioRef.value.currentTime = audioData.second * val / 100;
-      emit("changeProgress", audioRef.value.currentTime);
+      const ar = audioRef.value;
+      ar.currentTime = audioData.second * val / 100;
+      emit("changeProgress", ar.currentTime);
     };
     const handleMute = () => {
       audioData.hanMuted = !audioData.hanMuted;
@@ -10948,19 +11180,19 @@ const _sfc_main$M = create$M({
       let theTime1 = 0;
       let theTime2 = 0;
       if (theTime > 60) {
-        theTime1 = parseInt(theTime / 60);
-        theTime = parseInt(theTime % 60);
+        theTime1 = Math.floor(theTime / 60);
+        theTime = Math.floor(theTime % 60);
         if (theTime1 > 60) {
-          theTime2 = parseInt(theTime1 / 60);
-          theTime1 = parseInt(theTime1 % 60);
+          theTime2 = Math.floor(theTime1 / 60);
+          theTime1 = Math.floor(theTime1 % 60);
         }
       }
-      let result = "" + parseInt(theTime);
-      if (result < 10) {
+      let result = "";
+      if (theTime < 10) {
         result = "0" + result;
       }
       if (theTime1 > 0) {
-        result = "" + parseInt(theTime1) + ":" + result;
+        result = "" + theTime1 + ":" + result;
         if (theTime1 < 10) {
           result = "0" + result;
         }
@@ -10968,7 +11200,7 @@ const _sfc_main$M = create$M({
         result = "00:" + result;
       }
       if (theTime2 > 0) {
-        result = "" + parseInt(theTime2) + ":" + result;
+        result = "" + theTime2 + ":" + result;
         if (theTime2 < 10) {
           result = "0" + result;
         }
@@ -11006,7 +11238,7 @@ const _hoisted_2$z = {
   key: 0,
   class: "progress-wrapper"
 };
-const _hoisted_3$t = { class: "time" };
+const _hoisted_3$s = { class: "time" };
 const _hoisted_4$n = { class: "progress-bar-wrapper" };
 const _hoisted_5$f = /* @__PURE__ */ createElementVNode("div", { class: "custom-button" }, null, -1);
 const _hoisted_6$d = { class: "time" };
@@ -11020,7 +11252,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("div", _hoisted_1$E, [
     _ctx.type == "progress" ? (openBlock(), createElementBlock("div", _hoisted_2$z, [
-      createElementVNode("div", _hoisted_3$t, toDisplayString(_ctx.currentDuration), 1),
+      createElementVNode("div", _hoisted_3$s, toDisplayString(_ctx.currentDuration), 1),
       createElementVNode("div", _hoisted_4$n, [
         createVNode(_component_nut_range, {
           modelValue: _ctx.percent,
@@ -11097,7 +11329,7 @@ const _sfc_main$L = create$L({
 });
 const _hoisted_1$D = { class: "nut-audio-operate" };
 const _hoisted_2$y = /* @__PURE__ */ createTextVNode("\u5012\u9000");
-const _hoisted_3$s = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
+const _hoisted_3$r = /* @__PURE__ */ createTextVNode("\u5FEB\u8FDB");
 const _hoisted_4$m = /* @__PURE__ */ createTextVNode("\u9759\u97F3");
 function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_button = resolveComponent("nut-button");
@@ -11147,7 +11379,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
         size: "small"
       }, {
         default: withCtx(() => [
-          _hoisted_3$s
+          _hoisted_3$r
         ]),
         _: 1
       })) : createCommentVNode("", true),
@@ -11297,7 +11529,7 @@ const _hoisted_2$x = {
   key: 2,
   class: "text"
 };
-const _hoisted_3$r = {
+const _hoisted_3$q = {
   key: 1,
   class: "text"
 };
@@ -11326,7 +11558,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true)
     ], 64)) : createCommentVNode("", true),
-    _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3$r, toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : createCommentVNode("", true)
+    _ctx.showMax ? (openBlock(), createElementBlock("view", _hoisted_3$q, toDisplayString(((_j = (_i = _ctx.avatarGroup) == null ? void 0 : _i.props) == null ? void 0 : _j.maxContent) ? (_l = (_k = _ctx.avatarGroup) == null ? void 0 : _k.props) == null ? void 0 : _l.maxContent : `+ ${_ctx.maxIndex - ((_n = (_m = _ctx.avatarGroup) == null ? void 0 : _m.props) == null ? void 0 : _n.maxCount)}`), 1)) : createCommentVNode("", true)
   ], 6)) : createCommentVNode("", true);
 }
 var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
@@ -11416,7 +11648,7 @@ const _sfc_main$I = create$I({
       default: document.documentElement.clientHeight || document.body.clientHeight || 667
     }
   },
-  emits: ["scroll"],
+  emits: ["scroll", "scroll-bottom"],
   setup(props, { emit }) {
     const list = ref(null);
     const state = reactive({
@@ -11427,7 +11659,7 @@ const _sfc_main$I = create$I({
     const visibleCount = computed(() => {
       return Math.ceil(props.containerHeight / props.height);
     });
-    const end = computed(() => {
+    const end2 = computed(() => {
       return state.start + visibleCount.value;
     });
     const getTransform = computed(() => {
@@ -11443,14 +11675,15 @@ const _sfc_main$I = create$I({
       return state.list.length * props.height;
     });
     const visibleData = computed(() => {
-      return state.list.slice(state.start, Math.min(end.value, state.list.length));
+      return state.list.slice(state.start, Math.min(end2.value, state.list.length));
     });
     const handleScrollEvent = () => {
       var _a;
       const scrollTop = (_a = list.value) == null ? void 0 : _a.scrollTop;
       state.start = Math.floor(scrollTop / props.height);
-      if (end.value > state.list.length) {
+      if (end2.value > state.list.length) {
         emit("scroll");
+        emit("scroll-bottom");
       }
       state.startOffset = scrollTop - scrollTop % props.height;
     };
@@ -11530,11 +11763,11 @@ const _sfc_main$H = create$H({
       default: ""
     },
     textColor: {
-      tyep: String,
+      type: String,
       default: ""
     },
     textBackground: {
-      tyep: String,
+      type: String,
       default: ""
     },
     iconName: {
@@ -11688,10 +11921,10 @@ const _sfc_main$G = create$G({
     });
     const hoverStyle = computed(() => {
       let perimeter = 283;
-      let offset = perimeter * Number(props.progress) / 100;
+      let offset2 = perimeter * Number(props.progress) / 100;
       return {
         stroke: isObject(props.color) ? `url(#${refRandomId})` : props.color,
-        strokeDasharray: `${offset}px ${perimeter}px`
+        strokeDasharray: `${offset2}px ${perimeter}px`
       };
     });
     const pathStyle = computed(() => {
@@ -11731,7 +11964,7 @@ const _sfc_main$G = create$G({
 });
 const _hoisted_1$A = { viewBox: "0 0 100 100" };
 const _hoisted_2$w = ["id"];
-const _hoisted_3$q = ["offset", "stop-color"];
+const _hoisted_3$p = ["offset", "stop-color"];
 const _hoisted_4$l = ["d", "stroke-width"];
 const _hoisted_5$e = ["d", "stroke", "stroke-linecap", "stroke-width"];
 const _hoisted_6$c = { class: "nut-circleprogress-text" };
@@ -11755,7 +11988,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
               key: index,
               offset: item.key,
               "stop-color": item.value
-            }, null, 8, _hoisted_3$q);
+            }, null, 8, _hoisted_3$p);
           }), 128))
         ], 8, _hoisted_2$w)
       ]),
@@ -12202,7 +12435,7 @@ const _sfc_main$E = create$E({
 });
 const _hoisted_1$y = { class: "nut-empty" };
 const _hoisted_2$u = ["src"];
-const _hoisted_3$p = {
+const _hoisted_3$o = {
   key: 1,
   class: "nut-empty-description"
 };
@@ -12220,7 +12453,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
         }, null, 8, _hoisted_2$u)) : createCommentVNode("", true)
       ], 64))
     ], 4),
-    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$p, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
+    _ctx.$slots.description ? renderSlot(_ctx.$slots, "description", { key: 0 }) : (openBlock(), createElementBlock("view", _hoisted_3$o, toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
     _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 2 }) : createCommentVNode("", true)
   ]);
 }
@@ -12453,7 +12686,7 @@ const _hoisted_1$x = {
   ref: "videocon"
 };
 const _hoisted_2$t = ["muted", "autoplay", "loop", "poster", "controls", "preload"];
-const _hoisted_3$o = ["src", "type"];
+const _hoisted_3$n = ["src", "type"];
 const _hoisted_4$k = { class: "current-time" };
 const _hoisted_5$d = { class: "progress-container" };
 const _hoisted_6$b = {
@@ -12487,7 +12720,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("source", {
         src: _ctx.source.src,
         type: _ctx.source.type
-      }, null, 8, _hoisted_3$o)
+      }, null, 8, _hoisted_3$n)
     ], 40, _hoisted_2$t),
     _ctx.showToolbox && !_ctx.isDisabled ? (openBlock(), createElementBlock("div", {
       key: 0,
@@ -12663,7 +12896,7 @@ const _sfc_main$B = create$B({
 });
 const _hoisted_1$w = { class: "nut-step-head" };
 const _hoisted_2$s = /* @__PURE__ */ createElementVNode("view", { class: "nut-step-line" }, null, -1);
-const _hoisted_3$n = {
+const _hoisted_3$m = {
   key: 2,
   class: "nut-step-inner"
 };
@@ -12692,7 +12925,7 @@ function _sfc_render$B(_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$n, toDisplayString(_ctx.index), 1))
+        }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$m, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4$j, [
@@ -12738,7 +12971,7 @@ function useTouch() {
     state.offsetY = 0;
     state.direction = "";
   };
-  const start = (e) => {
+  const start2 = (e) => {
     reset();
     state.startX = e.touches[0].clientX;
     state.startY = e.touches[0].clientY;
@@ -12754,7 +12987,7 @@ function useTouch() {
   };
   return {
     state,
-    start,
+    start: start2,
     reset,
     move
   };
@@ -12825,6 +13058,7 @@ const _sfc_main$A = create$A({
       touchTime: 0,
       autoplayTimer: 0,
       children: [],
+      childrenVNode: [],
       style: {}
     });
     const touch = useTouch();
@@ -12861,22 +13095,49 @@ const _sfc_main$A = create$A({
       };
     };
     const relation = (child) => {
-      if (child.proxy) {
-        state.children.push(child.proxy);
+      var _a;
+      let children = [];
+      let slot = (_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots);
+      slot = slot.filter((item) => item.children && Array.isArray(item.children));
+      slot.forEach((item) => {
+        children = children.concat(item.children);
+      });
+      if (!state.childrenVNode.length) {
+        state.childrenVNode = children.slice();
+        child.proxy && state.children.push(child.proxy);
+      } else {
+        if (state.childrenVNode.length > children.length) {
+          state.children = state.children.filter((item) => child.proxy !== item);
+        } else if (state.childrenVNode.length < children.length) {
+          for (let i = 0; i < state.childrenVNode.length; i++) {
+            if (children[i].key !== state.childrenVNode[i].key) {
+              child.proxy && state.children.splice(i, 0, child.proxy);
+              child.vnode && state.childrenVNode.splice(i, 0, child.vnode);
+              break;
+            }
+          }
+          if (state.childrenVNode.length !== children.length) {
+            child.proxy && state.children.push(child.proxy);
+            child.vnode && state.childrenVNode.push(child.vnode);
+          }
+        } else {
+          state.childrenVNode = children.slice();
+          child.proxy && state.children.push(child.proxy);
+        }
       }
     };
     const range = (num, min, max) => {
       return Math.min(Math.max(num, min), max);
     };
-    const requestFrame = (fn) => {
-      window.requestAnimationFrame.call(window, fn);
+    const requestFrame = (fn2) => {
+      window.requestAnimationFrame.call(window, fn2);
     };
-    const getOffset = (active, offset = 0) => {
+    const getOffset = (active, offset2 = 0) => {
       let currentPosition = active * size.value;
       if (!props.loop) {
         currentPosition = Math.min(currentPosition, -minOffset.value);
       }
-      let targetOffset = offset - currentPosition;
+      let targetOffset = offset2 - currentPosition;
       if (!props.loop) {
         targetOffset = range(targetOffset, minOffset.value, 0);
       }
@@ -12892,12 +13153,12 @@ const _sfc_main$A = create$A({
       }
       return active;
     };
-    const move = ({ pace = 0, offset = 0, isEmit = false }) => {
+    const move = ({ pace = 0, offset: offset2 = 0, isEmit = false }) => {
       if (childCount.value <= 1)
         return;
       const { active } = state;
       const targetActive = getActive(pace);
-      const targetOffset = getOffset(targetActive, offset);
+      const targetOffset = getOffset(targetActive, offset2);
       if (props.loop) {
         if (state.children[0] && targetOffset !== minOffset.value) {
           const rightBound = targetOffset < minOffset.value;
@@ -13022,9 +13283,9 @@ const _sfc_main$A = create$A({
       const isShouldMove = Math.abs(speed) > 0.3 || Math.abs(delTa.value) > +(size.value / 2).toFixed(2);
       if (isShouldMove && isCorrectDirection.value) {
         let pace = 0;
-        const offset = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
+        const offset2 = isVertical.value ? touch.state.offsetY : touch.state.offsetX;
         if (props.loop) {
-          pace = offset > 0 ? delTa.value > 0 ? -1 : 1 : 0;
+          pace = offset2 > 0 ? delTa.value > 0 ? -1 : 1 : 0;
         } else {
           pace = -Math[delTa.value > 0 ? "ceil" : "floor"](delTa.value / size.value);
         }
@@ -13049,16 +13310,6 @@ const _sfc_main$A = create$A({
       next,
       to
     });
-    onMounted(() => {
-      nextTick(() => {
-        init();
-      });
-    });
-    onActivated(() => {
-      nextTick(() => {
-        init();
-      });
-    });
     onDeactivated(() => {
       stopAutoPlay();
     });
@@ -13072,7 +13323,7 @@ const _sfc_main$A = create$A({
     });
     watch(() => state.children.length, () => {
       nextTick(() => {
-        init(state.active);
+        init();
       });
     });
     watch(() => props.autoPlay, (val) => {
@@ -13123,8 +13374,9 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
           style: normalizeStyle({
             backgroundColor: _ctx.activePagination === index ? _ctx.paginationColor : "#ddd"
           }),
+          class: normalizeClass({ active: _ctx.activePagination === index }),
           key: index
-        }, null, 4);
+        }, null, 6);
       }), 128))
     ], 2)) : createCommentVNode("", true)
   ], 34);
@@ -13155,9 +13407,12 @@ const _sfc_main$z = create$z({
       }
       return style2;
     });
-    const setOffset = (offset) => {
-      state.offset = offset;
+    const setOffset = (offset2) => {
+      state.offset = offset2;
     };
+    onUnmounted(() => {
+      parent["relation"](getCurrentInstance(), "unmount");
+    });
     useExpose({ setOffset });
     return {
       style,
@@ -14019,7 +14274,6 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.machineNum, (val, index) => {
           return openBlock(), createElementBlock("view", {
             class: "run-number-machine-img-li",
-            ref_for: true,
             ref: "run-number-machine-img-li",
             key: "mImg" + index,
             style: normalizeStyle({
@@ -14074,7 +14328,6 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.num_total_len, (val, index) => {
           return openBlock(), createElementBlock("view", {
-            ref_for: true,
             ref: _ctx.setRef,
             class: "numberItem",
             key: val,
@@ -14274,7 +14527,7 @@ const _sfc_main$v = create$v({
       }
       return format;
     };
-    const start = () => {
+    const start2 = () => {
       if (!state.counting && !props.autoStart) {
         state.counting = true;
         state.handleEndTime = Date.now() + Number(state.restTime);
@@ -14329,7 +14582,7 @@ const _sfc_main$v = create$v({
       slots,
       classes,
       getTimeStamp,
-      start,
+      start: start2,
       pause,
       renderTime,
       translate: translate$a,
@@ -14414,7 +14667,7 @@ const _sfc_main$u = create$u({
 });
 const _hoisted_1$r = { class: "nut-badge" };
 const _hoisted_2$o = { class: "slot-icons" };
-const _hoisted_3$m = ["textContent"];
+const _hoisted_3$l = ["textContent"];
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", _hoisted_1$r, [
     createElementVNode("view", _hoisted_2$o, [
@@ -14425,7 +14678,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
       textContent: toDisplayString(_ctx.content),
       class: normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
       style: normalizeStyle(_ctx.stl)
-    }, null, 14, _hoisted_3$m), [
+    }, null, 14, _hoisted_3$l), [
       [vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
     ])
   ]);
@@ -14459,14 +14712,14 @@ const _sfc_main$t = create$t({
   },
   emits: ["close", "click"],
   setup(props, { emit }) {
-    const { type, color, plain, round, mark, textColor } = toRefs(props);
+    const { type, color, plain, round: round2, mark, textColor } = toRefs(props);
     const classes = computed(() => {
       const prefixCls = componentName$q;
       return {
         [prefixCls]: true,
         [`${prefixCls}--${type.value}`]: type.value,
         [`${prefixCls}--plain`]: plain.value,
-        [`${prefixCls}--round`]: round.value,
+        [`${prefixCls}--round`]: round2.value,
         [`${prefixCls}--mark`]: mark.value
       };
     });
@@ -14523,6 +14776,774 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   ], 6);
 }
 var Tag = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$t]]);
+function getWindow(node) {
+  if (node == null) {
+    return window;
+  }
+  if (node.toString() !== "[object Window]") {
+    var ownerDocument = node.ownerDocument;
+    return ownerDocument ? ownerDocument.defaultView || window : window;
+  }
+  return node;
+}
+function isElement(node) {
+  var OwnElement = getWindow(node).Element;
+  return node instanceof OwnElement || node instanceof Element;
+}
+function isHTMLElement(node) {
+  var OwnElement = getWindow(node).HTMLElement;
+  return node instanceof OwnElement || node instanceof HTMLElement;
+}
+function isShadowRoot(node) {
+  if (typeof ShadowRoot === "undefined") {
+    return false;
+  }
+  var OwnElement = getWindow(node).ShadowRoot;
+  return node instanceof OwnElement || node instanceof ShadowRoot;
+}
+var round = Math.round;
+function getBoundingClientRect(element, includeScale) {
+  if (includeScale === void 0) {
+    includeScale = false;
+  }
+  var rect = element.getBoundingClientRect();
+  var scaleX = 1;
+  var scaleY = 1;
+  if (isHTMLElement(element) && includeScale) {
+    var offsetHeight = element.offsetHeight;
+    var offsetWidth = element.offsetWidth;
+    if (offsetWidth > 0) {
+      scaleX = round(rect.width) / offsetWidth || 1;
+    }
+    if (offsetHeight > 0) {
+      scaleY = round(rect.height) / offsetHeight || 1;
+    }
+  }
+  return {
+    width: rect.width / scaleX,
+    height: rect.height / scaleY,
+    top: rect.top / scaleY,
+    right: rect.right / scaleX,
+    bottom: rect.bottom / scaleY,
+    left: rect.left / scaleX,
+    x: rect.left / scaleX,
+    y: rect.top / scaleY
+  };
+}
+function getWindowScroll(node) {
+  var win = getWindow(node);
+  var scrollLeft = win.pageXOffset;
+  var scrollTop = win.pageYOffset;
+  return {
+    scrollLeft,
+    scrollTop
+  };
+}
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
+}
+function getNodeName(element) {
+  return element ? (element.nodeName || "").toLowerCase() : null;
+}
+function getDocumentElement(element) {
+  return ((isElement(element) ? element.ownerDocument : element.document) || window.document).documentElement;
+}
+function getWindowScrollBarX(element) {
+  return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
+}
+function getComputedStyle(element) {
+  return getWindow(element).getComputedStyle(element);
+}
+function isScrollParent(element) {
+  var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function isElementScaled(element) {
+  var rect = element.getBoundingClientRect();
+  var scaleX = round(rect.width) / element.offsetWidth || 1;
+  var scaleY = round(rect.height) / element.offsetHeight || 1;
+  return scaleX !== 1 || scaleY !== 1;
+}
+function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
+  if (isFixed === void 0) {
+    isFixed = false;
+  }
+  var isOffsetParentAnElement = isHTMLElement(offsetParent);
+  var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+  var documentElement = getDocumentElement(offsetParent);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var scroll = {
+    scrollLeft: 0,
+    scrollTop: 0
+  };
+  var offsets = {
+    x: 0,
+    y: 0
+  };
+  if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {
+    if (getNodeName(offsetParent) !== "body" || isScrollParent(documentElement)) {
+      scroll = getNodeScroll(offsetParent);
+    }
+    if (isHTMLElement(offsetParent)) {
+      offsets = getBoundingClientRect(offsetParent, true);
+      offsets.x += offsetParent.clientLeft;
+      offsets.y += offsetParent.clientTop;
+    } else if (documentElement) {
+      offsets.x = getWindowScrollBarX(documentElement);
+    }
+  }
+  return {
+    x: rect.left + scroll.scrollLeft - offsets.x,
+    y: rect.top + scroll.scrollTop - offsets.y,
+    width: rect.width,
+    height: rect.height
+  };
+}
+function getLayoutRect(element) {
+  var clientRect = getBoundingClientRect(element);
+  var width = element.offsetWidth;
+  var height = element.offsetHeight;
+  if (Math.abs(clientRect.width - width) <= 1) {
+    width = clientRect.width;
+  }
+  if (Math.abs(clientRect.height - height) <= 1) {
+    height = clientRect.height;
+  }
+  return {
+    x: element.offsetLeft,
+    y: element.offsetTop,
+    width,
+    height
+  };
+}
+function getParentNode(element) {
+  if (getNodeName(element) === "html") {
+    return element;
+  }
+  return element.assignedSlot || element.parentNode || (isShadowRoot(element) ? element.host : null) || getDocumentElement(element);
+}
+function getScrollParent(node) {
+  if (["html", "body", "#document"].indexOf(getNodeName(node)) >= 0) {
+    return node.ownerDocument.body;
+  }
+  if (isHTMLElement(node) && isScrollParent(node)) {
+    return node;
+  }
+  return getScrollParent(getParentNode(node));
+}
+function listScrollParents(element, list) {
+  var _element$ownerDocumen;
+  if (list === void 0) {
+    list = [];
+  }
+  var scrollParent = getScrollParent(element);
+  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);
+  var win = getWindow(scrollParent);
+  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;
+  var updatedList = list.concat(target);
+  return isBody ? updatedList : updatedList.concat(listScrollParents(getParentNode(target)));
+}
+function isTableElement(element) {
+  return ["table", "td", "th"].indexOf(getNodeName(element)) >= 0;
+}
+function getTrueOffsetParent(element) {
+  if (!isHTMLElement(element) || getComputedStyle(element).position === "fixed") {
+    return null;
+  }
+  return element.offsetParent;
+}
+function getContainingBlock(element) {
+  var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
+  var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+  if (isIE && isHTMLElement(element)) {
+    var elementCss = getComputedStyle(element);
+    if (elementCss.position === "fixed") {
+      return null;
+    }
+  }
+  var currentNode = getParentNode(element);
+  if (isShadowRoot(currentNode)) {
+    currentNode = currentNode.host;
+  }
+  while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
+    var css = getComputedStyle(currentNode);
+    if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
+      return currentNode;
+    } else {
+      currentNode = currentNode.parentNode;
+    }
+  }
+  return null;
+}
+function getOffsetParent(element) {
+  var window2 = getWindow(element);
+  var offsetParent = getTrueOffsetParent(element);
+  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
+    offsetParent = getTrueOffsetParent(offsetParent);
+  }
+  if (offsetParent && (getNodeName(offsetParent) === "html" || getNodeName(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static")) {
+    return window2;
+  }
+  return offsetParent || getContainingBlock(element) || window2;
+}
+var top = "top";
+var bottom = "bottom";
+var right = "right";
+var left = "left";
+var auto = "auto";
+var basePlacements = [top, bottom, right, left];
+var start = "start";
+var end = "end";
+var placements = /* @__PURE__ */ [].concat(basePlacements, [auto]).reduce(function(acc, placement) {
+  return acc.concat([placement, placement + "-" + start, placement + "-" + end]);
+}, []);
+var beforeRead = "beforeRead";
+var read = "read";
+var afterRead = "afterRead";
+var beforeMain = "beforeMain";
+var main = "main";
+var afterMain = "afterMain";
+var beforeWrite = "beforeWrite";
+var write = "write";
+var afterWrite = "afterWrite";
+var modifierPhases = [beforeRead, read, afterRead, beforeMain, main, afterMain, beforeWrite, write, afterWrite];
+function order(modifiers) {
+  var map = /* @__PURE__ */ new Map();
+  var visited = /* @__PURE__ */ new Set();
+  var result = [];
+  modifiers.forEach(function(modifier) {
+    map.set(modifier.name, modifier);
+  });
+  function sort(modifier) {
+    visited.add(modifier.name);
+    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);
+    requires.forEach(function(dep) {
+      if (!visited.has(dep)) {
+        var depModifier = map.get(dep);
+        if (depModifier) {
+          sort(depModifier);
+        }
+      }
+    });
+    result.push(modifier);
+  }
+  modifiers.forEach(function(modifier) {
+    if (!visited.has(modifier.name)) {
+      sort(modifier);
+    }
+  });
+  return result;
+}
+function orderModifiers(modifiers) {
+  var orderedModifiers = order(modifiers);
+  return modifierPhases.reduce(function(acc, phase) {
+    return acc.concat(orderedModifiers.filter(function(modifier) {
+      return modifier.phase === phase;
+    }));
+  }, []);
+}
+function debounce(fn2) {
+  var pending;
+  return function() {
+    if (!pending) {
+      pending = new Promise(function(resolve) {
+        Promise.resolve().then(function() {
+          pending = void 0;
+          resolve(fn2());
+        });
+      });
+    }
+    return pending;
+  };
+}
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
+}
+function mergeByName(modifiers) {
+  var merged = modifiers.reduce(function(merged2, current) {
+    var existing = merged2[current.name];
+    merged2[current.name] = existing ? Object.assign({}, existing, current, {
+      options: Object.assign({}, existing.options, current.options),
+      data: Object.assign({}, existing.data, current.data)
+    }) : current;
+    return merged2;
+  }, {});
+  return Object.keys(merged).map(function(key) {
+    return merged[key];
+  });
+}
+function getVariation(placement) {
+  return placement.split("-")[1];
+}
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
+}
+function computeOffsets(_ref) {
+  var reference = _ref.reference, element = _ref.element, placement = _ref.placement;
+  var basePlacement = placement ? getBasePlacement(placement) : null;
+  var variation = placement ? getVariation(placement) : null;
+  var commonX = reference.x + reference.width / 2 - element.width / 2;
+  var commonY = reference.y + reference.height / 2 - element.height / 2;
+  var offsets;
+  switch (basePlacement) {
+    case top:
+      offsets = {
+        x: commonX,
+        y: reference.y - element.height
+      };
+      break;
+    case bottom:
+      offsets = {
+        x: commonX,
+        y: reference.y + reference.height
+      };
+      break;
+    case right:
+      offsets = {
+        x: reference.x + reference.width,
+        y: commonY
+      };
+      break;
+    case left:
+      offsets = {
+        x: reference.x - element.width,
+        y: commonY
+      };
+      break;
+    default:
+      offsets = {
+        x: reference.x,
+        y: reference.y
+      };
+  }
+  var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    var len = mainAxis === "y" ? "height" : "width";
+    switch (variation) {
+      case start:
+        offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);
+        break;
+      case end:
+        offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);
+        break;
+    }
+  }
+  return offsets;
+}
+var DEFAULT_OPTIONS = {
+  placement: "bottom",
+  modifiers: [],
+  strategy: "absolute"
+};
+function areValidElements() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return !args.some(function(element) {
+    return !(element && typeof element.getBoundingClientRect === "function");
+  });
+}
+function popperGenerator(generatorOptions) {
+  if (generatorOptions === void 0) {
+    generatorOptions = {};
+  }
+  var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers2 = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions2 = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;
+  return function createPopper2(reference, popper, options) {
+    if (options === void 0) {
+      options = defaultOptions2;
+    }
+    var state = {
+      placement: "bottom",
+      orderedModifiers: [],
+      options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions2),
+      modifiersData: {},
+      elements: {
+        reference,
+        popper
+      },
+      attributes: {},
+      styles: {}
+    };
+    var effectCleanupFns = [];
+    var isDestroyed = false;
+    var instance = {
+      state,
+      setOptions: function setOptions(setOptionsAction) {
+        var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
+        cleanupModifierEffects();
+        state.options = Object.assign({}, defaultOptions2, state.options, options2);
+        state.scrollParents = {
+          reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],
+          popper: listScrollParents(popper)
+        };
+        var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers2, state.options.modifiers)));
+        state.orderedModifiers = orderedModifiers.filter(function(m) {
+          return m.enabled;
+        });
+        runModifierEffects();
+        return instance.update();
+      },
+      forceUpdate: function forceUpdate() {
+        if (isDestroyed) {
+          return;
+        }
+        var _state$elements = state.elements, reference2 = _state$elements.reference, popper2 = _state$elements.popper;
+        if (!areValidElements(reference2, popper2)) {
+          return;
+        }
+        state.rects = {
+          reference: getCompositeRect(reference2, getOffsetParent(popper2), state.options.strategy === "fixed"),
+          popper: getLayoutRect(popper2)
+        };
+        state.reset = false;
+        state.placement = state.options.placement;
+        state.orderedModifiers.forEach(function(modifier) {
+          return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+        });
+        for (var index = 0; index < state.orderedModifiers.length; index++) {
+          if (state.reset === true) {
+            state.reset = false;
+            index = -1;
+            continue;
+          }
+          var _state$orderedModifie = state.orderedModifiers[index], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+          if (typeof fn2 === "function") {
+            state = fn2({
+              state,
+              options: _options,
+              name,
+              instance
+            }) || state;
+          }
+        }
+      },
+      update: debounce(function() {
+        return new Promise(function(resolve) {
+          instance.forceUpdate();
+          resolve(state);
+        });
+      }),
+      destroy: function destroy() {
+        cleanupModifierEffects();
+        isDestroyed = true;
+      }
+    };
+    if (!areValidElements(reference, popper)) {
+      return instance;
+    }
+    instance.setOptions(options).then(function(state2) {
+      if (!isDestroyed && options.onFirstUpdate) {
+        options.onFirstUpdate(state2);
+      }
+    });
+    function runModifierEffects() {
+      state.orderedModifiers.forEach(function(_ref3) {
+        var name = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
+        if (typeof effect2 === "function") {
+          var cleanupFn = effect2({
+            state,
+            name,
+            instance,
+            options: options2
+          });
+          var noopFn = function noopFn2() {
+          };
+          effectCleanupFns.push(cleanupFn || noopFn);
+        }
+      });
+    }
+    function cleanupModifierEffects() {
+      effectCleanupFns.forEach(function(fn2) {
+        return fn2();
+      });
+      effectCleanupFns = [];
+    }
+    return instance;
+  };
+}
+var passive = {
+  passive: true
+};
+function effect$1(_ref) {
+  var state = _ref.state, instance = _ref.instance, options = _ref.options;
+  var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
+  var window2 = getWindow(state.elements.popper);
+  var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);
+  if (scroll) {
+    scrollParents.forEach(function(scrollParent) {
+      scrollParent.addEventListener("scroll", instance.update, passive);
+    });
+  }
+  if (resize) {
+    window2.addEventListener("resize", instance.update, passive);
+  }
+  return function() {
+    if (scroll) {
+      scrollParents.forEach(function(scrollParent) {
+        scrollParent.removeEventListener("scroll", instance.update, passive);
+      });
+    }
+    if (resize) {
+      window2.removeEventListener("resize", instance.update, passive);
+    }
+  };
+}
+var eventListeners = {
+  name: "eventListeners",
+  enabled: true,
+  phase: "write",
+  fn: function fn() {
+  },
+  effect: effect$1,
+  data: {}
+};
+function popperOffsets(_ref) {
+  var state = _ref.state, name = _ref.name;
+  state.modifiersData[name] = computeOffsets({
+    reference: state.rects.reference,
+    element: state.rects.popper,
+    strategy: "absolute",
+    placement: state.placement
+  });
+}
+var popperOffsets$1 = {
+  name: "popperOffsets",
+  enabled: true,
+  phase: "read",
+  fn: popperOffsets,
+  data: {}
+};
+var unsetSides = {
+  top: "auto",
+  right: "auto",
+  bottom: "auto",
+  left: "auto"
+};
+function roundOffsetsByDPR(_ref) {
+  var x = _ref.x, y = _ref.y;
+  var win = window;
+  var dpr = win.devicePixelRatio || 1;
+  return {
+    x: round(x * dpr) / dpr || 0,
+    y: round(y * dpr) / dpr || 0
+  };
+}
+function mapToStyles(_ref2) {
+  var _Object$assign2;
+  var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+  var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+  var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref3.x;
+  y = _ref3.y;
+  var hasX = offsets.hasOwnProperty("x");
+  var hasY = offsets.hasOwnProperty("y");
+  var sideX = left;
+  var sideY = top;
+  var win = window;
+  if (adaptive) {
+    var offsetParent = getOffsetParent(popper);
+    var heightProp = "clientHeight";
+    var widthProp = "clientWidth";
+    if (offsetParent === getWindow(popper)) {
+      offsetParent = getDocumentElement(popper);
+      if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
+        heightProp = "scrollHeight";
+        widthProp = "scrollWidth";
+      }
+    }
+    offsetParent = offsetParent;
+    if (placement === top || (placement === left || placement === right) && variation === end) {
+      sideY = bottom;
+      var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+      y -= offsetY - popperRect.height;
+      y *= gpuAcceleration ? 1 : -1;
+    }
+    if (placement === left || (placement === top || placement === bottom) && variation === end) {
+      sideX = right;
+      var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+      x -= offsetX - popperRect.width;
+      x *= gpuAcceleration ? 1 : -1;
+    }
+  }
+  var commonStyles = Object.assign({
+    position
+  }, adaptive && unsetSides);
+  var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+    x,
+    y
+  }) : {
+    x,
+    y
+  };
+  x = _ref4.x;
+  y = _ref4.y;
+  if (gpuAcceleration) {
+    var _Object$assign;
+    return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+  }
+  return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
+}
+function computeStyles(_ref5) {
+  var state = _ref5.state, options = _ref5.options;
+  var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+  var commonStyles = {
+    placement: getBasePlacement(state.placement),
+    variation: getVariation(state.placement),
+    popper: state.elements.popper,
+    popperRect: state.rects.popper,
+    gpuAcceleration,
+    isFixed: state.options.strategy === "fixed"
+  };
+  if (state.modifiersData.popperOffsets != null) {
+    state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.popperOffsets,
+      position: state.options.strategy,
+      adaptive,
+      roundOffsets
+    })));
+  }
+  if (state.modifiersData.arrow != null) {
+    state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {
+      offsets: state.modifiersData.arrow,
+      position: "absolute",
+      adaptive: false,
+      roundOffsets
+    })));
+  }
+  state.attributes.popper = Object.assign({}, state.attributes.popper, {
+    "data-popper-placement": state.placement
+  });
+}
+var computeStyles$1 = {
+  name: "computeStyles",
+  enabled: true,
+  phase: "beforeWrite",
+  fn: computeStyles,
+  data: {}
+};
+function applyStyles(_ref) {
+  var state = _ref.state;
+  Object.keys(state.elements).forEach(function(name) {
+    var style = state.styles[name] || {};
+    var attributes = state.attributes[name] || {};
+    var element = state.elements[name];
+    if (!isHTMLElement(element) || !getNodeName(element)) {
+      return;
+    }
+    Object.assign(element.style, style);
+    Object.keys(attributes).forEach(function(name2) {
+      var value = attributes[name2];
+      if (value === false) {
+        element.removeAttribute(name2);
+      } else {
+        element.setAttribute(name2, value === true ? "" : value);
+      }
+    });
+  });
+}
+function effect(_ref2) {
+  var state = _ref2.state;
+  var initialStyles = {
+    popper: {
+      position: state.options.strategy,
+      left: "0",
+      top: "0",
+      margin: "0"
+    },
+    arrow: {
+      position: "absolute"
+    },
+    reference: {}
+  };
+  Object.assign(state.elements.popper.style, initialStyles.popper);
+  state.styles = initialStyles;
+  if (state.elements.arrow) {
+    Object.assign(state.elements.arrow.style, initialStyles.arrow);
+  }
+  return function() {
+    Object.keys(state.elements).forEach(function(name) {
+      var element = state.elements[name];
+      var attributes = state.attributes[name] || {};
+      var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]);
+      var style = styleProperties.reduce(function(style2, property) {
+        style2[property] = "";
+        return style2;
+      }, {});
+      if (!isHTMLElement(element) || !getNodeName(element)) {
+        return;
+      }
+      Object.assign(element.style, style);
+      Object.keys(attributes).forEach(function(attribute) {
+        element.removeAttribute(attribute);
+      });
+    });
+  };
+}
+var applyStyles$1 = {
+  name: "applyStyles",
+  enabled: true,
+  phase: "write",
+  fn: applyStyles,
+  effect,
+  requires: ["computeStyles"]
+};
+var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+var createPopper = /* @__PURE__ */ popperGenerator({
+  defaultModifiers
+});
+function distanceAndSkiddingToXY(placement, rects, offset2) {
+  var basePlacement = getBasePlacement(placement);
+  var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;
+  var _ref = typeof offset2 === "function" ? offset2(Object.assign({}, rects, {
+    placement
+  })) : offset2, skidding = _ref[0], distance = _ref[1];
+  skidding = skidding || 0;
+  distance = (distance || 0) * invertDistance;
+  return [left, right].indexOf(basePlacement) >= 0 ? {
+    x: distance,
+    y: skidding
+  } : {
+    x: skidding,
+    y: distance
+  };
+}
+function offset(_ref2) {
+  var state = _ref2.state, options = _ref2.options, name = _ref2.name;
+  var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [0, 0] : _options$offset;
+  var data = placements.reduce(function(acc, placement) {
+    acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset2);
+    return acc;
+  }, {});
+  var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
+  if (state.modifiersData.popperOffsets != null) {
+    state.modifiersData.popperOffsets.x += x;
+    state.modifiersData.popperOffsets.y += y;
+  }
+  state.modifiersData[name] = data;
+}
+var offsetModifier = {
+  name: "offset",
+  enabled: true,
+  phase: "main",
+  requires: ["popperOffsets"],
+  fn: offset
+};
 const { componentName: componentName$p, create: create$s } = createComponent("popover");
 const _sfc_main$s = create$s({
   inheritAttrs: false,
@@ -14542,81 +15563,103 @@ const _sfc_main$s = create$s({
     location: {
       type: String,
       default: "bottom"
+    },
+    offset: {
+      type: Array,
+      default: [0, 12]
+    },
+    customClass: {
+      type: String,
+      default: ""
+    },
+    showArrow: {
+      type: Boolean,
+      default: true
     }
   }),
-  emits: ["update", "update:visible", "close", "choose", "openPopover"],
+  emits: ["update", "update:visible", "close", "choose", "open"],
   setup(props, { emit }) {
+    let popper;
     const reference = ref();
-    const state = reactive({
-      elWidth: 0,
-      elHeight: 0
-    });
+    const popoverRef = ref();
     const showPopup = ref(props.visible);
     const { theme, location: location2 } = toRefs(props);
     const classes = computed(() => {
       const prefixCls = componentName$p;
-      return {
-        [prefixCls]: true,
-        [`${prefixCls}--${theme.value}`]: theme.value
-      };
+      return `${prefixCls} ${prefixCls}--${theme.value}`;
     });
     const popoverContent = computed(() => {
-      const prefixCls = "popoverContent";
+      const prefixCls = "popover-content";
       return {
         [prefixCls]: true,
         [`${prefixCls}--${location2.value}`]: location2.value
       };
     });
     const popoverArrow = computed(() => {
-      const prefixCls = "popoverArrow";
+      const prefixCls = "popover-arrow";
       return {
         [prefixCls]: true,
         [`${prefixCls}--${location2.value}`]: location2.value
       };
     });
-    function getReference() {
-      state.elWidth = reference.value.offsetWidth;
-      state.elHeight = reference.value.offsetHeight;
-    }
-    const getStyle = computed(() => {
-      const style = {};
-      if (location2.value == "top") {
-        style.bottom = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
-      } else if (location2.value == "right") {
-        style.top = 0 + "px";
-        style.right = -state.elWidth + "px";
-      } else if (location2.value == "left") {
-        style.top = 0 + "px";
-        style.left = -state.elWidth + "px";
-      } else {
-        style.top = state.elHeight + 20 + "px";
-        style.left = 0 + "px";
+    const createPopperInstance = () => {
+      console.log(reference.value, popoverRef.value);
+      if (reference.value && popoverRef.value) {
+        return createPopper(reference.value, popoverRef.value.popupRef, {
+          placement: props.location,
+          modifiers: [
+            {
+              name: "computeStyles",
+              options: {
+                adaptive: false,
+                gpuAcceleration: false
+              }
+            },
+            Object.assign({}, offsetModifier, {
+              options: {
+                offset: props.offset
+              }
+            })
+          ]
+        });
       }
-      return style;
-    });
-    const getArrowStyle = computed(() => {
-      const style = {};
-      if (location2.value == "top") {
-        style.bottom = -20 + "px";
-        style.left = state.elWidth / 2 + "px";
-      } else if (location2.value == "right") {
-        style.top = 20 + "px";
-        style.left = -20 + "px";
-      } else if (location2.value == "left") {
-        style.top = 20 + "px";
-        style.right = -20 + "px";
-      } else {
-        style.left = state.elWidth / 2 + "px";
-        style.top = -20 + "px";
+      return null;
+    };
+    const clickOverlay = () => {
+      console.log("\u5173\u95ED");
+    };
+    const uploadLocation = () => {
+      nextTick(() => {
+        if (!showPopup.value)
+          return;
+        if (!popper) {
+          popper = createPopperInstance();
+          console.log(popper);
+        } else {
+          popper.setOptions({
+            placement: props.location
+          });
+        }
+      });
+    };
+    const clickAway = (event) => {
+      const element = reference.value;
+      if (element && !element.contains(event.target)) {
+        closePopover();
       }
-      return style;
-    });
+    };
     onMounted(() => {
-      getReference();
+      window.addEventListener("click", clickAway, true);
+    });
+    onUnmounted(() => {
+      window.removeEventListener("click", clickAway, true);
     });
     watch(() => props.visible, (value) => {
       showPopup.value = value;
+      uploadLocation();
+    });
+    watch(() => props.location, (value) => {
+      uploadLocation();
     });
     const update = (val) => {
       emit("update", val);
@@ -14644,57 +15687,64 @@ const _sfc_main$s = create$s({
       popoverArrow,
       closePopover,
       chooseItem,
-      getReference,
       reference,
-      getStyle,
-      getArrowStyle
+      popoverRef,
+      clickOverlay
     };
   }
 });
-const _hoisted_1$q = { ref: "reference" };
-const _hoisted_2$n = ["onClick"];
-const _hoisted_3$l = { class: "title-name" };
+const _hoisted_1$q = ["onClick"];
+const _hoisted_2$n = { class: "popover-menu-name" };
 function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_nut_icon = resolveComponent("nut-icon");
-  return openBlock(), createElementBlock("view", {
-    onClick: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
-    class: normalizeClass(_ctx.classes)
-  }, [
-    createElementVNode("div", _hoisted_1$q, [
+  const _component_nut_popup = resolveComponent("nut-popup");
+  return openBlock(), createElementBlock(Fragment, null, [
+    createElementVNode("view", {
+      style: { "display": "inline-block" },
+      class: normalizeClass(_ctx.customClass),
+      onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
+      ref: "reference"
+    }, [
       renderSlot(_ctx.$slots, "reference")
-    ], 512),
-    _ctx.showPopup ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      createElementVNode("view", {
-        class: "more-background",
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.closePopover && _ctx.closePopover(...args), ["stop"]))
-      }),
-      createElementVNode("view", {
-        class: normalizeClass(_ctx.popoverContent),
-        style: normalizeStyle(_ctx.getStyle)
-      }, [
-        createElementVNode("view", {
-          class: normalizeClass(_ctx.popoverArrow),
-          style: normalizeStyle(_ctx.getArrowStyle)
-        }, null, 6),
+    ], 2),
+    createVNode(_component_nut_popup, {
+      ref: "popoverRef",
+      "pop-class": _ctx.classes,
+      visible: _ctx.showPopup,
+      "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => _ctx.showPopup = $event),
+      overlay: false,
+      onClickOverlay: _ctx.clickOverlay
+    }, {
+      default: withCtx(() => [
+        _ctx.showArrow ? (openBlock(), createElementBlock("view", {
+          key: 0,
+          class: normalizeClass(_ctx.popoverArrow)
+        }, null, 2)) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "content"),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
-          return openBlock(), createElementBlock("view", {
-            key: index,
-            class: normalizeClass({ "title-item": true, disabled: item.disabled }),
-            onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
-          }, [
-            item.icon ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-              createVNode(_component_nut_icon, {
-                class: "item-img",
-                name: item.icon
-              }, null, 8, ["name"])
-            ]) : createCommentVNode("", true),
-            createElementVNode("view", _hoisted_3$l, toDisplayString(item.name), 1)
-          ], 10, _hoisted_2$n);
-        }), 128))
-      ], 6)
-    ], 64)) : createCommentVNode("", true)
-  ], 2);
+        createElementVNode("view", {
+          class: normalizeClass(["popover-menu", _ctx.popoverContent]),
+          ref: "popoverMenu"
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index) => {
+            return openBlock(), createElementBlock("view", {
+              key: index,
+              class: normalizeClass([item.className, { "popover-menu-item": true, disabled: item.disabled }]),
+              onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
+            }, [
+              item.icon ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+                createVNode(_component_nut_icon, {
+                  class: "item-img",
+                  name: item.icon
+                }, null, 8, ["name"])
+              ]) : createCommentVNode("", true),
+              createElementVNode("view", _hoisted_2$n, toDisplayString(item.name), 1)
+            ], 10, _hoisted_1$q);
+          }), 128))
+        ], 2)
+      ]),
+      _: 3
+    }, 8, ["pop-class", "visible", "onClickOverlay"])
+  ], 64);
 }
 var Popover = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
 const component$1 = {
@@ -14741,7 +15791,7 @@ const component$1 = {
     }
   },
   setup(props) {
-    const { avatarShape, round, avatarSize } = toRefs(props);
+    const { avatarShape, round: round2, avatarSize } = toRefs(props);
     const avatarClass = computed(() => {
       const prefixCls = "avatarClass";
       return {
@@ -14753,7 +15803,7 @@ const component$1 = {
       const prefixCls = "blockClass";
       return {
         [prefixCls]: true,
-        [`${prefixCls}--round`]: round.value
+        [`${prefixCls}--round`]: round2.value
       };
     });
     const getStyle = () => {
@@ -15906,7 +16956,7 @@ const _sfc_main$m = create$m({
     let timer = 0;
     const danmuList = ref(props.danmu);
     const rows = ref(props.rows);
-    const top = ref(props.top);
+    const top2 = ref(props.top);
     const index = ref(0);
     const speeds = props.speeds;
     const danmuCWidth = ref(0);
@@ -15927,7 +16977,11 @@ const _sfc_main$m = create$m({
     });
     const add = (word) => {
       const _index = index.value % danmuList.value.length;
-      danmuList.value.splice(_index, 0, word);
+      if (!props.loop && index.value === danmuList.value.length) {
+        danmuList.value.splice(danmuList.value.length, 0, word);
+      } else {
+        danmuList.value.splice(_index, 0, word);
+      }
     };
     const run = () => {
       clearInterval(timer);
@@ -15938,6 +16992,9 @@ const _sfc_main$m = create$m({
       }, props.frequency);
     };
     const play = () => {
+      if (!props.loop && index.value >= danmuList.value.length) {
+        return;
+      }
       const _index = props.loop ? index.value % danmuList.value.length : index.value;
       let el = document.createElement(`view`);
       el.innerHTML = danmuList.value[_index];
@@ -15948,7 +17005,7 @@ const _sfc_main$m = create$m({
         const height = el.offsetHeight;
         el.classList.add("move");
         el.style.animationDuration = `${speeds}ms`;
-        el.style.top = _index % rows.value * (height + top.value) + 20 + "px";
+        el.style.top = _index % rows.value * (height + top2.value) + 20 + "px";
         el.style.width = width + 20 + "px";
         el.style.setProperty("--move-distance", `-${danmuCWidth.value}px`);
         el.dataset.index = `${_index}`;
@@ -17550,12 +18607,14 @@ const _sfc_main$6 = create$6({
       fullAddress: "\u5317\u4EAC\u5E02\u901A\u5DDE\u533A\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"
     });
     const trowelData = () => {
+      console.log("props.data", props.data);
       if (Object.keys(props.dataMapOptions).length > 0 && props.data.length > 0) {
         dataArray.value = props.data.map((item, index) => {
           return floatData(dataInfo, item, props.dataMapOptions);
         });
       }
     };
+    watch(() => props.data, () => trowelData(), { deep: true });
     const clickDelIcon = (event, item) => {
       emit("handelDelIcon", event, item);
       event.stopPropagation();
@@ -18289,6 +19348,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.21-beta.3";
+const version = "3.1.21";
 var nutui_vue_build = { install, version, Locale };
 export { ActionSheet, Address, AddressList, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1c as Checkbox, _sfc_main$1b as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Empty, FixedNav, Form, FormItem, _sfc_main$1y as Grid, GridItem, _sfc_main$1J as Icon, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1D as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$15 as Radio, _sfc_main$14 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$C as Steps, _sfc_main$1A 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 };