vant 3.4.5 → 4.0.0-alpha.0

package/es/calendar/index.less

@@ -1,38 +1,41 @@
-@import './var.less';
-
-:root {
-  --van-calendar-background-color: @calendar-background-color;
-  --van-calendar-popup-height: @calendar-popup-height;
-  --van-calendar-header-box-shadow: @calendar-header-box-shadow;
-  --van-calendar-header-title-height: @calendar-header-title-height;
-  --van-calendar-header-title-font-size: @calendar-header-title-font-size;
-  --van-calendar-header-subtitle-font-size: @calendar-header-subtitle-font-size;
-  --van-calendar-weekdays-height: @calendar-weekdays-height;
-  --van-calendar-weekdays-font-size: @calendar-weekdays-font-size;
-  --van-calendar-month-title-font-size: @calendar-month-title-font-size;
-  --van-calendar-month-mark-color: @calendar-month-mark-color;
-  --van-calendar-month-mark-font-size: @calendar-month-mark-font-size;
-  --van-calendar-day-height: @calendar-day-height;
-  --van-calendar-day-font-size: @calendar-day-font-size;
-  --van-calendar-range-edge-color: @calendar-range-edge-color;
-  --van-calendar-range-edge-background-color: @calendar-range-edge-background-color;
-  --van-calendar-range-middle-color: @calendar-range-middle-color;
-  --van-calendar-range-middle-background-opacity: @calendar-range-middle-background-opacity;
-  --van-calendar-selected-day-size: @calendar-selected-day-size;
-  --van-calendar-selected-day-color: @calendar-selected-day-color;
-  --van-calendar-info-font-size: @calendar-info-font-size;
-  --van-calendar-info-line-height: @calendar-info-line-height;
-  --van-calendar-selected-day-background-color: @calendar-selected-day-background-color;
-  --van-calendar-day-disabled-color: @calendar-day-disabled-color;
-  --van-calendar-confirm-button-height: @calendar-confirm-button-height;
-  --van-calendar-confirm-button-margin: @calendar-confirm-button-margin;
+body {
+  --van-calendar-background: var(--van-background-2);
+  --van-calendar-popup-height: 80%;
+  --van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
+  --van-calendar-header-title-height: 44px;
+  --van-calendar-header-title-font-size: var(--van-font-size-lg);
+  --van-calendar-header-subtitle-font-size: var(--van-font-size-md);
+  --van-calendar-weekdays-height: 30px;
+  --van-calendar-weekdays-font-size: var(--van-font-size-sm);
+  --van-calendar-month-title-font-size: var(--van-font-size-md);
+  --van-calendar-month-mark-color: rgba(242, 243, 245, 0.8);
+  --van-calendar-month-mark-font-size: 160px;
+  --van-calendar-day-height: 64px;
+  --van-calendar-day-font-size: var(--van-font-size-lg);
+  --van-calendar-range-edge-color: var(--van-white);
+  --van-calendar-range-edge-background: var(--van-primary-color);
+  --van-calendar-range-middle-color: var(--van-primary-color);
+  --van-calendar-range-middle-background-opacity: 0.1;
+  --van-calendar-selected-day-size: 54px;
+  --van-calendar-selected-day-color: var(--van-white);
+  --van-calendar-info-font-size: var(--van-font-size-xs);
+  --van-calendar-info-line-height: var(--van-line-height-xs);
+  --van-calendar-selected-day-background: var(--van-primary-color);
+  --van-calendar-day-disabled-color: var(--van-text-color-3);
+  --van-calendar-confirm-button-height: 36px;
+  --van-calendar-confirm-button-margin: 7px 0;
+}
+
+.van-theme-dark {
+  --van-calendar-month-mark-color: rgba(100, 101, 102, 0.2);
+  --van-calendar-day-disabled-color: var(--van-gray-7);
 }
 
 .van-calendar {
   display: flex;
   flex-direction: column;
   height: 100%;
-  background: var(--van-calendar-background-color);
+  background: var(--van-calendar-background);
 
   &__popup {
     &.van-popup--top,
@@ -52,14 +55,14 @@
 
   &__header {
     flex-shrink: 0;
-    box-shadow: var(--van-calendar-header-box-shadow);
+    box-shadow: var(--van-calendar-header-shadow);
   }
 
   &__month-title,
   &__header-title,
   &__header-subtitle {
     height: var(--van-calendar-header-title-height);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     line-height: var(--van-calendar-header-title-height);
     text-align: center;
   }
@@ -132,20 +135,20 @@
     &--multiple-middle,
     &--multiple-selected {
       color: var(--van-calendar-range-edge-color);
-      background: var(--van-calendar-range-edge-background-color);
+      background: var(--van-calendar-range-edge-background);
     }
 
     &--start {
-      border-radius: var(--van-border-radius-md) 0 0 var(--van-border-radius-md);
+      border-radius: var(--van-radius-md) 0 0 var(--van-radius-md);
     }
 
     &--end {
-      border-radius: 0 var(--van-border-radius-md) var(--van-border-radius-md) 0;
+      border-radius: 0 var(--van-radius-md) var(--van-radius-md) 0;
     }
 
     &--start-end,
     &--multiple-selected {
-      border-radius: var(--van-border-radius-md);
+      border-radius: var(--van-radius-md);
     }
 
     &--middle {
@@ -194,8 +197,8 @@
     width: var(--van-calendar-selected-day-size);
     height: var(--van-calendar-selected-day-size);
     color: var(--van-calendar-selected-day-color);
-    background: var(--van-calendar-selected-day-background-color);
-    border-radius: var(--van-border-radius-md);
+    background: var(--van-calendar-selected-day-background);
+    border-radius: var(--van-radius-md);
   }
 
   &__footer {

package/es/card/Card.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
 }>> & {
-    "onClick-thumb"?: ((...args: any[]) => any) | undefined;
+    onClickThumb?: ((...args: any[]) => any) | undefined;
 }, {
     lazyLoad: boolean;
     centered: boolean;

package/es/card/Card.js

@@ -20,7 +20,7 @@ const cardProps = {
 var stdin_default = defineComponent({
   name,
   props: cardProps,
-  emits: ["click-thumb"],
+  emits: ["clickThumb"],
   setup(props, {
     slots,
     emit
@@ -41,7 +41,7 @@ var stdin_default = defineComponent({
           "class": bem("tag")
         }, [slots.tag ? slots.tag() : _createVNode(Tag, {
           "mark": true,
-          "type": "danger"
+          "type": "primary"
         }, {
           default: () => [props.tag]
         })]);
@@ -64,7 +64,7 @@ var stdin_default = defineComponent({
         return _createVNode("a", {
           "href": props.thumbLink,
           "class": bem("thumb"),
-          "onClick": (event) => emit("click-thumb", event)
+          "onClick": (event) => emit("clickThumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
     };

package/es/card/index.css

@@ -1 +1 @@
-:root{--van-card-padding: var(--van-padding-xs) var(--van-padding-md);--van-card-font-size: var(--van-font-size-sm);--van-card-text-color: var(--van-text-color);--van-card-background-color: var(--van-gray-1);--van-card-thumb-size: 88px;--van-card-thumb-border-radius: var(--van-border-radius-lg);--van-card-title-line-height: 16px;--van-card-desc-color: var(--van-gray-7);--van-card-desc-line-height: var(--van-line-height-md);--van-card-price-color: var(--van-gray-8);--van-card-origin-price-color: var(--van-text-color-2);--van-card-num-color: var(--van-text-color-2);--van-card-origin-price-font-size: var(--van-font-size-xs);--van-card-price-font-size: var(--van-font-size-sm);--van-card-price-integer-font-size: var(--van-font-size-lg);--van-card-price-font-family: var(--van-price-integer-font-family)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background:var(--van-card-background-color)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-border-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__title,.van-card__desc{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-weight-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font-family)}.van-card__price-decimal{font-family:var(--van-card-price-font-family)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}
+body{--van-card-padding: var(--van-padding-xs) var(--van-padding-md);--van-card-font-size: var(--van-font-size-sm);--van-card-text-color: var(--van-text-color);--van-card-background: var(--van-background);--van-card-thumb-size: 88px;--van-card-thumb-radius: var(--van-radius-lg);--van-card-title-line-height: 16px;--van-card-desc-color: var(--van-text-color-2);--van-card-desc-line-height: var(--van-line-height-md);--van-card-price-color: var(--van-text-color);--van-card-origin-price-color: var(--van-text-color-2);--van-card-num-color: var(--van-text-color-2);--van-card-origin-price-font-size: var(--van-font-size-xs);--van-card-price-font-size: var(--van-font-size-sm);--van-card-price-integer-font-size: var(--van-font-size-lg);--van-card-price-font: var(--van-price-font)}.van-card{position:relative;box-sizing:border-box;padding:var(--van-card-padding);color:var(--van-card-text-color);font-size:var(--van-card-font-size);background:var(--van-card-background)}.van-card:not(:first-child){margin-top:var(--van-padding-xs)}.van-card__header{display:flex}.van-card__thumb{position:relative;flex:none;width:var(--van-card-thumb-size);height:var(--van-card-thumb-size);margin-right:var(--van-padding-xs)}.van-card__thumb img{border-radius:var(--van-card-thumb-radius)}.van-card__content{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-width:0;min-height:var(--van-card-thumb-size)}.van-card__content--centered{justify-content:center}.van-card__title,.van-card__desc{word-wrap:break-word}.van-card__title{max-height:32px;font-weight:var(--van-font-bold);line-height:var(--van-card-title-line-height)}.van-card__desc{max-height:var(--van-card-desc-line-height);color:var(--van-card-desc-color);line-height:var(--van-card-desc-line-height)}.van-card__bottom{line-height:var(--van-line-height-md)}.van-card__price{display:inline-block;color:var(--van-card-price-color);font-weight:var(--van-font-bold);font-size:var(--van-card-price-font-size)}.van-card__price-integer{font-size:var(--van-card-price-integer-font-size);font-family:var(--van-card-price-font)}.van-card__price-decimal{font-family:var(--van-card-price-font)}.van-card__origin-price{display:inline-block;margin-left:5px;color:var(--van-card-origin-price-color);font-size:var(--van-card-origin-price-font-size);text-decoration:line-through}.van-card__num{float:right;color:var(--van-card-num-color)}.van-card__tag{position:absolute;top:2px;left:0}.van-card__footer{flex:none;text-align:right}.van-card__footer .van-button{margin-left:5px}

package/es/card/index.d.ts

@@ -13,7 +13,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -29,7 +29,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
 }>> & {
-    "onClick-thumb"?: ((...args: any[]) => any) | undefined;
+    onClickThumb?: ((...args: any[]) => any) | undefined;
 }, {
     lazyLoad: boolean;
     centered: boolean;

package/es/card/index.less

@@ -1,22 +1,20 @@
-@import './var.less';
-
-:root {
-  --van-card-padding: @card-padding;
-  --van-card-font-size: @card-font-size;
-  --van-card-text-color: @card-text-color;
-  --van-card-background-color: @card-background-color;
-  --van-card-thumb-size: @card-thumb-size;
-  --van-card-thumb-border-radius: @card-thumb-border-radius;
-  --van-card-title-line-height: @card-title-line-height;
-  --van-card-desc-color: @card-desc-color;
-  --van-card-desc-line-height: @card-desc-line-height;
-  --van-card-price-color: @card-price-color;
-  --van-card-origin-price-color: @card-origin-price-color;
-  --van-card-num-color: @card-num-color;
-  --van-card-origin-price-font-size: @card-origin-price-font-size;
-  --van-card-price-font-size: @card-price-font-size;
-  --van-card-price-integer-font-size: @card-price-integer-font-size;
-  --van-card-price-font-family: @card-price-font-family;
+body {
+  --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
+  --van-card-font-size: var(--van-font-size-sm);
+  --van-card-text-color: var(--van-text-color);
+  --van-card-background: var(--van-background);
+  --van-card-thumb-size: 88px;
+  --van-card-thumb-radius: var(--van-radius-lg);
+  --van-card-title-line-height: 16px;
+  --van-card-desc-color: var(--van-text-color-2);
+  --van-card-desc-line-height: var(--van-line-height-md);
+  --van-card-price-color: var(--van-text-color);
+  --van-card-origin-price-color: var(--van-text-color-2);
+  --van-card-num-color: var(--van-text-color-2);
+  --van-card-origin-price-font-size: var(--van-font-size-xs);
+  --van-card-price-font-size: var(--van-font-size-sm);
+  --van-card-price-integer-font-size: var(--van-font-size-lg);
+  --van-card-price-font: var(--van-price-font);
 }
 
 .van-card {
@@ -25,7 +23,7 @@
   padding: var(--van-card-padding);
   color: var(--van-card-text-color);
   font-size: var(--van-card-font-size);
-  background: var(--van-card-background-color);
+  background: var(--van-card-background);
 
   &:not(:first-child) {
     margin-top: var(--van-padding-xs);
@@ -43,7 +41,7 @@
     margin-right: var(--van-padding-xs);
 
     img {
-      border-radius: var(--van-card-thumb-border-radius);
+      border-radius: var(--van-card-thumb-radius);
     }
   }
 
@@ -68,7 +66,7 @@
 
   &__title {
     max-height: 32px;
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     line-height: var(--van-card-title-line-height);
   }
 
@@ -85,17 +83,17 @@
   &__price {
     display: inline-block;
     color: var(--van-card-price-color);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-card-price-font-size);
   }
 
   &__price-integer {
     font-size: var(--van-card-price-integer-font-size);
-    font-family: var(--van-card-price-font-family);
+    font-family: var(--van-card-price-font);
   }
 
   &__price-decimal {
-    font-family: var(--van-card-price-font-family);
+    font-family: var(--van-card-price-font);
   }
 
   &__origin-price {

package/es/cascader/Cascader.d.ts

@@ -54,7 +54,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onClick-tab"?: ((...args: any[]) => any) | undefined;
+    onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     closeIcon: string;

package/es/cascader/Cascader.js

@@ -20,7 +20,7 @@ const cascaderProps = {
 var stdin_default = defineComponent({
   name,
   props: cascaderProps,
-  emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
+  emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
   setup(props, {
     slots,
     emit
@@ -124,7 +124,7 @@ var stdin_default = defineComponent({
     const onClickTab = ({
       name: name2,
       title
-    }) => emit("click-tab", name2, title);
+    }) => emit("clickTab", name2, title);
     const renderHeader = () => props.showHeader ? _createVNode("div", {
       "class": bem("header")
     }, [_createVNode("h2", {
@@ -197,7 +197,7 @@ var stdin_default = defineComponent({
       "class": bem("tabs"),
       "color": props.activeColor,
       "swipeable": props.swipeable,
-      "onClick-tab": onClickTab
+      "onClickTab": onClickTab
     }, {
       default: () => [tabs.value.map(renderTab)]
     });

package/es/cascader/index.css

@@ -1 +1 @@
-:root{--van-cascader-header-height: 48px;--van-cascader-header-padding: 0 var(--van-padding-md);--van-cascader-title-font-size: var(--van-font-size-lg);--van-cascader-title-line-height: 20px;--van-cascader-close-icon-size: 22px;--van-cascader-close-icon-color: var(--van-gray-5);--van-cascader-selected-icon-size: 18px;--van-cascader-tabs-height: 48px;--van-cascader-active-color: var(--van-danger-color);--van-cascader-options-height: 384px;--van-cascader-option-disabled-color: var(--van-text-color-3);--van-cascader-tab-color: var(--van-text-color);--van-cascader-unselected-tab-color: var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-weight-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-weight-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-weight-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}
+body{--van-cascader-header-height: 48px;--van-cascader-header-padding: 0 var(--van-padding-md);--van-cascader-title-font-size: var(--van-font-size-lg);--van-cascader-title-line-height: 20px;--van-cascader-close-icon-size: 22px;--van-cascader-close-icon-color: var(--van-gray-5);--van-cascader-selected-icon-size: 18px;--van-cascader-tabs-height: 48px;--van-cascader-active-color: var(--van-primary-color);--van-cascader-options-height: 384px;--van-cascader-option-disabled-color: var(--van-text-color-3);--van-cascader-tab-color: var(--van-text-color);--van-cascader-unselected-tab-color: var(--van-text-color-2)}.van-cascader__header{display:flex;align-items:center;justify-content:space-between;height:var(--van-cascader-header-height);padding:var(--van-cascader-header-padding)}.van-cascader__title{font-weight:var(--van-font-bold);font-size:var(--van-cascader-title-font-size);line-height:var(--van-cascader-title-line-height)}.van-cascader__close-icon{color:var(--van-cascader-close-icon-color);font-size:var(--van-cascader-close-icon-size)}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tab{color:var(--van-cascader-tab-color);font-weight:var(--van-font-bold)}.van-cascader__tab--unselected{color:var(--van-cascader-unselected-tab-color);font-weight:400}.van-cascader__option{display:flex;align-items:center;justify-content:space-between;padding:10px var(--van-padding-md);font-size:var(--van-font-size-md);line-height:var(--van-line-height-md);cursor:pointer}.van-cascader__option:active{background-color:var(--van-active-color)}.van-cascader__option--selected{color:var(--van-cascader-active-color);font-weight:var(--van-font-bold)}.van-cascader__option--disabled{color:var(--van-cascader-option-disabled-color);cursor:not-allowed}.van-cascader__option--disabled:active{background-color:transparent}.van-cascader__selected-icon{font-size:var(--van-cascader-selected-icon-size)}.van-cascader__options{box-sizing:border-box;height:var(--van-cascader-options-height);padding-top:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}

package/es/cascader/index.d.ts

@@ -24,7 +24,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     fieldNames: import("vue").PropType<import("./types").CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "click-tab" | "finish")[], "update:modelValue" | "change" | "close" | "click-tab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").CascaderOption[]>;
@@ -54,7 +54,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
-    "onClick-tab"?: ((...args: any[]) => any) | undefined;
+    onClickTab?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
 }, {
     closeIcon: string;

package/es/cascader/index.less

@@ -1,19 +1,17 @@
-@import './var.less';
-
-:root {
-  --van-cascader-header-height: @cascader-header-height;
-  --van-cascader-header-padding: @cascader-header-padding;
-  --van-cascader-title-font-size: @cascader-title-font-size;
-  --van-cascader-title-line-height: @cascader-title-line-height;
-  --van-cascader-close-icon-size: @cascader-close-icon-size;
-  --van-cascader-close-icon-color: @cascader-close-icon-color;
-  --van-cascader-selected-icon-size: @cascader-selected-icon-size;
-  --van-cascader-tabs-height: @cascader-tabs-height;
-  --van-cascader-active-color: @cascader-active-color;
-  --van-cascader-options-height: @cascader-options-height;
-  --van-cascader-option-disabled-color: @cascader-option-disabled-color;
-  --van-cascader-tab-color: @cascader-tab-color;
-  --van-cascader-unselected-tab-color: @cascader-unselected-tab-color;
+body {
+  --van-cascader-header-height: 48px;
+  --van-cascader-header-padding: 0 var(--van-padding-md);
+  --van-cascader-title-font-size: var(--van-font-size-lg);
+  --van-cascader-title-line-height: 20px;
+  --van-cascader-close-icon-size: 22px;
+  --van-cascader-close-icon-color: var(--van-gray-5);
+  --van-cascader-selected-icon-size: 18px;
+  --van-cascader-tabs-height: 48px;
+  --van-cascader-active-color: var(--van-primary-color);
+  --van-cascader-options-height: 384px;
+  --van-cascader-option-disabled-color: var(--van-text-color-3);
+  --van-cascader-tab-color: var(--van-text-color);
+  --van-cascader-unselected-tab-color: var(--van-text-color-2);
 }
 
 .van-cascader {
@@ -26,7 +24,7 @@
   }
 
   &__title {
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
     font-size: var(--van-cascader-title-font-size);
     line-height: var(--van-cascader-title-line-height);
   }
@@ -44,7 +42,7 @@
 
   &__tab {
     color: var(--van-cascader-tab-color);
-    font-weight: var(--van-font-weight-bold);
+    font-weight: var(--van-font-bold);
 
     &--unselected {
       color: var(--van-cascader-unselected-tab-color);
@@ -67,7 +65,7 @@
 
     &--selected {
       color: var(--van-cascader-active-color);
-      font-weight: var(--van-font-weight-bold);
+      font-weight: var(--van-font-bold);
     }
 
     &--disabled {

package/es/cell/Cell.js

@@ -53,11 +53,8 @@ var stdin_default = defineComponent({
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       if (hasValue) {
-        const hasTitle = slots.title || isDef(props.title);
         return _createVNode("div", {
-          "class": [bem("value", {
-            alone: !hasTitle
-          }), props.valueClass]
+          "class": [bem("value"), props.valueClass]
         }, [slot ? slot() : _createVNode("span", null, [props.value])]);
       }
     };

package/es/cell/index.css

@@ -1 +1 @@
-:root{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background-color: var(--van-background-color-light);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md)}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background-color)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__value--alone{color:var(--van-text-color);text-align:left}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}
+body{--van-cell-font-size: var(--van-font-size-md);--van-cell-line-height: 24px;--van-cell-vertical-padding: 10px;--van-cell-horizontal-padding: var(--van-padding-md);--van-cell-text-color: var(--van-text-color);--van-cell-background: var(--van-background-2);--van-cell-border-color: var(--van-border-color);--van-cell-active-color: var(--van-active-color);--van-cell-required-color: var(--van-danger-color);--van-cell-label-color: var(--van-text-color-2);--van-cell-label-font-size: var(--van-font-size-sm);--van-cell-label-line-height: var(--van-line-height-sm);--van-cell-label-margin-top: var(--van-padding-base);--van-cell-value-color: var(--van-text-color-2);--van-cell-icon-size: 16px;--van-cell-right-icon-color: var(--van-gray-6);--van-cell-large-vertical-padding: var(--van-padding-sm);--van-cell-large-title-font-size: var(--van-font-size-lg);--van-cell-large-label-font-size: var(--van-font-size-md)}.van-cell{position:relative;display:flex;box-sizing:border-box;width:100%;padding:var(--van-cell-vertical-padding) var(--van-cell-horizontal-padding);overflow:hidden;color:var(--van-cell-text-color);font-size:var(--van-cell-font-size);line-height:var(--van-cell-line-height);background:var(--van-cell-background)}.van-cell:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;right:var(--van-padding-md);bottom:0;left:var(--van-padding-md);border-bottom:1px solid var(--van-cell-border-color);transform:scaleY(.5)}.van-cell:last-child:after,.van-cell--borderless:after{display:none}.van-cell__label{margin-top:var(--van-cell-label-margin-top);color:var(--van-cell-label-color);font-size:var(--van-cell-label-font-size);line-height:var(--van-cell-label-line-height)}.van-cell__title,.van-cell__value{flex:1}.van-cell__value{position:relative;overflow:hidden;color:var(--van-cell-value-color);text-align:right;vertical-align:middle;word-wrap:break-word}.van-cell__left-icon,.van-cell__right-icon{height:var(--van-cell-line-height);font-size:var(--van-cell-icon-size);line-height:var(--van-cell-line-height)}.van-cell__left-icon{margin-right:var(--van-padding-base)}.van-cell__right-icon{margin-left:var(--van-padding-base);color:var(--van-cell-right-icon-color)}.van-cell--clickable{cursor:pointer}.van-cell--clickable:active{background-color:var(--van-cell-active-color)}.van-cell--required{overflow:visible}.van-cell--required:before{position:absolute;left:var(--van-padding-xs);color:var(--van-cell-required-color);font-size:var(--van-cell-font-size);content:"*"}.van-cell--center{align-items:center}.van-cell--large{padding-top:var(--van-cell-large-vertical-padding);padding-bottom:var(--van-cell-large-vertical-padding)}.van-cell--large .van-cell__title{font-size:var(--van-cell-large-title-font-size)}.van-cell--large .van-cell__label{font-size:var(--van-cell-large-label-font-size)}

package/es/cell/index.less

@@ -1,26 +1,25 @@
-@import './var.less';
 @import '../style/mixins/hairline';
 
-:root {
-  --van-cell-font-size: @cell-font-size;
-  --van-cell-line-height: @cell-line-height;
-  --van-cell-vertical-padding: @cell-vertical-padding;
-  --van-cell-horizontal-padding: @cell-horizontal-padding;
-  --van-cell-text-color: @cell-text-color;
-  --van-cell-background-color: @cell-background-color;
-  --van-cell-border-color: @cell-border-color;
-  --van-cell-active-color: @cell-active-color;
-  --van-cell-required-color: @cell-required-color;
-  --van-cell-label-color: @cell-label-color;
-  --van-cell-label-font-size: @cell-label-font-size;
-  --van-cell-label-line-height: @cell-label-line-height;
-  --van-cell-label-margin-top: @cell-label-margin-top;
-  --van-cell-value-color: @cell-value-color;
-  --van-cell-icon-size: @cell-icon-size;
-  --van-cell-right-icon-color: @cell-right-icon-color;
-  --van-cell-large-vertical-padding: @cell-large-vertical-padding;
-  --van-cell-large-title-font-size: @cell-large-title-font-size;
-  --van-cell-large-label-font-size: @cell-large-label-font-size;
+body {
+  --van-cell-font-size: var(--van-font-size-md);
+  --van-cell-line-height: 24px;
+  --van-cell-vertical-padding: 10px;
+  --van-cell-horizontal-padding: var(--van-padding-md);
+  --van-cell-text-color: var(--van-text-color);
+  --van-cell-background: var(--van-background-2);
+  --van-cell-border-color: var(--van-border-color);
+  --van-cell-active-color: var(--van-active-color);
+  --van-cell-required-color: var(--van-danger-color);
+  --van-cell-label-color: var(--van-text-color-2);
+  --van-cell-label-font-size: var(--van-font-size-sm);
+  --van-cell-label-line-height: var(--van-line-height-sm);
+  --van-cell-label-margin-top: var(--van-padding-base);
+  --van-cell-value-color: var(--van-text-color-2);
+  --van-cell-icon-size: 16px;
+  --van-cell-right-icon-color: var(--van-gray-6);
+  --van-cell-large-vertical-padding: var(--van-padding-sm);
+  --van-cell-large-title-font-size: var(--van-font-size-lg);
+  --van-cell-large-label-font-size: var(--van-font-size-md);
 }
 
 .van-cell {
@@ -33,7 +32,7 @@
   color: var(--van-cell-text-color);
   font-size: var(--van-cell-font-size);
   line-height: var(--van-cell-line-height);
-  background: var(--van-cell-background-color);
+  background: var(--van-cell-background);
 
   &::after {
     .hairline-bottom(var(--van-cell-border-color), var(--van-padding-md), var(--van-padding-md));
@@ -63,11 +62,6 @@
     text-align: right;
     vertical-align: middle;
     word-wrap: break-word;
-
-    &--alone {
-      color: var(--van-text-color);
-      text-align: left;
-    }
   }
 
   &__left-icon,

package/es/cell-group/index.css

@@ -1 +1 @@
-:root{--van-cell-group-background-color: var(--van-background-color-light);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-border-radius: var(--van-border-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md) var(--van-padding-xs) var(--van-padding-xl)}.van-cell-group{background:var(--van-cell-group-background-color)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-border-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}
+body{--van-cell-group-background: var(--van-background-2);--van-cell-group-title-color: var(--van-text-color-2);--van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);--van-cell-group-title-font-size: var(--van-font-size-md);--van-cell-group-title-line-height: 16px;--van-cell-group-inset-padding: 0 var(--van-padding-md);--van-cell-group-inset-radius: var(--van-radius-lg);--van-cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)}.van-cell-group{background:var(--van-cell-group-background)}.van-cell-group--inset{margin:var(--van-cell-group-inset-padding);border-radius:var(--van-cell-group-inset-radius);overflow:hidden}.van-cell-group__title{padding:var(--van-cell-group-title-padding);color:var(--van-cell-group-title-color);font-size:var(--van-cell-group-title-font-size);line-height:var(--van-cell-group-title-line-height)}.van-cell-group__title--inset{padding:var(--van-cell-group-inset-title-padding)}

package/es/cell-group/index.less

@@ -1,22 +1,21 @@
-@import './var.less';
-
-:root {
-  --van-cell-group-background-color: @cell-group-background-color;
-  --van-cell-group-title-color: @cell-group-title-color;
-  --van-cell-group-title-padding: @cell-group-title-padding;
-  --van-cell-group-title-font-size: @cell-group-title-font-size;
-  --van-cell-group-title-line-height: @cell-group-title-line-height;
-  --van-cell-group-inset-padding: @cell-group-inset-padding;
-  --van-cell-group-inset-border-radius: @cell-group-inset-border-radius;
-  --van-cell-group-inset-title-padding: @cell-group-inset-title-padding;
+body {
+  --van-cell-group-background: var(--van-background-2);
+  --van-cell-group-title-color: var(--van-text-color-2);
+  --van-cell-group-title-padding: var(--van-padding-md) var(--van-padding-md);
+  --van-cell-group-title-font-size: var(--van-font-size-md);
+  --van-cell-group-title-line-height: 16px;
+  --van-cell-group-inset-padding: 0 var(--van-padding-md);
+  --van-cell-group-inset-radius: var(--van-radius-lg);
+  --van-cell-group-inset-title-padding: var(--van-padding-md)
+    var(--van-padding-md);
 }
 
 .van-cell-group {
-  background: var(--van-cell-group-background-color);
+  background: var(--van-cell-group-background);
 
   &--inset {
     margin: var(--van-cell-group-inset-padding);
-    border-radius: var(--van-cell-group-inset-border-radius);
+    border-radius: var(--van-cell-group-inset-radius);
     overflow: hidden;
   }
 

package/es/checkbox/index.css

@@ -1 +1 @@
-:root{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-transition-duration: var(--van-animation-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background-color: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-transition-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background-color);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}
+body{--van-checkbox-size: 20px;--van-checkbox-border-color: var(--van-gray-5);--van-checkbox-duration: var(--van-duration-fast);--van-checkbox-label-margin: var(--van-padding-xs);--van-checkbox-label-color: var(--van-text-color);--van-checkbox-checked-icon-color: var(--van-primary-color);--van-checkbox-disabled-icon-color: var(--van-gray-5);--van-checkbox-disabled-label-color: var(--van-text-color-3);--van-checkbox-disabled-background: var(--van-border-color)}.van-checkbox{display:flex;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.van-checkbox--disabled{cursor:not-allowed}.van-checkbox--label-disabled{cursor:default}.van-checkbox--horizontal{margin-right:var(--van-padding-sm)}.van-checkbox__icon{flex:none;height:1em;font-size:var(--van-checkbox-size);line-height:1em;cursor:pointer}.van-checkbox__icon .van-icon{display:block;box-sizing:border-box;width:1.25em;height:1.25em;color:transparent;font-size:.8em;line-height:1.25;text-align:center;border:1px solid var(--van-checkbox-border-color);transition-duration:var(--van-checkbox-duration);transition-property:color,border-color,background-color}.van-checkbox__icon--round .van-icon{border-radius:100%}.van-checkbox__icon--checked .van-icon{color:var(--van-white);background-color:var(--van-checkbox-checked-icon-color);border-color:var(--van-checkbox-checked-icon-color)}.van-checkbox__icon--disabled{cursor:not-allowed}.van-checkbox__icon--disabled .van-icon{background-color:var(--van-checkbox-disabled-background);border-color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__icon--disabled.van-checkbox__icon--checked .van-icon{color:var(--van-checkbox-disabled-icon-color)}.van-checkbox__label{margin-left:var(--van-checkbox-label-margin);color:var(--van-checkbox-label-color);line-height:var(--van-checkbox-size)}.van-checkbox__label--left{margin:0 var(--van-checkbox-label-margin) 0 0}.van-checkbox__label--disabled{color:var(--van-checkbox-disabled-label-color)}

package/es/checkbox/index.less

@@ -1,15 +1,13 @@
-@import './var.less';
-
-:root {
-  --van-checkbox-size: @checkbox-size;
-  --van-checkbox-border-color: @checkbox-border-color;
-  --van-checkbox-transition-duration: @checkbox-transition-duration;
-  --van-checkbox-label-margin: @checkbox-label-margin;
-  --van-checkbox-label-color: @checkbox-label-color;
-  --van-checkbox-checked-icon-color: @checkbox-checked-icon-color;
-  --van-checkbox-disabled-icon-color: @checkbox-disabled-icon-color;
-  --van-checkbox-disabled-label-color: @checkbox-disabled-label-color;
-  --van-checkbox-disabled-background-color: @checkbox-disabled-background-color;
+body {
+  --van-checkbox-size: 20px;
+  --van-checkbox-border-color: var(--van-gray-5);
+  --van-checkbox-duration: var(--van-duration-fast);
+  --van-checkbox-label-margin: var(--van-padding-xs);
+  --van-checkbox-label-color: var(--van-text-color);
+  --van-checkbox-checked-icon-color: var(--van-primary-color);
+  --van-checkbox-disabled-icon-color: var(--van-gray-5);
+  --van-checkbox-disabled-label-color: var(--van-text-color-3);
+  --van-checkbox-disabled-background: var(--van-border-color);
 }
 
 .van-checkbox {
@@ -48,7 +46,7 @@
       line-height: 1.25;
       text-align: center;
       border: 1px solid var(--van-checkbox-border-color);
-      transition-duration: var(--van-checkbox-transition-duration);
+      transition-duration: var(--van-checkbox-duration);
       transition-property: color, border-color, background-color;
     }
 
@@ -70,7 +68,7 @@
       cursor: not-allowed;
 
       .van-icon {
-        background-color: var(--van-checkbox-disabled-background-color);
+        background-color: var(--van-checkbox-disabled-background);
         border-color: var(--van-checkbox-disabled-icon-color);
       }
     }