vant 4.7.0 → 4.7.2

package/lib/vant.es.js

@@ -1248,6 +1248,11 @@ function useLazyRender(show) {
   );
   return (render) => () => inited.value ? render() : null;
 }
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};
 const [name$1B, bem$1w] = createNamespace("overlay");
 const overlayProps = {
   show: Boolean,
@@ -1359,16 +1364,17 @@ var stdin_default$1J = defineComponent({
     };
     const renderOverlay = () => {
       if (props2.overlay) {
-        return createVNode(Overlay, {
+        return createVNode(Overlay, mergeProps({
           "show": props2.show,
           "class": props2.overlayClass,
           "zIndex": zIndex.value,
           "duration": props2.duration,
           "customStyle": props2.overlayStyle,
           "role": props2.closeOnClickOverlay ? "button" : void 0,
-          "tabindex": props2.closeOnClickOverlay ? 0 : void 0,
+          "tabindex": props2.closeOnClickOverlay ? 0 : void 0
+        }, useScopeId(), {
           "onClick": onClickOverlay
-        }, {
+        }), {
           default: slots["overlay-content"]
         });
       }
@@ -1420,7 +1426,7 @@ var stdin_default$1J = defineComponent({
           "van-safe-area-bottom": safeAreaInsetBottom
         }],
         "onKeydown": onKeydown
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vShow, props2.show]]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vShow, props2.show]]);
     });
     const renderTransition = () => {
       const {
@@ -2220,7 +2226,7 @@ var stdin_default$1E = defineComponent({
     const trackStyle = computed(() => {
       const style = {
         transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
-        transform: `translate${props2.vertical ? "Y" : "X"}(${state.offset}px)`
+        transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
       };
       if (size.value) {
         const mainAxis = props2.vertical ? "height" : "width";
@@ -7451,7 +7457,7 @@ var stdin_default$1a = defineComponent({
         }), {
           [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
         }]
-      }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+      }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => createVNode("div", {
       "class": bem$10("title", {
@@ -9952,7 +9958,7 @@ const FloatingBubble = withInstall(stdin_default$R);
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),
-  duration: makeNumericProp(0.2),
+  duration: makeNumericProp(0.3),
   contentDraggable: truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: truthProp
@@ -9982,7 +9988,7 @@ var stdin_default$Q = defineComponent({
     const rootStyle = computed(() => ({
       height: addUnit(boundary.value.max),
       transform: `translateY(calc(100% + ${addUnit(-height.value)}))`,
-      transition: !dragging.value ? `transform ${props2.duration}s` : "none"
+      transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
     }));
     const ease = (moveY) => {
       const absDistance = Math.abs(moveY);
@@ -10260,6 +10266,7 @@ var stdin_default$N = defineComponent({
     rootWidth: makeRequiredProp(Number),
     rootHeight: makeRequiredProp(Number),
     disableZoom: Boolean,
+    doubleScale: Boolean,
     closeOnClickOverlay: Boolean
   },
   emits: ["scale", "close", "longPress"],
@@ -10433,18 +10440,22 @@ var stdin_default$N = defineComponent({
       const TAP_TIME = 250;
       if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
         if (deltaTime < TAP_TIME) {
-          if (doubleTapTimer) {
-            clearTimeout(doubleTapTimer);
-            doubleTapTimer = null;
-            toggleScale();
-          } else {
-            if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
-              return;
-            }
-            doubleTapTimer = setTimeout(() => {
-              emit("close");
+          if (props2.doubleScale) {
+            if (doubleTapTimer) {
+              clearTimeout(doubleTapTimer);
               doubleTapTimer = null;
-            }, TAP_TIME);
+              toggleScale();
+            } else {
+              if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
+                return;
+              }
+              doubleTapTimer = setTimeout(() => {
+                emit("close");
+                doubleTapTimer = null;
+              }, TAP_TIME);
+            }
+          } else {
+            emit("close");
           }
         } else if (deltaTime > LONG_PRESS_START_TIME) {
           emit("longPress");
@@ -10569,6 +10580,7 @@ const imagePreviewProps = {
   closeIcon: makeStringProp("clear"),
   transition: String,
   beforeClose: Function,
+  doubleScale: truthProp,
   overlayClass: unknownProp,
   overlayStyle: Object,
   swipeDuration: makeNumericProp(300),
@@ -10660,6 +10672,7 @@ var stdin_default$M = defineComponent({
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
         "disableZoom": state.disableZoom,
+        "doubleScale": props2.doubleScale,
         "closeOnClickOverlay": props2.closeOnClickOverlay,
         "onScale": emitScale,
         "onClose": emitClose,
@@ -10737,6 +10750,7 @@ const defaultConfig = {
   closeIcon: "clear",
   transition: void 0,
   beforeClose: void 0,
+  doubleScale: true,
   overlayStyle: void 0,
   overlayClass: void 0,
   startPosition: 0,
@@ -12265,7 +12279,7 @@ var stdin_default$B = defineComponent({
         "transition": "van-popover-zoom",
         "lockScroll": false,
         "onUpdate:show": updateShow
-      }, attrs, pick(props2, popupProps)), {
+      }, attrs, useScopeId(), pick(props2, popupProps)), {
         default: () => [props2.showArrow && createVNode("div", {
           "class": bem$s("arrow")
         }, null), createVNode("div", {
@@ -13227,37 +13241,37 @@ var stdin_default$r = defineComponent({
   }) {
     const canvasRef = ref();
     const wrapRef = ref();
-    const state = reactive({
-      width: 0,
-      height: 0,
-      ctx: null,
-      ratio: inBrowser ? window.devicePixelRatio : 1
+    const ctx = computed(() => {
+      if (!canvasRef.value)
+        return null;
+      return canvasRef.value.getContext("2d");
     });
-    let canvasRect;
     const isRenderCanvas = inBrowser ? hasCanvasSupport() : true;
+    let canvasWidth = 0;
+    let canvasHeight = 0;
+    let canvasRect;
     const touchStart = () => {
-      if (!state.ctx) {
+      if (!ctx.value) {
         return false;
       }
-      state.ctx.beginPath();
-      state.ctx.lineWidth = props2.lineWidth * state.ratio;
-      state.ctx.strokeStyle = props2.penColor;
+      ctx.value.beginPath();
+      ctx.value.lineWidth = props2.lineWidth;
+      ctx.value.strokeStyle = props2.penColor;
       canvasRect = useRect(canvasRef);
       emit("start");
     };
     const touchMove = (event) => {
-      var _a, _b;
-      if (!state.ctx) {
+      if (!ctx.value) {
         return false;
       }
       preventDefault(event);
       const touch = event.touches[0];
-      const mouseX = (touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0)) * state.ratio;
-      const mouseY = (touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0)) * state.ratio;
-      state.ctx.lineCap = "round";
-      state.ctx.lineJoin = "round";
-      (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
-      (_b = state.ctx) == null ? void 0 : _b.stroke();
+      const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
+      const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+      ctx.value.lineCap = "round";
+      ctx.value.lineJoin = "round";
+      ctx.value.lineTo(mouseX, mouseY);
+      ctx.value.stroke();
       emit("signing", event);
     };
     const touchEnd = (event) => {
@@ -13274,10 +13288,10 @@ var stdin_default$r = defineComponent({
       }
       return canvas.toDataURL() === empty.toDataURL();
     };
-    const setCanvasBgColor = (ctx) => {
-      if (ctx && props2.backgroundColor) {
-        ctx.fillStyle = props2.backgroundColor;
-        ctx.fillRect(0, 0, state.width, state.height);
+    const setCanvasBgColor = (ctx2) => {
+      if (ctx2 && props2.backgroundColor) {
+        ctx2.fillStyle = props2.backgroundColor;
+        ctx2.fillRect(0, 0, canvasWidth, canvasHeight);
       }
     };
     const submit = () => {
@@ -13297,22 +13311,22 @@ var stdin_default$r = defineComponent({
       });
     };
     const clear = () => {
-      if (state.ctx) {
-        state.ctx.clearRect(0, 0, state.width, state.height);
-        state.ctx.closePath();
-        setCanvasBgColor(state.ctx);
+      if (ctx.value) {
+        ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
+        ctx.value.closePath();
+        setCanvasBgColor(ctx.value);
       }
       emit("clear");
     };
     onMounted(() => {
       var _a, _b, _c;
-      if (isRenderCanvas) {
-        state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
-        state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
-        state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
-        nextTick(() => {
-          setCanvasBgColor(state.ctx);
-        });
+      if (isRenderCanvas && canvasRef.value) {
+        const canvas = canvasRef.value;
+        const dpr = inBrowser ? window.devicePixelRatio : 1;
+        canvasWidth = canvas.width = (((_a = wrapRef.value) == null ? void 0 : _a.offsetWidth) || 0) * dpr;
+        canvasHeight = canvas.height = (((_b = wrapRef.value) == null ? void 0 : _b.offsetHeight) || 0) * dpr;
+        (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
+        setCanvasBgColor(ctx.value);
       }
     });
     return () => createVNode("div", {
@@ -13322,8 +13336,6 @@ var stdin_default$r = defineComponent({
       "ref": wrapRef
     }, [isRenderCanvas ? createVNode("canvas", {
       "ref": canvasRef,
-      "width": state.width,
-      "height": state.height,
       "onTouchstartPassive": touchStart,
       "onTouchmove": touchMove,
       "onTouchend": touchEnd
@@ -15281,6 +15293,7 @@ var stdin_default$5 = defineComponent({
     const inputRef = ref();
     const urls = [];
     const reuploadIndex = ref(-1);
+    const isReuploading = ref(false);
     const getDetail = (index = props2.modelValue.length) => ({
       name: props2.name,
       index
@@ -15417,8 +15430,15 @@ var stdin_default$5 = defineComponent({
       emit("delete", item, getDetail(index));
     };
     const reuploadImage = (index) => {
-      chooseFile();
+      isReuploading.value = true;
       reuploadIndex.value = index;
+      nextTick(() => chooseFile());
+    };
+    const onInputClick = () => {
+      if (!isReuploading.value) {
+        reuploadIndex.value = -1;
+      }
+      isReuploading.value = false;
     };
     const renderPreviewItem = (item, index) => {
       const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
@@ -15451,7 +15471,8 @@ var stdin_default$5 = defineComponent({
         "capture": props2.capture,
         "multiple": props2.multiple && reuploadIndex.value === -1,
         "disabled": props2.disabled,
-        "onChange": onChange
+        "onChange": onChange,
+        "onClick": onInputClick
       }, null);
       if (slots.default) {
         return withDirectives(createVNode("div", {
@@ -16497,7 +16518,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.7.0";
+const version = "4.7.2";
 function install(app) {
   const components = [
     ActionBar,

package/lib/vant.js

@@ -1638,6 +1638,11 @@
     );
     return (render) => () => inited.value ? render() : null;
   }
+  const useScopeId = () => {
+    var _a;
+    const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
+    return scopeId ? { [scopeId]: "" } : null;
+  };
   const [name$1B, bem$1w] = createNamespace("overlay");
   const overlayProps = {
     show: Boolean,
@@ -1749,16 +1754,17 @@
       };
       const renderOverlay = () => {
         if (props2.overlay) {
-          return vue.createVNode(Overlay, {
+          return vue.createVNode(Overlay, vue.mergeProps({
             "show": props2.show,
             "class": props2.overlayClass,
             "zIndex": zIndex.value,
             "duration": props2.duration,
             "customStyle": props2.overlayStyle,
             "role": props2.closeOnClickOverlay ? "button" : void 0,
-            "tabindex": props2.closeOnClickOverlay ? 0 : void 0,
+            "tabindex": props2.closeOnClickOverlay ? 0 : void 0
+          }, useScopeId(), {
             "onClick": onClickOverlay
-          }, {
+          }), {
             default: slots["overlay-content"]
           });
         }
@@ -1810,7 +1816,7 @@
             "van-safe-area-bottom": safeAreaInsetBottom
           }],
           "onKeydown": onKeydown
-        }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
+        }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props2.show]]);
       });
       const renderTransition = () => {
         const {
@@ -2687,7 +2693,7 @@
       const trackStyle = vue.computed(() => {
         const style = {
           transitionDuration: `${state.swiping ? 0 : props2.duration}ms`,
-          transform: `translate${props2.vertical ? "Y" : "X"}(${state.offset}px)`
+          transform: `translate${props2.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
         };
         if (size.value) {
           const mainAxis = props2.vertical ? "height" : "width";
@@ -7909,7 +7915,7 @@
           }), {
             [BORDER_TOP_BOTTOM]: props2.border && !props2.inset
           }]
-        }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+        }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
       const renderTitle = () => vue.createVNode("div", {
         "class": bem$10("title", {
@@ -10387,7 +10393,7 @@
   const floatingPanelProps = {
     height: makeNumericProp(0),
     anchors: makeArrayProp(),
-    duration: makeNumericProp(0.2),
+    duration: makeNumericProp(0.3),
     contentDraggable: truthProp,
     lockScroll: Boolean,
     safeAreaInsetBottom: truthProp
@@ -10417,7 +10423,7 @@
       const rootStyle = vue.computed(() => ({
         height: addUnit(boundary.value.max),
         transform: `translateY(calc(100% + ${addUnit(-height2.value)}))`,
-        transition: !dragging.value ? `transform ${props2.duration}s` : "none"
+        transition: !dragging.value ? `transform ${props2.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
       }));
       const ease = (moveY) => {
         const absDistance = Math.abs(moveY);
@@ -10692,6 +10698,7 @@
       rootWidth: makeRequiredProp(Number),
       rootHeight: makeRequiredProp(Number),
       disableZoom: Boolean,
+      doubleScale: Boolean,
       closeOnClickOverlay: Boolean
     },
     emits: ["scale", "close", "longPress"],
@@ -10865,18 +10872,22 @@
         const TAP_TIME = 250;
         if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
           if (deltaTime < TAP_TIME) {
-            if (doubleTapTimer) {
-              clearTimeout(doubleTapTimer);
-              doubleTapTimer = null;
-              toggleScale();
-            } else {
-              if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
-                return;
-              }
-              doubleTapTimer = setTimeout(() => {
-                emit("close");
+            if (props2.doubleScale) {
+              if (doubleTapTimer) {
+                clearTimeout(doubleTapTimer);
                 doubleTapTimer = null;
-              }, TAP_TIME);
+                toggleScale();
+              } else {
+                if (!props2.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
+                  return;
+                }
+                doubleTapTimer = setTimeout(() => {
+                  emit("close");
+                  doubleTapTimer = null;
+                }, TAP_TIME);
+              }
+            } else {
+              emit("close");
             }
           } else if (deltaTime > LONG_PRESS_START_TIME) {
             emit("longPress");
@@ -11001,6 +11012,7 @@
     closeIcon: makeStringProp("clear"),
     transition: String,
     beforeClose: Function,
+    doubleScale: truthProp,
     overlayClass: unknownProp,
     overlayStyle: Object,
     swipeDuration: makeNumericProp(300),
@@ -11092,6 +11104,7 @@
           "rootWidth": state.rootWidth,
           "rootHeight": state.rootHeight,
           "disableZoom": state.disableZoom,
+          "doubleScale": props2.doubleScale,
           "closeOnClickOverlay": props2.closeOnClickOverlay,
           "onScale": emitScale,
           "onClose": emitClose,
@@ -11169,6 +11182,7 @@
     closeIcon: "clear",
     transition: void 0,
     beforeClose: void 0,
+    doubleScale: true,
     overlayStyle: void 0,
     overlayClass: void 0,
     startPosition: 0,
@@ -13506,7 +13520,7 @@
           "transition": "van-popover-zoom",
           "lockScroll": false,
           "onUpdate:show": updateShow
-        }, attrs, pick(props2, popupProps)), {
+        }, attrs, useScopeId(), pick(props2, popupProps)), {
           default: () => [props2.showArrow && vue.createVNode("div", {
             "class": bem$s("arrow")
           }, null), vue.createVNode("div", {
@@ -14465,37 +14479,37 @@
     }) {
       const canvasRef = vue.ref();
       const wrapRef = vue.ref();
-      const state = vue.reactive({
-        width: 0,
-        height: 0,
-        ctx: null,
-        ratio: inBrowser$1 ? window.devicePixelRatio : 1
+      const ctx = vue.computed(() => {
+        if (!canvasRef.value)
+          return null;
+        return canvasRef.value.getContext("2d");
       });
-      let canvasRect;
       const isRenderCanvas = inBrowser$1 ? hasCanvasSupport() : true;
+      let canvasWidth = 0;
+      let canvasHeight = 0;
+      let canvasRect;
       const touchStart = () => {
-        if (!state.ctx) {
+        if (!ctx.value) {
           return false;
         }
-        state.ctx.beginPath();
-        state.ctx.lineWidth = props2.lineWidth * state.ratio;
-        state.ctx.strokeStyle = props2.penColor;
+        ctx.value.beginPath();
+        ctx.value.lineWidth = props2.lineWidth;
+        ctx.value.strokeStyle = props2.penColor;
         canvasRect = useRect(canvasRef);
         emit("start");
       };
       const touchMove = (event) => {
-        var _a, _b;
-        if (!state.ctx) {
+        if (!ctx.value) {
           return false;
         }
         preventDefault(event);
         const touch = event.touches[0];
-        const mouseX = (touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0)) * state.ratio;
-        const mouseY = (touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0)) * state.ratio;
-        state.ctx.lineCap = "round";
-        state.ctx.lineJoin = "round";
-        (_a = state.ctx) == null ? void 0 : _a.lineTo(mouseX, mouseY);
-        (_b = state.ctx) == null ? void 0 : _b.stroke();
+        const mouseX = touch.clientX - ((canvasRect == null ? void 0 : canvasRect.left) || 0);
+        const mouseY = touch.clientY - ((canvasRect == null ? void 0 : canvasRect.top) || 0);
+        ctx.value.lineCap = "round";
+        ctx.value.lineJoin = "round";
+        ctx.value.lineTo(mouseX, mouseY);
+        ctx.value.stroke();
         emit("signing", event);
       };
       const touchEnd = (event) => {
@@ -14512,10 +14526,10 @@
         }
         return canvas.toDataURL() === empty.toDataURL();
       };
-      const setCanvasBgColor = (ctx) => {
-        if (ctx && props2.backgroundColor) {
-          ctx.fillStyle = props2.backgroundColor;
-          ctx.fillRect(0, 0, state.width, state.height);
+      const setCanvasBgColor = (ctx2) => {
+        if (ctx2 && props2.backgroundColor) {
+          ctx2.fillStyle = props2.backgroundColor;
+          ctx2.fillRect(0, 0, canvasWidth, canvasHeight);
         }
       };
       const submit = () => {
@@ -14535,22 +14549,22 @@
         });
       };
       const clear = () => {
-        if (state.ctx) {
-          state.ctx.clearRect(0, 0, state.width, state.height);
-          state.ctx.closePath();
-          setCanvasBgColor(state.ctx);
+        if (ctx.value) {
+          ctx.value.clearRect(0, 0, canvasWidth, canvasHeight);
+          ctx.value.closePath();
+          setCanvasBgColor(ctx.value);
         }
         emit("clear");
       };
       vue.onMounted(() => {
         var _a, _b, _c;
-        if (isRenderCanvas) {
-          state.ctx = (_a = canvasRef.value) == null ? void 0 : _a.getContext("2d");
-          state.width = (((_b = wrapRef.value) == null ? void 0 : _b.offsetWidth) || 0) * state.ratio;
-          state.height = (((_c = wrapRef.value) == null ? void 0 : _c.offsetHeight) || 0) * state.ratio;
-          vue.nextTick(() => {
-            setCanvasBgColor(state.ctx);
-          });
+        if (isRenderCanvas && canvasRef.value) {
+          const canvas = canvasRef.value;
+          const dpr = inBrowser$1 ? window.devicePixelRatio : 1;
+          canvasWidth = canvas.width = (((_a = wrapRef.value) == null ? void 0 : _a.offsetWidth) || 0) * dpr;
+          canvasHeight = canvas.height = (((_b = wrapRef.value) == null ? void 0 : _b.offsetHeight) || 0) * dpr;
+          (_c = ctx.value) == null ? void 0 : _c.scale(dpr, dpr);
+          setCanvasBgColor(ctx.value);
         }
       });
       return () => vue.createVNode("div", {
@@ -14560,8 +14574,6 @@
         "ref": wrapRef
       }, [isRenderCanvas ? vue.createVNode("canvas", {
         "ref": canvasRef,
-        "width": state.width,
-        "height": state.height,
         "onTouchstartPassive": touchStart,
         "onTouchmove": touchMove,
         "onTouchend": touchEnd
@@ -16510,6 +16522,7 @@
       const inputRef = vue.ref();
       const urls = [];
       const reuploadIndex = vue.ref(-1);
+      const isReuploading = vue.ref(false);
       const getDetail = (index = props2.modelValue.length) => ({
         name: props2.name,
         index
@@ -16646,8 +16659,15 @@
         emit("delete", item, getDetail(index));
       };
       const reuploadImage = (index) => {
-        chooseFile();
+        isReuploading.value = true;
         reuploadIndex.value = index;
+        vue.nextTick(() => chooseFile());
+      };
+      const onInputClick = () => {
+        if (!isReuploading.value) {
+          reuploadIndex.value = -1;
+        }
+        isReuploading.value = false;
       };
       const renderPreviewItem = (item, index) => {
         const needPickData = ["imageFit", "deletable", "reupload", "previewSize", "beforeDelete"];
@@ -16680,7 +16700,8 @@
           "capture": props2.capture,
           "multiple": props2.multiple && reuploadIndex.value === -1,
           "disabled": props2.disabled,
-          "onChange": onChange
+          "onChange": onChange,
+          "onClick": onInputClick
         }, null);
         if (slots.default) {
           return vue.withDirectives(vue.createVNode("div", {
@@ -17709,7 +17730,7 @@
       });
     }
   };
-  const version = "4.7.0";
+  const version = "4.7.2";
   function install(app) {
     const components = [
       ActionBar,