vant 4.0.0-alpha.4 → 4.0.0-beta.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.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.d.ts

@@ -91,4 +91,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-beta.0";

package/es/index.mjs

@@ -84,7 +84,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-beta.0";
 function install(app) {
   const components = [
     ActionBar,

package/es/locale/index.d.ts

@@ -1,7 +1,7 @@
 declare type Message = Record<string, any>;
 export declare const Locale: {
     messages(): Message;
-    use(newLang: string, newMessages?: Message | undefined): void;
+    use(newLang: string, newMessages?: Message): void;
     add(newMessages?: Message): void;
 };
 export default Locale;

package/es/notify/function-call.d.ts

@@ -1,102 +1,6 @@
-import { App } from 'vue';
 import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
-declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
-declare namespace Notify {
-    var clear: () => void;
-    var currentOptions: NotifyOptions;
-    var setDefaultOptions: (options: NotifyOptions) => void;
-    var resetDefaultOptions: () => void;
-    var Component: import("../utils").WithInstall<import("vue").DefineComponent<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }>> & {
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    }, {
-        type: import("./types").NotifyType;
-        position: import("./types").NotifyPosition;
-        overlay: boolean;
-        show: boolean;
-        lockScroll: boolean;
-        lazyRender: boolean;
-        transitionAppear: boolean;
-        closeOnClickOverlay: boolean;
-    }>>;
-    var install: (app: App<any>) => void;
-}
-export { Notify };
+export declare const closeNotify: () => void;
+export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
+export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
+export declare const resetNotifyDefaultOptions: () => void;

package/es/notify/function-call.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { extend, isObject, inBrowser, withInstall } from "../utils/index.mjs";
+import { extend, isObject, inBrowser } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
 import VanNotify from "./Notify.mjs";
 let timer;
@@ -22,21 +22,6 @@ function initInstance() {
     }
   }));
 }
-function Notify(options) {
-  if (!inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = extend({}, Notify.currentOptions, parseOptions(options));
-  instance.open(options);
-  clearTimeout(timer);
-  if (options.duration > 0) {
-    timer = window.setTimeout(Notify.clear, options.duration);
-  }
-  return instance;
-}
 const getDefaultOptions = () => ({
   type: "danger",
   color: void 0,
@@ -50,23 +35,34 @@ const getDefaultOptions = () => ({
   lockScroll: false,
   background: void 0
 });
-Notify.clear = () => {
+let currentOptions = getDefaultOptions();
+const closeNotify = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-Notify.currentOptions = getDefaultOptions();
-Notify.setDefaultOptions = (options) => {
-  extend(Notify.currentOptions, options);
-};
-Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = getDefaultOptions();
-};
-Notify.Component = withInstall(VanNotify);
-Notify.install = (app) => {
-  app.use(Notify.Component);
-  app.config.globalProperties.$notify = Notify;
+function showNotify(options) {
+  if (!inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = extend({}, currentOptions, parseOptions(options));
+  instance.open(options);
+  clearTimeout(timer);
+  if (options.duration > 0) {
+    timer = window.setTimeout(closeNotify, options.duration);
+  }
+  return instance;
+}
+const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
+const resetNotifyDefaultOptions = () => {
+  currentOptions = getDefaultOptions();
 };
 export {
-  Notify
+  closeNotify,
+  resetNotifyDefaultOptions,
+  setNotifyDefaultOptions,
+  showNotify
 };

package/es/notify/index.d.ts

@@ -1,6 +1,95 @@
-import { Notify } from './function-call';
+export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").NotifyType;
+    position: import("./types").NotifyPosition;
+    overlay: boolean;
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+}>>;
 export default Notify;
-export { Notify };
+export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';
 export type { NotifyType, NotifyOptions } from './types';
 declare module 'vue' {

package/es/notify/index.mjs

@@ -1,6 +1,18 @@
-import { Notify } from "./function-call.mjs";
+import { withInstall } from "../utils/index.mjs";
+import _Notify from "./Notify.mjs";
+const Notify = withInstall(_Notify);
 var stdin_default = Notify;
+import {
+  showNotify,
+  closeNotify,
+  setNotifyDefaultOptions,
+  resetNotifyDefaultOptions
+} from "./function-call.mjs";
 export {
   Notify,
-  stdin_default as default
+  closeNotify,
+  stdin_default as default,
+  resetNotifyDefaultOptions,
+  setNotifyDefaultOptions,
+  showNotify
 };

package/es/notify/types.d.ts

@@ -1,4 +1,3 @@
-import { Notify } from './function-call';
 import type { Numeric } from '../utils';
 export declare type NotifyMessage = Numeric;
 export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
@@ -16,8 +15,3 @@ export declare type NotifyOptions = {
     onClose?: () => void;
     onOpened?: () => void;
 };
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $notify: typeof Notify;
-    }
-}

package/es/popup/Popup.mjs

@@ -182,7 +182,7 @@ var stdin_default = defineComponent({
       }
     });
     onDeactivated(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }