vant 3.2.6 → 3.2.7

package/lib/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.6";
+export const version: "3.2.7";

package/lib/index.js

@@ -782,7 +782,7 @@ Object.keys(_uploader).forEach(function (key) {
   if (key in exports && exports[key] === _uploader[key]) return;
   exports[key] = _uploader[key];
 });
-var version = '3.2.6';
+var version = '3.2.7';
 exports.version = version;
 
 function install(app) {

package/lib/list/List.d.ts

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const props: {
+declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];
@@ -20,7 +20,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type ListProps = ExtractPropTypes<typeof props>;
+export declare type ListProps = ExtractPropTypes<typeof listProps>;
 declare const _default: import("vue").DefineComponent<{
     error: BooleanConstructor;
     offset: {

package/lib/list/List.js

@@ -19,7 +19,7 @@ var _loading = require("../loading");
 // Composables
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('list');
-var props = {
+var listProps = {
   error: Boolean,
   offset: (0, _utils.makeNumericProp)(300),
   loading: Boolean,
@@ -33,13 +33,14 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: listProps,
   emits: ['load', 'update:error', 'update:loading'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     // use sync innerLoading state to avoid repeated loading in some edge cases
     var loading = (0, _vue.ref)(false);
     var root = (0, _vue.ref)();

package/lib/list/index.css

@@ -1 +1 @@
-:root{--van-list-text-color:var(--van-gray-6);--van-list-text-font-size:var(--van-font-size-md);--van-list-text-line-height:50px;--van-list-loading-icon-size:16px}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+:root{--van-list-text-color:var(--van-text-color-2);--van-list-text-font-size:var(--van-font-size-md);--van-list-text-line-height:50px;--van-list-loading-icon-size:16px}.van-list__error-text,.van-list__finished-text,.van-list__loading{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}

package/lib/list/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@list-text-color: var(--van-gray-6);
+@list-text-color: var(--van-text-color-2);
 @list-text-font-size: var(--van-font-size-md);
 @list-text-line-height: 50px;
 @list-loading-icon-size: 16px;

package/lib/loading/Loading.d.ts

@@ -1,4 +1,17 @@
+import { ExtractPropTypes } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
+declare const loadingProps: {
+    size: (NumberConstructor | StringConstructor)[];
+    type: {
+        type: import("vue").PropType<LoadingType>;
+        default: LoadingType;
+    };
+    color: StringConstructor;
+    vertical: BooleanConstructor;
+    textSize: (NumberConstructor | StringConstructor)[];
+    textColor: StringConstructor;
+};
+export declare type LoadingProps = ExtractPropTypes<typeof loadingProps>;
 declare const _default: import("vue").DefineComponent<{
     size: (NumberConstructor | StringConstructor)[];
     type: {

package/lib/loading/Loading.js

@@ -20,21 +20,23 @@ var CircularIcon = (0, _vue.createVNode)("svg", {
   "r": "20",
   "fill": "none"
 }, null)]);
+var loadingProps = {
+  size: _utils.numericProp,
+  type: (0, _utils.makeStringProp)('circular'),
+  color: String,
+  vertical: Boolean,
+  textSize: _utils.numericProp,
+  textColor: String
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    size: _utils.numericProp,
-    type: (0, _utils.makeStringProp)('circular'),
-    color: String,
-    vertical: Boolean,
-    textSize: _utils.numericProp,
-    textColor: String
-  },
+  props: loadingProps,
 
-  setup(props, {
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var spinnerStyle = (0, _vue.computed)(() => (0, _utils.extend)({
       color: props.color
     }, (0, _utils.getSizeStyle)(props.size)));

package/lib/loading/index.css

@@ -1 +1 @@
-:root{--van-loading-text-color:var(--van-gray-6);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:30px;--van-loading-spinner-animation-duration:0.8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color:var(--van-text-color-2);--van-loading-text-font-size:var(--van-font-size-md);--van-loading-spinner-color:var(--van-gray-5);--van-loading-spinner-size:30px;--van-loading-spinner-animation-duration:0.8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-animation-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line::before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:' '}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}100%{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/lib/loading/index.d.ts

@@ -28,4 +28,4 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: boolean;
 }>>;
 export default Loading;
-export type { LoadingType } from './Loading';
+export type { LoadingType, LoadingProps } from './Loading';

package/lib/loading/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@loading-text-color: var(--van-gray-6);
+@loading-text-color: var(--van-text-color-2);
 @loading-text-font-size: var(--van-font-size-md);
 @loading-spinner-color: var(--van-gray-5);
 @loading-spinner-size: 30px;

package/lib/locale/index.js

@@ -27,7 +27,11 @@ var Locale = {
     });
   },
 
-  add(newMessages = {}) {
+  add(newMessages) {
+    if (newMessages === void 0) {
+      newMessages = {};
+    }
+
     (0, _deepAssign.deepAssign)(messages, newMessages);
   }
 

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

@@ -1,3 +1,19 @@
+import { ExtractPropTypes } from 'vue';
+declare const navBarProps: {
+    title: StringConstructor;
+    fixed: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    leftText: StringConstructor;
+    rightText: StringConstructor;
+    leftArrow: BooleanConstructor;
+    placeholder: BooleanConstructor;
+    safeAreaInsetTop: BooleanConstructor;
+};
+export declare type NavbarProps = ExtractPropTypes<typeof navBarProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     fixed: BooleanConstructor;

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: _utils.numericProp,
-    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: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

@@ -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,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-declare const props: {
+declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;
@@ -20,7 +20,7 @@ declare const props: {
         default: null;
     };
 };
-export declare type NoticeBarProps = ExtractPropTypes<typeof props>;
+export declare type NoticeBarProps = ExtractPropTypes<typeof noticeBarProps>;
 declare const _default: import("vue").DefineComponent<{
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;

package/lib/notice-bar/NoticeBar.js

@@ -19,7 +19,7 @@ var _icon = require("../icon");
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('notice-bar');
-var props = {
+var noticeBarProps = {
   text: String,
   mode: String,
   color: String,
@@ -36,13 +36,14 @@ var props = {
 
 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/notify/Notify.d.ts

@@ -1,4 +1,42 @@
+import { ExtractPropTypes } from 'vue';
 import type { NotifyType } from './types';
+declare const notifyProps: {
+    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<NotifyType>;
+        default: NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    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)[];

package/lib/notify/Notify.js

@@ -12,23 +12,26 @@ 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, {
-    type: (0, _utils.makeStringProp)('danger'),
-    color: String,
-    message: _utils.numericProp,
-    className: _utils.unknownProp,
-    background: String,
-    lockScroll: Boolean
-  }),
+  props: notifyProps,
   emits: ['update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var updateShow = show => emit('update:show', show);
 
     return () => (0, _vue.createVNode)(_popup.Popup, {

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/number-keyboard/NumberKeyboard.d.ts

@@ -1,5 +1,52 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 export declare type NumberKeyboardTheme = 'default' | 'custom';
+declare const numberKeyboardProps: {
+    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;
+    };
+    blurOnClose: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showDeleteKey: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    randomKeyOrder: BooleanConstructor;
+    closeButtonText: StringConstructor;
+    deleteButtonText: StringConstructor;
+    closeButtonLoading: BooleanConstructor;
+    hideOnClickOutside: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    safeAreaInsetBottom: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    extraKey: {
+        type: PropType<string | string[]>;
+        default: string;
+    };
+};
+export declare type NumberKeyboardProps = ExtractPropTypes<typeof numberKeyboardProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;

package/lib/number-keyboard/NumberKeyboard.js

@@ -17,37 +17,39 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Composables
 // Components
 var [name, bem] = (0, _utils.createNamespace)('number-keyboard');
+var numberKeyboardProps = {
+  show: Boolean,
+  title: 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,
+  randomKeyOrder: Boolean,
+  closeButtonText: String,
+  deleteButtonText: String,
+  closeButtonLoading: Boolean,
+  hideOnClickOutside: _utils.truthProp,
+  safeAreaInsetBottom: _utils.truthProp,
+  extraKey: {
+    type: [String, Array],
+    default: ''
+  }
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    show: Boolean,
-    title: 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,
-    randomKeyOrder: Boolean,
-    closeButtonText: String,
-    deleteButtonText: String,
-    closeButtonLoading: Boolean,
-    hideOnClickOutside: _utils.truthProp,
-    safeAreaInsetBottom: _utils.truthProp,
-    extraKey: {
-      type: [String, Array],
-      default: ''
-    }
-  },
+  props: numberKeyboardProps,
   emits: ['show', 'hide', 'blur', 'input', 'close', 'delete', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var root = (0, _vue.ref)();
 
     var genBasicKeys = () => {
@@ -164,7 +166,7 @@ var _default = (0, _vue.defineComponent)({
         "class": bem('title')
       }, [title]), showClose && (0, _vue.createVNode)("button", {
         "type": "button",
-        "class": bem('close'),
+        "class": [bem('close'), _utils.HAPTICS_FEEDBACK],
         "onClick": onClose
       }, [closeButtonText])]);
     };

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -39,10 +39,11 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['press'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var active = (0, _vue.ref)(false);
     var touch = (0, _useTouch.useTouch)();
 

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: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)}
+: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-background-color-light);--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__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

@@ -103,4 +103,4 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     extraKey: string | string[];
 }>>;
 export default NumberKeyboard;
-export type { NumberKeyboardTheme } from './NumberKeyboard';
+export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';

package/lib/number-keyboard/index.less

@@ -75,10 +75,6 @@
     background-color: transparent;
     border: none;
     cursor: pointer;
-
-    &:active {
-      opacity: var(--van-active-opacity);
-    }
   }
 
   &__sidebar {

package/lib/number-keyboard/var.less

@@ -3,7 +3,7 @@
 @number-keyboard-background-color: var(--van-gray-2);
 @number-keyboard-key-height: 48px;
 @number-keyboard-key-font-size: 28px;
-@number-keyboard-key-background-color: var(--van-white);
+@number-keyboard-key-background-color: var(--van-background-color-light);
 @number-keyboard-key-active-color: var(--van-gray-3);
 @number-keyboard-delete-font-size: var(--van-font-size-lg);
 @number-keyboard-title-color: var(--van-gray-7);

package/lib/overlay/Overlay.d.ts

@@ -1,4 +1,16 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+declare const overlayProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    duration: (NumberConstructor | StringConstructor)[];
+    className: PropType<unknown>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    customStyle: PropType<CSSProperties>;
+};
+export declare type OverlayProps = ExtractPropTypes<typeof overlayProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];