vant 3.4.1 → 3.4.2

package/lib/image/Image.d.ts

@@ -1,9 +1,11 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export declare type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
 declare const imageProps: {
     src: StringConstructor;
     alt: StringConstructor;
     fit: PropType<ImageFit>;
+    position: PropType<string>;
     round: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
@@ -33,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     src: StringConstructor;
     alt: StringConstructor;
     fit: PropType<ImageFit>;
+    position: PropType<string>;
     round: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
@@ -56,38 +59,35 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    src?: unknown;
-    alt?: unknown;
-    fit?: unknown;
-    round?: unknown;
-    width?: unknown;
-    height?: unknown;
-    radius?: unknown;
-    lazyLoad?: unknown;
-    iconSize?: unknown;
-    showError?: unknown;
-    errorIcon?: unknown;
-    iconPrefix?: unknown;
-    showLoading?: unknown;
-    loadingIcon?: unknown;
-} & {
-    round: boolean;
-    showError: boolean;
-    lazyLoad: boolean;
-    errorIcon: string;
-    showLoading: boolean;
-    loadingIcon: string;
-} & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    iconPrefix?: string | undefined;
-    alt?: string | undefined;
-    src?: string | undefined;
-    iconSize?: string | number | undefined;
-    fit?: ImageFit | undefined;
-    radius?: string | number | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fit: PropType<ImageFit>;
+    position: PropType<string>;
+    round: BooleanConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    radius: (NumberConstructor | StringConstructor)[];
+    lazyLoad: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    showError: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    errorIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    showLoading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    loadingIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+}>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/image/Image.js

@@ -33,6 +33,7 @@ const imageProps = {
   src: String,
   alt: String,
   fit: String,
+  position: String,
   round: Boolean,
   width: import_utils.numericProp,
   height: import_utils.numericProp,
@@ -114,7 +115,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         alt: props.alt,
         class: bem("img"),
         style: {
-          objectFit: props.fit
+          objectFit: props.fit,
+          objectPosition: props.position
         }
       };
       if (props.lazyLoad) {
@@ -131,8 +133,15 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const onLazyLoaded = ({
       el
     }) => {
-      if (el === imageRef.value && loading.value) {
-        onLoad();
+      const check = () => {
+        if (el === imageRef.value && loading.value) {
+          onLoad();
+        }
+      };
+      if (imageRef.value) {
+        check();
+      } else {
+        (0, import_vue2.nextTick)(check);
       }
     };
     const onLazyLoadError = ({

package/lib/image/index.css

@@ -1 +1 @@
-:root{--van-image-placeholder-text-color:var(--van-text-color-2);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background-color:var(--van-background-color);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}
+:root{--van-image-placeholder-text-color: var(--van-text-color-2);--van-image-placeholder-font-size: var(--van-font-size-md);--van-image-placeholder-background-color: var(--van-background-color);--van-image-loading-icon-size: 32px;--van-image-loading-icon-color: var(--van-gray-4);--van-image-error-icon-size: 32px;--van-image-error-icon-color: var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-border-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image__img,.van-image__error,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background-color)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}

package/lib/image/index.d.ts

@@ -2,6 +2,7 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
     src: StringConstructor;
     alt: StringConstructor;
     fit: import("vue").PropType<import("./Image").ImageFit>;
+    position: import("vue").PropType<string>;
     round: BooleanConstructor;
     width: (NumberConstructor | StringConstructor)[];
     height: (NumberConstructor | StringConstructor)[];
@@ -25,38 +26,35 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    src?: unknown;
-    alt?: unknown;
-    fit?: unknown;
-    round?: unknown;
-    width?: unknown;
-    height?: unknown;
-    radius?: unknown;
-    lazyLoad?: unknown;
-    iconSize?: unknown;
-    showError?: unknown;
-    errorIcon?: unknown;
-    iconPrefix?: unknown;
-    showLoading?: unknown;
-    loadingIcon?: unknown;
-} & {
-    round: boolean;
-    showError: boolean;
-    lazyLoad: boolean;
-    errorIcon: string;
-    showLoading: boolean;
-    loadingIcon: string;
-} & {
-    width?: string | number | undefined;
-    height?: string | number | undefined;
-    iconPrefix?: string | undefined;
-    alt?: string | undefined;
-    src?: string | undefined;
-    iconSize?: string | number | undefined;
-    fit?: import("./Image").ImageFit | undefined;
-    radius?: string | number | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("error" | "load")[], "error" | "load", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fit: import("vue").PropType<import("./Image").ImageFit>;
+    position: import("vue").PropType<string>;
+    round: BooleanConstructor;
+    width: (NumberConstructor | StringConstructor)[];
+    height: (NumberConstructor | StringConstructor)[];
+    radius: (NumberConstructor | StringConstructor)[];
+    lazyLoad: BooleanConstructor;
+    iconSize: (NumberConstructor | StringConstructor)[];
+    showError: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    errorIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    iconPrefix: StringConstructor;
+    showLoading: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    loadingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
     onLoad?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -109,48 +109,60 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    show?: unknown;
-    loop?: unknown;
-    images?: unknown;
-    minZoom?: unknown;
-    maxZoom?: unknown;
-    overlay?: unknown;
-    closeable?: unknown;
-    showIndex?: unknown;
-    className?: unknown;
-    closeIcon?: unknown;
-    transition?: unknown;
-    beforeClose?: unknown;
-    overlayClass?: unknown;
-    overlayStyle?: unknown;
-    swipeDuration?: unknown;
-    startPosition?: unknown;
-    showIndicators?: unknown;
-    closeOnPopstate?: unknown;
-    closeIconPosition?: unknown;
-} & {
-    loop: boolean;
-    overlay: boolean;
-    show: boolean;
-    closeIcon: string;
-    closeable: boolean;
-    closeOnPopstate: boolean;
-    closeIconPosition: PopupCloseIconPosition;
-    swipeDuration: string | number;
-    showIndicators: boolean;
-    startPosition: string | number;
-    minZoom: string | number;
-    maxZoom: string | number;
-    images: string[];
-    showIndex: boolean;
-} & {
-    beforeClose?: Interceptor | undefined;
-    overlayStyle?: CSSProperties | undefined;
-    overlayClass?: unknown;
-    className?: unknown;
-    transition?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    show: BooleanConstructor;
+    loop: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    images: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeable: BooleanConstructor;
+    showIndex: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    className: PropType<unknown>;
+    closeIcon: {
+        type: PropType<string>;
+        default: string;
+    };
+    transition: StringConstructor;
+    beforeClose: PropType<Interceptor>;
+    overlayClass: PropType<unknown>;
+    overlayStyle: PropType<CSSProperties>;
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    startPosition: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showIndicators: BooleanConstructor;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeIconPosition: {
+        type: PropType<PopupCloseIconPosition>;
+        default: PopupCloseIconPosition;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;

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

@@ -18,24 +18,27 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    src?: unknown;
-    show?: unknown;
-    active?: unknown;
-    minZoom?: unknown;
-    maxZoom?: unknown;
-    rootWidth?: unknown;
-    rootHeight?: unknown;
-} & {
-    show: boolean;
-    minZoom: string | number;
-    maxZoom: string | number;
-    rootWidth: number;
-    rootHeight: number;
-} & {
-    src?: string | undefined;
-    active?: number | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: StringConstructor;
+    show: BooleanConstructor;
+    active: NumberConstructor;
+    minZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    maxZoom: {
+        type: (NumberConstructor | StringConstructor)[];
+        required: true;
+    };
+    rootWidth: {
+        type: NumberConstructor;
+        required: true;
+    };
+    rootHeight: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/image-preview/ImagePreviewItem.js

@@ -107,7 +107,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return 0;
     });
     const setScale = (scale) => {
-      scale = (0, import_utils.clamp)(scale, +props.minZoom, +props.maxZoom);
+      scale = (0, import_utils.clamp)(scale, +props.minZoom, +props.maxZoom + 1);
       if (scale !== state.scale) {
         state.scale = scale;
         emit("scale", {
@@ -127,6 +127,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       state.moveX = 0;
       state.moveY = 0;
     };
+    let fingerNum;
     let startMoveX;
     let startMoveY;
     let startScale;
@@ -141,11 +142,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         offsetX
       } = touch;
       touch.start(event);
+      fingerNum = touches.length;
       startMoveX = state.moveX;
       startMoveY = state.moveY;
       touchStartTime = Date.now();
-      state.moving = touches.length === 1 && state.scale !== 1;
-      state.zooming = touches.length === 2 && !offsetX.value;
+      state.moving = fingerNum === 1 && state.scale !== 1;
+      state.zooming = fingerNum === 2 && !offsetX.value;
       if (state.zooming) {
         startScale = state.scale;
         startDistance = getDistance(event.touches);
@@ -176,13 +178,16 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     };
     const checkTap = () => {
+      if (fingerNum > 1) {
+        return;
+      }
       const {
         offsetX,
         offsetY
       } = touch;
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
-      const TAP_OFFSET = 10;
+      const TAP_OFFSET = 5;
       if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
         if (doubleTapTimer) {
           clearTimeout(doubleTapTimer);
@@ -216,6 +221,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
           if (state.scale < 1) {
             resetScale();
           }
+          if (state.scale > props.maxZoom) {
+            state.scale = +props.maxZoom;
+          }
         }
       }
       (0, import_utils.preventDefault)(event, stopPropagation);

package/lib/image-preview/function-call.d.ts

@@ -56,48 +56,60 @@ declare const ImagePreview: {
             type: import("vue").PropType<import("..").PopupCloseIconPosition>;
             default: import("..").PopupCloseIconPosition;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-        show?: unknown;
-        loop?: unknown;
-        images?: unknown;
-        minZoom?: unknown;
-        maxZoom?: unknown;
-        overlay?: unknown;
-        closeable?: unknown;
-        showIndex?: unknown;
-        className?: unknown;
-        closeIcon?: unknown;
-        transition?: unknown;
-        beforeClose?: unknown;
-        overlayClass?: unknown;
-        overlayStyle?: unknown;
-        swipeDuration?: unknown;
-        startPosition?: unknown;
-        showIndicators?: unknown;
-        closeOnPopstate?: unknown;
-        closeIconPosition?: unknown;
-    } & {
-        loop: boolean;
-        overlay: boolean;
-        show: boolean;
-        closeIcon: string;
-        closeable: boolean;
-        closeOnPopstate: boolean;
-        closeIconPosition: import("..").PopupCloseIconPosition;
-        swipeDuration: string | number;
-        showIndicators: boolean;
-        startPosition: string | number;
-        minZoom: string | number;
-        maxZoom: string | number;
-        images: string[];
-        showIndex: boolean;
-    } & {
-        beforeClose?: import("../utils").Interceptor | undefined;
-        overlayStyle?: import("vue").CSSProperties | undefined;
-        overlayClass?: unknown;
-        className?: unknown;
-        transition?: string | undefined;
-    }> & {
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: BooleanConstructor;
+        loop: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        images: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
+        };
+        minZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        maxZoom: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        overlay: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        closeable: BooleanConstructor;
+        showIndex: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        className: import("vue").PropType<unknown>;
+        closeIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        transition: StringConstructor;
+        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+        overlayClass: import("vue").PropType<unknown>;
+        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+        swipeDuration: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        startPosition: {
+            type: (NumberConstructor | StringConstructor)[];
+            default: number;
+        };
+        showIndicators: BooleanConstructor;
+        closeOnPopstate: {
+            type: BooleanConstructor;
+            default: true;
+        };
+        closeIconPosition: {
+            type: import("vue").PropType<import("..").PopupCloseIconPosition>;
+            default: import("..").PopupCloseIconPosition;
+        };
+    }>> & {
         onChange?: ((...args: any[]) => any) | undefined;
         onClose?: ((...args: any[]) => any) | undefined;
         onClosed?: ((...args: any[]) => any) | undefined;

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-color:rgba(0, 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%;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{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .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%,0)}.van-image-preview__overlay{background:var(--van-image-preview-overlay-background-color)}.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);cursor:pointer}.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{--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-color: 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%;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{width:100%;transition-property:transform}.van-image-preview__image--vertical{width:auto;height:100%}.van-image-preview__image img{-webkit-user-drag:none}.van-image-preview__image .van-image__error{top:30%;height:40%}.van-image-preview__image .van-image__error-icon{font-size:36px}.van-image-preview__image .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-color)}.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);cursor:pointer}.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/index-anchor/IndexAnchor.d.ts

@@ -5,9 +5,7 @@ declare const indexAnchorProps: {
 export declare type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
 declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    index?: unknown;
-} & {} & {
-    index?: string | number | undefined;
-}>, {}>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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-weight-bold);--van-index-anchor-font-size:var(--van-font-size-md);--van-index-anchor-line-height:32px;--van-index-anchor-background-color:transparent;--van-index-anchor-sticky-text-color:var(--van-danger-color);--van-index-anchor-sticky-background-color:var(--van-background-color-light)}.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-color)}.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-color)}
+: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-weight-bold);--van-index-anchor-font-size: var(--van-font-size-md);--van-index-anchor-line-height: 32px;--van-index-anchor-background-color: transparent;--van-index-anchor-sticky-text-color: var(--van-danger-color);--van-index-anchor-sticky-background-color: var(--van-background-color-light)}.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-color)}.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-color)}

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

@@ -1,10 +1,8 @@
 export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    index?: unknown;
-} & {} & {
-    index?: string | number | undefined;
-}>, {}>>;
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    index: (NumberConstructor | StringConstructor)[];
+}>>, {}>>;
 export default IndexAnchor;
 export type { IndexAnchorProps } from './IndexAnchor';
 declare module 'vue' {

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

@@ -36,22 +36,23 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         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<{
-    sticky?: unknown;
-    zIndex?: unknown;
-    teleport?: unknown;
-    highlightColor?: unknown;
-    stickyOffsetTop?: unknown;
-    indexList?: unknown;
-} & {
-    sticky: boolean;
-    stickyOffsetTop: number;
-    indexList: string[];
-} & {
-    zIndex?: string | number | undefined;
-    teleport?: string | import("vue").RendererElement | null | undefined;
-    highlightColor?: string | undefined;
-}> & {
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change")[], "select" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    sticky: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    zIndex: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    highlightColor: StringConstructor;
+    stickyOffsetTop: {
+        type: NumberConstructor;
+        default: number;
+    };
+    indexList: {
+        type: PropType<string[]>;
+        default: typeof genAlphabet;
+    };
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
 }, {

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-danger-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-weight-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)}
+: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-danger-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-weight-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)}