vant 4.8.1 → 4.8.3

package/lib/image-preview/ImagePreview.d.ts

@@ -54,6 +54,10 @@ export declare const imagePreviewProps: {
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickImage: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickOverlay: {
         type: BooleanConstructor;
         default: true;
@@ -118,6 +122,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickImage: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickOverlay: {
         type: BooleanConstructor;
         default: true;
@@ -127,7 +135,7 @@ declare const _default: import("vue").DefineComponent<{
         default: PopupCloseIconPosition;
     };
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -180,6 +188,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickImage: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickOverlay: {
         type: BooleanConstructor;
         default: true;
@@ -211,6 +223,7 @@ declare const _default: import("vue").DefineComponent<{
     minZoom: string | number;
     maxZoom: string | number;
     doubleScale: boolean;
+    closeOnClickImage: boolean;
     images: string[];
     showIndex: boolean;
 }, {}>;

package/lib/image-preview/ImagePreview.js

@@ -62,6 +62,7 @@ const imagePreviewProps = {
   startPosition: (0, import_utils.makeNumericProp)(0),
   showIndicators: Boolean,
   closeOnPopstate: import_utils.truthProp,
+  closeOnClickImage: import_utils.truthProp,
   closeOnClickOverlay: import_utils.truthProp,
   closeIconPosition: (0, import_utils.makeStringProp)("top-right"),
   teleport: [String, Object]
@@ -154,6 +155,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "rootHeight": state.rootHeight,
         "disableZoom": state.disableZoom,
         "doubleScale": props.doubleScale,
+        "closeOnClickImage": props.closeOnClickImage,
         "closeOnClickOverlay": props.closeOnClickOverlay,
         "onScale": emitScale,
         "onClose": emitClose,

package/lib/image-preview/ImagePreviewItem.d.ts

@@ -21,6 +21,7 @@ declare const imagePreviewItemProps: {
     };
     disableZoom: BooleanConstructor;
     doubleScale: BooleanConstructor;
+    closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
 };
 export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
@@ -46,8 +47,9 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableZoom: BooleanConstructor;
     doubleScale: BooleanConstructor;
+    closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;
@@ -69,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     disableZoom: BooleanConstructor;
     doubleScale: BooleanConstructor;
+    closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
@@ -79,5 +82,6 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay: boolean;
     disableZoom: boolean;
     doubleScale: boolean;
+    closeOnClickImage: boolean;
 }, {}>;
 export default _default;

package/lib/image-preview/ImagePreviewItem.js

@@ -46,6 +46,7 @@ const imagePreviewItemProps = {
   rootHeight: (0, import_utils.makeRequiredProp)(Number),
   disableZoom: Boolean,
   doubleScale: Boolean,
+  closeOnClickImage: Boolean,
   closeOnClickOverlay: Boolean
 };
 var stdin_default = (0, import_vue2.defineComponent)({
@@ -208,18 +209,25 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }
       }
     };
-    const checkTap = (event) => {
+    const checkClose = (event) => {
       var _a;
+      const swipeItemEl = (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      const imageEl = swipeItemEl.firstElementChild;
+      const isClickOverlay = event.target === swipeItemEl;
+      const isClickImage = imageEl == null ? void 0 : imageEl.contains(event.target);
+      if (!props.closeOnClickImage && isClickImage)
+        return;
+      if (!props.closeOnClickOverlay && isClickOverlay)
+        return;
+      emit("close");
+    };
+    const checkTap = (event) => {
       if (fingerNum > 1) {
         return;
       }
-      const {
-        offsetX,
-        offsetY
-      } = touch;
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
-      if (offsetX.value < import_utils.TAP_OFFSET && offsetY.value < import_utils.TAP_OFFSET) {
+      if (touch.isTap.value) {
         if (deltaTime < TAP_TIME) {
           if (props.doubleScale) {
             if (doubleTapTimer) {
@@ -227,16 +235,13 @@ var stdin_default = (0, import_vue2.defineComponent)({
               doubleTapTimer = null;
               toggleScale();
             } else {
-              if (!props.closeOnClickOverlay && event.target === ((_a = swipeItem.value) == null ? void 0 : _a.$el)) {
-                return;
-              }
               doubleTapTimer = setTimeout(() => {
-                emit("close");
+                checkClose(event);
                 doubleTapTimer = null;
               }, TAP_TIME);
             }
           } else {
-            emit("close");
+            checkClose(event);
           }
         } else if (deltaTime > import_utils.LONG_PRESS_START_TIME) {
           emit("longPress");

package/lib/image-preview/index.css

@@ -1 +1 @@
-:root{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}
+:root,:host{--van-image-preview-index-text-color: var(--van-white);--van-image-preview-index-font-size: var(--van-font-size-md);--van-image-preview-index-line-height: var(--van-line-height-md);--van-image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);--van-image-preview-overlay-background: rgba(0, 0, 0, .9);--van-image-preview-close-icon-size: 22px;--van-image-preview-close-icon-color: var(--van-gray-5);--van-image-preview-close-icon-margin: var(--van-padding-md);--van-image-preview-close-icon-z-index: 1}.van-image-preview{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;background-color:transparent;transform:none}.van-image-preview__swipe{height:100%}.van-image-preview__swipe-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.van-image-preview__cover{position:absolute;top:0;left:0}.van-image-preview__image,.van-image-preview__image-wrap{width:100%;transition-property:transform}.van-image-preview__image--vertical,.van-image-preview__image-wrap--vertical{width:auto;height:100%}.van-image-preview__image img,.van-image-preview__image-wrap img,.van-image-preview__image video,.van-image-preview__image-wrap video{-webkit-user-drag:none}.van-image-preview__image .van-image__error,.van-image-preview__image-wrap .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon,.van-image-preview__image-wrap .van-image__error-icon{font-size:36px}.van-image-preview__image .van-image__loading,.van-image-preview__image-wrap .van-image__loading{background-color:transparent}.van-image-preview__index{position:absolute;top:var(--van-padding-md);left:50%;color:var(--van-image-preview-index-text-color);font-size:var(--van-image-preview-index-font-size);line-height:var(--van-image-preview-index-line-height);text-shadow:var(--van-image-preview-index-text-shadow);transform:translate(-50%)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background)}.van-image-preview__close-icon{position:absolute;z-index:var(--van-image-preview-close-icon-z-index);color:var(--van-image-preview-close-icon-color);font-size:var(--van-image-preview-close-icon-size)}.van-image-preview__close-icon--top-left{top:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--top-right{top:var(--van-image-preview-close-icon-margin);right:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-left{bottom:var(--van-image-preview-close-icon-margin);left:var(--van-image-preview-close-icon-margin)}.van-image-preview__close-icon--bottom-right{right:var(--van-image-preview-close-icon-margin);bottom:var(--van-image-preview-close-icon-margin)}

package/lib/image-preview/index.d.ts

@@ -52,6 +52,10 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickImage: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickOverlay: {
         type: BooleanConstructor;
         default: true;
@@ -61,7 +65,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         default: import("..").PopupCloseIconPosition;
     };
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -114,6 +118,10 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    closeOnClickImage: {
+        type: BooleanConstructor;
+        default: true;
+    };
     closeOnClickOverlay: {
         type: BooleanConstructor;
         default: true;
@@ -145,6 +153,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     minZoom: string | number;
     maxZoom: string | number;
     doubleScale: boolean;
+    closeOnClickImage: boolean;
     images: string[];
     showIndex: boolean;
 }, {}>>;

package/lib/image-preview/types.d.ts

@@ -24,6 +24,7 @@ export type ImagePreviewOptions = {
     showIndicators?: boolean;
     closeOnPopstate?: boolean;
     closeIconPosition?: PopupCloseIconPosition;
+    closeOnClickImage?: boolean;
     closeOnClickOverlay?: boolean;
     onClose?(): void;
     onScale?(args: {

package/lib/index-anchor/IndexAnchor.d.ts

@@ -5,7 +5,7 @@ export declare const indexAnchorProps: {
 export type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
 declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}, {}>;
 export default _default;

package/lib/index-anchor/index.css

@@ -1 +1 @@
-:root{--van-index-anchor-z-index: 1;--van-index-anchor-padding: 0 var(--van-padding-md);--van-index-anchor-text-color: var(--van-text-color);--van-index-anchor-font-weight: var(--van-font-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background)}
+:root,:host{--van-index-anchor-z-index: 1;--van-index-anchor-padding: 0 var(--van-padding-md);--van-index-anchor-text-color: var(--van-text-color);--van-index-anchor-font-weight: var(--van-font-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background: transparent;--van-index-anchor-sticky-text-color: var(--van-primary-color);--van-index-anchor-sticky-background: var(--van-background-2)}.van-index-anchor{z-index:var(--van-index-anchor-z-index);box-sizing:border-box;padding:var(--van-index-anchor-padding);color:var(--van-index-anchor-text-color);font-weight:var(--van-index-anchor-font-weight);font-size:var(--van-index-anchor-font-size);line-height:var(--van-index-anchor-line-height);background:var(--van-index-anchor-background)}.van-index-anchor--sticky{position:fixed;top:0;right:0;left:0;color:var(--van-index-anchor-sticky-text-color);background:var(--van-index-anchor-sticky-background)}

package/lib/index-anchor/index.d.ts

@@ -1,6 +1,6 @@
 export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => import("vue/jsx-runtime").JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}, {}>>;
 export default IndexAnchor;

package/lib/index-bar/IndexBar.d.ts

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Numeric[]>;
         default: typeof genAlphabet;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;

package/lib/index-bar/index.css

@@ -1 +1 @@
-:root{--van-index-bar-sidebar-z-index: 2;--van-index-bar-index-font-size: var(--van-font-size-xs);--van-index-bar-index-line-height: var(--van-line-height-xs);--van-index-bar-index-active-color: var(--van-primary-color)}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:var(--van-index-bar-sidebar-z-index);display:flex;flex-direction:column;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 var(--van-padding-xs) 0 var(--van-padding-md);font-weight:var(--van-font-bold);font-size:var(--van-index-bar-index-font-size);line-height:var(--van-index-bar-index-line-height)}.van-index-bar__index--active{color:var(--van-index-bar-index-active-color);font-weight:700}
+:root,:host{--van-index-bar-sidebar-z-index: 2;--van-index-bar-index-font-size: var(--van-font-size-xs);--van-index-bar-index-line-height: var(--van-line-height-xs);--van-index-bar-index-active-color: var(--van-primary-color)}.van-index-bar__sidebar{position:fixed;top:50%;right:0;z-index:var(--van-index-bar-sidebar-z-index);display:flex;flex-direction:column;text-align:center;transform:translateY(-50%);cursor:pointer;-webkit-user-select:none;user-select:none}.van-index-bar__index{padding:0 var(--van-padding-xs) 0 var(--van-padding-md);font-weight:var(--van-font-bold);font-size:var(--van-index-bar-index-font-size);line-height:var(--van-index-bar-index-line-height)}.van-index-bar__index--active{color:var(--van-index-bar-index-active-color);font-weight:700}

package/lib/index-bar/index.d.ts

@@ -15,7 +15,7 @@ export declare const IndexBar: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("../utils").Numeric[]>;
         default: () => string[];
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => import("vue/jsx-runtime").JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     sticky: {
         type: BooleanConstructor;
         default: true;