vant 4.8.5 → 4.8.7

package/es/action-sheet/ActionSheet.d.ts

@@ -1,5 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export type ActionSheetAction = {
+    icon?: string;
     name?: string;
     color?: string;
     subname?: string;

package/es/action-sheet/ActionSheet.mjs

@@ -54,6 +54,14 @@ var stdin_default = defineComponent({
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
     };
+    const renderIcon = (action) => {
+      if (action.icon) {
+        return _createVNode(Icon, {
+          "class": bem("item-icon"),
+          "name": action.icon
+        }, null);
+      }
+    };
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return _createVNode(Loading, {
@@ -102,7 +110,7 @@ var stdin_default = defineComponent({
           disabled
         }), className],
         "onClick": onClick
-      }, [renderActionContent(action, index)]);
+      }, [renderIcon(action), renderActionContent(action, index)]);
     };
     const renderDescription = () => {
       if (props.description || slots.description) {

package/es/action-sheet/index.css

@@ -1 +1 @@
-:root,:host{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+:root,:host{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-item-icon-size: 18px;--van-action-sheet-item-icon-margin-right: var(--van-padding-xs);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__item-icon{font-size:var(--van-action-sheet-item-icon-size);margin-right:var(--van-action-sheet-item-icon-margin-right)}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{width:100%;margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height);overflow-wrap:break-word}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

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

@@ -23,6 +23,7 @@ export declare const imagePreviewProps: {
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -91,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -157,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -212,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     loop: boolean;
     overlay: boolean;
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;

package/es/image-preview/ImagePreview.mjs

@@ -16,6 +16,7 @@ const imagePreviewProps = {
   minZoom: makeNumericProp(1 / 3),
   maxZoom: makeNumericProp(3),
   overlay: truthProp,
+  vertical: Boolean,
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
@@ -99,6 +100,7 @@ var stdin_default = defineComponent({
       "lazyRender": true,
       "loop": props.loop,
       "class": bem("swipe"),
+      "vertical": props.vertical,
       "duration": props.swipeDuration,
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
@@ -124,6 +126,7 @@ var stdin_default = defineComponent({
         "doubleScale": props.doubleScale,
         "closeOnClickImage": props.closeOnClickImage,
         "closeOnClickOverlay": props.closeOnClickOverlay,
+        "vertical": props.vertical,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {

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

@@ -23,6 +23,7 @@ declare const imagePreviewItemProps: {
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 };
 export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 }, () => 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;
@@ -73,12 +75,14 @@ declare const _default: import("vue").DefineComponent<{
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     disableZoom: boolean;
     doubleScale: boolean;

package/es/image-preview/ImagePreviewItem.mjs

@@ -25,7 +25,8 @@ const imagePreviewItemProps = {
   disableZoom: Boolean,
   doubleScale: Boolean,
   closeOnClickImage: Boolean,
-  closeOnClickOverlay: Boolean
+  closeOnClickOverlay: Boolean,
+  vertical: Boolean
 };
 var stdin_default = defineComponent({
   props: imagePreviewItemProps,
@@ -168,7 +169,7 @@ var stdin_default = defineComponent({
         } = touch;
         const moveX = deltaX.value + startMoveX;
         const moveY = deltaY.value + startMoveY;
-        if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved && touch.isHorizontal()) {
+        if ((props.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
           state.moving = false;
           return;
         }

package/es/image-preview/function-call.mjs

@@ -11,6 +11,7 @@ const defaultConfig = {
   onScale: void 0,
   onClose: void 0,
   onChange: void 0,
+  vertical: false,
   teleport: "body",
   className: "",
   showIndex: true,

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

@@ -21,6 +21,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -87,6 +88,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -142,6 +144,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     loop: boolean;
     overlay: boolean;
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;

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

@@ -9,6 +9,7 @@ export type ImagePreviewOptions = {
     images: string[];
     maxZoom?: number;
     minZoom?: number;
+    vertical?: boolean;
     teleport?: TeleportProps['to'];
     className?: unknown;
     showIndex?: boolean;

package/es/index.d.ts

@@ -106,4 +106,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.8.5";
+export const version: "4.8.7";

package/es/index.mjs

@@ -99,7 +99,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.8.5";
+const version = "4.8.7";
 function install(app) {
   const components = [
     ActionBar,

package/es/signature/Signature.mjs

@@ -126,7 +126,9 @@ var stdin_default = defineComponent({
     watch(windowWidth, resize);
     onMounted(initialize);
     useExpose({
-      resize
+      resize,
+      clear,
+      submit
     });
     return () => _createVNode("div", {
       "class": bem()

package/es/signature/types.d.ts

@@ -2,6 +2,8 @@ import type { ComponentPublicInstance } from 'vue';
 import type { SignatureProps } from './Signature';
 export type SignatureExpose = {
     resize: () => void;
+    clear: () => void;
+    submit: () => void;
 };
 export type SignatureInstance = ComponentPublicInstance<SignatureProps, SignatureExpose>;
 export type SignatureThemeVars = {

package/lib/action-sheet/ActionSheet.d.ts

@@ -1,5 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export type ActionSheetAction = {
+    icon?: string;
     name?: string;
     color?: string;
     subname?: string;

package/lib/action-sheet/ActionSheet.js

@@ -77,6 +77,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.cancel ? slots.cancel() : props.cancelText])];
       }
     };
+    const renderIcon = (action) => {
+      if (action.icon) {
+        return (0, import_vue.createVNode)(import_icon.Icon, {
+          "class": bem("item-icon"),
+          "name": action.icon
+        }, null);
+      }
+    };
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return (0, import_vue.createVNode)(import_loading.Loading, {
@@ -125,7 +133,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           disabled
         }), className],
         "onClick": onClick
-      }, [renderActionContent(action, index)]);
+      }, [renderIcon(action), renderActionContent(action, index)]);
     };
     const renderDescription = () => {
       if (props.description || slots.description) {

package/lib/action-sheet/index.css

@@ -1 +1 @@
-:root,:host{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:block;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height)}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}
+:root,:host{--van-action-sheet-max-height: 80%;--van-action-sheet-header-height: 48px;--van-action-sheet-header-font-size: var(--van-font-size-lg);--van-action-sheet-description-color: var(--van-text-color-2);--van-action-sheet-description-font-size: var(--van-font-size-md);--van-action-sheet-description-line-height: var(--van-line-height-md);--van-action-sheet-item-background: var(--van-background-2);--van-action-sheet-item-font-size: var(--van-font-size-lg);--van-action-sheet-item-line-height: var(--van-line-height-lg);--van-action-sheet-item-text-color: var(--van-text-color);--van-action-sheet-item-disabled-text-color: var(--van-text-color-3);--van-action-sheet-item-icon-size: 18px;--van-action-sheet-item-icon-margin-right: var(--van-padding-xs);--van-action-sheet-subname-color: var(--van-text-color-2);--van-action-sheet-subname-font-size: var(--van-font-size-sm);--van-action-sheet-subname-line-height: var(--van-line-height-sm);--van-action-sheet-close-icon-size: 22px;--van-action-sheet-close-icon-color: var(--van-gray-5);--van-action-sheet-close-icon-padding: 0 var(--van-padding-md);--van-action-sheet-cancel-text-color: var(--van-gray-7);--van-action-sheet-cancel-padding-top: var(--van-padding-xs);--van-action-sheet-cancel-padding-color: var(--van-background);--van-action-sheet-loading-icon-size: 22px}.van-action-sheet{display:flex;flex-direction:column;max-height:var(--van-action-sheet-max-height);overflow:hidden;color:var(--van-action-sheet-item-text-color)}.van-action-sheet__content{flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.van-action-sheet__item,.van-action-sheet__cancel{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;padding:14px var(--van-padding-md);font-size:var(--van-action-sheet-item-font-size);background:var(--van-action-sheet-item-background);border:none;cursor:pointer}.van-action-sheet__item:active,.van-action-sheet__cancel:active{background-color:var(--van-active-color)}.van-action-sheet__item{line-height:var(--van-action-sheet-item-line-height)}.van-action-sheet__item--loading,.van-action-sheet__item--disabled{color:var(--van-action-sheet-item-disabled-text-color)}.van-action-sheet__item--loading:active,.van-action-sheet__item--disabled:active{background-color:var(--van-action-sheet-item-background)}.van-action-sheet__item--disabled{cursor:not-allowed}.van-action-sheet__item--loading{cursor:default}.van-action-sheet__item-icon{font-size:var(--van-action-sheet-item-icon-size);margin-right:var(--van-action-sheet-item-icon-margin-right)}.van-action-sheet__cancel{flex-shrink:0;box-sizing:border-box;color:var(--van-action-sheet-cancel-text-color)}.van-action-sheet__subname{width:100%;margin-top:var(--van-padding-xs);color:var(--van-action-sheet-subname-color);font-size:var(--van-action-sheet-subname-font-size);line-height:var(--van-action-sheet-subname-line-height);overflow-wrap:break-word}.van-action-sheet__gap{display:block;height:var(--van-action-sheet-cancel-padding-top);background:var(--van-action-sheet-cancel-padding-color)}.van-action-sheet__header{flex-shrink:0;font-weight:var(--van-font-bold);font-size:var(--van-action-sheet-header-font-size);line-height:var(--van-action-sheet-header-height);text-align:center}.van-action-sheet__description{position:relative;flex-shrink:0;padding:20px var(--van-padding-md);color:var(--van-action-sheet-description-color);font-size:var(--van-action-sheet-description-font-size);line-height:var(--van-action-sheet-description-line-height);text-align:center}.van-action-sheet__description:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-border-color);transform:scaleY(.5)}.van-action-sheet__loading-icon .van-loading__spinner{width:var(--van-action-sheet-loading-icon-size);height:var(--van-action-sheet-loading-icon-size)}.van-action-sheet__close{position:absolute;top:0;right:0;z-index:1;padding:var(--van-action-sheet-close-icon-padding);color:var(--van-action-sheet-close-icon-color);font-size:var(--van-action-sheet-close-icon-size);line-height:inherit}

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

@@ -23,6 +23,7 @@ export declare const imagePreviewProps: {
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -91,6 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -157,6 +159,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -212,6 +215,7 @@ declare const _default: import("vue").DefineComponent<{
     loop: boolean;
     overlay: boolean;
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;

package/lib/image-preview/ImagePreview.js

@@ -49,6 +49,7 @@ const imagePreviewProps = {
   minZoom: (0, import_utils.makeNumericProp)(1 / 3),
   maxZoom: (0, import_utils.makeNumericProp)(3),
   overlay: import_utils.truthProp,
+  vertical: Boolean,
   closeable: Boolean,
   showIndex: import_utils.truthProp,
   className: import_utils.unknownProp,
@@ -132,6 +133,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "lazyRender": true,
       "loop": props.loop,
       "class": bem("swipe"),
+      "vertical": props.vertical,
       "duration": props.swipeDuration,
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
@@ -157,6 +159,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "doubleScale": props.doubleScale,
         "closeOnClickImage": props.closeOnClickImage,
         "closeOnClickOverlay": props.closeOnClickOverlay,
+        "vertical": props.vertical,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {

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

@@ -23,6 +23,7 @@ declare const imagePreviewItemProps: {
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 };
 export type ImagePreviewItemProps = ExtractPropTypes<typeof imagePreviewItemProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 }, () => 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;
@@ -73,12 +75,14 @@ declare const _default: import("vue").DefineComponent<{
     doubleScale: BooleanConstructor;
     closeOnClickImage: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
+    vertical: BooleanConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     disableZoom: boolean;
     doubleScale: boolean;

package/lib/image-preview/ImagePreviewItem.js

@@ -47,7 +47,8 @@ const imagePreviewItemProps = {
   disableZoom: Boolean,
   doubleScale: Boolean,
   closeOnClickImage: Boolean,
-  closeOnClickOverlay: Boolean
+  closeOnClickOverlay: Boolean,
+  vertical: Boolean
 };
 var stdin_default = (0, import_vue2.defineComponent)({
   props: imagePreviewItemProps,
@@ -190,7 +191,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         } = touch;
         const moveX = deltaX.value + startMoveX;
         const moveY = deltaY.value + startMoveY;
-        if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved && touch.isHorizontal()) {
+        if ((props.vertical ? touch.isVertical() && Math.abs(moveY) > maxMoveY.value : touch.isHorizontal() && Math.abs(moveX) > maxMoveX.value) && !isImageMoved) {
           state.moving = false;
           return;
         }

package/lib/image-preview/function-call.js

@@ -43,6 +43,7 @@ const defaultConfig = {
   onScale: void 0,
   onClose: void 0,
   onChange: void 0,
+  vertical: false,
   teleport: "body",
   className: "",
   showIndex: true,

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

@@ -21,6 +21,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -87,6 +88,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
+    vertical: BooleanConstructor;
     closeable: BooleanConstructor;
     showIndex: {
         type: BooleanConstructor;
@@ -142,6 +144,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     loop: boolean;
     overlay: boolean;
     show: boolean;
+    vertical: boolean;
     closeOnClickOverlay: boolean;
     closeIcon: string;
     closeable: boolean;

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

@@ -9,6 +9,7 @@ export type ImagePreviewOptions = {
     images: string[];
     maxZoom?: number;
     minZoom?: number;
+    vertical?: boolean;
     teleport?: TeleportProps['to'];
     className?: unknown;
     showIndex?: boolean;