vant 4.6.0 → 4.6.2

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();
@@ -4382,8 +4382,14 @@
     inputAlign: String,
     placeholder: String,
     autocomplete: String,
+    autocapitalize: String,
+    autocorrect: String,
     errorMessage: String,
     enterkeyhint: String,
+    spellcheck: {
+      type: Boolean,
+      default: null
+    },
     clearTrigger: makeStringProp("focus"),
     formatTrigger: makeStringProp("onChange"),
     error: {
@@ -4711,7 +4717,10 @@
           autofocus: props2.autofocus,
           placeholder: props2.placeholder,
           autocomplete: props2.autocomplete,
+          autocapitalize: props2.autocapitalize,
+          autocorrect: props2.autocorrect,
           enterkeyhint: props2.enterkeyhint,
+          spellcheck: props2.spellcheck,
           "aria-labelledby": props2.label ? `${id}-label` : void 0,
           onBlur,
           onFocus,
@@ -5693,7 +5702,6 @@
   const Tag = withInstall(stdin_default$1o);
   const checkerProps = {
     name: unknownProp,
-    shape: makeStringProp("round"),
     disabled: Boolean,
     iconSize: numericProp,
     modelValue: unknownProp,
@@ -5705,6 +5713,7 @@
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
+      shape: makeStringProp("round"),
       parent: Object,
       checked: Boolean,
       bindGroup: truthProp
@@ -5755,6 +5764,7 @@
         emit("click", event);
       };
       const renderIcon = () => {
+        var _a, _b;
         const {
           bem: bem2,
           shape,
@@ -5767,15 +5777,24 @@
             disabled: disabled.value,
             checked
           }]),
-          "style": {
+          "style": shape !== "dot" ? {
             fontSize: addUnit(iconSize)
+          } : {
+            width: addUnit(iconSize),
+            height: addUnit(iconSize),
+            borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
           }
         }, [slots.icon ? slots.icon({
           checked,
           disabled: disabled.value
-        }) : vue.createVNode(Icon, {
+        }) : shape !== "dot" ? vue.createVNode(Icon, {
           "name": "success",
           "style": iconStyle.value
+        }, null) : vue.createVNode("div", {
+          "class": bem2("icon--dot__icon"),
+          "style": {
+            backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+          }
         }, null)]);
       };
       const renderLabel = () => {
@@ -5802,11 +5821,13 @@
       };
     }
   });
-  const radioProps = checkerProps;
+  const radioProps = extend({}, checkerProps, {
+    shape: makeStringProp("round")
+  });
   const [name$1d, bem$19] = createNamespace("radio");
   var stdin_default$1m = vue.defineComponent({
     name: name$1d,
-    props: checkerProps,
+    props: radioProps,
     emits: ["update:modelValue"],
     setup(props2, {
       emit,
@@ -7857,6 +7878,7 @@
   });
   const [name$$, bem$_] = createNamespace("checkbox");
   const checkboxProps = extend({}, checkerProps, {
+    shape: makeStringProp("round"),
     bindGroup: truthProp
   });
   var stdin_default$18 = vue.defineComponent({
@@ -7930,7 +7952,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 +8000,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 +9232,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 +9336,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 +9834,7 @@
           if (props2.direction === "down") {
             offset2.value = rect.bottom;
           } else {
-            offset2.value = windowHeight$1.value - rect.top;
+            offset2.value = windowHeight.value - rect.top;
           }
         }
       };
@@ -10066,10 +10088,10 @@
   const DropdownItem = withInstall(stdin_default$S);
   const DropdownMenu = withInstall(stdin_default$T);
   const floatingBubbleProps = {
+    gap: makeNumberProp(24),
+    icon: String,
     axis: makeStringProp("y"),
     magnetic: String,
-    icon: String,
-    gap: makeNumberProp(24),
     offset: {
       type: Object,
       default: () => ({
@@ -10100,8 +10122,8 @@
       });
       const boundary = vue.computed(() => ({
         top: props2.gap,
-        right: windowWidth.value - state.value.height - props2.gap,
-        bottom: windowHeight$1.value - state.value.width - props2.gap,
+        right: windowWidth.value - state.value.width - props2.gap,
+        bottom: windowHeight.value - state.value.height - props2.gap,
         left: props2.gap
       }));
       const dragging = vue.ref(false);
@@ -10126,7 +10148,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,9 +10221,7 @@
           initialized = true;
         });
       });
-      vue.watch([windowWidth, windowHeight$1, () => props2.gap, () => props2.offset], () => updateState(), {
-        deep: true
-      });
+      vue.watch([windowWidth, windowHeight, () => props2.gap, () => props2.offset], updateState);
       const show = vue.ref(true);
       vue.onActivated(() => {
         show.value = true;
@@ -10233,9 +10253,6 @@
     }
   });
   const FloatingBubble = withInstall(stdin_default$R);
-  const {
-    height: windowHeight
-  } = useWindowSize();
   const floatingPanelProps = {
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
@@ -10960,7 +10977,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 +12387,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 +12681,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 +12694,9 @@
       return merged[key];
     });
   }
+  function getBasePlacement(placement) {
+    return placement.split("-")[0];
+  }
   function getVariation(placement) {
     return placement.split("-")[1];
   }
@@ -12818,8 +12755,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 +12805,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 +12819,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 +12830,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 +12861,6 @@
         }
       };
       if (!areValidElements(reference, popper)) {
-        {
-          console.error(INVALID_ELEMENT_ERROR);
-        }
         return instance2;
       }
       instance2.setOptions(options).then(function(state2) {
@@ -12970,8 +12869,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 +12951,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 +13014,7 @@
     var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
       x,
       y
-    }) : {
+    }, getWindow(popper)) : {
       x,
       y
     };
@@ -13131,14 +13029,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),
@@ -15888,7 +15778,8 @@
     dots: makeStringProp("..."),
     content: makeStringProp(""),
     expandText: makeStringProp(""),
-    collapseText: makeStringProp("")
+    collapseText: makeStringProp(""),
+    position: makeStringProp("end")
   };
   var stdin_default$9 = vue.defineComponent({
     name: name$4,
@@ -15901,6 +15792,7 @@
       const expanded = vue.ref(false);
       const hasAction = vue.ref(false);
       const root = vue.ref();
+      const actionText = vue.computed(() => expanded.value ? props2.expandText : props2.collapseText);
       const pxToNum = (value) => {
         if (!value)
           return 0;
@@ -15929,24 +15821,53 @@
         };
         const calcEllipsisText = (container2, maxHeight2) => {
           const {
-            dots,
             content,
-            expandText
+            position,
+            dots
           } = props2;
-          let left2 = 0;
-          let right2 = content.length;
-          let res = -1;
-          while (left2 <= right2) {
-            const mid = Math.floor((left2 + right2) / 2);
-            container2.innerText = content.slice(0, mid) + dots + expandText;
-            if (container2.offsetHeight <= maxHeight2) {
-              left2 = mid + 1;
-              res = mid;
-            } else {
-              right2 = mid - 1;
+          const end2 = content.length;
+          const calcEllipse = () => {
+            const tail = (left2, right2) => {
+              if (right2 - left2 <= 1) {
+                if (position === "end") {
+                  return content.slice(0, left2) + dots;
+                }
+                return dots + content.slice(right2, end2);
+              }
+              const middle2 = Math.round(left2 + right2 >> 1);
+              if (position === "end") {
+                container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+              } else {
+                container2.innerText = dots + content.slice(middle2, end2) + actionText.value;
+              }
+              if (container2.offsetHeight > maxHeight2) {
+                if (position === "end") {
+                  return tail(left2, middle2);
+                }
+                return tail(middle2, right2);
+              }
+              if (position === "end") {
+                return tail(middle2, right2);
+              }
+              return tail(left2, middle2);
+            };
+            container2.innerText = tail(0, end2);
+          };
+          const middleTail = (leftPart, rightPart) => {
+            if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+              return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end2);
             }
-          }
-          return content.slice(0, res) + dots;
+            const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
+            const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
+            container2.innerText = props2.content.slice(0, leftMiddle) + props2.dots + actionText.value + props2.dots + props2.content.slice(rightMiddle, end2);
+            if (container2.offsetHeight >= maxHeight2) {
+              return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+            }
+            return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+          };
+          const middle = 0 + end2 >> 1;
+          props2.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end2]) : calcEllipse();
+          return container2.innerText;
         };
         const container = cloneContainer();
         if (!container)
@@ -15956,7 +15877,7 @@
           paddingTop,
           lineHeight
         } = container.style;
-        const maxHeight = (Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+        const maxHeight = Math.ceil((Number(props2.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
         if (maxHeight < container.offsetHeight) {
           hasAction.value = true;
           text.value = calcEllipsisText(container, maxHeight);
@@ -15975,7 +15896,7 @@
         "onClick": onClickAction
       }, [expanded.value ? props2.collapseText : props2.expandText]);
       vue.onMounted(calcEllipsised);
-      vue.watch(() => [props2.content, props2.rows], calcEllipsised);
+      vue.watch(() => [props2.content, props2.rows, props2.position], calcEllipsised);
       useEventListener("resize", calcEllipsised);
       return () => vue.createVNode("div", {
         "ref": root,
@@ -16350,7 +16271,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 +16389,8 @@
               const result = {
                 file,
                 status: "",
-                message: ""
+                message: "",
+                objectUrl: URL.createObjectURL(file)
               };
               if (contents[index]) {
                 result.content = contents[index];
@@ -16482,7 +16404,8 @@
             const result = {
               file: files,
               status: "",
-              message: ""
+              message: "",
+              objectUrl: URL.createObjectURL(files)
             };
             if (content) {
               result.content = content;
@@ -16524,8 +16447,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 +17535,7 @@
       });
     }
   };
-  const version = "4.6.0";
+  const version = "4.6.2";
   function install(app) {
     const components = [
       ActionBar,