@nutui/nutui 3.1.21-beta.3 → 3.1.21

package/dist/nutui.umd.js

@@ -31,7 +31,7 @@ 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.
 */
@@ -128,6 +128,14 @@ var __objRest = (source, exclude) => {
         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 {
@@ -217,6 +225,14 @@ var __objRest = (source, exclude) => {
         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) => {
@@ -533,7 +549,8 @@ var __objRest = (source, exclude) => {
       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 }) {
@@ -541,7 +558,8 @@ var __objRest = (source, exclude) => {
         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();
@@ -573,8 +591,8 @@ var __objRest = (source, exclude) => {
     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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -592,8 +610,8 @@ var __objRest = (source, exclude) => {
         ])) : vue.createCommentVNode("", true),
         _ctx.title || _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$11, [
           _ctx.subTitle ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createElementVNode("view", _hoisted_3$P, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("view", _hoisted_4$E, vue.toDisplayString(_ctx.subTitle), 1)
+            vue.createElementVNode("view", _hoisted_3$O, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("view", _hoisted_4$F, vue.toDisplayString(_ctx.subTitle), 1)
           ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
             vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
           ], 64))
@@ -638,14 +656,14 @@ var __objRest = (source, exclude) => {
     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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
       _ctx.$slots.title ? vue.renderSlot(_ctx.$slots, "title", { key: 0 }) : _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1e, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
       _ctx.$slots.desc ? vue.renderSlot(_ctx.$slots, "desc", { key: 2 }) : _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$10, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
-      vue.createElementVNode("view", _hoisted_3$O, [
+      vue.createElementVNode("view", _hoisted_3$N, [
         vue.renderSlot(_ctx.$slots, "default")
       ])
     ], 2);
@@ -821,6 +839,7 @@ var __objRest = (source, exclude) => {
     props: __spreadValues({}, popupProps),
     emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
     setup(props, { emit }) {
+      const popupRef = vue.ref();
       const state = vue.reactive({
         zIndex: props.zIndex ? props.zIndex : _zIndex,
         showSlot: true,
@@ -935,7 +954,8 @@ var __objRest = (source, exclude) => {
         onClickCloseIcon,
         onClickOverlay,
         onOpened,
-        onClosed
+        onClosed,
+        popupRef
       });
     }
   });
@@ -967,7 +987,8 @@ var __objRest = (source, exclude) => {
           vue.withDirectives(vue.createElementVNode("view", {
             class: vue.normalizeClass(_ctx.classes),
             style: vue.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 ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("", true),
             _ctx.closed ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -1101,7 +1122,7 @@ var __objRest = (source, exclude) => {
         type: String,
         default: "flex-start"
       },
-      wrap: {
+      flexWrap: {
         type: String,
         default: "nowrap"
       }
@@ -1118,7 +1139,7 @@ var __objRest = (source, exclude) => {
               ${getClass("", props.type)}
               ${getClass("justify", props.justify)}
               ${getClass("align", props.align)}
-              ${getClass("flex", props.wrap)}
+              ${getClass("flex", props.flexWrap)}
               ${prefixCls}
               `;
       };
@@ -1217,14 +1238,14 @@ var __objRest = (source, exclude) => {
         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 = vue.computed(() => {
+      const offset2 = vue.computed(() => {
         return props.position === "top" ? props.top : props.bottom;
       });
       const isHidden = (elementRef) => {
@@ -1264,21 +1285,21 @@ var __objRest = (source, exclude) => {
         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", {
@@ -1318,30 +1339,48 @@ var __objRest = (source, exclude) => {
       hairline: {
         type: Boolean,
         default: true
+      },
+      direction: {
+        type: String,
+        default: "horizontal"
       }
     },
     components: {},
     setup(props, context) {
       const classes = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+    return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("view", {
+      key: 0,
       class: vue.normalizeClass(_ctx.classes)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
-    ], 2);
+    ], 2)) : (vue.openBlock(), vue.createElementBlock("view", {
+      key: 1,
+      class: vue.normalizeClass(_ctx.classes)
+    }, null, 2));
   }
   var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
   function flattenVNodes(children, childName) {
@@ -1616,6 +1655,7 @@ var __objRest = (source, exclude) => {
       leftShow: { type: Boolean, default: true },
       title: { type: String, default: "" },
       titIcon: { type: String, default: "" },
+      leftText: { type: String, default: "" },
       desc: { type: String, default: "" },
       fixed: {
         type: Boolean,
@@ -1624,19 +1664,49 @@ var __objRest = (source, exclude) => {
       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 } = vue.toRefs(props);
+      const { border, fixed, safeAreaInsetTop, placeholder, zIndex } = vue.toRefs(props);
+      const navBarWrap = vue.ref(null);
+      const navBarHtml = vue.ref(null);
+      let navHeight = vue.ref(0);
       const classes = vue.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 = vue.computed(() => {
+        return {
+          zIndex: zIndex.value
+        };
+      });
+      vue.onMounted(() => {
+        if (fixed.value && placeholder.value) {
+          vue.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");
       }
@@ -1650,7 +1720,10 @@ var __objRest = (source, exclude) => {
         emit("on-click-right");
       }
       return {
+        navBarWrap,
+        navBarHtml,
         classes,
+        styles,
         handleLeft,
         handleCenter,
         handleCenterIcon,
@@ -1658,28 +1731,93 @@ var __objRest = (source, exclude) => {
       };
     }
   });
-  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 = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.classes)
+    return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1b, [
+      vue.createElementVNode("view", {
+        class: vue.normalizeClass(_ctx.classes),
+        style: vue.normalizeStyle(_ctx.styles),
+        ref: "navBarHtml"
+      }, [
+        vue.createElementVNode("view", {
+          class: "nut-navbar__left",
+          onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+        }, [
+          _ctx.leftShow ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+            key: 0,
+            color: "#979797",
+            name: "left"
+          })) : vue.createCommentVNode("", true),
+          _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$$, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "left")
+        ]),
+        vue.createElementVNode("view", _hoisted_3$M, [
+          _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: "title",
+            onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
+          }, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
+          _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+            key: 1,
+            class: "icon",
+            name: _ctx.titIcon,
+            onClick: _ctx.handleCenterIcon
+          }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "content")
+        ]),
+        vue.createElementVNode("view", {
+          class: "nut-navbar__right",
+          onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+        }, [
+          _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$E, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "right")
+        ])
+      ], 6)
+    ], 512)) : (vue.openBlock(), vue.createElementBlock("view", {
+      key: 1,
+      class: vue.normalizeClass(_ctx.classes),
+      style: vue.normalizeStyle(_ctx.styles)
     }, [
-      vue.createElementVNode("view", _hoisted_1$1b, [
+      vue.createElementVNode("view", {
+        class: "nut-navbar__left",
+        onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
+      }, [
         _ctx.leftShow ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 0,
           color: "#979797",
-          name: "left",
-          onClick: _ctx.handleLeft
-        }, null, 8, ["onClick"])) : vue.createCommentVNode("", true),
+          name: "left"
+        })) : vue.createCommentVNode("", true),
+        _ctx.leftText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(_ctx.leftText), 1)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "left")
       ]),
-      vue.createElementVNode("view", _hoisted_2$$, [
+      vue.createElementVNode("view", _hoisted_6$o, [
         _ctx.title ? (vue.openBlock(), vue.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))
         }, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
         _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
           key: 1,
@@ -1689,18 +1827,17 @@ var __objRest = (source, exclude) => {
         }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "content")
       ]),
-      vue.createElementVNode("view", _hoisted_3$N, [
-        _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", {
-          key: 0,
-          class: "right_text",
-          onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
-        }, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
+      vue.createElementVNode("view", {
+        class: "nut-navbar__right",
+        onClick: _cache[5] || (_cache[5] = (...args) => _ctx.handleRight && _ctx.handleRight(...args))
+      }, [
+        _ctx.desc ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$j, vue.toDisplayString(_ctx.desc), 1)) : vue.createCommentVNode("", true),
         vue.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
@@ -1759,18 +1896,18 @@ var __objRest = (source, exclude) => {
           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 = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -1794,7 +1931,7 @@ var __objRest = (source, exclude) => {
             }, [
               vue.createElementVNode("img", {
                 src: item.icon
-              }, null, 8, _hoisted_3$M),
+              }, null, 8, _hoisted_3$L),
               vue.createElementVNode("view", _hoisted_4$D, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$r, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
             ], 8, _hoisted_2$_);
@@ -1810,7 +1947,7 @@ var __objRest = (source, exclude) => {
             name: "left",
             color: "#fff"
           }),
-          vue.createElementVNode("view", _hoisted_6$o, vue.toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
+          vue.createElementVNode("view", _hoisted_6$n, vue.toDisplayString(_ctx.visible ? _ctx.activeText || _ctx.translate("activeText") : _ctx.unActiveText || _ctx.translate("unActiveText")), 1)
         ])
       ])
     ], 6);
@@ -1830,11 +1967,15 @@ var __objRest = (source, exclude) => {
       duration: {
         type: [Number, String],
         default: 0
+      },
+      closeOnClickOverlay: {
+        type: Boolean,
+        default: true
       }
     },
     setup(props, { emit, slots }) {
       const barRef = vue.ref();
-      const offset = vue.ref(0);
+      const offset2 = vue.ref(0);
       const useChildren = () => {
         const publicChildren = vue.reactive([]);
         const internalChildren = vue.reactive([]);
@@ -1867,10 +2008,10 @@ var __objRest = (source, exclude) => {
       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) {
@@ -2049,7 +2190,8 @@ var __objRest = (source, exclude) => {
         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: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$18, [
@@ -2074,7 +2216,7 @@ var __objRest = (source, exclude) => {
           ])
         ]),
         _: 3
-      }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed"])
+      }, 16, ["style", "overlayStyle", "visible", "duration", "overlay", "onClosed", "close-on-click-overlay"])
     ], 2)), [
       [vue.vShow, _ctx.state.showWrapper]
     ]);
@@ -2221,6 +2363,7 @@ var __objRest = (source, exclude) => {
         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;
@@ -2243,7 +2386,7 @@ var __objRest = (source, exclude) => {
     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"
   };
@@ -2252,7 +2395,7 @@ var __objRest = (source, exclude) => {
     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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", {
@@ -2264,7 +2407,7 @@ var __objRest = (source, exclude) => {
     }, [
       vue.createElementVNode("view", _hoisted_1$17, [
         !_ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$X, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$L, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
+          _ctx.num && _ctx.num <= 99 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$X, vue.toDisplayString(_ctx.num), 1)) : _ctx.num && _ctx.num > 100 ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$K, vue.toDisplayString("99+"))) : vue.createCommentVNode("", true)
         ], 64)) : vue.createCommentVNode("", true),
         _ctx.dot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$C)) : vue.createCommentVNode("", true),
         _ctx.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$q, [
@@ -2288,7 +2431,7 @@ var __objRest = (source, exclude) => {
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-tabbar-item_icon-box_nav-word", { "nut-tabbar-item_icon-box_big-word": !_ctx.icon && !_ctx.activeImg }])
         }, [
-          _ctx.tabTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$n, vue.toDisplayString(_ctx.tabTitle), 1)) : vue.createCommentVNode("", true),
+          _ctx.tabTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$m, vue.toDisplayString(_ctx.tabTitle), 1)) : vue.createCommentVNode("", true),
           !_ctx.tabTitle ? vue.renderSlot(_ctx.$slots, "default", { key: 1 }) : vue.createCommentVNode("", true)
         ], 2)
       ])
@@ -2333,7 +2476,8 @@ var __objRest = (source, exclude) => {
         },
         scrollStart: false,
         currentIndex: 0,
-        currentData: {}
+        currentData: {},
+        currentKey: ""
       });
       const classes = vue.computed(() => {
         const prefixCls = componentName$17;
@@ -2376,9 +2520,6 @@ var __objRest = (source, exclude) => {
         if (!index && index !== 0) {
           return;
         }
-        if (!state.listHeight.length) {
-          calculateHeight();
-        }
         if (index < 0)
           index = 0;
         if (index > state.listHeight.length - 2)
@@ -2408,6 +2549,7 @@ var __objRest = (source, exclude) => {
       const handleClickItem = (key, item) => {
         context.emit("click-item", key, item);
         state.currentData = item;
+        state.currentKey = key;
       };
       const handleClickIndex = (key) => {
         context.emit("click-index", key);
@@ -2415,6 +2557,10 @@ var __objRest = (source, exclude) => {
       useExpose({
         scrollTo
       });
+      vue.watch(() => state.listGroup.length, () => {
+        state.listHeight = [];
+        vue.nextTick(calculateHeight);
+      });
       return __spreadProps(__spreadValues({
         classes
       }, vue.toRefs(state)), {
@@ -2430,7 +2576,7 @@ var __objRest = (source, exclude) => {
   });
   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 vue.openBlock(), vue.createElementBlock("view", {
@@ -2445,19 +2591,20 @@ var __objRest = (source, exclude) => {
           return vue.openBlock(), vue.createElementBlock("view", {
             class: "nut-elevator__list__item",
             key: item[_ctx.acceptKey],
-            ref_for: true,
             ref: _ctx.setListGroup
           }, [
             vue.createElementVNode("view", _hoisted_1$16, vue.toDisplayString(item[_ctx.acceptKey]), 1),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.list, (subitem) => {
               return vue.openBlock(), vue.createElementBlock("view", {
-                class: vue.normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
+                class: vue.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 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("view", {
@@ -2472,7 +2619,7 @@ var __objRest = (source, exclude) => {
         onTouchmove: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.touchMove && _ctx.touchMove(...args), ["stop", "prevent"])),
         onTouchend: _cache[2] || (_cache[2] = (...args) => _ctx.touchEnd && _ctx.touchEnd(...args))
       }, [
-        vue.createElementVNode("view", _hoisted_3$K, [
+        vue.createElementVNode("view", _hoisted_3$J, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.indexList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "nut-elevator__bars__inner__item",
@@ -2486,7 +2633,7 @@ var __objRest = (source, exclude) => {
     ], 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: {
@@ -2589,7 +2736,7 @@ var __objRest = (source, exclude) => {
         mode,
         pages,
         forceEllipses,
-        translate: translate$o
+        translate: translate$q
       };
     }
   });
@@ -2598,7 +2745,7 @@ var __objRest = (source, exclude) => {
     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"
@@ -2624,7 +2771,7 @@ var __objRest = (source, exclude) => {
             vue.renderSlot(_ctx.$slots, "page", { item }, () => [
               vue.createTextVNode(vue.toDisplayString(item.text), 1)
             ])
-          ], 10, _hoisted_3$J);
+          ], 10, _hoisted_3$I);
         }), 128))
       ])) : vue.createCommentVNode("", true),
       _ctx.mode == "simple" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$A, [
@@ -2678,6 +2825,10 @@ var __objRest = (source, exclude) => {
         type: Boolean,
         default: true
       },
+      autoHeight: {
+        type: Boolean,
+        default: false
+      },
       background: {
         type: String,
         default: ""
@@ -2695,18 +2846,19 @@ var __objRest = (source, exclude) => {
     emits: ["update:modelValue", "click", "change"],
     setup(props, { emit, slots }) {
       vue.provide("activeKey", { activeKey: vue.computed(() => props.modelValue) });
+      vue.provide("autoHeight", { autoHeight: vue.computed(() => props.autoHeight) });
       const titles = vue.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 {
@@ -2819,7 +2971,7 @@ var __objRest = (source, exclude) => {
               }, null, 8, ["color"])
             ], 4)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", {
-              class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
+              class: vue.normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis }])
             }, vue.toDisplayString(item.title), 3)
           ], 14, _hoisted_1$14);
         }), 128))
@@ -2854,12 +3006,16 @@ var __objRest = (source, exclude) => {
     emits: ["click"],
     setup(props, { emit }) {
       const parent = vue.inject("activeKey");
-      return { activeKey: parent.activeKey };
+      const parentOption = vue.inject("autoHeight");
+      return {
+        activeKey: parent.activeKey,
+        autoHeight: parentOption.autoHeight
+      };
     }
   });
   function _sfc_render$1i(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(["nut-tabpane", { active: _ctx.paneKey == _ctx.activeKey }])
+      class: vue.normalizeClass(["nut-tabpane", { inactive: _ctx.paneKey != _ctx.activeKey && _ctx.autoHeight }])
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
@@ -3087,7 +3243,7 @@ var __objRest = (source, exclude) => {
   });
   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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -3099,7 +3255,7 @@ var __objRest = (source, exclude) => {
         onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"]))
       }, [
         vue.createElementVNode("span", _hoisted_2$S, vue.toDisplayString(_ctx.title), 1),
-        vue.createElementVNode("span", _hoisted_3$I, [
+        vue.createElementVNode("span", _hoisted_3$H, [
           vue.createVNode(_component_nut_icon, {
             name: "down-arrow",
             class: vue.normalizeClass(_ctx.direction)
@@ -3142,7 +3298,7 @@ var __objRest = (source, exclude) => {
       offsetY.value = 0;
       direction.value = "";
     };
-    const start = (event) => {
+    const start2 = (event) => {
       reset();
       startX.value = event.touches[0].clientX;
       startY.value = event.touches[0].clientY;
@@ -3159,7 +3315,7 @@ var __objRest = (source, exclude) => {
     };
     return {
       move,
-      start,
+      start: start2,
       reset,
       startX,
       startY,
@@ -3295,9 +3451,9 @@ var __objRest = (source, exclude) => {
         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;
         }
@@ -3324,9 +3480,9 @@ var __objRest = (source, exclude) => {
         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 = {
@@ -3346,7 +3502,7 @@ var __objRest = (source, exclude) => {
         }
         return value;
       };
-      const updateValue = (value, end) => {
+      const updateValue = (value, end2) => {
         if (isRange(value)) {
           value = handleOverlap(value).map(format);
         } else {
@@ -3355,7 +3511,7 @@ var __objRest = (source, exclude) => {
         if (!isSameValue(value, props.modelValue)) {
           emit("update:modelValue", value);
         }
-        if (end && !isSameValue(value, startValue)) {
+        if (end2 && !isSameValue(value, startValue)) {
           emit("change", value);
         }
       };
@@ -3373,12 +3529,12 @@ var __objRest = (source, exclude) => {
         }
         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);
@@ -3467,13 +3623,13 @@ var __objRest = (source, exclude) => {
     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"
   };
@@ -3542,7 +3698,7 @@ var __objRest = (source, exclude) => {
               }, [
                 !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$z, vue.toDisplayString(_ctx.curValue(index)), 1)) : vue.createCommentVNode("", true)
               ], 4))
-            ], 42, _hoisted_3$H);
+            ], 42, _hoisted_3$G);
           }), 64)) : (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
             role: "slider",
@@ -3565,7 +3721,7 @@ var __objRest = (source, exclude) => {
               class: "nut-range-button",
               style: vue.normalizeStyle(_ctx.buttonStyle)
             }, [
-              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$m, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
+              !_ctx.hiddenTag ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$l, vue.toDisplayString(_ctx.curValue()), 1)) : vue.createCommentVNode("", true)
             ], 4))
           ], 40, _hoisted_5$o))
         ], 4)
@@ -3574,7 +3730,7 @@ var __objRest = (source, exclude) => {
     ], 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: {
@@ -3583,7 +3739,11 @@ var __objRest = (source, exclude) => {
       },
       inputType: {
         type: String,
-        default: "text"
+        default: "textarea"
+      },
+      label: {
+        type: String,
+        default: ""
       },
       maxLength: {
         type: [String, Number],
@@ -3604,9 +3764,35 @@ var __objRest = (source, exclude) => {
       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 = vue.reactive({
         active: false
@@ -3655,7 +3841,29 @@ var __objRest = (source, exclude) => {
       const handleSubmit = () => {
         emit("search", props.modelValue);
       };
-      return __spreadProps(__spreadValues({}, vue.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 = vue.computed(() => {
+        return {
+          "text-align": props.inputAlign
+        };
+      });
+      const inputsearch = vue.ref(null);
+      vue.onMounted(() => {
+        if (props.autofocus) {
+          inputsearch.value.focus();
+        }
+      });
+      return __spreadProps(__spreadValues({
+        inputsearch
+      }, vue.toRefs(state)), {
         valueChange,
         valueFocus,
         valueBlur,
@@ -3663,26 +3871,26 @@ var __objRest = (source, exclude) => {
         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) {
@@ -3691,35 +3899,45 @@ var __objRest = (source, exclude) => {
       class: "nut-searchbar",
       style: vue.normalizeStyle(_ctx.searchbarStyle)
     }, [
-      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$$, [
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$$, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+      _ctx.$slots.leftout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
         vue.renderSlot(_ctx.$slots, "leftout")
       ])) : vue.createCommentVNode("", true),
       vue.createElementVNode("view", {
         class: "nut-searchbar__search-input",
         style: vue.normalizeStyle(_ctx.inputSearchbarStyle)
       }, [
-        _ctx.$slots.leftin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$Q, [
+        _ctx.$slots.leftin ? (vue.openBlock(), vue.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))
+        }, [
           vue.renderSlot(_ctx.$slots, "leftin")
         ])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("view", _hoisted_3$G, [
+        vue.createElementVNode("view", _hoisted_3$F, [
           vue.createElementVNode("form", {
             action: "#",
-            onSubmit: _cache[3] || (_cache[3] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
+            onSubmit: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.handleSubmit && _ctx.handleSubmit(...args), ["prevent"]))
           }, [
             vue.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: vue.normalizeStyle(_ctx.styleSearchbar)
+            }, null, 44, _hoisted_4$y)
           ], 32),
           _ctx.clearable ? vue.withDirectives((vue.openBlock(), vue.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"
           }, [
             vue.createVNode(_component_nut_icon, {
@@ -3731,11 +3949,15 @@ var __objRest = (source, exclude) => {
             [vue.vShow, _ctx.modelValue.length > 0]
           ]) : vue.createCommentVNode("", true)
         ]),
-        _ctx.$slots.rightin ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$n, [
+        _ctx.$slots.rightin ? (vue.openBlock(), vue.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))
+        }, [
           vue.renderSlot(_ctx.$slots, "rightin")
         ])) : vue.createCommentVNode("", true)
       ], 4),
-      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$l, [
+      _ctx.$slots.rightout ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$n, [
         vue.renderSlot(_ctx.$slots, "rightout")
       ])) : vue.createCommentVNode("", true)
     ], 4);
@@ -3857,7 +4079,7 @@ var __objRest = (source, exclude) => {
       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,
@@ -4049,7 +4271,7 @@ var __objRest = (source, exclude) => {
           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;
@@ -4080,7 +4302,7 @@ var __objRest = (source, exclude) => {
     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__ */ vue.createElementVNode("view", { class: "nut-cascader-pane" }, null, -1);
   function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
@@ -4110,7 +4332,7 @@ var __objRest = (source, exclude) => {
                     role: "menuitemradio",
                     onClick: ($event) => _ctx.handleNode(node, false)
                   }, [
-                    vue.createElementVNode("view", _hoisted_3$F, vue.toDisplayString(node.text), 1),
+                    vue.createElementVNode("view", _hoisted_3$E, vue.toDisplayString(node.text), 1),
                     node.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
                       key: 0,
                       class: "nut-cascader-item__icon-loading",
@@ -4335,7 +4557,7 @@ var __objRest = (source, exclude) => {
     }
   }
   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: {
@@ -4393,7 +4615,7 @@ var __objRest = (source, exclude) => {
     },
     emits: ["choose", "update", "close", "select"],
     setup(props, { emit, slots }) {
-      const weeks = vue.ref(translate$l("weekdays"));
+      const weeks = vue.ref(translate$n("weekdays"));
       const months = vue.ref(null);
       const monthsPanel = vue.ref(null);
       const weeksPanel = vue.ref(null);
@@ -4575,7 +4797,7 @@ var __objRest = (source, exclude) => {
         };
         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)
@@ -4648,11 +4870,11 @@ var __objRest = (source, exclude) => {
         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;
             }
           }
@@ -4777,7 +4999,7 @@ var __objRest = (source, exclude) => {
         weeksPanel,
         viewArea
       }, vue.toRefs(state)), vue.toRefs(props)), {
-        translate: translate$l
+        translate: translate$n
       });
     }
   });
@@ -4789,7 +5011,7 @@ var __objRest = (source, exclude) => {
     key: 1,
     class: "calendar-top-slot"
   };
-  const _hoisted_3$E = {
+  const _hoisted_3$D = {
     key: 2,
     class: "calendar-curr-month"
   };
@@ -4839,7 +5061,7 @@ var __objRest = (source, exclude) => {
         _ctx.showTopBtn ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$O, [
           vue.renderSlot(_ctx.$slots, "btn")
         ])) : vue.createCommentVNode("", true),
-        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$E, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
+        _ctx.showSubTitle ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$D, vue.toDisplayString(_ctx.yearMonthTitle), 1)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$w, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weeks, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
@@ -5522,7 +5744,7 @@ var __objRest = (source, exclude) => {
     ], 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,
@@ -5636,7 +5858,7 @@ var __objRest = (source, exclude) => {
               cursor = cursor.children[0];
             }
           } else {
-            defaultValues.value[columnIndex] = option.value ? option.value : "";
+            defaultValues.value[columnIndex] = option.hasOwnProperty("value") ? option.value : "";
           }
           emit("change", {
             columnIndex,
@@ -5653,6 +5875,7 @@ var __objRest = (source, exclude) => {
         emit("update:visible", false);
       };
       vue.onMounted(() => {
+        console.log(11, props.columns);
         if (props.visible)
           state.show = props.visible;
       });
@@ -5673,6 +5896,7 @@ var __objRest = (source, exclude) => {
         }
       }, { immediate: true });
       vue.watch(() => props.visible, (val) => {
+        console.log("props\u66F4\u65B0", props.columns);
         state.show = val;
       });
       vue.watch(() => props.columns, (val) => {
@@ -5689,13 +5913,13 @@ var __objRest = (source, exclude) => {
         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__ */ vue.createElementVNode("view", { class: "nut-picker__hairline" }, null, -1);
   function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_picker_column = vue.resolveComponent("nut-picker-column");
@@ -5727,7 +5951,7 @@ var __objRest = (source, exclude) => {
             }, vue.toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
           ]),
           vue.renderSlot(_ctx.$slots, "top"),
-          vue.createElementVNode("view", _hoisted_3$D, [
+          vue.createElementVNode("view", _hoisted_3$C, [
             _hoisted_4$v,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnsList, (column2, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
@@ -5761,18 +5985,18 @@ var __objRest = (source, exclude) => {
     }
     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: {
@@ -6241,7 +6465,7 @@ var __objRest = (source, exclude) => {
     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: {
@@ -6513,13 +6737,13 @@ var __objRest = (source, exclude) => {
         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,
@@ -6571,7 +6795,7 @@ var __objRest = (source, exclude) => {
             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)) : (vue.openBlock(), vue.createElementBlock("input", {
+          }, null, 44, _hoisted_3$B)) : (vue.openBlock(), vue.createElementBlock("input", {
             key: 1,
             class: "input-text",
             ref: "inputRef",
@@ -6878,7 +7102,7 @@ var __objRest = (source, exclude) => {
     ], 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: {
@@ -7000,13 +7224,13 @@ var __objRest = (source, exclude) => {
         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__ */ vue.createElementVNode("div", { class: "nut-input-site" }, null, -1);
   const _hoisted_5$k = {
     key: 0,
@@ -7043,7 +7267,7 @@ var __objRest = (source, exclude) => {
         default: vue.withCtx(() => [
           vue.createElementVNode("view", _hoisted_1$S, vue.toDisplayString(_ctx.title || _ctx.translate("title")), 1),
           vue.createElementVNode("view", _hoisted_2$K, vue.toDisplayString(_ctx.desc || _ctx.translate("desc")), 1),
-          vue.createElementVNode("div", _hoisted_3$B, [
+          vue.createElementVNode("div", _hoisted_3$A, [
             vue.withDirectives(vue.createElementVNode("input", {
               ref: "realpwd",
               class: "nut-input-real",
@@ -7099,7 +7323,7 @@ var __objRest = (source, exclude) => {
     ]);
   }
   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: {
@@ -7223,7 +7447,7 @@ var __objRest = (source, exclude) => {
         change,
         focus,
         blur,
-        translate: translate$h
+        translate: translate$i
       };
     }
   });
@@ -7336,16 +7560,17 @@ var __objRest = (source, exclude) => {
       }
     }
   }
-  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" },
@@ -7566,7 +7791,7 @@ var __objRest = (source, exclude) => {
     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"
@@ -7623,7 +7848,7 @@ var __objRest = (source, exclude) => {
             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)) : vue.createCommentVNode("", true)
       ])) : vue.createCommentVNode("", true),
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.fileList, (item, index) => {
@@ -7765,6 +7990,14 @@ var __objRest = (source, exclude) => {
       isWrapTeleport: {
         type: Boolean,
         default: true
+      },
+      teleport: {
+        type: [String, Element],
+        default: "body"
+      },
+      popClass: {
+        type: String,
+        default: ""
       }
     },
     emits: ["input", "delete", "close", "update:value"],
@@ -7882,7 +8115,7 @@ var __objRest = (source, exclude) => {
     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"];
@@ -7909,6 +8142,8 @@ var __objRest = (source, exclude) => {
       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,
@@ -7917,7 +8152,7 @@ var __objRest = (source, exclude) => {
       default: vue.withCtx(() => [
         vue.createElementVNode("div", _hoisted_1$P, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$H, [
-            vue.createElementVNode("h3", _hoisted_3$z, vue.toDisplayString(_ctx.title), 1),
+            vue.createElementVNode("h3", _hoisted_3$y, vue.toDisplayString(_ctx.title), 1),
             vue.createElementVNode("span", {
               class: "keyboard-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
@@ -7978,7 +8213,7 @@ var __objRest = (source, exclude) => {
         ], 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 = {
@@ -8007,7 +8242,7 @@ var __objRest = (source, exclude) => {
       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") {
@@ -8017,6 +8252,11 @@ var __objRest = (source, exclude) => {
             });
           } 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;
@@ -8623,7 +8863,7 @@ var __objRest = (source, exclude) => {
   });
   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__ */ vue.createElementVNode("view", { class: "nut-oldpicker__hairline" }, null, -1);
   function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_oldpicker_column = vue.resolveComponent("nut-oldpicker-column");
@@ -8654,7 +8894,7 @@ var __objRest = (source, exclude) => {
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.confirm())
             }, vue.toDisplayString(_ctx.okText), 1)
           ]),
-          vue.createElementVNode("view", _hoisted_3$y, [
+          vue.createElementVNode("view", _hoisted_3$x, [
             _hoisted_4$q,
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columnList, (item, columnIndex) => {
               return vue.openBlock(), vue.createElementBlock("view", {
@@ -8750,24 +8990,24 @@ var __objRest = (source, exclude) => {
       });
       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 = {
@@ -8832,7 +9072,7 @@ var __objRest = (source, exclude) => {
     ref: "leftRef"
   };
   const _hoisted_2$E = { class: "nut-swipe__content" };
-  const _hoisted_3$x = {
+  const _hoisted_3$w = {
     class: "nut-swipe__right",
     ref: "rightRef"
   };
@@ -8851,7 +9091,7 @@ var __objRest = (source, exclude) => {
       vue.createElementVNode("view", _hoisted_2$E, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
-      vue.createElementVNode("view", _hoisted_3$x, [
+      vue.createElementVNode("view", _hoisted_3$w, [
         vue.renderSlot(_ctx.$slots, "right")
       ], 512)
     ], 38);
@@ -8938,7 +9178,7 @@ var __objRest = (source, exclude) => {
     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"
@@ -8968,7 +9208,7 @@ var __objRest = (source, exclude) => {
           vue.createElementVNode("view", _hoisted_1$K, [
             _ctx.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$D, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.renderSlot(_ctx.$slots, "default"),
-            !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$w, [
+            !_ctx.slotDefault ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$v, [
               _ctx.description ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$p, vue.toDisplayString(_ctx.description), 1)) : vue.createCommentVNode("", true),
               _ctx.menuItems.length ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$h, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.menuItems, (item, index) => {
@@ -9362,7 +9602,7 @@ var __objRest = (source, exclude) => {
         default: ""
       },
       content: {
-        type: String,
+        type: [String, Object],
         default: ""
       },
       noFooter: {
@@ -9462,6 +9702,8 @@ var __objRest = (source, exclude) => {
       "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: vue.normalizeStyle(_ctx.overlayStyle),
       round: "",
       onClickOverlay: _ctx.closed,
       onClickCloseIcon: _ctx.closed
@@ -9479,10 +9721,10 @@ var __objRest = (source, exclude) => {
             class: "nut-dialog__content",
             style: vue.normalizeStyle({ textAlign: _ctx.textAlign })
           }, [
-            _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", {
+            _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : typeof _ctx.content === "string" ? (vue.openBlock(), vue.createElementBlock("view", {
               key: 1,
               innerHTML: _ctx.content
-            }, null, 8, _hoisted_2$C))
+            }, null, 8, _hoisted_2$C)) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.content), { key: 2 }))
           ], 4),
           !_ctx.noFooter ? (vue.openBlock(), vue.createElementBlock("view", {
             key: 1,
@@ -9519,7 +9761,7 @@ var __objRest = (source, exclude) => {
         ], 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 {
@@ -9791,7 +10033,7 @@ var __objRest = (source, exclude) => {
   });
   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,
@@ -9824,7 +10066,7 @@ var __objRest = (source, exclude) => {
           vue.createElementVNode("view", _hoisted_2$B, vue.toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
         ])
       ], 4),
-      vue.createElementVNode("view", _hoisted_3$v, [
+      vue.createElementVNode("view", _hoisted_3$u, [
         vue.renderSlot(_ctx.$slots, "default")
       ]),
       vue.createElementVNode("view", _hoisted_4$o, [
@@ -10092,7 +10334,7 @@ var __objRest = (source, exclude) => {
       offsetY.value = 0;
       direction.value = "";
     };
-    const start = (event) => {
+    const start2 = (event) => {
       reset();
       startX.value = event.touches[0].clientX;
       startY.value = event.touches[0].clientY;
@@ -10109,7 +10351,7 @@ var __objRest = (source, exclude) => {
     };
     return {
       move,
-      start,
+      start: start2,
       reset,
       startX,
       startY,
@@ -10296,8 +10538,8 @@ var __objRest = (source, exclude) => {
       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) {
@@ -10306,8 +10548,8 @@ var __objRest = (source, exclude) => {
             }
           } 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;
@@ -10657,7 +10899,7 @@ var __objRest = (source, exclude) => {
     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 = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createBlock(vue.Transition, {
@@ -10691,7 +10933,7 @@ var __objRest = (source, exclude) => {
             vue.createElementVNode("view", {
               class: "nut-toast-text",
               innerHTML: _ctx.msg
-            }, null, 8, _hoisted_3$u)
+            }, null, 8, _hoisted_3$t)
           ], 4)
         ], 6), [
           [vue.vShow, _ctx.state.mounted]
@@ -10823,45 +11065,31 @@ var __objRest = (source, exclude) => {
     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: {},
@@ -10875,7 +11103,8 @@ var __objRest = (source, exclude) => {
         duration: "00:00:00",
         second: 0,
         hanMuted: props.muted,
-        playing: props.autoplay
+        playing: props.autoplay,
+        handPlaying: false
       });
       vue.onMounted(() => {
         var arr = ["webkitVisibilityState", "visibilitychange"];
@@ -10897,13 +11126,14 @@ var __objRest = (source, exclude) => {
           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) => {
@@ -10915,11 +11145,12 @@ var __objRest = (source, exclude) => {
         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;
@@ -10939,8 +11170,9 @@ var __objRest = (source, exclude) => {
         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;
@@ -10951,19 +11183,19 @@ var __objRest = (source, exclude) => {
         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;
           }
@@ -10971,7 +11203,7 @@ var __objRest = (source, exclude) => {
           result = "00:" + result;
         }
         if (theTime2 > 0) {
-          result = "" + parseInt(theTime2) + ":" + result;
+          result = "" + theTime2 + ":" + result;
           if (theTime2 < 10) {
             result = "0" + result;
           }
@@ -11009,7 +11241,7 @@ var __objRest = (source, exclude) => {
     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__ */ vue.createElementVNode("div", { class: "custom-button" }, null, -1);
   const _hoisted_6$d = { class: "time" };
@@ -11023,7 +11255,7 @@ var __objRest = (source, exclude) => {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
       _ctx.type == "progress" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
-        vue.createElementVNode("div", _hoisted_3$t, vue.toDisplayString(_ctx.currentDuration), 1),
+        vue.createElementVNode("div", _hoisted_3$s, vue.toDisplayString(_ctx.currentDuration), 1),
         vue.createElementVNode("div", _hoisted_4$n, [
           vue.createVNode(_component_nut_range, {
             modelValue: _ctx.percent,
@@ -11100,7 +11332,7 @@ var __objRest = (source, exclude) => {
   });
   const _hoisted_1$D = { class: "nut-audio-operate" };
   const _hoisted_2$y = /* @__PURE__ */ vue.createTextVNode("\u5012\u9000");
-  const _hoisted_3$s = /* @__PURE__ */ vue.createTextVNode("\u5FEB\u8FDB");
+  const _hoisted_3$r = /* @__PURE__ */ vue.createTextVNode("\u5FEB\u8FDB");
   const _hoisted_4$m = /* @__PURE__ */ vue.createTextVNode("\u9759\u97F3");
   function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_button = vue.resolveComponent("nut-button");
@@ -11150,7 +11382,7 @@ var __objRest = (source, exclude) => {
           size: "small"
         }, {
           default: vue.withCtx(() => [
-            _hoisted_3$s
+            _hoisted_3$r
           ]),
           _: 1
         })) : vue.createCommentVNode("", true),
@@ -11300,7 +11532,7 @@ var __objRest = (source, exclude) => {
     key: 2,
     class: "text"
   };
-  const _hoisted_3$r = {
+  const _hoisted_3$q = {
     key: 1,
     class: "text"
   };
@@ -11329,7 +11561,7 @@ var __objRest = (source, exclude) => {
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.createCommentVNode("", true)
       ], 64)) : vue.createCommentVNode("", true),
-      _ctx.showMax ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$r, vue.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)) : vue.createCommentVNode("", true)
+      _ctx.showMax ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$q, vue.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)) : vue.createCommentVNode("", true)
     ], 6)) : vue.createCommentVNode("", true);
   }
   var Avatar = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$J]]);
@@ -11419,7 +11651,7 @@ var __objRest = (source, exclude) => {
         default: document.documentElement.clientHeight || document.body.clientHeight || 667
       }
     },
-    emits: ["scroll"],
+    emits: ["scroll", "scroll-bottom"],
     setup(props, { emit }) {
       const list = vue.ref(null);
       const state = vue.reactive({
@@ -11430,7 +11662,7 @@ var __objRest = (source, exclude) => {
       const visibleCount = vue.computed(() => {
         return Math.ceil(props.containerHeight / props.height);
       });
-      const end = vue.computed(() => {
+      const end2 = vue.computed(() => {
         return state.start + visibleCount.value;
       });
       const getTransform = vue.computed(() => {
@@ -11446,14 +11678,15 @@ var __objRest = (source, exclude) => {
         return state.list.length * props.height;
       });
       const visibleData = vue.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;
       };
@@ -11533,11 +11766,11 @@ var __objRest = (source, exclude) => {
         default: ""
       },
       textColor: {
-        tyep: String,
+        type: String,
         default: ""
       },
       textBackground: {
-        tyep: String,
+        type: String,
         default: ""
       },
       iconName: {
@@ -11691,10 +11924,10 @@ var __objRest = (source, exclude) => {
       });
       const hoverStyle = vue.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 = vue.computed(() => {
@@ -11734,7 +11967,7 @@ var __objRest = (source, exclude) => {
   });
   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" };
@@ -11758,7 +11991,7 @@ var __objRest = (source, exclude) => {
                 key: index,
                 offset: item.key,
                 "stop-color": item.value
-              }, null, 8, _hoisted_3$q);
+              }, null, 8, _hoisted_3$p);
             }), 128))
           ], 8, _hoisted_2$w)
         ]),
@@ -12205,7 +12438,7 @@ var __objRest = (source, exclude) => {
   });
   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"
   };
@@ -12223,7 +12456,7 @@ var __objRest = (source, exclude) => {
           }, null, 8, _hoisted_2$u)) : vue.createCommentVNode("", true)
         ], 64))
       ], 4),
-      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$p, vue.toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
+      _ctx.$slots.description ? vue.renderSlot(_ctx.$slots, "description", { key: 0 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$o, vue.toDisplayString(_ctx.description || _ctx.translate("noData")), 1)),
       _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 2 }) : vue.createCommentVNode("", true)
     ]);
   }
@@ -12456,7 +12689,7 @@ var __objRest = (source, exclude) => {
     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 = {
@@ -12490,7 +12723,7 @@ var __objRest = (source, exclude) => {
         vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
@@ -12666,7 +12899,7 @@ var __objRest = (source, exclude) => {
   });
   const _hoisted_1$w = { class: "nut-step-head" };
   const _hoisted_2$s = /* @__PURE__ */ vue.createElementVNode("view", { class: "nut-step-line" }, null, -1);
-  const _hoisted_3$n = {
+  const _hoisted_3$m = {
     key: 2,
     class: "nut-step-inner"
   };
@@ -12695,7 +12928,7 @@ var __objRest = (source, exclude) => {
             color: _ctx.iconColor,
             name: _ctx.icon,
             size: _ctx.size
-          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$n, vue.toDisplayString(_ctx.index), 1))
+          }, null, 8, ["color", "name", "size"])) : _ctx.dot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [], 64)) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_3$m, vue.toDisplayString(_ctx.index), 1))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$j, [
@@ -12741,7 +12974,7 @@ var __objRest = (source, exclude) => {
       state.offsetY = 0;
       state.direction = "";
     };
-    const start = (e) => {
+    const start2 = (e) => {
       reset();
       state.startX = e.touches[0].clientX;
       state.startY = e.touches[0].clientY;
@@ -12757,7 +12990,7 @@ var __objRest = (source, exclude) => {
     };
     return {
       state,
-      start,
+      start: start2,
       reset,
       move
     };
@@ -12828,6 +13061,7 @@ var __objRest = (source, exclude) => {
         touchTime: 0,
         autoplayTimer: 0,
         children: [],
+        childrenVNode: [],
         style: {}
       });
       const touch = useTouch();
@@ -12864,8 +13098,35 @@ var __objRest = (source, exclude) => {
         };
       };
       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) => {
@@ -12874,12 +13135,12 @@ var __objRest = (source, exclude) => {
       const requestFrame = (fn) => {
         window.requestAnimationFrame.call(window, fn);
       };
-      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);
         }
@@ -12895,12 +13156,12 @@ var __objRest = (source, exclude) => {
         }
         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;
@@ -13025,9 +13286,9 @@ var __objRest = (source, exclude) => {
         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);
           }
@@ -13052,16 +13313,6 @@ var __objRest = (source, exclude) => {
         next,
         to
       });
-      vue.onMounted(() => {
-        vue.nextTick(() => {
-          init();
-        });
-      });
-      vue.onActivated(() => {
-        vue.nextTick(() => {
-          init();
-        });
-      });
       vue.onDeactivated(() => {
         stopAutoPlay();
       });
@@ -13075,7 +13326,7 @@ var __objRest = (source, exclude) => {
       });
       vue.watch(() => state.children.length, () => {
         vue.nextTick(() => {
-          init(state.active);
+          init();
         });
       });
       vue.watch(() => props.autoPlay, (val) => {
@@ -13126,8 +13377,9 @@ var __objRest = (source, exclude) => {
             style: vue.normalizeStyle({
               backgroundColor: _ctx.activePagination === index ? _ctx.paginationColor : "#ddd"
             }),
+            class: vue.normalizeClass({ active: _ctx.activePagination === index }),
             key: index
-          }, null, 4);
+          }, null, 6);
         }), 128))
       ], 2)) : vue.createCommentVNode("", true)
     ], 34);
@@ -13158,9 +13410,12 @@ var __objRest = (source, exclude) => {
         }
         return style2;
       });
-      const setOffset = (offset) => {
-        state.offset = offset;
+      const setOffset = (offset2) => {
+        state.offset = offset2;
       };
+      vue.onUnmounted(() => {
+        parent["relation"](vue.getCurrentInstance(), "unmount");
+      });
       useExpose({ setOffset });
       return {
         style,
@@ -14022,7 +14277,6 @@ var __objRest = (source, exclude) => {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.machineNum, (val, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
               class: "run-number-machine-img-li",
-              ref_for: true,
               ref: "run-number-machine-img-li",
               key: "mImg" + index,
               style: vue.normalizeStyle({
@@ -14077,7 +14331,6 @@ var __objRest = (source, exclude) => {
         }, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.num_total_len, (val, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
-              ref_for: true,
               ref: _ctx.setRef,
               class: "numberItem",
               key: val,
@@ -14277,7 +14530,7 @@ var __objRest = (source, exclude) => {
         }
         return format;
       };
-      const start = () => {
+      const start2 = () => {
         if (!state.counting && !props.autoStart) {
           state.counting = true;
           state.handleEndTime = Date.now() + Number(state.restTime);
@@ -14332,7 +14585,7 @@ var __objRest = (source, exclude) => {
         slots,
         classes,
         getTimeStamp,
-        start,
+        start: start2,
         pause,
         renderTime,
         translate: translate$a,
@@ -14417,7 +14670,7 @@ var __objRest = (source, exclude) => {
   });
   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 vue.openBlock(), vue.createElementBlock("view", _hoisted_1$r, [
       vue.createElementVNode("view", _hoisted_2$o, [
@@ -14428,7 +14681,7 @@ var __objRest = (source, exclude) => {
         textContent: vue.toDisplayString(_ctx.content),
         class: vue.normalizeClass(["nut-badge__content sup", { "is-dot": _ctx.dot }]),
         style: vue.normalizeStyle(_ctx.stl)
-      }, null, 14, _hoisted_3$m), [
+      }, null, 14, _hoisted_3$l), [
         [vue.vShow, !_ctx.hidden && (_ctx.content || _ctx.dot)]
       ])
     ]);
@@ -14462,14 +14715,14 @@ var __objRest = (source, exclude) => {
     },
     emits: ["close", "click"],
     setup(props, { emit }) {
-      const { type, color, plain, round, mark, textColor } = vue.toRefs(props);
+      const { type, color, plain, round: round2, mark, textColor } = vue.toRefs(props);
       const classes = vue.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
         };
       });
@@ -14526,6 +14779,774 @@ var __objRest = (source, exclude) => {
     ], 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(fn) {
+    var pending;
+    return function() {
+      if (!pending) {
+        pending = new Promise(function(resolve) {
+          Promise.resolve().then(function() {
+            pending = void 0;
+            resolve(fn());
+          });
+        });
+      }
+      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], fn = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+            if (typeof fn === "function") {
+              state = fn({
+                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(fn) {
+          return fn();
+        });
+        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,
@@ -14545,81 +15566,103 @@ var __objRest = (source, exclude) => {
       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 = vue.ref();
-      const state = vue.reactive({
-        elWidth: 0,
-        elHeight: 0
-      });
+      const popoverRef = vue.ref();
       const showPopup = vue.ref(props.visible);
       const { theme, location: location2 } = vue.toRefs(props);
       const classes = vue.computed(() => {
         const prefixCls = componentName$p;
-        return {
-          [prefixCls]: true,
-          [`${prefixCls}--${theme.value}`]: theme.value
-        };
+        return `${prefixCls} ${prefixCls}--${theme.value}`;
       });
       const popoverContent = vue.computed(() => {
-        const prefixCls = "popoverContent";
+        const prefixCls = "popover-content";
         return {
           [prefixCls]: true,
           [`${prefixCls}--${location2.value}`]: location2.value
         };
       });
       const popoverArrow = vue.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 = vue.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 = vue.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 = () => {
+        vue.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;
-      });
+      };
       vue.onMounted(() => {
-        getReference();
+        window.addEventListener("click", clickAway, true);
+      });
+      vue.onUnmounted(() => {
+        window.removeEventListener("click", clickAway, true);
       });
       vue.watch(() => props.visible, (value) => {
         showPopup.value = value;
+        uploadLocation();
+      });
+      vue.watch(() => props.location, (value) => {
+        uploadLocation();
       });
       const update = (val) => {
         emit("update", val);
@@ -14647,57 +15690,64 @@ var __objRest = (source, exclude) => {
         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 = vue.resolveComponent("nut-icon");
-    return vue.openBlock(), vue.createElementBlock("view", {
-      onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
-      class: vue.normalizeClass(_ctx.classes)
-    }, [
-      vue.createElementVNode("div", _hoisted_1$q, [
+    const _component_nut_popup = vue.resolveComponent("nut-popup");
+    return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+      vue.createElementVNode("view", {
+        style: { "display": "inline-block" },
+        class: vue.normalizeClass(_ctx.customClass),
+        onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.openPopover && _ctx.openPopover(...args), ["stop"])),
+        ref: "reference"
+      }, [
         vue.renderSlot(_ctx.$slots, "reference")
-      ], 512),
-      _ctx.showPopup ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-        vue.createElementVNode("view", {
-          class: "more-background",
-          onClick: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.closePopover && _ctx.closePopover(...args), ["stop"]))
-        }),
-        vue.createElementVNode("view", {
-          class: vue.normalizeClass(_ctx.popoverContent),
-          style: vue.normalizeStyle(_ctx.getStyle)
-        }, [
-          vue.createElementVNode("view", {
-            class: vue.normalizeClass(_ctx.popoverArrow),
-            style: vue.normalizeStyle(_ctx.getArrowStyle)
-          }, null, 6),
+      ], 2),
+      vue.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: vue.withCtx(() => [
+          _ctx.showArrow ? (vue.openBlock(), vue.createElementBlock("view", {
+            key: 0,
+            class: vue.normalizeClass(_ctx.popoverArrow)
+          }, null, 2)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "content"),
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, index) => {
-            return vue.openBlock(), vue.createElementBlock("view", {
-              key: index,
-              class: vue.normalizeClass({ "title-item": true, disabled: item.disabled }),
-              onClick: vue.withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
-            }, [
-              item.icon ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-                vue.createVNode(_component_nut_icon, {
-                  class: "item-img",
-                  name: item.icon
-                }, null, 8, ["name"])
-              ]) : vue.createCommentVNode("", true),
-              vue.createElementVNode("view", _hoisted_3$l, vue.toDisplayString(item.name), 1)
-            ], 10, _hoisted_2$n);
-          }), 128))
-        ], 6)
-      ], 64)) : vue.createCommentVNode("", true)
-    ], 2);
+          vue.createElementVNode("view", {
+            class: vue.normalizeClass(["popover-menu", _ctx.popoverContent]),
+            ref: "popoverMenu"
+          }, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.list, (item, index) => {
+              return vue.openBlock(), vue.createElementBlock("view", {
+                key: index,
+                class: vue.normalizeClass([item.className, { "popover-menu-item": true, disabled: item.disabled }]),
+                onClick: vue.withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
+              }, [
+                item.icon ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
+                  vue.createVNode(_component_nut_icon, {
+                    class: "item-img",
+                    name: item.icon
+                  }, null, 8, ["name"])
+                ]) : vue.createCommentVNode("", true),
+                vue.createElementVNode("view", _hoisted_2$n, vue.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 = {
@@ -14744,7 +15794,7 @@ var __objRest = (source, exclude) => {
       }
     },
     setup(props) {
-      const { avatarShape, round, avatarSize } = vue.toRefs(props);
+      const { avatarShape, round: round2, avatarSize } = vue.toRefs(props);
       const avatarClass = vue.computed(() => {
         const prefixCls = "avatarClass";
         return {
@@ -14756,7 +15806,7 @@ var __objRest = (source, exclude) => {
         const prefixCls = "blockClass";
         return {
           [prefixCls]: true,
-          [`${prefixCls}--round`]: round.value
+          [`${prefixCls}--round`]: round2.value
         };
       });
       const getStyle = () => {
@@ -15909,7 +16959,7 @@ var __objRest = (source, exclude) => {
       let timer = 0;
       const danmuList = vue.ref(props.danmu);
       const rows = vue.ref(props.rows);
-      const top = vue.ref(props.top);
+      const top2 = vue.ref(props.top);
       const index = vue.ref(0);
       const speeds = props.speeds;
       const danmuCWidth = vue.ref(0);
@@ -15930,7 +16980,11 @@ var __objRest = (source, exclude) => {
       });
       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);
@@ -15941,6 +16995,9 @@ var __objRest = (source, exclude) => {
         }, 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];
@@ -15951,7 +17008,7 @@ var __objRest = (source, exclude) => {
           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}`;
@@ -17553,12 +18610,14 @@ var __objRest = (source, exclude) => {
         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);
           });
         }
       };
+      vue.watch(() => props.data, () => trowelData(), { deep: true });
       const clickDelIcon = (event, item) => {
         emit("handelDelIcon", event, item);
         event.stopPropagation();
@@ -18292,7 +19351,7 @@ var __objRest = (source, exclude) => {
       }
     });
   }
-  const version = "3.1.21-beta.3";
+  const version = "3.1.21";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;