vant 3.4.5 → 4.0.0-alpha.1

package/es/index.js

@@ -26,7 +26,7 @@ import { CountDown } from "./count-down";
 import { Coupon } from "./coupon";
 import { CouponCell } from "./coupon-cell";
 import { CouponList } from "./coupon-list";
-import { DatetimePicker } from "./datetime-picker";
+import { DatePicker } from "./date-picker";
 import { Dialog } from "./dialog";
 import { Divider } from "./divider";
 import { DropdownItem } from "./dropdown-item";
@@ -80,10 +80,11 @@ import { Tabbar } from "./tabbar";
 import { TabbarItem } from "./tabbar-item";
 import { Tabs } from "./tabs";
 import { Tag } from "./tag";
+import { TimePicker } from "./time-picker";
 import { Toast } from "./toast";
 import { TreeSelect } from "./tree-select";
 import { Uploader } from "./uploader";
-const version = "3.4.5";
+const version = "4.0.0-alpha.1";
 function install(app) {
   const components = [
     ActionBar,
@@ -114,7 +115,7 @@ function install(app) {
     Coupon,
     CouponCell,
     CouponList,
-    DatetimePicker,
+    DatePicker,
     Dialog,
     Divider,
     DropdownItem,
@@ -168,6 +169,7 @@ function install(app) {
     TabbarItem,
     Tabs,
     Tag,
+    TimePicker,
     Toast,
     TreeSelect,
     Uploader
@@ -208,7 +210,7 @@ export * from "./count-down";
 export * from "./coupon";
 export * from "./coupon-cell";
 export * from "./coupon-list";
-export * from "./datetime-picker";
+export * from "./date-picker";
 export * from "./dialog";
 export * from "./divider";
 export * from "./dropdown-item";
@@ -263,6 +265,7 @@ export * from "./tabbar";
 export * from "./tabbar-item";
 export * from "./tabs";
 export * from "./tag";
+export * from "./time-picker";
 export * from "./toast";
 export * from "./tree-select";
 export * from "./uploader";

package/es/list/index.css

@@ -1 +1 @@
-: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__loading,.van-list__finished-text,.van-list__error-text{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)}
+body{--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__loading,.van-list__finished-text,.van-list__error-text{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/es/list/index.less

@@ -1,10 +1,8 @@
-@import './var.less';
-
-:root {
-  --van-list-text-color: @list-text-color;
-  --van-list-text-font-size: @list-text-font-size;
-  --van-list-text-line-height: @list-text-line-height;
-  --van-list-loading-icon-size: @list-loading-icon-size;
+body {
+  --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 {

package/es/loading/index.css

@@ -1 +1 @@
-: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: .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}to{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}
+body{--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-duration: .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-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}to{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/es/loading/index.less

@@ -1,11 +1,9 @@
-@import './var.less';
-
-:root {
-  --van-loading-text-color: @loading-text-color;
-  --van-loading-text-font-size: @loading-text-font-size;
-  --van-loading-spinner-color: @loading-spinner-color;
-  --van-loading-spinner-size: @loading-spinner-size;
-  --van-loading-spinner-animation-duration: @loading-spinner-animation-duration;
+body {
+  --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-duration: 0.8s;
 }
 
 .van-loading {
@@ -23,8 +21,7 @@
     height: var(--van-loading-spinner-size);
     max-height: 100%;
     vertical-align: middle;
-    animation: van-rotate var(--van-loading-spinner-animation-duration) linear
-      infinite;
+    animation: van-rotate var(--van-loading-spinner-duration) linear infinite;
 
     &--spinner {
       animation-timing-function: steps(12);

package/es/locale/lang/la-LA.d.ts

@@ -0,0 +1,64 @@
+declare const _default: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    addContact: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanCascader: {
+        select: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        postal: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        postalEmpty: string;
+        addressDetail: string;
+        defaultAddress: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};
+export default _default;

package/es/locale/lang/la-LA.js

@@ -0,0 +1,66 @@
+var stdin_default = {
+  name: "\u0E8A\u0EB7\u0EC8",
+  tel: "\u0EC2\u0E97\u0EA5\u0EB0\u0EAA\u0EB1\u0E9A",
+  save: "\u0E9A\u0EB1\u0E99\u0E97\u0EB6\u0E81",
+  confirm: "\u0EA2\u0EB6\u0E99\u0EA2\u0EB1\u0E99",
+  cancel: "\u0E8D\u0EBB\u0E81\u0EC0\u0EA5\u0EB5\u0E81",
+  delete: "\u0EA5\u0EB7\u0E9A",
+  loading: "\u0E81\u0EB3\u0EA5\u0EB1\u0E87\u0EC2\u0EAB\u0EBC\u0E94...",
+  noCoupon: "\u0E9A\u0ECD\u0EC8\u0EA1\u0EB5\u0E84\u0EB9\u0E9B\u0EAD\u0E87",
+  nameEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E8A\u0EB7\u0EC8",
+  addContact: "\u0EC0\u0E9E\u0EB5\u0EC8\u0EA1\u0E9C\u0EB9\u0EC9\u0E95\u0EB4\u0E94\u0E95\u0ECD\u0EC8",
+  telInvalid: "\u0EC0\u0E9A\u0EB5\u0EC2\u0E97\u0EA5\u0EB0\u0EAA\u0EB1\u0E9A\u0E9A\u0ECD\u0EC8\u0E96\u0EB7\u0E81\u0E95\u0EC9\u0EAD\u0E87",
+  vanCalendar: {
+    end: "\u0E88\u0EBB\u0E9A",
+    start: "\u0EC0\u0EA5\u0EB5\u0EC8\u0EA1",
+    title: "\u0E81\u0EB2\u0E99\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0EA7\u0EB1\u0E99\u0E97\u0EB5\u0EC8",
+    weekdays: ["\u0EAD\u0EB2", "\u0E88", "\u0EAD", "\u0E9E", "\u0E9E\u0EAB", "\u0EAA", "\u0EAA"],
+    monthTitle: (year, month) => `${year}\u0E9B\u0EB5${month}\u0EC0\u0E94\u0EB7\u0EAD\u0E99`,
+    rangePrompt: (maxRange) => `\u0E88\u0EB3\u0E99\u0EAD\u0E99\u0EA7\u0EB1\u0E99\u0E97\u0EB5\u0EC8\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0E95\u0EC9\u0EAD\u0E87\u0E9A\u0ECD\u0EC8\u0EC0\u0E81\u0EB5\u0E99 ${maxRange} \u0EA7\u0EB1\u0E99`
+  },
+  vanCascader: {
+    select: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0EC0\u0EA5\u0EB7\u0EAD\u0E81"
+  },
+  vanPagination: {
+    prev: "\u0EDC\u0EC9\u0EB2\u0E97\u0EB5\u0EC8\u0EC1\u0EA5\u0EC9\u0EA7",
+    next: "\u0EDC\u0EC9\u0EB2\u0E95\u0ECD\u0EC8\u0EC4\u0E9B"
+  },
+  vanPullRefresh: {
+    pulling: "\u0E94\u0EB7\u0E87\u0EA5\u0EBB\u0E87\u0EC0\u0E9E\u0EB7\u0EC8\u0EAD\u0EA3\u0EB5\u0EC0\u0E9F\u0EAA...",
+    loosing: "\u0E9B\u0EC8\u0EAD\u0E8D\u0EC0\u0E9E\u0EB7\u0EC8\u0EAD\u0EA3\u0EB5\u0EC0\u0E9F\u0EAA..."
+  },
+  vanSubmitBar: {
+    label: "\u0EA5\u0EA7\u0EA1:"
+  },
+  vanCoupon: {
+    unlimited: "\u0E9A\u0ECD\u0EC8 \u0E88\u0EB3\u0E81\u0EB1\u0E94",
+    discount: (discount) => `\u0EA5\u0EBB\u0E94${discount}`,
+    condition: (condition) => `\u0EA1\u0EB5\u0E88\u0EB3\u0EDC\u0EC8\u0EB2\u0E8D\u0EC3\u0E99\u0EA5\u0EB2\u0E84\u0EB2 ${condition} \u0E81\u0EA7\u0EC8\u0EB2\u0EAB\u0E8D\u0EA7\u0E99`
+  },
+  vanCouponCell: {
+    title: "\u0E84\u0EB9\u0E9B\u0EAD\u0E87",
+    count: (count) => `\u0EA1\u0EB5\u0EAE\u0EB9\u0E9A\u0E9E\u0EB2\u0E9A ${count} \u0EAE\u0EB9\u0E9A`
+  },
+  vanCouponList: {
+    exchange: "\u0EC1\u0EA5\u0E81\u0E9B\u0EC8\u0EBD\u0E99",
+    close: "\u0E9A\u0ECD\u0EC8\u0EC4\u0E94\u0EC9\u0EC3\u0E8A\u0EC9",
+    enable: "\u0E9E\u0EC9\u0EAD\u0EA1\u0EC3\u0E8A\u0EC9\u0E87\u0EB2\u0E99",
+    disabled: "\u0E9A\u0ECD\u0EC8\u0E9E\u0EC9\u0EAD\u0EA1\u0EC3\u0E8A\u0EC9\u0E87\u0EB2\u0E99",
+    placeholder: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E84\u0EB9\u0E9B\u0EAD\u0E87"
+  },
+  vanAddressEdit: {
+    area: "\u0E9E\u0EB7\u0EC9\u0E99\u0E97\u0EB5\u0EC8",
+    postal: "\u0EA5\u0EB0\u0EAB\u0EB1\u0E94\u0EC4\u0E9B\u0EAA\u0EB0\u0E99\u0EB5",
+    areaEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0EC0\u0EA5\u0EB7\u0EAD\u0E81\u0E9E\u0EB7\u0EC9\u0E99\u0E97\u0EB5\u0EC8",
+    addressEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8",
+    postalEmpty: "\u0E81\u0EB0\u0EA5\u0EB8\u0E99\u0EB2\u0E9B\u0EC9\u0EAD\u0E99\u0EA5\u0EB0\u0EAB\u0EB1\u0E94\u0EC4\u0E9B\u0EAA\u0EB0\u0E99\u0EB5",
+    addressDetail: "\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8",
+    defaultAddress: "\u0E95\u0EB1\u0EC9\u0E87\u0EC0\u0E9B\u0EB1\u0E99\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8\u0EC0\u0EA5\u0EB5\u0EC8\u0EA1\u0E95\u0EBB\u0EC9\u0E99"
+  },
+  vanAddressList: {
+    add: "\u0EC0\u0E9E\u0EB5\u0EC8\u0EA1\u0E97\u0EB5\u0EC8\u0EA2\u0EB9\u0EC8"
+  }
+};
+export {
+  stdin_default as default
+};

package/es/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,13 +41,13 @@ 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;
     placeholder: boolean;
-    leftArrow: boolean;
     safeAreaInsetTop: boolean;
+    leftArrow: boolean;
 }>;
 export default _default;

package/es/nav-bar/NavBar.js

@@ -18,15 +18,15 @@ const navBarProps = {
 var stdin_default = defineComponent({
   name,
   props: navBarProps,
-  emits: ["click-left", "click-right"],
+  emits: ["clickLeft", "clickRight"],
   setup(props, {
     emit,
     slots
   }) {
     const navBarRef = ref();
     const renderPlaceholder = 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();
@@ -60,10 +60,10 @@ var stdin_default = defineComponent({
         "ref": navBarRef,
         "style": style,
         "class": [bem({
-          fixed,
-          "safe-area-inset-top": props.safeAreaInsetTop
+          fixed
         }), {
-          [BORDER_BOTTOM]: border
+          [BORDER_BOTTOM]: border,
+          "van-safe-area-top": props.safeAreaInsetTop
         }]
       }, [_createVNode("div", {
         "class": bem("content")

package/es/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/es/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,14 +25,14 @@ 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;
     placeholder: boolean;
-    leftArrow: boolean;
     safeAreaInsetTop: boolean;
+    leftArrow: boolean;
 }>>;
 export default NavBar;
 export type { NavBarProps } from './NavBar';

package/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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/es/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);
 }