vant 3.2.7 → 3.2.8

package/lib/vant.js

@@ -64,31 +64,37 @@
   function isWindow(val) {
     return val === window;
   }
-  function makeDOMRect(width, height) {
+  function makeDOMRect(width2, height2) {
     return {
       top: 0,
       left: 0,
-      right: width,
-      bottom: height,
-      width,
-      height
+      right: width2,
+      bottom: height2,
+      width: width2,
+      height: height2
     };
   }
   var useRect = (elementOrRef) => {
     var element = vue.unref(elementOrRef);
     if (isWindow(element)) {
-      var width = element.innerWidth;
-      var height = element.innerHeight;
-      return makeDOMRect(width, height);
+      var width2 = element.innerWidth;
+      var height2 = element.innerHeight;
+      return makeDOMRect(width2, height2);
     }
     if (element && element.getBoundingClientRect) {
       return element.getBoundingClientRect();
     }
     return makeDOMRect(0, 0);
   };
-  function useToggle(defaultValue = false) {
+  function useToggle(defaultValue) {
+    if (defaultValue === void 0) {
+      defaultValue = false;
+    }
     var state = vue.ref(defaultValue);
-    var toggle = (value = !state.value) => {
+    var toggle = function(value) {
+      if (value === void 0) {
+        value = !state.value;
+      }
       state.value = value;
     };
     return [state, toggle];
@@ -257,7 +263,10 @@
         tick();
       }
     };
-    var reset = (totalTime = options.time) => {
+    var reset = function(totalTime) {
+      if (totalTime === void 0) {
+        totalTime = options.time;
+      }
       pause();
       remain.value = totalTime;
     };
@@ -296,7 +305,10 @@
       }
     });
   }
-  function useEventListener(type, listener, options = {}) {
+  function useEventListener(type, listener, options) {
+    if (options === void 0) {
+      options = {};
+    }
     if (!inBrowser) {
       return;
     }
@@ -333,7 +345,10 @@
       });
     }
   }
-  function useClickAway(target, listener, options = {}) {
+  function useClickAway(target, listener, options) {
+    if (options === void 0) {
+      options = {};
+    }
     if (!inBrowser) {
       return;
     }
@@ -350,15 +365,22 @@
       target: document
     });
   }
+  var width;
+  var height;
   function useWindowSize() {
-    var width = vue.ref(inBrowser ? window.innerWidth : 0);
-    var height = vue.ref(inBrowser ? window.innerHeight : 0);
-    var onResize = () => {
-      width.value = window.innerWidth;
-      height.value = window.innerHeight;
-    };
-    useEventListener("resize", onResize);
-    useEventListener("orientationchange", onResize);
+    if (!width) {
+      width = vue.ref(0);
+      height = vue.ref(0);
+      var update = () => {
+        if (inBrowser) {
+          width.value = window.innerWidth;
+          height.value = window.innerHeight;
+        }
+      };
+      update();
+      useEventListener("resize", update);
+      useEventListener("orientationchange", update);
+    }
     return {
       width,
       height
@@ -370,7 +392,10 @@
     var ELEMENT_NODE_TYPE = 1;
     return node.tagName !== "HTML" && node.tagName !== "BODY" && node.nodeType === ELEMENT_NODE_TYPE;
   }
-  function getScrollParent$1(el, root = defaultRoot) {
+  function getScrollParent$1(el, root) {
+    if (root === void 0) {
+      root = defaultRoot;
+    }
     var node = el;
     while (node && node !== root && isElement$1(node)) {
       var {
@@ -383,7 +408,10 @@
     }
     return root;
   }
-  function useScrollParent(el, root = defaultRoot) {
+  function useScrollParent(el, root) {
+    if (root === void 0) {
+      root = defaultRoot;
+    }
     var scrollParent = vue.ref();
     vue.onMounted(() => {
       if (el.value) {
@@ -2742,21 +2770,21 @@
   function resizeTextarea(input, autosize) {
     var scrollTop = getRootScrollTop();
     input.style.height = "auto";
-    var height = input.scrollHeight;
+    var height2 = input.scrollHeight;
     if (isObject$1(autosize)) {
       var {
         maxHeight,
         minHeight
       } = autosize;
       if (maxHeight !== void 0) {
-        height = Math.min(height, maxHeight);
+        height2 = Math.min(height2, maxHeight);
       }
       if (minHeight !== void 0) {
-        height = Math.max(height, minHeight);
+        height2 = Math.max(height2, minHeight);
       }
     }
-    if (height) {
-      input.style.height = height + "px";
+    if (height2) {
+      input.style.height = height2 + "px";
       setRootScrollTop(scrollTop);
     }
   }
@@ -4449,11 +4477,11 @@
   }
   var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
   var useHeight = (element) => {
-    var height = vue.ref();
+    var height2 = vue.ref();
     vue.onMounted(() => vue.nextTick(() => {
-      height.value = useRect(element).height;
+      height2.value = useRect(element).height;
     }));
-    return height;
+    return height2;
   };
   var [name$14] = createNamespace("calendar-day");
   var CalendarDay = vue.defineComponent({
@@ -4603,7 +4631,7 @@
       var [visible, setVisible] = useToggle();
       var daysRef = vue.ref();
       var monthRef = vue.ref();
-      var height = useHeight(monthRef);
+      var height2 = useHeight(monthRef);
       var title = vue.computed(() => formatMonthTitle(props.date));
       var rowHeight = vue.computed(() => addUnit(props.rowHeight));
       var offset2 = vue.computed(() => {
@@ -4758,7 +4786,7 @@
       }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
-        getHeight: () => height.value,
+        getHeight: () => height2.value,
         setVisible,
         scrollIntoView,
         disabledDays
@@ -4960,12 +4988,12 @@
         if (bottom2 > heightSum && top2 > 0) {
           return;
         }
-        var height = 0;
+        var height2 = 0;
         var currentMonth;
         var visibleRange = [-1, -1];
         for (var i = 0; i < months.value.length; i++) {
           var month = monthRefs.value[i];
-          var visible = height <= bottom2 && height + heights[i] >= top2;
+          var visible = height2 <= bottom2 && height2 + heights[i] >= top2;
           if (visible) {
             visibleRange[1] = i;
             if (!currentMonth) {
@@ -4980,7 +5008,7 @@
               });
             }
           }
-          height += heights[i];
+          height2 += heights[i];
         }
         months.value.forEach((month2, index2) => {
           var visible2 = index2 >= visibleRange[0] - 1 && index2 <= visibleRange[1] + 1;
@@ -5563,13 +5591,13 @@
       var rootStyle = vue.computed(() => {
         var {
           fixed,
-          height,
-          width
+          height: height2,
+          width: width2
         } = state;
         if (fixed) {
           return {
-            width: width + "px",
-            height: height + "px"
+            width: width2 + "px",
+            height: height2 + "px"
           };
         }
       });
@@ -6223,9 +6251,9 @@
             lineStyle.transitionDuration = props.duration + "s";
           }
           if (isDef(lineHeight)) {
-            var height = addUnit(lineHeight);
-            lineStyle.height = height;
-            lineStyle.borderRadius = height;
+            var height2 = addUnit(lineHeight);
+            lineStyle.height = height2;
+            lineStyle.borderRadius = height2;
           }
           state.lineStyle = lineStyle;
         });
@@ -6281,12 +6309,6 @@
           disabled
         } = children[index2];
         var name2 = getTabName(children[index2], index2);
-        emit("click-tab", {
-          name: name2,
-          title,
-          event,
-          disabled
-        });
         if (disabled) {
           emit("disabled", name2, title);
         } else {
@@ -6300,6 +6322,12 @@
           emit("click", name2, title);
           route(item);
         }
+        emit("click-tab", {
+          name: name2,
+          title,
+          event,
+          disabled
+        });
       };
       var onStickyScroll = (params) => {
         stickyFixed = params.isFixed;
@@ -6756,6 +6784,7 @@
         "class": bem$T("options")
       }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
       var renderTab = (tab, tabIndex) => {
+        var _slots$optionsTop, _slots$optionsBottom;
         var {
           options,
           selected
@@ -6768,9 +6797,11 @@
             unselected: !selected
           })
         }, {
-          default: () => [slots["options-top"] ? slots["options-top"]({
-            tabIndex: activeTab.value
-          }) : null, renderOptions(options, selected, tabIndex)]
+          default: () => [(_slots$optionsTop = slots["options-top"]) == null ? void 0 : _slots$optionsTop.call(slots, {
+            tabIndex
+          }), renderOptions(options, selected, tabIndex), (_slots$optionsBottom = slots["options-bottom"]) == null ? void 0 : _slots$optionsBottom.call(slots, {
+            tabIndex
+          })]
         });
       };
       var renderTabs = () => vue.createVNode(Tabs, {
@@ -8732,7 +8763,7 @@
       };
       return () => {
         var {
-          width,
+          width: width2,
           title,
           theme,
           message,
@@ -8742,7 +8773,7 @@
           "role": "dialog",
           "class": [bem$B([theme]), className],
           "style": {
-            width: addUnit(width)
+            width: addUnit(width2)
           },
           "aria-labelledby": title || message,
           "onUpdate:show": updateShow
@@ -10235,7 +10266,12 @@
     }
     return bestSelectedSrc;
   }
-  var getDPR = (scale = 1) => inBrowser ? window.devicePixelRatio || scale : scale;
+  var getDPR = function(scale) {
+    if (scale === void 0) {
+      scale = 1;
+    }
+    return inBrowser ? window.devicePixelRatio || scale : scale;
+  };
   function supportWebp() {
     if (!inBrowser)
       return false;
@@ -10253,7 +10289,10 @@
   function throttle(action, delay) {
     var timeout = null;
     var lastRun = 0;
-    return function(...args) {
+    return function() {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
       if (timeout) {
         return;
       }
@@ -10302,9 +10341,10 @@
   function noop() {
   }
   class ImageCache {
-    constructor({
-      max
-    }) {
+    constructor(_ref) {
+      var {
+        max
+      } = _ref;
       this.options = {
         max: max || 100
       };
@@ -10326,18 +10366,19 @@
     }
   }
   class ReactiveListener {
-    constructor({
-      el,
-      src,
-      error,
-      loading,
-      bindType,
-      $parent,
-      options,
-      cors,
-      elRenderer,
-      imageCache
-    }) {
+    constructor(_ref) {
+      var {
+        el,
+        src,
+        error,
+        loading,
+        bindType,
+        $parent,
+        options,
+        cors,
+        elRenderer,
+        imageCache
+      } = _ref;
       this.el = el;
       this.src = src;
       this.error = error;
@@ -10376,11 +10417,12 @@
     record(event) {
       this.performanceData[event] = Date.now();
     }
-    update({
-      src,
-      loading,
-      error
-    }) {
+    update(_ref2) {
+      var {
+        src,
+        loading,
+        error
+      } = _ref2;
       var oldSrc = this.src;
       this.src = src;
       this.loading = loading;
@@ -10417,7 +10459,10 @@
         this.state.loading = false;
       });
     }
-    load(onFinish = noop) {
+    load(onFinish) {
+      if (onFinish === void 0) {
+        onFinish = noop;
+      }
       if (this.attempt > this.options.attempt - 1 && this.state.error) {
         onFinish();
         return;
@@ -10491,22 +10536,23 @@
   };
   function Lazy() {
     return class Lazy {
-      constructor({
-        preLoad,
-        error,
-        throttleWait,
-        preLoadTop,
-        dispatchEvent,
-        loading,
-        attempt,
-        silent = true,
-        scale,
-        listenEvents,
-        filter,
-        adapter,
-        observer,
-        observerOptions
-      }) {
+      constructor(_ref) {
+        var {
+          preLoad,
+          error,
+          throttleWait,
+          preLoadTop,
+          dispatchEvent,
+          loading,
+          attempt,
+          silent = true,
+          scale,
+          listenEvents,
+          filter,
+          adapter,
+          observer,
+          observerOptions
+        } = _ref;
         this.mode = modeType.event;
         this.ListenerQueue = [];
         this.TargetIndex = 0;
@@ -10536,7 +10582,10 @@
         this.lazyLoadHandler = throttle(this._lazyLoadHandler.bind(this), this.options.throttleWait);
         this.setMode(this.options.observer ? modeType.observer : modeType.event);
       }
-      config(options = {}) {
+      config(options) {
+        if (options === void 0) {
+          options = {};
+        }
         Object.assign(this.options, options);
       }
       performance() {
@@ -10695,6 +10744,7 @@
         this.options.ListenEvents.forEach((evt) => (start2 ? on : off)(el, evt, this.lazyLoadHandler));
       }
       _initEvent() {
+        var _this = this;
         this.Event = {
           listeners: {
             loading: [],
@@ -10708,9 +10758,12 @@
           this.Event.listeners[event].push(func);
         };
         this.$once = (event, func) => {
-          var on2 = (...args) => {
-            this.$off(event, on2);
-            func.apply(this, args);
+          var on2 = function() {
+            _this.$off(event, on2);
+            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+              args[_key] = arguments[_key];
+            }
+            func.apply(_this, args);
           };
           this.$on(event, on2);
         };
@@ -10877,12 +10930,13 @@
     selector: "img"
   };
   class LazyContainer {
-    constructor({
-      el,
-      binding,
-      vnode,
-      lazy
-    }) {
+    constructor(_ref) {
+      var {
+        el,
+        binding,
+        vnode,
+        lazy
+      } = _ref;
       this.el = null;
       this.vnode = vnode;
       this.binding = binding;
@@ -10894,10 +10948,11 @@
         binding
       });
     }
-    update({
-      el,
-      binding
-    }) {
+    update(_ref2) {
+      var {
+        el,
+        binding
+      } = _ref2;
       this.el = el;
       this.options = Object.assign({}, defaultOptions, binding.value);
       var imgs = this.getImgs();
@@ -10923,9 +10978,10 @@
     }
   }
   class LazyContainerManager {
-    constructor({
-      lazy
-    }) {
+    constructor(_ref3) {
+      var {
+        lazy
+      } = _ref3;
       this.lazy = lazy;
       this._queue = [];
     }
@@ -11028,7 +11084,10 @@
         this.getRect();
         return inBrowser && this.rect.top < window.innerHeight * lazyManager.options.preLoad && this.rect.bottom > 0 && this.rect.left < window.innerWidth * lazyManager.options.preLoad && this.rect.right > 0;
       },
-      load(onFinish = noop) {
+      load(onFinish) {
+        if (onFinish === void 0) {
+          onFinish = noop;
+        }
         if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
           onFinish();
           return;
@@ -11038,9 +11097,10 @@
         } = this.options;
         loadImageAsync({
           src
-        }, ({
-          src: src2
-        }) => {
+        }, (_ref) => {
+          var {
+            src: src2
+          } = _ref;
           this.renderSrc = src2;
           this.state.loaded = true;
         }, () => {
@@ -11052,7 +11112,10 @@
     }
   });
   var Lazyload = {
-    install(app, options = {}) {
+    install(app, options) {
+      if (options === void 0) {
+        options = {};
+      }
       var LazyClass = Lazy();
       var lazy = new LazyClass(options);
       var lazyContainer = new LazyContainerManager({
@@ -11205,11 +11268,11 @@
   });
   var List = withInstall(_List);
   function usePlaceholder(contentRef, bem2) {
-    var height = useHeight(contentRef);
+    var height2 = useHeight(contentRef);
     return (renderContent) => vue.createVNode("div", {
       "class": bem2("placeholder"),
       "style": {
-        height: height.value ? height.value + "px" : void 0
+        height: height2.value ? height2.value + "px" : void 0
       }
     }, [renderContent()]);
   }
@@ -11978,17 +12041,18 @@
   });
   var Pagination = withInstall(_Pagination);
   var [name$j, bem$j] = createNamespace("password-input");
+  var passwordInputProps = {
+    info: String,
+    mask: truthProp,
+    value: makeStringProp(""),
+    gutter: numericProp,
+    length: makeNumericProp(6),
+    focused: Boolean,
+    errorInfo: String
+  };
   var _PasswordInput = vue.defineComponent({
     name: name$j,
-    props: {
-      info: String,
-      mask: truthProp,
-      value: makeStringProp(""),
-      gutter: numericProp,
-      length: makeNumericProp(6),
-      focused: Boolean,
-      errorInfo: String
-    },
+    props: passwordInputProps,
     emits: ["focus"],
     setup(props, _ref) {
       var {
@@ -12050,17 +12114,19 @@
     }
   });
   var PasswordInput = withInstall(_PasswordInput);
-  function getBoundingClientRect(element) {
+  function getBoundingClientRect(element, includeScale) {
     var rect = element.getBoundingClientRect();
+    var scaleX = 1;
+    var scaleY = 1;
     return {
-      width: rect.width,
-      height: rect.height,
-      top: rect.top,
-      right: rect.right,
-      bottom: rect.bottom,
-      left: rect.left,
-      x: rect.left,
-      y: rect.top
+      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
     };
   }
   function getWindow(node) {
@@ -12126,13 +12192,20 @@
     var _getComputedStyle = getComputedStyle(element), overflow = _getComputedStyle.overflow, overflowX = _getComputedStyle.overflowX, overflowY = _getComputedStyle.overflowY;
     return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
   }
+  function isElementScaled(element) {
+    var rect = element.getBoundingClientRect();
+    var scaleX = rect.width / element.offsetWidth || 1;
+    var scaleY = rect.height / element.offsetHeight || 1;
+    return scaleX !== 1 || scaleY !== 1;
+  }
   function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
     if (isFixed === void 0) {
       isFixed = false;
     }
+    var isOffsetParentAnElement = isHTMLElement(offsetParent);
+    isHTMLElement(offsetParent) && isElementScaled(offsetParent);
     var documentElement = getDocumentElement(offsetParent);
     var rect = getBoundingClientRect(elementOrVirtualElement);
-    var isOffsetParentAnElement = isHTMLElement(offsetParent);
     var scroll = {
       scrollLeft: 0,
       scrollTop: 0
@@ -12162,19 +12235,19 @@
   }
   function getLayoutRect(element) {
     var clientRect = getBoundingClientRect(element);
-    var width = element.offsetWidth;
-    var height = element.offsetHeight;
-    if (Math.abs(clientRect.width - width) <= 1) {
-      width = clientRect.width;
+    var width2 = element.offsetWidth;
+    var height2 = element.offsetHeight;
+    if (Math.abs(clientRect.width - width2) <= 1) {
+      width2 = clientRect.width;
     }
-    if (Math.abs(clientRect.height - height) <= 1) {
-      height = clientRect.height;
+    if (Math.abs(clientRect.height - height2) <= 1) {
+      height2 = clientRect.height;
     }
     return {
       x: element.offsetLeft,
       y: element.offsetTop,
-      width,
-      height
+      width: width2,
+      height: height2
     };
   }
   function getParentNode(element) {
@@ -12427,7 +12500,8 @@
       var isDestroyed = false;
       var instance2 = {
         state,
-        setOptions: function setOptions(options2) {
+        setOptions: function setOptions(setOptionsAction) {
+          var options2 = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
           cleanupModifierEffects();
           state.options = Object.assign({}, defaultOptions2, state.options, options2);
           state.scrollParents = {
@@ -12522,7 +12596,7 @@
   var passive = {
     passive: true
   };
-  function effect(_ref) {
+  function effect$1(_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);
@@ -12552,7 +12626,7 @@
     phase: "write",
     fn: function fn() {
     },
-    effect,
+    effect: effect$1,
     data: {}
   };
   function popperOffsets(_ref) {
@@ -12588,7 +12662,7 @@
   }
   function mapToStyles(_ref2) {
     var _Object$assign2;
-    var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets;
+    var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets;
     var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === "function" ? roundOffsets(offsets) : offsets, _ref3$x = _ref3.x, x = _ref3$x === void 0 ? 0 : _ref3$x, _ref3$y = _ref3.y, y = _ref3$y === void 0 ? 0 : _ref3$y;
     var hasX = offsets.hasOwnProperty("x");
     var hasY = offsets.hasOwnProperty("y");
@@ -12601,18 +12675,18 @@
       var widthProp = "clientWidth";
       if (offsetParent === getWindow(popper)) {
         offsetParent = getDocumentElement(popper);
-        if (getComputedStyle(offsetParent).position !== "static") {
+        if (getComputedStyle(offsetParent).position !== "static" && position === "absolute") {
           heightProp = "scrollHeight";
           widthProp = "scrollWidth";
         }
       }
       offsetParent = offsetParent;
-      if (placement === top) {
+      if (placement === top || (placement === left || placement === right) && variation === end) {
         sideY = bottom;
         y -= offsetParent[heightProp] - popperRect.height;
         y *= gpuAcceleration ? 1 : -1;
       }
-      if (placement === left) {
+      if (placement === left || (placement === top || placement === bottom) && variation === end) {
         sideX = right;
         x -= offsetParent[widthProp] - popperRect.width;
         x *= gpuAcceleration ? 1 : -1;
@@ -12623,7 +12697,7 @@
     }, adaptive && unsetSides);
     if (gpuAcceleration) {
       var _Object$assign;
-      return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) < 2 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
+      return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
     }
     return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
   }
@@ -12632,6 +12706,7 @@
     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 commonStyles = {
       placement: getBasePlacement(state.placement),
+      variation: getVariation(state.placement),
       popper: state.elements.popper,
       popperRect: state.rects.popper,
       gpuAcceleration
@@ -12683,7 +12758,7 @@
       });
     });
   }
-  function effect$1(_ref2) {
+  function effect(_ref2) {
     var state = _ref2.state;
     var initialStyles = {
       popper: {
@@ -12726,7 +12801,7 @@
     enabled: true,
     phase: "write",
     fn: applyStyles,
-    effect: effect$1,
+    effect,
     requires: ["computeStyles"]
   };
   var defaultModifiers = [eventListeners, popperOffsets$1, computeStyles$1, applyStyles$1];
@@ -12981,8 +13056,8 @@
           height: addUnit(strokeWidth)
         };
         var portionStyle = {
-          background: background.value,
-          transform: "scaleX(" + +percentage / 100 + ")"
+          width: percentage + "%",
+          background: background.value
         };
         return vue.createVNode("div", {
           "class": bem$h(),
@@ -14512,8 +14587,8 @@
         var offset2 = Math.abs(state.offset);
         var THRESHOLD = 0.15;
         var threshold = opened ? 1 - THRESHOLD : THRESHOLD;
-        var width = side === "left" ? leftWidth.value : rightWidth.value;
-        if (width && offset2 > width * threshold) {
+        var width2 = side === "left" ? leftWidth.value : rightWidth.value;
+        if (width2 && offset2 > width2 * threshold) {
           open(side);
         } else {
           close(side);
@@ -15287,7 +15362,7 @@
     }
   });
   var Uploader = withInstall(_Uploader);
-  var version = "3.2.7";
+  var version = "3.2.8";
   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) => {