@nutui/nutui 3.2.1 → 3.2.2-beta.1

package/dist/nutui.umd.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.
 */
@@ -374,17 +374,21 @@
       return () => {
         var _a;
         const _isImage = isImage();
-        return vue.h(_isImage ? "img" : props.tag, {
-          class: _isImage ? `${componentName$1t}__img` : `${props.fontClassName} ${componentName$1t} ${props.classPrefix}-${props.name}`,
-          style: {
-            color: props.color,
-            fontSize: pxCheck(props.size),
-            width: pxCheck(props.size),
-            height: pxCheck(props.size)
+        return vue.h(
+          _isImage ? "img" : props.tag,
+          {
+            class: _isImage ? `${componentName$1t}__img` : `${props.fontClassName} ${componentName$1t} ${props.classPrefix}-${props.name}`,
+            style: {
+              color: props.color,
+              fontSize: pxCheck(props.size),
+              width: pxCheck(props.size),
+              height: pxCheck(props.size)
+            },
+            onClick: handleClick,
+            src: _isImage ? props.name : ""
           },
-          onClick: handleClick,
-          src: _isImage ? props.name : ""
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -702,9 +706,12 @@
           [props.overlayClass]: true
         };
       });
-      vue.watch(() => props.visible, (value) => {
-        value ? lock() : unlock();
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          value ? lock() : unlock();
+        }
+      );
       const lock = () => {
         if (props.lockScroll && props.visible) {
           document.body.classList.add("nut-overflow-hidden");
@@ -927,19 +934,28 @@
           state.keepAlive = true;
         }
       });
-      vue.watch(() => props.visible, (value) => {
-        if (value) {
-          open();
-        } else {
-          close();
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          if (value) {
+            open();
+          } else {
+            close();
+          }
         }
-      });
-      vue.watch(() => props.position, (value) => {
-        value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
-      });
-      vue.watch(() => props.closeable, (value) => {
-        state.closed = value;
-      });
+      );
+      vue.watch(
+        () => props.position,
+        (value) => {
+          value === "center" ? state.transitionName = "popup-fade" : state.transitionName = `popup-slide-${value}`;
+        }
+      );
+      vue.watch(
+        () => props.closeable,
+        (value) => {
+          state.closed = value;
+        }
+      );
       return {
         ...vue.toRefs(state),
         popStyle,
@@ -1052,9 +1068,13 @@
     setup(props, { slots }) {
       return () => {
         var _a;
-        return vue.h(props.tag, {
-          class: `nut-theme-${props.theme}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          props.tag,
+          {
+            class: `nut-theme-${props.theme}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   };
@@ -1132,9 +1152,12 @@
         };
         return styless;
       });
-      vue.watch(() => props.src, (val) => {
-        state.isError = false, state.loading = true;
-      });
+      vue.watch(
+        () => props.src,
+        (val) => {
+          state.isError = false, state.loading = true;
+        }
+      );
       const load = () => {
         state.loading = false;
         emit("load");
@@ -1205,8 +1228,8 @@
         default: "0"
       }
     },
-    emits: ["click"],
-    setup(props, { emit }) {
+    emits: [],
+    setup(props) {
       const prefixCls = componentName$1l;
       const gutter = vue.inject("gutter");
       const classes = vue.computed(() => {
@@ -1223,22 +1246,16 @@
           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 vue.openBlock(), vue.createElementBlock("view", {
       class: vue.normalizeClass(_ctx.classes),
-      style: vue.normalizeStyle(_ctx.style),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      style: vue.normalizeStyle(_ctx.style)
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 6);
@@ -1268,8 +1285,8 @@
         default: "nowrap"
       }
     },
-    emits: ["click"],
-    setup(props, { emit }) {
+    emits: [],
+    setup(props) {
       const prefixCls = componentName$1k;
       vue.provide("gutter", props.gutter);
       const getClass = (prefix, type) => {
@@ -1284,20 +1301,14 @@
               ${prefixCls}
               `;
       };
-      const handleClick = (evt) => {
-        evt.stopPropagation();
-        emit("click", evt);
-      };
       return {
-        getClasses,
-        handleClick
+        getClasses
       };
     }
   });
   function _sfc_render$1v(_ctx, _cache, $props, $setup, $data, $options) {
     return vue.openBlock(), vue.createElementBlock("view", {
-      class: vue.normalizeClass(_ctx.getClasses()),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+      class: vue.normalizeClass(_ctx.getClasses())
     }, [
       vue.renderSlot(_ctx.$slots, "default")
     ], 2);
@@ -1408,10 +1419,14 @@
       };
       const renderFixed = () => {
         var _a;
-        return vue.h("view", {
-          style: stickyStyle.value,
-          class: state.fixed ? `${componentName$1j} nut-sticky--fixed` : componentName$1j
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            style: stickyStyle.value,
+            class: state.fixed ? `${componentName$1j} nut-sticky--fixed` : componentName$1j
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const onScroll = () => {
         if (!isExistRoot())
@@ -1448,9 +1463,12 @@
           fixed: state.fixed
         });
       };
-      vue.watch(() => state.fixed, (val) => {
-        emit("change", val);
-      });
+      vue.watch(
+        () => state.fixed,
+        (val) => {
+          emit("change", val);
+        }
+      );
       vue.onMounted(() => {
         window.addEventListener("scroll", onScroll);
         onScroll();
@@ -1459,10 +1477,14 @@
         window.removeEventListener("scroll", onScroll);
       });
       return () => {
-        return vue.h("view", {
-          style: rootStyle.value,
-          ref: root
-        }, [renderFixed()]);
+        return vue.h(
+          "view",
+          {
+            style: rootStyle.value,
+            ref: root
+          },
+          [renderFixed()]
+        );
       };
     }
   });
@@ -1574,11 +1596,17 @@
     };
     const extend = Object.assign;
     return (value) => {
-      vue.provide(key, extend({
-        add,
-        remove,
-        internalChildren
-      }, value));
+      vue.provide(
+        key,
+        extend(
+          {
+            add,
+            remove,
+            internalChildren
+          },
+          value
+        )
+      );
       return {
         internalChildren
       };
@@ -1646,10 +1674,14 @@
       });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: rootClass.value,
-          style: rootStyle.value
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: rootClass.value,
+            style: rootStyle.value
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   };
@@ -2152,11 +2184,17 @@
               publicChildren.push(child.proxy);
             }
           };
-          vue.provide("menuParent", Object.assign({
-            link,
-            children: publicChildren,
-            internalChildren
-          }, value));
+          vue.provide(
+            "menuParent",
+            Object.assign(
+              {
+                link,
+                children: publicChildren,
+                internalChildren
+              },
+              value
+            )
+          );
         };
         return {
           children: publicChildren,
@@ -2490,9 +2528,12 @@
         changeIndex
       });
       vue.provide("parent", parentData);
-      vue.watch(() => props.visible, (value) => {
-        parentData.modelValue = value;
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          parentData.modelValue = value;
+        }
+      );
       return {
         changeIndex
       };
@@ -2588,6 +2629,7 @@
         return null;
       });
       vue.watch(choosed, (value, oldValue) => {
+        var _a, _b;
         state.active = value;
         let index = value;
         if (props.name) {
@@ -2595,20 +2637,18 @@
             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,
@@ -2824,21 +2864,27 @@
       useExpose({
         scrollTo
       });
-      vue.watch(() => state.listGroup.length, () => {
-        state.listHeight = [];
-        vue.nextTick(calculateHeight);
-      });
-      vue.watch(() => state.diff, (newVal) => {
-        const listHeight = state.listHeight;
-        let fixedTop = newVal > 0 && newVal < props.titleHeight ? newVal - props.titleHeight : 0;
-        if (state.scrollY + clientHeight.value === listHeight[listHeight.length - 1]) {
-          if (fixedTop !== 0)
-            fixedTop = 0;
+      vue.watch(
+        () => state.listGroup.length,
+        () => {
+          state.listHeight = [];
+          vue.nextTick(calculateHeight);
+        }
+      );
+      vue.watch(
+        () => state.diff,
+        (newVal) => {
+          const listHeight = state.listHeight;
+          let fixedTop = newVal > 0 && newVal < props.titleHeight ? newVal - props.titleHeight : 0;
+          if (state.scrollY + clientHeight.value === listHeight[listHeight.length - 1]) {
+            if (fixedTop !== 0)
+              fixedTop = 0;
+          }
+          if (state.fixedTop === fixedTop)
+            return;
+          state.fixedTop = fixedTop;
         }
-        if (state.fixedTop === fixedTop)
-          return;
-        state.fixedTop = fixedTop;
-      });
+      );
       return {
         classes,
         ...vue.toRefs(state),
@@ -3182,15 +3228,21 @@
         }
         findTabsIndex(props.modelValue);
       };
-      vue.watch(() => {
-        var _a;
-        return (_a = slots.default) == null ? void 0 : _a.call(slots);
-      }, (vnodes) => {
-        init(vnodes);
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        findTabsIndex(value);
-      });
+      vue.watch(
+        () => {
+          var _a;
+          return (_a = slots.default) == null ? void 0 : _a.call(slots);
+        },
+        (vnodes) => {
+          init(vnodes);
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          findTabsIndex(value);
+        }
+      );
       vue.onMounted(init);
       vue.onActivated(init);
       const contentStyle = vue.computed(() => {
@@ -3987,12 +4039,15 @@
               "aria-valuenow": _ctx.curValue(index),
               "aria-valuemax": +_ctx.max,
               "aria-orientation": "horizontal",
-              onTouchstart: vue.withModifiers((e) => {
-                if (typeof index === "number") {
-                  _ctx.buttonIndex = index;
-                }
-                _ctx.onTouchStart(e);
-              }, ["stop", "prevent"]),
+              onTouchstart: vue.withModifiers(
+                (e) => {
+                  if (typeof index === "number") {
+                    _ctx.buttonIndex = index;
+                  }
+                  _ctx.onTouchStart(e);
+                },
+                ["stop", "prevent"]
+              ),
               onTouchmove: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
               onTouchend: _cache[1] || (_cache[1] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
               onTouchcancel: _cache[2] || (_cache[2] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4015,9 +4070,12 @@
             "aria-valuenow": _ctx.curValue(),
             "aria-valuemax": +_ctx.max,
             "aria-orientation": "horizontal",
-            onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers((e) => {
-              _ctx.onTouchStart(e);
-            }, ["stop", "prevent"])),
+            onTouchstart: _cache[4] || (_cache[4] = vue.withModifiers(
+              (e) => {
+                _ctx.onTouchStart(e);
+              },
+              ["stop", "prevent"]
+            )),
             onTouchmove: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.onTouchMove && _ctx.onTouchMove(...args), ["stop", "prevent"])),
             onTouchend: _cache[6] || (_cache[6] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
             onTouchcancel: _cache[7] || (_cache[7] = vue.withModifiers((...args) => _ctx.onTouchEnd && _ctx.onTouchEnd(...args), ["stop", "prevent"])),
@@ -4588,23 +4646,33 @@
           return pane.selectedNode && pane.selectedNode.value === node.value;
         }
       };
-      vue.watch([configs, () => props.options], () => {
-        init();
-      }, {
-        deep: true,
-        immediate: true
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        if (value !== innerValue.value) {
-          innerValue.value = value;
-          syncValue();
+      vue.watch(
+        [configs, () => props.options],
+        () => {
+          init();
+        },
+        {
+          deep: true,
+          immediate: true
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          if (value !== innerValue.value) {
+            innerValue.value = value;
+            syncValue();
+          }
         }
-      });
-      vue.watch(() => props.visible, (val) => {
-        if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
-          syncValue();
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          if (val && Array.isArray(innerValue.value) && innerValue.value.length > 0) {
+            syncValue();
+          }
         }
-      });
+      );
       return { panes, initLoading, tabsCursor, ...methods };
     }
   });
@@ -4723,11 +4791,14 @@
       const onPathChange = (pathNodes) => {
         emit("pathChange", pathNodes);
       };
-      vue.watch(() => props.modelValue, (value) => {
-        if (value !== innerValue.value) {
-          innerValue.value = value;
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          if (value !== innerValue.value) {
+            innerValue.value = value;
+          }
         }
-      });
+      );
       return {
         onChange,
         onPathChange,
@@ -5164,11 +5235,17 @@
         }
         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;
@@ -5220,9 +5297,9 @@
           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;
                 }
@@ -5351,7 +5428,7 @@
         }
         return false;
       };
-      const rangeTip = (day, month) => {
+      const rangeTip = () => {
         if (state.currDate.length >= 2) {
           return Utils.isEqual(state.currDate[0], state.currDate[1]);
         }
@@ -5401,13 +5478,16 @@
         initData();
       };
       initData();
-      vue.watch(() => props.defaultValue, (val) => {
-        if (val) {
-          if (props.poppable) {
-            resetRender();
+      vue.watch(
+        () => props.defaultValue,
+        (val) => {
+          if (val) {
+            if (props.poppable) {
+              resetRender();
+            }
           }
         }
-      });
+      );
       return {
         weeks,
         compConthsData,
@@ -5547,7 +5627,7 @@
                         !_ctx.bottomInfo && _ctx.showToday && _ctx.isCurrDay(day) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_12$5, vue.toDisplayString(_ctx.translate("today")), 1)) : vue.createCommentVNode("", true),
                         _ctx.isStartTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", {
                           key: 3,
-                          class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip(day, month) }])
+                          class: vue.normalizeClass(["calendar-day-tip", { "calendar-curr-tips-top": _ctx.rangeTip() }])
                         }, vue.toDisplayString(_ctx.startText || _ctx.translate("start")), 3)) : vue.createCommentVNode("", true),
                         _ctx.isEndTip(day, month) ? (vue.openBlock(), vue.createElementBlock("view", _hoisted_13$3, vue.toDisplayString(_ctx.endText || _ctx.translate("end")), 1)) : vue.createCommentVNode("", true)
                       ], 10, _hoisted_8$d);
@@ -5582,6 +5662,10 @@
         type: Boolean,
         default: false
       },
+      toDateAnimation: {
+        type: Boolean,
+        default: true
+      },
       poppable: {
         type: Boolean,
         default: true
@@ -5718,7 +5802,8 @@
           onSelect: _ctx.select,
           "show-today": _ctx.showToday,
           "show-title": _ctx.showTitle,
-          "show-sub-title": _ctx.showSubTitle
+          "show-sub-title": _ctx.showSubTitle,
+          "to-date-animation": _ctx.toDateAnimation
         }, vue.createSlots({ _: 2 }, [
           _ctx.showTopBtn ? {
             name: "btn",
@@ -5750,7 +5835,7 @@
               })
             ])
           } : void 0
-        ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title"])) : vue.createCommentVNode("", true)
+        ]), 1032, ["type", "is-auto-back-fill", "poppable", "title", "confirm-text", "start-text", "end-text", "default-value", "start-date", "end-date", "onUpdate", "onClose", "onChoose", "onSelect", "show-today", "show-title", "show-sub-title", "to-date-animation"])) : vue.createCommentVNode("", true)
       ]),
       _: 3
     }, 8, ["visible", "onClickOverlay", "onClickCloseIcon"])) : (vue.openBlock(), vue.createBlock(_component_nut_calendar_item, {
@@ -5772,6 +5857,7 @@
       "show-today": _ctx.showToday,
       "show-title": _ctx.showTitle,
       "show-sub-title": _ctx.showSubTitle,
+      "to-date-animation": _ctx.toDateAnimation,
       ref: "calendarRef"
     }, vue.createSlots({ _: 2 }, [
       _ctx.showTopBtn ? {
@@ -5804,7 +5890,7 @@
           })
         ])
       } : 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) => {
@@ -5885,13 +5971,16 @@
           emit("update:modelValue", value);
           emit("change", value, label);
         };
-        vue.watch(() => props.modelValue, (v) => {
-          if (updateType == "click") {
-            updateType = "";
-          } else {
-            emit("change", v);
+        vue.watch(
+          () => props.modelValue,
+          (v) => {
+            if (updateType == "click") {
+              updateType = "";
+            } else {
+              emit("change", v);
+            }
           }
-        });
+        );
         const renderIcon = () => {
           const { iconName, iconSize, iconActiveName, iconClassPrefix, iconFontClassName, iconIndeterminateName } = props;
           return vue.h(nutIcon, {
@@ -5904,9 +5993,13 @@
         };
         const renderLabel = () => {
           var _a;
-          return vue.h("view", {
-            class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
-          }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+          return vue.h(
+            "view",
+            {
+              class: `${componentName2}__label ${pDisabled.value ? `${componentName2}__label--disabled` : ""}`
+            },
+            (_a = slots.default) == null ? void 0 : _a.call(slots)
+          );
         };
         const handleClick = (e) => {
           var _a, _b;
@@ -5934,14 +6027,21 @@
         vue.onMounted(() => {
           hasParent.value && parent["relation"](vue.getCurrentInstance());
         });
-        vue.watch(() => props.indeterminate, (newVal) => {
-          state.partialSelect = newVal;
-        });
+        vue.watch(
+          () => props.indeterminate,
+          (newVal) => {
+            state.partialSelect = newVal;
+          }
+        );
         return () => {
-          return vue.h("view", {
-            class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
-            onClick: handleClick
-          }, [renderIcon(), renderLabel()]);
+          return vue.h(
+            "view",
+            {
+              class: `${componentName2} ${props.textPosition === "left" ? `${componentName2}--reverse` : ""}`,
+              onClick: handleClick
+            },
+            [renderIcon(), renderLabel()]
+          );
         };
       }
     };
@@ -6010,15 +6110,22 @@
         updateValue,
         relation
       });
-      vue.watch(() => props.modelValue, (value) => {
-        emit("change", value);
-      });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          emit("change", value);
+        }
+      );
       useExpose({ toggleAll, toggleReverse });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$13}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$13}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -6042,6 +6149,10 @@
       threeDimensional: {
         type: Boolean,
         default: true
+      },
+      swipeDuration: {
+        type: [Number, String],
+        default: 1e3
       }
     },
     emits: ["click", "change"],
@@ -6069,6 +6180,7 @@
       const moving = vue.ref(false);
       const touchDeg = vue.ref(0);
       const touchTime = vue.ref(0);
+      const DEFAULT_DURATION = 200;
       const INERTIA_TIME = 300;
       const INERTIA_DISTANCE = 15;
       const touchRollerStyle = vue.computed(() => {
@@ -6117,7 +6229,7 @@
         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");
@@ -6139,7 +6251,7 @@
           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 {
@@ -6196,20 +6308,28 @@
         moving.value = false;
         setChooseValue();
       };
-      vue.watch(() => props.column, (val) => {
-        if (props.column && props.column.length > 0) {
+      vue.watch(
+        () => props.column,
+        (val) => {
+          if (props.column && props.column.length > 0) {
+            state.transformY = 0;
+            modifyStatus(false);
+          }
+        },
+        {
+          deep: true
+        }
+      );
+      vue.watch(
+        () => props.value,
+        (val) => {
           state.transformY = 0;
           modifyStatus(false);
+        },
+        {
+          deep: true
         }
-      }, {
-        deep: true
-      });
-      vue.watch(() => props.value, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      }, {
-        deep: true
-      });
+      );
       vue.onMounted(() => {
         modifyStatus(true);
       });
@@ -6314,6 +6434,10 @@
       threeDimensional: {
         type: Boolean,
         default: true
+      },
+      swipeDuration: {
+        type: [Number, String],
+        default: 1e3
       }
     },
     emits: ["close", "change", "confirm", "update:visible", "update:modelValue"],
@@ -6433,25 +6557,39 @@
         if (props.visible)
           state.show = false;
       });
-      vue.watch(() => props.modelValue, (newValues) => {
-        const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
-        if (!isSameValue) {
-          defaultValues.value = newValues;
-        }
-      }, { deep: true });
-      vue.watch(defaultValues, (newValues) => {
-        const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
-        if (!isSameValue) {
-          emit("update:modelValue", newValues);
-        }
-      }, { immediate: true });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
-      vue.watch(() => props.columns, (val) => {
-        if (val.length)
-          state.formattedColumns = val;
-      });
+      vue.watch(
+        () => props.modelValue,
+        (newValues) => {
+          const isSameValue = JSON.stringify(newValues) === JSON.stringify(defaultValues.value);
+          if (!isSameValue) {
+            defaultValues.value = newValues;
+          }
+        },
+        { deep: true }
+      );
+      vue.watch(
+        defaultValues,
+        (newValues) => {
+          const isSameValue = JSON.stringify(newValues) === JSON.stringify(props.modelValue);
+          if (!isSameValue) {
+            emit("update:modelValue", newValues);
+          }
+        },
+        { immediate: true }
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
+      vue.watch(
+        () => props.columns,
+        (val) => {
+          if (val.length)
+            state.formattedColumns = val;
+        }
+      );
       return {
         classes,
         ...vue.toRefs(state),
@@ -6517,10 +6655,11 @@
                   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),
@@ -6808,15 +6947,24 @@
       vue.onBeforeMount(() => {
         state.currentDate = formatValue(props.modelValue);
       });
-      vue.watch(() => props.modelValue, (value) => {
-        state.currentDate = formatValue(value);
-      });
-      vue.watch(() => props.title, (val) => {
-        state.title = val;
-      });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          state.currentDate = formatValue(value);
+        }
+      );
+      vue.watch(
+        () => props.title,
+        (val) => {
+          state.title = val;
+        }
+      );
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
       return {
         ...vue.toRefs(state),
         changeHandler,
@@ -6891,6 +7039,14 @@
       readonly: {
         type: Boolean,
         default: false
+      },
+      iconLeft: {
+        type: String,
+        default: "minus"
+      },
+      iconRight: {
+        type: String,
+        default: "plus"
       }
     },
     emits: ["update:modelValue", "change", "blur", "focus", "reduce", "add", "overlimit"],
@@ -6980,12 +7136,11 @@
       class: vue.normalizeClass(_ctx.classes),
       style: vue.normalizeStyle({ height: _ctx.pxCheck(_ctx.buttonSize) })
     }, [
-      vue.createVNode(_component_nut_icon, {
-        name: "minus",
-        class: vue.normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }]),
-        size: _ctx.buttonSize,
-        onClick: _ctx.reduce
-      }, null, 8, ["class", "size", "onClick"]),
+      vue.createVNode(_component_nut_icon, vue.mergeProps({
+        name: _ctx.iconLeft,
+        class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.reduceAllow() }],
+        size: _ctx.buttonSize
+      }, _ctx.$attrs, { onClick: _ctx.reduce }), null, 16, ["name", "class", "size", "onClick"]),
       vue.createElementVNode("input", {
         type: "number",
         min: _ctx.min,
@@ -6998,12 +7153,11 @@
         onBlur: _cache[1] || (_cache[1] = (...args) => _ctx.blur && _ctx.blur(...args)),
         onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.focus && _ctx.focus(...args))
       }, null, 44, _hoisted_1$Z),
-      vue.createVNode(_component_nut_icon, {
-        name: "plus",
-        class: vue.normalizeClass(["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }]),
-        size: _ctx.buttonSize,
-        onClick: _ctx.add
-      }, null, 8, ["class", "size", "onClick"])
+      vue.createVNode(_component_nut_icon, vue.mergeProps({
+        name: _ctx.iconRight,
+        class: ["nut-inputnumber__icon", { "nut-inputnumber__icon--disabled": !_ctx.addAllow() }],
+        size: _ctx.buttonSize
+      }, _ctx.$attrs, { onClick: _ctx.add }), null, 16, ["name", "class", "size", "onClick"])
     ], 6);
   }
   var InputNumber = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$17]]);
@@ -7306,10 +7460,13 @@
           return;
         }
       };
-      vue.watch(() => props.modelValue, () => {
-        updateValue(getModelValue());
-        resetValidation();
-      });
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          updateValue(getModelValue());
+          resetValidation();
+        }
+      );
       vue.onMounted(() => {
         updateValue(getModelValue(), props.formatTrigger);
       });
@@ -7526,15 +7683,23 @@
       };
       const renderLabel = () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_}__label ${props.disabled ? `${componentName$_}__label--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const renderButton = () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$_}__button ${isCurValue.value && `${componentName$_}__button--active`} ${props.disabled ? `${componentName$_}__button--disabled` : ""}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_}__button ${isCurValue.value && `${componentName$_}__button--active`} ${props.disabled ? `${componentName$_}__button--disabled` : ""}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
       const handleClick = () => {
         if (isCurValue.value || props.disabled)
@@ -7543,12 +7708,16 @@
       };
       let reverseState = position.value === "left";
       return () => {
-        return vue.h("view", {
-          class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
-          onClick: handleClick
-        }, [
-          props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
-        ]);
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$_} ${componentName$_}--${props.shape} ${reverseState ? `${componentName$_}--reverse` : ""}`,
+            onClick: handleClick
+          },
+          [
+            props.shape == "button" ? renderButton() : reverseState ? [renderLabel(), renderIcon()] : [renderIcon(), renderLabel()]
+          ]
+        );
       };
     }
   });
@@ -7576,12 +7745,19 @@
         position: props.textPosition,
         updateValue
       });
-      vue.watch(() => props.modelValue, (value) => emit("change", value));
+      vue.watch(
+        () => props.modelValue,
+        (value) => emit("change", value)
+      );
       return () => {
         var _a;
-        return vue.h("view", {
-          class: `${componentName$Z} ${componentName$Z}--${props.direction}`
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: `${componentName$Z} ${componentName$Z}--${props.direction}`
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -7827,16 +8003,23 @@
       function focus() {
         realpwd.value.focus();
       }
-      vue.watch(() => props.visible, (value) => {
-        show.value = value;
-      });
-      vue.watch(() => props.modelValue, (value) => {
-        realInput.value = value;
-        emit("update:modelValue", value);
-      }, {
-        deep: true,
-        immediate: true
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          show.value = value;
+        }
+      );
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          realInput.value = value;
+          emit("update:modelValue", value);
+        },
+        {
+          deep: true,
+          immediate: true
+        }
+      );
       function changeValue(e) {
         const input = e.target;
         let val = input.value;
@@ -8076,11 +8259,14 @@
           textarea.style.height = height + "px";
         }
       };
-      vue.watch(() => props.modelValue, () => {
-        if (props.autosize) {
-          vue.nextTick(getContentHeight);
+      vue.watch(
+        () => props.modelValue,
+        () => {
+          if (props.autosize) {
+            vue.nextTick(getContentHeight);
+          }
         }
-      });
+      );
       const emitChange = (value, event) => {
         if (props.maxLength && value.length > Number(props.maxLength)) {
           value = value.substring(0, Number(props.maxLength));
@@ -8170,10 +8356,14 @@
       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) {
@@ -8366,9 +8556,11 @@
         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) => {
@@ -8735,7 +8927,11 @@
             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;
       }
@@ -8745,9 +8941,12 @@
         }
         return defaultKey();
       });
-      vue.watch(() => props.visible, (value) => {
-        show.value = value;
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          show.value = value;
+        }
+      );
       function onTouchstart(item, event) {
         event.stopPropagation();
         clickKeyIndex.value = item.id;
@@ -8922,9 +9121,13 @@
       const reset = () => {
         clearErrorTips();
       };
-      vue.watch(() => props.modelValue, (value) => {
-        clearErrorTips(value);
-      }, { immediate: true });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          clearErrorTips(value);
+        },
+        { immediate: true }
+      );
       const findFormItem = (vnodes) => {
         let task = [];
         vnodes.forEach((vnode, index) => {
@@ -9305,16 +9508,23 @@
         type && setChooseValue();
         setMove(-move);
       };
-      vue.watch(() => props.listData, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      }, {
-        deep: true
-      });
-      vue.watch(() => props.defaultIndex, (val) => {
-        state.transformY = 0;
-        modifyStatus(false);
-      });
+      vue.watch(
+        () => props.listData,
+        (val) => {
+          state.transformY = 0;
+          modifyStatus(false);
+        },
+        {
+          deep: true
+        }
+      );
+      vue.watch(
+        () => props.defaultIndex,
+        (val) => {
+          state.transformY = 0;
+          modifyStatus(false);
+        }
+      );
       vue.onMounted(() => {
         modifyStatus(true);
       });
@@ -9509,7 +9719,9 @@
           _defaultIndex = dataIndex;
         } else if (dataType.value === "multipleColumns") {
           defaultIndexList[columnIndex] = dataIndex;
-          const val = defaultIndexList.map((res, i) => vue.toRaw(state.formattedColumns)[i].values[res]);
+          const val = defaultIndexList.map(
+            (res, i) => vue.toRaw(state.formattedColumns)[i].values[res]
+          );
           emit("change", val, columnIndex, dataIndex);
         }
       };
@@ -9521,7 +9733,9 @@
           for (let i = 0; i < defaultIndexList.length; i++) {
             state.formattedColumns[i].defaultIndex = defaultIndexList[i];
           }
-          const checkedArr = vue.toRaw(state.formattedColumns).map((res) => res.values && res.values[res.defaultIndex]);
+          const checkedArr = vue.toRaw(state.formattedColumns).map(
+            (res) => res.values && res.values[res.defaultIndex]
+          );
           emit("confirm", checkedArr);
         } else if (dataType.value === "cascade") {
           emit("confirm", getCascadeData(vue.toRaw(state.formattedColumns), state.defaultIndex));
@@ -9536,12 +9750,18 @@
         if (props.visible)
           state.show = false;
       });
-      vue.watch(() => props.visible, (val) => {
-        state.show = val;
-      });
-      vue.watch(() => props.listData, (val) => {
-        state.formattedColumns = val;
-      });
+      vue.watch(
+        () => props.visible,
+        (val) => {
+          state.show = val;
+        }
+      );
+      vue.watch(
+        () => props.listData,
+        (val) => {
+          state.formattedColumns = val;
+        }
+      );
       return {
         classes,
         ...vue.toRefs(state),
@@ -10362,12 +10582,15 @@
           });
         }
       });
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-        if (value) {
-          emit("opened");
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+          if (value) {
+            emit("opened");
+          }
         }
-      });
+      );
       const classes = vue.computed(() => {
         return {
           [componentName$P]: true,
@@ -10881,11 +11104,14 @@
       if (props.duration) {
         show();
       }
-      vue.watch(() => props.duration, (val) => {
-        if (val) {
-          show();
+      vue.watch(
+        () => props.duration,
+        (val) => {
+          if (val) {
+            show();
+          }
         }
-      });
+      );
       const onAfterLeave = () => {
         clearTimer();
         props.unmount && props.unmount(props.id);
@@ -11448,13 +11674,16 @@
         emit("update:modelValue", value);
         emit("change", value, event);
       };
-      vue.watch(() => props.modelValue, (v) => {
-        if (updateType == "click") {
-          updateType = "";
-        } else {
-          emit("change", v);
+      vue.watch(
+        () => props.modelValue,
+        (v) => {
+          if (updateType == "click") {
+            updateType = "";
+          } else {
+            emit("change", v);
+          }
         }
-      });
+      );
       return {
         classes,
         style,
@@ -11587,11 +11816,14 @@
       if (props.duration) {
         show();
       }
-      vue.watch(() => props.duration, (val) => {
-        if (val) {
-          show();
+      vue.watch(
+        () => props.duration,
+        (val) => {
+          if (val) {
+            show();
+          }
         }
-      });
+      );
       const hasIcon = vue.computed(() => {
         if (props.type !== "text") {
           return true;
@@ -11928,9 +12160,12 @@
         result += ("0" + seconds.toString()).slice(-2);
         return result;
       };
-      vue.watch(() => audioData.currentTime, (value) => {
-        handle(value);
-      });
+      vue.watch(
+        () => audioData.currentTime,
+        (value) => {
+          handle(value);
+        }
+      );
       vue.provide("audioParent", {
         children: [],
         props,
@@ -12406,9 +12641,12 @@
         }
         state.startOffset = scrollTop - scrollTop % props.height;
       };
-      vue.watch(() => props.listData, () => {
-        state.list = props.listData.slice();
-      });
+      vue.watch(
+        () => props.listData,
+        () => {
+          state.list = props.listData.slice();
+        }
+      );
       return {
         ...vue.toRefs(state),
         list,
@@ -12880,12 +13118,18 @@
         }
         return styles;
       });
-      vue.watch(() => props.text, (value) => {
-        initScrollWrap();
-      });
-      vue.watch(() => props.list, (value) => {
-        state.scrollList = [].concat(value);
-      });
+      vue.watch(
+        () => props.text,
+        (value) => {
+          initScrollWrap();
+        }
+      );
+      vue.watch(
+        () => props.list,
+        (value) => {
+          state.scrollList = [].concat(value);
+        }
+      );
       const initScrollWrap = (value) => {
         if (state.showNoticeBar == false) {
           return;
@@ -13247,16 +13491,23 @@
       const isDisabled = vue.computed(() => {
         return props.options.disabled;
       });
-      vue.watch(() => props.source, (newValue) => {
-        if (newValue.src) {
-          vue.nextTick(() => {
-            state.videoElm.load();
-          });
+      vue.watch(
+        () => props.source,
+        (newValue) => {
+          if (newValue.src) {
+            vue.nextTick(() => {
+              state.videoElm.load();
+            });
+          }
         }
-      });
-      vue.watch(() => props.options, (newValue) => {
-        state.state.isMuted = newValue ? newValue.muted : false;
-      }, { immediate: true });
+      );
+      vue.watch(
+        () => props.options,
+        (newValue) => {
+          state.state.isMuted = newValue ? newValue.muted : false;
+        },
+        { immediate: true }
+      );
       const init = () => {
         state.videoElm = root.value;
         if (props.options.autoplay) {
@@ -13550,9 +13801,13 @@
       });
       return () => {
         var _a;
-        return vue.h("view", {
-          class: classes.value
-        }, (_a = slots.default) == null ? void 0 : _a.call(slots));
+        return vue.h(
+          "view",
+          {
+            class: classes.value
+          },
+          (_a = slots.default) == null ? void 0 : _a.call(slots)
+        );
       };
     }
   });
@@ -14050,19 +14305,28 @@
       vue.onBeforeUnmount(() => {
         stopAutoPlay();
       });
-      vue.watch(() => props.initPage, (val) => {
-        vue.nextTick(() => {
-          init(Number(val));
-        });
-      });
-      vue.watch(() => state.children.length, () => {
-        vue.nextTick(() => {
-          init();
-        });
-      });
-      vue.watch(() => props.autoPlay, (val) => {
-        val > 0 ? autoplay() : stopAutoPlay();
-      });
+      vue.watch(
+        () => props.initPage,
+        (val) => {
+          vue.nextTick(() => {
+            init(Number(val));
+          });
+        }
+      );
+      vue.watch(
+        () => state.children.length,
+        () => {
+          vue.nextTick(() => {
+            init();
+          });
+        }
+      );
+      vue.watch(
+        () => props.autoPlay,
+        (val) => {
+          val > 0 ? autoplay() : stopAutoPlay();
+        }
+      );
       return {
         state,
         classes,
@@ -14495,11 +14759,14 @@
       };
       const clamp = (num, min, max) => Math.min(Math.max(num, min), max);
       vue.watch(() => props.initNo, resetScale);
-      vue.watch(() => props.show, (value) => {
-        if (!value) {
-          resetScale();
+      vue.watch(
+        () => props.show,
+        (value) => {
+          if (!value) {
+            resetScale();
+          }
         }
-      });
+      );
       return {
         ...vue.toRefs(state),
         onTouchStart,
@@ -14675,10 +14942,13 @@
           state.rootWidth = swipeRef.value.offsetWidth;
         }, 100);
       };
-      vue.watch(() => props.show, (val) => {
-        state.showPop = val;
-        init();
-      });
+      vue.watch(
+        () => props.show,
+        (val) => {
+          state.showPop = val;
+          init();
+        }
+      );
       vue.onMounted(() => {
         state.active = props.initNo;
         state.showPop = props.show;
@@ -14928,23 +15198,35 @@
         typeMachine: ""
       });
       const { startFlag, scrolling, customBgImg, type } = vue.reactive(props);
-      vue.watch(() => props.customChangeNum, (count2, prevCount) => {
-        clearIntervalTime();
-        countGo(0);
-      });
-      vue.watch(() => props.machinePrizeLevel, (count2, prevCount) => {
-        data.prizeLevelTrun = count2;
-      });
-      vue.watch(() => props.initNum, (count2, prevCount) => {
-        data.current = count2;
-        data.valFlag = false;
-        valChange();
-      });
-      vue.watch(() => props.endNum, (count2, prevCount) => {
-        data.current = props.initNum;
-        data.valFlag = false;
-        valChange();
-      });
+      vue.watch(
+        () => props.customChangeNum,
+        (count2, prevCount) => {
+          clearIntervalTime();
+          countGo(0);
+        }
+      );
+      vue.watch(
+        () => props.machinePrizeLevel,
+        (count2, prevCount) => {
+          data.prizeLevelTrun = count2;
+        }
+      );
+      vue.watch(
+        () => props.initNum,
+        (count2, prevCount) => {
+          data.current = count2;
+          data.valFlag = false;
+          valChange();
+        }
+      );
+      vue.watch(
+        () => props.endNum,
+        (count2, prevCount) => {
+          data.current = props.initNum;
+          data.valFlag = false;
+          valChange();
+        }
+      );
       const valChange = () => {
         if (data.valFlag) {
           return false;
@@ -15191,7 +15473,11 @@
             if (data.prizeLevelTrun < 0) {
               newLocation += props.numHeight * data.notPrize[i];
             }
-            scrollTime(i, newLocation, local);
+            scrollTime(
+              i,
+              newLocation,
+              local
+            );
           }, 500 * i);
         }
       };
@@ -15543,31 +15829,43 @@
           state.restTime = props.time;
         }
       });
-      vue.watch(() => state.restTime, (value) => {
-        let tranTime = formatRemainTime(value, "custom");
-        emit("update:modelValue", tranTime);
-        emit("input", tranTime);
-      });
-      vue.watch(() => props.paused, (v, ov) => {
-        if (!ov) {
-          if (state.counting) {
-            pause();
-          }
-        } else {
-          if (!state.counting) {
-            state.counting = true;
-            state.handleEndTime = Date.now() + Number(state.restTime);
-            tick();
+      vue.watch(
+        () => state.restTime,
+        (value) => {
+          let tranTime = formatRemainTime(value, "custom");
+          emit("update:modelValue", tranTime);
+          emit("input", tranTime);
+        }
+      );
+      vue.watch(
+        () => props.paused,
+        (v, ov) => {
+          if (!ov) {
+            if (state.counting) {
+              pause();
+            }
+          } else {
+            if (!state.counting) {
+              state.counting = true;
+              state.handleEndTime = Date.now() + Number(state.restTime);
+              tick();
+            }
+            emit("on-restart", state.restTime);
           }
-          emit("on-restart", state.restTime);
         }
-      });
-      vue.watch(() => props.endTime, (value) => {
-        initTime();
-      });
-      vue.watch(() => props.startTime, (value) => {
-        initTime();
-      });
+      );
+      vue.watch(
+        () => props.endTime,
+        (value) => {
+          initTime();
+        }
+      );
+      vue.watch(
+        () => props.startTime,
+        (value) => {
+          initTime();
+        }
+      );
       return {
         ...vue.toRefs(props),
         slots,
@@ -15789,32 +16087,47 @@
     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) {
@@ -15868,7 +16181,7 @@
     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
@@ -15950,8 +16263,8 @@
     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") {
@@ -16639,13 +16952,19 @@
       vue.onUnmounted(() => {
         window.removeEventListener("click", clickAway, true);
       });
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-        uploadLocation();
-      });
-      vue.watch(() => props.location, (value) => {
-        uploadLocation();
-      });
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+          uploadLocation();
+        }
+      );
+      vue.watch(
+        () => props.location,
+        (value) => {
+          uploadLocation();
+        }
+      );
       const update = (val) => {
         emit("update", val);
         emit("update:visible", val);
@@ -16909,25 +17228,28 @@
     setup(props, { emit, slots }) {
       const collapseDom = vue.ref(null);
       const collapseChldren = vue.ref([]);
-      vue.watch(() => props.active, (newval, oldval) => {
-        let doms = collapseChldren.value;
-        Array.from(doms).forEach((item) => {
-          if (typeof newval == "number" || typeof newval == "string") {
-            if (newval == item.name) {
-              item.changeOpen(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);
+      vue.watch(
+        () => props.active,
+        (newval, oldval) => {
+          let doms = collapseChldren.value;
+          Array.from(doms).forEach((item) => {
+            if (typeof newval == "number" || typeof newval == "string") {
+              if (newval == item.name) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
+            } else if (Object.values(newval) instanceof Array) {
+              if (newval.indexOf(Number(item.name)) > -1 || newval.indexOf(String(item.name)) > -1) {
+                item.changeOpen(true);
+              } else {
+                item.changeOpen(false);
+              }
             }
-          }
-          item.animation();
-        });
-      });
+            item.animation();
+          });
+        }
+      );
       vue.onMounted(() => {
         collapseChldren.value = vue.getCurrentInstance().provides.collapseParent.children || [];
       });
@@ -17093,14 +17415,17 @@
           proxyData.openExpanded = true;
         }
       });
-      vue.watch(() => {
-        var _a, _b;
-        return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
-      }, () => {
-        setTimeout(() => {
-          animation();
-        }, 300);
-      });
+      vue.watch(
+        () => {
+          var _a, _b;
+          return (_b = (_a = ctx == null ? void 0 : ctx.slots) == null ? void 0 : _a.default) == null ? void 0 : _b.call(_a);
+        },
+        () => {
+          setTimeout(() => {
+            animation();
+          }, 300);
+        }
+      );
       const init = () => {
         const { name } = props;
         const active = parent && parent.props.active;
@@ -17302,9 +17627,12 @@
             return [columns.key, columns.render];
           });
         };
-        vue.watch(() => props.data, (val) => {
-          state.curData = val.slice();
-        });
+        vue.watch(
+          () => props.data,
+          (val) => {
+            state.curData = val.slice();
+          }
+        );
         return {
           ...vue.toRefs(state),
           classes,
@@ -17507,14 +17835,17 @@
           [prefixCls]: true
         };
       });
-      vue.watch(() => props.content, (newV, oldVal) => {
-        if (newV != oldVal) {
-          if (container) {
-            document.body.appendChild(container);
+      vue.watch(
+        () => props.content,
+        (newV, oldVal) => {
+          if (newV != oldVal) {
+            if (container) {
+              document.body.appendChild(container);
+            }
+            createContainer();
           }
-          createContainer();
         }
-      });
+      );
       vue.onMounted(() => {
         createContainer();
       });
@@ -17539,7 +17870,9 @@
         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();
@@ -17772,7 +18105,13 @@
             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();
             };
@@ -17793,25 +18132,28 @@
         }
       };
       init();
-      vue.watch(() => [
-        zIndex,
-        gapX,
-        gapY,
-        width,
-        height,
-        rotate,
-        image,
-        imageWidth,
-        imageHeight,
-        content,
-        fontStyle,
-        fontWeight,
-        fontColor,
-        fontSize,
-        fontFamily
-      ], () => {
-        init();
-      });
+      vue.watch(
+        () => [
+          zIndex,
+          gapX,
+          gapY,
+          width,
+          height,
+          rotate,
+          image,
+          imageWidth,
+          imageHeight,
+          content,
+          fontStyle,
+          fontWeight,
+          fontColor,
+          fontSize,
+          fontFamily
+        ],
+        () => {
+          init();
+        }
+      );
       const classes = vue.computed(() => {
         const prefixCls = componentName$n;
         return {
@@ -18082,10 +18424,13 @@
         lineAnimation();
       };
       const close = () => {
-        const resCopy = Object.assign({
-          addressIdStr: "",
-          addressStr: ""
-        }, selectedRegion);
+        const resCopy = Object.assign(
+          {
+            addressIdStr: "",
+            addressStr: ""
+          },
+          selectedRegion
+        );
         const res = {
           data: {},
           type: privateType.value
@@ -18128,35 +18473,56 @@
       const handleElevatorItem = (key, item) => {
         nextAreaList(item);
       };
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-      });
-      vue.watch(() => showPopup.value, (value) => {
-        if (value == false) {
-          close();
-        } else {
-          initCustomSelected();
-        }
-      });
-      vue.watch(() => props.province, (value) => {
-        regionList.province = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.city, (value) => {
-        regionList.city = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.country, (value) => {
-        regionList.country = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.town, (value) => {
-        regionList.town = isCustom2.value ? transformData(value) : value;
-      });
-      vue.watch(() => props.existAddress, (value) => {
-        value.forEach((item, index) => {
-          if (item.selectedAddress) {
-            selectedExistAddress = item;
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+        }
+      );
+      vue.watch(
+        () => showPopup.value,
+        (value) => {
+          if (value == false) {
+            close();
+          } else {
+            initCustomSelected();
           }
-        });
-      });
+        }
+      );
+      vue.watch(
+        () => props.province,
+        (value) => {
+          regionList.province = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.city,
+        (value) => {
+          regionList.city = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.country,
+        (value) => {
+          regionList.country = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.town,
+        (value) => {
+          regionList.town = isCustom2.value ? transformData(value) : value;
+        }
+      );
+      vue.watch(
+        () => props.existAddress,
+        (value) => {
+          value.forEach((item, index) => {
+            if (item.selectedAddress) {
+              selectedExistAddress = item;
+            }
+          });
+        }
+      );
       return {
         showPopup,
         privateType,
@@ -18429,9 +18795,12 @@
         clearInterval(timer);
         timer = 0;
       });
-      vue.watch(() => props.danmu, (newValue, oldVlaue) => {
-        danmuList.value = [...newValue];
-      });
+      vue.watch(
+        () => props.danmu,
+        (newValue, oldVlaue) => {
+          danmuList.value = [...newValue];
+        }
+      );
       const add = (word) => {
         const _index = index.value % danmuList.value.length;
         if (!props.loop && index.value === danmuList.value.length) {
@@ -18935,9 +19304,13 @@
     emits: ["selectSku"],
     setup(props, { emit }) {
       const skuInfo = vue.ref([]);
-      vue.watch(() => props.sku, (value) => {
-        skuInfo.value = [].slice.call(value);
-      }, { deep: true });
+      vue.watch(
+        () => props.sku,
+        (value) => {
+          skuInfo.value = [].slice.call(value);
+        },
+        { deep: true }
+      );
       vue.onMounted(() => {
         if (props.sku.length > 0) {
           skuInfo.value = [].slice.call(props.sku);
@@ -19219,14 +19592,20 @@
     setup(props, { emit, slots }) {
       const showPopup = vue.ref(props.visible);
       const goodsCount = vue.ref(props.stepperMin);
-      vue.watch(() => props.visible, (value) => {
-        showPopup.value = value;
-      });
-      vue.watch(() => showPopup.value, (value) => {
-        if (value == false) {
-          close();
+      vue.watch(
+        () => props.visible,
+        (value) => {
+          showPopup.value = value;
+        }
+      );
+      vue.watch(
+        () => showPopup.value,
+        (value) => {
+          if (value == false) {
+            close();
+          }
         }
-      });
+      );
       vue.onMounted(() => {
       });
       const getSlots = (name) => slots[name];
@@ -19558,9 +19937,12 @@
         stepValue.value = value;
         emit("changeStep", stepValue.value, currentValue.value);
       };
-      vue.watch(() => props.modelValue, (value) => {
-        money.value = value;
-      });
+      vue.watch(
+        () => props.modelValue,
+        (value) => {
+          money.value = value;
+        }
+      );
       return {
         handleClick,
         changeStep,
@@ -20098,7 +20480,11 @@
           });
         }
       };
-      vue.watch(() => props.data, () => trowelData(), { deep: true });
+      vue.watch(
+        () => props.data,
+        () => trowelData(),
+        { deep: true }
+      );
       const clickDelIcon = (event, item) => {
         emit("handelDelIcon", event, item);
         event.stopPropagation();
@@ -20518,14 +20904,18 @@
       const isShowImage = vue.ref(false);
       const initIndex = vue.ref(1);
       const totalImages = vue.ref([]);
-      vue.watch(() => [props.videos, props.images], (value) => {
-        if (value[0].length > 0) {
-          value[0].forEach((el) => {
-            el.type = "video";
-          });
-        }
-        totalImages.value = value[0].concat(value[1]);
-      }, { deep: true });
+      vue.watch(
+        () => [props.videos, props.images],
+        (value) => {
+          if (value[0].length > 0) {
+            value[0].forEach((el) => {
+              el.type = "video";
+            });
+          }
+          totalImages.value = value[0].concat(value[1]);
+        },
+        { deep: true }
+      );
       vue.onMounted(() => {
         if (props.videos.length > 0) {
           props.videos.forEach((el) => {
@@ -20835,7 +21225,7 @@
       }
     });
   }
-  const version = "3.2.1";
+  const version = "3.2.2-beta.1";
   var nutui_vue_build = { install, version, Locale };
   exports2.ActionSheet = ActionSheet;
   exports2.Address = Address;