@nutui/nutui 3.1.23-beta.6 → 3.2.2-beta.1

package/dist/nutui.umd.js

@@ -1,37 +1,5 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __restKey = (key) => typeof key === "symbol" ? key : key + "";
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 /*!
-* @nutui/nutui v3.1.23-beta.6 Thu Jul 28 2022 18:06:25 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.2.2-beta.1 Mon Aug 22 2022 15:19:41 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -252,11 +220,11 @@ var __objRest = (source, exclude) => {
     }
   }
   const TypeOfFun = (value) => {
-    if (value === null) {
+    if (null === value) {
       return "null";
     }
     const type = typeof value;
-    if (type === "undefined" || type === "string") {
+    if ("undefined" === type || "string" === type) {
       return type;
     }
     const typeString = toString.call(value);
@@ -274,8 +242,8 @@ var __objRest = (source, exclude) => {
       case "[object RegExp]":
         return "regexp";
       case "[object Object]":
-        if (value.nodeType !== void 0) {
-          if (value.nodeType == 3) {
+        if (void 0 !== value.nodeType) {
+          if (3 == value.nodeType) {
             return /\S/.test(value.nodeValue) ? "textnode" : "whitespace";
           } else {
             return "element";
@@ -406,17 +374,21 @@ var __objRest = (source, exclude) => {
       return () => {
         var _a;
         const _isImage = isImage();
-        return vue.h(_isImage ? "img" : props.tag, {
-          class: _isImage ? `${componentName$1t}__img` : `${props.fontClassName} ${componentName$1t} ${props.classPrefix}-${props.name}`,
-          style: {
-            color: props.color,
-            fontSize: pxCheck(props.size),
-            width: pxCheck(props.size),
-            height: pxCheck(props.size)
+        return vue.h(
+          _isImage ? "img" : props.tag,
+          {
+            class: _isImage ? `${componentName$1t}__img` : `${props.fontClassName} ${componentName$1t} ${props.classPrefix}-${props.name}`,
+            style: {
+              color: props.color,
+              fontSize: pxCheck(props.size),
+              width: pxCheck(props.size),
+              height: pxCheck(props.size)
+            },
+            onClick: handleClick,
+            src: _isImage ? props.name : ""
           },
-          onClick: handleClick,
-          src: _isImage ? props.name : ""
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -521,7 +493,7 @@ var __objRest = (source, exclude) => {
     }
   });
   const _hoisted_1$1l = { class: "nut-button__warp" };
-  function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1B(_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),
@@ -533,12 +505,13 @@ var __objRest = (source, exclude) => {
           key: 0,
           class: "nut-icon-loading"
         })) : vue.createCommentVNode("", true),
-        _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.icon && !_ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 1,
-          name: _ctx.icon,
+          name: _ctx.icon
+        }, _ctx.$attrs, {
           "class-prefix": _ctx.iconClassPrefix,
           "font-class-name": _ctx.iconFontClassName
-        }, null, 8, ["name", "class-prefix", "font-class-name"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "class-prefix", "font-class-name"])) : vue.createCommentVNode("", true),
         _ctx.$slots.default ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 2,
           class: vue.normalizeClass({ text: _ctx.icon || _ctx.loading })
@@ -548,7 +521,7 @@ var __objRest = (source, exclude) => {
       ])
     ], 6);
   }
-  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1C]]);
+  var Button = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["render", _sfc_render$1B]]);
   function useRouter() {
     const proxy = vue.getCurrentInstance().proxy;
     return proxy.$router || null;
@@ -563,7 +536,7 @@ var __objRest = (source, exclude) => {
   };
   const _hoisted_3$Q = { class: "title" };
   const _hoisted_4$E = { class: "nut-cell__title-desc" };
-  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$3(_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),
@@ -573,11 +546,10 @@ var __objRest = (source, exclude) => {
       vue.renderSlot(_ctx.$slots, "default", {}, () => [
         _ctx.icon || _ctx.$slots.icon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1k, [
           vue.renderSlot(_ctx.$slots, "icon", {}, () => [
-            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 0,
+            _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
               class: "icon",
               name: _ctx.icon
-            }, null, 8, ["name"])) : vue.createCommentVNode("", true)
+            }), null, 16, ["name"])) : vue.createCommentVNode("", true)
           ])
         ])) : vue.createCommentVNode("", true),
         _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$14, [
@@ -596,11 +568,10 @@ var __objRest = (source, exclude) => {
           style: vue.normalizeStyle({ "text-align": _ctx.descTextAlign })
         }, vue.toDisplayString(_ctx.desc), 7)) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "link", {}, () => [
-          _ctx.isLink || _ctx.to ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.isLink || _ctx.to ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 0,
-            class: "nut-cell__link",
-            name: "right"
-          })) : vue.createCommentVNode("", true)
+            class: "nut-cell__link"
+          }, _ctx.$attrs, { name: _ctx.rightIcon }), null, 16, ["name"])) : vue.createCommentVNode("", true)
         ])
       ])
     ], 6);
@@ -618,6 +589,7 @@ var __objRest = (source, exclude) => {
       roundRadius: { type: [String, Number], default: "" },
       url: { type: String, default: "" },
       icon: { type: String, default: "" },
+      rightIcon: { type: String, default: "right" },
       center: { type: Boolean, default: false },
       size: { type: String, default: "" }
     },
@@ -653,7 +625,7 @@ var __objRest = (source, exclude) => {
       };
     }
   });
-  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$2]]);
+  var Cell = /* @__PURE__ */ _export_sfc(_sfc_main$1N, [["render", render$3]]);
   const { componentName: componentName$1q, create: create$1M } = createComponent("cell-group");
   const _sfc_main$1M = create$1M({
     props: {
@@ -681,7 +653,7 @@ var __objRest = (source, exclude) => {
     class: "nut-cell-group__desc"
   };
   const _hoisted_3$P = { class: "nut-cell-group__warp" };
-  function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes)
     }, [
@@ -692,7 +664,7 @@ var __objRest = (source, exclude) => {
       ])
     ], 2);
   }
-  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1B]]);
+  var CellGroup = /* @__PURE__ */ _export_sfc(_sfc_main$1M, [["render", _sfc_render$1A]]);
   const { componentName: componentName$1p, create: create$1L } = createComponent("overlay");
   const overlayProps = {
     visible: {
@@ -734,9 +706,12 @@ var __objRest = (source, exclude) => {
           [props.overlayClass]: true
         };
       });
-      vue.watch(() => props.visible, (value) => {
-        value ? lock() : unlock();
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          value ? lock() : unlock();
+        }
+      );
       const lock = () => {
         if (props.lockScroll && props.visible) {
           document.body.classList.add("nut-overflow-hidden");
@@ -750,10 +725,11 @@ var __objRest = (source, exclude) => {
       vue.onMounted(lock);
       vue.onActivated(lock);
       const style = vue.computed(() => {
-        return __spreadValues({
+        return {
           animationDuration: `${props.duration}s`,
-          zIndex: props.zIndex
-        }, props.overlayStyle);
+          zIndex: props.zIndex,
+          ...props.overlayStyle
+        };
       });
       const touchmove = (e) => {
         if (props.lockScroll)
@@ -768,7 +744,7 @@ var __objRest = (source, exclude) => {
       return { classes, style, touchmove, onClick };
     }
   });
-  function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createBlock(vue.Transition, { name: "overlay-fade" }, {
       default: vue.withCtx(() => [
         vue.withDirectives(vue.createElementVNode("view", {
@@ -785,7 +761,7 @@ var __objRest = (source, exclude) => {
       _: 3
     });
   }
-  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1A]]);
+  var OverLay = /* @__PURE__ */ _export_sfc(_sfc_main$1L, [["render", _sfc_render$1z]]);
   let count = 0;
   const CLSNAME = "nut-overflow-hidden";
   const useLockScroll = (isLock) => {
@@ -805,7 +781,8 @@ var __objRest = (source, exclude) => {
   };
   const { componentName: componentName$1o, create: create$1K } = createComponent("popup");
   let _zIndex = 2e3;
-  const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
+  const popupProps = {
+    ...overlayProps,
     position: {
       type: String,
       default: "center"
@@ -854,13 +831,15 @@ var __objRest = (source, exclude) => {
       type: Boolean,
       default: false
     }
-  });
+  };
   const _sfc_main$1K = create$1K({
     components: {
       [OverLay.name]: OverLay,
       [_sfc_main$1P.name]: _sfc_main$1P
     },
-    props: __spreadValues({}, popupProps),
+    props: {
+      ...popupProps
+    },
     emits: ["click", "click-close-icon", "open", "close", "opend", "closed", "update:visible", "click-overlay"],
     setup(props, { emit }) {
       const popupRef = vue.ref();
@@ -884,10 +863,11 @@ var __objRest = (source, exclude) => {
         };
       });
       const popStyle = vue.computed(() => {
-        return __spreadValues({
+        return {
           zIndex: state.zIndex,
-          animationDuration: props.duration ? `${props.duration}s` : "initial"
-        }, props.style);
+          animationDuration: props.duration ? `${props.duration}s` : "initial",
+          ...props.style
+        };
       });
       const open = () => {
         if (props.zIndex != 2e3) {
@@ -954,20 +934,30 @@ var __objRest = (source, exclude) => {
           state.keepAlive = true;
         }
       });
-      vue.watch(() => props.visible, (value) => {
-        if (value) {
-          open();
-        } else {
-          close();
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          if (value) {
+            open();
+          } else {
+            close();
+          }
         }
-      });
-      vue.watch(() => props.position, (value) => {
-        value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
-      });
-      vue.watch(() => props.closeable, (value) => {
-        state.closed = value;
-      });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      );
+      vue.watch(
+        () => props.position,
+        (value) => {
+          value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
+        }
+      );
+      vue.watch(
+        () => props.closeable,
+        (value) => {
+          state.closed = value;
+        }
+      );
+      return {
+        ...vue.toRefs(state),
         popStyle,
         classes,
         onClick,
@@ -976,11 +966,11 @@ var __objRest = (source, exclude) => {
         onOpened,
         onClosed,
         popupRef
-      });
+      };
     }
   });
   const _hoisted_1$1i = { key: 1 };
-  function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.isWrapTeleport ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
@@ -1016,10 +1006,10 @@ var __objRest = (source, exclude) => {
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
               class: vue.normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
             }, [
-              vue.createVNode(_component_nut_icon, {
+              vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.closeIcon,
                 size: "12px"
-              }, null, 8, ["name"])
+              }), null, 16, ["name"])
             ], 2)) : vue.createCommentVNode("", true)
           ], 6), [
             [vue.vShow, _ctx.visible]
@@ -1069,8 +1059,8 @@ var __objRest = (source, exclude) => {
       }, 8, ["name", "onAfterEnter", "onAfterLeave"])
     ]));
   }
-  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1z]]);
-  const component$7 = {
+  var Popup = /* @__PURE__ */ _export_sfc(_sfc_main$1K, [["render", _sfc_render$1y]]);
+  const component$8 = {
     props: {
       theme: { type: String, default: "" },
       tag: { type: String, default: "div" }
@@ -1078,14 +1068,18 @@ var __objRest = (source, exclude) => {
     setup(props, { slots }) {
       return () => {
         var _a;
-        return vue.h(props.tag, {
-          class: `nut-theme-${props.theme}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          props.tag,
+          {
+            class: `nut-theme-${props.theme}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   };
   const { componentName: componentName$1n, create: create$1J } = createComponent("config-provider");
-  const _sfc_main$1J = create$1J(component$7);
+  const _sfc_main$1J = create$1J(component$8);
   const { componentName: componentName$1m, create: create$1I } = createComponent("image");
   const _sfc_main$1I = create$1I({
     props: {
@@ -1158,9 +1152,12 @@ var __objRest = (source, exclude) => {
         };
         return styless;
       });
-      vue.watch(() => props.src, (val) => {
-        state.isError = false, state.loading = true;
-      });
+      vue.watch(
+        () => props.src,
+        (val) => {
+          state.isError = false, state.loading = true;
+        }
+      );
       const load = () => {
         state.loading = false;
         emit("load");
@@ -1173,7 +1170,7 @@ var __objRest = (source, exclude) => {
       const imageClick = (event) => {
         emit("click", event);
       };
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), { imageClick, classes, styles, stylebox, error, load });
+      return { ...vue.toRefs(state), imageClick, classes, styles, stylebox, error, load };
     }
   });
   const _hoisted_1$1h = ["src", "alt"];
@@ -1185,7 +1182,7 @@ var __objRest = (source, exclude) => {
     key: 1,
     class: "nut-img-error"
   };
-  function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1x(_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),
@@ -1216,7 +1213,7 @@ var __objRest = (source, exclude) => {
       ])) : vue.createCommentVNode("", true)
     ], 6);
   }
-  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1y]]);
+  var Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1I, [["render", _sfc_render$1x]]);
   const { create: create$1H } = createComponent("layout");
   const _sfc_main$1H = create$1H({});
   const { componentName: componentName$1l, create: create$1G } = createComponent("col");
@@ -1231,8 +1228,8 @@ var __objRest = (source, exclude) => {
         default: "0"
       }
     },
-    emits: ["click"],
-    setup(props, { emit }) {
+    emits: [],
+    setup(props) {
       const prefixCls = componentName$1l;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
@@ -1249,27 +1246,21 @@ var __objRest = (source, exclude) => {
           paddingRight: gutter / 2 + "px"
         };
       });
-      const handleClick = (evt) => {
-        evt.stopPropagation();
-        emit("click", evt);
-      };
       return {
         classes,
-        style,
-        handleClick
+        style
       };
     }
   });
-  function _sfc_render$1x(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
-      style: vue.normalizeStyle(_ctx.style),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      style: vue.normalizeStyle(_ctx.style)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
   }
-  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1x]]);
+  var Col = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["render", _sfc_render$1w]]);
   const { componentName: componentName$1k, create: create$1F } = createComponent("row");
   const _sfc_main$1F = create$1F({
     props: {
@@ -1294,8 +1285,8 @@ var __objRest = (source, exclude) => {
         default: "nowrap"
       }
     },
-    emits: ["click"],
-    setup(props, { emit }) {
+    emits: [],
+    setup(props) {
       const prefixCls = componentName$1k;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
@@ -1310,25 +1301,19 @@ var __objRest = (source, exclude) => {
               ${prefixCls}
               `;
       };
-      const handleClick = (evt) => {
-        evt.stopPropagation();
-        emit("click", evt);
-      };
       return {
-        getClasses,
-        handleClick
+        getClasses
       };
     }
   });
-  function _sfc_render$1w(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.getClasses()),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      class: vue.normalizeClass(_ctx.getClasses())
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
   }
-  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1w]]);
+  var Row = /* @__PURE__ */ _export_sfc(_sfc_main$1F, [["render", _sfc_render$1v]]);
   function isWindow(val) {
     return val === window;
   }
@@ -1434,10 +1419,14 @@ var __objRest = (source, exclude) => {
       };
       const renderFixed = () => {
         var _a;
-        return vue.h("view", {
-          style: stickyStyle.value,
-          class: state.fixed ? `${componentName$1j} nut-sticky--fixed` : componentName$1j
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            style: stickyStyle.value,
+            class: state.fixed ? `${componentName$1j} nut-sticky--fixed` : componentName$1j
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const onScroll = () => {
         if (!isExistRoot())
@@ -1474,9 +1463,12 @@ var __objRest = (source, exclude) => {
           fixed: state.fixed
         });
       };
-      vue.watch(() => state.fixed, (val) => {
-        emit("change", val);
-      });
+      vue.watch(
+        () => state.fixed,
+        (val) => {
+          emit("change", val);
+        }
+      );
       vue.onMounted(() => {
         window.addEventListener("scroll", onScroll);
         onScroll();
@@ -1485,10 +1477,14 @@ var __objRest = (source, exclude) => {
         window.removeEventListener("scroll", onScroll);
       });
       return () => {
-        return vue.h("view", {
-          style: rootStyle.value,
-          ref: root
-        }, [renderFixed()]);
+        return vue.h(
+          "view",
+          {
+            style: rootStyle.value,
+            ref: root
+          },
+          [renderFixed()]
+        );
       };
     }
   });
@@ -1521,24 +1517,26 @@ var __objRest = (source, exclude) => {
         };
         let classesObj = {};
         if (props.direction === "horizontal") {
-          classesObj = __spreadProps(__spreadValues({}, defaultClassesObj), {
+          classesObj = {
+            ...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), {
+          classesObj = {
+            ...defaultClassesObj,
             [`${prefixCls}-vertical`]: props.direction === "vertical"
-          });
+          };
         }
         return classesObj;
       });
       return { classes };
     }
   });
-  function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
     return _ctx.direction === "horizontal" ? (vue.openBlock(), vue.createElementBlock("view", {
       key: 0,
       class: vue.normalizeClass(_ctx.classes)
@@ -1549,7 +1547,7 @@ var __objRest = (source, exclude) => {
       class: vue.normalizeClass(_ctx.classes)
     }, null, 2));
   }
-  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1v]]);
+  var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$1D, [["render", _sfc_render$1u]]);
   function flattenVNodes(children, childName) {
     const result = [];
     const traverse = (children2) => {
@@ -1598,11 +1596,17 @@ var __objRest = (source, exclude) => {
     };
     const extend = Object.assign;
     return (value) => {
-      vue.provide(key, extend({
-        add,
-        remove,
-        internalChildren
-      }, value));
+      vue.provide(
+        key,
+        extend(
+          {
+            add,
+            remove,
+            internalChildren
+          },
+          value
+        )
+      );
       return {
         internalChildren
       };
@@ -1650,7 +1654,7 @@ var __objRest = (source, exclude) => {
       default: false
     }
   };
-  const component$6 = {
+  const component$7 = {
     props: gridProps,
     setup(props, { slots }) {
       useProvide(GRID_KEY, `${componentName$1h}-item`)({ props });
@@ -1670,15 +1674,19 @@ var __objRest = (source, exclude) => {
       });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: rootClass.value,
-          style: rootStyle.value
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: rootClass.value,
+            style: rootStyle.value
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   };
   const { create: create$1C } = createComponent("grid");
-  const _sfc_main$1C = create$1C(component$6);
+  const _sfc_main$1C = create$1C(component$7);
   function useInject(key) {
     const parent = vue.inject(key, null);
     if (parent) {
@@ -1793,7 +1801,7 @@ var __objRest = (source, exclude) => {
     key: 3,
     class: "nut-grid-item__text"
   };
-  function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.rootClass),
@@ -1804,18 +1812,19 @@ var __objRest = (source, exclude) => {
         class: vue.normalizeClass(_ctx.contentClass)
       }, [
         _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.$slots.icon ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }) : (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 1,
-            name: _ctx.iconProps.name,
+            name: _ctx.iconProps.name
+          }, _ctx.$attrs, {
             size: _ctx.iconProps.size,
             color: _ctx.iconProps.color
-          }, null, 8, ["name", "size", "color"])),
+          }), null, 16, ["name", "size", "color"])),
           _ctx.$slots.text ? vue.renderSlot(_ctx.$slots, "text", { key: 2 }) : (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1g, vue.toDisplayString(_ctx.text), 1))
         ], 64))
       ], 2)
     ], 6);
   }
-  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1u]]);
+  var GridItem = /* @__PURE__ */ _export_sfc(_sfc_main$1B, [["render", _sfc_render$1t]]);
   const { componentName: componentName$1f, create: create$1A } = createComponent("navbar");
   const _sfc_main$1A = create$1A({
     props: {
@@ -1921,7 +1930,7 @@ var __objRest = (source, exclude) => {
     key: 0,
     class: "nut-navbar__text"
   };
-  function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
+  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return _ctx.fixed && _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$1f, [
       vue.createElementVNode("view", {
@@ -1947,12 +1956,13 @@ var __objRest = (source, exclude) => {
             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, {
+          _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 1,
-            class: "icon",
+            class: "icon"
+          }, _ctx.$attrs, {
             name: _ctx.titIcon,
             onClick: _ctx.handleCenterIcon
-          }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
+          }), null, 16, ["name", "onClick"])) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "content")
         ]),
         vue.createElementVNode("view", {
@@ -1986,12 +1996,13 @@ var __objRest = (source, exclude) => {
           class: "title",
           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, {
+        _ctx.titIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 1,
-          class: "icon",
+          class: "icon"
+        }, _ctx.$attrs, {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
-        }, null, 8, ["name", "onClick"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "onClick"])) : vue.createCommentVNode("", true),
         vue.renderSlot(_ctx.$slots, "content")
       ]),
       vue.createElementVNode("view", {
@@ -2003,12 +2014,9 @@ var __objRest = (source, exclude) => {
       ])
     ], 6));
   }
-  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1t]]);
-  const { componentName: componentName$1e, create: create$1z, translate: translate$t } = createComponent("fixednav");
-  const _sfc_main$1z = create$1z({
-    components: {
-      [OverLay.name]: OverLay
-    },
+  var Navbar = /* @__PURE__ */ _export_sfc(_sfc_main$1A, [["render", _sfc_render$1s]]);
+  const { componentName: componentName$1e, translate: translate$t } = createComponent("fixednav");
+  const component$6 = {
     props: {
       visible: {
         type: Boolean,
@@ -2022,6 +2030,10 @@ var __objRest = (source, exclude) => {
         default: () => [],
         type: Array
       },
+      activeColor: {
+        default: "",
+        type: String
+      },
       activeText: {
         default: "",
         type: String
@@ -2054,6 +2066,7 @@ var __objRest = (source, exclude) => {
           [props.type]: true
         };
       });
+      const current = vue.ref(-1);
       const updateValue = (value = !props.visible) => {
         emit("update:visible", value);
       };
@@ -2062,10 +2075,11 @@ var __objRest = (source, exclude) => {
           item,
           event
         });
+        current.value = item.id;
       };
-      return { classes, updateValue, selected, translate: translate$t };
+      return { classes, updateValue, selected, translate: translate$t, current };
     }
-  });
+  };
   const _hoisted_1$1e = { class: "nut-fixednav__list" };
   const _hoisted_2$10 = ["onClick"];
   const _hoisted_3$M = ["src"];
@@ -2075,7 +2089,7 @@ var __objRest = (source, exclude) => {
     class: "b"
   };
   const _hoisted_6$p = { class: "text" };
-  function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
+  function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_overlay = vue.resolveComponent("nut-overlay");
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
@@ -2092,7 +2106,7 @@ var __objRest = (source, exclude) => {
         vue.createElementVNode("view", _hoisted_1$1e, [
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.navList, (item, index) => {
             return vue.openBlock(), vue.createElementBlock("view", {
-              class: "nut-fixednav__list-item",
+              class: vue.normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
               onClick: ($event) => _ctx.selected(item, $event),
               key: item.id || index
             }, [
@@ -2101,7 +2115,7 @@ var __objRest = (source, exclude) => {
               }, null, 8, _hoisted_3$M),
               vue.createElementVNode("view", _hoisted_4$C, vue.toDisplayString(item.text), 1),
               item.num ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$s, vue.toDisplayString(item.num), 1)) : vue.createCommentVNode("", true)
-            ], 8, _hoisted_2$10);
+            ], 10, _hoisted_2$10);
           }), 128))
         ])
       ]),
@@ -2119,7 +2133,9 @@ var __objRest = (source, exclude) => {
       ])
     ], 6);
   }
-  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", _sfc_render$1s]]);
+  const { create: create$1z } = createComponent("fixednav");
+  const _sfc_main$1z = create$1z(component$6);
+  var FixedNav = /* @__PURE__ */ _export_sfc(_sfc_main$1z, [["render", render$2]]);
   const { componentName: componentName$1d, create: create$1y } = createComponent("menu");
   const _sfc_main$1y = create$1y({
     props: {
@@ -2139,6 +2155,7 @@ var __objRest = (source, exclude) => {
         type: [Number, String],
         default: 0
       },
+      titleIcon: String,
       closeOnClickOverlay: {
         type: Boolean,
         default: true
@@ -2167,11 +2184,17 @@ var __objRest = (source, exclude) => {
               publicChildren.push(child.proxy);
             }
           };
-          vue.provide("menuParent", Object.assign({
-            link,
-            children: publicChildren,
-            internalChildren
-          }, value));
+          vue.provide(
+            "menuParent",
+            Object.assign(
+              {
+                link,
+                children: publicChildren,
+                internalChildren
+              },
+              value
+            )
+          );
         };
         return {
           children: publicChildren,
@@ -2271,11 +2294,11 @@ var __objRest = (source, exclude) => {
               class: vue.normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
             }, [
               vue.createElementVNode("view", _hoisted_2$$, vue.toDisplayString(item.renderTitle()), 1),
-              vue.createVNode(_component_nut_icon, {
-                name: item.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
+              vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
+                name: _ctx.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
                 size: "10",
                 class: "nut-menu__title-icon"
-              }, null, 8, ["name"])
+              }), null, 16, ["name"])
             ], 2)
           ], 14, _hoisted_1$1d);
         }), 128))
@@ -2301,7 +2324,6 @@ var __objRest = (source, exclude) => {
         type: Number,
         default: 1
       },
-      titleIcon: String,
       activeTitleClass: String,
       inactiveTitleClass: String,
       optionIcon: {
@@ -2344,7 +2366,7 @@ var __objRest = (source, exclude) => {
         if (parent.props.direction === "down") {
           return heightStyle;
         } else {
-          return __spreadProps(__spreadValues({}, heightStyle), { top: "auto" });
+          return { ...heightStyle, top: "auto" };
         }
       });
       const toggle = (show = !state.showPopup, options = {}) => {
@@ -2433,12 +2455,11 @@ var __objRest = (source, exclude) => {
                 style: vue.normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
                 onClick: ($event) => _ctx.onClick(option)
               }, [
-                option.value === _ctx.modelValue ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                  key: 0,
-                  class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
+                option.value === _ctx.modelValue ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
+                  class: { activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue },
                   name: _ctx.optionIcon,
                   color: _ctx.parent.props.activeColor
-                }, null, 8, ["class", "name", "color"])) : vue.createCommentVNode("", true),
+                }), null, 16, ["class", "name", "color"])) : vue.createCommentVNode("", true),
                 vue.createElementVNode("view", {
                   class: vue.normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                   style: vue.normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
@@ -2507,9 +2528,12 @@ var __objRest = (source, exclude) => {
         changeIndex
       });
       vue.provide("parent", parentData);
-      vue.watch(() => props.visible, (value) => {
-        parentData.modelValue = value;
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          parentData.modelValue = value;
+        }
+      );
       return {
         changeIndex
       };
@@ -2605,6 +2629,7 @@ var __objRest = (source, exclude) => {
         return null;
       });
       vue.watch(choosed, (value, oldValue) => {
+        var _a, _b;
         state.active = value;
         let index = value;
         if (props.name) {
@@ -2612,20 +2637,18 @@ var __objRest = (source, exclude) => {
             return item.name == value;
           });
         }
-        setTimeout(() => {
-          if (parent.children[index].href) {
-            window.location.href = parent.children[index].href;
-            return;
-          }
-          if (parent.children[index].to) {
-            let to = parent.children[index].to;
-            if (to && router) {
-              router.push(to);
-            } else {
-              location.replace(to);
-            }
+        if ((_a = parent.children[index]) == null ? void 0 : _a.href) {
+          window.location.href = parent.children[index].href;
+          return;
+        }
+        if ((_b = parent.children[index]) == null ? void 0 : _b.to) {
+          let to = parent.children[index].to;
+          if (to && router) {
+            router.push(to);
+          } else {
+            location.replace(to);
           }
-        });
+        }
       });
       return {
         state,
@@ -2841,24 +2864,30 @@ var __objRest = (source, exclude) => {
       useExpose({
         scrollTo
       });
-      vue.watch(() => state.listGroup.length, () => {
-        state.listHeight = [];
-        vue.nextTick(calculateHeight);
-      });
-      vue.watch(() => state.diff, (newVal) => {
-        const listHeight = state.listHeight;
-        let fixedTop = newVal > 0 && newVal < props.titleHeight ? newVal - props.titleHeight : 0;
-        if (state.scrollY + clientHeight.value === listHeight[listHeight.length - 1]) {
-          if (fixedTop !== 0)
-            fixedTop = 0;
+      vue.watch(
+        () => state.listGroup.length,
+        () => {
+          state.listHeight = [];
+          vue.nextTick(calculateHeight);
+        }
+      );
+      vue.watch(
+        () => state.diff,
+        (newVal) => {
+          const listHeight = state.listHeight;
+          let fixedTop = newVal > 0 && newVal < props.titleHeight ? newVal - props.titleHeight : 0;
+          if (state.scrollY + clientHeight.value === listHeight[listHeight.length - 1]) {
+            if (fixedTop !== 0)
+              fixedTop = 0;
+          }
+          if (state.fixedTop === fixedTop)
+            return;
+          state.fixedTop = fixedTop;
         }
-        if (state.fixedTop === fixedTop)
-          return;
-        state.fixedTop = fixedTop;
-      });
-      return __spreadProps(__spreadValues({
-        classes
-      }, vue.toRefs(state)), {
+      );
+      return {
+        classes,
+        ...vue.toRefs(state),
         fixedStyle,
         clientHeight,
         setListGroup,
@@ -2868,7 +2897,7 @@ var __objRest = (source, exclude) => {
         touchEnd,
         handleClickItem,
         handleClickIndex
-      });
+      };
     }
   });
   const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
@@ -3199,15 +3228,21 @@ var __objRest = (source, exclude) => {
         }
         findTabsIndex(props.modelValue);
       };
-      vue.watch(() => {
-        var _a;
-        return (_a = slots.default) == null ? void 0 : _a.call(slots);
-      }, (vnodes) => {
-        init(vnodes);
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        findTabsIndex(value);
-      });
+      vue.watch(
+        () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots);
+        },
+        (vnodes) => {
+          init(vnodes);
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          findTabsIndex(value);
+        }
+      );
       vue.onMounted(init);
       vue.onActivated(init);
       const contentStyle = vue.computed(() => {
@@ -3244,13 +3279,14 @@ var __objRest = (source, exclude) => {
           emit("change", item);
         }
       };
-      return __spreadValues({
+      return {
         titles,
         contentStyle,
         tabsNavStyle,
         titleStyle,
-        tabsActiveStyle
-      }, methods);
+        tabsActiveStyle,
+        ...methods
+      };
     }
   };
   const _hoisted_1$18 = ["onClick"];
@@ -3446,10 +3482,11 @@ var __objRest = (source, exclude) => {
           subtree: false
         });
       });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      return {
+        ...vue.toRefs(state),
         list,
         classes
-      });
+      };
     }
   });
   const _hoisted_1$17 = { class: "nut-sidenavbar__content" };
@@ -3549,11 +3586,12 @@ var __objRest = (source, exclude) => {
       vue.onMounted(() => {
         state.direction = props.open ? "" : "up";
       });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      return {
+        ...vue.toRefs(state),
         classes,
         style,
         handleClick
-      });
+      };
     }
   });
   const _hoisted_1$15 = ["ikey"];
@@ -3915,7 +3953,7 @@ var __objRest = (source, exclude) => {
         const value = typeof idx === "number" ? props.modelValue[idx] : props.modelValue;
         return value;
       };
-      return __spreadProps(__spreadValues({
+      return {
         root,
         classes,
         wrapperStyle,
@@ -3923,8 +3961,8 @@ var __objRest = (source, exclude) => {
         onClick,
         onTouchStart,
         onTouchMove,
-        onTouchEnd
-      }, vue.toRefs(props)), {
+        onTouchEnd,
+        ...vue.toRefs(props),
         barStyle,
         curValue,
         buttonIndex,
@@ -3933,7 +3971,7 @@ var __objRest = (source, exclude) => {
         marksStyle,
         marksList,
         tickStyle
-      });
+      };
     }
   });
   const _hoisted_1$14 = {
@@ -4001,12 +4039,15 @@ var __objRest = (source, exclude) => {
               "aria-valuenow": _ctx.curValue(index),
               "aria-valuemax": +_ctx.max,
               "aria-orientation": "horizontal",
-              onTouchstart: vue.withModifiers((e) => {
-                if (typeof index === "number") {
-                  _ctx.buttonIndex = index;
-                }
-                _ctx.onTouchStart(e);
-              }, ["stop", "prevent"]),
+              onTouchstart: vue.withModifiers(
+                (e) => {
+                  if (typeof index === "number") {
+                    _ctx.buttonIndex = index;
+                  }
+                  _ctx.onTouchStart(e);
+                },
+                ["stop", "prevent"]
+              ),
               onTouchmove: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
               onTouchend: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
               onTouchcancel: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4029,9 +4070,12 @@ var __objRest = (source, exclude) => {
             "aria-valuenow": _ctx.curValue(),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
-            onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers((e) => {
-              _ctx.onTouchStart(e);
-            }, ["stop", "prevent"])),
+            onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers(
+              (e) => {
+                _ctx.onTouchStart(e);
+              },
+              ["stop", "prevent"]
+            )),
             onTouchmove: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
             onTouchend: _cache[6] || (_cache[6] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
             onTouchcancel: _cache[7] || (_cache[7] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4182,9 +4226,9 @@ var __objRest = (source, exclude) => {
           inputsearch.value.focus();
         }
       });
-      return __spreadProps(__spreadValues({
-        inputsearch
-      }, vue.toRefs(state)), {
+      return {
+        inputsearch,
+        ...vue.toRefs(state),
         valueChange,
         valueFocus,
         valueBlur,
@@ -4197,7 +4241,7 @@ var __objRest = (source, exclude) => {
         leftIconClick,
         rightIconClick,
         styleSearchbar
-      });
+      };
     }
   });
   const _hoisted_1$13 = {
@@ -4286,16 +4330,16 @@ var __objRest = (source, exclude) => {
   var SearchBar = /* @__PURE__ */ _export_sfc(_sfc_main$1l, [["render", _sfc_render$1f]]);
   const formatTree = (tree, parent, config) => tree.map((node) => {
     const { value: valueKey = "value", text: textKey = "text", children: childrenKey = "children" } = config;
-    const _a = node, { [valueKey]: value, [textKey]: text, [childrenKey]: children } = _a, others = __objRest(_a, [__restKey(valueKey), __restKey(textKey), __restKey(childrenKey)]);
-    const newNode = __spreadProps(__spreadValues({
-      loading: false
-    }, others), {
+    const { [valueKey]: value, [textKey]: text, [childrenKey]: children, ...others } = node;
+    const newNode = {
+      loading: false,
+      ...others,
       level: parent ? (parent && parent.level || 0) + 1 : 0,
       value,
       text,
       children,
       _parent: parent
-    });
+    };
     if (newNode.children && newNode.children.length) {
       newNode.children = formatTree(newNode.children, newNode, config);
     }
@@ -4320,12 +4364,15 @@ var __objRest = (source, exclude) => {
     sortKey: ""
   };
   const convertListToOptions = (list, options) => {
-    const mergedOptions = __spreadValues(__spreadValues({}, defaultConvertConfig), options || {});
+    const mergedOptions = {
+      ...defaultConvertConfig,
+      ...options || {}
+    };
     const { topId, idKey, pidKey, sortKey } = mergedOptions;
     let result = [];
     let map = {};
     list.forEach((node) => {
-      node = __spreadValues({}, node);
+      node = { ...node };
       const { [idKey]: id, [pidKey]: pid } = node;
       const children = map[pid] = map[pid] || [];
       if (!result.length && pid === topId) {
@@ -4346,11 +4393,12 @@ var __objRest = (source, exclude) => {
   };
   class Tree {
     constructor(nodes, config) {
-      this.config = __spreadValues({
+      this.config = {
         value: "value",
         text: "text",
-        children: "children"
-      }, config || {});
+        children: "children",
+        ...config || {}
+      };
       this.nodes = formatTree(nodes, null, this.config);
     }
     updateChildren(nodes, parent) {
@@ -4598,24 +4646,34 @@ var __objRest = (source, exclude) => {
           return pane.selectedNode && pane.selectedNode.value === node.value;
         }
       };
-      vue.watch([configs, () => props.options], () => {
-        init();
-      }, {
-        deep: true,
-        immediate: true
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        if (value !== innerValue.value) {
-          innerValue.value = value;
-          syncValue();
+      vue.watch(
+        [configs, () => props.options],
+        () => {
+          init();
+        },
+        {
+          deep: true,
+          immediate: true
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          if (value !== innerValue.value) {
+            innerValue.value = value;
+            syncValue();
+          }
         }
-      });
-      vue.watch(() => props.visible, (val) => {
-        if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
-          syncValue();
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
+            syncValue();
+          }
         }
-      });
-      return __spreadValues({ panes, initLoading, tabsCursor }, methods);
+      );
+      return { panes, initLoading, tabsCursor, ...methods };
     }
   });
   const _hoisted_1$12 = {
@@ -4688,7 +4746,8 @@ var __objRest = (source, exclude) => {
     components: {
       [CascaderItem.name]: CascaderItem
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       modelValue: Array,
       visible: Boolean,
       title: String,
@@ -4711,7 +4770,7 @@ var __objRest = (source, exclude) => {
         default: "children"
       },
       convertConfig: Object
-    }),
+    },
     emits: ["update:modelValue", "change", "pathChange", "update:visible"],
     setup(props, { emit }) {
       const innerValue = vue.ref(props.modelValue);
@@ -4732,11 +4791,14 @@ var __objRest = (source, exclude) => {
       const onPathChange = (pathNodes) => {
         emit("pathChange", pathNodes);
       };
-      vue.watch(() => props.modelValue, (value) => {
-        if (value !== innerValue.value) {
-          innerValue.value = value;
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          if (value !== innerValue.value) {
+            innerValue.value = value;
+          }
         }
-      });
+      );
       return {
         onChange,
         onPathChange,
@@ -5173,11 +5235,17 @@ var __objRest = (source, exclude) => {
         }
         monthInfo.cssScrollHeight = cssScrollHeight;
         if (type == "next") {
-          if (!state.endData || !Utils.compareDate(`${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`, `${curData[0]}-${curData[1]}-${curData[2]}`)) {
+          if (!state.endData || !Utils.compareDate(
+            `${state.endData[0]}-${state.endData[1]}-${Utils.getMonthDays(state.endData[0], state.endData[1])}`,
+            `${curData[0]}-${curData[1]}-${curData[2]}`
+          )) {
             state.monthsData.push(monthInfo);
           }
         } else {
-          if (!state.startData || !Utils.compareDate(`${curData[0]}-${curData[1]}-${curData[2]}`, `${state.startData[0]}-${state.startData[1]}-01`)) {
+          if (!state.startData || !Utils.compareDate(
+            `${curData[0]}-${curData[1]}-${curData[2]}`,
+            `${state.startData[0]}-${state.startData[1]}-01`
+          )) {
             state.monthsData.unshift(monthInfo);
           } else {
             state.unLoadPrev = true;
@@ -5229,9 +5297,9 @@ var __objRest = (source, exclude) => {
           if (state.currDate.length > 0) {
             let defaultArr = [];
             let obj = {};
-            state.currDate.forEach((item, index) => {
+            state.currDate.forEach((item) => {
               if (propStartDate && !Utils.compareDate(item, propStartDate) && propEndDate && !Utils.compareDate(propEndDate, item)) {
-                if (!obj.hasOwnProperty(item)) {
+                if (!Object.hasOwnProperty.call(obj, item)) {
                   defaultArr.push(item);
                   obj[item] = item;
                 }
@@ -5360,7 +5428,7 @@ var __objRest = (source, exclude) => {
         }
         return false;
       };
-      const rangeTip = (day, month) => {
+      const rangeTip = () => {
         if (state.currDate.length >= 2) {
           return Utils.isEqual(state.currDate[0], state.currDate[1]);
         }
@@ -5410,14 +5478,17 @@ var __objRest = (source, exclude) => {
         initData();
       };
       initData();
-      vue.watch(() => props.defaultValue, (val) => {
-        if (val) {
-          if (props.poppable) {
-            resetRender();
+      vue.watch(
+        () => props.defaultValue,
+        (val) => {
+          if (val) {
+            if (props.poppable) {
+              resetRender();
+            }
           }
         }
-      });
-      return __spreadProps(__spreadValues(__spreadValues({
+      );
+      return {
         weeks,
         compConthsData,
         showTopBtn,
@@ -5434,10 +5505,11 @@ var __objRest = (source, exclude) => {
         monthsPanel,
         months,
         weeksPanel,
-        viewArea
-      }, vue.toRefs(state)), vue.toRefs(props)), {
+        viewArea,
+        ...vue.toRefs(state),
+        ...vue.toRefs(props),
         translate: translate$p
-      });
+      };
     }
   });
   const _hoisted_1$10 = {
@@ -5463,12 +5535,12 @@ var __objRest = (source, exclude) => {
   const _hoisted_6$l = { class: "calendar-month-title" };
   const _hoisted_7$i = { class: "calendar-month-con" };
   const _hoisted_8$d = ["onClick"];
-  const _hoisted_9$8 = { class: "calendar-day" };
-  const _hoisted_10$5 = {
+  const _hoisted_9$9 = { class: "calendar-day" };
+  const _hoisted_10$6 = {
     key: 0,
     class: "calendar-curr-tips calendar-curr-tips-top"
   };
-  const _hoisted_11$5 = {
+  const _hoisted_11$6 = {
     key: 1,
     class: "calendar-curr-tips calendar-curr-tips-bottom"
   };
@@ -5480,7 +5552,7 @@ var __objRest = (source, exclude) => {
     key: 4,
     class: "calendar-day-tip"
   };
-  const _hoisted_14$2 = {
+  const _hoisted_14$3 = {
     key: 0,
     class: "nut-calendar-footer"
   };
@@ -5535,19 +5607,19 @@ var __objRest = (source, exclude) => {
                         class: vue.normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
                         onClick: ($event) => _ctx.chooseDay(day, month)
                       }, [
-                        vue.createElementVNode("view", _hoisted_9$8, [
+                        vue.createElementVNode("view", _hoisted_9$9, [
                           vue.renderSlot(_ctx.$slots, "day", {
                             date: day.type == "curr" ? day : ""
                           }, () => [
                             vue.createTextVNode(vue.toDisplayString(day.type == "curr" ? day.day : ""), 1)
                           ])
                         ]),
-                        _ctx.topInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$5, [
+                        _ctx.topInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$6, [
                           vue.renderSlot(_ctx.$slots, "topInfo", {
                             date: day.type == "curr" ? day : ""
                           })
                         ])) : vue.createCommentVNode("", true),
-                        _ctx.bottomInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$5, [
+                        _ctx.bottomInfo ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_11$6, [
                           vue.renderSlot(_ctx.$slots, "bottomInfo", {
                             date: day.type == "curr" ? day : ""
                           })
@@ -5555,7 +5627,7 @@ var __objRest = (source, exclude) => {
                         !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$5, vue.toDisplayString(_ctx.translate("today")), 1)) : vue.createCommentVNode("", true),
                         _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", {
                           key: 3,
-                          class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                          class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip() }])
                         }, vue.toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : vue.createCommentVNode("", true),
                         _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$3, vue.toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : vue.createCommentVNode("", true)
                       ], 10, _hoisted_8$d);
@@ -5567,7 +5639,7 @@ var __objRest = (source, exclude) => {
           ], 4)
         ], 512)
       ], 544),
-      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$2, [
+      _ctx.poppable && !_ctx.isAutoBackFill ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$3, [
         vue.createElementVNode("view", {
           class: "calendar-confirm-btn",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
@@ -5590,6 +5662,10 @@ var __objRest = (source, exclude) => {
         type: Boolean,
         default: false
       },
+      toDateAnimation: {
+        type: Boolean,
+        default: true
+      },
       poppable: {
         type: Boolean,
         default: true
@@ -5726,7 +5802,8 @@ var __objRest = (source, exclude) => {
           onSelect: _ctx.select,
           "show-today": _ctx.showToday,
           "show-title": _ctx.showTitle,
-          "show-sub-title": _ctx.showSubTitle
+          "show-sub-title": _ctx.showSubTitle,
+          "to-date-animation": _ctx.toDateAnimation
         }, vue.createSlots({ _: 2 }, [
           _ctx.showTopBtn ? {
             name: "btn",
@@ -5758,7 +5835,7 @@ var __objRest = (source, exclude) => {
               })
             ])
           } : void 0
-        ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title"])) : vue.createCommentVNode("", true)
+        ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (vue.openBlock(), vue.createBlock(_component_nut_calendar_item, {
@@ -5780,6 +5857,7 @@ var __objRest = (source, exclude) => {
       "show-today": _ctx.showToday,
       "show-title": _ctx.showTitle,
       "show-sub-title": _ctx.showSubTitle,
+      "to-date-animation": _ctx.toDateAnimation,
       ref: "calendarRef"
     }, vue.createSlots({ _: 2 }, [
       _ctx.showTopBtn ? {
@@ -5812,7 +5890,7 @@ var __objRest = (source, exclude) => {
           })
         ])
       } : void 0
-    ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title"]));
+    ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"]));
   }
   var Calendar = /* @__PURE__ */ _export_sfc(_sfc_main$1h, [["render", _sfc_render$1b]]);
   const component$4 = (componentName2, nutIcon) => {
@@ -5893,13 +5971,16 @@ var __objRest = (source, exclude) => {
           emit("update:modelValue", value);
           emit("change", value, label);
         };
-        vue.watch(() => props.modelValue, (v) => {
-          if (updateType == "click") {
-            updateType = "";
-          } else {
-            emit("change", v);
+        vue.watch(
+          () => props.modelValue,
+          (v) => {
+            if (updateType == "click") {
+              updateType = "";
+            } else {
+              emit("change", v);
+            }
           }
-        });
+        );
         const renderIcon = () => {
           const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
           return vue.h(nutIcon, {
@@ -5912,9 +5993,13 @@ var __objRest = (source, exclude) => {
         };
         const renderLabel = () => {
           var _a;
-          return vue.h("view", {
-            class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
-          }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+          return vue.h(
+            "view",
+            {
+              class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
+            },
+            (_a = slots.default) == null ? void 0 : _a.call(slots)
+          );
         };
         const handleClick = (e) => {
           var _a, _b;
@@ -5942,14 +6027,21 @@ var __objRest = (source, exclude) => {
         vue.onMounted(() => {
           hasParent.value && parent["relation"](vue.getCurrentInstance());
         });
-        vue.watch(() => props.indeterminate, (newVal) => {
-          state.partialSelect = newVal;
-        });
+        vue.watch(
+          () => props.indeterminate,
+          (newVal) => {
+            state.partialSelect = newVal;
+          }
+        );
         return () => {
-          return vue.h("view", {
-            class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
-            onClick: handleClick
-          }, [renderIcon(), renderLabel()]);
+          return vue.h(
+            "view",
+            {
+              class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+              onClick: handleClick
+            },
+            [renderIcon(), renderLabel()]
+          );
         };
       }
     };
@@ -6018,15 +6110,22 @@ var __objRest = (source, exclude) => {
         updateValue,
         relation
       });
-      vue.watch(() => props.modelValue, (value) => {
-        emit("change", value);
-      });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          emit("change", value);
+        }
+      );
       useExpose({ toggleAll, toggleReverse });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$13}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$13}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -6050,6 +6149,10 @@ var __objRest = (source, exclude) => {
       threeDimensional: {
         type: Boolean,
         default: true
+      },
+      swipeDuration: {
+        type: [Number, String],
+        default: 1e3
       }
     },
     emits: ["click", "change"],
@@ -6077,6 +6180,7 @@ var __objRest = (source, exclude) => {
       const moving = vue.ref(false);
       const touchDeg = vue.ref(0);
       const touchTime = vue.ref(0);
+      const DEFAULT_DURATION = 200;
       const INERTIA_TIME = 300;
       const INERTIA_DISTANCE = 15;
       const touchRollerStyle = vue.computed(() => {
@@ -6125,7 +6229,7 @@ var __objRest = (source, exclude) => {
         let moveTime = state.touchParams.lastTime - state.touchParams.startTime;
         if (moveTime <= INERTIA_TIME && Math.abs(move) > INERTIA_DISTANCE) {
           const distance = momentum(move, moveTime);
-          setMove(distance, "end", moveTime + 1e3);
+          setMove(distance, "end", +props.swipeDuration);
           return;
         } else {
           setMove(move, "end");
@@ -6147,7 +6251,7 @@ var __objRest = (source, exclude) => {
           return false;
         }
       };
-      const setTransform = (translateY = 0, type, time = 1e3, deg) => {
+      const setTransform = (translateY = 0, type, time = DEFAULT_DURATION, deg) => {
         if (type === "end") {
           touchTime.value = time;
         } else {
@@ -6204,24 +6308,34 @@ var __objRest = (source, exclude) => {
         moving.value = false;
         setChooseValue();
       };
-      vue.watch(() => props.column, (val) => {
-        if (props.column && props.column.length > 0) {
+      vue.watch(
+        () => props.column,
+        (val) => {
+          if (props.column && props.column.length > 0) {
+            state.transformY = 0;
+            modifyStatus(false);
+          }
+        },
+        {
+          deep: true
+        }
+      );
+      vue.watch(
+        () => props.value,
+        (val) => {
           state.transformY = 0;
           modifyStatus(false);
+        },
+        {
+          deep: true
         }
-      }, {
-        deep: true
-      });
-      vue.watch(() => props.value, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      }, {
-        deep: true
-      });
+      );
       vue.onMounted(() => {
         modifyStatus(true);
       });
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(state)), vue.toRefs(props)), {
+      return {
+        ...vue.toRefs(state),
+        ...vue.toRefs(props),
         wrapper,
         setRollerStyle,
         isHidden,
@@ -6234,7 +6348,7 @@ var __objRest = (source, exclude) => {
         touchTileStyle,
         setMove,
         stopMomentum
-      });
+      };
     }
   });
   const _hoisted_1$$ = {
@@ -6289,7 +6403,8 @@ var __objRest = (source, exclude) => {
       [column$1.name]: column$1,
       [Popup.name]: Popup
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       modelValue: {
         type: Array,
         default: () => []
@@ -6319,8 +6434,12 @@ var __objRest = (source, exclude) => {
       threeDimensional: {
         type: Boolean,
         default: true
+      },
+      swipeDuration: {
+        type: [Number, String],
+        default: 1e3
       }
-    }),
+    },
     emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
     setup(props, { emit }) {
       const state = vue.reactive({
@@ -6418,6 +6537,12 @@ var __objRest = (source, exclude) => {
         }
       };
       const confirmHandler = () => {
+        if (defaultValues.value && !defaultValues.value.length) {
+          columnsList.value.forEach((columns) => {
+            defaultValues.value.push(columns[0].value);
+            selectedOptions.value.push(columns[0]);
+          });
+        }
         emit("confirm", {
           selectedValue: defaultValues.value,
           selectedOptions: selectedOptions.value
@@ -6432,28 +6557,42 @@ var __objRest = (source, exclude) => {
         if (props.visible)
           state.show = false;
       });
-      vue.watch(() => props.modelValue, (newValues) => {
-        const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
-        if (!isSameValue) {
-          defaultValues.value = newValues;
-        }
-      }, { deep: true });
-      vue.watch(defaultValues, (newValues) => {
-        const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
-        if (!isSameValue) {
-          emit("update:modelValue", newValues);
-        }
-      }, { immediate: true });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
-      vue.watch(() => props.columns, (val) => {
-        if (val.length)
-          state.formattedColumns = val;
-      });
-      return __spreadProps(__spreadValues({
-        classes
-      }, vue.toRefs(state)), {
+      vue.watch(
+        () => props.modelValue,
+        (newValues) => {
+          const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
+          if (!isSameValue) {
+            defaultValues.value = newValues;
+          }
+        },
+        { deep: true }
+      );
+      vue.watch(
+        defaultValues,
+        (newValues) => {
+          const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
+          if (!isSameValue) {
+            emit("update:modelValue", newValues);
+          }
+        },
+        { immediate: true }
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
+      vue.watch(
+        () => props.columns,
+        (val) => {
+          if (val.length)
+            state.formattedColumns = val;
+        }
+      );
+      return {
+        classes,
+        ...vue.toRefs(state),
         column: column$1,
         columnsType,
         columnsList,
@@ -6462,7 +6601,7 @@ var __objRest = (source, exclude) => {
         confirmHandler,
         defaultValues,
         translate: translate$o
-      });
+      };
     }
   });
   const _hoisted_1$_ = { class: "nut-picker__bar" };
@@ -6516,10 +6655,11 @@ var __objRest = (source, exclude) => {
                   columnsType: _ctx.columnsType,
                   value: _ctx.defaultValues[columnIndex],
                   threeDimensional: _ctx.threeDimensional,
+                  swipeDuration: _ctx.swipeDuration,
                   onChange: (option) => {
                     _ctx.changeHandler(columnIndex, option);
                   }
-                }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "onChange"])
+                }, null, 8, ["itemShow", "column", "readonly", "columnsType", "value", "threeDimensional", "swipeDuration", "onChange"])
               ]);
             }), 128))
           ], 512),
@@ -6554,7 +6694,8 @@ var __objRest = (source, exclude) => {
     components: {
       [Picker.name]: Picker
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       modelValue: null,
       title: {
         type: String,
@@ -6599,7 +6740,7 @@ var __objRest = (source, exclude) => {
         default: true
       },
       filter: Function
-    }),
+    },
     emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
     setup(props, { emit }) {
       const state = vue.reactive({
@@ -6806,21 +6947,31 @@ var __objRest = (source, exclude) => {
       vue.onBeforeMount(() => {
         state.currentDate = formatValue(props.modelValue);
       });
-      vue.watch(() => props.modelValue, (value) => {
-        state.currentDate = formatValue(value);
-      });
-      vue.watch(() => props.title, (val) => {
-        state.title = val;
-      });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          state.currentDate = formatValue(value);
+        }
+      );
+      vue.watch(
+        () => props.title,
+        (val) => {
+          state.title = val;
+        }
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
+      return {
+        ...vue.toRefs(state),
         changeHandler,
         closeHandler,
         confirm,
         columns
-      });
+      };
     }
   });
   function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6888,6 +7039,14 @@ var __objRest = (source, exclude) => {
       readonly: {
         type: Boolean,
         default: false
+      },
+      iconLeft: {
+        type: String,
+        default: "minus"
+      },
+      iconRight: {
+        type: String,
+        default: "plus"
       }
     },
     emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
@@ -6977,12 +7136,11 @@ var __objRest = (source, exclude) => {
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
     }, [
-      vue.createVNode(_component_nut_icon, {
-        name: "minus",
-        class: vue.normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
-        size: _ctx.buttonSize,
-        onClick: _ctx.reduce
-      }, null, 8, ["class", "size", "onClick"]),
+      vue.createVNode(_component_nut_icon, vue.mergeProps({
+        name: _ctx.iconLeft,
+        class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }],
+        size: _ctx.buttonSize
+      }, _ctx.$attrs, { onClick: _ctx.reduce }), null, 16, ["name", "class", "size", "onClick"]),
       vue.createElementVNode("input", {
         type: "number",
         min: _ctx.min,
@@ -6995,12 +7153,11 @@ var __objRest = (source, exclude) => {
         onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
         onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
       }, null, 44, _hoisted_1$Z),
-      vue.createVNode(_component_nut_icon, {
-        name: "plus",
-        class: vue.normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
-        size: _ctx.buttonSize,
-        onClick: _ctx.add
-      }, null, 8, ["class", "size", "onClick"])
+      vue.createVNode(_component_nut_icon, vue.mergeProps({
+        name: _ctx.iconRight,
+        class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
+        size: _ctx.buttonSize
+      }, _ctx.$attrs, { onClick: _ctx.add }), null, 16, ["name", "class", "size", "onClick"])
     ], 6);
   }
   var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
@@ -7267,6 +7424,8 @@ var __objRest = (source, exclude) => {
         emit("blur", value, event);
       };
       const clear = (event) => {
+        if (props.disabled)
+          return;
         emit("update:modelValue", "", event);
         emit("change", "", event);
         emit("clear", "", event);
@@ -7301,10 +7460,13 @@ var __objRest = (source, exclude) => {
           return;
         }
       };
-      vue.watch(() => props.modelValue, () => {
-        updateValue(getModelValue());
-        resetValidation();
-      });
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          updateValue(getModelValue());
+          resetValidation();
+        }
+      );
       vue.onMounted(() => {
         updateValue(getModelValue(), props.formatTrigger);
       });
@@ -7331,18 +7493,21 @@ var __objRest = (source, exclude) => {
   const _hoisted_2$N = { class: "nut-input-value" };
   const _hoisted_3$B = { class: "label-string" };
   const _hoisted_4$t = { class: "nut-input-value" };
-  const _hoisted_5$l = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-  const _hoisted_6$k = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
-  const _hoisted_7$h = {
+  const _hoisted_5$l = { class: "nut-input-inner" };
+  const _hoisted_6$k = { class: "nut-input-box" };
+  const _hoisted_7$h = ["maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+  const _hoisted_8$c = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "formatTrigger", "autofocus"];
+  const _hoisted_9$8 = { class: "nut-input-clear-box" };
+  const _hoisted_10$5 = {
     key: 0,
     class: "nut-input-word-limit"
   };
-  const _hoisted_8$c = { class: "nut-input-word-num" };
+  const _hoisted_11$5 = { class: "nut-input-word-num" };
   function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
     const _component_nut_icon = vue.resolveComponent("nut-icon");
     return vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
-      onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClick && _ctx.onClick(...args))
+      onClick: _cache[11] || (_cache[11] = (...args) => _ctx.onClick && _ctx.onClick(...args))
     }, [
       _ctx.$slots.input ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -7369,10 +7534,7 @@ var __objRest = (source, exclude) => {
           class: "nut-input-left-icon",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClickLeftIcon && _ctx.onClickLeftIcon(...args))
         }, [
-          vue.createVNode(_component_nut_icon, {
-            name: _ctx.leftIcon,
-            size: _ctx.leftIconSize
-          }, null, 8, ["name", "size"])
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.leftIcon }, _ctx.$attrs, { size: _ctx.leftIconSize }), null, 16, ["name", "size"])
         ])) : vue.createCommentVNode("", true),
         _ctx.label ? (vue.openBlock(), vue.createElementBlock("view", {
           key: 1,
@@ -7385,68 +7547,69 @@ var __objRest = (source, exclude) => {
           vue.createElementVNode("view", _hoisted_3$B, vue.toDisplayString(_ctx.label) + " " + vue.toDisplayString(_ctx.colon ? ":" : ""), 1)
         ], 6)) : vue.createCommentVNode("", true),
         vue.createElementVNode("view", _hoisted_4$t, [
-          vue.createElementVNode("view", {
-            class: "nut-input-inner",
-            onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
-          }, [
-            _ctx.type == "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
-              key: 0,
-              class: "input-text",
-              ref: "inputRef",
-              style: vue.normalizeStyle(_ctx.stylesTextarea),
-              maxlength: _ctx.maxLength,
-              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              value: _ctx.modelValue,
-              formatTrigger: _ctx.formatTrigger,
-              autofocus: _ctx.autofocus,
-              onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-              onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-              onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-            }, null, 44, _hoisted_5$l)) : (vue.openBlock(), vue.createElementBlock("input", {
-              key: 1,
-              class: "input-text",
-              ref: "inputRef",
-              style: vue.normalizeStyle(_ctx.styles),
-              type: _ctx.inputType(_ctx.type),
-              maxlength: _ctx.maxLength,
-              placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
-              disabled: _ctx.disabled,
-              readonly: _ctx.readonly,
-              value: _ctx.modelValue,
-              formatTrigger: _ctx.formatTrigger,
-              autofocus: _ctx.autofocus,
-              onInput: _cache[5] || (_cache[5] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
-              onFocus: _cache[6] || (_cache[6] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
-              onBlur: _cache[7] || (_cache[7] = (...args) => _ctx.onBlur && _ctx.onBlur(...args))
-            }, null, 44, _hoisted_6$k)),
-            _ctx.clearable && !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_nut_icon, {
-              key: 2,
-              class: "nut-input-clear",
-              name: _ctx.clearIcon,
-              size: _ctx.clearSize,
-              onClick: _ctx.clear
-            }, null, 8, ["name", "size", "onClick"])), [
-              [vue.vShow, _ctx.active && _ctx.modelValue.length > 0]
-            ]) : vue.createCommentVNode("", true),
+          vue.createElementVNode("view", _hoisted_5$l, [
+            vue.createElementVNode("view", _hoisted_6$k, [
+              _ctx.type == "textarea" ? (vue.openBlock(), vue.createElementBlock("textarea", {
+                key: 0,
+                class: "input-text",
+                ref: "inputRef",
+                style: vue.normalizeStyle(_ctx.stylesTextarea),
+                maxlength: _ctx.maxLength,
+                placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                value: _ctx.modelValue,
+                formatTrigger: _ctx.formatTrigger,
+                autofocus: _ctx.autofocus,
+                onInput: _cache[2] || (_cache[2] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                onFocus: _cache[3] || (_cache[3] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+                onBlur: _cache[4] || (_cache[4] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+                onClick: _cache[5] || (_cache[5] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+              }, null, 44, _hoisted_7$h)) : (vue.openBlock(), vue.createElementBlock("input", {
+                key: 1,
+                class: "input-text",
+                ref: "inputRef",
+                style: vue.normalizeStyle(_ctx.styles),
+                type: _ctx.inputType(_ctx.type),
+                maxlength: _ctx.maxLength,
+                placeholder: _ctx.placeholder || _ctx.translate("placeholder"),
+                disabled: _ctx.disabled,
+                readonly: _ctx.readonly,
+                value: _ctx.modelValue,
+                formatTrigger: _ctx.formatTrigger,
+                autofocus: _ctx.autofocus,
+                onInput: _cache[6] || (_cache[6] = (...args) => _ctx.onInput && _ctx.onInput(...args)),
+                onFocus: _cache[7] || (_cache[7] = (...args) => _ctx.onFocus && _ctx.onFocus(...args)),
+                onBlur: _cache[8] || (_cache[8] = (...args) => _ctx.onBlur && _ctx.onBlur(...args)),
+                onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
+              }, null, 44, _hoisted_8$c))
+            ]),
+            vue.createElementVNode("view", _hoisted_9$8, [
+              _ctx.clearable && !_ctx.readonly ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
+                key: 0,
+                class: "nut-input-clear",
+                name: _ctx.clearIcon
+              }, _ctx.$attrs, {
+                size: _ctx.clearSize,
+                onClick: _ctx.clear
+              }), null, 16, ["name", "size", "onClick"])), [
+                [vue.vShow, _ctx.active && _ctx.modelValue.length > 0]
+              ]) : vue.createCommentVNode("", true)
+            ]),
             _ctx.rightIcon && _ctx.rightIcon.length > 0 ? (vue.openBlock(), vue.createElementBlock("view", {
-              key: 3,
+              key: 0,
               class: "nut-input-right-icon",
-              onClick: _cache[8] || (_cache[8] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
+              onClick: _cache[10] || (_cache[10] = (...args) => _ctx.onClickRightIcon && _ctx.onClickRightIcon(...args))
             }, [
-              vue.createVNode(_component_nut_icon, {
-                name: _ctx.rightIcon,
-                size: _ctx.rightIconSize
-              }, null, 8, ["name", "size"])
+              vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.rightIcon }, _ctx.$attrs, { size: _ctx.rightIconSize }), null, 16, ["name", "size"])
             ])) : vue.createCommentVNode("", true),
             _ctx.$slots.button ? vue.renderSlot(_ctx.$slots, "button", {
-              key: 4,
+              key: 1,
               class: "nut-input-button"
             }) : vue.createCommentVNode("", true)
           ]),
-          _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_7$h, [
-            vue.createElementVNode("span", _hoisted_8$c, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+          _ctx.showWordLimit && _ctx.maxLength ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_10$5, [
+            vue.createElementVNode("span", _hoisted_11$5, vue.toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
             vue.createTextVNode("/" + vue.toDisplayString(_ctx.maxLength), 1)
           ])) : vue.createCommentVNode("", true),
           _ctx.errorMessage ? (vue.openBlock(), vue.createElementBlock("view", {
@@ -7520,15 +7683,23 @@ var __objRest = (source, exclude) => {
       };
       const renderLabel = () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const renderButton = () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$_}__button ${isCurValue.value && `${componentName$_}__button--active`} ${props.disabled ? `${componentName$_}__button--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_}__button ${isCurValue.value && `${componentName$_}__button--active`} ${props.disabled ? `${componentName$_}__button--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const handleClick = () => {
         if (isCurValue.value || props.disabled)
@@ -7537,12 +7708,16 @@ var __objRest = (source, exclude) => {
       };
       let reverseState = position.value === "left";
       return () => {
-        return vue.h("view", {
-          class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
-          onClick: handleClick
-        }, [
-          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-        ]);
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
+            onClick: handleClick
+          },
+          [
+            props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+          ]
+        );
       };
     }
   });
@@ -7570,12 +7745,19 @@ var __objRest = (source, exclude) => {
         position: props.textPosition,
         updateValue
       });
-      vue.watch(() => props.modelValue, (value) => emit("change", value));
+      vue.watch(
+        () => props.modelValue,
+        (value) => emit("change", value)
+      );
       return () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$Z} ${componentName$Z}--${props.direction}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$Z} ${componentName$Z}--${props.direction}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -7702,14 +7884,14 @@ var __objRest = (source, exclude) => {
           }
         };
         const refRandomId = Math.random().toString(36).slice(-8);
-        return __spreadProps(__spreadValues({
-          classes
-        }, touchMethods), {
+        return {
+          classes,
+          ...touchMethods,
           onClick,
           pxCheck,
           rateRefs,
           refRandomId
-        });
+        };
       }
     };
   };
@@ -7821,16 +8003,23 @@ var __objRest = (source, exclude) => {
       function focus() {
         realpwd.value.focus();
       }
-      vue.watch(() => props.visible, (value) => {
-        show.value = value;
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        realInput.value = value;
-        emit("update:modelValue", value);
-      }, {
-        deep: true,
-        immediate: true
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          show.value = value;
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          realInput.value = value;
+          emit("update:modelValue", value);
+        },
+        {
+          deep: true,
+          immediate: true
+        }
+      );
       function changeValue(e) {
         const input = e.target;
         let val = input.value;
@@ -8070,11 +8259,14 @@ var __objRest = (source, exclude) => {
           textarea.style.height = height + "px";
         }
       };
-      vue.watch(() => props.modelValue, () => {
-        if (props.autosize) {
-          vue.nextTick(getContentHeight);
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          if (props.autosize) {
+            vue.nextTick(getContentHeight);
+          }
         }
-      });
+      );
       const emitChange = (value, event) => {
         if (props.maxLength && value.length > Number(props.maxLength)) {
           value = value.substring(0, Number(props.maxLength));
@@ -8164,10 +8356,14 @@ var __objRest = (source, exclude) => {
       const xhr = new XMLHttpRequest();
       xhr.timeout = options.timeout;
       if (xhr.upload) {
-        xhr.upload.addEventListener("progress", (e) => {
-          var _a2;
-          (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, e, options);
-        }, false);
+        xhr.upload.addEventListener(
+          "progress",
+          (e) => {
+            var _a2;
+            (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, e, options);
+          },
+          false
+        );
         xhr.onreadystatechange = () => {
           var _a2, _b;
           if (xhr.readyState === 4) {
@@ -8184,8 +8380,8 @@ var __objRest = (source, exclude) => {
           xhr.setRequestHeader(key, value);
         }
         (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-        if (options.method.toLowerCase() == "put") {
-          xhr.send(options.sourceFile);
+        if (options.beforeXhrUpload) {
+          options.beforeXhrUpload(xhr, options);
         } else {
           xhr.send(options.formData);
         }
@@ -8199,33 +8395,38 @@ var __objRest = (source, exclude) => {
       if (env === "WEB") {
         this.upload();
       } else {
-        const uploadTask = uploadFile({
-          url: options.url,
-          filePath: options.taroFilePath,
-          fileType: options.fileType,
-          header: __spreadValues({
-            "Content-Type": "multipart/form-data"
-          }, options.headers),
-          formData: options.formData,
-          name: options.name,
-          success(response) {
-            var _a2, _b;
-            if (options.xhrState == response.statusCode) {
-              (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
-            } else {
-              (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
+        if (options.beforeXhrUpload) {
+          options.beforeXhrUpload(uploadFile, options);
+        } else {
+          const uploadTask = uploadFile({
+            url: options.url,
+            filePath: options.taroFilePath,
+            fileType: options.fileType,
+            header: {
+              "Content-Type": "multipart/form-data",
+              ...options.headers
+            },
+            formData: options.formData,
+            name: options.name,
+            success(response) {
+              var _a2, _b;
+              if (options.xhrState == response.statusCode) {
+                (_a2 = options.onSuccess) == null ? void 0 : _a2.call(options, response, options);
+              } else {
+                (_b = options.onFailure) == null ? void 0 : _b.call(options, response, options);
+              }
+            },
+            fail(e) {
+              var _a2;
+              (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
             }
-          },
-          fail(e) {
+          });
+          (_a = options.onStart) == null ? void 0 : _a.call(options, options);
+          uploadTask.progress((res) => {
             var _a2;
-            (_a2 = options.onFailure) == null ? void 0 : _a2.call(options, e, options);
-          }
-        });
-        (_a = options.onStart) == null ? void 0 : _a.call(options, options);
-        uploadTask.progress((res) => {
-          var _a2;
-          (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
-        });
+            (_a2 = options.onProgress) == null ? void 0 : _a2.call(options, res, options);
+          });
+        }
       }
     }
   }
@@ -8268,6 +8469,10 @@ var __objRest = (source, exclude) => {
         type: Function,
         default: null
       },
+      beforeXhrUpload: {
+        type: Function,
+        default: null
+      },
       beforeDelete: {
         type: Function,
         default: (file, files) => {
@@ -8311,6 +8516,7 @@ var __objRest = (source, exclude) => {
         uploadOption.xhrState = props.xhrState;
         uploadOption.headers = props.headers;
         uploadOption.withCredentials = props.withCredentials;
+        uploadOption.beforeXhrUpload = props.beforeXhrUpload;
         try {
           uploadOption.sourceFile = fileItem.formData.get(props.name);
         } catch (error) {
@@ -8350,9 +8556,11 @@ var __objRest = (source, exclude) => {
         if (props.autoUpload) {
           task.upload();
         } else {
-          uploadQueue.push(new Promise((resolve, reject) => {
-            resolve(task);
-          }));
+          uploadQueue.push(
+            new Promise((resolve, reject) => {
+              resolve(task);
+            })
+          );
         }
       };
       const clearUploadQueue = (index = -1) => {
@@ -8490,7 +8698,7 @@ var __objRest = (source, exclude) => {
     key: 1,
     class: "nut-uploader__preview-list"
   };
-  const _hoisted_14$1 = ["onClick"];
+  const _hoisted_14$2 = ["onClick"];
   const _hoisted_15$1 = ["accept", "multiple", "name", "disabled"];
   const _hoisted_16$1 = ["accept", "multiple", "name", "disabled"];
   function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
@@ -8570,7 +8778,7 @@ var __objRest = (source, exclude) => {
             }, [
               vue.createVNode(_component_nut_icon, { name: "link" }),
               vue.createTextVNode("\xA0" + vue.toDisplayString(item.name), 1)
-            ], 10, _hoisted_14$1),
+            ], 10, _hoisted_14$2),
             vue.createVNode(_component_nut_icon, {
               class: "nut-uploader__preview-img__file__del",
               onClick: ($event) => _ctx.onDelete(item, index),
@@ -8591,11 +8799,11 @@ var __objRest = (source, exclude) => {
         key: 1,
         class: vue.normalizeClass(["nut-uploader__upload", [_ctx.listType]])
       }, [
-        vue.createVNode(_component_nut_icon, {
+        vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
           size: _ctx.uploadIconSize,
           color: "#808080",
           name: _ctx.uploadIcon
-        }, null, 8, ["size", "name"]),
+        }), null, 16, ["size", "name"]),
         _ctx.capture ? (vue.openBlock(), vue.createElementBlock("input", {
           key: 0,
           class: "nut-uploader__input",
@@ -8709,19 +8917,21 @@ var __objRest = (source, exclude) => {
         if (customKeys.length > 2) {
           customKeys = [customKeys[0], customKeys[1]];
         }
+        if (customKeys.length == 2 && props.title && props.type != "rightColumn") {
+          customKeys = [customKeys[0]];
+        }
         if (customKeys.length === 1) {
-          if (props.title) {
+          if (props.title && props.type != "rightColumn") {
             keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: "delete", type: "delete" });
           } else {
             keys.push({ id: 0, type: "number" }, { id: customKeys[0], type: "custom" });
           }
         } else if (customKeys.length === 2) {
-          keys.push({ id: customKeys[0], type: "custom" }, { id: 0, type: "number" }, { id: customKeys[1], type: "custom" });
-          if (props.title) {
-            keys.push({ id: "delete", type: "delete" });
-          }
-        } else {
-          keys.push({ id: 0, type: "number" });
+          keys.push(
+            { id: customKeys[0], type: "custom" },
+            { id: 0, type: "number" },
+            { id: customKeys[1], type: "custom" }
+          );
         }
         return keys;
       }
@@ -8731,9 +8941,12 @@ var __objRest = (source, exclude) => {
         }
         return defaultKey();
       });
-      vue.watch(() => props.visible, (value) => {
-        show.value = value;
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          show.value = value;
+        }
+      );
       function onTouchstart(item, event) {
         event.stopPropagation();
         clickKeyIndex.value = item.id;
@@ -8825,10 +9038,11 @@ var __objRest = (source, exclude) => {
         vue.createElementVNode("div", _hoisted_1$T, [
           _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$J, [
             vue.createElementVNode("h3", _hoisted_3$y, vue.toDisplayString(_ctx.title), 1),
-            vue.createElementVNode("span", {
+            _ctx.type == "default" ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
               class: "keyboard-close",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-            }, vue.toDisplayString(_ctx.translate("done")), 1)
+            }, vue.toDisplayString(_ctx.translate("done")), 1)) : vue.createCommentVNode("", true)
           ])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", _hoisted_4$q, [
             vue.createElementVNode("div", _hoisted_5$i, [
@@ -8871,15 +9085,14 @@ var __objRest = (source, exclude) => {
                   onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
                 }, _hoisted_12$3, 34)
               ]),
-              _ctx.title == "" ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
+              vue.createElementVNode("div", {
                 class: "key-board-wrapper key-board-finish",
                 onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
               }, [
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
                 }, vue.toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-              ])) : vue.createCommentVNode("", true)
+              ])
             ])) : vue.createCommentVNode("", true)
           ])
         ], 512)
@@ -8908,9 +9121,13 @@ var __objRest = (source, exclude) => {
       const reset = () => {
         clearErrorTips();
       };
-      vue.watch(() => props.modelValue, (value) => {
-        clearErrorTips(value);
-      }, { immediate: true });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          clearErrorTips(value);
+        },
+        { immediate: true }
+      );
       const findFormItem = (vnodes) => {
         let task = [];
         vnodes.forEach((vnode, index) => {
@@ -9291,20 +9508,29 @@ var __objRest = (source, exclude) => {
         type && setChooseValue();
         setMove(-move);
       };
-      vue.watch(() => props.listData, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      }, {
-        deep: true
-      });
-      vue.watch(() => props.defaultIndex, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      });
+      vue.watch(
+        () => props.listData,
+        (val) => {
+          state.transformY = 0;
+          modifyStatus(false);
+        },
+        {
+          deep: true
+        }
+      );
+      vue.watch(
+        () => props.defaultIndex,
+        (val) => {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      );
       vue.onMounted(() => {
         modifyStatus(true);
       });
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(state)), vue.toRefs(props)), {
+      return {
+        ...vue.toRefs(state),
+        ...vue.toRefs(props),
         wrapper,
         setRollerStyle,
         isHidden,
@@ -9317,7 +9543,7 @@ var __objRest = (source, exclude) => {
         touchRollerStyle,
         touchListStyle,
         setMove
-      });
+      };
     }
   });
   const _hoisted_1$R = { class: "nut-oldpicker-content" };
@@ -9369,7 +9595,8 @@ var __objRest = (source, exclude) => {
       [column.name]: column,
       [Popup.name]: Popup
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       title: {
         type: String,
         default: ""
@@ -9396,7 +9623,7 @@ var __objRest = (source, exclude) => {
         type: [Number, String],
         default: 0
       }
-    }),
+    },
     emits: ["close", "change", "confirm", "update:visible"],
     setup(props, { emit }) {
       const childrenKey = "children";
@@ -9492,7 +9719,9 @@ var __objRest = (source, exclude) => {
           _defaultIndex = dataIndex;
         } else if (dataType.value === "multipleColumns") {
           defaultIndexList[columnIndex] = dataIndex;
-          const val = defaultIndexList.map((res, i) => vue.toRaw(state.formattedColumns)[i].values[res]);
+          const val = defaultIndexList.map(
+            (res, i) => vue.toRaw(state.formattedColumns)[i].values[res]
+          );
           emit("change", val, columnIndex, dataIndex);
         }
       };
@@ -9504,7 +9733,9 @@ var __objRest = (source, exclude) => {
           for (let i = 0; i < defaultIndexList.length; i++) {
             state.formattedColumns[i].defaultIndex = defaultIndexList[i];
           }
-          const checkedArr = vue.toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+          const checkedArr = vue.toRaw(state.formattedColumns).map(
+            (res) => res.values && res.values[res.defaultIndex]
+          );
           emit("confirm", checkedArr);
         } else if (dataType.value === "cascade") {
           emit("confirm", getCascadeData(vue.toRaw(state.formattedColumns), state.defaultIndex));
@@ -9519,22 +9750,28 @@ var __objRest = (source, exclude) => {
         if (props.visible)
           state.show = false;
       });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
-      vue.watch(() => props.listData, (val) => {
-        state.formattedColumns = val;
-      });
-      return __spreadProps(__spreadValues({
-        classes
-      }, vue.toRefs(state)), {
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
+      vue.watch(
+        () => props.listData,
+        (val) => {
+          state.formattedColumns = val;
+        }
+      );
+      return {
+        classes,
+        ...vue.toRefs(state),
         column,
         dataType,
         columnList,
         close,
         changeHandler,
         confirm
-      });
+      };
     }
   });
   const _hoisted_1$Q = { class: "nut-oldpicker__bar" };
@@ -9732,15 +9969,15 @@ var __objRest = (source, exclude) => {
           }
         }
       };
-      return __spreadProps(__spreadValues({
+      return {
         classes,
-        touchStyle
-      }, touchMethods), {
+        touchStyle,
+        ...touchMethods,
         leftRef,
         rightRef,
         open,
         close
-      });
+      };
     }
   });
   const _hoisted_1$P = {
@@ -9775,7 +10012,8 @@ var __objRest = (source, exclude) => {
   var Swipe = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$Z]]);
   const { componentName: componentName$S, create: create$Z } = createComponent("actionsheet");
   const _sfc_main$Z = create$Z({
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       cancelTxt: {
         type: String,
         default: ""
@@ -9816,7 +10054,7 @@ var __objRest = (source, exclude) => {
         type: Boolean,
         default: true
       }
-    }),
+    },
     emits: ["cancel", "close", "choose", "update:visible"],
     setup(props, { emit }) {
       const slotDefault = !!vue.useSlots().default;
@@ -10273,7 +10511,8 @@ var __objRest = (source, exclude) => {
       [Popup.name]: Popup,
       [Button.name]: Button
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       closeOnClickOverlay: {
         type: Boolean,
         default: false
@@ -10332,7 +10571,7 @@ var __objRest = (source, exclude) => {
       beforeClose: {
         type: Function
       }
-    }),
+    },
     emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
     setup(props, { emit }) {
       const showPopup = vue.ref(props.visible);
@@ -10343,12 +10582,15 @@ var __objRest = (source, exclude) => {
           });
         }
       });
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-        if (value) {
-          emit("opened");
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+          if (value) {
+            emit("opened");
+          }
         }
-      });
+      );
       const classes = vue.computed(() => {
         return {
           [componentName$P]: true,
@@ -10736,16 +10978,16 @@ var __objRest = (source, exclude) => {
         isKeepAlive.value = true;
         state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
       });
-      return __spreadProps(__spreadValues({
-        classes
-      }, vue.toRefs(state)), {
+      return {
+        classes,
+        ...vue.toRefs(state),
         touchStart,
         touchMove,
         touchEnd,
         getStyle,
         translate: translate$f,
         slots
-      });
+      };
     }
   });
   const _hoisted_1$M = { class: "top-box" };
@@ -10776,10 +11018,7 @@ var __objRest = (source, exclude) => {
         style: vue.normalizeStyle(_ctx.getStyle)
       }, [
         vue.createElementVNode("view", _hoisted_1$M, [
-          vue.createVNode(_component_nut_icon, {
-            class: "top-img",
-            name: _ctx.pullIcon
-          }, null, 8, ["name"]),
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "top-img" }, _ctx.$attrs, { name: _ctx.pullIcon }), null, 16, ["name"]),
           vue.createElementVNode("view", _hoisted_2$D, vue.toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
         ])
       ], 4),
@@ -10789,10 +11028,7 @@ var __objRest = (source, exclude) => {
       vue.createElementVNode("view", _hoisted_4$n, [
         _ctx.isInfiniting ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_5$g, [
           !_ctx.slots.loading ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-            vue.createVNode(_component_nut_icon, {
-              class: "bottom-img",
-              name: _ctx.loadIcon
-            }, null, 8, ["name"]),
+            vue.createVNode(_component_nut_icon, vue.mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
             vue.createElementVNode("view", _hoisted_6$f, vue.toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
           ], 64)) : vue.renderSlot(_ctx.$slots, "loading", { key: 1 })
         ])) : !_ctx.hasMore ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
@@ -10868,11 +11104,14 @@ var __objRest = (source, exclude) => {
       if (props.duration) {
         show();
       }
-      vue.watch(() => props.duration, (val) => {
-        if (val) {
-          show();
+      vue.watch(
+        () => props.duration,
+        (val) => {
+          if (val) {
+            show();
+          }
         }
-      });
+      );
       const onAfterLeave = () => {
         clearTimer();
         props.unmount && props.unmount(props.id);
@@ -10940,9 +11179,9 @@ var __objRest = (source, exclude) => {
     if (container) {
       const currentOpt = optsMap$1.find((item) => item.id === opts.id);
       if (currentOpt) {
-        opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions$1), currentOpt), opts);
+        opts = { ...defaultOptions$1, ...currentOpt, ...opts };
       } else {
-        opts = __spreadValues(__spreadValues({}, defaultOptions$1), opts);
+        opts = { ...defaultOptions$1, ...opts };
       }
       const instance = vue.createVNode(Notify, opts);
       vue.render(instance, container);
@@ -10960,7 +11199,7 @@ var __objRest = (source, exclude) => {
     } else {
       _id = new Date().getTime() + "";
     }
-    opts = __spreadValues(__spreadValues({}, defaultOptions$1), opts);
+    opts = { ...defaultOptions$1, ...opts };
     opts.id = _id;
     idsMap$1.push(opts.id);
     optsMap$1.push(opts);
@@ -10992,23 +11231,23 @@ var __objRest = (source, exclude) => {
   const NotifyFunction = {
     text(msg, obj = {}) {
       errorMsg$1(msg);
-      return mountNotify(__spreadProps(__spreadValues({}, obj), { msg }));
+      return mountNotify({ ...obj, msg });
     },
     primary(msg, obj = {}) {
       errorMsg$1(msg);
-      return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "primary" }));
+      return mountNotify({ ...obj, msg, type: "primary" });
     },
     success(msg, obj = {}) {
       errorMsg$1(msg);
-      return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "success" }));
+      return mountNotify({ ...obj, msg, type: "success" });
     },
     danger(msg, obj = {}) {
       errorMsg$1(msg);
-      return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "danger" }));
+      return mountNotify({ ...obj, msg, type: "danger" });
     },
     warn(msg, obj = {}) {
       errorMsg$1(msg);
-      return mountNotify(__spreadProps(__spreadValues({}, obj), { msg, type: "warning" }));
+      return mountNotify({ ...obj, msg, type: "warning" });
     },
     hide() {
       clearNotify();
@@ -11314,7 +11553,7 @@ var __objRest = (source, exclude) => {
           }
         }
       };
-      return __spreadValues({
+      return {
         scroller,
         touchStart,
         touchMove,
@@ -11326,8 +11565,9 @@ var __objRest = (source, exclude) => {
         reachLeft,
         getBottomStyle,
         refreshTopTem,
-        refreshBottomTem
-      }, vue.toRefs(state));
+        refreshBottomTem,
+        ...vue.toRefs(state)
+      };
     }
   });
   const _hoisted_1$L = {
@@ -11434,13 +11674,16 @@ var __objRest = (source, exclude) => {
         emit("update:modelValue", value);
         emit("change", value, event);
       };
-      vue.watch(() => props.modelValue, (v) => {
-        if (updateType == "click") {
-          updateType = "";
-        } else {
-          emit("change", v);
+      vue.watch(
+        () => props.modelValue,
+        (v) => {
+          if (updateType == "click") {
+            updateType = "";
+          } else {
+            emit("change", v);
+          }
         }
-      });
+      );
       return {
         classes,
         style,
@@ -11457,12 +11700,13 @@ var __objRest = (source, exclude) => {
       style: vue.normalizeStyle(_ctx.style)
     }, [
       vue.createElementVNode("view", _hoisted_1$K, [
-        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.loading ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 0,
-          name: _ctx.name,
+          name: _ctx.name
+        }, _ctx.$attrs, {
           size: _ctx.size,
           color: _ctx.color
-        }, null, 8, ["name", "size", "color"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name", "size", "color"])) : vue.createCommentVNode("", true),
         _ctx.activeText ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
           vue.withDirectives(vue.createElementVNode("view", { class: "nut-switch-label open" }, vue.toDisplayString(_ctx.activeText), 513), [
             [vue.vShow, _ctx.modelValue]
@@ -11572,11 +11816,14 @@ var __objRest = (source, exclude) => {
       if (props.duration) {
         show();
       }
-      vue.watch(() => props.duration, (val) => {
-        if (val) {
-          show();
+      vue.watch(
+        () => props.duration,
+        (val) => {
+          if (val) {
+            show();
+          }
         }
-      });
+      );
       const hasIcon = vue.computed(() => {
         if (props.type !== "text") {
           return true;
@@ -11642,11 +11889,10 @@ var __objRest = (source, exclude) => {
             })
           }, [
             _ctx.hasIcon ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_1$J, [
-              vue.createVNode(_component_nut_icon, {
-                size: _ctx.iconSize,
+              vue.createVNode(_component_nut_icon, vue.mergeProps({ size: _ctx.iconSize }, _ctx.$attrs, {
                 color: "#ffffff",
                 name: _ctx.icon
-              }, null, 8, ["size", "name"])
+              }), null, 16, ["size", "name"])
             ])) : vue.createCommentVNode("", true),
             _ctx.title ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, vue.toDisplayString(_ctx.title), 1)) : vue.createCommentVNode("", true),
             vue.createElementVNode("view", {
@@ -11709,9 +11955,9 @@ var __objRest = (source, exclude) => {
     if (container) {
       const currentOpt = optsMap.find((item) => item.id === opts.id);
       if (currentOpt) {
-        opts = __spreadValues(__spreadValues(__spreadValues({}, defaultOptions), currentOpt), opts);
+        opts = { ...defaultOptions, ...currentOpt, ...opts };
       } else {
-        opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+        opts = { ...defaultOptions, ...opts };
       }
       const instance = vue.createVNode(Toast, opts);
       vue.render(instance, container);
@@ -11729,7 +11975,7 @@ var __objRest = (source, exclude) => {
     } else {
       _id = new Date().getTime() + "";
     }
-    opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+    opts = { ...defaultOptions, ...opts };
     opts.id = _id;
     idsMap.push(opts.id);
     optsMap.push(opts);
@@ -11749,27 +11995,27 @@ var __objRest = (source, exclude) => {
   const ToastFunction = {
     text(msg, opts = {}) {
       errorMsg(msg);
-      return mountToast(__spreadProps(__spreadValues({}, opts), { type: "text", msg }));
+      return mountToast({ ...opts, type: "text", msg });
     },
     success(msg, opts = {}) {
       errorMsg(msg);
-      return mountToast(__spreadProps(__spreadValues({ icon: "success" }, opts), { msg, type: "success" }));
+      return mountToast({ icon: "success", ...opts, msg, type: "success" });
     },
     fail(msg, opts = {}) {
       errorMsg(msg);
-      return mountToast(__spreadProps(__spreadValues({ icon: "failure" }, opts), { msg, type: "fail" }));
+      return mountToast({ icon: "failure", ...opts, msg, type: "fail" });
     },
     warn(msg, opts = {}) {
       errorMsg(msg);
-      return mountToast(__spreadProps(__spreadValues({ icon: "tips" }, opts), { msg, type: "warn" }));
+      return mountToast({ icon: "tips", ...opts, msg, type: "warn" });
     },
     loading(msg, opts = {}) {
-      return mountToast(__spreadProps(__spreadValues({
-        icon: "loading"
-      }, opts), {
+      return mountToast({
+        icon: "loading",
+        ...opts,
         msg,
         type: "loading"
-      }));
+      });
     },
     hide(id) {
       clearToast(id);
@@ -11812,7 +12058,7 @@ var __objRest = (source, exclude) => {
       }
     },
     components: {},
-    emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+    emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
     setup(props, { emit }) {
       const audioRef = vue.ref(null);
       const audioData = vue.reactive({
@@ -11844,22 +12090,25 @@ var __objRest = (source, exclude) => {
         } catch (e) {
           console.log(e.message);
         }
-        setTimeout(() => {
-          const audioR = audioRef.value;
-          if (props.autoplay) {
-            if (audioR && audioR.paused) {
-              audioR.play();
-            }
-          }
-          audioData.second = audioR.duration;
-          audioData.duration = formatSeconds(audioR.duration);
-        }, 500);
       });
+      const onCanplay = (e) => {
+        const audioR = audioRef.value;
+        if (props.autoplay) {
+          if (audioR && audioR.paused) {
+            audioR.play();
+          }
+        }
+        audioData.second = audioR.duration;
+        audioData.duration = formatSeconds(audioR.duration);
+        emit("can-play", e);
+      };
       const onTimeupdate = (e) => {
         audioData.currentTime = parseInt(e.target.currentTime);
       };
       const fastBack = () => {
-        audioData.currentTime--;
+        if (audioData.currentTime > 0) {
+          audioData.currentTime--;
+        }
         audioRef.value.currentTime = audioData.currentTime;
         emit("fastBack", audioData.currentTime);
       };
@@ -11898,42 +12147,25 @@ var __objRest = (source, exclude) => {
         emit("mute", audioData.hanMuted);
       };
       const formatSeconds = (value) => {
-        let theTime = parseInt(value);
-        let theTime1 = 0;
-        let theTime2 = 0;
-        if (theTime > 60) {
-          theTime1 = Math.floor(theTime / 60);
-          theTime = Math.floor(theTime % 60);
-          if (theTime1 > 60) {
-            theTime2 = Math.floor(theTime1 / 60);
-            theTime1 = Math.floor(theTime1 % 60);
-          }
+        if (!value) {
+          return "00:00:00";
         }
+        let time = parseInt(value);
+        let hours = Math.floor(time / 3600);
+        let minutes = Math.floor((time - hours * 3600) / 60);
+        let seconds = time - hours * 3600 - minutes * 60;
         let result = "";
-        if (theTime < 10) {
-          result = "0" + result;
-        }
-        if (theTime1 > 0) {
-          result = "" + theTime1 + ":" + result;
-          if (theTime1 < 10) {
-            result = "0" + result;
-          }
-        } else {
-          result = "00:" + result;
-        }
-        if (theTime2 > 0) {
-          result = "" + theTime2 + ":" + result;
-          if (theTime2 < 10) {
-            result = "0" + result;
-          }
-        } else {
-          result = "00:" + result;
-        }
+        result += ("0" + hours.toString()).slice(-2) + ":";
+        result += ("0" + minutes.toString()).slice(-2) + ":";
+        result += ("0" + seconds.toString()).slice(-2);
         return result;
       };
-      vue.watch(() => audioData.currentTime, (value) => {
-        handle(value);
-      });
+      vue.watch(
+        () => audioData.currentTime,
+        (value) => {
+          handle(value);
+        }
+      );
       vue.provide("audioParent", {
         children: [],
         props,
@@ -11943,7 +12175,9 @@ var __objRest = (source, exclude) => {
         fastBack,
         changeStatus
       });
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(audioData)), {
+      return {
+        ...vue.toRefs(props),
+        ...vue.toRefs(audioData),
         audioRef,
         fastBack,
         forward,
@@ -11951,8 +12185,9 @@ var __objRest = (source, exclude) => {
         progressChange,
         audioEnd,
         onTimeupdate,
-        handleMute
-      });
+        handleMute,
+        onCanplay
+      };
     }
   });
   const _hoisted_1$I = { class: "nut-audio" };
@@ -12024,7 +12259,8 @@ var __objRest = (source, exclude) => {
         autoplay: _ctx.autoplay,
         loop: _ctx.loop,
         onTimeupdate: _cache[3] || (_cache[3] = (...args) => _ctx.onTimeupdate && _ctx.onTimeupdate(...args)),
-        onEnded: _cache[4] || (_cache[4] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
+        onCanplay: _cache[4] || (_cache[4] = (...args) => _ctx.onCanplay && _ctx.onCanplay(...args)),
+        onEnded: _cache[5] || (_cache[5] = (...args) => _ctx.audioEnd && _ctx.audioEnd(...args)),
         muted: _ctx.hanMuted
       }, null, 40, _hoisted_8$7)
     ]);
@@ -12035,9 +12271,7 @@ var __objRest = (source, exclude) => {
     props: {
       type: {
         type: String,
-        default() {
-          return "play";
-        }
+        default: () => "play"
       }
     },
     components: {},
@@ -12046,7 +12280,7 @@ var __objRest = (source, exclude) => {
       const audio = vue.inject("audioParent");
       const parent = vue.reactive(audio);
       const customSlot = vue.ref(vue.useSlots().default);
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(parent)), { customSlot, translate: translate$e });
+      return { ...vue.toRefs(props), ...vue.toRefs(parent), customSlot, translate: translate$e };
     }
   });
   const _hoisted_1$H = { class: "nut-audio-operate" };
@@ -12230,7 +12464,7 @@ var __objRest = (source, exclude) => {
       const onError = (event) => {
         emit("onError", event);
       };
-      return __spreadValues({
+      return {
         classes,
         styles,
         iconStyles,
@@ -12240,8 +12474,9 @@ var __objRest = (source, exclude) => {
         onError,
         avatarGroup,
         visible,
-        avatarRef
-      }, vue.toRefs(state));
+        avatarRef,
+        ...vue.toRefs(state)
+      };
     }
   });
   const _hoisted_1$G = ["src", "alt"];
@@ -12269,11 +12504,10 @@ var __objRest = (source, exclude) => {
           src: _ctx.url,
           alt: _ctx.alt,
           onError: _cache[0] || (_cache[0] = (...args) => _ctx.onError && _ctx.onError(...args))
-        }, null, 40, _hoisted_1$G)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-          key: 1,
+        }, null, 40, _hoisted_1$G)) : _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 1 }, _ctx.$attrs, {
           class: "icon",
           name: _ctx.iconStyles
-        }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+        }), null, 16, ["name"])) : vue.createCommentVNode("", true),
         _ctx.isShowText ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_2$z, [
           vue.renderSlot(_ctx.$slots, "default")
         ])) : vue.createCommentVNode("", true)
@@ -12407,17 +12641,21 @@ var __objRest = (source, exclude) => {
         }
         state.startOffset = scrollTop - scrollTop % props.height;
       };
-      vue.watch(() => props.listData, () => {
-        state.list = props.listData.slice();
-      });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      vue.watch(
+        () => props.listData,
+        () => {
+          state.list = props.listData.slice();
+        }
+      );
+      return {
+        ...vue.toRefs(state),
         list,
         getTransform,
         listHeight,
         visibleData,
         classes,
         handleScrollEvent
-      });
+      };
     }
   });
   function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
@@ -12581,12 +12819,11 @@ var __objRest = (source, exclude) => {
         _ctx.status == "active" || _ctx.status == "" ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           style: vue.normalizeStyle(_ctx.textStyle)
-        }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-          key: 1,
+        }, vue.toDisplayString(_ctx.percentage) + vue.toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 1 }, _ctx.$attrs, {
           size: "16px",
           name: _ctx.iconName,
           color: _ctx.iconColor
-        }, null, 8, ["name", "color"])) : vue.createCommentVNode("", true)
+        }), null, 16, ["name", "color"])) : vue.createCommentVNode("", true)
       ], 4)) : vue.createCommentVNode("", true)
     ]);
   }
@@ -12881,12 +13118,18 @@ var __objRest = (source, exclude) => {
         }
         return styles;
       });
-      vue.watch(() => props.text, (value) => {
-        initScrollWrap(value);
-      });
-      vue.watch(() => props.list, (value) => {
-        state.scrollList = [].concat(value);
-      });
+      vue.watch(
+        () => props.text,
+        (value) => {
+          initScrollWrap();
+        }
+      );
+      vue.watch(
+        () => props.list,
+        (value) => {
+          state.scrollList = [].concat(value);
+        }
+      );
       const initScrollWrap = (value) => {
         if (state.showNoticeBar == false) {
           return;
@@ -12987,7 +13230,9 @@ var __objRest = (source, exclude) => {
       vue.onUnmounted(() => {
         clearInterval(state.timer);
       });
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(props)), vue.toRefs(state)), {
+      return {
+        ...vue.toRefs(props),
+        ...vue.toRefs(state),
         isEllipsis,
         classes,
         iconShow,
@@ -13003,7 +13248,7 @@ var __objRest = (source, exclude) => {
         go,
         handleClickIcon,
         slots
-      });
+      };
     }
   });
   const _hoisted_1$D = {
@@ -13056,10 +13301,10 @@ var __objRest = (source, exclude) => {
           onClick: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
         }, [
           vue.renderSlot(_ctx.$slots, "right-icon", {}, () => [
-            vue.createVNode(_component_nut_icon, {
+            vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
               name: _ctx.rightIcon ? _ctx.rightIcon : "close",
               color: _ctx.color
-            }, null, 8, ["name", "color"])
+            }), null, 16, ["name", "color"])
           ])
         ])) : vue.createCommentVNode("", true)
       ], 6)), [
@@ -13246,16 +13491,23 @@ var __objRest = (source, exclude) => {
       const isDisabled = vue.computed(() => {
         return props.options.disabled;
       });
-      vue.watch(() => props.source, (newValue) => {
-        if (newValue.src) {
-          vue.nextTick(() => {
-            state.videoElm.load();
-          });
+      vue.watch(
+        () => props.source,
+        (newValue) => {
+          if (newValue.src) {
+            vue.nextTick(() => {
+              state.videoElm.load();
+            });
+          }
         }
-      });
-      vue.watch(() => props.options, (newValue) => {
-        state.state.isMuted = newValue ? newValue.muted : false;
-      }, { immediate: true });
+      );
+      vue.watch(
+        () => props.options,
+        (newValue) => {
+          state.state.isMuted = newValue ? newValue.muted : false;
+        },
+        { immediate: true }
+      );
       const init = () => {
         state.videoElm = root.value;
         if (props.options.autoplay) {
@@ -13384,9 +13636,10 @@ var __objRest = (source, exclude) => {
       vue.onMounted(() => {
         init();
       });
-      return __spreadProps(__spreadValues(__spreadValues({
-        root
-      }, vue.toRefs(props)), vue.toRefs(state)), {
+      return {
+        root,
+        ...vue.toRefs(props),
+        ...vue.toRefs(state),
         handleError,
         isDisabled,
         play,
@@ -13397,7 +13650,7 @@ var __objRest = (source, exclude) => {
         retry,
         fullScreen,
         translate: translate$c
-      });
+      };
     }
   });
   const _hoisted_1$B = {
@@ -13548,9 +13801,13 @@ var __objRest = (source, exclude) => {
       });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: classes.value
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: classes.value
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -13606,11 +13863,12 @@ var __objRest = (source, exclude) => {
       const handleClickStep = () => {
         parent["onEmit"](index.value);
       };
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      return {
+        ...vue.toRefs(state),
         index,
         classes,
         handleClickStep
-      });
+      };
     }
   });
   const _hoisted_1$A = { class: "nut-step-head" };
@@ -13638,13 +13896,14 @@ var __objRest = (source, exclude) => {
         vue.createElementVNode("view", {
           class: vue.normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
         }, [
-          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+          _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
             key: 0,
-            class: "nut-step-icon-inner",
+            class: "nut-step-icon-inner"
+          }, _ctx.$attrs, {
             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, 16, ["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))
         ], 2)
       ]),
       vue.createElementVNode("view", _hoisted_4$j, [
@@ -14046,19 +14305,28 @@ var __objRest = (source, exclude) => {
       vue.onBeforeUnmount(() => {
         stopAutoPlay();
       });
-      vue.watch(() => props.initPage, (val) => {
-        vue.nextTick(() => {
-          init(Number(val));
-        });
-      });
-      vue.watch(() => state.children.length, () => {
-        vue.nextTick(() => {
-          init();
-        });
-      });
-      vue.watch(() => props.autoPlay, (val) => {
-        val > 0 ? autoplay() : stopAutoPlay();
-      });
+      vue.watch(
+        () => props.initPage,
+        (val) => {
+          vue.nextTick(() => {
+            init(Number(val));
+          });
+        }
+      );
+      vue.watch(
+        () => state.children.length,
+        () => {
+          vue.nextTick(() => {
+            init();
+          });
+        }
+      );
+      vue.watch(
+        () => props.autoPlay,
+        (val) => {
+          val > 0 ? autoplay() : stopAutoPlay();
+        }
+      );
       return {
         state,
         classes,
@@ -14491,19 +14759,23 @@ var __objRest = (source, exclude) => {
       };
       const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
       vue.watch(() => props.initNo, resetScale);
-      vue.watch(() => props.show, (value) => {
-        if (!value) {
-          resetScale();
+      vue.watch(
+        () => props.show,
+        (value) => {
+          if (!value) {
+            resetScale();
+          }
         }
-      });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      );
+      return {
+        ...vue.toRefs(state),
         onTouchStart,
         onTouchMove,
         onTouchEnd,
         getDistance,
         imageStyle,
         imageLoad
-      });
+      };
     }
   });
   const _hoisted_1$y = ["src"];
@@ -14670,23 +14942,26 @@ var __objRest = (source, exclude) => {
           state.rootWidth = swipeRef.value.offsetWidth;
         }, 100);
       };
-      vue.watch(() => props.show, (val) => {
-        state.showPop = val;
-        init();
-      });
+      vue.watch(
+        () => props.show,
+        (val) => {
+          state.showPop = val;
+          init();
+        }
+      );
       vue.onMounted(() => {
         state.active = props.initNo;
         state.showPop = props.show;
         state.maxNo = props.images.length + props.videos.length;
       });
-      return __spreadProps(__spreadValues({
-        swipeRef
-      }, vue.toRefs(state)), {
+      return {
+        swipeRef,
+        ...vue.toRefs(state),
         slideChangeEnd,
         onClose,
         handleCloseIcon,
         styles
-      });
+      };
     }
   });
   const _hoisted_1$x = {
@@ -14760,10 +15035,7 @@ var __objRest = (source, exclude) => {
           onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCloseIcon && _ctx.handleCloseIcon(...args)),
           style: vue.normalizeStyle(_ctx.styles)
         }, [
-          vue.createVNode(_component_nut_icon, {
-            name: _ctx.closeIcon,
-            color: "#ffffff"
-          }, null, 8, ["name"])
+          vue.createVNode(_component_nut_icon, vue.mergeProps({ name: _ctx.closeIcon }, _ctx.$attrs, { color: "#ffffff" }), null, 16, ["name"])
         ], 4)) : vue.createCommentVNode("", true)
       ]),
       _: 1
@@ -14926,23 +15198,35 @@ var __objRest = (source, exclude) => {
         typeMachine: ""
       });
       const { startFlag, scrolling, customBgImg, type } = vue.reactive(props);
-      vue.watch(() => props.customChangeNum, (count2, prevCount) => {
-        clearIntervalTime();
-        countGo(0);
-      });
-      vue.watch(() => props.machinePrizeLevel, (count2, prevCount) => {
-        data.prizeLevelTrun = count2;
-      });
-      vue.watch(() => props.initNum, (count2, prevCount) => {
-        data.current = count2;
-        data.valFlag = false;
-        valChange();
-      });
-      vue.watch(() => props.endNum, (count2, prevCount) => {
-        data.current = props.initNum;
-        data.valFlag = false;
-        valChange();
-      });
+      vue.watch(
+        () => props.customChangeNum,
+        (count2, prevCount) => {
+          clearIntervalTime();
+          countGo(0);
+        }
+      );
+      vue.watch(
+        () => props.machinePrizeLevel,
+        (count2, prevCount) => {
+          data.prizeLevelTrun = count2;
+        }
+      );
+      vue.watch(
+        () => props.initNum,
+        (count2, prevCount) => {
+          data.current = count2;
+          data.valFlag = false;
+          valChange();
+        }
+      );
+      vue.watch(
+        () => props.endNum,
+        (count2, prevCount) => {
+          data.current = props.initNum;
+          data.valFlag = false;
+          valChange();
+        }
+      );
       const valChange = () => {
         if (data.valFlag) {
           return false;
@@ -15189,7 +15473,11 @@ var __objRest = (source, exclude) => {
             if (data.prizeLevelTrun < 0) {
               newLocation += props.numHeight * data.notPrize[i];
             }
-            scrollTime(i, newLocation, local);
+            scrollTime(
+              i,
+              newLocation,
+              local
+            );
           }, 500 * i);
         }
       };
@@ -15239,12 +15527,14 @@ var __objRest = (source, exclude) => {
         clearIntervalTime();
         data.timer = null;
       });
-      return __spreadProps(__spreadValues(__spreadValues({}, vue.toRefs(data)), vue.toRefs(vue.reactive(props))), {
+      return {
+        ...vue.toRefs(data),
+        ...vue.toRefs(vue.reactive(props)),
         runNumberImg,
         setRef,
         topNumber,
         turnNumber
-      });
+      };
     }
   });
   const _hoisted_1$w = { class: "nut-countup" };
@@ -15476,7 +15766,7 @@ var __objRest = (source, exclude) => {
           rest.s = Math.floor(ts % MINUTE / SECOND);
           rest.ms = Math.floor(ts % SECOND);
         }
-        return type == "custom" ? rest : parseFormat(__spreadValues({}, rest));
+        return type == "custom" ? rest : parseFormat({ ...rest });
       };
       const parseFormat = (time) => {
         let { d, h, m, s, ms } = time;
@@ -15539,32 +15829,45 @@ var __objRest = (source, exclude) => {
           state.restTime = props.time;
         }
       });
-      vue.watch(() => state.restTime, (value) => {
-        let tranTime = formatRemainTime(value, "custom");
-        emit("update:modelValue", tranTime);
-        emit("input", tranTime);
-      });
-      vue.watch(() => props.paused, (v, ov) => {
-        if (!ov) {
-          if (state.counting) {
-            pause();
-          }
-        } else {
-          if (!state.counting) {
-            state.counting = true;
-            state.handleEndTime = Date.now() + Number(state.restTime);
-            tick();
+      vue.watch(
+        () => state.restTime,
+        (value) => {
+          let tranTime = formatRemainTime(value, "custom");
+          emit("update:modelValue", tranTime);
+          emit("input", tranTime);
+        }
+      );
+      vue.watch(
+        () => props.paused,
+        (v, ov) => {
+          if (!ov) {
+            if (state.counting) {
+              pause();
+            }
+          } else {
+            if (!state.counting) {
+              state.counting = true;
+              state.handleEndTime = Date.now() + Number(state.restTime);
+              tick();
+            }
+            emit("on-restart", state.restTime);
           }
-          emit("on-restart", state.restTime);
         }
-      });
-      vue.watch(() => props.endTime, (value) => {
-        initTime();
-      });
-      vue.watch(() => props.startTime, (value) => {
-        initTime();
-      });
-      return __spreadProps(__spreadValues({}, vue.toRefs(props)), {
+      );
+      vue.watch(
+        () => props.endTime,
+        (value) => {
+          initTime();
+        }
+      );
+      vue.watch(
+        () => props.startTime,
+        (value) => {
+          initTime();
+        }
+      );
+      return {
+        ...vue.toRefs(props),
         slots,
         classes,
         getTimeStamp,
@@ -15573,7 +15876,7 @@ var __objRest = (source, exclude) => {
         renderTime,
         translate: translate$b,
         reset
-      });
+      };
     }
   });
   const _hoisted_1$v = ["innerHTML"];
@@ -15710,23 +16013,19 @@ var __objRest = (source, exclude) => {
         };
       });
       const getStyle = () => {
-        if (color == null ? void 0 : color.value) {
-          return {
-            background: color.value,
-            color: textColor.value
-          };
+        const style = {};
+        if (textColor.value) {
+          style.color = textColor.value;
+        } else if (color.value && plain.value) {
+          style.color = color.value;
         }
         if (plain.value) {
-          return {
-            color: "#FA2400",
-            background: "#fff",
-            border: "1px solid rgba(250,36,0,1)"
-          };
+          style.background = "#fff";
+          style["border-color"] = color.value;
+        } else if (color.value) {
+          style.background = color.value;
         }
-        return {
-          color: "",
-          background: ""
-        };
+        return style;
       };
       const onClose = (event) => {
         event.stopPropagation();
@@ -15788,32 +16087,47 @@ var __objRest = (source, exclude) => {
     return node instanceof OwnElement || node instanceof ShadowRoot;
   }
   var round = Math.round;
-  function getBoundingClientRect(element, includeScale) {
+  function getUAString() {
+    var uaData = navigator.userAgentData;
+    if (uaData != null && uaData.brands) {
+      return uaData.brands.map(function(item) {
+        return item.brand + "/" + item.version;
+      }).join(" ");
+    }
+    return navigator.userAgent;
+  }
+  function isLayoutViewport() {
+    return !/^((?!chrome|android).)*safari/i.test(getUAString());
+  }
+  function getBoundingClientRect(element, includeScale, isFixedStrategy) {
     if (includeScale === void 0) {
       includeScale = false;
     }
-    var rect = element.getBoundingClientRect();
+    if (isFixedStrategy === void 0) {
+      isFixedStrategy = false;
+    }
+    var clientRect = 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;
-      }
+    if (includeScale && isHTMLElement(element)) {
+      scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+      scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
     }
+    var _ref = isElement(element) ? getWindow(element) : window, visualViewport = _ref.visualViewport;
+    var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+    var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+    var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+    var width = clientRect.width / scaleX;
+    var height = clientRect.height / scaleY;
     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
+      width,
+      height,
+      top: y,
+      right: x + width,
+      bottom: y + height,
+      left: x,
+      x,
+      y
     };
   }
   function getWindowScroll(node) {
@@ -15867,7 +16181,7 @@ var __objRest = (source, exclude) => {
     var isOffsetParentAnElement = isHTMLElement(offsetParent);
     var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
     var documentElement = getDocumentElement(offsetParent);
-    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
     var scroll = {
       scrollLeft: 0,
       scrollTop: 0
@@ -15949,8 +16263,8 @@ var __objRest = (source, exclude) => {
     return element.offsetParent;
   }
   function getContainingBlock(element) {
-    var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-    var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+    var isFirefox = /firefox/i.test(getUAString());
+    var isIE = /Trident/i.test(getUAString());
     if (isIE && isHTMLElement(element)) {
       var elementCss = getComputedStyle(element);
       if (elementCss.position === "fixed") {
@@ -16537,7 +16851,8 @@ var __objRest = (source, exclude) => {
       [Popup.name]: Popup,
       [Button.name]: Button
     },
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       list: {
         type: Array,
         default: []
@@ -16562,7 +16877,7 @@ var __objRest = (source, exclude) => {
         type: Boolean,
         default: true
       }
-    }),
+    },
     emits: ["update", "update:visible", "close", "choose", "open"],
     setup(props, { emit }) {
       let popper;
@@ -16589,7 +16904,6 @@ var __objRest = (source, exclude) => {
         };
       });
       const createPopperInstance = () => {
-        console.log(reference.value, popoverRef.value);
         if (reference.value && popoverRef.value) {
           return createPopper(reference.value, popoverRef.value.popupRef, {
             placement: props.location,
@@ -16612,7 +16926,6 @@ var __objRest = (source, exclude) => {
         return null;
       };
       const clickOverlay = () => {
-        console.log("\u5173\u95ED");
       };
       const uploadLocation = () => {
         vue.nextTick(() => {
@@ -16620,7 +16933,6 @@ var __objRest = (source, exclude) => {
             return;
           if (!popper) {
             popper = createPopperInstance();
-            console.log(popper);
           } else {
             popper.setOptions({
               placement: props.location
@@ -16640,13 +16952,19 @@ var __objRest = (source, exclude) => {
       vue.onUnmounted(() => {
         window.removeEventListener("click", clickAway, true);
       });
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-        uploadLocation();
-      });
-      vue.watch(() => props.location, (value) => {
-        uploadLocation();
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+          uploadLocation();
+        }
+      );
+      vue.watch(
+        () => props.location,
+        (value) => {
+          uploadLocation();
+        }
+      );
       const update = (val) => {
         emit("update", val);
         emit("update:visible", val);
@@ -16718,10 +17036,10 @@ var __objRest = (source, exclude) => {
                 onClick: vue.withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
               }, [
                 item.icon ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-                  vue.createVNode(_component_nut_icon, {
+                  vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                     class: "item-img",
                     name: item.icon
-                  }, null, 8, ["name"])
+                  }), null, 16, ["name"])
                 ]) : vue.createCommentVNode("", true),
                 vue.createElementVNode("view", _hoisted_2$o, vue.toDisplayString(item.name), 1)
               ], 10, _hoisted_1$t);
@@ -16910,25 +17228,28 @@ var __objRest = (source, exclude) => {
     setup(props, { emit, slots }) {
       const collapseDom = vue.ref(null);
       const collapseChldren = vue.ref([]);
-      vue.watch(() => props.active, (newval, oldval) => {
-        let doms = collapseChldren.value;
-        Array.from(doms).forEach((item) => {
-          if (typeof newval == "number" || typeof newval == "string") {
-            if (newval == item.name) {
-              item.changeOpen(!item.openExpanded);
-            } else {
-              item.changeOpen(false);
-            }
-          } else if (Object.values(newval) instanceof Array) {
-            if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
-              item.changeOpen(true);
-            } else {
-              item.changeOpen(false);
+      vue.watch(
+        () => props.active,
+        (newval, oldval) => {
+          let doms = collapseChldren.value;
+          Array.from(doms).forEach((item) => {
+            if (typeof newval == "number" || typeof newval == "string") {
+              if (newval == item.name) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
+            } else if (Object.values(newval) instanceof Array) {
+              if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
             }
-          }
-          item.animation();
-        });
-      });
+            item.animation();
+          });
+        }
+      );
       vue.onMounted(() => {
         collapseChldren.value = vue.getCurrentInstance().provides.collapseParent.children || [];
       });
@@ -17094,14 +17415,17 @@ var __objRest = (source, exclude) => {
           proxyData.openExpanded = true;
         }
       });
-      vue.watch(() => {
-        var _a, _b;
-        return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
-      }, () => {
-        setTimeout(() => {
-          animation();
-        }, 300);
-      });
+      vue.watch(
+        () => {
+          var _a, _b;
+          return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
+        },
+        () => {
+          setTimeout(() => {
+            animation();
+          }, 300);
+        }
+      );
       const init = () => {
         const { name } = props;
         const active = parent && parent.props.active;
@@ -17129,17 +17453,19 @@ var __objRest = (source, exclude) => {
         }
         return _class;
       });
-      return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      return {
         classes,
-        emptyContent
-      }, vue.toRefs(proxyData)), vue.toRefs(parent.props)), vue.toRefs(titleIconStyle)), {
+        emptyContent,
+        ...vue.toRefs(proxyData),
+        ...vue.toRefs(parent.props),
+        ...vue.toRefs(titleIconStyle),
         wrapperRef,
         contentRef,
         open,
         toggleOpen,
         changeOpen,
         animation
-      });
+      };
     }
   });
   const _hoisted_1$q = { class: "collapse-title" };
@@ -17171,13 +17497,14 @@ var __objRest = (source, exclude) => {
         vue.createElementVNode("view", _hoisted_1$q, [
           vue.createElementVNode("view", null, [
             vue.createElementVNode("view", _hoisted_2$m, [
-              _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+              _ctx.titleIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
                 key: 0,
-                name: _ctx.titleIcon,
+                name: _ctx.titleIcon
+              }, _ctx.$attrs, {
                 size: _ctx.titleIconSize,
                 color: _ctx.titleIconColor,
-                class: vue.normalizeClass([_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
-              }, null, 8, ["name", "size", "color", "class"])) : vue.createCommentVNode("", true),
+                class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
+              }), null, 16, ["name", "size", "color", "class"])) : vue.createCommentVNode("", true),
               _ctx.$slots.mTitle ? vue.renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (vue.openBlock(), vue.createElementBlock("view", {
                 key: 2,
                 innerHTML: _ctx.title,
@@ -17193,14 +17520,15 @@ var __objRest = (source, exclude) => {
           innerHTML: _ctx.subTitle,
           class: "subTitle"
         }, null, 8, _hoisted_5$a)),
-        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+        _ctx.icon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
           key: 2,
-          name: _ctx.icon,
+          name: _ctx.icon
+        }, _ctx.$attrs, {
           size: _ctx.iconSize,
           color: _ctx.iconColor,
-          class: vue.normalizeClass(["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }]),
-          style: vue.normalizeStyle(_ctx.iconStyle)
-        }, null, 8, ["name", "size", "color", "class", "style"])) : vue.createCommentVNode("", true)
+          class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
+          style: _ctx.iconStyle
+        }), null, 16, ["name", "size", "color", "class", "style"])) : vue.createCommentVNode("", true)
       ], 2),
       _ctx.$slots.extraRender ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_6$9, [
         vue.createElementVNode("div", _hoisted_7$7, [
@@ -17299,10 +17627,14 @@ var __objRest = (source, exclude) => {
             return [columns.key, columns.render];
           });
         };
-        vue.watch(() => props.data, (val) => {
-          state.curData = val.slice();
-        });
-        return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+        vue.watch(
+          () => props.data,
+          (val) => {
+            state.curData = val.slice();
+          }
+        );
+        return {
+          ...vue.toRefs(state),
           classes,
           cellClasses,
           getColumnItem,
@@ -17312,7 +17644,7 @@ var __objRest = (source, exclude) => {
           translate: translate2,
           stylehead,
           stylecolumn
-        });
+        };
       }
     };
   };
@@ -17444,7 +17776,7 @@ var __objRest = (source, exclude) => {
         }
         emit("click", event);
       };
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), { classes, handleClick });
+      return { ...vue.toRefs(state), classes, handleClick };
     }
   });
   const _hoisted_1$o = { class: "nut-animate" };
@@ -17503,14 +17835,17 @@ var __objRest = (source, exclude) => {
           [prefixCls]: true
         };
       });
-      vue.watch(() => props.content, (newV, oldVal) => {
-        if (newV != oldVal) {
-          if (container) {
-            document.body.appendChild(container);
+      vue.watch(
+        () => props.content,
+        (newV, oldVal) => {
+          if (newV != oldVal) {
+            if (container) {
+              document.body.appendChild(container);
+            }
+            createContainer();
           }
-          createContainer();
         }
-      });
+      );
       vue.onMounted(() => {
         createContainer();
       });
@@ -17535,7 +17870,9 @@ var __objRest = (source, exclude) => {
         container.style.webkitLineClamp = "unset";
         container.style.display = "block";
         const lineHeight = pxToNumber(originStyle.lineHeight);
-        maxHeight = Math.floor(lineHeight * (Number(props.rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom));
+        maxHeight = Math.floor(
+          lineHeight * (Number(props.rows) + 0.5) + pxToNumber(originStyle.paddingTop) + pxToNumber(originStyle.paddingBottom)
+        );
         container.innerText = props.content;
         document.body.appendChild(container);
         calcEllipse();
@@ -17622,7 +17959,7 @@ var __objRest = (source, exclude) => {
       const handleClick = () => {
         emit("click");
       };
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
+      return { ...vue.toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
     }
   });
   const _hoisted_1$n = { key: 0 };
@@ -17752,7 +18089,6 @@ var __objRest = (source, exclude) => {
       const init = () => {
         const canvas = document.createElement("canvas");
         const ratio = window.devicePixelRatio;
-        console.log(ratio);
         const ctx = canvas.getContext("2d");
         const canvasWidth = `${(gapX + width) * ratio}px`;
         const canvasHeight = `${(gapY + height) * ratio}px`;
@@ -17769,10 +18105,15 @@ var __objRest = (source, exclude) => {
             img.referrerPolicy = "no-referrer";
             img.src = image;
             img.onload = () => {
-              ctx.drawImage(img, -imageWidth * ratio / 2, -imageHeight * ratio / 2, imageWidth * ratio, imageHeight * ratio);
+              ctx.drawImage(
+                img,
+                -imageWidth * ratio / 2,
+                -imageHeight * ratio / 2,
+                imageWidth * ratio,
+                imageHeight * ratio
+              );
               ctx.restore();
               state.base64Url = canvas.toDataURL();
-              console.log(state.base64Url);
             };
           } else if (content) {
             ctx.textBaseline = "middle";
@@ -17785,32 +18126,34 @@ var __objRest = (source, exclude) => {
             ctx.fillText(content, 0, 0);
             ctx.restore();
             state.base64Url = canvas.toDataURL();
-            console.log(state.base64Url);
           }
         } else {
           throw new Error("\u5F53\u524D\u73AF\u5883\u4E0D\u652F\u6301Canvas");
         }
       };
       init();
-      vue.watch(() => [
-        zIndex,
-        gapX,
-        gapY,
-        width,
-        height,
-        rotate,
-        image,
-        imageWidth,
-        imageHeight,
-        content,
-        fontStyle,
-        fontWeight,
-        fontColor,
-        fontSize,
-        fontFamily
-      ], () => {
-        init();
-      });
+      vue.watch(
+        () => [
+          zIndex,
+          gapX,
+          gapY,
+          width,
+          height,
+          rotate,
+          image,
+          imageWidth,
+          imageHeight,
+          content,
+          fontStyle,
+          fontWeight,
+          fontColor,
+          fontSize,
+          fontFamily
+        ],
+        () => {
+          init();
+        }
+      );
       const classes = vue.computed(() => {
         const prefixCls = componentName$n;
         return {
@@ -17818,7 +18161,7 @@ var __objRest = (source, exclude) => {
           [`${prefixCls}-full-page`]: props.fullPage
         };
       });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), { classes });
+      return { ...vue.toRefs(state), classes };
     }
   });
   function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17835,7 +18178,8 @@ var __objRest = (source, exclude) => {
   const { componentName: componentName$m, create: create$n, translate: translate$9 } = createComponent("address");
   const _sfc_main$n = create$n({
     inheritAttrs: false,
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       modelValue: {
         type: Array,
         default: () => []
@@ -17904,7 +18248,7 @@ var __objRest = (source, exclude) => {
         type: [String, Array],
         default: ""
       }
-    }),
+    },
     emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
     setup(props, { emit }) {
       const regionLine = vue.ref(null);
@@ -18080,10 +18424,13 @@ var __objRest = (source, exclude) => {
         lineAnimation();
       };
       const close = () => {
-        const resCopy = Object.assign({
-          addressIdStr: "",
-          addressStr: ""
-        }, selectedRegion);
+        const resCopy = Object.assign(
+          {
+            addressIdStr: "",
+            addressStr: ""
+          },
+          selectedRegion
+        );
         const res = {
           data: {},
           type: privateType.value
@@ -18126,36 +18473,57 @@ var __objRest = (source, exclude) => {
       const handleElevatorItem = (key, item) => {
         nextAreaList(item);
       };
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-      });
-      vue.watch(() => showPopup.value, (value) => {
-        if (value == false) {
-          close();
-        } else {
-          initCustomSelected();
-        }
-      });
-      vue.watch(() => props.province, (value) => {
-        regionList.province = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.city, (value) => {
-        regionList.city = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.country, (value) => {
-        regionList.country = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.town, (value) => {
-        regionList.town = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.existAddress, (value) => {
-        value.forEach((item, index) => {
-          if (item.selectedAddress) {
-            selectedExistAddress = item;
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+        }
+      );
+      vue.watch(
+        () => showPopup.value,
+        (value) => {
+          if (value == false) {
+            close();
+          } else {
+            initCustomSelected();
           }
-        });
-      });
-      return __spreadProps(__spreadValues({
+        }
+      );
+      vue.watch(
+        () => props.province,
+        (value) => {
+          regionList.province = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.city,
+        (value) => {
+          regionList.city = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.country,
+        (value) => {
+          regionList.country = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.town,
+        (value) => {
+          regionList.town = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.existAddress,
+        (value) => {
+          value.forEach((item, index) => {
+            if (item.selectedAddress) {
+              selectedExistAddress = item;
+            }
+          });
+        }
+      );
+      return {
         showPopup,
         privateType,
         tabIndex,
@@ -18176,10 +18544,10 @@ var __objRest = (source, exclude) => {
         clickOverlay,
         handClose,
         handleElevatorItem,
-        initCustomSelected
-      }, vue.toRefs(props)), {
+        initCustomSelected,
+        ...vue.toRefs(props),
         translate: translate$9
-      });
+      };
     }
   });
   const _hoisted_1$m = { class: "nut-address" };
@@ -18207,7 +18575,7 @@ var __objRest = (source, exclude) => {
   };
   const _hoisted_12$1 = ["onClick"];
   const _hoisted_13$1 = { class: "elevator-group" };
-  const _hoisted_14 = {
+  const _hoisted_14$1 = {
     key: 2,
     class: "exist-address"
   };
@@ -18245,10 +18613,10 @@ var __objRest = (source, exclude) => {
               class: "arrow-back",
               onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
             }, [
-              vue.withDirectives(vue.createVNode(_component_nut_icon, {
+              vue.withDirectives(vue.createVNode(_component_nut_icon, vue.mergeProps(_ctx.$attrs, {
                 name: _ctx.backBtnIcon,
                 color: "#cccccc"
-              }, null, 8, ["name"]), [
+              }), null, 16, ["name"]), [
                 [vue.vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
               ])
             ]),
@@ -18257,12 +18625,11 @@ var __objRest = (source, exclude) => {
               class: "arrow-close",
               onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
             }, [
-              _ctx.closeBtnIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
-                key: 0,
+              _ctx.closeBtnIcon ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({ key: 0 }, _ctx.$attrs, {
                 name: _ctx.closeBtnIcon,
                 color: "#cccccc",
                 size: "18px"
-              }, null, 8, ["name"])) : vue.createCommentVNode("", true)
+              }), null, 16, ["name"])) : vue.createCommentVNode("", true)
             ])
           ]),
           _ctx.privateType == "custom" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_4$f, [
@@ -18290,13 +18657,14 @@ var __objRest = (source, exclude) => {
                     class: vue.normalizeClass(["region-item", [_ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? "active" : ""]]),
                     onClick: ($event) => _ctx.nextAreaList(item)
                   }, [
-                    _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (vue.openBlock(), vue.createBlock(_component_nut_icon, {
+                    _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (vue.openBlock(), vue.createBlock(_component_nut_icon, vue.mergeProps({
                       key: 0,
                       class: "region-item-icon",
-                      type: "self",
+                      type: "self"
+                    }, _ctx.$attrs, {
                       name: _ctx.selectedIcon,
                       size: "13px"
-                    }, null, 8, ["name"])) : vue.createCommentVNode("", true),
+                    }), null, 16, ["name"])) : vue.createCommentVNode("", true),
                     vue.createTextVNode(vue.toDisplayString(item.name), 1)
                   ], 10, _hoisted_9$2);
                 }), 128))
@@ -18326,7 +18694,7 @@ var __objRest = (source, exclude) => {
                 onClickItem: _ctx.handleElevatorItem
               }, null, 8, ["height", "index-list", "onClickItem"])
             ])
-          ])) : _ctx.privateType == "exist" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14, [
+          ])) : _ctx.privateType == "exist" ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_14$1, [
             vue.createElementVNode("div", _hoisted_15, [
               vue.createElementVNode("ul", _hoisted_16, [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.existAddress, (item, index) => {
@@ -18335,12 +18703,13 @@ var __objRest = (source, exclude) => {
                     key: index,
                     onClick: ($event) => _ctx.selectedExist(item)
                   }, [
-                    vue.createVNode(_component_nut_icon, {
+                    vue.createVNode(_component_nut_icon, vue.mergeProps({
                       class: "exist-item-icon",
-                      type: "self",
+                      type: "self"
+                    }, _ctx.$attrs, {
                       name: item.selectedAddress ? _ctx.selectedIcon : _ctx.defaultIcon,
                       size: "13px"
-                    }, null, 8, ["name"]),
+                    }), null, 16, ["name"]),
                     vue.createElementVNode("div", _hoisted_18, [
                       item.name && item.phone ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_19, [
                         vue.createElementVNode("div", _hoisted_20, vue.toDisplayString(item.name), 1),
@@ -18361,10 +18730,11 @@ var __objRest = (source, exclude) => {
             }, [
               vue.createElementVNode("div", _hoisted_23, vue.toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
             ])) : vue.createCommentVNode("", true)
-          ])) : vue.createCommentVNode("", true)
+          ])) : vue.createCommentVNode("", true),
+          vue.renderSlot(_ctx.$slots, "bottom")
         ])
       ]),
-      _: 1
+      _: 3
     }, 8, ["lock-scroll", "onClose", "onClickOverlay", "visible", "isWrapTeleport", "teleport"]);
   }
   var Address = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
@@ -18425,9 +18795,12 @@ var __objRest = (source, exclude) => {
         clearInterval(timer);
         timer = 0;
       });
-      vue.watch(() => props.danmu, (newValue, oldVlaue) => {
-        danmuList.value = [...newValue];
-      });
+      vue.watch(
+        () => props.danmu,
+        (newValue, oldVlaue) => {
+          danmuList.value = [...newValue];
+        }
+      );
       const add = (word) => {
         const _index = index.value % danmuList.value.length;
         if (!props.loop && index.value === danmuList.value.length) {
@@ -18497,7 +18870,15 @@ var __objRest = (source, exclude) => {
       },
       strokeStyle: {
         type: String,
-        default: "#000"
+        default: () => {
+          let bodyDom = document.getElementsByTagName("body");
+          let clsName = bodyDom[0]["className"];
+          if (clsName.indexOf("nut-theme-dark") == -1) {
+            return "#000";
+          } else {
+            return "#fff";
+          }
+        }
       },
       type: {
         type: String,
@@ -18509,7 +18890,7 @@ var __objRest = (source, exclude) => {
       }
     },
     components: {},
-    emits: ["confirm", "clear"],
+    emits: ["start", "end", "signing", "confirm", "clear"],
     setup(props, { emit }) {
       const canvas = vue.ref(null);
       const wrap = vue.ref(null);
@@ -18539,6 +18920,7 @@ var __objRest = (source, exclude) => {
         state.ctx.beginPath();
         state.ctx.lineWidth = props.lineWidth;
         state.ctx.strokeStyle = props.strokeStyle;
+        emit("start");
         canvas.value.addEventListener(state.events[1], moveEventHandler, false);
         canvas.value.addEventListener(state.events[2], endEventHandler, false);
         canvas.value.addEventListener(state.events[3], leaveEventHandler, false);
@@ -18546,6 +18928,7 @@ var __objRest = (source, exclude) => {
       const moveEventHandler = (event) => {
         event.preventDefault();
         let evt = state.isSupportTouch ? event.touches[0] : event;
+        emit("signing", evt);
         let coverPos = canvas.value.getBoundingClientRect();
         let mouseX = evt.clientX - coverPos.left;
         let mouseY = evt.clientY - coverPos.top;
@@ -18554,6 +18937,7 @@ var __objRest = (source, exclude) => {
       };
       const endEventHandler = (event) => {
         event.preventDefault();
+        emit("end");
         canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
         canvas.value.removeEventListener(state.events[2], endEventHandler, false);
       };
@@ -18592,7 +18976,7 @@ var __objRest = (source, exclude) => {
           addEvent();
         }
       });
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), { canvas, wrap, isCanvasSupported, confirm, clear, classes, translate: translate$8 });
+      return { ...vue.toRefs(state), canvas, wrap, isCanvasSupported, confirm, clear, classes, translate: translate$8 };
     }
   });
   const _hoisted_1$k = {
@@ -18778,10 +19162,11 @@ var __objRest = (source, exclude) => {
       const handlePannel = (pannelKey) => {
         context.emit("change", pannelKey);
       };
-      return __spreadProps(__spreadValues({}, vue.toRefs(state)), {
+      return {
+        ...vue.toRefs(state),
         classes,
         handlePannel
-      });
+      };
     }
   });
   function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18835,13 +19220,13 @@ var __objRest = (source, exclude) => {
       const handleTime = (time) => {
         context.emit("select", time);
       };
-      return __spreadProps(__spreadValues({
-        classes
-      }, vue.toRefs(state)), {
+      return {
+        classes,
+        ...vue.toRefs(state),
         getClass,
         renderData,
         handleTime
-      });
+      };
     }
   });
   const _hoisted_1$i = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
@@ -18919,9 +19304,13 @@ var __objRest = (source, exclude) => {
     emits: ["selectSku"],
     setup(props, { emit }) {
       const skuInfo = vue.ref([]);
-      vue.watch(() => props.sku, (value) => {
-        skuInfo.value = [].slice.call(value);
-      }, { deep: true });
+      vue.watch(
+        () => props.sku,
+        (value) => {
+          skuInfo.value = [].slice.call(value);
+        },
+        { deep: true }
+      );
       vue.onMounted(() => {
         if (props.sku.length > 0) {
           skuInfo.value = [].slice.call(props.sku);
@@ -19134,7 +19523,8 @@ var __objRest = (source, exclude) => {
   var SkuOperate = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
   const { componentName: componentName$c, create: create$d, translate: translate$5 } = createComponent("sku");
   const _sfc_main$d = create$d({
-    props: __spreadProps(__spreadValues({}, popupProps), {
+    props: {
+      ...popupProps,
       sku: {
         type: Array,
         default: []
@@ -19179,7 +19569,7 @@ var __objRest = (source, exclude) => {
         type: String,
         default: ""
       }
-    }),
+    },
     emits: [
       "update:visible",
       "selectSku",
@@ -19202,14 +19592,20 @@ var __objRest = (source, exclude) => {
     setup(props, { emit, slots }) {
       const showPopup = vue.ref(props.visible);
       const goodsCount = vue.ref(props.stepperMin);
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-      });
-      vue.watch(() => showPopup.value, (value) => {
-        if (value == false) {
-          close();
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+        }
+      );
+      vue.watch(
+        () => showPopup.value,
+        (value) => {
+          if (value == false) {
+            close();
+          }
         }
-      });
+      );
       vue.onMounted(() => {
       });
       const getSlots = (name) => slots[name];
@@ -19541,9 +19937,12 @@ var __objRest = (source, exclude) => {
         stepValue.value = value;
         emit("changeStep", stepValue.value, currentValue.value);
       };
-      vue.watch(() => props.modelValue, (value) => {
-        money.value = value;
-      });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          money.value = value;
+        }
+      );
       return {
         handleClick,
         changeStep,
@@ -19627,7 +20026,6 @@ var __objRest = (source, exclude) => {
     setup(props, { emit }) {
       const delClick = (event) => {
         emit("delIconClick", event, props.item);
-        console.log(123);
         event.stopPropagation();
       };
       const editClick = (event) => {
@@ -20076,14 +20474,17 @@ 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) {
+        if (Object.keys(props.dataMapOptions).length > 0) {
           dataArray.value = props.data.map((item, index) => {
             return floatData(dataInfo, item, props.dataMapOptions);
           });
         }
       };
-      vue.watch(() => props.data, () => trowelData(), { deep: true });
+      vue.watch(
+        () => props.data,
+        () => trowelData(),
+        { deep: true }
+      );
       const clickDelIcon = (event, item) => {
         emit("handelDelIcon", event, item);
         event.stopPropagation();
@@ -20262,7 +20663,7 @@ var __objRest = (source, exclude) => {
               vue.createElementVNode("div", {
                 class: vue.normalizeClass([_ctx.checkIndex == index ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]),
                 onClick: ($event) => _ctx.getChildList(index)
-              }, vue.toDisplayString(item.catName), 11, _hoisted_4$5)
+              }, vue.toDisplayString(item == null ? void 0 : item.catName), 11, _hoisted_4$5)
             ]);
           }), 128))
         ])) : vue.createCommentVNode("", true),
@@ -20271,7 +20672,6 @@ var __objRest = (source, exclude) => {
     ]);
   }
   var Category = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-  var index_vue_vue_type_style_index_0_lang = "";
   const { componentName: componentName$4, create: create$4 } = createComponent("categorypane");
   const _sfc_main$4 = create$4({
     props: {
@@ -20325,13 +20725,14 @@ var __objRest = (source, exclude) => {
     key: 2,
     class: "nut-categorypane__selfItemList"
   };
+  const _hoisted_14 = ["onClick"];
   function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
       _ctx.type == "classify" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.categoryChild, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_3$4, vue.toDisplayString(item.catName), 1),
-            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
+            vue.createElementVNode("div", _hoisted_3$4, vue.toDisplayString(item == null ? void 0 : item.catName), 1),
+            (item == null ? void 0 : item.catType) == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.childCateList, (sku, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
@@ -20342,7 +20743,7 @@ var __objRest = (source, exclude) => {
                     class: "nut-categorypane__childImg",
                     src: sku.backImg
                   }, null, 8, _hoisted_6$1),
-                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(sku.catName), 1)
+                  vue.createElementVNode("div", _hoisted_7, vue.toDisplayString(sku == null ? void 0 : sku.catName), 1)
                 ], 8, _hoisted_5$2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -20352,15 +20753,15 @@ var __objRest = (source, exclude) => {
       _ctx.type == "text" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.categoryChild, (item, index) => {
           return vue.openBlock(), vue.createElementBlock("div", { key: index }, [
-            vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item.catName), 1),
-            item.catType == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+            vue.createElementVNode("div", _hoisted_9, vue.toDisplayString(item == null ? void 0 : item.catName), 1),
+            (item == null ? void 0 : item.catType) == 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.childCateList, (sku, key) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   class: "nut-categorypane__childItem",
                   key,
                   onClick: ($event) => _ctx.onChange(sku)
                 }, [
-                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(sku.catName), 1)
+                  vue.createElementVNode("div", _hoisted_12, vue.toDisplayString(sku == null ? void 0 : sku.catName), 1)
                 ], 8, _hoisted_11);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -20372,8 +20773,8 @@ var __objRest = (source, exclude) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: "nut-categorypane__skuName",
             key,
-            onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
-          }, vue.toDisplayString(sku.catName), 1);
+            onClick: ($event) => _ctx.onChange(sku)
+          }, vue.toDisplayString(sku == null ? void 0 : sku.catName), 9, _hoisted_14);
         }), 128))
       ])) : vue.createCommentVNode("", true)
     ]);
@@ -20503,14 +20904,18 @@ var __objRest = (source, exclude) => {
       const isShowImage = vue.ref(false);
       const initIndex = vue.ref(1);
       const totalImages = vue.ref([]);
-      vue.watch(() => [props.videos, props.images], (value) => {
-        if (value[0].length > 0) {
-          value[0].forEach((el) => {
-            el.type = "video";
-          });
-        }
-        totalImages.value = value[0].concat(value[1]);
-      }, { deep: true });
+      vue.watch(
+        () => [props.videos, props.images],
+        (value) => {
+          if (value[0].length > 0) {
+            value[0].forEach((el) => {
+              el.type = "video";
+            });
+          }
+          totalImages.value = value[0].concat(value[1]);
+        },
+        { deep: true }
+      );
       vue.onMounted(() => {
         if (props.videos.length > 0) {
           props.videos.forEach((el) => {
@@ -20820,7 +21225,7 @@ var __objRest = (source, exclude) => {
       }
     });
   }
-  const version = "3.1.23-beta.6";
+  const version = "3.2.2-beta.1";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;