vant 3.4.8 → 4.0.0-alpha.2

package/lib/locale/lang/uk-UA.js

@@ -80,10 +80,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u041E\u0431\u043B\u0430\u0441\u0442\u044C",
-    postal: "\u041F\u043E\u0448\u0442\u043E\u0432\u0438\u0439",
     areaEmpty: "\u0411\u0443\u0434\u044C \u043B\u0430\u0441\u043A\u0430, \u0432\u0438\u0431\u0435\u0440\u0456\u0442\u044C \u0437\u043E\u043D\u0443 \u043F\u0440\u0438\u0439\u043E\u043C\u0443",
     addressEmpty: "\u0410\u0434\u0440\u0435\u0441\u0430 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0431\u0443\u0442\u0438 \u043F\u043E\u0440\u043E\u0436\u043D\u044C\u043E\u044E",
-    postalEmpty: "\u041D\u0435\u043F\u0440\u0430\u0432\u0438\u043B\u044C\u043D\u0438\u0439 \u043F\u043E\u0448\u0442\u043E\u0432\u0438\u0439 \u0456\u043D\u0434\u0435\u043A\u0441",
     addressDetail: "\u0410\u0434\u0440\u0435\u0441\u0430",
     defaultAddress: "\u0412\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u0438 \u044F\u043A \u0430\u0434\u0440\u0435\u0441\u0443 \u0437\u0430 \u0437\u0430\u043C\u043E\u0432\u0447\u0443\u0432\u0430\u043D\u043D\u044F\u043C"
   },

package/lib/locale/lang/vi-VN.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/lib/locale/lang/vi-VN.js

@@ -80,10 +80,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "Khu v\u1EF1c",
-    postal: "B\u01B0u \u0111i\u1EC7n",
     areaEmpty: "Vui l\xF2ng ch\u1ECDn khu v\u1EF1c nh\u1EADn h\xE0ng",
     addressEmpty: "\u0110\u1ECBa ch\u1EC9 kh\xF4ng \u0111\u01B0\u1EE3c \u0111\u1EC3 tr\u1ED1ng",
-    postalEmpty: "M\xE3 b\u01B0u ch\xEDnh sai",
     addressDetail: "\u0110\u1ECBa ch\u1EC9",
     defaultAddress: "\u0110\u1EB7t l\xE0m \u0111\u1ECBa ch\u1EC9 m\u1EB7c \u0111\u1ECBnh"
   },

package/lib/locale/lang/zh-CN.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/lib/locale/lang/zh-CN.js

@@ -72,10 +72,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u533A",
-    postal: "\u90AE\u653F\u7F16\u7801",
     areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
     addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
-    postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
     addressDetail: "\u8BE6\u7EC6\u5730\u5740",
     defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
   },

package/lib/locale/lang/zh-HK.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/lib/locale/lang/zh-HK.js

@@ -72,10 +72,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u5340",
-    postal: "\u90F5\u653F\u7DE8\u78BC",
     areaEmpty: "\u8ACB\u9078\u64C7\u5730\u5340",
     addressEmpty: "\u8ACB\u586B\u5BEB\u8A73\u7D30\u5730\u5740",
-    postalEmpty: "\u90F5\u653F\u7DE8\u78BC\u4E0D\u6B63\u78BA",
     addressDetail: "\u8A73\u7D30\u5730\u5740",
     defaultAddress: "\u8A2D\u70BA\u9ED8\u8A8D\u6536\u8CA8\u5730\u5740"
   },

package/lib/locale/lang/zh-TW.d.ts

@@ -50,10 +50,8 @@ declare const _default: {
     };
     vanAddressEdit: {
         area: string;
-        postal: string;
         areaEmpty: string;
         addressEmpty: string;
-        postalEmpty: string;
         addressDetail: string;
         defaultAddress: string;
     };

package/lib/locale/lang/zh-TW.js

@@ -72,10 +72,8 @@ var stdin_default = {
   },
   vanAddressEdit: {
     area: "\u5730\u5340",
-    postal: "\u90F5\u905E\u5340\u865F",
     areaEmpty: "\u8ACB\u9078\u64C7\u5730\u5340",
     addressEmpty: "\u8ACB\u586B\u5BEB\u8A73\u7D30\u5730\u5740",
-    postalEmpty: "\u90F5\u905E\u5340\u865F\u4E0D\u6B63\u78BA",
     addressDetail: "\u8A73\u7D30\u5730\u5740",
     defaultAddress: "\u8A2D\u70BA\u9810\u8A2D\u6536\u8CA8\u5730\u5740"
   },

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

@@ -27,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -41,8 +41,8 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
 }>> & {
-    "onClick-left"?: ((...args: any[]) => any) | undefined;
-    "onClick-right"?: ((...args: any[]) => any) | undefined;
+    onClickLeft?: ((...args: any[]) => any) | undefined;
+    onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;

package/lib/nav-bar/NavBar.js

@@ -40,15 +40,15 @@ const navBarProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: navBarProps,
-  emits: ["click-left", "click-right"],
+  emits: ["clickLeft", "clickRight"],
   setup(props, {
     emit,
     slots
   }) {
     const navBarRef = (0, import_vue2.ref)();
     const renderPlaceholder = (0, import_use_placeholder.usePlaceholder)(navBarRef, bem);
-    const onClickLeft = (event) => emit("click-left", event);
-    const onClickRight = (event) => emit("click-right", event);
+    const onClickLeft = (event) => emit("clickLeft", event);
+    const onClickRight = (event) => emit("clickRight", event);
     const renderLeft = () => {
       if (slots.left) {
         return slots.left();

package/lib/nav-bar/index.css

@@ -1 +1 @@
-: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)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+body{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--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);-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-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)}.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

@@ -11,7 +11,7 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: BooleanConstructor;
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-left" | "click-right")[], "click-left" | "click-right", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clickLeft" | "clickRight")[], "clickLeft" | "clickRight", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -25,8 +25,8 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     placeholder: BooleanConstructor;
     safeAreaInsetTop: BooleanConstructor;
 }>> & {
-    "onClick-left"?: ((...args: any[]) => any) | undefined;
-    "onClick-right"?: ((...args: any[]) => any) | undefined;
+    onClickLeft?: ((...args: any[]) => any) | undefined;
+    onClickRight?: ((...args: any[]) => any) | undefined;
 }, {
     fixed: boolean;
     border: boolean;

package/lib/nav-bar/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-nav-bar-height: @nav-bar-height;
-  --van-nav-bar-background-color: @nav-bar-background-color;
-  --van-nav-bar-arrow-size: @nav-bar-arrow-size;
-  --van-nav-bar-icon-color: @nav-bar-icon-color;
-  --van-nav-bar-text-color: @nav-bar-text-color;
-  --van-nav-bar-title-font-size: @nav-bar-title-font-size;
-  --van-nav-bar-title-text-color: @nav-bar-title-text-color;
-  --van-nav-bar-z-index: @nav-bar-z-index;
+body {
+  --van-nav-bar-height: 46px;
+  --van-nav-bar-background: var(--van-background-2);
+  --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 {
@@ -16,7 +14,7 @@
   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);
+  background: var(--van-nav-bar-background);
   user-select: none;
 
   &--fixed {
@@ -51,7 +49,7 @@
     max-width: 60%;
     margin: 0 auto;
     color: var(--van-nav-bar-title-text-color);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-nav-bar-title-font-size);
   }
 

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

package/lib/notice-bar/index.less

@@ -1,15 +1,13 @@
-@import './var.less';
-
-:root {
-  --van-notice-bar-height: @notice-bar-height;
-  --van-notice-bar-padding: @notice-bar-padding;
-  --van-notice-bar-wrapable-padding: @notice-bar-wrapable-padding;
-  --van-notice-bar-text-color: @notice-bar-text-color;
-  --van-notice-bar-font-size: @notice-bar-font-size;
-  --van-notice-bar-line-height: @notice-bar-line-height;
-  --van-notice-bar-background-color: @notice-bar-background-color;
-  --van-notice-bar-icon-size: @notice-bar-icon-size;
-  --van-notice-bar-icon-min-width: @notice-bar-icon-min-width;
+body {
+  --van-notice-bar-height: 40px;
+  --van-notice-bar-padding: 0 var(--van-padding-md);
+  --van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
+  --van-notice-bar-text-color: var(--van-orange-dark);
+  --van-notice-bar-font-size: var(--van-font-size-md);
+  --van-notice-bar-line-height: 24px;
+  --van-notice-bar-background: var(--van-orange-light);
+  --van-notice-bar-icon-size: 16px;
+  --van-notice-bar-icon-min-width: 24px;
 }
 
 .van-notice-bar {
@@ -21,7 +19,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: var(--van-notice-bar-background-color);
+  background: var(--van-notice-bar-background);
 
   &__left-icon,
   &__right-icon {

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: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)}
+body{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background: var(--van-primary-color);--van-notify-success-background: var(--van-success-color);--van-notify-danger-background: var(--van-danger-color);--van-notify-warning-background: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background)}.van-notify--success{background:var(--van-notify-success-background)}.van-notify--danger{background:var(--van-notify-danger-background)}.van-notify--warning{background:var(--van-notify-warning-background)}

package/lib/notify/index.less

@@ -1,14 +1,12 @@
-@import './var.less';
-
-:root {
-  --van-notify-text-color: @notify-text-color;
-  --van-notify-padding: @notify-padding;
-  --van-notify-font-size: @notify-font-size;
-  --van-notify-line-height: @notify-line-height;
-  --van-notify-primary-background-color: @notify-primary-background-color;
-  --van-notify-success-background-color: @notify-success-background-color;
-  --van-notify-danger-background-color: @notify-danger-background-color;
-  --van-notify-warning-background-color: @notify-warning-background-color;
+body {
+  --van-notify-text-color: var(--van-white);
+  --van-notify-padding: var(--van-padding-xs) var(--van-padding-md);
+  --van-notify-font-size: var(--van-font-size-md);
+  --van-notify-line-height: var(--van-line-height-md);
+  --van-notify-primary-background: var(--van-primary-color);
+  --van-notify-success-background: var(--van-success-color);
+  --van-notify-danger-background: var(--van-danger-color);
+  --van-notify-warning-background: var(--van-warning-color);
 }
 
 .van-notify {
@@ -27,18 +25,18 @@
   word-wrap: break-word;
 
   &--primary {
-    background: var(--van-notify-primary-background-color);
+    background: var(--van-notify-primary-background);
   }
 
   &--success {
-    background: var(--van-notify-success-background-color);
+    background: var(--van-notify-success-background);
   }
 
   &--danger {
-    background: var(--van-notify-danger-background-color);
+    background: var(--van-notify-danger-background);
   }
 
   &--warning {
-    background: var(--van-notify-warning-background-color);
+    background: var(--van-notify-warning-background);
   }
 }

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

@@ -146,12 +146,12 @@ declare const _default: import("vue").DefineComponent<{
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
+    theme: NumberKeyboardTheme;
     maxlength: string | number;
     modelValue: string;
     safeAreaInsetBottom: boolean;
     show: boolean;
     transition: boolean;
-    theme: NumberKeyboardTheme;
     blurOnClose: boolean;
     showDeleteKey: boolean;
     randomKeyOrder: 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-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}.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)}
+body{--van-number-keyboard-background: 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: var(--van-background-2);--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-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: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.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);-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}.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);border-radius:var(--van-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)}.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

@@ -97,12 +97,12 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     onHide?: ((...args: any[]) => any) | undefined;
     onShow?: ((...args: any[]) => any) | undefined;
 }, {
+    theme: import("./NumberKeyboard").NumberKeyboardTheme;
     maxlength: string | number;
     modelValue: string;
     safeAreaInsetBottom: boolean;
     show: boolean;
     transition: boolean;
-    theme: import("./NumberKeyboard").NumberKeyboardTheme;
     blurOnClose: boolean;
     showDeleteKey: boolean;
     randomKeyOrder: boolean;

package/lib/number-keyboard/index.less

@@ -1,21 +1,25 @@
-@import './var.less';
-
-:root {
-  --van-number-keyboard-background-color: @number-keyboard-background-color;
-  --van-number-keyboard-key-height: @number-keyboard-key-height;
-  --van-number-keyboard-key-font-size: @number-keyboard-key-font-size;
-  --van-number-keyboard-key-active-color: @number-keyboard-key-active-color;
-  --van-number-keyboard-key-background-color: @number-keyboard-key-background-color;
-  --van-number-keyboard-delete-font-size: @number-keyboard-delete-font-size;
-  --van-number-keyboard-title-color: @number-keyboard-title-color;
-  --van-number-keyboard-title-height: @number-keyboard-title-height;
-  --van-number-keyboard-title-font-size: @number-keyboard-title-font-size;
-  --van-number-keyboard-close-padding: @number-keyboard-close-padding;
-  --van-number-keyboard-close-color: @number-keyboard-close-color;
-  --van-number-keyboard-close-font-size: @number-keyboard-close-font-size;
-  --van-number-keyboard-button-text-color: @number-keyboard-button-text-color;
-  --van-number-keyboard-button-background-color: @number-keyboard-button-background-color;
-  --van-number-keyboard-z-index: @number-keyboard-z-index;
+body {
+  --van-number-keyboard-background: 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: var(--van-background-2);
+  --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-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: var(--van-primary-color);
+  --van-number-keyboard-z-index: 100;
+}
+
+.van-theme-dark {
+  --van-number-keyboard-background: var(--van-gray-8);
+  --van-number-keyboard-key-background: var(--van-gray-7);
+  --van-number-keyboard-key-active-color: var(--van-gray-6);
 }
 
 .van-number-keyboard {
@@ -25,7 +29,7 @@
   z-index: var(--van-number-keyboard-z-index);
   width: 100%;
   padding-bottom: 22px;
-  background: var(--van-number-keyboard-background-color);
+  background: var(--van-number-keyboard-background);
   user-select: none;
 
   &--with-title {
@@ -94,8 +98,8 @@
   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);
+  background: var(--van-number-keyboard-key-background);
+  border-radius: var(--van-radius-lg);
   cursor: pointer;
 
   &--large {
@@ -120,7 +124,7 @@
 
   &--blue {
     color: var(--van-number-keyboard-button-text-color);
-    background: var(--van-number-keyboard-button-background-color);
+    background: var(--van-number-keyboard-button-background);
 
     &.van-key--active {
       opacity: var(--van-active-opacity);

package/lib/overlay/index.css

@@ -1 +1 @@
-:root{--van-overlay-z-index: 1;--van-overlay-background-color: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background-color)}
+body{--van-overlay-z-index: 1;--van-overlay-background: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background)}

package/lib/overlay/index.less

@@ -1,8 +1,6 @@
-@import './var.less';
-
-:root {
-  --van-overlay-z-index: @overlay-z-index;
-  --van-overlay-background-color: @overlay-background-color;
+body {
+  --van-overlay-z-index: 1;
+  --van-overlay-background: rgba(0, 0, 0, 0.7);
 }
 
 .van-overlay {
@@ -12,5 +10,5 @@
   z-index: var(--van-overlay-z-index);
   width: 100%;
   height: 100%;
-  background: var(--van-overlay-background-color);
+  background: var(--van-overlay-background);
 }

package/lib/pagination/index.css

@@ -1 +1 @@
-:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background-color: var(--van-background-color);--van-pagination-background-color: var(--van-background-color-light);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background-color);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width-base)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background-color);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
+body{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}

package/lib/pagination/index.less

@@ -1,15 +1,13 @@
-@import './var.less';
-
-:root {
-  --van-pagination-height: @pagination-height;
-  --van-pagination-font-size: @pagination-font-size;
-  --van-pagination-item-width: @pagination-item-width;
-  --van-pagination-item-default-color: @pagination-item-default-color;
-  --van-pagination-item-disabled-color: @pagination-item-disabled-color;
-  --van-pagination-item-disabled-background-color: @pagination-item-disabled-background-color;
-  --van-pagination-background-color: @pagination-background-color;
-  --van-pagination-desc-color: @pagination-desc-color;
-  --van-pagination-disabled-opacity: @pagination-disabled-opacity;
+body {
+  --van-pagination-height: 40px;
+  --van-pagination-font-size: var(--van-font-size-md);
+  --van-pagination-item-width: 36px;
+  --van-pagination-item-default-color: var(--van-primary-color);
+  --van-pagination-item-disabled-color: var(--van-gray-7);
+  --van-pagination-item-disabled-background: var(--van-background);
+  --van-pagination-background: var(--van-background-2);
+  --van-pagination-desc-color: var(--van-gray-7);
+  --van-pagination-disabled-opacity: var(--van-disabled-opacity);
 }
 
 .van-pagination {
@@ -32,7 +30,7 @@
     min-width: var(--van-pagination-item-width);
     height: var(--van-pagination-height);
     color: var(--van-pagination-item-default-color);
-    background: var(--van-pagination-background-color);
+    background: var(--van-pagination-background);
     cursor: pointer;
     user-select: none;
 
@@ -73,12 +71,12 @@
     }
 
     &--border::after {
-      border-width: var(--van-border-width-base);
+      border-width: var(--van-border-width);
     }
 
     &--disabled {
       color: var(--van-pagination-item-disabled-color);
-      background-color: var(--van-pagination-item-disabled-background-color);
+      background-color: var(--van-pagination-item-disabled-background);
       opacity: var(--van-pagination-disabled-opacity);
     }
   }

package/lib/password-input/index.css

@@ -1 +1 @@
-:root{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-border-radius: 6px;--van-password-input-background-color: var(--van-background-color-light);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-animation-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-border-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background-color)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-animation-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}
+body{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-radius: 6px;--van-password-input-background: var(--van-background-2);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}

package/lib/password-input/index.less

@@ -1,21 +1,19 @@
-@import './var.less';
-
-:root {
-  --van-password-input-height: @password-input-height;
-  --van-password-input-margin: @password-input-margin;
-  --van-password-input-font-size: @password-input-font-size;
-  --van-password-input-border-radius: @password-input-border-radius;
-  --van-password-input-background-color: @password-input-background-color;
-  --van-password-input-info-color: @password-input-info-color;
-  --van-password-input-info-font-size: @password-input-info-font-size;
-  --van-password-input-error-info-color: @password-input-error-info-color;
-  --van-password-input-dot-size: @password-input-dot-size;
-  --van-password-input-dot-color: @password-input-dot-color;
-  --van-password-input-text-color: @password-input-text-color;
-  --van-password-input-cursor-color: @password-input-cursor-color;
-  --van-password-input-cursor-width: @password-input-cursor-width;
-  --van-password-input-cursor-height: @password-input-cursor-height;
-  --van-password-input-cursor-animation-duration: @password-input-cursor-animation-duration;
+body {
+  --van-password-input-height: 50px;
+  --van-password-input-margin: 0 var(--van-padding-md);
+  --van-password-input-font-size: 20px;
+  --van-password-input-radius: 6px;
+  --van-password-input-background: var(--van-background-2);
+  --van-password-input-info-color: var(--van-text-color-2);
+  --van-password-input-info-font-size: var(--van-font-size-md);
+  --van-password-input-error-info-color: var(--van-danger-color);
+  --van-password-input-dot-size: 10px;
+  --van-password-input-dot-color: var(--van-text-color);
+  --van-password-input-text-color: var(--van-text-color);
+  --van-password-input-cursor-color: var(--van-text-color);
+  --van-password-input-cursor-width: 1px;
+  --van-password-input-cursor-height: 40%;
+  --van-password-input-cursor-duration: 1s;
 }
 
 .van-password-input {
@@ -45,7 +43,7 @@
     cursor: pointer;
 
     &::after {
-      border-radius: var(--van-password-input-border-radius);
+      border-radius: var(--van-password-input-radius);
     }
 
     li {
@@ -58,7 +56,7 @@
       color: var(--van-password-input-text-color);
       font-size: var(--van-password-input-font-size);
       line-height: 1.2;
-      background: var(--van-password-input-background-color);
+      background: var(--van-password-input-background);
     }
 
     i {
@@ -82,8 +80,8 @@
     height: var(--van-password-input-cursor-height);
     background: var(--van-password-input-cursor-color);
     transform: translate(-50%, -50%);
-    animation: var(--van-password-input-cursor-animation-duration)
-      van-cursor-flicker infinite;
+    animation: var(--van-password-input-cursor-duration) van-cursor-flicker
+      infinite;
   }
 }