@nutui/nutui 3.2.1 → 3.2.2-beta.1

package/dist/nutui.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui v3.2.1 Tue Aug 09 2022 17:11:03 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.
 */
@@ -371,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)
+      );
     };
   }
 });
@@ -699,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");
@@ -924,19 +931,28 @@ 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;
-    });
+    );
+    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,
@@ -1049,9 +1065,13 @@ const component$8 = {
   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)
+      );
     };
   }
 };
@@ -1129,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");
@@ -1202,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(() => {
@@ -1220,22 +1243,16 @@ 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$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);
@@ -1265,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) => {
@@ -1281,20 +1298,14 @@ const _sfc_main$1F = create$1F({
               ${prefixCls}
               `;
     };
-    const handleClick = (evt) => {
-      evt.stopPropagation();
-      emit("click", evt);
-    };
     return {
-      getClasses,
-      handleClick
+      getClasses
     };
   }
 });
 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);
@@ -1405,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())
@@ -1445,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();
@@ -1456,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()]
+      );
     };
   }
 });
@@ -1571,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
     };
@@ -1643,10 +1671,14 @@ const component$7 = {
     });
     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)
+      );
     };
   }
 };
@@ -2149,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,
@@ -2487,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
     };
@@ -2585,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) {
@@ -2592,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,
@@ -2821,21 +2861,27 @@ 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 {
       classes,
       ...toRefs(state),
@@ -3179,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(() => {
@@ -3984,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"])),
@@ -4012,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"])),
@@ -4585,23 +4643,33 @@ 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 { panes, initLoading, tabsCursor, ...methods };
   }
 });
@@ -4720,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,
@@ -5161,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;
@@ -5217,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;
               }
@@ -5348,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]);
       }
@@ -5398,13 +5475,16 @@ 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 {
       weeks,
       compConthsData,
@@ -5544,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);
@@ -5579,6 +5659,10 @@ const _sfc_main$1h = create$1h({
       type: Boolean,
       default: false
     },
+    toDateAnimation: {
+      type: Boolean,
+      default: true
+    },
     poppable: {
       type: Boolean,
       default: true
@@ -5715,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",
@@ -5747,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, {
@@ -5769,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 ? {
@@ -5801,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) => {
@@ -5882,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, {
@@ -5901,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;
@@ -5931,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()]
+        );
       };
     }
   };
@@ -6007,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)
+      );
     };
   }
 });
@@ -6039,6 +6146,10 @@ const _sfc_main$1e = create$1e({
     threeDimensional: {
       type: Boolean,
       default: true
+    },
+    swipeDuration: {
+      type: [Number, String],
+      default: 1e3
     }
   },
   emits: ["click", "change"],
@@ -6066,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(() => {
@@ -6114,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");
@@ -6136,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 {
@@ -6193,20 +6305,28 @@ 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);
     });
@@ -6311,6 +6431,10 @@ 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"],
@@ -6430,25 +6554,39 @@ 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;
-    });
+    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),
@@ -6514,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),
@@ -6805,15 +6944,24 @@ 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;
-    });
+    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,
@@ -6888,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"],
@@ -6977,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,
@@ -6995,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]]);
@@ -7303,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);
     });
@@ -7523,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)
@@ -7540,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()]
+        ]
+      );
     };
   }
 });
@@ -7573,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)
+      );
     };
   }
 });
@@ -7824,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;
@@ -8073,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));
@@ -8167,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) {
@@ -8363,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) => {
@@ -8732,7 +8924,11 @@ const _sfc_main$13 = create$13({
           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" });
+        keys.push(
+          { id: customKeys[0], type: "custom" },
+          { id: 0, type: "number" },
+          { id: customKeys[1], type: "custom" }
+        );
       }
       return keys;
     }
@@ -8742,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;
@@ -8919,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) => {
@@ -9302,16 +9505,23 @@ 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);
     });
@@ -9506,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);
       }
     };
@@ -9518,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));
@@ -9533,12 +9747,18 @@ const _sfc_main$$ = create$$({
       if (props.visible)
         state.show = false;
     });
-    watch(() => props.visible, (val) => {
-      state.show = val;
-    });
-    watch(() => props.listData, (val) => {
-      state.formattedColumns = val;
-    });
+    watch(
+      () => props.visible,
+      (val) => {
+        state.show = val;
+      }
+    );
+    watch(
+      () => props.listData,
+      (val) => {
+        state.formattedColumns = val;
+      }
+    );
     return {
       classes,
       ...toRefs(state),
@@ -10359,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,
@@ -10878,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);
@@ -11445,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,
@@ -11584,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;
@@ -11925,9 +12157,12 @@ const _sfc_main$Q = create$Q({
       result += ("0" + seconds.toString()).slice(-2);
       return result;
     };
-    watch(() => audioData.currentTime, (value) => {
-      handle(value);
-    });
+    watch(
+      () => audioData.currentTime,
+      (value) => {
+        handle(value);
+      }
+    );
     provide("audioParent", {
       children: [],
       props,
@@ -12403,9 +12638,12 @@ const _sfc_main$M = create$M({
       }
       state.startOffset = scrollTop - scrollTop % props.height;
     };
-    watch(() => props.listData, () => {
-      state.list = props.listData.slice();
-    });
+    watch(
+      () => props.listData,
+      () => {
+        state.list = props.listData.slice();
+      }
+    );
     return {
       ...toRefs(state),
       list,
@@ -12877,12 +13115,18 @@ const _sfc_main$J = create$J({
       }
       return styles;
     });
-    watch(() => props.text, (value) => {
-      initScrollWrap();
-    });
-    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;
@@ -13244,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) {
@@ -13547,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)
+      );
     };
   }
 });
@@ -14047,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,
@@ -14492,11 +14756,14 @@ 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 {
       ...toRefs(state),
       onTouchStart,
@@ -14672,10 +14939,13 @@ 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;
@@ -14925,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;
@@ -15188,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);
       }
     };
@@ -15540,31 +15826,43 @@ 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();
-    });
+    );
+    watch(
+      () => props.endTime,
+      (value) => {
+        initTime();
+      }
+    );
+    watch(
+      () => props.startTime,
+      (value) => {
+        initTime();
+      }
+    );
     return {
       ...toRefs(props),
       slots,
@@ -15786,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) {
@@ -15865,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
@@ -15947,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") {
@@ -16636,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);
@@ -16906,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(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);
+    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 || [];
     });
@@ -17090,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;
@@ -17299,9 +17624,12 @@ const component = (componentName2, translate2) => {
           return [columns.key, columns.render];
         });
       };
-      watch(() => props.data, (val) => {
-        state.curData = val.slice();
-      });
+      watch(
+        () => props.data,
+        (val) => {
+          state.curData = val.slice();
+        }
+      );
       return {
         ...toRefs(state),
         classes,
@@ -17504,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();
     });
@@ -17536,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();
@@ -17769,7 +18102,13 @@ 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();
           };
@@ -17790,25 +18129,28 @@ const _sfc_main$o = create$o({
       }
     };
     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 {
@@ -18079,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
@@ -18125,35 +18470,56 @@ 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();
         }
-      });
-    });
+      }
+    );
+    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,
@@ -18426,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) {
@@ -18932,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);
@@ -19216,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];
@@ -19555,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,
@@ -20095,7 +20477,11 @@ const _sfc_main$6 = create$6({
         });
       }
     };
-    watch(() => props.data, () => trowelData(), { deep: true });
+    watch(
+      () => props.data,
+      () => trowelData(),
+      { deep: true }
+    );
     const clickDelIcon = (event, item) => {
       emit("handelDelIcon", event, item);
       event.stopPropagation();
@@ -20515,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) => {
@@ -20832,6 +21222,6 @@ function install(app) {
     }
   });
 }
-const version = "3.2.1";
+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 };