vant 3.3.7 → 3.4.3

package/es/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/runtime-core").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;
 }, {
@@ -69,3 +67,8 @@ export declare const Image: import("../utils").WithInstall<import("vue").DefineC
 }>>;
 export default Image;
 export type { ImageFit, ImageProps } from './Image';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanImage: typeof Image;
+    }
+}

package/es/image/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _Image from './Image';
-export var Image = withInstall(_Image);
-export default Image;
+import { withInstall } from "../utils";
+import _Image from "./Image";
+const Image = withInstall(_Image);
+var stdin_default = Image;
+export {
+  Image,
+  stdin_default as default
+};

package/es/image/style/index.js

@@ -1,4 +1,4 @@
-import '../../style/base.css';
-import '../../badge/index.css';
-import '../../icon/index.css';
-import '../index.css';
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../index.css";

package/es/image/style/less.js

@@ -1,4 +1,4 @@
-import '../../style/base.less';
-import '../../badge/index.less';
-import '../../icon/index.less';
-import '../index.less';
+import "../../style/base.less";
+import "../../badge/index.less";
+import "../../icon/index.less";
+import "../index.less";

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

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
 import { PopupCloseIconPosition } from '../popup';
 declare const imagePreviewProps: {
@@ -35,6 +35,7 @@ declare const imagePreviewProps: {
     };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
+    overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
@@ -89,6 +90,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     transition: StringConstructor;
     beforeClose: PropType<Interceptor>;
+    overlayClass: PropType<unknown>;
     overlayStyle: PropType<CSSProperties>;
     swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
@@ -107,46 +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/runtime-core").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;
-    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;
-    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/es/image-preview/ImagePreview.js

@@ -1,19 +1,15 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
-
-import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Composables
-
-import { useRect } from '@vant/use';
-import { useExpose } from '../composables/use-expose'; // Components
-
-import { Icon } from '../icon';
-import { Swipe } from '../swipe';
-import { Popup } from '../popup';
-import ImagePreviewItem from './ImagePreviewItem'; // Types
-
-var [name, bem] = createNamespace('image-preview');
-var popupProps = ['show', 'transition', 'overlayStyle', 'closeOnPopstate'];
-var imagePreviewProps = {
+import { ref, watch, nextTick, reactive, onMounted, defineComponent } from "vue";
+import { pick, truthProp, unknownProp, windowWidth, windowHeight, makeArrayProp, makeStringProp, makeNumericProp, callInterceptor, createNamespace, HAPTICS_FEEDBACK } from "../utils";
+import { useRect } from "@vant/use";
+import { useExpose } from "../composables/use-expose";
+import { Icon } from "../icon";
+import { Swipe } from "../swipe";
+import { Popup } from "../popup";
+import ImagePreviewItem from "./ImagePreviewItem";
+const [name, bem] = createNamespace("image-preview");
+const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate"];
+const imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
   images: makeArrayProp(),
@@ -23,90 +19,81 @@ var imagePreviewProps = {
   closeable: Boolean,
   showIndex: truthProp,
   className: unknownProp,
-  closeIcon: makeStringProp('clear'),
+  closeIcon: makeStringProp("clear"),
   transition: String,
   beforeClose: Function,
+  overlayClass: unknownProp,
   overlayStyle: Object,
   swipeDuration: makeNumericProp(300),
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  closeIconPosition: makeStringProp('top-right')
+  closeIconPosition: makeStringProp("top-right")
 };
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: imagePreviewProps,
-  emits: ['scale', 'close', 'closed', 'change', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var swipeRef = ref();
-    var state = reactive({
+  emits: ["scale", "close", "closed", "change", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const swipeRef = ref();
+    const state = reactive({
       active: 0,
       rootWidth: 0,
       rootHeight: 0
     });
-
-    var resize = () => {
+    const resize = () => {
       if (swipeRef.value) {
-        var rect = useRect(swipeRef.value.$el);
+        const rect = useRect(swipeRef.value.$el);
         state.rootWidth = rect.width;
         state.rootHeight = rect.height;
         swipeRef.value.resize();
       }
     };
-
-    var emitScale = args => emit('scale', args);
-
-    var updateShow = show => emit('update:show', show);
-
-    var emitClose = () => {
+    const emitScale = (args) => emit("scale", args);
+    const updateShow = (show) => emit("update:show", show);
+    const emitClose = () => {
       callInterceptor(props.beforeClose, {
         args: [state.active],
         done: () => updateShow(false)
       });
     };
-
-    var setActive = active => {
+    const setActive = (active) => {
       if (active !== state.active) {
         state.active = active;
-        emit('change', active);
+        emit("change", active);
       }
     };
-
-    var renderIndex = () => {
+    const renderIndex = () => {
       if (props.showIndex) {
         return _createVNode("div", {
-          "class": bem('index')
+          "class": bem("index")
         }, [slots.index ? slots.index({
           index: state.active
-        }) : state.active + 1 + " / " + props.images.length]);
+        }) : `${state.active + 1} / ${props.images.length}`]);
       }
     };
-
-    var renderCover = () => {
+    const renderCover = () => {
       if (slots.cover) {
         return _createVNode("div", {
-          "class": bem('cover')
+          "class": bem("cover")
         }, [slots.cover()]);
       }
     };
-
-    var renderImages = () => _createVNode(Swipe, {
+    const renderImages = () => _createVNode(Swipe, {
       "ref": swipeRef,
       "lazyRender": true,
       "loop": props.loop,
-      "class": bem('swipe'),
+      "class": bem("swipe"),
       "duration": props.swipeDuration,
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map(image => _createVNode(ImagePreviewItem, {
+      default: () => [props.images.map((image) => _createVNode(ImagePreviewItem, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -118,38 +105,32 @@ export default defineComponent({
         "onClose": emitClose
       }, null))]
     });
-
-    var renderClose = () => {
+    const renderClose = () => {
       if (props.closeable) {
         return _createVNode(Icon, {
           "role": "button",
           "name": props.closeIcon,
-          "class": [bem('close-icon', props.closeIconPosition), HAPTICS_FEEDBACK],
+          "class": [bem("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
           "onClick": emitClose
         }, null);
       }
     };
-
-    var onClosed = () => emit('closed');
-
-    var swipeTo = (index, options) => {
-      var _swipeRef$value;
-
-      return (_swipeRef$value = swipeRef.value) == null ? void 0 : _swipeRef$value.swipeTo(index, options);
+    const onClosed = () => emit("closed");
+    const swipeTo = (index, options) => {
+      var _a;
+      return (_a = swipeRef.value) == null ? void 0 : _a.swipeTo(index, options);
     };
-
     useExpose({
       swipeTo
     });
     onMounted(resize);
     watch([windowWidth, windowHeight], resize);
-    watch(() => props.startPosition, value => setActive(+value));
-    watch(() => props.show, value => {
-      var {
+    watch(() => props.startPosition, (value) => setActive(+value));
+    watch(() => props.show, (value) => {
+      const {
         images,
         startPosition
       } = props;
-
       if (value) {
         setActive(+startPosition);
         nextTick(() => {
@@ -159,7 +140,7 @@ export default defineComponent({
           });
         });
       } else {
-        emit('close', {
+        emit("close", {
           index: state.active,
           url: images[state.active]
         });
@@ -167,12 +148,14 @@ export default defineComponent({
     });
     return () => _createVNode(Popup, _mergeProps({
       "class": [bem(), props.className],
-      "overlayClass": bem('overlay'),
+      "overlayClass": [bem("overlay"), props.overlayClass],
       "onClosed": onClosed,
       "onUpdate:show": updateShow
     }, pick(props, popupProps)), {
       default: () => [renderClose(), renderImages(), renderIndex(), renderCover()]
     });
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/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/runtime-core").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;
 }, {