vant 3.3.4 → 3.4.0

package/lib/vant.js

@@ -49,7 +49,7 @@
     type: String,
     default: defaultVal
   });
-  const inBrowser = typeof window !== "undefined";
+  var inBrowser = typeof window !== "undefined";
   function raf(fn) {
     return inBrowser ? requestAnimationFrame(fn) : -1;
   }
@@ -61,8 +61,8 @@
   function doubleRaf(fn) {
     raf(() => raf(fn));
   }
-  const isWindow = (val) => val === window;
-  const makeDOMRect = (width2, height2) => ({
+  var isWindow = (val) => val === window;
+  var makeDOMRect = (width2, height2) => ({
     top: 0,
     left: 0,
     right: width2,
@@ -70,7 +70,7 @@
     width: width2,
     height: height2
   });
-  const useRect = (elementOrRef) => {
+  var useRect = (elementOrRef) => {
     const element = vue.unref(elementOrRef);
     if (isWindow(element)) {
       const width2 = element.innerWidth;
@@ -167,10 +167,10 @@
       linkChildren
     };
   }
-  const SECOND = 1e3;
-  const MINUTE = 60 * SECOND;
-  const HOUR = 60 * MINUTE;
-  const DAY = 24 * HOUR;
+  var SECOND = 1e3;
+  var MINUTE = 60 * SECOND;
+  var HOUR = 60 * MINUTE;
+  var DAY = 24 * HOUR;
   function parseTime(time) {
     const days = Math.floor(time / DAY);
     const hours = Math.floor(time % DAY / HOUR);
@@ -332,8 +332,8 @@
     };
     useEventListener(eventName, onClick, { target: document });
   }
-  let width;
-  let height;
+  var width;
+  var height;
   function useWindowSize() {
     if (!width) {
       width = vue.ref(0);
@@ -350,8 +350,8 @@
     }
     return { width, height };
   }
-  const overflowScrollReg = /scroll|auto/i;
-  const defaultRoot = inBrowser ? window : void 0;
+  var overflowScrollReg = /scroll|auto/i;
+  var defaultRoot = inBrowser ? window : void 0;
   function isElement$1(node) {
     const ELEMENT_NODE_TYPE = 1;
     return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
@@ -376,7 +376,7 @@
     });
     return scrollParent;
   }
-  let visibility;
+  var visibility;
   function usePageVisibility() {
     if (!visibility) {
       visibility = vue.ref("visible");
@@ -390,7 +390,7 @@
     }
     return visibility;
   }
-  const CUSTOM_FIELD_INJECTION_KEY = Symbol("van-field");
+  var CUSTOM_FIELD_INJECTION_KEY = Symbol("van-field");
   function useCustomFieldValue(customValue) {
     const field = vue.inject(CUSTOM_FIELD_INJECTION_KEY, null);
     if (field && !field.customValue.value) {
@@ -829,7 +829,8 @@
     color: String,
     offset: Array,
     content: numericProp,
-    showZero: truthProp
+    showZero: truthProp,
+    position: makeStringProp("top-right")
   };
   var _Badge = vue.defineComponent({
     name: name$1t,
@@ -887,10 +888,10 @@
       var renderBadge = () => {
         if (hasContent() || props.dot) {
           return vue.createVNode("div", {
-            "class": bem$1p({
+            "class": bem$1p([props.position, {
               dot: props.dot,
               fixed: !!slots.default
-            }),
+            }]),
             "style": style.value
           }, [renderContent()]);
         }
@@ -955,6 +956,7 @@
     size: numericProp,
     badge: numericProp,
     color: String,
+    badgeProps: Object,
     classPrefix: String
   };
   var _Icon = vue.defineComponent({
@@ -976,16 +978,16 @@
           color
         } = props;
         var isImageIcon = isImage(name2);
-        return vue.createVNode(Badge, {
+        return vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
           "tag": tag,
-          "content": badge,
           "class": [classPrefix.value, isImageIcon ? "" : classPrefix.value + "-" + name2],
           "style": {
             color,
             fontSize: addUnit(size)
-          }
-        }, {
+          },
+          "content": badge
+        }, props.badgeProps), {
           default: () => [slots.default == null ? void 0 : slots.default(), isImageIcon && vue.createVNode("img", {
             "class": bem$1n("image"),
             "src": name2
@@ -1268,6 +1270,7 @@
     color: String,
     badge: numericProp,
     iconClass: unknownProp,
+    badgeProps: Object,
     iconPrefix: String
   });
   var _ActionBarIcon = vue.defineComponent({
@@ -1286,14 +1289,15 @@
           icon,
           color,
           iconClass,
+          badgeProps: badgeProps2,
           iconPrefix
         } = props;
         if (slots.icon) {
-          return vue.createVNode(Badge, {
+          return vue.createVNode(Badge, vue.mergeProps({
             "dot": dot,
-            "content": badge,
-            "class": bem$1j("icon")
-          }, {
+            "class": bem$1j("icon"),
+            "content": badge
+          }, badgeProps2), {
             default: slots.icon
           });
         }
@@ -1304,6 +1308,7 @@
           "badge": badge,
           "color": color,
           "class": [bem$1j("icon"), iconClass],
+          "badgeProps": badgeProps2,
           "classPrefix": iconPrefix
         }, null);
       };
@@ -1331,12 +1336,11 @@
     closeOnClickOverlay: truthProp
   };
   var popupSharedPropKeys = Object.keys(popupSharedProps);
-  var MIN_DISTANCE = 10;
   function getDirection(x, y) {
-    if (x > y && x > MIN_DISTANCE) {
+    if (x > y) {
       return "horizontal";
     }
-    if (y > x && y > MIN_DISTANCE) {
+    if (y > x) {
       return "vertical";
     }
     return "";
@@ -1369,7 +1373,8 @@
       deltaY.value = touch.clientY - startY.value;
       offsetX.value = Math.abs(deltaX.value);
       offsetY.value = Math.abs(deltaY.value);
-      if (!direction.value) {
+      var LOCK_DIRECTION_DISTANCE = 10;
+      if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
         direction.value = getDirection(offsetX.value, offsetY.value);
       }
     };
@@ -1633,10 +1638,11 @@
           default: renderPopup
         });
       };
-      vue.watch(() => props.show, (value) => {
-        if (value) {
+      vue.watch(() => props.show, (show) => {
+        if (show && !opened) {
           open();
-        } else {
+        }
+        if (!show && opened) {
           opened = false;
           emit("close");
         }
@@ -1732,34 +1738,43 @@
           }, [slots.cancel ? slots.cancel() : props.cancelText])];
         }
       };
-      var renderOption = (item, index2) => {
+      var renderActionContent = (action, index2) => {
+        if (action.loading) {
+          return vue.createVNode(Loading, {
+            "class": bem$1g("loading-icon")
+          }, null);
+        }
+        if (slots.action) {
+          return slots.action({
+            action,
+            index: index2
+          });
+        }
+        return [vue.createVNode("span", {
+          "class": bem$1g("name")
+        }, [action.name]), action.subname && vue.createVNode("div", {
+          "class": bem$1g("subname")
+        }, [action.subname])];
+      };
+      var renderAction = (action, index2) => {
         var {
-          name: name2,
           color,
-          subname,
           loading,
           callback,
           disabled,
           className
-        } = item;
-        var Content = loading ? vue.createVNode(Loading, {
-          "class": bem$1g("loading-icon")
-        }, null) : [vue.createVNode("span", {
-          "class": bem$1g("name")
-        }, [name2]), subname && vue.createVNode("div", {
-          "class": bem$1g("subname")
-        }, [subname])];
+        } = action;
         var onClick = () => {
           if (disabled || loading) {
             return;
           }
           if (callback) {
-            callback(item);
+            callback(action);
           }
           if (props.closeOnClickAction) {
             updateShow(false);
           }
-          vue.nextTick(() => emit("select", item, index2));
+          vue.nextTick(() => emit("select", action, index2));
         };
         return vue.createVNode("button", {
           "type": "button",
@@ -1771,7 +1786,7 @@
             disabled
           }), className],
           "onClick": onClick
-        }, [Content]);
+        }, [renderActionContent(action, index2)]);
       };
       var renderDescription = () => {
         if (props.description || slots.description) {
@@ -1788,7 +1803,7 @@
       }, pick(props, popupInheritKeys$2)), {
         default: () => [renderHeader(), renderDescription(), vue.createVNode("div", {
           "class": bem$1g("content")
-        }, [props.actions.map(renderOption), slots.default == null ? void 0 : slots.default()]), renderCancel()]
+        }, [props.actions.map(renderAction), slots.default == null ? void 0 : slots.default()]), renderCancel()]
       });
     }
   });
@@ -2276,28 +2291,34 @@
           option: slots.option
         });
       });
+      var renderMask = (wrapHeight) => {
+        var hasOptions = formattedColumns.value.some((item) => item[valuesKey] && item[valuesKey].length !== 0);
+        if (hasOptions) {
+          var frameStyle = {
+            height: itemHeight.value + "px"
+          };
+          var maskStyle = {
+            backgroundSize: "100% " + (wrapHeight - itemHeight.value) / 2 + "px"
+          };
+          return [vue.createVNode("div", {
+            "class": bem$1e("mask"),
+            "style": maskStyle
+          }, null), vue.createVNode("div", {
+            "class": [BORDER_UNSET_TOP_BOTTOM, bem$1e("frame")],
+            "style": frameStyle
+          }, null)];
+        }
+      };
       var renderColumns = () => {
         var wrapHeight = itemHeight.value * +props.visibleItemCount;
-        var frameStyle = {
-          height: itemHeight.value + "px"
-        };
         var columnsStyle = {
           height: wrapHeight + "px"
         };
-        var maskStyle = {
-          backgroundSize: "100% " + (wrapHeight - itemHeight.value) / 2 + "px"
-        };
         return vue.createVNode("div", {
           "class": bem$1e("columns"),
           "style": columnsStyle,
           "onTouchmove": preventDefault
-        }, [renderColumnItems(), vue.createVNode("div", {
-          "class": bem$1e("mask"),
-          "style": maskStyle
-        }, null), vue.createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1e("frame")],
-          "style": frameStyle
-        }, null)]);
+        }, [renderColumnItems(), renderMask(wrapHeight)]);
       };
       vue.watch(() => props.columns, format2, {
         immediate: true
@@ -2906,6 +2927,12 @@
       type
     };
   }
+  function getStringLength(str) {
+    return [...str].length;
+  }
+  function cutString(str, maxlength) {
+    return [...str].slice(0, maxlength).join("");
+  }
   var current = 0;
   function useId() {
     var vm = vue.getCurrentInstance();
@@ -3080,12 +3107,12 @@
         var {
           maxlength
         } = props;
-        if (isDef(maxlength) && value.length > maxlength) {
+        if (isDef(maxlength) && getStringLength(value) > maxlength) {
           var modelValue = getModelValue();
-          if (modelValue && modelValue.length === +maxlength) {
+          if (modelValue && getStringLength(modelValue) === +maxlength) {
             return modelValue;
           }
-          return value.slice(0, +maxlength);
+          return cutString(value, +maxlength);
         }
         return value;
       };
@@ -3249,7 +3276,7 @@
       };
       var renderWordLimit = () => {
         if (props.showWordLimit && props.maxlength) {
-          var count = getModelValue().length;
+          var count = getStringLength(getModelValue());
           return vue.createVNode("div", {
             "class": bem$1a("word-limit")
           }, [vue.createVNode("span", {
@@ -4536,11 +4563,17 @@
   }
   function useRefs() {
     var refs = vue.ref([]);
+    var cache = [];
     vue.onBeforeUpdate(() => {
       refs.value = [];
     });
-    var setRefs = (index2) => (el) => {
-      refs.value[index2] = el;
+    var setRefs = (index2) => {
+      if (!cache[index2]) {
+        cache[index2] = (el) => {
+          refs.value[index2] = el;
+        };
+      }
+      return cache[index2];
     };
     return [refs, setRefs];
   }
@@ -4575,6 +4608,20 @@
     return parseInt(value, 10);
   }
   var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+  var proxyPickerMethods = (picker, callback) => {
+    var methods = ["setValues", "setIndexes", "setColumnIndex", "setColumnValue"];
+    return new Proxy(picker, {
+      get: (target, prop) => {
+        if (methods.includes(prop)) {
+          return function() {
+            target[prop](...arguments);
+            callback();
+          };
+        }
+        return target[prop];
+      }
+    });
+  };
   var useHeight = (element) => {
     var height2 = vue.ref();
     vue.onMounted(() => vue.nextTick(() => {
@@ -5774,16 +5821,19 @@
       color: String,
       title: String,
       badge: numericProp,
+      shrink: Boolean,
       isActive: Boolean,
       disabled: Boolean,
       controls: String,
       scrollable: Boolean,
       activeColor: String,
-      renderTitle: Function,
       inactiveColor: String,
       showZeroBadge: truthProp
     },
-    setup(props) {
+    setup(props, _ref) {
+      var {
+        slots
+      } = _ref;
       var style = vue.computed(() => {
         var style2 = {};
         var {
@@ -5816,7 +5866,7 @@
           "class": bem$Y("text", {
             ellipsis: !props.scrollable
           })
-        }, [props.renderTitle ? props.renderTitle() : props.title]);
+        }, [slots.title ? slots.title() : props.title]);
         if (props.dot || isDef(props.badge) && props.badge !== "") {
           return vue.createVNode(Badge, {
             "dot": props.dot,
@@ -5831,10 +5881,12 @@
       return () => vue.createVNode("div", {
         "id": props.id,
         "role": "tab",
-        "class": [bem$Y({
+        "class": [bem$Y([props.type, {
+          grow: props.scrollable && !props.shrink,
+          shrink: props.shrink,
           active: props.isActive,
           disabled: props.disabled
-        })],
+        }])],
         "style": style.value,
         "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
         "aria-selected": props.isActive,
@@ -6020,26 +6072,33 @@
         if (!root.value) {
           return;
         }
-        if (!isHidden(root)) {
-          var _props$width, _props$height;
-          var rect = {
-            width: root.value.offsetWidth,
-            height: root.value.offsetHeight
-          };
-          state.rect = rect;
-          state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
-          state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
-        }
-        if (count.value) {
-          active = Math.min(count.value - 1, active);
+        var cb = () => {
+          if (!isHidden(root)) {
+            var _props$width, _props$height;
+            var rect = {
+              width: root.value.offsetWidth,
+              height: root.value.offsetHeight
+            };
+            state.rect = rect;
+            state.width = +((_props$width = props.width) != null ? _props$width : rect.width);
+            state.height = +((_props$height = props.height) != null ? _props$height : rect.height);
+          }
+          if (count.value) {
+            active = Math.min(count.value - 1, active);
+          }
+          state.active = active;
+          state.swiping = true;
+          state.offset = getTargetOffset(active);
+          children.forEach((swipe) => {
+            swipe.setOffset(0);
+          });
+          autoplay();
+        };
+        if (isHidden(root)) {
+          vue.nextTick().then(cb);
+        } else {
+          cb();
         }
-        state.active = active;
-        state.swiping = true;
-        state.offset = getTargetOffset(active);
-        children.forEach((swipe) => {
-          swipe.setOffset(0);
-        });
-        autoplay();
       };
       var resize = () => initialize(state.active);
       var touchStartTime;
@@ -6054,11 +6113,8 @@
       var onTouchMove = (event) => {
         if (props.touchable && state.swiping) {
           touch.move(event);
-          var shouldPrevent = isCorrectDirection.value || touch.offsetY.value > touch.offsetX.value === props.vertical;
-          if (shouldPrevent) {
-            preventDefault(event, props.stopPropagation);
-          }
           if (isCorrectDirection.value) {
+            preventDefault(event, props.stopPropagation);
             move({
               offset: delta.value
             });
@@ -6133,7 +6189,8 @@
       var renderIndicator = () => {
         if (slots.indicator) {
           return slots.indicator({
-            active: activeIndicator.value
+            active: activeIndicator.value,
+            total: count.value
           });
         }
         if (props.showIndicators && count.value > 1) {
@@ -6252,6 +6309,7 @@
     color: String,
     border: Boolean,
     sticky: Boolean,
+    shrink: Boolean,
     active: makeNumericProp(0),
     duration: makeNumericProp(0.3),
     animated: Boolean,
@@ -6297,7 +6355,7 @@
         lineStyle: {},
         currentIndex: -1
       });
-      var scrollable = vue.computed(() => children.length > props.swipeThreshold || !props.ellipsis);
+      var scrollable = vue.computed(() => children.length > props.swipeThreshold || !props.ellipsis || props.shrink);
       var navStyle = vue.computed(() => ({
         borderColor: props.color,
         background: props.background
@@ -6463,14 +6521,24 @@
         "color": props.color,
         "style": item.titleStyle,
         "class": item.titleClass,
+        "shrink": props.shrink,
         "isActive": index2 === state.currentIndex,
         "controls": item.id,
         "scrollable": scrollable.value,
-        "renderTitle": item.$slots.title,
         "activeColor": props.titleActiveColor,
         "inactiveColor": props.titleInactiveColor,
         "onClick": (event) => onClickTab(item, index2, event)
-      }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), null));
+      }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
+        title: item.$slots.title
+      }));
+      var renderLine = () => {
+        if (props.type === "line" && children.length) {
+          return vue.createVNode("div", {
+            "class": bem$V("line"),
+            "style": state.lineStyle
+          }, null);
+        }
+      };
       var renderHeader = () => {
         var _slots$navLeft, _slots$navRight;
         var {
@@ -6479,23 +6547,19 @@
         } = props;
         return vue.createVNode("div", {
           "ref": wrapRef,
-          "class": [bem$V("wrap", {
-            scrollable: scrollable.value
-          }), {
+          "class": [bem$V("wrap"), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
           }]
         }, [vue.createVNode("div", {
           "ref": navRef,
           "role": "tablist",
           "class": bem$V("nav", [type, {
+            shrink: props.shrink,
             complete: scrollable.value
           }]),
           "style": navStyle.value,
           "aria-orientation": "horizontal"
-        }, [(_slots$navLeft = slots["nav-left"]) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), type === "line" && vue.createVNode("div", {
-          "class": bem$V("line"),
-          "style": state.lineStyle
-        }, null), (_slots$navRight = slots["nav-right"]) == null ? void 0 : _slots$navRight.call(slots)])]);
+        }, [(_slots$navLeft = slots["nav-left"]) == null ? void 0 : _slots$navLeft.call(slots), renderNav(), renderLine(), (_slots$navRight = slots["nav-right"]) == null ? void 0 : _slots$navRight.call(slots)])]);
       };
       vue.watch([() => props.color, windowWidth], setLine);
       vue.watch(() => props.active, (value) => {
@@ -6930,10 +6994,10 @@
       var renderTabs = () => vue.createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
+        "shrink": true,
         "animated": true,
         "class": bem$S("tabs"),
         "color": props.activeColor,
-        "swipeThreshold": 0,
         "swipeable": props.swipeable,
         "onClick-tab": onClickTab
       }, {
@@ -7139,7 +7203,7 @@
   var CheckboxGroup = withInstall(_CheckboxGroup);
   var [name$P, bem$O] = createNamespace("circle");
   var uid = 0;
-  var format = (rate) => Math.min(Math.max(+rate, 0), 100);
+  var format$1 = (rate) => Math.min(Math.max(+rate, 0), 100);
   function getPath(clockwise, viewBoxSize) {
     var sweepFlag = clockwise ? 1 : 0;
     return "M " + viewBoxSize / 2 + " " + viewBoxSize / 2 + " m 0, -500 a 500, 500 0 1, " + sweepFlag + " 0, 1000 a 500, 500 0 1, " + sweepFlag + " 0, -1000";
@@ -7188,13 +7252,13 @@
         var rafId;
         var startTime = Date.now();
         var startRate = props.currentRate;
-        var endRate = format(rate);
+        var endRate = format$1(rate);
         var duration = Math.abs((startRate - endRate) * 1e3 / +props.speed);
         var animate = () => {
           var now = Date.now();
           var progress = Math.min((now - startTime) / duration, 1);
           var rate2 = progress * (endRate - startRate) + startRate;
-          emit("update:currentRate", format(parseFloat(rate2.toFixed(1))));
+          emit("update:currentRate", format$1(parseFloat(rate2.toFixed(1))));
           if (endRate > startRate ? rate2 < endRate : rate2 > endRate) {
             rafId = raf(animate);
           }
@@ -8309,7 +8373,7 @@
         }
       });
       useExpose({
-        getPicker: () => picker.value
+        getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
       });
       return () => vue.createVNode(Picker, vue.mergeProps({
         "ref": picker,
@@ -8552,7 +8616,7 @@
         }
       });
       useExpose({
-        getPicker: () => picker.value
+        getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
       });
       return () => vue.createVNode(Picker, vue.mergeProps({
         "ref": picker,
@@ -9361,7 +9425,8 @@
     icon: String,
     badge: numericProp,
     iconColor: String,
-    iconPrefix: String
+    iconPrefix: String,
+    badgeProps: Object
   });
   var _GridItem = vue.defineComponent({
     name: name$u,
@@ -9415,10 +9480,10 @@
       });
       var renderIcon = () => {
         if (slots.icon) {
-          return vue.createVNode(Badge, {
+          return vue.createVNode(Badge, vue.mergeProps({
             "dot": props.dot,
             "content": props.badge
-          }, {
+          }, props.badgeProps), {
             default: slots.icon
           });
         }
@@ -9429,8 +9494,9 @@
             "size": parent.props.iconSize,
             "badge": props.badge,
             "class": bem$v("icon"),
-            "classPrefix": props.iconPrefix,
-            "color": props.iconColor
+            "color": props.iconColor,
+            "badgeProps": props.badgeProps,
+            "classPrefix": props.iconPrefix
           }, null);
         }
       };
@@ -9731,6 +9797,7 @@
     closeIcon: makeStringProp("clear"),
     transition: String,
     beforeClose: Function,
+    overlayClass: unknownProp,
     overlayStyle: Object,
     swipeDuration: makeNumericProp(300),
     startPosition: makeNumericProp(0),
@@ -9857,7 +9924,7 @@
       });
       return () => vue.createVNode(Popup, vue.mergeProps({
         "class": [bem$t(), props.className],
-        "overlayClass": bem$t("overlay"),
+        "overlayClass": [bem$t("overlay"), props.overlayClass],
         "onClosed": onClosed,
         "onUpdate:show": updateShow
       }, pick(props, popupProps$1)), {
@@ -9882,6 +9949,7 @@
     transition: void 0,
     beforeClose: void 0,
     overlayStyle: void 0,
+    overlayClass: void 0,
     startPosition: 0,
     swipeDuration: 300,
     showIndicators: false,
@@ -11497,6 +11565,7 @@
     type: makeStringProp("danger"),
     color: String,
     message: numericProp,
+    position: makeStringProp("top"),
     className: unknownProp,
     background: String,
     lockScroll: Boolean
@@ -11519,7 +11588,7 @@
           background: props.background
         },
         "overlay": false,
-        "position": "top",
+        "position": props.position,
         "duration": 0.2,
         "lockScroll": props.lockScroll,
         "onUpdate:show": updateShow
@@ -11571,6 +11640,7 @@
     onClick: void 0,
     onOpened: void 0,
     duration: 3e3,
+    position: void 0,
     className: "",
     lockScroll: false,
     background: void 0
@@ -11992,7 +12062,7 @@
         }, [vue.createVNode("button", {
           "type": "button",
           "disabled": disabled,
-          "onClick": () => updateModelValue(modelValue - 1)
+          "onClick": () => updateModelValue(modelValue - 1, true)
         }, [slot ? slot() : props.prevText || t$5("prev")])]);
       };
       var renderNextButton = () => {
@@ -12011,7 +12081,7 @@
         }, [vue.createVNode("button", {
           "type": "button",
           "disabled": disabled,
-          "onClick": () => updateModelValue(modelValue + 1)
+          "onClick": () => updateModelValue(modelValue + 1, true)
         }, [slot ? slot() : props.nextText || t$5("next")])]);
       };
       var renderPages = () => pages.value.map((page) => vue.createVNode("li", {
@@ -12022,7 +12092,7 @@
       }, [vue.createVNode("button", {
         "type": "button",
         "aria-current": page.active || void 0,
-        "onClick": () => updateModelValue(page.number)
+        "onClick": () => updateModelValue(page.number, true)
       }, [slots.page ? slots.page(page) : page.text])]));
       return () => vue.createVNode("nav", {
         "role": "navigation",
@@ -12366,20 +12436,100 @@
       }));
     }, []);
   }
-  function debounce(fn) {
+  function debounce(fn2) {
     var pending;
     return function() {
       if (!pending) {
         pending = new Promise(function(resolve) {
           Promise.resolve().then(function() {
             pending = void 0;
-            resolve(fn());
+            resolve(fn2());
           });
         });
       }
       return pending;
     };
   }
+  function format(str) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return [].concat(args).reduce(function(p, c) {
+      return p.replace(/%s/, c);
+    }, str);
+  }
+  var INVALID_MODIFIER_ERROR = 'Popper: modifier "%s" provided an invalid %s property, expected %s but got %s';
+  var MISSING_DEPENDENCY_ERROR = 'Popper: modifier "%s" requires "%s", but "%s" modifier is not available';
+  var VALID_PROPERTIES = ["name", "enabled", "phase", "fn", "effect", "requires", "options"];
+  function validateModifiers(modifiers) {
+    modifiers.forEach(function(modifier) {
+      [].concat(Object.keys(modifier), VALID_PROPERTIES).filter(function(value, index2, self2) {
+        return self2.indexOf(value) === index2;
+      }).forEach(function(key) {
+        switch (key) {
+          case "name":
+            if (typeof modifier.name !== "string") {
+              console.error(format(INVALID_MODIFIER_ERROR, String(modifier.name), '"name"', '"string"', '"' + String(modifier.name) + '"'));
+            }
+            break;
+          case "enabled":
+            if (typeof modifier.enabled !== "boolean") {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"enabled"', '"boolean"', '"' + String(modifier.enabled) + '"'));
+            }
+            break;
+          case "phase":
+            if (modifierPhases.indexOf(modifier.phase) < 0) {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"phase"', "either " + modifierPhases.join(", "), '"' + String(modifier.phase) + '"'));
+            }
+            break;
+          case "fn":
+            if (typeof modifier.fn !== "function") {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"fn"', '"function"', '"' + String(modifier.fn) + '"'));
+            }
+            break;
+          case "effect":
+            if (modifier.effect != null && typeof modifier.effect !== "function") {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"effect"', '"function"', '"' + String(modifier.fn) + '"'));
+            }
+            break;
+          case "requires":
+            if (modifier.requires != null && !Array.isArray(modifier.requires)) {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requires"', '"array"', '"' + String(modifier.requires) + '"'));
+            }
+            break;
+          case "requiresIfExists":
+            if (!Array.isArray(modifier.requiresIfExists)) {
+              console.error(format(INVALID_MODIFIER_ERROR, modifier.name, '"requiresIfExists"', '"array"', '"' + String(modifier.requiresIfExists) + '"'));
+            }
+            break;
+          case "options":
+          case "data":
+            break;
+          default:
+            console.error('PopperJS: an invalid property has been provided to the "' + modifier.name + '" modifier, valid properties are ' + VALID_PROPERTIES.map(function(s) {
+              return '"' + s + '"';
+            }).join(", ") + '; but "' + key + '" was provided.');
+        }
+        modifier.requires && modifier.requires.forEach(function(requirement) {
+          if (modifiers.find(function(mod) {
+            return mod.name === requirement;
+          }) == null) {
+            console.error(format(MISSING_DEPENDENCY_ERROR, String(modifier.name), requirement, requirement));
+          }
+        });
+      });
+    });
+  }
+  function uniqueBy(arr, fn2) {
+    var identifiers = new Set();
+    return arr.filter(function(item) {
+      var identifier = fn2(item);
+      if (!identifiers.has(identifier)) {
+        identifiers.add(identifier);
+        return true;
+      }
+    });
+  }
   function getBasePlacement(placement) {
     return placement.split("-")[0];
   }
@@ -12455,6 +12605,8 @@
     }
     return offsets;
   }
+  var INVALID_ELEMENT_ERROR = "Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.";
+  var INFINITE_LOOP_ERROR = "Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.";
   var DEFAULT_OPTIONS = {
     placement: "bottom",
     modifiers: [],
@@ -12505,6 +12657,28 @@
           state.orderedModifiers = orderedModifiers.filter(function(m) {
             return m.enabled;
           });
+          {
+            var modifiers = uniqueBy([].concat(orderedModifiers, state.options.modifiers), function(_ref) {
+              var name2 = _ref.name;
+              return name2;
+            });
+            validateModifiers(modifiers);
+            if (getBasePlacement(state.options.placement) === auto) {
+              var flipModifier = state.orderedModifiers.find(function(_ref2) {
+                var name2 = _ref2.name;
+                return name2 === "flip";
+              });
+              if (!flipModifier) {
+                console.error(['Popper: "auto" placements require the "flip" modifier be', "present and enabled to work."].join(" "));
+              }
+            }
+            var _getComputedStyle = getComputedStyle(popper), marginTop = _getComputedStyle.marginTop, marginRight = _getComputedStyle.marginRight, marginBottom = _getComputedStyle.marginBottom, marginLeft = _getComputedStyle.marginLeft;
+            if ([marginTop, marginRight, marginBottom, marginLeft].some(function(margin) {
+              return parseFloat(margin);
+            })) {
+              console.warn(['Popper: CSS "margin" styles cannot be used to apply padding', "between the popper and its reference element or boundary.", "To replicate margin, use the `offset` modifier, as well as", "the `padding` option in the `preventOverflow` and `flip`", "modifiers."].join(" "));
+            }
+          }
           runModifierEffects();
           return instance2.update();
         },
@@ -12514,6 +12688,9 @@
           }
           var _state$elements = state.elements, reference2 = _state$elements.reference, popper2 = _state$elements.popper;
           if (!areValidElements(reference2, popper2)) {
+            {
+              console.error(INVALID_ELEMENT_ERROR);
+            }
             return;
           }
           state.rects = {
@@ -12525,15 +12702,23 @@
           state.orderedModifiers.forEach(function(modifier) {
             return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
           });
+          var __debug_loops__ = 0;
           for (var index2 = 0; index2 < state.orderedModifiers.length; index2++) {
+            {
+              __debug_loops__ += 1;
+              if (__debug_loops__ > 100) {
+                console.error(INFINITE_LOOP_ERROR);
+                break;
+              }
+            }
             if (state.reset === true) {
               state.reset = false;
               index2 = -1;
               continue;
             }
-            var _state$orderedModifie = state.orderedModifiers[index2], fn = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
-            if (typeof fn === "function") {
-              state = fn({
+            var _state$orderedModifie = state.orderedModifiers[index2], fn2 = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name2 = _state$orderedModifie.name;
+            if (typeof fn2 === "function") {
+              state = fn2({
                 state,
                 options: _options,
                 name: name2,
@@ -12554,6 +12739,9 @@
         }
       };
       if (!areValidElements(reference, popper)) {
+        {
+          console.error(INVALID_ELEMENT_ERROR);
+        }
         return instance2;
       }
       instance2.setOptions(options).then(function(state2) {
@@ -12563,9 +12751,9 @@
       });
       function runModifierEffects() {
         state.orderedModifiers.forEach(function(_ref3) {
-          var name2 = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect2 = _ref3.effect;
-          if (typeof effect2 === "function") {
-            var cleanupFn = effect2({
+          var name2 = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect3 = _ref3.effect;
+          if (typeof effect3 === "function") {
+            var cleanupFn = effect3({
               state,
               name: name2,
               instance: instance2,
@@ -12578,8 +12766,8 @@
         });
       }
       function cleanupModifierEffects() {
-        effectCleanupFns.forEach(function(fn) {
-          return fn();
+        effectCleanupFns.forEach(function(fn2) {
+          return fn2();
         });
         effectCleanupFns = [];
       }
@@ -12589,7 +12777,7 @@
   var passive = {
     passive: true
   };
-  function effect$1(_ref) {
+  function effect(_ref) {
     var state = _ref.state, instance2 = _ref.instance, options = _ref.options;
     var _options$scroll = options.scroll, scroll = _options$scroll === void 0 ? true : _options$scroll, _options$resize = options.resize, resize = _options$resize === void 0 ? true : _options$resize;
     var window2 = getWindow(state.elements.popper);
@@ -12613,13 +12801,13 @@
       }
     };
   }
-  var eventListeners = {
+  var eventListeners_default = {
     name: "eventListeners",
     enabled: true,
     phase: "write",
     fn: function fn() {
     },
-    effect: effect$1,
+    effect,
     data: {}
   };
   function popperOffsets(_ref) {
@@ -12631,7 +12819,7 @@
       placement: state.placement
     });
   }
-  var popperOffsets$1 = {
+  var popperOffsets_default = {
     name: "popperOffsets",
     enabled: true,
     phase: "read",
@@ -12697,6 +12885,14 @@
   function computeStyles(_ref4) {
     var state = _ref4.state, options = _ref4.options;
     var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
+    {
+      var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || "";
+      if (adaptive && ["transform", "top", "right", "bottom", "left"].some(function(property) {
+        return transitionProperty.indexOf(property) >= 0;
+      })) {
+        console.warn(["Popper: Detected CSS transitions on at least one of the following", 'CSS properties: "transform", "top", "right", "bottom", "left".', "\n\n", 'Disable the "computeStyles" modifier\'s `adaptive` option to allow', "for smooth transitions, or remove these properties from the CSS", "transition declaration on the popper element if only transitioning", "opacity or background-color for example.", "\n\n", "We recommend using the popper element as a wrapper around an inner", "element that can have any CSS property transitioned for animations."].join(" "));
+      }
+    }
     var commonStyles = {
       placement: getBasePlacement(state.placement),
       variation: getVariation(state.placement),
@@ -12724,7 +12920,7 @@
       "data-popper-placement": state.placement
     });
   }
-  var computeStyles$1 = {
+  var computeStyles_default = {
     name: "computeStyles",
     enabled: true,
     phase: "beforeWrite",
@@ -12741,17 +12937,17 @@
         return;
       }
       Object.assign(element.style, style);
-      Object.keys(attributes).forEach(function(name3) {
-        var value = attributes[name3];
+      Object.keys(attributes).forEach(function(name22) {
+        var value = attributes[name22];
         if (value === false) {
-          element.removeAttribute(name3);
+          element.removeAttribute(name22);
         } else {
-          element.setAttribute(name3, value === true ? "" : value);
+          element.setAttribute(name22, value === true ? "" : value);
         }
       });
     });
   }
-  function effect(_ref2) {
+  function effect2(_ref2) {
     var state = _ref2.state;
     var initialStyles = {
       popper: {
@@ -12789,15 +12985,15 @@
       });
     };
   }
-  var applyStyles$1 = {
+  var applyStyles_default = {
     name: "applyStyles",
     enabled: true,
     phase: "write",
     fn: applyStyles,
-    effect,
+    effect: effect2,
     requires: ["computeStyles"]
   };
-  var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
+  var defaultModifiers = [eventListeners_default, popperOffsets_default, computeStyles_default, applyStyles_default];
   var createPopper = /* @__PURE__ */ popperGenerator({
     defaultModifiers
   });
@@ -12831,7 +13027,7 @@
     }
     state.modifiersData[name2] = data;
   }
-  var offset$1 = {
+  var offset_default = {
     name: "offset",
     enabled: true,
     phase: "main",
@@ -12887,7 +13083,7 @@
                 adaptive: false,
                 gpuAcceleration: false
               }
-            }, extend({}, offset$1, {
+            }, extend({}, offset_default, {
               options: {
                 offset: props.offset
               }
@@ -12934,10 +13130,24 @@
           updateShow(false);
         }
       };
+      var renderActionContent = (action, index2) => {
+        if (slots.action) {
+          return slots.action({
+            action,
+            index: index2
+          });
+        }
+        return [action.icon && vue.createVNode(Icon, {
+          "name": action.icon,
+          "classPrefix": props.iconPrefix,
+          "class": bem$i("action-icon")
+        }, null), vue.createVNode("div", {
+          "class": [bem$i("action-text"), BORDER_BOTTOM]
+        }, [action.text])];
+      };
       var renderAction = (action, index2) => {
         var {
           icon,
-          text,
           color,
           disabled,
           className
@@ -12954,13 +13164,7 @@
           "tabindex": disabled ? void 0 : 0,
           "aria-disabled": disabled || void 0,
           "onClick": () => onClickAction(action, index2)
-        }, [icon && vue.createVNode(Icon, {
-          "name": icon,
-          "classPrefix": props.iconPrefix,
-          "class": bem$i("action-icon")
-        }, null), vue.createVNode("div", {
-          "class": [bem$i("action-text"), BORDER_BOTTOM]
-        }, [text])]);
+        }, [renderActionContent(action, index2)]);
       };
       vue.onMounted(updateLocation);
       vue.onBeforeUnmount(() => {
@@ -13445,7 +13649,7 @@
   var _Search = vue.defineComponent({
     name: name$e,
     props: searchProps,
-    emits: ["search", "cancel", "update:modelValue"],
+    emits: ["blur", "focus", "clear", "search", "cancel", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
     setup(props, _ref) {
       var {
         emit,
@@ -13495,6 +13699,12 @@
         var _filedRef$value2;
         return (_filedRef$value2 = filedRef.value) == null ? void 0 : _filedRef$value2.focus();
       };
+      var onBlur = (event) => emit("blur", event);
+      var onFocus = (event) => emit("focus", event);
+      var onClear = (event) => emit("clear", event);
+      var onClickInput = (event) => emit("click-input", event);
+      var onClickLeftIcon = (event) => emit("click-left-icon", event);
+      var onClickRightIcon = (event) => emit("click-right-icon", event);
       var fieldPropNames = Object.keys(fieldSharedProps);
       var renderField = () => {
         var fieldAttrs = extend({}, attrs, pick(props, fieldPropNames), {
@@ -13506,7 +13716,13 @@
           "type": "search",
           "class": bem$e("field"),
           "border": false,
+          "onBlur": onBlur,
+          "onFocus": onFocus,
+          "onClear": onClear,
           "onKeypress": onKeypress,
+          "onClick-input": onClickInput,
+          "onClick-left-icon": onClickLeftIcon,
+          "onClick-right-icon": onClickRightIcon,
           "onUpdate:modelValue": onInput
         }, fieldAttrs), pick(slots, ["left-icon", "right-icon"]));
       };
@@ -13669,7 +13885,8 @@
     dot: Boolean,
     title: String,
     badge: numericProp,
-    disabled: Boolean
+    disabled: Boolean,
+    badgeProps: Object
   });
   var _SidebarItem = vue.defineComponent({
     name: name$b,
@@ -13713,11 +13930,11 @@
           "tabindex": disabled ? void 0 : 0,
           "aria-selected": selected,
           "onClick": onClick
-        }, [vue.createVNode(Badge, {
+        }, [vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
-          "content": badge,
-          "class": bem$b("text")
-        }, {
+          "class": bem$b("text"),
+          "content": badge
+        }, props.badgeProps), {
           default: () => [slots.title ? slots.title() : title]
         })]);
       };
@@ -14131,7 +14348,7 @@
             color: parentProps.activeColor
           };
         }
-        if (!getStatus()) {
+        if (getStatus() === "waiting") {
           return {
             color: parentProps.inactiveColor
           };
@@ -14576,12 +14793,14 @@
       var leftWidth = vue.computed(() => isDef(props.leftWidth) ? +props.leftWidth : getWidthByRef(leftRef));
       var rightWidth = vue.computed(() => isDef(props.rightWidth) ? +props.rightWidth : getWidthByRef(rightRef));
       var open = (side) => {
-        opened = true;
         state.offset = side === "left" ? leftWidth.value : -rightWidth.value;
-        emit("open", {
-          name: props.name,
-          position: side
-        });
+        if (!opened) {
+          opened = true;
+          emit("open", {
+            name: props.name,
+            position: side
+          });
+        }
       };
       var close = (position) => {
         state.offset = 0;
@@ -14778,6 +14997,7 @@
     icon: String,
     name: numericProp,
     badge: numericProp,
+    badgeProps: Object,
     iconPrefix: String
   });
   var _TabbarItem = vue.defineComponent({
@@ -14863,11 +15083,11 @@
           "tabindex": 0,
           "aria-selected": active.value,
           "onClick": onClick
-        }, [vue.createVNode(Badge, {
+        }, [vue.createVNode(Badge, vue.mergeProps({
           "dot": dot,
-          "content": badge,
-          "class": bem$2("icon")
-        }, {
+          "class": bem$2("icon"),
+          "content": badge
+        }, props.badgeProps), {
           default: renderIcon
         }), vue.createVNode("div", {
           "class": bem$2("text")
@@ -15392,7 +15612,7 @@
     }
   });
   var Uploader = withInstall(_Uploader);
-  var version = "3.3.4";
+  var version = "3.4.0";
   function install(app) {
     var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image$1, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];
     components.forEach((item) => {