vant 4.0.0-alpha.4 → 4.0.0-rc.0

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

@@ -1,136 +1,3 @@
 import { ComponentInstance } from '../utils';
-import type { App } from 'vue';
 import type { ImagePreviewOptions } from './types';
-declare const ImagePreview: {
-    (options: string[] | ImagePreviewOptions, startPosition?: number): ComponentInstance | undefined;
-    Component: import("../utils").WithInstall<import("vue").DefineComponent<{
-        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;
-        };
-    }, () => 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;
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-        onScale?: ((...args: any[]) => any) | undefined;
-    }, {
-        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;
-    }>>;
-    install(app: App): void;
-};
-export { ImagePreview };
+export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;

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

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { extend, inBrowser, withInstall } from "../utils/index.mjs";
+import { extend, inBrowser } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
 import VanImagePreview from "./ImagePreview.mjs";
 let instance;
@@ -45,7 +45,7 @@ function initInstance() {
     }
   }));
 }
-const ImagePreview = (options, startPosition = 0) => {
+const showImagePreview = (options, startPosition = 0) => {
   if (!inBrowser) {
     return;
   }
@@ -59,10 +59,6 @@ const ImagePreview = (options, startPosition = 0) => {
   instance.open(extend({}, defaultConfig, options));
   return instance;
 };
-ImagePreview.Component = withInstall(VanImagePreview);
-ImagePreview.install = (app) => {
-  app.use(ImagePreview.Component);
-};
 export {
-  ImagePreview
+  showImagePreview
 };

package/es/image-preview/index.css

@@ -1 +1 @@
-body{--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%;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)}.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)}
+body{--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{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)}.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/es/image-preview/index.d.ts

@@ -1,7 +1,134 @@
-import { ImagePreview } from './function-call';
 import type { ImagePreviewProps } from './ImagePreview';
+export declare const ImagePreview: import("../utils").WithInstall<import("vue").DefineComponent<{
+    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;
+    };
+}, () => 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;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    onScale?: ((...args: any[]) => any) | undefined;
+}, {
+    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;
+}>>;
 export default ImagePreview;
-export { ImagePreview };
+export { showImagePreview } from './function-call';
 export type { ImagePreviewProps };
 export type { ImagePreviewOptions, ImagePreviewInstance, ImagePreviewScaleEventParams, } from './types';
 declare module 'vue' {

package/es/image-preview/index.mjs

@@ -1,6 +1,10 @@
-import { ImagePreview } from "./function-call.mjs";
+import { withInstall } from "../utils/index.mjs";
+import _ImagePreview from "./ImagePreview.mjs";
+const ImagePreview = withInstall(_ImagePreview);
 var stdin_default = ImagePreview;
+import { showImagePreview } from "./function-call.mjs";
 export {
   ImagePreview,
-  stdin_default as default
+  stdin_default as default,
+  showImagePreview
 };

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

@@ -5,7 +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<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>;
 export default _default;

package/es/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, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>>;
 export default IndexAnchor;

package/es/index-bar/IndexBar.mjs

@@ -31,6 +31,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const root = ref();
+    const sidebar = ref();
     const activeAnchor = ref("");
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -121,7 +122,8 @@ var stdin_default = defineComponent({
       nextTick(onScroll);
     };
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     onMounted(init);
     watch(() => props.indexList, init);
@@ -149,11 +151,11 @@ var stdin_default = defineComponent({
         const {
           offsetHeight
         } = document.documentElement;
+        match.$el.scrollIntoView();
         if (scrollTop === offsetHeight - scrollParentRect.height) {
           onScroll();
           return;
         }
-        match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
         }
@@ -193,15 +195,18 @@ var stdin_default = defineComponent({
       }
     };
     const renderSidebar = () => _createVNode("div", {
+      "ref": sidebar,
       "class": bem("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstart": touch.start,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": touch.start
     }, [renderIndexes()]);
     useExpose({
       scrollTo
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: sidebar
+    });
     return () => {
       var _a;
       return _createVNode("div", {

package/es/index.d.ts

@@ -53,6 +53,7 @@ export * from "./overlay";
 export * from "./pagination";
 export * from "./password-input";
 export * from "./picker";
+export * from "./picker-group";
 export * from "./popover";
 export * from "./popup";
 export * from "./progress";
@@ -67,6 +68,7 @@ export * from "./sidebar";
 export * from "./sidebar-item";
 export * from "./skeleton";
 export * from "./slider";
+export * from "./space";
 export * from "./step";
 export * from "./stepper";
 export * from "./steps";
@@ -91,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-alpha.4";
+export const version: "4.0.0-rc.0";

package/es/index.mjs

@@ -52,6 +52,7 @@ import { Overlay } from "./overlay/index.mjs";
 import { Pagination } from "./pagination/index.mjs";
 import { PasswordInput } from "./password-input/index.mjs";
 import { Picker } from "./picker/index.mjs";
+import { PickerGroup } from "./picker-group/index.mjs";
 import { Popover } from "./popover/index.mjs";
 import { Popup } from "./popup/index.mjs";
 import { Progress } from "./progress/index.mjs";
@@ -66,6 +67,7 @@ import { Sidebar } from "./sidebar/index.mjs";
 import { SidebarItem } from "./sidebar-item/index.mjs";
 import { Skeleton } from "./skeleton/index.mjs";
 import { Slider } from "./slider/index.mjs";
+import { Space } from "./space/index.mjs";
 import { Step } from "./step/index.mjs";
 import { Stepper } from "./stepper/index.mjs";
 import { Steps } from "./steps/index.mjs";
@@ -84,7 +86,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-alpha.4";
+const version = "4.0.0-rc.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -141,6 +143,7 @@ function install(app) {
     Pagination,
     PasswordInput,
     Picker,
+    PickerGroup,
     Popover,
     Popup,
     Progress,
@@ -155,6 +158,7 @@ function install(app) {
     SidebarItem,
     Skeleton,
     Slider,
+    Space,
     Step,
     Stepper,
     Steps,
@@ -237,6 +241,7 @@ export * from "./overlay/index.mjs";
 export * from "./pagination/index.mjs";
 export * from "./password-input/index.mjs";
 export * from "./picker/index.mjs";
+export * from "./picker-group/index.mjs";
 export * from "./popover/index.mjs";
 export * from "./popup/index.mjs";
 export * from "./progress/index.mjs";
@@ -251,6 +256,7 @@ export * from "./sidebar/index.mjs";
 export * from "./sidebar-item/index.mjs";
 export * from "./skeleton/index.mjs";
 export * from "./slider/index.mjs";
+export * from "./space/index.mjs";
 export * from "./step/index.mjs";
 export * from "./stepper/index.mjs";
 export * from "./steps/index.mjs";

package/es/lazyload/vue-lazyload/lazy-component.mjs

@@ -9,7 +9,10 @@ var stdin_default = (lazy) => ({
   },
   emits: ["show"],
   render() {
-    return h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+    return h(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
   },
   data() {
     return {

package/es/lazyload/vue-lazyload/lazy-container.mjs

@@ -17,13 +17,17 @@ class LazyContainer {
     this.options = Object.assign({}, defaultOptions, binding.value);
     const imgs = this.getImgs();
     imgs.forEach((el2) => {
-      this.lazy.add(el2, Object.assign({}, this.binding, {
-        value: {
-          src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
-          error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
-          loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
-        }
-      }), this.vnode);
+      this.lazy.add(
+        el2,
+        Object.assign({}, this.binding, {
+          value: {
+            src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
+            error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
+            loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
+          }
+        }),
+        this.vnode
+      );
     });
   }
   getImgs() {

package/es/lazyload/vue-lazyload/lazy-image.mjs

@@ -10,11 +10,15 @@ var stdin_default = (lazyManager) => ({
     }
   },
   render(h) {
-    return h(this.tag, {
-      attrs: {
-        src: this.renderSrc
-      }
-    }, this.$slots.default);
+    return h(
+      this.tag,
+      {
+        attrs: {
+          src: this.renderSrc
+        }
+      },
+      this.$slots.default
+    );
   },
   data() {
     return {
@@ -68,20 +72,26 @@ var stdin_default = (lazyManager) => ({
     load(onFinish = noop) {
       if (this.state.attempt > this.options.attempt - 1 && this.state.error) {
         if (process.env.NODE_ENV !== "production" && !lazyManager.options.silent) {
-          console.log(`[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`);
+          console.log(
+            `[@vant/lazyload] ${this.options.src} tried too more than ${this.options.attempt} times`
+          );
         }
         onFinish();
         return;
       }
       const { src } = this.options;
-      loadImageAsync({ src }, ({ src: src2 }) => {
-        this.renderSrc = src2;
-        this.state.loaded = true;
-      }, () => {
-        this.state.attempt++;
-        this.renderSrc = this.options.error;
-        this.state.error = true;
-      });
+      loadImageAsync(
+        { src },
+        ({ src: src2 }) => {
+          this.renderSrc = src2;
+          this.state.loaded = true;
+        },
+        () => {
+          this.state.attempt++;
+          this.renderSrc = this.options.error;
+          this.state.error = true;
+        }
+      );
     }
   }
 });

package/es/lazyload/vue-lazyload/lazy.mjs

@@ -69,7 +69,10 @@ function stdin_default() {
       };
       this.initEvent();
       this.imageCache = new ImageCache({ max: 200 });
-      this.lazyLoadHandler = throttle(this.lazyLoadHandler.bind(this), this.options.throttleWait);
+      this.lazyLoadHandler = throttle(
+        this.lazyLoadHandler.bind(this),
+        this.options.throttleWait
+      );
       this.setMode(this.options.observer ? modeType.observer : modeType.event);
     }
     config(options = {}) {
@@ -224,7 +227,9 @@ function stdin_default() {
       });
     }
     initListen(el, start) {
-      this.options.ListenEvents.forEach((evt) => (start ? on : off)(el, evt, this.lazyLoadHandler));
+      this.options.ListenEvents.forEach(
+        (evt) => (start ? on : off)(el, evt, this.lazyLoadHandler)
+      );
     }
     initEvent() {
       this.Event = {
@@ -281,7 +286,10 @@ function stdin_default() {
       if (!hasIntersectionObserver) {
         return;
       }
-      this.observer = new IntersectionObserver(this.observerHandler.bind(this), this.options.observerOptions);
+      this.observer = new IntersectionObserver(
+        this.observerHandler.bind(this),
+        this.options.observerOptions
+      );
       if (this.listeners.length) {
         this.listeners.forEach((listener) => {
           this.observer.observe(listener.el);