vant 4.6.0 → 4.6.1

package/lib/vant.js

@@ -502,7 +502,7 @@
     const parentHidden = el.offsetParent === null && style.position !== "fixed";
     return hidden || parentHidden;
   }
-  const { width: windowWidth, height: windowHeight$1 } = useWindowSize();
+  const { width: windowWidth, height: windowHeight } = useWindowSize();
   function addUnit(value) {
     if (isDef(value)) {
       return isNumeric(value) ? `${value}px` : String(value);
@@ -550,7 +550,7 @@
   }
   function convertVh(value) {
     value = value.replace(/vh/g, "");
-    return +value * windowHeight$1.value / 100;
+    return +value * windowHeight.value / 100;
   }
   function unitToPx(value) {
     if (typeof value === "number") {
@@ -826,7 +826,7 @@
       }
     });
     onPopupReopen(() => vue.nextTick(setHeight));
-    vue.watch([windowWidth, windowHeight$1], setHeight);
+    vue.watch([windowWidth, windowHeight], setHeight);
     return height2;
   };
   function usePlaceholder(contentRef, bem2) {
@@ -2509,7 +2509,7 @@
         passive: true
       });
       useVisibilityChange(root, onScroll);
-      vue.watch([windowWidth, windowHeight$1], () => {
+      vue.watch([windowWidth, windowHeight], () => {
         if (!root.value || isHidden(root) || !state.fixed) {
           return;
         }
@@ -2867,7 +2867,7 @@
       vue.watch(() => props2.initialSwipe, (value) => initialize(+value));
       vue.watch(count, () => initialize(state.active));
       vue.watch(() => props2.autoplay, autoplay);
-      vue.watch([windowWidth, windowHeight$1, () => props2.width, () => props2.height], resize);
+      vue.watch([windowWidth, windowHeight, () => props2.width, () => props2.height], resize);
       vue.watch(usePageVisibility(), (visible) => {
         if (visible === "visible") {
           autoplay();
@@ -7930,7 +7930,7 @@
   const CheckboxGroup = withInstall(stdin_default$19);
   const [name$_, bem$Z] = createNamespace("circle");
   let uid = 0;
-  const format$1 = (rate) => Math.min(Math.max(+rate, 0), 100);
+  const format = (rate) => Math.min(Math.max(+rate, 0), 100);
   function getPath(clockwise, viewBoxSize) {
     const 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`;
@@ -7978,13 +7978,13 @@
         let rafId;
         const startTime = Date.now();
         const startRate = props2.currentRate;
-        const endRate = format$1(rate);
+        const endRate = format(rate);
         const duration = Math.abs((startRate - endRate) * 1e3 / +props2.speed);
         const animate = () => {
           const now = Date.now();
           const progress = Math.min((now - startTime) / duration, 1);
           const rate2 = progress * (endRate - startRate) + startRate;
-          emit("update:currentRate", format$1(parseFloat(rate2.toFixed(1))));
+          emit("update:currentRate", format(parseFloat(rate2.toFixed(1))));
           if (endRate > startRate ? rate2 < endRate : rate2 > endRate) {
             rafId = raf(animate);
           }
@@ -9210,7 +9210,7 @@
         const TABS_HEIGHT = 44;
         const rootHeight = useRect(root).height;
         const headerHeight = useRect(barRef).height + TABS_HEIGHT;
-        listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight$1.value) - headerHeight;
+        listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight.value) - headerHeight;
       };
       const onExchange = () => {
         emit("exchange", currentCode.value);
@@ -9314,7 +9314,7 @@
       vue.watch(() => props2.code, (value) => {
         currentCode.value = value;
       });
-      vue.watch(windowHeight$1, updateListHeight);
+      vue.watch(windowHeight, updateListHeight);
       vue.watch(currentCode, (value) => emit("update:code", value));
       vue.watch(() => props2.displayedCouponIndex, scrollToCoupon);
       vue.onMounted(() => {
@@ -9812,7 +9812,7 @@
           if (props2.direction === "down") {
             offset2.value = rect.bottom;
           } else {
-            offset2.value = windowHeight$1.value - rect.top;
+            offset2.value = windowHeight.value - rect.top;
           }
         }
       };
@@ -10101,7 +10101,7 @@
       const boundary = vue.computed(() => ({
         top: props2.gap,
         right: windowWidth.value - state.value.height - props2.gap,
-        bottom: windowHeight$1.value - state.value.width - props2.gap,
+        bottom: windowHeight.value - state.value.width - props2.gap,
         left: props2.gap
       }));
       const dragging = vue.ref(false);
@@ -10126,7 +10126,7 @@
         } = props2;
         state.value = {
           x: offset2.x > -1 ? offset2.x : windowWidth.value - width2 - props2.gap,
-          y: offset2.y > -1 ? offset2.y : windowHeight$1.value - height2 - props2.gap,
+          y: offset2.y > -1 ? offset2.y : windowHeight.value - height2 - props2.gap,
           width: width2,
           height: height2
         };
@@ -10199,7 +10199,7 @@
           initialized = true;
         });
       });
-      vue.watch([windowWidth, windowHeight$1, () => props2.gap, () => props2.offset], () => updateState(), {
+      vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], () => updateState(), {
         deep: true
       });
       const show = vue.ref(true);
@@ -10233,9 +10233,6 @@
     }
   });
   const FloatingBubble = withInstall(stdin_default$R);
-  const {
-    height: windowHeight
-  } = useWindowSize();
   const floatingPanelProps = {
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
@@ -10960,7 +10957,7 @@
         swipeTo
       });
       vue.onMounted(resize);
-      vue.watch([windowWidth, windowHeight$1], resize);
+      vue.watch([windowWidth, windowHeight], resize);
       vue.watch(() => props2.startPosition, (value) => setActive(+value));
       vue.watch(() => props2.show, (value) => {
         const {
@@ -12370,7 +12367,7 @@
   var round = Math.round;
   function getUAString() {
     var uaData = navigator.userAgentData;
-    if (uaData != null && uaData.brands) {
+    if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
       return uaData.brands.map(function(item) {
         return item.brand + "/" + item.version;
       }).join(" ");
@@ -12664,89 +12661,6 @@
       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, index, self2) {
-        return self2.indexOf(value) === index;
-      }).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 = /* @__PURE__ */ 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];
-  }
   function mergeByName(modifiers) {
     var merged = modifiers.reduce(function(merged2, current2) {
       var existing = merged2[current2.name];
@@ -12760,6 +12674,9 @@
       return merged[key];
     });
   }
+  function getBasePlacement(placement) {
+    return placement.split("-")[0];
+  }
   function getVariation(placement) {
     return placement.split("-")[1];
   }
@@ -12818,8 +12735,6 @@
     }
     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: [],
@@ -12870,28 +12785,6 @@
           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();
         },
@@ -12906,9 +12799,6 @@
           }
           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 = {
@@ -12920,15 +12810,7 @@
           state.orderedModifiers.forEach(function(modifier) {
             return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
           });
-          var __debug_loops__ = 0;
           for (var index = 0; index < state.orderedModifiers.length; index++) {
-            {
-              __debug_loops__ += 1;
-              if (__debug_loops__ > 100) {
-                console.error(INFINITE_LOOP_ERROR);
-                break;
-              }
-            }
             if (state.reset === true) {
               state.reset = false;
               index = -1;
@@ -12959,9 +12841,6 @@
         }
       };
       if (!areValidElements(reference, popper)) {
-        {
-          console.error(INVALID_ELEMENT_ERROR);
-        }
         return instance2;
       }
       instance2.setOptions(options).then(function(state2) {
@@ -12970,8 +12849,8 @@
         }
       });
       function runModifierEffects() {
-        state.orderedModifiers.forEach(function(_ref3) {
-          var name2 = _ref3.name, _ref3$options = _ref3.options, options2 = _ref3$options === void 0 ? {} : _ref3$options, effect3 = _ref3.effect;
+        state.orderedModifiers.forEach(function(_ref) {
+          var name2 = _ref.name, _ref$options = _ref.options, options2 = _ref$options === void 0 ? {} : _ref$options, effect3 = _ref.effect;
           if (typeof effect3 === "function") {
             var cleanupFn = effect3({
               state,
@@ -13052,9 +12931,8 @@
     bottom: "auto",
     left: "auto"
   };
-  function roundOffsetsByDPR(_ref) {
+  function roundOffsetsByDPR(_ref, win) {
     var x = _ref.x, y = _ref.y;
-    var win = window;
     var dpr = win.devicePixelRatio || 1;
     return {
       x: round(x * dpr) / dpr || 0,
@@ -13116,7 +12994,7 @@
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x,
       y
-    }) : {
+    }, getWindow(popper)) : {
       x,
       y
     };
@@ -13131,14 +13009,6 @@
   function computeStyles(_ref5) {
     var state = _ref5.state, options = _ref5.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),
@@ -16350,7 +16220,7 @@
         if (isImageFile(item)) {
           return vue.createVNode(Image$1, {
             "fit": imageFit,
-            "src": item.content || item.url,
+            "src": item.objectUrl || item.content || item.url,
             "class": bem$1("preview-image"),
             "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
             "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
@@ -16468,7 +16338,8 @@
               const result = {
                 file,
                 status: "",
-                message: ""
+                message: "",
+                objectUrl: URL.createObjectURL(file)
               };
               if (contents[index]) {
                 result.content = contents[index];
@@ -16482,7 +16353,8 @@
             const result = {
               file: files,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(files)
             };
             if (content) {
               result.content = content;
@@ -16524,8 +16396,8 @@
         if (props2.previewFullImage) {
           const imageFiles = props2.modelValue.filter(isImageFile);
           const images = imageFiles.map((item2) => {
-            if (item2.file && !item2.url && item2.status !== "failed") {
-              item2.url = URL.createObjectURL(item2.file);
+            if (item2.objectUrl && !item2.url && item2.status !== "failed") {
+              item2.url = item2.objectUrl;
               urls.push(item2.url);
             }
             return item2.url;
@@ -17612,7 +17484,7 @@
       });
     }
   };
-  const version = "4.6.0";
+  const version = "4.6.1";
   function install(app) {
     const components = [
       ActionBar,