vant 3.6.14 → 3.6.16

package/lib/notice-bar/NoticeBar.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-export declare const noticeBarProps: {
+declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -20,8 +20,8 @@ export declare const noticeBarProps: {
         default: null;
     };
 };
-export type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
+declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -40,7 +40,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<boolean | null>;
         default: null;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -59,13 +59,13 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: PropType<boolean | null>;
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     scrollable: boolean | null;
-    delay: string | number;
     speed: string | number;
+    delay: string | number;
     wrapable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/notice-bar/NoticeBar.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  noticeBarProps: () => noticeBarProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
 var import_use_expose = require("../composables/use-expose");
@@ -42,7 +42,7 @@ const noticeBarProps = {
     default: null
   }
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: noticeBarProps,
   emits: ["close", "replay"],
@@ -53,9 +53,9 @@ var stdin_default = (0, import_vue.defineComponent)({
     let wrapWidth = 0;
     let contentWidth = 0;
     let startTimer;
-    const wrapRef = (0, import_vue.ref)();
-    const contentRef = (0, import_vue.ref)();
-    const state = (0, import_vue.reactive)({
+    const wrapRef = (0, import_vue2.ref)();
+    const contentRef = (0, import_vue2.ref)();
+    const state = (0, import_vue2.reactive)({
       show: true,
       offset: 0,
       duration: 0
@@ -162,7 +162,7 @@ var stdin_default = (0, import_vue.defineComponent)({
     (0, import_use_expose.useExpose)({
       reset
     });
-    (0, import_vue.watch)(() => [props.text, props.scrollable], reset);
+    (0, import_vue2.watch)(() => [props.text, props.scrollable], reset);
     return () => {
       const {
         color,

package/lib/notice-bar/index.css

@@ -1 +1 @@
-:root,:host{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background-color: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background-color)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}

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

@@ -1,5 +1,5 @@
 import { NoticeBarProps } from './NoticeBar';
-export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
     color: StringConstructor;
@@ -18,7 +18,7 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
     color: StringConstructor;
@@ -37,19 +37,18 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: import("vue").PropType<boolean | null>;
         default: null;
     };
-}>> & Readonly<{
+}>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     scrollable: boolean | null;
-    delay: string | number;
     speed: string | number;
+    delay: string | number;
     wrapable: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default NoticeBar;
-export { noticeBarProps } from './NoticeBar';
 export type { NoticeBarProps };
-export type { NoticeBarMode, NoticeBarInstance, NoticeBarThemeVars, } from './types';
+export type { NoticeBarMode, NoticeBarInstance } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanNoticeBar: typeof NoticeBar;

package/lib/notice-bar/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   NoticeBar: () => NoticeBar,
-  default: () => stdin_default,
-  noticeBarProps: () => import_NoticeBar2.noticeBarProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_NoticeBar = __toESM(require("./NoticeBar"));
-var import_NoticeBar2 = require("./NoticeBar");
 const NoticeBar = (0, import_utils.withInstall)(import_NoticeBar.default);
 var stdin_default = NoticeBar;

package/lib/notice-bar/index.less

@@ -0,0 +1,72 @@
+@import './var.less';
+
+:root {
+  --van-notice-bar-height: @notice-bar-height;
+  --van-notice-bar-padding: @notice-bar-padding;
+  --van-notice-bar-wrapable-padding: @notice-bar-wrapable-padding;
+  --van-notice-bar-text-color: @notice-bar-text-color;
+  --van-notice-bar-font-size: @notice-bar-font-size;
+  --van-notice-bar-line-height: @notice-bar-line-height;
+  --van-notice-bar-background-color: @notice-bar-background-color;
+  --van-notice-bar-icon-size: @notice-bar-icon-size;
+  --van-notice-bar-icon-min-width: @notice-bar-icon-min-width;
+}
+
+.van-notice-bar {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: var(--van-notice-bar-height);
+  padding: var(--van-notice-bar-padding);
+  color: var(--van-notice-bar-text-color);
+  font-size: var(--van-notice-bar-font-size);
+  line-height: var(--van-notice-bar-line-height);
+  background: var(--van-notice-bar-background-color);
+
+  &__left-icon,
+  &__right-icon {
+    min-width: var(--van-notice-bar-icon-min-width);
+    font-size: var(--van-notice-bar-icon-size);
+  }
+
+  &__right-icon {
+    text-align: right;
+    cursor: pointer;
+  }
+
+  &__wrap {
+    position: relative;
+    display: flex;
+    flex: 1;
+    align-items: center;
+    height: 100%;
+    overflow: hidden;
+  }
+
+  &__content {
+    position: absolute;
+    white-space: nowrap;
+    transition-timing-function: linear;
+
+    &.van-ellipsis {
+      max-width: 100%;
+    }
+  }
+
+  &--wrapable {
+    height: auto;
+    padding: var(--van-notice-bar-wrapable-padding);
+
+    .van-notice-bar {
+      &__wrap {
+        height: auto;
+      }
+
+      &__content {
+        position: relative;
+        white-space: normal;
+        word-wrap: break-word;
+      }
+    }
+  }
+}

package/lib/notice-bar/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/notice-bar/style/less.js

@@ -0,0 +1,4 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../index.less");

package/lib/notice-bar/types.d.ts

@@ -1,18 +1,7 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { NoticeBarProps } from './NoticeBar';
-export type NoticeBarMode = 'closeable' | 'link';
-export type NoticeBarExpose = {
+export declare type NoticeBarMode = 'closeable' | 'link';
+export declare type NoticeBarExpose = {
     reset: () => void;
 };
-export type NoticeBarInstance = ComponentPublicInstance<NoticeBarProps, NoticeBarExpose>;
-export type NoticeBarThemeVars = {
-    noticeBarHeight?: string;
-    noticeBarPadding?: string;
-    noticeBarWrapablePadding?: string;
-    noticeBarTextColor?: string;
-    noticeBarFontSize?: string;
-    noticeBarLineHeight?: number | string;
-    noticeBarBackground?: string;
-    noticeBarIconSize?: string;
-    noticeBarIconMinWidth?: string;
-};
+export declare type NoticeBarInstance = ComponentPublicInstance<NoticeBarProps, NoticeBarExpose>;

package/lib/notice-bar/var.less

@@ -0,0 +1,11 @@
+@import '../style/var.less';
+
+@notice-bar-height: 40px;
+@notice-bar-padding: 0 var(--van-padding-md);
+@notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
+@notice-bar-text-color: var(--van-orange-dark);
+@notice-bar-font-size: var(--van-font-size-md);
+@notice-bar-line-height: 24px;
+@notice-bar-background-color: var(--van-orange-light);
+@notice-bar-icon-size: 16px;
+@notice-bar-icon-min-width: 24px;

package/lib/notify/Notify.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { NotifyType, NotifyPosition } from './types';
-export declare const notifyProps: {
+declare const notifyProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -8,7 +8,7 @@ export declare const notifyProps: {
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -27,21 +27,21 @@ export declare const notifyProps: {
     };
 } & {
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyType>;
         default: NotifyType;
     };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyPosition>;
         default: NotifyPosition;
     };
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
 };
-export type NotifyProps = ExtractPropTypes<typeof notifyProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type NotifyProps = ExtractPropTypes<typeof notifyProps>;
+declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -68,19 +68,19 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 } & {
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyType>;
         default: NotifyType;
     };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyPosition>;
         default: NotifyPosition;
     };
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -88,7 +88,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: import("vue").PropType<import("vue").TeleportProps["to"]>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -107,21 +107,21 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     };
 } & {
     type: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyType>;
         default: NotifyType;
     };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
     position: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<NotifyPosition>;
         default: NotifyPosition;
     };
     className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
-}>> & Readonly<{
+}>> & {
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     type: NotifyType;
     position: NotifyPosition;
     overlay: boolean;
@@ -130,5 +130,5 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/notify/Notify.js

@@ -17,16 +17,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default,
-  notifyProps: () => notifyProps
+  default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_popup = require("../popup");
 var import_shared = require("../popup/shared");
 const [name, bem] = (0, import_utils.createNamespace)("notify");
-const popupInheritProps = ["lockScroll", "position", "show", "teleport", "zIndex"];
 const notifyProps = (0, import_utils.extend)({}, import_shared.popupSharedProps, {
   type: (0, import_utils.makeStringProp)("danger"),
   color: String,
@@ -36,7 +35,7 @@ const notifyProps = (0, import_utils.extend)({}, import_shared.popupSharedProps,
   background: String,
   lockScroll: Boolean
 });
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: notifyProps,
   emits: ["update:show"],
@@ -45,16 +44,19 @@ var stdin_default = (0, import_vue.defineComponent)({
     slots
   }) {
     const updateShow = (show) => emit("update:show", show);
-    return () => (0, import_vue.createVNode)(import_popup.Popup, (0, import_vue.mergeProps)({
+    return () => (0, import_vue.createVNode)(import_popup.Popup, {
+      "show": props.show,
       "class": [bem([props.type]), props.className],
       "style": {
         color: props.color,
         background: props.background
       },
       "overlay": false,
+      "position": props.position,
       "duration": 0.2,
+      "lockScroll": props.lockScroll,
       "onUpdate:show": updateShow
-    }, (0, import_utils.pick)(props, popupInheritProps)), {
+    }, {
       default: () => [slots.default ? slots.default() : props.message]
     });
   }

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

@@ -1,18 +1,102 @@
+import { App } from 'vue';
 import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
-/**
- * Close the currently displayed Notify
- */
-export declare const closeNotify: () => void;
-/**
- * Display Notify at the top of the page
- */
-export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
-/**
- * Modify the default configuration, affecting all `showNotify` calls
- */
-export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
-/**
- * Reset the default configuration, affecting all `showNotify` calls
- */
-export declare const resetNotifyDefaultOptions: () => void;
+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 };

package/lib/notify/function-call.js

@@ -17,20 +17,13 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  closeNotify: () => closeNotify,
-  resetNotifyDefaultOptions: () => resetNotifyDefaultOptions,
-  setNotifyDefaultOptions: () => setNotifyDefaultOptions,
-  showNotify: () => showNotify
+  Notify: () => Notify
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -57,6 +50,21 @@ function initInstance() {
     }
   }));
 }
+function Notify(options) {
+  if (!import_utils.inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = (0, import_utils.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,
@@ -70,28 +78,20 @@ const getDefaultOptions = () => ({
   lockScroll: false,
   background: void 0
 });
-let currentOptions = getDefaultOptions();
-const closeNotify = () => {
+Notify.clear = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-function showNotify(options) {
-  if (!import_utils.inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = (0, import_utils.extend)({}, currentOptions, parseOptions(options));
-  instance.open(options);
-  clearTimeout(timer);
-  if (options.duration > 0) {
-    timer = setTimeout(closeNotify, options.duration);
-  }
-  return instance;
-}
-const setNotifyDefaultOptions = (options) => (0, import_utils.extend)(currentOptions, options);
-const resetNotifyDefaultOptions = () => {
-  currentOptions = getDefaultOptions();
+Notify.currentOptions = getDefaultOptions();
+Notify.setDefaultOptions = (options) => {
+  (0, import_utils.extend)(Notify.currentOptions, options);
+};
+Notify.resetDefaultOptions = () => {
+  Notify.currentOptions = getDefaultOptions();
+};
+Notify.Component = (0, import_utils.withInstall)(import_Notify.default);
+Notify.install = (app) => {
+  app.use(Notify.Component);
+  app.config.globalProperties.$notify = Notify;
 };

package/lib/notify/index.css

@@ -1 +1 @@
-:root,:host{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background: var(--van-primary-color);--van-notify-success-background: var(--van-success-color);--van-notify-danger-background: var(--van-danger-color);--van-notify-warning-background: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background)}.van-notify--success{background:var(--van-notify-success-background)}.van-notify--danger{background:var(--van-notify-danger-background)}.van-notify--warning{background:var(--van-notify-warning-background)}
+:root{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background-color: var(--van-primary-color);--van-notify-success-background-color: var(--van-success-color);--van-notify-danger-background-color: var(--van-danger-color);--van-notify-warning-background-color: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background-color)}.van-notify--success{background:var(--van-notify-success-background-color)}.van-notify--danger{background:var(--van-notify-danger-background-color)}.van-notify--warning{background:var(--van-notify-warning-background-color)}