vant 3.2.4 → 3.2.8

package/lib/nav-bar/NavBar.js

@@ -15,26 +15,28 @@ var _icon = require("../icon");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('nav-bar');
+var navBarProps = {
+  title: String,
+  fixed: Boolean,
+  zIndex: _utils.numericProp,
+  border: _utils.truthProp,
+  leftText: String,
+  rightText: String,
+  leftArrow: Boolean,
+  placeholder: Boolean,
+  safeAreaInsetTop: Boolean
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    title: String,
-    fixed: Boolean,
-    zIndex: [Number, String],
-    border: _utils.truthProp,
-    leftText: String,
-    rightText: String,
-    leftArrow: Boolean,
-    placeholder: Boolean,
-    safeAreaInsetTop: Boolean
-  },
+  props: navBarProps,
   emits: ['click-left', 'click-right'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var navBarRef = (0, _vue.ref)();
     var renderPlaceholder = (0, _usePlaceholder.usePlaceholder)(navBarRef, bem);
 
@@ -87,12 +89,12 @@ var _default = (0, _vue.defineComponent)({
       }, [(0, _vue.createVNode)("div", {
         "class": bem('content')
       }, [hasLeft && (0, _vue.createVNode)("div", {
-        "class": bem('left'),
+        "class": [bem('left'), _utils.HAPTICS_FEEDBACK],
         "onClick": onClickLeft
       }, [renderLeft()]), (0, _vue.createVNode)("div", {
         "class": [bem('title'), 'van-ellipsis']
       }, [slots.title ? slots.title() : title]), hasRight && (0, _vue.createVNode)("div", {
-        "class": bem('right'),
+        "class": [bem('right'), _utils.HAPTICS_FEEDBACK],
         "onClick": onClickRight
       }, [renderRight()])])]);
     };

package/lib/nav-bar/index.css

@@ -1 +1 @@
-:root{--van-nav-bar-height:46px;--van-nav-bar-background-color:var(--van-white);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background-color:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left:active,.van-nav-bar__right:active{opacity:var(--van-active-opacity)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+:root{--van-nav-bar-height:46px;--van-nav-bar-background-color:var(--van-background-color-light);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background-color);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md);cursor:pointer}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

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

@@ -43,3 +43,4 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     safeAreaInsetTop: boolean;
 }>>;
 export default NavBar;
+export type { NavBarProps } from './NavBar';

package/lib/nav-bar/index.less

@@ -16,7 +16,7 @@
   z-index: var(--van-nav-bar-z-index);
   line-height: var(--van-line-height-lg);
   text-align: center;
-  background-color: var(--van-nav-bar-background-color);
+  background: var(--van-nav-bar-background-color);
   user-select: none;
 
   &--fixed {
@@ -65,10 +65,6 @@
     padding: 0 var(--van-padding-md);
     font-size: var(--van-font-size-md);
     cursor: pointer;
-
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
   }
 
   &__left {

package/lib/nav-bar/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
 @nav-bar-height: 46px;
-@nav-bar-background-color: var(--van-white);
+@nav-bar-background-color: var(--van-background-color-light);
 @nav-bar-arrow-size: 16px;
 @nav-bar-icon-color: var(--van-primary-color);
 @nav-bar-text-color: var(--van-primary-color);

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

@@ -1,16 +1,9 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-declare const props: {
+declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
-    leftIcon: StringConstructor;
-    wrapable: BooleanConstructor;
-    background: StringConstructor;
-    scrollable: {
-        type: PropType<boolean | null>;
-        default: null;
-    };
     delay: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -19,12 +12,6 @@ declare const props: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-};
-export declare type NoticeBarProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<{
-    text: StringConstructor;
-    mode: PropType<NoticeBarMode>;
-    color: StringConstructor;
     leftIcon: StringConstructor;
     wrapable: BooleanConstructor;
     background: StringConstructor;
@@ -32,6 +19,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<boolean | null>;
         default: null;
     };
+};
+export declare type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
+declare const _default: import("vue").DefineComponent<{
+    text: StringConstructor;
+    mode: PropType<NoticeBarMode>;
+    color: StringConstructor;
     delay: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -40,34 +33,41 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    leftIcon: StringConstructor;
+    wrapable: BooleanConstructor;
+    background: StringConstructor;
+    scrollable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     text?: unknown;
     mode?: unknown;
     color?: unknown;
+    delay?: unknown;
+    speed?: unknown;
     leftIcon?: unknown;
     wrapable?: unknown;
     background?: unknown;
     scrollable?: unknown;
-    delay?: unknown;
-    speed?: unknown;
 } & {
     scrollable: boolean | null;
     speed: string | number;
-    wrapable: boolean;
     delay: string | number;
+    wrapable: boolean;
 } & {
     text?: string | undefined;
     color?: string | undefined;
     leftIcon?: string | undefined;
-    mode?: NoticeBarMode | undefined;
     background?: string | undefined;
+    mode?: NoticeBarMode | undefined;
 }> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
 }, {
     scrollable: boolean | null;
     speed: string | number;
-    wrapable: boolean;
     delay: string | number;
+    wrapable: boolean;
 }>;
 export default _default;

package/lib/notice-bar/NoticeBar.js

@@ -19,36 +19,31 @@ var _icon = require("../icon");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('notice-bar');
-var props = {
+var noticeBarProps = {
   text: String,
   mode: String,
   color: String,
+  delay: (0, _utils.makeNumericProp)(1),
+  speed: (0, _utils.makeNumericProp)(60),
   leftIcon: String,
   wrapable: Boolean,
   background: String,
   scrollable: {
     type: Boolean,
     default: null
-  },
-  delay: {
-    type: [Number, String],
-    default: 1
-  },
-  speed: {
-    type: [Number, String],
-    default: 60
   }
 };
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: noticeBarProps,
   emits: ['close', 'replay'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var wrapWidth = 0;
     var contentWidth = 0;
     var startTimer;

package/lib/notice-bar/index.css

@@ -1 +1 @@
-: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-color: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}
+: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

@@ -3,13 +3,6 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
     color: StringConstructor;
-    leftIcon: StringConstructor;
-    wrapable: BooleanConstructor;
-    background: StringConstructor;
-    scrollable: {
-        type: import("vue").PropType<boolean | null>;
-        default: null;
-    };
     delay: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -18,35 +11,42 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    leftIcon: StringConstructor;
+    wrapable: BooleanConstructor;
+    background: StringConstructor;
+    scrollable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "replay")[], "close" | "replay", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     text?: unknown;
     mode?: unknown;
     color?: unknown;
+    delay?: unknown;
+    speed?: unknown;
     leftIcon?: unknown;
     wrapable?: unknown;
     background?: unknown;
     scrollable?: unknown;
-    delay?: unknown;
-    speed?: unknown;
 } & {
     scrollable: boolean | null;
     speed: string | number;
-    wrapable: boolean;
     delay: string | number;
+    wrapable: boolean;
 } & {
     text?: string | undefined;
     color?: string | undefined;
     leftIcon?: string | undefined;
-    mode?: import("./types").NoticeBarMode | undefined;
     background?: string | undefined;
+    mode?: import("./types").NoticeBarMode | undefined;
 }> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onReplay?: ((...args: any[]) => any) | undefined;
 }, {
     scrollable: boolean | null;
     speed: string | number;
-    wrapable: boolean;
     delay: string | number;
+    wrapable: boolean;
 }>>;
 export default NoticeBar;
 export type { NoticeBarProps };

package/lib/notice-bar/index.less

@@ -21,7 +21,7 @@
   color: var(--van-notice-bar-text-color);
   font-size: var(--van-notice-bar-font-size);
   line-height: var(--van-notice-bar-line-height);
-  background-color: var(--van-notice-bar-background-color);
+  background: var(--van-notice-bar-background-color);
 
   &__left-icon,
   &__right-icon {

package/lib/notify/Notify.d.ts

@@ -1,6 +1,6 @@
-import { PropType } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import type { NotifyType } from './types';
-declare const _default: import("vue").DefineComponent<{
+declare const notifyProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {
@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     duration: (NumberConstructor | StringConstructor)[];
-    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
     lockScroll: {
         type: BooleanConstructor;
         default: true;
@@ -17,25 +17,62 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    beforeClose: PropType<import("../utils").Interceptor>;
-    overlayStyle: PropType<import("vue").CSSProperties>;
-    overlayClass: PropType<unknown>;
+    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<NotifyType>;
+        default: NotifyType;
+    };
     color: StringConstructor;
     message: (NumberConstructor | StringConstructor)[];
-    className: PropType<unknown>;
+    className: import("vue").PropType<unknown>;
     background: StringConstructor;
     lockScroll: BooleanConstructor;
+};
+export declare type NotifyProps = ExtractPropTypes<typeof notifyProps>;
+declare const _default: 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: PropType<NotifyType>;
-        default: string;
+        type: import("vue").PropType<NotifyType>;
+        default: NotifyType;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    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/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -48,11 +85,11 @@ declare const _default: import("vue").DefineComponent<{
     overlayClass?: unknown;
     transitionAppear?: unknown;
     closeOnClickOverlay?: unknown;
+    type?: unknown;
     color?: unknown;
     message?: unknown;
     className?: unknown;
     background?: unknown;
-    type?: unknown;
 } & {
     type: NotifyType;
     overlay: boolean;
@@ -72,7 +109,9 @@ declare const _default: import("vue").DefineComponent<{
     overlayClass?: unknown;
     className?: unknown;
     background?: string | undefined;
-}>, {
+}> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
     type: NotifyType;
     overlay: boolean;
     show: boolean;

package/lib/notify/Notify.js

@@ -12,24 +12,28 @@ var _popup = require("../popup");
 var _shared = require("../popup/shared");
 
 var [name, bem] = (0, _utils.createNamespace)('notify');
+var notifyProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+  type: (0, _utils.makeStringProp)('danger'),
+  color: String,
+  message: _utils.numericProp,
+  className: _utils.unknownProp,
+  background: String,
+  lockScroll: Boolean
+});
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _shared.popupSharedProps, {
-    color: String,
-    message: [Number, String],
-    className: _utils.unknownProp,
-    background: String,
-    lockScroll: Boolean,
-    type: {
-      type: String,
-      default: 'danger'
-    }
-  }),
-
-  setup(props, {
-    slots
-  }) {
+  props: notifyProps,
+  emits: ['update:show'],
+
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
+    var updateShow = show => emit('update:show', show);
+
     return () => (0, _vue.createVNode)(_popup.Popup, {
       "show": props.show,
       "class": [bem([props.type]), props.className],
@@ -40,7 +44,8 @@ var _default = (0, _vue.defineComponent)({
       "overlay": false,
       "position": "top",
       "duration": 0.2,
-      "lockScroll": props.lockScroll
+      "lockScroll": props.lockScroll,
+      "onUpdate:show": updateShow
     }, {
       default: () => [slots.default ? slots.default() : props.message]
     });

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

@@ -33,16 +33,16 @@ declare namespace Notify {
             default: true;
         };
     } & {
+        type: {
+            type: import("vue").PropType<import("./types").NotifyType>;
+            default: import("./types").NotifyType;
+        };
         color: StringConstructor;
         message: (NumberConstructor | StringConstructor)[];
         className: import("vue").PropType<unknown>;
         background: StringConstructor;
         lockScroll: BooleanConstructor;
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: string;
-        };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
         show?: unknown;
         zIndex?: unknown;
         overlay?: unknown;
@@ -55,11 +55,11 @@ declare namespace Notify {
         overlayClass?: unknown;
         transitionAppear?: unknown;
         closeOnClickOverlay?: unknown;
+        type?: unknown;
         color?: unknown;
         message?: unknown;
         className?: unknown;
         background?: unknown;
-        type?: unknown;
     } & {
         type: import("./types").NotifyType;
         overlay: boolean;
@@ -79,7 +79,9 @@ declare namespace Notify {
         overlayClass?: unknown;
         className?: unknown;
         background?: string | undefined;
-    }>, {
+    }> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
         type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;

package/lib/notify/function-call.js

@@ -16,11 +16,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var timer;
 var instance;
 
-function parseOptions(message) {
-  return (0, _utils.isObject)(message) ? message : {
-    message
-  };
-}
+var parseOptions = message => (0, _utils.isObject)(message) ? message : {
+  message
+};
 
 function initInstance() {
   ({
@@ -32,7 +30,7 @@ function initInstance() {
         toggle
       } = (0, _mountComponent.usePopupState)();
       return () => (0, _vue.createVNode)(_Notify.default, (0, _vue.mergeProps)(state, {
-        'onUpdate:show': toggle
+        "onUpdate:show": toggle
       }), null);
     }
 
@@ -59,20 +57,18 @@ function Notify(options) {
   return instance;
 }
 
-function defaultOptions() {
-  return {
-    type: 'danger',
-    color: undefined,
-    message: '',
-    onClose: undefined,
-    onClick: undefined,
-    onOpened: undefined,
-    duration: 3000,
-    className: '',
-    lockScroll: false,
-    background: undefined
-  };
-}
+var getDefaultOptions = () => ({
+  type: 'danger',
+  color: undefined,
+  message: '',
+  onClose: undefined,
+  onClick: undefined,
+  onOpened: undefined,
+  duration: 3000,
+  className: '',
+  lockScroll: false,
+  background: undefined
+});
 
 Notify.clear = () => {
   if (instance) {
@@ -80,14 +76,14 @@ Notify.clear = () => {
   }
 };
 
-Notify.currentOptions = defaultOptions();
+Notify.currentOptions = getDefaultOptions();
 
 Notify.setDefaultOptions = options => {
   (0, _utils.extend)(Notify.currentOptions, options);
 };
 
 Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = defaultOptions();
+  Notify.currentOptions = getDefaultOptions();
 };
 
 Notify.Component = (0, _utils.withInstall)(_Notify.default);

package/lib/notify/index.css

@@ -1 +1 @@
-: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-color:var(--van-notify-primary-background-color)}.van-notify--success{background-color:var(--van-notify-success-background-color)}.van-notify--danger{background-color:var(--van-notify-danger-background-color)}.van-notify--warning{background-color:var(--van-notify-warning-background-color)}
+: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)}

package/lib/notify/index.d.ts

@@ -1,4 +1,5 @@
 import { Notify } from './function-call';
 export default Notify;
 export { Notify };
+export type { NotifyProps } from './Notify';
 export type { NotifyType, NotifyOptions } from './types';

package/lib/notify/index.less

@@ -27,18 +27,18 @@
   word-wrap: break-word;
 
   &--primary {
-    background-color: var(--van-notify-primary-background-color);
+    background: var(--van-notify-primary-background-color);
   }
 
   &--success {
-    background-color: var(--van-notify-success-background-color);
+    background: var(--van-notify-success-background-color);
   }
 
   &--danger {
-    background-color: var(--van-notify-danger-background-color);
+    background: var(--van-notify-danger-background-color);
   }
 
   &--warning {
-    background-color: var(--van-notify-warning-background-color);
+    background: var(--van-notify-warning-background-color);
   }
 }