vant 3.2.2 → 3.2.6

package/lib/notice-bar/NoticeBar.js

@@ -23,20 +23,14 @@ var props = {
   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
   }
 };
 

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

@@ -1,14 +1,8 @@
+import { NoticeBarProps } from './NoticeBar';
 export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     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;
@@ -17,35 +11,43 @@ 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 };
 export type { NoticeBarMode, NoticeBarInstance } from './types';

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,5 +1,4 @@
-import { PropType } from 'vue';
-export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+import type { NotifyType } from './types';
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -8,7 +7,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 +16,25 @@ 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;
-    type: {
-        type: PropType<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;
@@ -48,11 +47,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 +71,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

@@ -16,20 +16,21 @@ var [name, bem] = (0, _utils.createNamespace)('notify');
 var _default = (0, _vue.defineComponent)({
   name,
   props: (0, _utils.extend)({}, _shared.popupSharedProps, {
+    type: (0, _utils.makeStringProp)('danger'),
     color: String,
-    message: [Number, String],
+    message: _utils.numericProp,
     className: _utils.unknownProp,
     background: String,
-    lockScroll: Boolean,
-    type: {
-      type: String,
-      default: 'danger'
-    }
+    lockScroll: Boolean
   }),
+  emits: ['update:show'],
 
   setup(props, {
+    emit,
     slots
   }) {
+    var updateShow = show => emit('update:show', show);
+
     return () => (0, _vue.createVNode)(_popup.Popup, {
       "show": props.show,
       "class": [bem([props.type]), props.className],
@@ -40,7 +41,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

@@ -1,19 +1,6 @@
 import { App } from 'vue';
 import { ComponentInstance } from '../utils';
-import { NotifyType } from './Notify';
-export declare type NotifyMessage = string | number;
-export declare type NotifyOptions = {
-    type?: NotifyType;
-    color?: string;
-    message?: NotifyMessage;
-    duration?: number;
-    className?: unknown;
-    background?: string;
-    lockScroll?: boolean;
-    onClick?: (event: MouseEvent) => void;
-    onClose?: () => void;
-    onOpened?: () => void;
-};
+import type { NotifyMessage, NotifyOptions } from './types';
 declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
 declare namespace Notify {
     var clear: () => void;
@@ -46,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<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;
@@ -68,13 +55,13 @@ declare namespace Notify {
         overlayClass?: unknown;
         transitionAppear?: unknown;
         closeOnClickOverlay?: unknown;
+        type?: unknown;
         color?: unknown;
         message?: unknown;
         className?: unknown;
         background?: unknown;
-        type?: unknown;
     } & {
-        type: NotifyType;
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;
@@ -92,8 +79,10 @@ declare namespace Notify {
         overlayClass?: unknown;
         className?: unknown;
         background?: string | undefined;
-    }> & {}, {
-        type: NotifyType;
+    }> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: 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,5 +1,4 @@
-import { Notify, NotifyOptions } from './function-call';
-import type { NotifyType } from './Notify';
+import { Notify } from './function-call';
 export default Notify;
 export { Notify };
-export type { NotifyType, NotifyOptions };
+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);
   }
 }

package/lib/notify/types.d.ts

@@ -0,0 +1,20 @@
+import { Notify } from './function-call';
+export declare type NotifyMessage = string | number;
+export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export declare type NotifyOptions = {
+    type?: NotifyType;
+    color?: string;
+    message?: NotifyMessage;
+    duration?: number;
+    className?: unknown;
+    background?: string;
+    lockScroll?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onClose?: () => void;
+    onOpened?: () => void;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $notify: typeof Notify;
+    }
+}

package/lib/notify/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/number-keyboard/NumberKeyboard.d.ts

@@ -3,8 +3,20 @@ export declare type NumberKeyboardTheme = 'default' | 'custom';
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;
+    theme: {
+        type: PropType<NumberKeyboardTheme>;
+        default: NumberKeyboardTheme;
+    };
     zIndex: (NumberConstructor | StringConstructor)[];
     teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: PropType<string>;
+        default: string;
+    };
     transition: {
         type: BooleanConstructor;
         default: true;
@@ -29,27 +41,18 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    theme: {
-        type: PropType<NumberKeyboardTheme>;
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
     extraKey: {
         type: PropType<string | string[]>;
         default: string;
     };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     title?: unknown;
+    theme?: unknown;
     zIndex?: unknown;
     teleport?: unknown;
+    maxlength?: unknown;
+    modelValue?: unknown;
     transition?: unknown;
     blurOnClose?: unknown;
     showDeleteKey?: unknown;
@@ -59,10 +62,7 @@ declare const _default: import("vue").DefineComponent<{
     closeButtonLoading?: unknown;
     hideOnClickOutside?: unknown;
     safeAreaInsetBottom?: unknown;
-    theme?: unknown;
-    modelValue?: unknown;
     extraKey?: unknown;
-    maxlength?: unknown;
 } & {
     maxlength: string | number;
     modelValue: string;

package/lib/number-keyboard/NumberKeyboard.js

@@ -23,8 +23,11 @@ var _default = (0, _vue.defineComponent)({
   props: {
     show: Boolean,
     title: String,
-    zIndex: [Number, String],
+    theme: (0, _utils.makeStringProp)('default'),
+    zIndex: _utils.numericProp,
     teleport: [String, Object],
+    maxlength: (0, _utils.makeNumericProp)(Infinity),
+    modelValue: (0, _utils.makeStringProp)(''),
     transition: _utils.truthProp,
     blurOnClose: _utils.truthProp,
     showDeleteKey: _utils.truthProp,
@@ -34,21 +37,9 @@ var _default = (0, _vue.defineComponent)({
     closeButtonLoading: Boolean,
     hideOnClickOutside: _utils.truthProp,
     safeAreaInsetBottom: _utils.truthProp,
-    theme: {
-      type: String,
-      default: 'default'
-    },
-    modelValue: {
-      type: String,
-      default: ''
-    },
     extraKey: {
       type: [String, Array],
       default: ''
-    },
-    maxlength: {
-      type: [Number, String],
-      default: Number.MAX_VALUE
     }
   },
   emits: ['show', 'hide', 'blur', 'input', 'close', 'delete', 'update:modelValue'],

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -31,7 +31,7 @@ var _default = (0, _vue.defineComponent)({
   name,
   props: {
     type: String,
-    text: [Number, String],
+    text: _utils.numericProp,
     color: String,
     wider: Boolean,
     large: Boolean,

package/lib/number-keyboard/index.css

@@ -1 +1 @@
-:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-white);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background-color:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background-color:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background-color:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background-color:var(--van-gray-2);--van-number-keyboard-key-height:48px;--van-number-keyboard-key-font-size:28px;--van-number-keyboard-key-active-color:var(--van-gray-3);--van-number-keyboard-key-background-color:var(--van-white);--van-number-keyboard-delete-font-size:var(--van-font-size-lg);--van-number-keyboard-title-color:var(--van-gray-7);--van-number-keyboard-title-height:34px;--van-number-keyboard-title-font-size:var(--van-font-size-lg);--van-number-keyboard-close-padding:0 var(--van-padding-md);--van-number-keyboard-close-color:var(--van-text-link-color);--van-number-keyboard-close-font-size:var(--van-font-size-md);--van-number-keyboard-button-text-color:var(--van-white);--van-number-keyboard-button-background-color:var(--van-primary-color);--van-number-keyboard-z-index:100}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background-color);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none;cursor:pointer}.van-number-keyboard__close:active{opacity:var(--van-active-opacity)}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background-color);border-radius:var(--van-border-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background-color)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/lib/number-keyboard/index.d.ts

@@ -1,8 +1,20 @@
 export declare const NumberKeyboard: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;
+    theme: {
+        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
+        default: import("./NumberKeyboard").NumberKeyboardTheme;
+    };
     zIndex: (NumberConstructor | StringConstructor)[];
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     transition: {
         type: BooleanConstructor;
         default: true;
@@ -27,27 +39,18 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: BooleanConstructor;
         default: true;
     };
-    theme: {
-        type: import("vue").PropType<import("./NumberKeyboard").NumberKeyboardTheme>;
-        default: string;
-    };
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
     extraKey: {
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-    maxlength: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     title?: unknown;
+    theme?: unknown;
     zIndex?: unknown;
     teleport?: unknown;
+    maxlength?: unknown;
+    modelValue?: unknown;
     transition?: unknown;
     blurOnClose?: unknown;
     showDeleteKey?: unknown;
@@ -57,10 +60,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     closeButtonLoading?: unknown;
     hideOnClickOutside?: unknown;
     safeAreaInsetBottom?: unknown;
-    theme?: unknown;
-    modelValue?: unknown;
     extraKey?: unknown;
-    maxlength?: unknown;
 } & {
     maxlength: string | number;
     modelValue: string;

package/lib/number-keyboard/index.less

@@ -25,7 +25,7 @@
   z-index: var(--van-number-keyboard-z-index);
   width: 100%;
   padding-bottom: 22px;
-  background-color: var(--van-number-keyboard-background-color);
+  background: var(--van-number-keyboard-background-color);
   user-select: none;
 
   &--with-title {
@@ -99,7 +99,7 @@
   height: var(--van-number-keyboard-key-height);
   font-size: var(--van-number-keyboard-key-font-size);
   line-height: 1.5;
-  background-color: var(--van-number-keyboard-key-background-color);
+  background: var(--van-number-keyboard-key-background-color);
   border-radius: var(--van-border-radius-lg);
   cursor: pointer;
 
@@ -125,7 +125,7 @@
 
   &--blue {
     color: var(--van-number-keyboard-button-text-color);
-    background-color: var(--van-number-keyboard-button-background-color);
+    background: var(--van-number-keyboard-button-background-color);
 
     &.van-key--active {
       opacity: var(--van-active-opacity);

package/lib/overlay/Overlay.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     duration?: string | number | undefined;
     className?: unknown;
     customStyle?: CSSProperties | undefined;
-}> & {}, {
+}>, {
     show: boolean;
     lockScroll: boolean;
 }>;