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

package/dist/nutui.es.js

@@ -1,41 +1,9 @@
-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.
 */
-import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, useSlots, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, nextTick, renderList, mergeProps, watchEffect, createSlots, readonly, vModelText, toRaw, resolveDynamicComponent, render as render$3 } from "vue";
+import { reactive, ref, defineComponent, h, toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, createBlock, createCommentVNode, mergeProps, renderSlot, getCurrentInstance, Fragment, toDisplayString, createTextVNode, watch, onDeactivated, onBeforeUnmount, onMounted, onActivated, Transition, withCtx, withDirectives, withModifiers, vShow, onBeforeMount, Teleport, createVNode, useSlots, inject, provide, unref, onUnmounted, shallowReactive, markRaw, isVNode, nextTick, renderList, watchEffect, createSlots, readonly, vModelText, toRaw, resolveDynamicComponent, render as render$4 } from "vue";
 class BaseLang {
 }
 class Lang$1 extends BaseLang {
@@ -249,11 +217,11 @@ class Lang extends BaseLang {
   }
 }
 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);
@@ -271,8 +239,8 @@ const TypeOfFun = (value) => {
     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";
@@ -403,17 +371,21 @@ const _sfc_main$1P = create$1P({
     return () => {
       var _a;
       const _isImage = isImage();
-      return 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 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)
+      );
     };
   }
 });
@@ -518,7 +490,7 @@ const _sfc_main$1O = create$1O({
   }
 });
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -530,12 +502,13 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: "nut-icon-loading"
       })) : createCommentVNode("", true),
-      _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
+      _ctx.icon && !_ctx.loading ? (openBlock(), createBlock(_component_nut_icon, 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"])) : createCommentVNode("", true),
+      }), null, 16, ["name", "class-prefix", "font-class-name"])) : createCommentVNode("", true),
       _ctx.$slots.default ? (openBlock(), createElementBlock("view", {
         key: 2,
         class: normalizeClass({ text: _ctx.icon || _ctx.loading })
@@ -545,7 +518,7 @@ function _sfc_render$1C(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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 = getCurrentInstance().proxy;
   return proxy.$router || null;
@@ -560,7 +533,7 @@ const _hoisted_2$14 = {
 };
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -570,11 +543,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default", {}, () => [
       _ctx.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("view", _hoisted_1$1k, [
         renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
-            key: 0,
+          _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 0 }, _ctx.$attrs, {
             class: "icon",
             name: _ctx.icon
-          }, null, 8, ["name"])) : createCommentVNode("", true)
+          }), null, 16, ["name"])) : createCommentVNode("", true)
         ])
       ])) : createCommentVNode("", true),
       _ctx.title || _ctx.subTitle || _ctx.$slots.title ? (openBlock(), createElementBlock("view", _hoisted_2$14, [
@@ -593,11 +565,10 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle({ "text-align": _ctx.descTextAlign })
       }, toDisplayString(_ctx.desc), 7)) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "link", {}, () => [
-        _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.isLink || _ctx.to ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
           key: 0,
-          class: "nut-cell__link",
-          name: "right"
-        })) : createCommentVNode("", true)
+          class: "nut-cell__link"
+        }, _ctx.$attrs, { name: _ctx.rightIcon }), null, 16, ["name"])) : createCommentVNode("", true)
       ])
     ])
   ], 6);
@@ -615,6 +586,7 @@ const _sfc_main$1N = create$1N({
     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: "" }
   },
@@ -650,7 +622,7 @@ const _sfc_main$1N = create$1N({
     };
   }
 });
-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: {
@@ -678,7 +650,7 @@ const _hoisted_2$13 = {
   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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes)
   }, [
@@ -689,7 +661,7 @@ function _sfc_render$1B(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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: {
@@ -731,9 +703,12 @@ const _sfc_main$1L = create$1L({
         [props.overlayClass]: true
       };
     });
-    watch(() => props.visible, (value) => {
-      value ? lock() : unlock();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        value ? lock() : unlock();
+      }
+    );
     const lock = () => {
       if (props.lockScroll && props.visible) {
         document.body.classList.add("nut-overflow-hidden");
@@ -747,10 +722,11 @@ const _sfc_main$1L = create$1L({
     onMounted(lock);
     onActivated(lock);
     const style = computed(() => {
-      return __spreadValues({
+      return {
         animationDuration: `${props.duration}s`,
-        zIndex: props.zIndex
-      }, props.overlayStyle);
+        zIndex: props.zIndex,
+        ...props.overlayStyle
+      };
     });
     const touchmove = (e) => {
       if (props.lockScroll)
@@ -765,7 +741,7 @@ const _sfc_main$1L = create$1L({
     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 openBlock(), createBlock(Transition, { name: "overlay-fade" }, {
     default: withCtx(() => [
       withDirectives(createElementVNode("view", {
@@ -782,7 +758,7 @@ function _sfc_render$1A(_ctx, _cache, $props, $setup, $data, $options) {
     _: 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) => {
@@ -802,7 +778,8 @@ const useLockScroll = (isLock) => {
 };
 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"
@@ -851,13 +828,15 @@ const popupProps = __spreadProps(__spreadValues({}, overlayProps), {
     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 = ref();
@@ -881,10 +860,11 @@ const _sfc_main$1K = create$1K({
       };
     });
     const popStyle = 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) {
@@ -951,20 +931,30 @@ const _sfc_main$1K = create$1K({
         state.keepAlive = true;
       }
     });
-    watch(() => props.visible, (value) => {
-      if (value) {
-        open();
-      } else {
-        close();
+    watch(
+      () => props.visible,
+      (value) => {
+        if (value) {
+          open();
+        } else {
+          close();
+        }
       }
-    });
-    watch(() => props.position, (value) => {
-      value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
-    });
-    watch(() => props.closeable, (value) => {
-      state.closed = value;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    );
+    watch(
+      () => props.position,
+      (value) => {
+        value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
+      }
+    );
+    watch(
+      () => props.closeable,
+      (value) => {
+        state.closed = value;
+      }
+    );
+    return {
+      ...toRefs(state),
       popStyle,
       classes,
       onClick,
@@ -973,11 +963,11 @@ const _sfc_main$1K = create$1K({
       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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return _ctx.isWrapTeleport ? (openBlock(), createBlock(Teleport, {
@@ -1013,10 +1003,10 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickCloseIcon && _ctx.onClickCloseIcon(...args)),
             class: normalizeClass(["nutui-popup__close-icon", "nutui-popup__close-icon--" + _ctx.closeIconPosition])
           }, [
-            createVNode(_component_nut_icon, {
+            createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
               name: _ctx.closeIcon,
               size: "12px"
-            }, null, 8, ["name"])
+            }), null, 16, ["name"])
           ], 2)) : createCommentVNode("", true)
         ], 6), [
           [vShow, _ctx.visible]
@@ -1066,8 +1056,8 @@ function _sfc_render$1z(_ctx, _cache, $props, $setup, $data, $options) {
     }, 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" }
@@ -1075,14 +1065,18 @@ const component$7 = {
   setup(props, { slots }) {
     return () => {
       var _a;
-      return h(props.tag, {
-        class: `nut-theme-${props.theme}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return 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: {
@@ -1155,9 +1149,12 @@ const _sfc_main$1I = create$1I({
       };
       return styless;
     });
-    watch(() => props.src, (val) => {
-      state.isError = false, state.loading = true;
-    });
+    watch(
+      () => props.src,
+      (val) => {
+        state.isError = false, state.loading = true;
+      }
+    );
     const load = () => {
       state.loading = false;
       emit("load");
@@ -1170,7 +1167,7 @@ const _sfc_main$1I = create$1I({
     const imageClick = (event) => {
       emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { imageClick, classes, styles, stylebox, error, load });
+    return { ...toRefs(state), imageClick, classes, styles, stylebox, error, load };
   }
 });
 const _hoisted_1$1h = ["src", "alt"];
@@ -1182,7 +1179,7 @@ const _hoisted_3$O = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
@@ -1213,7 +1210,7 @@ function _sfc_render$1y(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : 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");
@@ -1228,8 +1225,8 @@ const _sfc_main$1G = create$1G({
       default: "0"
     }
   },
-  emits: ["click"],
-  setup(props, { emit }) {
+  emits: [],
+  setup(props) {
     const prefixCls = componentName$1l;
     const gutter = inject("gutter");
     const classes = computed(() => {
@@ -1246,27 +1243,21 @@ const _sfc_main$1G = create$1G({
         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 openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.classes),
-    style: normalizeStyle(_ctx.style),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    style: normalizeStyle(_ctx.style)
   }, [
     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: {
@@ -1291,8 +1282,8 @@ const _sfc_main$1F = create$1F({
       default: "nowrap"
     }
   },
-  emits: ["click"],
-  setup(props, { emit }) {
+  emits: [],
+  setup(props) {
     const prefixCls = componentName$1k;
     provide("gutter", props.gutter);
     const getClass = (prefix, type) => {
@@ -1307,25 +1298,19 @@ const _sfc_main$1F = create$1F({
               ${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 openBlock(), createElementBlock("view", {
-    class: normalizeClass(_ctx.getClasses()),
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+    class: normalizeClass(_ctx.getClasses())
   }, [
     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;
 }
@@ -1431,10 +1416,14 @@ const _sfc_main$1E = create$1E({
     };
     const renderFixed = () => {
       var _a;
-      return 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 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())
@@ -1471,9 +1460,12 @@ const _sfc_main$1E = create$1E({
         fixed: state.fixed
       });
     };
-    watch(() => state.fixed, (val) => {
-      emit("change", val);
-    });
+    watch(
+      () => state.fixed,
+      (val) => {
+        emit("change", val);
+      }
+    );
     onMounted(() => {
       window.addEventListener("scroll", onScroll);
       onScroll();
@@ -1482,10 +1474,14 @@ const _sfc_main$1E = create$1E({
       window.removeEventListener("scroll", onScroll);
     });
     return () => {
-      return h("view", {
-        style: rootStyle.value,
-        ref: root
-      }, [renderFixed()]);
+      return h(
+        "view",
+        {
+          style: rootStyle.value,
+          ref: root
+        },
+        [renderFixed()]
+      );
     };
   }
 });
@@ -1518,24 +1514,26 @@ const _sfc_main$1D = create$1D({
       };
       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" ? (openBlock(), createElementBlock("view", {
     key: 0,
     class: normalizeClass(_ctx.classes)
@@ -1546,7 +1544,7 @@ function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     class: 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) => {
@@ -1595,11 +1593,17 @@ function useProvide(key, childName) {
   };
   const extend = Object.assign;
   return (value) => {
-    provide(key, extend({
-      add,
-      remove,
-      internalChildren
-    }, value));
+    provide(
+      key,
+      extend(
+        {
+          add,
+          remove,
+          internalChildren
+        },
+        value
+      )
+    );
     return {
       internalChildren
     };
@@ -1647,7 +1651,7 @@ const gridProps = {
     default: false
   }
 };
-const component$6 = {
+const component$7 = {
   props: gridProps,
   setup(props, { slots }) {
     useProvide(GRID_KEY, `${componentName$1h}-item`)({ props });
@@ -1667,15 +1671,19 @@ const component$6 = {
     });
     return () => {
       var _a;
-      return h("view", {
-        class: rootClass.value,
-        style: rootStyle.value
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return 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 = inject(key, null);
   if (parent) {
@@ -1790,7 +1798,7 @@ const _hoisted_1$1g = {
   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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: normalizeClass(_ctx.rootClass),
@@ -1801,18 +1809,19 @@ function _sfc_render$1u(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.contentClass)
     }, [
       _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 0 }) : (openBlock(), createBlock(_component_nut_icon, 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 ? renderSlot(_ctx.$slots, "text", { key: 2 }) : (openBlock(), createElementBlock("view", _hoisted_1$1g, 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: {
@@ -1918,7 +1927,7 @@ const _hoisted_7$k = {
   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 = resolveComponent("nut-icon");
   return _ctx.fixed && _ctx.placeholder ? (openBlock(), createElementBlock("view", _hoisted_1$1f, [
     createElementVNode("view", {
@@ -1944,12 +1953,13 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
           class: "title",
           onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
         }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-        _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
           key: 1,
-          class: "icon",
+          class: "icon"
+        }, _ctx.$attrs, {
           name: _ctx.titIcon,
           onClick: _ctx.handleCenterIcon
-        }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+        }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "content")
       ]),
       createElementVNode("view", {
@@ -1983,12 +1993,13 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
         class: "title",
         onClick: _cache[4] || (_cache[4] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
       }, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
-      _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, {
+      _ctx.titIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 1,
-        class: "icon",
+        class: "icon"
+      }, _ctx.$attrs, {
         name: _ctx.titIcon,
         onClick: _ctx.handleCenterIcon
-      }, null, 8, ["name", "onClick"])) : createCommentVNode("", true),
+      }), null, 16, ["name", "onClick"])) : createCommentVNode("", true),
       renderSlot(_ctx.$slots, "content")
     ]),
     createElementVNode("view", {
@@ -2000,12 +2011,9 @@ function _sfc_render$1t(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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,
@@ -2019,6 +2027,10 @@ const _sfc_main$1z = create$1z({
       default: () => [],
       type: Array
     },
+    activeColor: {
+      default: "",
+      type: String
+    },
     activeText: {
       default: "",
       type: String
@@ -2051,6 +2063,7 @@ const _sfc_main$1z = create$1z({
         [props.type]: true
       };
     });
+    const current = ref(-1);
     const updateValue = (value = !props.visible) => {
       emit("update:visible", value);
     };
@@ -2059,10 +2072,11 @@ const _sfc_main$1z = create$1z({
         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"];
@@ -2072,7 +2086,7 @@ const _hoisted_5$s = {
   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 = resolveComponent("nut-overlay");
   const _component_nut_icon = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
@@ -2089,7 +2103,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_1$1e, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.navList, (item, index) => {
           return openBlock(), createElementBlock("view", {
-            class: "nut-fixednav__list-item",
+            class: normalizeClass(["nut-fixednav__list-item", { active: item.id == _ctx.current }]),
             onClick: ($event) => _ctx.selected(item, $event),
             key: item.id || index
           }, [
@@ -2098,7 +2112,7 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, _hoisted_3$M),
             createElementVNode("view", _hoisted_4$C, toDisplayString(item.text), 1),
             item.num ? (openBlock(), createElementBlock("view", _hoisted_5$s, toDisplayString(item.num), 1)) : createCommentVNode("", true)
-          ], 8, _hoisted_2$10);
+          ], 10, _hoisted_2$10);
         }), 128))
       ])
     ]),
@@ -2116,7 +2130,9 @@ function _sfc_render$1s(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ], 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: {
@@ -2136,6 +2152,7 @@ const _sfc_main$1y = create$1y({
       type: [Number, String],
       default: 0
     },
+    titleIcon: String,
     closeOnClickOverlay: {
       type: Boolean,
       default: true
@@ -2164,11 +2181,17 @@ const _sfc_main$1y = create$1y({
             publicChildren.push(child.proxy);
           }
         };
-        provide("menuParent", Object.assign({
-          link,
-          children: publicChildren,
-          internalChildren
-        }, value));
+        provide(
+          "menuParent",
+          Object.assign(
+            {
+              link,
+              children: publicChildren,
+              internalChildren
+            },
+            value
+          )
+        );
       };
       return {
         children: publicChildren,
@@ -2268,11 +2291,11 @@ function _sfc_render$1r(_ctx, _cache, $props, $setup, $data, $options) {
             class: normalizeClass(["nut-menu__title", _ctx.getClasses(item.state.showPopup)])
           }, [
             createElementVNode("view", _hoisted_2$$, toDisplayString(item.renderTitle()), 1),
-            createVNode(_component_nut_icon, {
-              name: item.titleIcon || (_ctx.direction === "up" ? "arrow-up" : "down-arrow"),
+            createVNode(_component_nut_icon, 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))
@@ -2298,7 +2321,6 @@ const _sfc_main$1x = create$1x({
       type: Number,
       default: 1
     },
-    titleIcon: String,
     activeTitleClass: String,
     inactiveTitleClass: String,
     optionIcon: {
@@ -2341,7 +2363,7 @@ const _sfc_main$1x = create$1x({
       if (parent.props.direction === "down") {
         return heightStyle;
       } else {
-        return __spreadProps(__spreadValues({}, heightStyle), { top: "auto" });
+        return { ...heightStyle, top: "auto" };
       }
     });
     const toggle = (show = !state.showPopup, options = {}) => {
@@ -2430,12 +2452,11 @@ function _sfc_render$1q(_ctx, _cache, $props, $setup, $data, $options) {
               style: normalizeStyle({ "flex-basis": 100 / _ctx.cols + "%" }),
               onClick: ($event) => _ctx.onClick(option)
             }, [
-              option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, {
-                key: 0,
-                class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
+              option.value === _ctx.modelValue ? (openBlock(), createBlock(_component_nut_icon, 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"])) : createCommentVNode("", true),
+              }), null, 16, ["class", "name", "color"])) : createCommentVNode("", true),
               createElementVNode("view", {
                 class: normalizeClass({ activeTitleClass: option.value === _ctx.modelValue, inactiveTitleClass: option.value !== _ctx.modelValue }),
                 style: normalizeStyle({ color: option.value === _ctx.modelValue ? _ctx.parent.props.activeColor : "" })
@@ -2504,9 +2525,12 @@ const _sfc_main$1w = create$1w({
       changeIndex
     });
     provide("parent", parentData);
-    watch(() => props.visible, (value) => {
-      parentData.modelValue = value;
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        parentData.modelValue = value;
+      }
+    );
     return {
       changeIndex
     };
@@ -2602,6 +2626,7 @@ const _sfc_main$1v = create$1v({
       return null;
     });
     watch(choosed, (value, oldValue) => {
+      var _a, _b;
       state.active = value;
       let index = value;
       if (props.name) {
@@ -2609,20 +2634,18 @@ const _sfc_main$1v = create$1v({
           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,
@@ -2838,24 +2861,30 @@ const _sfc_main$1u = create$1u({
     useExpose({
       scrollTo
     });
-    watch(() => state.listGroup.length, () => {
-      state.listHeight = [];
-      nextTick(calculateHeight);
-    });
-    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;
+    watch(
+      () => state.listGroup.length,
+      () => {
+        state.listHeight = [];
+        nextTick(calculateHeight);
+      }
+    );
+    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
-    }, toRefs(state)), {
+    );
+    return {
+      classes,
+      ...toRefs(state),
       fixedStyle,
       clientHeight,
       setListGroup,
@@ -2865,7 +2894,7 @@ const _sfc_main$1u = create$1u({
       touchEnd,
       handleClickItem,
       handleClickIndex
-    });
+    };
   }
 });
 const _hoisted_1$1a = { class: "nut-elevator__list__item__code" };
@@ -3196,15 +3225,21 @@ const component$5 = {
       }
       findTabsIndex(props.modelValue);
     };
-    watch(() => {
-      var _a;
-      return (_a = slots.default) == null ? void 0 : _a.call(slots);
-    }, (vnodes) => {
-      init(vnodes);
-    });
-    watch(() => props.modelValue, (value) => {
-      findTabsIndex(value);
-    });
+    watch(
+      () => {
+        var _a;
+        return (_a = slots.default) == null ? void 0 : _a.call(slots);
+      },
+      (vnodes) => {
+        init(vnodes);
+      }
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        findTabsIndex(value);
+      }
+    );
     onMounted(init);
     onActivated(init);
     const contentStyle = computed(() => {
@@ -3241,13 +3276,14 @@ const component$5 = {
         emit("change", item);
       }
     };
-    return __spreadValues({
+    return {
       titles,
       contentStyle,
       tabsNavStyle,
       titleStyle,
-      tabsActiveStyle
-    }, methods);
+      tabsActiveStyle,
+      ...methods
+    };
   }
 };
 const _hoisted_1$18 = ["onClick"];
@@ -3443,10 +3479,11 @@ const _sfc_main$1p = create$1p({
         subtree: false
       });
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    return {
+      ...toRefs(state),
       list,
       classes
-    });
+    };
   }
 });
 const _hoisted_1$17 = { class: "nut-sidenavbar__content" };
@@ -3546,11 +3583,12 @@ const _sfc_main$1n = create$1n({
     onMounted(() => {
       state.direction = props.open ? "" : "up";
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    return {
+      ...toRefs(state),
       classes,
       style,
       handleClick
-    });
+    };
   }
 });
 const _hoisted_1$15 = ["ikey"];
@@ -3912,7 +3950,7 @@ const _sfc_main$1m = create$1m({
       const value = typeof idx === "number" ? props.modelValue[idx] : props.modelValue;
       return value;
     };
-    return __spreadProps(__spreadValues({
+    return {
       root,
       classes,
       wrapperStyle,
@@ -3920,8 +3958,8 @@ const _sfc_main$1m = create$1m({
       onClick,
       onTouchStart,
       onTouchMove,
-      onTouchEnd
-    }, toRefs(props)), {
+      onTouchEnd,
+      ...toRefs(props),
       barStyle,
       curValue,
       buttonIndex,
@@ -3930,7 +3968,7 @@ const _sfc_main$1m = create$1m({
       marksStyle,
       marksList,
       tickStyle
-    });
+    };
   }
 });
 const _hoisted_1$14 = {
@@ -3998,12 +4036,15 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
             "aria-valuenow": _ctx.curValue(index),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
-            onTouchstart: withModifiers((e) => {
-              if (typeof index === "number") {
-                _ctx.buttonIndex = index;
-              }
-              _ctx.onTouchStart(e);
-            }, ["stop", "prevent"]),
+            onTouchstart: withModifiers(
+              (e) => {
+                if (typeof index === "number") {
+                  _ctx.buttonIndex = index;
+                }
+                _ctx.onTouchStart(e);
+              },
+              ["stop", "prevent"]
+            ),
             onTouchmove: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
             onTouchend: _cache[1] || (_cache[1] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
             onTouchcancel: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4026,9 +4067,12 @@ function _sfc_render$1g(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-valuenow": _ctx.curValue(),
           "aria-valuemax": +_ctx.max,
           "aria-orientation": "horizontal",
-          onTouchstart: _cache[4] || (_cache[4] = withModifiers((e) => {
-            _ctx.onTouchStart(e);
-          }, ["stop", "prevent"])),
+          onTouchstart: _cache[4] || (_cache[4] = withModifiers(
+            (e) => {
+              _ctx.onTouchStart(e);
+            },
+            ["stop", "prevent"]
+          )),
           onTouchmove: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
           onTouchend: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
           onTouchcancel: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4179,9 +4223,9 @@ const _sfc_main$1l = create$1l({
         inputsearch.value.focus();
       }
     });
-    return __spreadProps(__spreadValues({
-      inputsearch
-    }, toRefs(state)), {
+    return {
+      inputsearch,
+      ...toRefs(state),
       valueChange,
       valueFocus,
       valueBlur,
@@ -4194,7 +4238,7 @@ const _sfc_main$1l = create$1l({
       leftIconClick,
       rightIconClick,
       styleSearchbar
-    });
+    };
   }
 });
 const _hoisted_1$13 = {
@@ -4283,16 +4327,16 @@ function _sfc_render$1f(_ctx, _cache, $props, $setup, $data, $options) {
 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);
   }
@@ -4317,12 +4361,15 @@ const defaultConvertConfig = {
   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) {
@@ -4343,11 +4390,12 @@ const convertListToOptions = (list, options) => {
 };
 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) {
@@ -4595,24 +4643,34 @@ const _sfc_main$1k = create$1k({
         return pane.selectedNode && pane.selectedNode.value === node.value;
       }
     };
-    watch([configs, () => props.options], () => {
-      init();
-    }, {
-      deep: true,
-      immediate: true
-    });
-    watch(() => props.modelValue, (value) => {
-      if (value !== innerValue.value) {
-        innerValue.value = value;
-        syncValue();
+    watch(
+      [configs, () => props.options],
+      () => {
+        init();
+      },
+      {
+        deep: true,
+        immediate: true
+      }
+    );
+    watch(
+      () => props.modelValue,
+      (value) => {
+        if (value !== innerValue.value) {
+          innerValue.value = value;
+          syncValue();
+        }
       }
-    });
-    watch(() => props.visible, (val) => {
-      if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
-        syncValue();
+    );
+    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 = {
@@ -4685,7 +4743,8 @@ const _sfc_main$1j = create$1j({
   components: {
     [CascaderItem.name]: CascaderItem
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: Array,
     visible: Boolean,
     title: String,
@@ -4708,7 +4767,7 @@ const _sfc_main$1j = create$1j({
       default: "children"
     },
     convertConfig: Object
-  }),
+  },
   emits: ["update:modelValue", "change", "pathChange", "update:visible"],
   setup(props, { emit }) {
     const innerValue = ref(props.modelValue);
@@ -4729,11 +4788,14 @@ const _sfc_main$1j = create$1j({
     const onPathChange = (pathNodes) => {
       emit("pathChange", pathNodes);
     };
-    watch(() => props.modelValue, (value) => {
-      if (value !== innerValue.value) {
-        innerValue.value = value;
+    watch(
+      () => props.modelValue,
+      (value) => {
+        if (value !== innerValue.value) {
+          innerValue.value = value;
+        }
       }
-    });
+    );
     return {
       onChange,
       onPathChange,
@@ -5170,11 +5232,17 @@ const _sfc_main$1i = create$1i({
       }
       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;
@@ -5226,9 +5294,9 @@ const _sfc_main$1i = create$1i({
         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;
               }
@@ -5357,7 +5425,7 @@ const _sfc_main$1i = create$1i({
       }
       return false;
     };
-    const rangeTip = (day, month) => {
+    const rangeTip = () => {
       if (state.currDate.length >= 2) {
         return Utils.isEqual(state.currDate[0], state.currDate[1]);
       }
@@ -5407,14 +5475,17 @@ const _sfc_main$1i = create$1i({
       initData();
     };
     initData();
-    watch(() => props.defaultValue, (val) => {
-      if (val) {
-        if (props.poppable) {
-          resetRender();
+    watch(
+      () => props.defaultValue,
+      (val) => {
+        if (val) {
+          if (props.poppable) {
+            resetRender();
+          }
         }
       }
-    });
-    return __spreadProps(__spreadValues(__spreadValues({
+    );
+    return {
       weeks,
       compConthsData,
       showTopBtn,
@@ -5431,10 +5502,11 @@ const _sfc_main$1i = create$1i({
       monthsPanel,
       months,
       weeksPanel,
-      viewArea
-    }, toRefs(state)), toRefs(props)), {
+      viewArea,
+      ...toRefs(state),
+      ...toRefs(props),
       translate: translate$p
-    });
+    };
   }
 });
 const _hoisted_1$10 = {
@@ -5460,12 +5532,12 @@ const _hoisted_5$m = {
 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"
 };
@@ -5477,7 +5549,7 @@ const _hoisted_13$3 = {
   key: 4,
   class: "calendar-day-tip"
 };
-const _hoisted_14$2 = {
+const _hoisted_14$3 = {
   key: 0,
   class: "nut-calendar-footer"
 };
@@ -5532,19 +5604,19 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
                       class: normalizeClass(["calendar-month-day", _ctx.getClass(day, month)]),
                       onClick: ($event) => _ctx.chooseDay(day, month)
                     }, [
-                      createElementVNode("view", _hoisted_9$8, [
+                      createElementVNode("view", _hoisted_9$9, [
                         renderSlot(_ctx.$slots, "day", {
                           date: day.type == "curr" ? day : ""
                         }, () => [
                           createTextVNode(toDisplayString(day.type == "curr" ? day.day : ""), 1)
                         ])
                       ]),
-                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10$5, [
+                      _ctx.topInfo ? (openBlock(), createElementBlock("view", _hoisted_10$6, [
                         renderSlot(_ctx.$slots, "topInfo", {
                           date: day.type == "curr" ? day : ""
                         })
                       ])) : createCommentVNode("", true),
-                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11$5, [
+                      _ctx.bottomInfo ? (openBlock(), createElementBlock("view", _hoisted_11$6, [
                         renderSlot(_ctx.$slots, "bottomInfo", {
                           date: day.type == "curr" ? day : ""
                         })
@@ -5552,7 +5624,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
                       !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (openBlock(), createElementBlock("view", _hoisted_12$5, toDisplayString(_ctx.translate("today")), 1)) : createCommentVNode("", true),
                       _ctx.isStartTip(day, month) ? (openBlock(), createElementBlock("view", {
                         key: 3,
-                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                        class: normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip() }])
                       }, toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : createCommentVNode("", true),
                       _ctx.isEndTip(day, month) ? (openBlock(), createElementBlock("view", _hoisted_13$3, toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : createCommentVNode("", true)
                     ], 10, _hoisted_8$d);
@@ -5564,7 +5636,7 @@ function _sfc_render$1c(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)
       ], 512)
     ], 544),
-    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14$2, [
+    _ctx.poppable && !_ctx.isAutoBackFill ? (openBlock(), createElementBlock("view", _hoisted_14$3, [
       createElementVNode("view", {
         class: "calendar-confirm-btn",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.confirm && _ctx.confirm(...args))
@@ -5587,6 +5659,10 @@ const _sfc_main$1h = create$1h({
       type: Boolean,
       default: false
     },
+    toDateAnimation: {
+      type: Boolean,
+      default: true
+    },
     poppable: {
       type: Boolean,
       default: true
@@ -5723,7 +5799,8 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         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
       }, createSlots({ _: 2 }, [
         _ctx.showTopBtn ? {
           name: "btn",
@@ -5755,7 +5832,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
             })
           ])
         } : 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"])) : 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"])) : createCommentVNode("", true)
     ]),
     _: 3
   }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (openBlock(), createBlock(_component_nut_calendar_item, {
@@ -5777,6 +5854,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
     "show-today": _ctx.showToday,
     "show-title": _ctx.showTitle,
     "show-sub-title": _ctx.showSubTitle,
+    "to-date-animation": _ctx.toDateAnimation,
     ref: "calendarRef"
   }, createSlots({ _: 2 }, [
     _ctx.showTopBtn ? {
@@ -5809,7 +5887,7 @@ function _sfc_render$1b(_ctx, _cache, $props, $setup, $data, $options) {
         })
       ])
     } : 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) => {
@@ -5890,13 +5968,16 @@ const component$4 = (componentName2, nutIcon) => {
         emit("update:modelValue", value);
         emit("change", value, label);
       };
-      watch(() => props.modelValue, (v) => {
-        if (updateType == "click") {
-          updateType = "";
-        } else {
-          emit("change", v);
+      watch(
+        () => props.modelValue,
+        (v) => {
+          if (updateType == "click") {
+            updateType = "";
+          } else {
+            emit("change", v);
+          }
         }
-      });
+      );
       const renderIcon = () => {
         const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
         return h(nutIcon, {
@@ -5909,9 +5990,13 @@ const component$4 = (componentName2, nutIcon) => {
       };
       const renderLabel = () => {
         var _a;
-        return h("view", {
-          class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return 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;
@@ -5939,14 +6024,21 @@ const component$4 = (componentName2, nutIcon) => {
       onMounted(() => {
         hasParent.value && parent["relation"](getCurrentInstance());
       });
-      watch(() => props.indeterminate, (newVal) => {
-        state.partialSelect = newVal;
-      });
+      watch(
+        () => props.indeterminate,
+        (newVal) => {
+          state.partialSelect = newVal;
+        }
+      );
       return () => {
-        return h("view", {
-          class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
-          onClick: handleClick
-        }, [renderIcon(), renderLabel()]);
+        return h(
+          "view",
+          {
+            class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+            onClick: handleClick
+          },
+          [renderIcon(), renderLabel()]
+        );
       };
     }
   };
@@ -6015,15 +6107,22 @@ const _sfc_main$1f = create$1f({
       updateValue,
       relation
     });
-    watch(() => props.modelValue, (value) => {
-      emit("change", value);
-    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        emit("change", value);
+      }
+    );
     useExpose({ toggleAll, toggleReverse });
     return () => {
       var _a;
-      return h("view", {
-        class: `${componentName$13}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName$13}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
   }
 });
@@ -6047,6 +6146,10 @@ const _sfc_main$1e = create$1e({
     threeDimensional: {
       type: Boolean,
       default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
     }
   },
   emits: ["click", "change"],
@@ -6074,6 +6177,7 @@ const _sfc_main$1e = create$1e({
     const moving = ref(false);
     const touchDeg = ref(0);
     const touchTime = ref(0);
+    const DEFAULT_DURATION = 200;
     const INERTIA_TIME = 300;
     const INERTIA_DISTANCE = 15;
     const touchRollerStyle = computed(() => {
@@ -6122,7 +6226,7 @@ const _sfc_main$1e = create$1e({
       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");
@@ -6144,7 +6248,7 @@ const _sfc_main$1e = create$1e({
         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 {
@@ -6201,24 +6305,34 @@ const _sfc_main$1e = create$1e({
       moving.value = false;
       setChooseValue();
     };
-    watch(() => props.column, (val) => {
-      if (props.column && props.column.length > 0) {
+    watch(
+      () => props.column,
+      (val) => {
+        if (props.column && props.column.length > 0) {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.value,
+      (val) => {
         state.transformY = 0;
         modifyStatus(false);
+      },
+      {
+        deep: true
       }
-    }, {
-      deep: true
-    });
-    watch(() => props.value, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    }, {
-      deep: true
-    });
+    );
     onMounted(() => {
       modifyStatus(true);
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
+    return {
+      ...toRefs(state),
+      ...toRefs(props),
       wrapper,
       setRollerStyle,
       isHidden,
@@ -6231,7 +6345,7 @@ const _sfc_main$1e = create$1e({
       touchTileStyle,
       setMove,
       stopMomentum
-    });
+    };
   }
 });
 const _hoisted_1$$ = {
@@ -6286,7 +6400,8 @@ const _sfc_main$1d = create$1d({
     [column$1.name]: column$1,
     [Popup.name]: Popup
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: {
       type: Array,
       default: () => []
@@ -6316,8 +6431,12 @@ const _sfc_main$1d = create$1d({
     threeDimensional: {
       type: Boolean,
       default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
     }
-  }),
+  },
   emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
   setup(props, { emit }) {
     const state = reactive({
@@ -6415,6 +6534,12 @@ const _sfc_main$1d = create$1d({
       }
     };
     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
@@ -6429,28 +6554,42 @@ const _sfc_main$1d = create$1d({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.modelValue, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
-      if (!isSameValue) {
-        defaultValues.value = newValues;
-      }
-    }, { deep: true });
-    watch(defaultValues, (newValues) => {
-      const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
-      if (!isSameValue) {
-        emit("update:modelValue", newValues);
-      }
-    }, { immediate: true });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    watch(() => props.columns, (val) => {
-      if (val.length)
-        state.formattedColumns = val;
-    });
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    watch(
+      () => props.modelValue,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
+        if (!isSameValue) {
+          defaultValues.value = newValues;
+        }
+      },
+      { deep: true }
+    );
+    watch(
+      defaultValues,
+      (newValues) => {
+        const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
+        if (!isSameValue) {
+          emit("update:modelValue", newValues);
+        }
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+      }
+    );
+    watch(
+      () => props.columns,
+      (val) => {
+        if (val.length)
+          state.formattedColumns = val;
+      }
+    );
+    return {
+      classes,
+      ...toRefs(state),
       column: column$1,
       columnsType,
       columnsList,
@@ -6459,7 +6598,7 @@ const _sfc_main$1d = create$1d({
       confirmHandler,
       defaultValues,
       translate: translate$o
-    });
+    };
   }
 });
 const _hoisted_1$_ = { class: "nut-picker__bar" };
@@ -6513,10 +6652,11 @@ function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
                 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),
@@ -6551,7 +6691,8 @@ const _sfc_main$1c = create$1c({
   components: {
     [Picker.name]: Picker
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     modelValue: null,
     title: {
       type: String,
@@ -6596,7 +6737,7 @@ const _sfc_main$1c = create$1c({
       default: true
     },
     filter: Function
-  }),
+  },
   emits: ["click", "update:visible", "change", "confirm", "update:moduleValue"],
   setup(props, { emit }) {
     const state = reactive({
@@ -6803,21 +6944,31 @@ const _sfc_main$1c = create$1c({
     onBeforeMount(() => {
       state.currentDate = formatValue(props.modelValue);
     });
-    watch(() => props.modelValue, (value) => {
-      state.currentDate = formatValue(value);
-    });
-    watch(() => props.title, (val) => {
-      state.title = val;
-    });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    watch(
+      () => props.modelValue,
+      (value) => {
+        state.currentDate = formatValue(value);
+      }
+    );
+    watch(
+      () => props.title,
+      (val) => {
+        state.title = val;
+      }
+    );
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+      }
+    );
+    return {
+      ...toRefs(state),
       changeHandler,
       closeHandler,
       confirm,
       columns
-    });
+    };
   }
 });
 function _sfc_render$18(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6885,6 +7036,14 @@ const _sfc_main$1b = create$1b({
     readonly: {
       type: Boolean,
       default: false
+    },
+    iconLeft: {
+      type: String,
+      default: "minus"
+    },
+    iconRight: {
+      type: String,
+      default: "plus"
     }
   },
   emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
@@ -6974,12 +7133,11 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(_ctx.classes),
     style: normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
   }, [
-    createVNode(_component_nut_icon, {
-      name: "minus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.reduce
-    }, null, 8, ["class", "size", "onClick"]),
+    createVNode(_component_nut_icon, 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"]),
     createElementVNode("input", {
       type: "number",
       min: _ctx.min,
@@ -6992,12 +7150,11 @@ function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
       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),
-    createVNode(_component_nut_icon, {
-      name: "plus",
-      class: normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
-      size: _ctx.buttonSize,
-      onClick: _ctx.add
-    }, null, 8, ["class", "size", "onClick"])
+    createVNode(_component_nut_icon, 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]]);
@@ -7264,6 +7421,8 @@ const _sfc_main$1a = create$1a({
       emit("blur", value, event);
     };
     const clear = (event) => {
+      if (props.disabled)
+        return;
       emit("update:modelValue", "", event);
       emit("change", "", event);
       emit("clear", "", event);
@@ -7298,10 +7457,13 @@ const _sfc_main$1a = create$1a({
         return;
       }
     };
-    watch(() => props.modelValue, () => {
-      updateValue(getModelValue());
-      resetValidation();
-    });
+    watch(
+      () => props.modelValue,
+      () => {
+        updateValue(getModelValue());
+        resetValidation();
+      }
+    );
     onMounted(() => {
       updateValue(getModelValue(), props.formatTrigger);
     });
@@ -7328,18 +7490,21 @@ const _hoisted_1$Y = { class: "label-string" };
 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 = resolveComponent("nut-icon");
   return openBlock(), createElementBlock("view", {
     class: 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 ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
       _ctx.label ? (openBlock(), createElementBlock("view", {
@@ -7366,10 +7531,7 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
         class: "nut-input-left-icon",
         onClick: _cache[1] || (_cache[1] = (...args) => _ctx.onClickLeftIcon && _ctx.onClickLeftIcon(...args))
       }, [
-        createVNode(_component_nut_icon, {
-          name: _ctx.leftIcon,
-          size: _ctx.leftIconSize
-        }, null, 8, ["name", "size"])
+        createVNode(_component_nut_icon, mergeProps({ name: _ctx.leftIcon }, _ctx.$attrs, { size: _ctx.leftIconSize }), null, 16, ["name", "size"])
       ])) : createCommentVNode("", true),
       _ctx.label ? (openBlock(), createElementBlock("view", {
         key: 1,
@@ -7382,68 +7544,69 @@ function _sfc_render$16(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("view", _hoisted_3$B, toDisplayString(_ctx.label) + " " + toDisplayString(_ctx.colon ? ":" : ""), 1)
       ], 6)) : createCommentVNode("", true),
       createElementVNode("view", _hoisted_4$t, [
-        createElementVNode("view", {
-          class: "nut-input-inner",
-          onClick: _cache[9] || (_cache[9] = (...args) => _ctx.onClickInput && _ctx.onClickInput(...args))
-        }, [
-          _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
-            key: 0,
-            class: "input-text",
-            ref: "inputRef",
-            style: 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)) : (openBlock(), createElementBlock("input", {
-            key: 1,
-            class: "input-text",
-            ref: "inputRef",
-            style: 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 ? withDirectives((openBlock(), createBlock(_component_nut_icon, {
-            key: 2,
-            class: "nut-input-clear",
-            name: _ctx.clearIcon,
-            size: _ctx.clearSize,
-            onClick: _ctx.clear
-          }, null, 8, ["name", "size", "onClick"])), [
-            [vShow, _ctx.active && _ctx.modelValue.length > 0]
-          ]) : createCommentVNode("", true),
+        createElementVNode("view", _hoisted_5$l, [
+          createElementVNode("view", _hoisted_6$k, [
+            _ctx.type == "textarea" ? (openBlock(), createElementBlock("textarea", {
+              key: 0,
+              class: "input-text",
+              ref: "inputRef",
+              style: 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)) : (openBlock(), createElementBlock("input", {
+              key: 1,
+              class: "input-text",
+              ref: "inputRef",
+              style: 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))
+          ]),
+          createElementVNode("view", _hoisted_9$8, [
+            _ctx.clearable && !_ctx.readonly ? withDirectives((openBlock(), createBlock(_component_nut_icon, mergeProps({
+              key: 0,
+              class: "nut-input-clear",
+              name: _ctx.clearIcon
+            }, _ctx.$attrs, {
+              size: _ctx.clearSize,
+              onClick: _ctx.clear
+            }), null, 16, ["name", "size", "onClick"])), [
+              [vShow, _ctx.active && _ctx.modelValue.length > 0]
+            ]) : createCommentVNode("", true)
+          ]),
           _ctx.rightIcon && _ctx.rightIcon.length > 0 ? (openBlock(), 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))
           }, [
-            createVNode(_component_nut_icon, {
-              name: _ctx.rightIcon,
-              size: _ctx.rightIconSize
-            }, null, 8, ["name", "size"])
+            createVNode(_component_nut_icon, mergeProps({ name: _ctx.rightIcon }, _ctx.$attrs, { size: _ctx.rightIconSize }), null, 16, ["name", "size"])
           ])) : createCommentVNode("", true),
           _ctx.$slots.button ? renderSlot(_ctx.$slots, "button", {
-            key: 4,
+            key: 1,
             class: "nut-input-button"
           }) : createCommentVNode("", true)
         ]),
-        _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_7$h, [
-          createElementVNode("span", _hoisted_8$c, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
+        _ctx.showWordLimit && _ctx.maxLength ? (openBlock(), createElementBlock("view", _hoisted_10$5, [
+          createElementVNode("span", _hoisted_11$5, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0), 1),
           createTextVNode("/" + toDisplayString(_ctx.maxLength), 1)
         ])) : createCommentVNode("", true),
         _ctx.errorMessage ? (openBlock(), createElementBlock("view", {
@@ -7517,15 +7680,23 @@ const _sfc_main$19 = create$19({
     };
     const renderLabel = () => {
       var _a;
-      return h("view", {
-        class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
     const renderButton = () => {
       var _a;
-      return 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 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)
@@ -7534,12 +7705,16 @@ const _sfc_main$19 = create$19({
     };
     let reverseState = position.value === "left";
     return () => {
-      return h("view", {
-        class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
-        onClick: handleClick
-      }, [
-        props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-      ]);
+      return h(
+        "view",
+        {
+          class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
+          onClick: handleClick
+        },
+        [
+          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+        ]
+      );
     };
   }
 });
@@ -7567,12 +7742,19 @@ const _sfc_main$18 = create$18({
       position: props.textPosition,
       updateValue
     });
-    watch(() => props.modelValue, (value) => emit("change", value));
+    watch(
+      () => props.modelValue,
+      (value) => emit("change", value)
+    );
     return () => {
       var _a;
-      return h("view", {
-        class: `${componentName$Z} ${componentName$Z}--${props.direction}`
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: `${componentName$Z} ${componentName$Z}--${props.direction}`
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
   }
 });
@@ -7699,14 +7881,14 @@ const useComponent = (touchable = true) => {
         }
       };
       const refRandomId = Math.random().toString(36).slice(-8);
-      return __spreadProps(__spreadValues({
-        classes
-      }, touchMethods), {
+      return {
+        classes,
+        ...touchMethods,
         onClick,
         pxCheck,
         rateRefs,
         refRandomId
-      });
+      };
     }
   };
 };
@@ -7818,16 +8000,23 @@ const _sfc_main$16 = create$16({
     function focus() {
       realpwd.value.focus();
     }
-    watch(() => props.visible, (value) => {
-      show.value = value;
-    });
-    watch(() => props.modelValue, (value) => {
-      realInput.value = value;
-      emit("update:modelValue", value);
-    }, {
-      deep: true,
-      immediate: true
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        show.value = value;
+      }
+    );
+    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;
@@ -8067,11 +8256,14 @@ const _sfc_main$15 = create$15({
         textarea.style.height = height + "px";
       }
     };
-    watch(() => props.modelValue, () => {
-      if (props.autosize) {
-        nextTick(getContentHeight);
+    watch(
+      () => props.modelValue,
+      () => {
+        if (props.autosize) {
+          nextTick(getContentHeight);
+        }
       }
-    });
+    );
     const emitChange = (value, event) => {
       if (props.maxLength && value.length > Number(props.maxLength)) {
         value = value.substring(0, Number(props.maxLength));
@@ -8161,10 +8353,14 @@ class Uploader$1 {
     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) {
@@ -8181,8 +8377,8 @@ class Uploader$1 {
         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);
       }
@@ -8196,33 +8392,38 @@ class Uploader$1 {
     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);
+        });
+      }
     }
   }
 }
@@ -8265,6 +8466,10 @@ const _sfc_main$14 = create$14({
       type: Function,
       default: null
     },
+    beforeXhrUpload: {
+      type: Function,
+      default: null
+    },
     beforeDelete: {
       type: Function,
       default: (file, files) => {
@@ -8308,6 +8513,7 @@ const _sfc_main$14 = create$14({
       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) {
@@ -8347,9 +8553,11 @@ const _sfc_main$14 = create$14({
       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) => {
@@ -8487,7 +8695,7 @@ const _hoisted_13$2 = {
   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) {
@@ -8567,7 +8775,7 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createVNode(_component_nut_icon, { name: "link" }),
             createTextVNode("\xA0" + toDisplayString(item.name), 1)
-          ], 10, _hoisted_14$1),
+          ], 10, _hoisted_14$2),
           createVNode(_component_nut_icon, {
             class: "nut-uploader__preview-img__file__del",
             onClick: ($event) => _ctx.onDelete(item, index),
@@ -8588,11 +8796,11 @@ function _sfc_render$13(_ctx, _cache, $props, $setup, $data, $options) {
       key: 1,
       class: normalizeClass(["nut-uploader__upload", [_ctx.listType]])
     }, [
-      createVNode(_component_nut_icon, {
+      createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
         size: _ctx.uploadIconSize,
         color: "#808080",
         name: _ctx.uploadIcon
-      }, null, 8, ["size", "name"]),
+      }), null, 16, ["size", "name"]),
       _ctx.capture ? (openBlock(), createElementBlock("input", {
         key: 0,
         class: "nut-uploader__input",
@@ -8706,19 +8914,21 @@ const _sfc_main$13 = create$13({
       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;
     }
@@ -8728,9 +8938,12 @@ const _sfc_main$13 = create$13({
       }
       return defaultKey();
     });
-    watch(() => props.visible, (value) => {
-      show.value = value;
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        show.value = value;
+      }
+    );
     function onTouchstart(item, event) {
       event.stopPropagation();
       clickKeyIndex.value = item.id;
@@ -8822,10 +9035,11 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("div", _hoisted_1$T, [
         _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$J, [
           createElementVNode("h3", _hoisted_3$y, toDisplayString(_ctx.title), 1),
-          createElementVNode("span", {
+          _ctx.type == "default" ? (openBlock(), createElementBlock("span", {
+            key: 0,
             class: "keyboard-close",
             onClick: _cache[0] || (_cache[0] = ($event) => _ctx.closeBoard())
-          }, toDisplayString(_ctx.translate("done")), 1)
+          }, toDisplayString(_ctx.translate("done")), 1)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_4$q, [
           createElementVNode("div", _hoisted_5$i, [
@@ -8868,15 +9082,14 @@ function _sfc_render$12(_ctx, _cache, $props, $setup, $data, $options) {
                 onTouchend: _cache[4] || (_cache[4] = (...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args))
               }, _hoisted_12$3, 34)
             ]),
-            _ctx.title == "" ? (openBlock(), createElementBlock("div", {
-              key: 0,
+            createElementVNode("div", {
               class: "key-board-wrapper key-board-finish",
               onClick: _cache[5] || (_cache[5] = ($event) => _ctx.closeBoard())
             }, [
               createElementVNode("div", {
                 class: normalizeClass(["key", "finish", { activeFinsh: _ctx.clickKeyIndex == "finish" }])
               }, toDisplayString(_ctx.confirmText || _ctx.translate("done")), 3)
-            ])) : createCommentVNode("", true)
+            ])
           ])) : createCommentVNode("", true)
         ])
       ], 512)
@@ -8905,9 +9118,13 @@ const component$2 = {
     const reset = () => {
       clearErrorTips();
     };
-    watch(() => props.modelValue, (value) => {
-      clearErrorTips(value);
-    }, { immediate: true });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        clearErrorTips(value);
+      },
+      { immediate: true }
+    );
     const findFormItem = (vnodes) => {
       let task = [];
       vnodes.forEach((vnode, index) => {
@@ -9288,20 +9505,29 @@ const _sfc_main$10 = create$10({
       type && setChooseValue();
       setMove(-move);
     };
-    watch(() => props.listData, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    }, {
-      deep: true
-    });
-    watch(() => props.defaultIndex, (val) => {
-      state.transformY = 0;
-      modifyStatus(false);
-    });
+    watch(
+      () => props.listData,
+      (val) => {
+        state.transformY = 0;
+        modifyStatus(false);
+      },
+      {
+        deep: true
+      }
+    );
+    watch(
+      () => props.defaultIndex,
+      (val) => {
+        state.transformY = 0;
+        modifyStatus(false);
+      }
+    );
     onMounted(() => {
       modifyStatus(true);
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(state)), toRefs(props)), {
+    return {
+      ...toRefs(state),
+      ...toRefs(props),
       wrapper,
       setRollerStyle,
       isHidden,
@@ -9314,7 +9540,7 @@ const _sfc_main$10 = create$10({
       touchRollerStyle,
       touchListStyle,
       setMove
-    });
+    };
   }
 });
 const _hoisted_1$R = { class: "nut-oldpicker-content" };
@@ -9366,7 +9592,8 @@ const _sfc_main$$ = create$$({
     [column.name]: column,
     [Popup.name]: Popup
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     title: {
       type: String,
       default: ""
@@ -9393,7 +9620,7 @@ const _sfc_main$$ = create$$({
       type: [Number, String],
       default: 0
     }
-  }),
+  },
   emits: ["close", "change", "confirm", "update:visible"],
   setup(props, { emit }) {
     const childrenKey = "children";
@@ -9489,7 +9716,9 @@ const _sfc_main$$ = create$$({
         _defaultIndex = dataIndex;
       } else if (dataType.value === "multipleColumns") {
         defaultIndexList[columnIndex] = dataIndex;
-        const val = defaultIndexList.map((res, i) => toRaw(state.formattedColumns)[i].values[res]);
+        const val = defaultIndexList.map(
+          (res, i) => toRaw(state.formattedColumns)[i].values[res]
+        );
         emit("change", val, columnIndex, dataIndex);
       }
     };
@@ -9501,7 +9730,9 @@ const _sfc_main$$ = create$$({
         for (let i = 0; i < defaultIndexList.length; i++) {
           state.formattedColumns[i].defaultIndex = defaultIndexList[i];
         }
-        const checkedArr = toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+        const checkedArr = toRaw(state.formattedColumns).map(
+          (res) => res.values && res.values[res.defaultIndex]
+        );
         emit("confirm", checkedArr);
       } else if (dataType.value === "cascade") {
         emit("confirm", getCascadeData(toRaw(state.formattedColumns), state.defaultIndex));
@@ -9516,22 +9747,28 @@ const _sfc_main$$ = create$$({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    watch(() => props.listData, (val) => {
-      state.formattedColumns = val;
-    });
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+      }
+    );
+    watch(
+      () => props.listData,
+      (val) => {
+        state.formattedColumns = val;
+      }
+    );
+    return {
+      classes,
+      ...toRefs(state),
       column,
       dataType,
       columnList,
       close,
       changeHandler,
       confirm
-    });
+    };
   }
 });
 const _hoisted_1$Q = { class: "nut-oldpicker__bar" };
@@ -9729,15 +9966,15 @@ const _sfc_main$_ = create$_({
         }
       }
     };
-    return __spreadProps(__spreadValues({
+    return {
       classes,
-      touchStyle
-    }, touchMethods), {
+      touchStyle,
+      ...touchMethods,
       leftRef,
       rightRef,
       open,
       close
-    });
+    };
   }
 });
 const _hoisted_1$P = {
@@ -9772,7 +10009,8 @@ function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
 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: ""
@@ -9813,7 +10051,7 @@ const _sfc_main$Z = create$Z({
       type: Boolean,
       default: true
     }
-  }),
+  },
   emits: ["cancel", "close", "choose", "update:visible"],
   setup(props, { emit }) {
     const slotDefault = !!useSlots().default;
@@ -10270,7 +10508,8 @@ const _sfc_main$W = create$W({
     [Popup.name]: Popup,
     [Button.name]: Button
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     closeOnClickOverlay: {
       type: Boolean,
       default: false
@@ -10329,7 +10568,7 @@ const _sfc_main$W = create$W({
     beforeClose: {
       type: Function
     }
-  }),
+  },
   emits: ["update", "update:visible", "ok", "cancel", "opened", "closed"],
   setup(props, { emit }) {
     const showPopup = ref(props.visible);
@@ -10340,12 +10579,15 @@ const _sfc_main$W = create$W({
         });
       }
     });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-      if (value) {
-        emit("opened");
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        if (value) {
+          emit("opened");
+        }
       }
-    });
+    );
     const classes = computed(() => {
       return {
         [componentName$P]: true,
@@ -10543,7 +10785,7 @@ class DialogFunction {
     };
     this.instance = createVNode(Wrapper);
     elWarp.appendChild(root);
-    render$3(this.instance, root);
+    render$4(this.instance, root);
   }
 }
 const _Dialog = function(options) {
@@ -10733,16 +10975,16 @@ const _sfc_main$V = create$V({
       isKeepAlive.value = true;
       state.scrollEl.removeEventListener("scroll", handleScroll, props.useCapture);
     });
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    return {
+      classes,
+      ...toRefs(state),
       touchStart,
       touchMove,
       touchEnd,
       getStyle,
       translate: translate$f,
       slots
-    });
+    };
   }
 });
 const _hoisted_1$M = { class: "top-box" };
@@ -10773,10 +11015,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       style: normalizeStyle(_ctx.getStyle)
     }, [
       createElementVNode("view", _hoisted_1$M, [
-        createVNode(_component_nut_icon, {
-          class: "top-img",
-          name: _ctx.pullIcon
-        }, null, 8, ["name"]),
+        createVNode(_component_nut_icon, mergeProps({ class: "top-img" }, _ctx.$attrs, { name: _ctx.pullIcon }), null, 16, ["name"]),
         createElementVNode("view", _hoisted_2$D, toDisplayString(_ctx.pullTxt || _ctx.translate("pullTxt")), 1)
       ])
     ], 4),
@@ -10786,10 +11025,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     createElementVNode("view", _hoisted_4$n, [
       _ctx.isInfiniting ? (openBlock(), createElementBlock("view", _hoisted_5$g, [
         !_ctx.slots.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createVNode(_component_nut_icon, {
-            class: "bottom-img",
-            name: _ctx.loadIcon
-          }, null, 8, ["name"]),
+          createVNode(_component_nut_icon, mergeProps({ class: "bottom-img" }, _ctx.$attrs, { name: _ctx.loadIcon }), null, 16, ["name"]),
           createElementVNode("view", _hoisted_6$f, toDisplayString(_ctx.loadTxt || _ctx.translate("loading")), 1)
         ], 64)) : renderSlot(_ctx.$slots, "loading", { key: 1 })
       ])) : !_ctx.hasMore ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -10865,11 +11101,14 @@ const _sfc_main$U = create$U({
     if (props.duration) {
       show();
     }
-    watch(() => props.duration, (val) => {
-      if (val) {
-        show();
+    watch(
+      () => props.duration,
+      (val) => {
+        if (val) {
+          show();
+        }
       }
-    });
+    );
     const onAfterLeave = () => {
       clearTimer();
       props.unmount && props.unmount(props.id);
@@ -10937,12 +11176,12 @@ const updateNotify = (opts) => {
   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 = createVNode(Notify, opts);
-    render$3(instance, container);
+    render$4(instance, container);
     return instance.component.ctx;
   }
 };
@@ -10957,7 +11196,7 @@ const mountNotify = (opts) => {
   } 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);
@@ -10978,7 +11217,7 @@ const mountNotify = (opts) => {
   };
   const instance = createVNode(Wrapper);
   document.body.appendChild(root);
-  render$3(instance, root);
+  render$4(instance, root);
 };
 const errorMsg$1 = (msg) => {
   if (!msg) {
@@ -10989,23 +11228,23 @@ const errorMsg$1 = (msg) => {
 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();
@@ -11311,7 +11550,7 @@ const _sfc_main$T = create$T({
         }
       }
     };
-    return __spreadValues({
+    return {
       scroller,
       touchStart,
       touchMove,
@@ -11323,8 +11562,9 @@ const _sfc_main$T = create$T({
       reachLeft,
       getBottomStyle,
       refreshTopTem,
-      refreshBottomTem
-    }, toRefs(state));
+      refreshBottomTem,
+      ...toRefs(state)
+    };
   }
 });
 const _hoisted_1$L = {
@@ -11431,13 +11671,16 @@ const _sfc_main$S = create$S({
       emit("update:modelValue", value);
       emit("change", value, event);
     };
-    watch(() => props.modelValue, (v) => {
-      if (updateType == "click") {
-        updateType = "";
-      } else {
-        emit("change", v);
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (updateType == "click") {
+          updateType = "";
+        } else {
+          emit("change", v);
+        }
       }
-    });
+    );
     return {
       classes,
       style,
@@ -11454,12 +11697,13 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.style)
   }, [
     createElementVNode("view", _hoisted_1$K, [
-      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, {
+      _ctx.loading ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 0,
-        name: _ctx.name,
+        name: _ctx.name
+      }, _ctx.$attrs, {
         size: _ctx.size,
         color: _ctx.color
-      }, null, 8, ["name", "size", "color"])) : createCommentVNode("", true),
+      }), null, 16, ["name", "size", "color"])) : createCommentVNode("", true),
       _ctx.activeText ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
         withDirectives(createElementVNode("view", { class: "nut-switch-label open" }, toDisplayString(_ctx.activeText), 513), [
           [vShow, _ctx.modelValue]
@@ -11569,11 +11813,14 @@ const _sfc_main$R = create$R({
     if (props.duration) {
       show();
     }
-    watch(() => props.duration, (val) => {
-      if (val) {
-        show();
+    watch(
+      () => props.duration,
+      (val) => {
+        if (val) {
+          show();
+        }
       }
-    });
+    );
     const hasIcon = computed(() => {
       if (props.type !== "text") {
         return true;
@@ -11639,11 +11886,10 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
           })
         }, [
           _ctx.hasIcon ? (openBlock(), createElementBlock("view", _hoisted_1$J, [
-            createVNode(_component_nut_icon, {
-              size: _ctx.iconSize,
+            createVNode(_component_nut_icon, mergeProps({ size: _ctx.iconSize }, _ctx.$attrs, {
               color: "#ffffff",
               name: _ctx.icon
-            }, null, 8, ["size", "name"])
+            }), null, 16, ["size", "name"])
           ])) : createCommentVNode("", true),
           _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2$C, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
           createElementVNode("view", {
@@ -11706,12 +11952,12 @@ const updateToast = (opts) => {
   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 = createVNode(Toast, opts);
-    render$3(instance, container);
+    render$4(instance, container);
     return instance.component.ctx;
   }
 };
@@ -11726,14 +11972,14 @@ const mountToast = (opts) => {
   } else {
     _id = new Date().getTime() + "";
   }
-  opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
+  opts = { ...defaultOptions, ...opts };
   opts.id = _id;
   idsMap.push(opts.id);
   optsMap.push(opts);
   const container = document.createElement("div");
   container.id = opts.id;
   const instance = createVNode(Toast, opts);
-  render$3(instance, container);
+  render$4(instance, container);
   document.body.appendChild(container);
   return instance.component.ctx;
 };
@@ -11746,27 +11992,27 @@ const errorMsg = (msg) => {
 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);
@@ -11809,7 +12055,7 @@ const _sfc_main$Q = create$Q({
     }
   },
   components: {},
-  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute"],
+  emits: ["fastBack", "play", "forward", "ended", "changeProgress", "mute", "can-play"],
   setup(props, { emit }) {
     const audioRef = ref(null);
     const audioData = reactive({
@@ -11841,22 +12087,25 @@ const _sfc_main$Q = create$Q({
       } 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);
     };
@@ -11895,42 +12144,25 @@ const _sfc_main$Q = create$Q({
       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;
     };
-    watch(() => audioData.currentTime, (value) => {
-      handle(value);
-    });
+    watch(
+      () => audioData.currentTime,
+      (value) => {
+        handle(value);
+      }
+    );
     provide("audioParent", {
       children: [],
       props,
@@ -11940,7 +12172,9 @@ const _sfc_main$Q = create$Q({
       fastBack,
       changeStatus
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(audioData)), {
+    return {
+      ...toRefs(props),
+      ...toRefs(audioData),
       audioRef,
       fastBack,
       forward,
@@ -11948,8 +12182,9 @@ const _sfc_main$Q = create$Q({
       progressChange,
       audioEnd,
       onTimeupdate,
-      handleMute
-    });
+      handleMute,
+      onCanplay
+    };
   }
 });
 const _hoisted_1$I = { class: "nut-audio" };
@@ -12021,7 +12256,8 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
       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)
   ]);
@@ -12032,9 +12268,7 @@ const _sfc_main$P = create$P({
   props: {
     type: {
       type: String,
-      default() {
-        return "play";
-      }
+      default: () => "play"
     }
   },
   components: {},
@@ -12043,7 +12277,7 @@ const _sfc_main$P = create$P({
     const audio = inject("audioParent");
     const parent = reactive(audio);
     const customSlot = ref(useSlots().default);
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(parent)), { customSlot, translate: translate$e });
+    return { ...toRefs(props), ...toRefs(parent), customSlot, translate: translate$e };
   }
 });
 const _hoisted_1$H = { class: "nut-audio-operate" };
@@ -12227,7 +12461,7 @@ const _sfc_main$O = create$O({
     const onError = (event) => {
       emit("onError", event);
     };
-    return __spreadValues({
+    return {
       classes,
       styles,
       iconStyles,
@@ -12237,8 +12471,9 @@ const _sfc_main$O = create$O({
       onError,
       avatarGroup,
       visible,
-      avatarRef
-    }, toRefs(state));
+      avatarRef,
+      ...toRefs(state)
+    };
   }
 });
 const _hoisted_1$G = ["src", "alt"];
@@ -12266,11 +12501,10 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
         src: _ctx.url,
         alt: _ctx.alt,
         onError: _cache[0] || (_cache[0] = (...args) => _ctx.onError && _ctx.onError(...args))
-      }, null, 40, _hoisted_1$G)) : _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
-        key: 1,
+      }, null, 40, _hoisted_1$G)) : _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 1 }, _ctx.$attrs, {
         class: "icon",
         name: _ctx.iconStyles
-      }, null, 8, ["name"])) : createCommentVNode("", true),
+      }), null, 16, ["name"])) : createCommentVNode("", true),
       _ctx.isShowText ? (openBlock(), createElementBlock("view", _hoisted_2$z, [
         renderSlot(_ctx.$slots, "default")
       ])) : createCommentVNode("", true)
@@ -12404,17 +12638,21 @@ const _sfc_main$M = create$M({
       }
       state.startOffset = scrollTop - scrollTop % props.height;
     };
-    watch(() => props.listData, () => {
-      state.list = props.listData.slice();
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    watch(
+      () => props.listData,
+      () => {
+        state.list = props.listData.slice();
+      }
+    );
+    return {
+      ...toRefs(state),
       list,
       getTransform,
       listHeight,
       visibleData,
       classes,
       handleScrollEvent
-    });
+    };
   }
 });
 function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
@@ -12578,12 +12816,11 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       _ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
         key: 0,
         style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
-        key: 1,
+      }, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 1 }, _ctx.$attrs, {
         size: "16px",
         name: _ctx.iconName,
         color: _ctx.iconColor
-      }, null, 8, ["name", "color"])) : createCommentVNode("", true)
+      }), null, 16, ["name", "color"])) : createCommentVNode("", true)
     ], 4)) : createCommentVNode("", true)
   ]);
 }
@@ -12878,12 +13115,18 @@ const _sfc_main$J = create$J({
       }
       return styles;
     });
-    watch(() => props.text, (value) => {
-      initScrollWrap(value);
-    });
-    watch(() => props.list, (value) => {
-      state.scrollList = [].concat(value);
-    });
+    watch(
+      () => props.text,
+      (value) => {
+        initScrollWrap();
+      }
+    );
+    watch(
+      () => props.list,
+      (value) => {
+        state.scrollList = [].concat(value);
+      }
+    );
     const initScrollWrap = (value) => {
       if (state.showNoticeBar == false) {
         return;
@@ -12984,7 +13227,9 @@ const _sfc_main$J = create$J({
     onUnmounted(() => {
       clearInterval(state.timer);
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(state)), {
+    return {
+      ...toRefs(props),
+      ...toRefs(state),
       isEllipsis,
       classes,
       iconShow,
@@ -13000,7 +13245,7 @@ const _sfc_main$J = create$J({
       go,
       handleClickIcon,
       slots
-    });
+    };
   }
 });
 const _hoisted_1$D = {
@@ -13053,10 +13298,10 @@ function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
       }, [
         renderSlot(_ctx.$slots, "right-icon", {}, () => [
-          createVNode(_component_nut_icon, {
+          createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
             name: _ctx.rightIcon ? _ctx.rightIcon : "close",
             color: _ctx.color
-          }, null, 8, ["name", "color"])
+          }), null, 16, ["name", "color"])
         ])
       ])) : createCommentVNode("", true)
     ], 6)), [
@@ -13243,16 +13488,23 @@ const _sfc_main$H = create$H({
     const isDisabled = computed(() => {
       return props.options.disabled;
     });
-    watch(() => props.source, (newValue) => {
-      if (newValue.src) {
-        nextTick(() => {
-          state.videoElm.load();
-        });
+    watch(
+      () => props.source,
+      (newValue) => {
+        if (newValue.src) {
+          nextTick(() => {
+            state.videoElm.load();
+          });
+        }
       }
-    });
-    watch(() => props.options, (newValue) => {
-      state.state.isMuted = newValue ? newValue.muted : false;
-    }, { immediate: true });
+    );
+    watch(
+      () => props.options,
+      (newValue) => {
+        state.state.isMuted = newValue ? newValue.muted : false;
+      },
+      { immediate: true }
+    );
     const init = () => {
       state.videoElm = root.value;
       if (props.options.autoplay) {
@@ -13381,9 +13633,10 @@ const _sfc_main$H = create$H({
     onMounted(() => {
       init();
     });
-    return __spreadProps(__spreadValues(__spreadValues({
-      root
-    }, toRefs(props)), toRefs(state)), {
+    return {
+      root,
+      ...toRefs(props),
+      ...toRefs(state),
       handleError,
       isDisabled,
       play,
@@ -13394,7 +13647,7 @@ const _sfc_main$H = create$H({
       retry,
       fullScreen,
       translate: translate$c
-    });
+    };
   }
 });
 const _hoisted_1$B = {
@@ -13545,9 +13798,13 @@ const _sfc_main$G = create$G({
     });
     return () => {
       var _a;
-      return h("view", {
-        class: classes.value
-      }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+      return h(
+        "view",
+        {
+          class: classes.value
+        },
+        (_a = slots.default) == null ? void 0 : _a.call(slots)
+      );
     };
   }
 });
@@ -13603,11 +13860,12 @@ const _sfc_main$F = create$F({
     const handleClickStep = () => {
       parent["onEmit"](index.value);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    return {
+      ...toRefs(state),
       index,
       classes,
       handleClickStep
-    });
+    };
   }
 });
 const _hoisted_1$A = { class: "nut-step-head" };
@@ -13635,13 +13893,14 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", {
         class: normalizeClass(["nut-step-icon", [!_ctx.dot ? _ctx.icon ? "is-icon" : "is-text" : ""]])
       }, [
-        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+        _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, 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 ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$n, toDisplayString(_ctx.index), 1))
+        }), null, 16, ["color", "name", "size"])) : _ctx.dot ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [], 64)) : (openBlock(), createElementBlock("view", _hoisted_3$n, toDisplayString(_ctx.index), 1))
       ], 2)
     ]),
     createElementVNode("view", _hoisted_4$j, [
@@ -14043,19 +14302,28 @@ const _sfc_main$E = create$E({
     onBeforeUnmount(() => {
       stopAutoPlay();
     });
-    watch(() => props.initPage, (val) => {
-      nextTick(() => {
-        init(Number(val));
-      });
-    });
-    watch(() => state.children.length, () => {
-      nextTick(() => {
-        init();
-      });
-    });
-    watch(() => props.autoPlay, (val) => {
-      val > 0 ? autoplay() : stopAutoPlay();
-    });
+    watch(
+      () => props.initPage,
+      (val) => {
+        nextTick(() => {
+          init(Number(val));
+        });
+      }
+    );
+    watch(
+      () => state.children.length,
+      () => {
+        nextTick(() => {
+          init();
+        });
+      }
+    );
+    watch(
+      () => props.autoPlay,
+      (val) => {
+        val > 0 ? autoplay() : stopAutoPlay();
+      }
+    );
     return {
       state,
       classes,
@@ -14488,19 +14756,23 @@ const _sfc_main$B = create$B({
     };
     const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
     watch(() => props.initNo, resetScale);
-    watch(() => props.show, (value) => {
-      if (!value) {
-        resetScale();
+    watch(
+      () => props.show,
+      (value) => {
+        if (!value) {
+          resetScale();
+        }
       }
-    });
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    );
+    return {
+      ...toRefs(state),
       onTouchStart,
       onTouchMove,
       onTouchEnd,
       getDistance,
       imageStyle,
       imageLoad
-    });
+    };
   }
 });
 const _hoisted_1$y = ["src"];
@@ -14667,23 +14939,26 @@ const _sfc_main$A = create$A({
         state.rootWidth = swipeRef.value.offsetWidth;
       }, 100);
     };
-    watch(() => props.show, (val) => {
-      state.showPop = val;
-      init();
-    });
+    watch(
+      () => props.show,
+      (val) => {
+        state.showPop = val;
+        init();
+      }
+    );
     onMounted(() => {
       state.active = props.initNo;
       state.showPop = props.show;
       state.maxNo = props.images.length + props.videos.length;
     });
-    return __spreadProps(__spreadValues({
-      swipeRef
-    }, toRefs(state)), {
+    return {
+      swipeRef,
+      ...toRefs(state),
       slideChangeEnd,
       onClose,
       handleCloseIcon,
       styles
-    });
+    };
   }
 });
 const _hoisted_1$x = {
@@ -14757,10 +15032,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCloseIcon && _ctx.handleCloseIcon(...args)),
         style: normalizeStyle(_ctx.styles)
       }, [
-        createVNode(_component_nut_icon, {
-          name: _ctx.closeIcon,
-          color: "#ffffff"
-        }, null, 8, ["name"])
+        createVNode(_component_nut_icon, mergeProps({ name: _ctx.closeIcon }, _ctx.$attrs, { color: "#ffffff" }), null, 16, ["name"])
       ], 4)) : createCommentVNode("", true)
     ]),
     _: 1
@@ -14804,7 +15076,7 @@ class ImagePreviewFunction {
     };
     const instance = createVNode(Wrapper);
     elWarp.appendChild(root);
-    render$3(instance, root);
+    render$4(instance, root);
   }
 }
 const _ImagePreview = function(options) {
@@ -14923,23 +15195,35 @@ const _sfc_main$z = create$z({
       typeMachine: ""
     });
     const { startFlag, scrolling, customBgImg, type } = reactive(props);
-    watch(() => props.customChangeNum, (count2, prevCount) => {
-      clearIntervalTime();
-      countGo(0);
-    });
-    watch(() => props.machinePrizeLevel, (count2, prevCount) => {
-      data.prizeLevelTrun = count2;
-    });
-    watch(() => props.initNum, (count2, prevCount) => {
-      data.current = count2;
-      data.valFlag = false;
-      valChange();
-    });
-    watch(() => props.endNum, (count2, prevCount) => {
-      data.current = props.initNum;
-      data.valFlag = false;
-      valChange();
-    });
+    watch(
+      () => props.customChangeNum,
+      (count2, prevCount) => {
+        clearIntervalTime();
+        countGo(0);
+      }
+    );
+    watch(
+      () => props.machinePrizeLevel,
+      (count2, prevCount) => {
+        data.prizeLevelTrun = count2;
+      }
+    );
+    watch(
+      () => props.initNum,
+      (count2, prevCount) => {
+        data.current = count2;
+        data.valFlag = false;
+        valChange();
+      }
+    );
+    watch(
+      () => props.endNum,
+      (count2, prevCount) => {
+        data.current = props.initNum;
+        data.valFlag = false;
+        valChange();
+      }
+    );
     const valChange = () => {
       if (data.valFlag) {
         return false;
@@ -15186,7 +15470,11 @@ const _sfc_main$z = create$z({
           if (data.prizeLevelTrun < 0) {
             newLocation += props.numHeight * data.notPrize[i];
           }
-          scrollTime(i, newLocation, local);
+          scrollTime(
+            i,
+            newLocation,
+            local
+          );
         }, 500 * i);
       }
     };
@@ -15236,12 +15524,14 @@ const _sfc_main$z = create$z({
       clearIntervalTime();
       data.timer = null;
     });
-    return __spreadProps(__spreadValues(__spreadValues({}, toRefs(data)), toRefs(reactive(props))), {
+    return {
+      ...toRefs(data),
+      ...toRefs(reactive(props)),
       runNumberImg,
       setRef,
       topNumber,
       turnNumber
-    });
+    };
   }
 });
 const _hoisted_1$w = { class: "nut-countup" };
@@ -15473,7 +15763,7 @@ const _sfc_main$y = create$y({
         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: h2, m, s, ms } = time;
@@ -15536,32 +15826,45 @@ const _sfc_main$y = create$y({
         state.restTime = props.time;
       }
     });
-    watch(() => state.restTime, (value) => {
-      let tranTime = formatRemainTime(value, "custom");
-      emit("update:modelValue", tranTime);
-      emit("input", tranTime);
-    });
-    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();
+    watch(
+      () => state.restTime,
+      (value) => {
+        let tranTime = formatRemainTime(value, "custom");
+        emit("update:modelValue", tranTime);
+        emit("input", tranTime);
+      }
+    );
+    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);
       }
-    });
-    watch(() => props.endTime, (value) => {
-      initTime();
-    });
-    watch(() => props.startTime, (value) => {
-      initTime();
-    });
-    return __spreadProps(__spreadValues({}, toRefs(props)), {
+    );
+    watch(
+      () => props.endTime,
+      (value) => {
+        initTime();
+      }
+    );
+    watch(
+      () => props.startTime,
+      (value) => {
+        initTime();
+      }
+    );
+    return {
+      ...toRefs(props),
       slots,
       classes,
       getTimeStamp,
@@ -15570,7 +15873,7 @@ const _sfc_main$y = create$y({
       renderTime,
       translate: translate$b,
       reset
-    });
+    };
   }
 });
 const _hoisted_1$v = ["innerHTML"];
@@ -15707,23 +16010,19 @@ const _sfc_main$w = create$w({
       };
     });
     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();
@@ -15785,32 +16084,47 @@ function isShadowRoot(node) {
   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) {
@@ -15864,7 +16178,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   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
@@ -15946,8 +16260,8 @@ function getTrueOffsetParent(element) {
   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") {
@@ -16534,7 +16848,8 @@ const _sfc_main$v = create$v({
     [Popup.name]: Popup,
     [Button.name]: Button
   },
-  props: __spreadProps(__spreadValues({}, popupProps), {
+  props: {
+    ...popupProps,
     list: {
       type: Array,
       default: []
@@ -16559,7 +16874,7 @@ const _sfc_main$v = create$v({
       type: Boolean,
       default: true
     }
-  }),
+  },
   emits: ["update", "update:visible", "close", "choose", "open"],
   setup(props, { emit }) {
     let popper;
@@ -16586,7 +16901,6 @@ const _sfc_main$v = create$v({
       };
     });
     const createPopperInstance = () => {
-      console.log(reference.value, popoverRef.value);
       if (reference.value && popoverRef.value) {
         return createPopper(reference.value, popoverRef.value.popupRef, {
           placement: props.location,
@@ -16609,7 +16923,6 @@ const _sfc_main$v = create$v({
       return null;
     };
     const clickOverlay = () => {
-      console.log("\u5173\u95ED");
     };
     const uploadLocation = () => {
       nextTick(() => {
@@ -16617,7 +16930,6 @@ const _sfc_main$v = create$v({
           return;
         if (!popper) {
           popper = createPopperInstance();
-          console.log(popper);
         } else {
           popper.setOptions({
             placement: props.location
@@ -16637,13 +16949,19 @@ const _sfc_main$v = create$v({
     onUnmounted(() => {
       window.removeEventListener("click", clickAway, true);
     });
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-      uploadLocation();
-    });
-    watch(() => props.location, (value) => {
-      uploadLocation();
-    });
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+        uploadLocation();
+      }
+    );
+    watch(
+      () => props.location,
+      (value) => {
+        uploadLocation();
+      }
+    );
     const update = (val) => {
       emit("update", val);
       emit("update:visible", val);
@@ -16715,10 +17033,10 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: withModifiers(($event) => _ctx.chooseItem(item, index), ["stop"])
             }, [
               item.icon ? renderSlot(_ctx.$slots, "default", { key: 0 }, () => [
-                createVNode(_component_nut_icon, {
+                createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
                   class: "item-img",
                   name: item.icon
-                }, null, 8, ["name"])
+                }), null, 16, ["name"])
               ]) : createCommentVNode("", true),
               createElementVNode("view", _hoisted_2$o, toDisplayString(item.name), 1)
             ], 10, _hoisted_1$t);
@@ -16907,25 +17225,28 @@ const _sfc_main$t = create$t({
   setup(props, { emit, slots }) {
     const collapseDom = ref(null);
     const collapseChldren = ref([]);
-    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);
+    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();
+        });
+      }
+    );
     onMounted(() => {
       collapseChldren.value = getCurrentInstance().provides.collapseParent.children || [];
     });
@@ -17091,14 +17412,17 @@ const _sfc_main$s = create$s({
         proxyData.openExpanded = true;
       }
     });
-    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);
-    });
+    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;
@@ -17126,17 +17450,19 @@ const _sfc_main$s = create$s({
       }
       return _class;
     });
-    return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    return {
       classes,
-      emptyContent
-    }, toRefs(proxyData)), toRefs(parent.props)), toRefs(titleIconStyle)), {
+      emptyContent,
+      ...toRefs(proxyData),
+      ...toRefs(parent.props),
+      ...toRefs(titleIconStyle),
       wrapperRef,
       contentRef,
       open,
       toggleOpen,
       changeOpen,
       animation
-    });
+    };
   }
 });
 const _hoisted_1$q = { class: "collapse-title" };
@@ -17168,13 +17494,14 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       createElementVNode("view", _hoisted_1$q, [
         createElementVNode("view", null, [
           createElementVNode("view", _hoisted_2$m, [
-            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
+            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
               key: 0,
-              name: _ctx.titleIcon,
+              name: _ctx.titleIcon
+            }, _ctx.$attrs, {
               size: _ctx.titleIconSize,
               color: _ctx.titleIconColor,
-              class: normalizeClass([_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"])
-            }, null, 8, ["name", "size", "color", "class"])) : createCommentVNode("", true),
+              class: [_ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"]
+            }), null, 16, ["name", "size", "color", "class"])) : createCommentVNode("", true),
             _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
               key: 2,
               innerHTML: _ctx.title,
@@ -17190,14 +17517,15 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.subTitle,
         class: "subTitle"
       }, null, 8, _hoisted_5$a)),
-      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
         key: 2,
-        name: _ctx.icon,
+        name: _ctx.icon
+      }, _ctx.$attrs, {
         size: _ctx.iconSize,
         color: _ctx.iconColor,
-        class: normalizeClass(["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }]),
-        style: normalizeStyle(_ctx.iconStyle)
-      }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
+        class: ["collapse-icon", { "col-expanded": _ctx.openExpanded }, { "collapse-icon-disabled": _ctx.disabled }],
+        style: _ctx.iconStyle
+      }), null, 16, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
     ], 2),
     _ctx.$slots.extraRender ? (openBlock(), createElementBlock("view", _hoisted_6$9, [
       createElementVNode("div", _hoisted_7$7, [
@@ -17296,10 +17624,14 @@ const component = (componentName2, translate2) => {
           return [columns.key, columns.render];
         });
       };
-      watch(() => props.data, (val) => {
-        state.curData = val.slice();
-      });
-      return __spreadProps(__spreadValues({}, toRefs(state)), {
+      watch(
+        () => props.data,
+        (val) => {
+          state.curData = val.slice();
+        }
+      );
+      return {
+        ...toRefs(state),
         classes,
         cellClasses,
         getColumnItem,
@@ -17309,7 +17641,7 @@ const component = (componentName2, translate2) => {
         translate: translate2,
         stylehead,
         stylecolumn
-      });
+      };
     }
   };
 };
@@ -17441,7 +17773,7 @@ const _sfc_main$q = create$q({
       }
       emit("click", event);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes, handleClick });
+    return { ...toRefs(state), classes, handleClick };
   }
 });
 const _hoisted_1$o = { class: "nut-animate" };
@@ -17500,14 +17832,17 @@ const _sfc_main$p = create$p({
         [prefixCls]: true
       };
     });
-    watch(() => props.content, (newV, oldVal) => {
-      if (newV != oldVal) {
-        if (container) {
-          document.body.appendChild(container);
+    watch(
+      () => props.content,
+      (newV, oldVal) => {
+        if (newV != oldVal) {
+          if (container) {
+            document.body.appendChild(container);
+          }
+          createContainer();
         }
-        createContainer();
       }
-    });
+    );
     onMounted(() => {
       createContainer();
     });
@@ -17532,7 +17867,9 @@ const _sfc_main$p = create$p({
       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();
@@ -17619,7 +17956,7 @@ const _sfc_main$p = create$p({
     const handleClick = () => {
       emit("click");
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), { root, ellipsis, classes, clickHandle, handleClick });
+    return { ...toRefs(state), root, ellipsis, classes, clickHandle, handleClick };
   }
 });
 const _hoisted_1$n = { key: 0 };
@@ -17749,7 +18086,6 @@ const _sfc_main$o = create$o({
     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`;
@@ -17766,10 +18102,15 @@ const _sfc_main$o = create$o({
           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";
@@ -17782,32 +18123,34 @@ const _sfc_main$o = create$o({
           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();
-    watch(() => [
-      zIndex,
-      gapX,
-      gapY,
-      width,
-      height,
-      rotate,
-      image,
-      imageWidth,
-      imageHeight,
-      content,
-      fontStyle,
-      fontWeight,
-      fontColor,
-      fontSize,
-      fontFamily
-    ], () => {
-      init();
-    });
+    watch(
+      () => [
+        zIndex,
+        gapX,
+        gapY,
+        width,
+        height,
+        rotate,
+        image,
+        imageWidth,
+        imageHeight,
+        content,
+        fontStyle,
+        fontWeight,
+        fontColor,
+        fontSize,
+        fontFamily
+      ],
+      () => {
+        init();
+      }
+    );
     const classes = computed(() => {
       const prefixCls = componentName$n;
       return {
@@ -17815,7 +18158,7 @@ const _sfc_main$o = create$o({
         [`${prefixCls}-full-page`]: props.fullPage
       };
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), { classes });
+    return { ...toRefs(state), classes };
   }
 });
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
@@ -17832,7 +18175,8 @@ var WaterMark = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render
 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: () => []
@@ -17901,7 +18245,7 @@ const _sfc_main$n = create$n({
       type: [String, Array],
       default: ""
     }
-  }),
+  },
   emits: ["update:visible", "update:modelValue", "type", "change", "selected", "close", "close-mask", "switch-module"],
   setup(props, { emit }) {
     const regionLine = ref(null);
@@ -18077,10 +18421,13 @@ const _sfc_main$n = create$n({
       lineAnimation();
     };
     const close = () => {
-      const resCopy = Object.assign({
-        addressIdStr: "",
-        addressStr: ""
-      }, selectedRegion);
+      const resCopy = Object.assign(
+        {
+          addressIdStr: "",
+          addressStr: ""
+        },
+        selectedRegion
+      );
       const res = {
         data: {},
         type: privateType.value
@@ -18123,36 +18470,57 @@ const _sfc_main$n = create$n({
     const handleElevatorItem = (key, item) => {
       nextAreaList(item);
     };
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    watch(() => showPopup.value, (value) => {
-      if (value == false) {
-        close();
-      } else {
-        initCustomSelected();
-      }
-    });
-    watch(() => props.province, (value) => {
-      regionList.province = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.city, (value) => {
-      regionList.city = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.country, (value) => {
-      regionList.country = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.town, (value) => {
-      regionList.town = isCustom2.value ? transformData(value) : value;
-    });
-    watch(() => props.existAddress, (value) => {
-      value.forEach((item, index) => {
-        if (item.selectedAddress) {
-          selectedExistAddress = item;
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+      }
+    );
+    watch(
+      () => showPopup.value,
+      (value) => {
+        if (value == false) {
+          close();
+        } else {
+          initCustomSelected();
         }
-      });
-    });
-    return __spreadProps(__spreadValues({
+      }
+    );
+    watch(
+      () => props.province,
+      (value) => {
+        regionList.province = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.city,
+      (value) => {
+        regionList.city = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.country,
+      (value) => {
+        regionList.country = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.town,
+      (value) => {
+        regionList.town = isCustom2.value ? transformData(value) : value;
+      }
+    );
+    watch(
+      () => props.existAddress,
+      (value) => {
+        value.forEach((item, index) => {
+          if (item.selectedAddress) {
+            selectedExistAddress = item;
+          }
+        });
+      }
+    );
+    return {
       showPopup,
       privateType,
       tabIndex,
@@ -18173,10 +18541,10 @@ const _sfc_main$n = create$n({
       clickOverlay,
       handClose,
       handleElevatorItem,
-      initCustomSelected
-    }, toRefs(props)), {
+      initCustomSelected,
+      ...toRefs(props),
       translate: translate$9
-    });
+    };
   }
 });
 const _hoisted_1$m = { class: "nut-address" };
@@ -18204,7 +18572,7 @@ const _hoisted_11$1 = {
 };
 const _hoisted_12$1 = ["onClick"];
 const _hoisted_13$1 = { class: "elevator-group" };
-const _hoisted_14 = {
+const _hoisted_14$1 = {
   key: 2,
   class: "exist-address"
 };
@@ -18242,10 +18610,10 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
             class: "arrow-back",
             onClick: _cache[0] || (_cache[0] = (...args) => _ctx.switchModule && _ctx.switchModule(...args))
           }, [
-            withDirectives(createVNode(_component_nut_icon, {
+            withDirectives(createVNode(_component_nut_icon, mergeProps(_ctx.$attrs, {
               name: _ctx.backBtnIcon,
               color: "#cccccc"
-            }, null, 8, ["name"]), [
+            }), null, 16, ["name"]), [
               [vShow, _ctx.type == "exist" && _ctx.privateType == "custom" && _ctx.backBtnIcon]
             ])
           ]),
@@ -18254,12 +18622,11 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
             class: "arrow-close",
             onClick: _cache[1] || (_cache[1] = ($event) => _ctx.handClose("cross"))
           }, [
-            _ctx.closeBtnIcon ? (openBlock(), createBlock(_component_nut_icon, {
-              key: 0,
+            _ctx.closeBtnIcon ? (openBlock(), createBlock(_component_nut_icon, mergeProps({ key: 0 }, _ctx.$attrs, {
               name: _ctx.closeBtnIcon,
               color: "#cccccc",
               size: "18px"
-            }, null, 8, ["name"])) : createCommentVNode("", true)
+            }), null, 16, ["name"])) : createCommentVNode("", true)
           ])
         ]),
         _ctx.privateType == "custom" ? (openBlock(), createElementBlock("view", _hoisted_4$f, [
@@ -18287,13 +18654,14 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
                   class: 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 ? (openBlock(), createBlock(_component_nut_icon, {
+                  _ctx.selectedRegion[_ctx.tabName[_ctx.tabIndex]].id == item.id ? (openBlock(), createBlock(_component_nut_icon, mergeProps({
                     key: 0,
                     class: "region-item-icon",
-                    type: "self",
+                    type: "self"
+                  }, _ctx.$attrs, {
                     name: _ctx.selectedIcon,
                     size: "13px"
-                  }, null, 8, ["name"])) : createCommentVNode("", true),
+                  }), null, 16, ["name"])) : createCommentVNode("", true),
                   createTextVNode(toDisplayString(item.name), 1)
                 ], 10, _hoisted_9$2);
               }), 128))
@@ -18323,7 +18691,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
               onClickItem: _ctx.handleElevatorItem
             }, null, 8, ["height", "index-list", "onClickItem"])
           ])
-        ])) : _ctx.privateType == "exist" ? (openBlock(), createElementBlock("view", _hoisted_14, [
+        ])) : _ctx.privateType == "exist" ? (openBlock(), createElementBlock("view", _hoisted_14$1, [
           createElementVNode("div", _hoisted_15, [
             createElementVNode("ul", _hoisted_16, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.existAddress, (item, index) => {
@@ -18332,12 +18700,13 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
                   key: index,
                   onClick: ($event) => _ctx.selectedExist(item)
                 }, [
-                  createVNode(_component_nut_icon, {
+                  createVNode(_component_nut_icon, 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"]),
                   createElementVNode("div", _hoisted_18, [
                     item.name && item.phone ? (openBlock(), createElementBlock("div", _hoisted_19, [
                       createElementVNode("div", _hoisted_20, toDisplayString(item.name), 1),
@@ -18358,10 +18727,11 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
           }, [
             createElementVNode("div", _hoisted_23, toDisplayString(_ctx.customAndExistTitle || _ctx.translate("chooseAnotherAddress")), 1)
           ])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        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]]);
@@ -18422,9 +18792,12 @@ const _sfc_main$m = create$m({
       clearInterval(timer);
       timer = 0;
     });
-    watch(() => props.danmu, (newValue, oldVlaue) => {
-      danmuList.value = [...newValue];
-    });
+    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) {
@@ -18494,7 +18867,15 @@ const _sfc_main$l = create$l({
     },
     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,
@@ -18506,7 +18887,7 @@ const _sfc_main$l = create$l({
     }
   },
   components: {},
-  emits: ["confirm", "clear"],
+  emits: ["start", "end", "signing", "confirm", "clear"],
   setup(props, { emit }) {
     const canvas = ref(null);
     const wrap = ref(null);
@@ -18536,6 +18917,7 @@ const _sfc_main$l = create$l({
       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);
@@ -18543,6 +18925,7 @@ const _sfc_main$l = create$l({
     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;
@@ -18551,6 +18934,7 @@ const _sfc_main$l = create$l({
     };
     const endEventHandler = (event) => {
       event.preventDefault();
+      emit("end");
       canvas.value.removeEventListener(state.events[1], moveEventHandler, false);
       canvas.value.removeEventListener(state.events[2], endEventHandler, false);
     };
@@ -18589,7 +18973,7 @@ const _sfc_main$l = create$l({
         addEvent();
       }
     });
-    return __spreadProps(__spreadValues({}, toRefs(state)), { canvas, wrap, isCanvasSupported, confirm, clear, classes, translate: translate$8 });
+    return { ...toRefs(state), canvas, wrap, isCanvasSupported, confirm, clear, classes, translate: translate$8 };
   }
 });
 const _hoisted_1$k = {
@@ -18775,10 +19159,11 @@ const _sfc_main$j = create$j({
     const handlePannel = (pannelKey) => {
       context.emit("change", pannelKey);
     };
-    return __spreadProps(__spreadValues({}, toRefs(state)), {
+    return {
+      ...toRefs(state),
       classes,
       handlePannel
-    });
+    };
   }
 });
 function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
@@ -18832,13 +19217,13 @@ const _sfc_main$i = create$i({
     const handleTime = (time) => {
       context.emit("select", time);
     };
-    return __spreadProps(__spreadValues({
-      classes
-    }, toRefs(state)), {
+    return {
+      classes,
+      ...toRefs(state),
       getClass,
       renderData,
       handleTime
-    });
+    };
   }
 });
 const _hoisted_1$i = { class: "nut-timedetail__detail nut-timedetail__detail--moring" };
@@ -18916,9 +19301,13 @@ const _sfc_main$g = create$g({
   emits: ["selectSku"],
   setup(props, { emit }) {
     const skuInfo = ref([]);
-    watch(() => props.sku, (value) => {
-      skuInfo.value = [].slice.call(value);
-    }, { deep: true });
+    watch(
+      () => props.sku,
+      (value) => {
+        skuInfo.value = [].slice.call(value);
+      },
+      { deep: true }
+    );
     onMounted(() => {
       if (props.sku.length > 0) {
         skuInfo.value = [].slice.call(props.sku);
@@ -19131,7 +19520,8 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
 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: []
@@ -19176,7 +19566,7 @@ const _sfc_main$d = create$d({
       type: String,
       default: ""
     }
-  }),
+  },
   emits: [
     "update:visible",
     "selectSku",
@@ -19199,14 +19589,20 @@ const _sfc_main$d = create$d({
   setup(props, { emit, slots }) {
     const showPopup = ref(props.visible);
     const goodsCount = ref(props.stepperMin);
-    watch(() => props.visible, (value) => {
-      showPopup.value = value;
-    });
-    watch(() => showPopup.value, (value) => {
-      if (value == false) {
-        close();
+    watch(
+      () => props.visible,
+      (value) => {
+        showPopup.value = value;
+      }
+    );
+    watch(
+      () => showPopup.value,
+      (value) => {
+        if (value == false) {
+          close();
+        }
       }
-    });
+    );
     onMounted(() => {
     });
     const getSlots = (name) => slots[name];
@@ -19538,9 +19934,12 @@ const _sfc_main$b = create$b({
       stepValue.value = value;
       emit("changeStep", stepValue.value, currentValue.value);
     };
-    watch(() => props.modelValue, (value) => {
-      money.value = value;
-    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        money.value = value;
+      }
+    );
     return {
       handleClick,
       changeStep,
@@ -19624,7 +20023,6 @@ const _sfc_main$a = create$a({
   setup(props, { emit }) {
     const delClick = (event) => {
       emit("delIconClick", event, props.item);
-      console.log(123);
       event.stopPropagation();
     };
     const editClick = (event) => {
@@ -20073,14 +20471,17 @@ const _sfc_main$6 = create$6({
       fullAddress: "\u5317\u4EAC\u5E02\u901A\u5DDE\u533A\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5\u6D4B\u8BD5"
     });
     const trowelData = () => {
-      console.log("props.data", props.data);
-      if (Object.keys(props.dataMapOptions).length > 0 && props.data.length > 0) {
+      if (Object.keys(props.dataMapOptions).length > 0) {
         dataArray.value = props.data.map((item, index) => {
           return floatData(dataInfo, item, props.dataMapOptions);
         });
       }
     };
-    watch(() => props.data, () => trowelData(), { deep: true });
+    watch(
+      () => props.data,
+      () => trowelData(),
+      { deep: true }
+    );
     const clickDelIcon = (event, item) => {
       emit("handelDelIcon", event, item);
       event.stopPropagation();
@@ -20259,7 +20660,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
             createElementVNode("div", {
               class: normalizeClass([_ctx.checkIndex == index ? "nut-category__cateListItemChecked" : "nut-category__cateListItem"]),
               onClick: ($event) => _ctx.getChildList(index)
-            }, toDisplayString(item.catName), 11, _hoisted_4$5)
+            }, toDisplayString(item == null ? void 0 : item.catName), 11, _hoisted_4$5)
           ]);
         }), 128))
       ])) : createCommentVNode("", true),
@@ -20268,7 +20669,6 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 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: {
@@ -20322,13 +20722,14 @@ const _hoisted_13 = {
   key: 2,
   class: "nut-categorypane__selfItemList"
 };
+const _hoisted_14 = ["onClick"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", _hoisted_1$4, [
     _ctx.type == "classify" ? (openBlock(), createElementBlock("div", _hoisted_2$4, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index) => {
         return openBlock(), createElementBlock("div", { key: index }, [
-          createElementVNode("div", _hoisted_3$4, toDisplayString(item.catName), 1),
-          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          createElementVNode("div", _hoisted_3$4, toDisplayString(item == null ? void 0 : item.catName), 1),
+          (item == null ? void 0 : item.catType) == 1 ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
               return openBlock(), createElementBlock("div", {
                 class: "nut-categorypane__childItem",
@@ -20339,7 +20740,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                   class: "nut-categorypane__childImg",
                   src: sku.backImg
                 }, null, 8, _hoisted_6$1),
-                createElementVNode("div", _hoisted_7, toDisplayString(sku.catName), 1)
+                createElementVNode("div", _hoisted_7, toDisplayString(sku == null ? void 0 : sku.catName), 1)
               ], 8, _hoisted_5$2);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -20349,15 +20750,15 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _ctx.type == "text" ? (openBlock(), createElementBlock("div", _hoisted_8, [
       (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.categoryChild, (item, index) => {
         return openBlock(), createElementBlock("div", { key: index }, [
-          createElementVNode("div", _hoisted_9, toDisplayString(item.catName), 1),
-          item.catType == 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createElementVNode("div", _hoisted_9, toDisplayString(item == null ? void 0 : item.catName), 1),
+          (item == null ? void 0 : item.catType) == 1 ? (openBlock(), createElementBlock("div", _hoisted_10, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(item.childCateList, (sku, key) => {
               return openBlock(), createElementBlock("div", {
                 class: "nut-categorypane__childItem",
                 key,
                 onClick: ($event) => _ctx.onChange(sku)
               }, [
-                createElementVNode("div", _hoisted_12, toDisplayString(sku.catName), 1)
+                createElementVNode("div", _hoisted_12, toDisplayString(sku == null ? void 0 : sku.catName), 1)
               ], 8, _hoisted_11);
             }), 128))
           ])) : createCommentVNode("", true)
@@ -20369,8 +20770,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         return openBlock(), createElementBlock("div", {
           class: "nut-categorypane__skuName",
           key,
-          onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onChange())
-        }, toDisplayString(sku.catName), 1);
+          onClick: ($event) => _ctx.onChange(sku)
+        }, toDisplayString(sku == null ? void 0 : sku.catName), 9, _hoisted_14);
       }), 128))
     ])) : createCommentVNode("", true)
   ]);
@@ -20500,14 +20901,18 @@ const _sfc_main$2 = create$2({
     const isShowImage = ref(false);
     const initIndex = ref(1);
     const totalImages = ref([]);
-    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 });
+    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 }
+    );
     onMounted(() => {
       if (props.videos.length > 0) {
         props.videos.forEach((el) => {
@@ -20817,6 +21222,6 @@ function install(app) {
     }
   });
 }
-const version = "3.1.23-beta.6";
+const version = "3.2.2-beta.1";
 var nutui_vue_build = { install, version, Locale };
 export { ActionSheet, Address, AddressList, Animate, Audio, AudioOperate, Avatar, AvatarGroup, BackTop, Badge, Barrage, Button, Calendar, CalendarItem, Card, Cascader, Category, CategoryPane, Cell, CellGroup, _sfc_main$1g as Checkbox, _sfc_main$1f as CheckboxGroup, CircleProgress, Col, Collapse, CollapseItem, Comment, _sfc_main$1J as ConfigProvider, CountDown, CountUp, DatePicker, _Dialog as Dialog, Divider, Drag, Ecard, Elevator, Ellipsis, Empty, FixedNav, Form, FormItem, _sfc_main$1C as Grid, GridItem, _sfc_main$1P as Icon, Image$1 as Image, _ImagePreview as ImagePreview, Indicator, InfiniteLoading, Input, InputNumber, _sfc_main$1H as Layout, List, Locale, Menu, MenuItem, Navbar, NoticeBar, NotifyFunction as Notify, NumberKeyboard, OldPicker, OverLay, Pagination, Picker, Popover, Popup, Price, Progress, PullRefresh, _sfc_main$19 as Radio, _sfc_main$18 as RadioGroup, Range, Rate, Row, SearchBar, ShortPassword, SideNavBar, SideNavBarItem, Signature, Skeleton, Sku, Step, _sfc_main$G as Steps, _sfc_main$1E as Sticky, SubSideNavBar, Swipe, Swiper, SwiperItem, Switch, TabPane, Tabbar, TabbarItem, Table, Tabs, Tag, TextArea, TimeDetail, TimePannel, TimeSelect, ToastFunction as Toast, Uploader, Video, WaterMark, nutui_vue_build as default, install, version };