vant 3.2.6 → 3.2.7

package/es/calendar/types.d.ts

@@ -18,7 +18,7 @@ export declare type CalendarExpose = {
 export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
 export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
     showed?: boolean;
-    getTitle: () => any;
+    getTitle: () => string;
     getHeight: () => number;
     setVisible: (value?: boolean | undefined) => void;
     scrollIntoView: (body: Element) => void;

package/es/calendar/utils.d.ts

@@ -1,4 +1,4 @@
-declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: any[]) => any;
+declare const name: string, bem: (el?: import("../utils").Mods | undefined, mods?: import("../utils").Mods | undefined) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => any;
 export { name, bem, t };
 export declare const formatMonthTitle: (date: Date) => any;
 export declare function compareMonth(date1: Date, date2: Date): 0 | 1 | -1;

package/es/calendar/var.less

@@ -1,6 +1,6 @@
 @import '../style/var.less';
 
-@calendar-background-color: var(--van-white);
+@calendar-background-color: var(--van-background-color-light);
 @calendar-popup-height: 80%;
 @calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
 @calendar-header-title-height: 44px;
@@ -22,6 +22,6 @@
 @calendar-info-font-size: var(--van-font-size-xs);
 @calendar-info-line-height: var(--van-line-height-xs);
 @calendar-selected-day-background-color: var(--van-danger-color);
-@calendar-day-disabled-color: var(--van-gray-5);
+@calendar-day-disabled-color: var(--van-text-color-3);
 @calendar-confirm-button-height: 36px;
 @calendar-confirm-button-margin: 7px 0;

package/es/card/Card.d.ts

@@ -1,3 +1,21 @@
+import { ExtractPropTypes } from 'vue';
+declare const cardProps: {
+    tag: StringConstructor;
+    num: (NumberConstructor | StringConstructor)[];
+    desc: StringConstructor;
+    thumb: StringConstructor;
+    title: StringConstructor;
+    price: (NumberConstructor | StringConstructor)[];
+    centered: BooleanConstructor;
+    lazyLoad: BooleanConstructor;
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    thumbLink: StringConstructor;
+    originPrice: (NumberConstructor | StringConstructor)[];
+};
+export declare type CardProps = ExtractPropTypes<typeof cardProps>;
 declare const _default: import("vue").DefineComponent<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];

package/es/card/Card.js

@@ -6,27 +6,30 @@ import { isDef, numericProp, makeStringProp, createNamespace } from '../utils';
 import { Tag } from '../tag';
 import { Image } from '../image';
 var [name, bem] = createNamespace('card');
+var cardProps = {
+  tag: String,
+  num: numericProp,
+  desc: String,
+  thumb: String,
+  title: String,
+  price: numericProp,
+  centered: Boolean,
+  lazyLoad: Boolean,
+  currency: makeStringProp('¥'),
+  thumbLink: String,
+  originPrice: numericProp
+};
 export default defineComponent({
   name,
-  props: {
-    tag: String,
-    num: numericProp,
-    desc: String,
-    thumb: String,
-    title: String,
-    price: numericProp,
-    centered: Boolean,
-    lazyLoad: Boolean,
-    currency: makeStringProp('¥'),
-    thumbLink: String,
-    originPrice: numericProp
-  },
+  props: cardProps,
   emits: ['click-thumb'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderTitle = () => {
       if (slots.title) {
         return slots.title();

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-background-color-light);--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-gray-6);--van-card-num-color:var(--van-gray-6);--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__desc,.van-card__title{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}
+: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__desc,.van-card__title{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}

package/es/card/index.d.ts

@@ -46,3 +46,4 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     currency: string;
 }>>;
 export default Card;
+export type { CardProps } from './Card';

package/es/card/var.less

@@ -3,15 +3,15 @@
 @card-padding: var(--van-padding-xs) var(--van-padding-md);
 @card-font-size: var(--van-font-size-sm);
 @card-text-color: var(--van-text-color);
-@card-background-color: var(--van-background-color-light);
+@card-background-color: var(--van-gray-1);
 @card-thumb-size: 88px;
 @card-thumb-border-radius: var(--van-border-radius-lg);
 @card-title-line-height: 16px;
 @card-desc-color: var(--van-gray-7);
 @card-desc-line-height: var(--van-line-height-md);
 @card-price-color: var(--van-gray-8);
-@card-origin-price-color: var(--van-gray-6);
-@card-num-color: var(--van-gray-6);
+@card-origin-price-color: var(--van-text-color-2);
+@card-num-color: var(--van-text-color-2);
 @card-origin-price-font-size: var(--van-font-size-xs);
 @card-price-font-size: var(--van-font-size-sm);
 @card-price-integer-font-size: var(--van-font-size-lg);

package/es/cascader/Cascader.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { CascaderOption, CascaderFieldNames } from './types';
-declare const props: {
+declare const cascaderProps: {
     title: StringConstructor;
     options: {
         type: PropType<CascaderOption[]>;
@@ -23,7 +23,7 @@ declare const props: {
     placeholder: StringConstructor;
     activeColor: StringConstructor;
 };
-export declare type CascaderProps = ExtractPropTypes<typeof props>;
+export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     options: {

package/es/cascader/Cascader.js

@@ -1,13 +1,13 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, nextTick, defineComponent } from 'vue';
-import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace } from '../utils'; // Components
+import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from '../utils'; // Components
 
 import { Tab } from '../tab';
 import { Tabs } from '../tabs';
 import { Icon } from '../icon'; // Types
 
 var [name, bem, t] = createNamespace('cascader');
-var props = {
+var cascaderProps = {
   title: String,
   options: makeArrayProp(),
   closeable: truthProp,
@@ -20,13 +20,14 @@ var props = {
 };
 export default defineComponent({
   name,
-  props,
+  props: cascaderProps,
   emits: ['close', 'change', 'finish', 'click-tab', 'update:modelValue'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
     var tabs = ref([]);
     var activeTab = ref(0);
     var {
@@ -144,10 +145,13 @@ export default defineComponent({
 
     var onClose = () => emit('close');
 
-    var onClickTab = ({
-      name,
-      title
-    }) => emit('click-tab', name, title);
+    var onClickTab = _ref2 => {
+      var {
+        name,
+        title
+      } = _ref2;
+      return emit('click-tab', name, title);
+    };
 
     var renderHeader = () => _createVNode("div", {
       "class": bem('header')
@@ -155,7 +159,7 @@ export default defineComponent({
       "class": bem('title')
     }, [slots.title ? slots.title() : props.title]), props.closeable ? _createVNode(Icon, {
       "name": props.closeIcon,
-      "class": bem('close-icon'),
+      "class": [bem('close-icon'), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]);
 
@@ -198,7 +202,9 @@ export default defineComponent({
           unselected: !selected
         })
       }, {
-        default: () => [renderOptions(options, selected, tabIndex)]
+        default: () => [slots['options-top'] ? slots['options-top']({
+          tabIndex: activeTab.value
+        }) : null, renderOptions(options, selected, tabIndex)]
       });
     };
 

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-close-icon-active-color:var(--van-gray-6);--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-gray-5);--van-cascader-tab-color:var(--van-text-color);--van-cascader-unselected-tab-color:var(--van-gray-6)}.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__close-icon:active{color:var(--van-cascader-close-icon-active-color)}.van-cascader__tabs .van-tab{flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.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}
+: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-tab{flex:none;padding:0 10px}.van-cascader__tabs.van-tabs--line .van-tabs__wrap{height:var(--van-cascader-tabs-height)}.van-cascader__tabs .van-tabs__nav--complete{padding-right:6px;padding-left:6px}.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}

package/es/cascader/index.d.ts

@@ -1,4 +1,3 @@
-import { CascaderProps } from './Cascader';
 export declare const Cascader: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
@@ -55,5 +54,5 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     swipeable: boolean;
 }>>;
 export default Cascader;
-export type { CascaderProps };
+export type { CascaderProps } from './Cascader';
 export type { CascaderOption, CascaderFieldNames } from './types';

package/es/cascader/index.less

@@ -7,7 +7,6 @@
   --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-close-icon-active-color: @cascader-close-icon-active-color;
   --van-cascader-selected-icon-size: @cascader-selected-icon-size;
   --van-cascader-tabs-height: @cascader-tabs-height;
   --van-cascader-active-color: @cascader-active-color;
@@ -35,10 +34,6 @@
   &__close-icon {
     color: var(--van-cascader-close-icon-color);
     font-size: var(--van-cascader-close-icon-size);
-
-    &:active {
-      color: var(--van-cascader-close-icon-active-color);
-    }
   }
 
   &__tabs {

package/es/cascader/var.less

@@ -6,11 +6,10 @@
 @cascader-title-line-height: 20px;
 @cascader-close-icon-size: 22px;
 @cascader-close-icon-color: var(--van-gray-5);
-@cascader-close-icon-active-color: var(--van-gray-6);
 @cascader-selected-icon-size: 18px;
 @cascader-tabs-height: 48px;
 @cascader-active-color: var(--van-danger-color);
 @cascader-options-height: 384px;
-@cascader-option-disabled-color: var(--van-gray-5);
+@cascader-option-disabled-color: var(--van-text-color-3);
 @cascader-tab-color: var(--van-text-color);
-@cascader-unselected-tab-color: var(--van-gray-6);
+@cascader-unselected-tab-color: var(--van-text-color-2);

package/es/cell/Cell.d.ts

@@ -1,8 +1,9 @@
-import { PropType, CSSProperties } from 'vue';
+import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+export declare type CellSize = 'normal' | 'large';
 export declare type CellArrowDirection = 'up' | 'down' | 'left' | 'right';
-export declare const cellProps: {
+export declare const cellSharedProps: {
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -24,9 +25,38 @@ export declare const cellProps: {
         default: null;
     };
 };
+declare const cellProps: {
+    icon: StringConstructor;
+    size: PropType<CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: PropType<unknown>;
+    labelClass: PropType<unknown>;
+    titleClass: PropType<unknown>;
+    titleStyle: PropType<string | CSSProperties>;
+    arrowDirection: PropType<CellArrowDirection>;
+    clickable: {
+        type: PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    to: PropType<import("vue-router").RouteLocationRaw>;
+    url: StringConstructor;
+    replace: BooleanConstructor;
+};
+export declare type CellProps = ExtractPropTypes<typeof cellProps>;
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: PropType<"large">;
+    size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -86,7 +116,7 @@ declare const _default: import("vue").DefineComponent<{
     iconPrefix?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: CellSize | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;

package/es/cell/Cell.js

@@ -7,7 +7,7 @@ import { useRoute, routeProps } from '../composables/use-route'; // Components
 
 import { Icon } from '../icon';
 var [name, bem] = createNamespace('cell');
-export var cellProps = {
+export var cellSharedProps = {
   icon: String,
   size: String,
   title: numericProp,
@@ -28,19 +28,15 @@ export var cellProps = {
     default: null
   }
 };
+var cellProps = extend({}, cellSharedProps, routeProps);
 export default defineComponent({
   name,
-  props: extend({}, cellProps, routeProps),
-
-  setup(props, {
-    slots
-  }) {
-    if (process.env.NODE_ENV !== 'production') {
-      if (slots.default) {
-        console.warn('[Vant] Cell: "default" slot is deprecated, please use "value" slot instead.');
-      }
-    }
+  props: cellProps,
 
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     var route = useRoute();
 
     var renderLabel = () => {
@@ -63,8 +59,7 @@ export default defineComponent({
     };
 
     var renderValue = () => {
-      // default slot is deprecated
-      // should be removed in next major version
+      // slots.default is an alias of slots.value
       var slot = slots.value || slots.default;
       var hasValue = slot || isDef(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-white);--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-gray-6);--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-gray-6);--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--borderless::after,.van-cell:last-child::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)}
+: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--borderless::after,.van-cell:last-child::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)}

package/es/cell/index.d.ts

@@ -1,6 +1,6 @@
 export declare const Cell: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
-    size: import("vue").PropType<"large">;
+    size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
     value: (NumberConstructor | StringConstructor)[];
     label: (NumberConstructor | StringConstructor)[];
@@ -60,7 +60,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     iconPrefix?: string | undefined;
     value?: string | number | undefined;
     icon?: string | undefined;
-    size?: "large" | undefined;
+    size?: import("./Cell").CellSize | undefined;
     valueClass?: unknown;
     labelClass?: unknown;
     titleClass?: unknown;
@@ -75,4 +75,4 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean | null;
 }>>;
 export default Cell;
-export type { CellArrowDirection } from './Cell';
+export type { CellSize, CellProps, CellArrowDirection } from './Cell';

package/es/cell/var.less

@@ -5,15 +5,15 @@
 @cell-vertical-padding: 10px;
 @cell-horizontal-padding: var(--van-padding-md);
 @cell-text-color: var(--van-text-color);
-@cell-background-color: var(--van-white);
+@cell-background-color: var(--van-background-color-light);
 @cell-border-color: var(--van-border-color);
 @cell-active-color: var(--van-active-color);
 @cell-required-color: var(--van-danger-color);
-@cell-label-color: var(--van-gray-6);
+@cell-label-color: var(--van-text-color-2);
 @cell-label-font-size: var(--van-font-size-sm);
 @cell-label-line-height: var(--van-line-height-sm);
 @cell-label-margin-top: var(--van-padding-base);
-@cell-value-color: var(--van-gray-6);
+@cell-value-color: var(--van-text-color-2);
 @cell-icon-size: 16px;
 @cell-right-icon-color: var(--van-gray-6);
 @cell-large-vertical-padding: var(--van-padding-sm);

package/es/cell-group/CellGroup.d.ts

@@ -1,3 +1,13 @@
+import { ExtractPropTypes } from 'vue';
+declare const cellGroupProps: {
+    title: StringConstructor;
+    inset: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export declare type CellGroupProps = ExtractPropTypes<typeof cellGroupProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     inset: BooleanConstructor;

package/es/cell-group/CellGroup.js

@@ -2,19 +2,22 @@ import { Fragment as _Fragment, createVNode as _createVNode, mergeProps as _merg
 import { defineComponent } from 'vue';
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from '../utils';
 var [name, bem] = createNamespace('cell-group');
+var cellGroupProps = {
+  title: String,
+  inset: Boolean,
+  border: truthProp
+};
 export default defineComponent({
   name,
   inheritAttrs: false,
-  props: {
-    title: String,
-    inset: Boolean,
-    border: truthProp
-  },
+  props: cellGroupProps,
+
+  setup(props, _ref) {
+    var {
+      slots,
+      attrs
+    } = _ref;
 
-  setup(props, {
-    slots,
-    attrs
-  }) {
     var renderGroup = () => _createVNode("div", _mergeProps({
       "class": [bem({
         inset: props.inset

package/es/cell-group/index.css

@@ -1 +1 @@
-:root{--van-cell-group-background-color:var(--van-white);--van-cell-group-title-color:var(--van-gray-6);--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)}
+: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)}

package/es/cell-group/index.d.ts

@@ -19,3 +19,4 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
     inset: boolean;
 }>>;
 export default CellGroup;
+export type { CellGroupProps } from './CellGroup';

package/es/cell-group/var.less

@@ -1,7 +1,7 @@
 @import '../style/var.less';
 
-@cell-group-background-color: var(--van-white);
-@cell-group-title-color: var(--van-gray-6);
+@cell-group-background-color: var(--van-background-color-light);
+@cell-group-title-color: var(--van-text-color-2);
 @cell-group-title-padding: var(--van-padding-md) var(--van-padding-md)
   var(--van-padding-xs);
 @cell-group-title-font-size: var(--van-font-size-md);

package/es/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: {
+declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;
@@ -17,7 +17,7 @@ declare const props: {
         default: true;
     };
 };
-export declare type CheckboxProps = ExtractPropTypes<typeof props>;
+export declare type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     shape: {

package/es/checkbox/Checkbox.js

@@ -10,18 +10,19 @@ import { useExpose } from '../composables/use-expose'; // Components
 import Checker, { checkerProps } from './Checker'; // Types
 
 var [name, bem] = createNamespace('checkbox');
-var props = extend({}, checkerProps, {
+var checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
 export default defineComponent({
   name,
-  props,
+  props: checkboxProps,
   emits: ['change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var {
       parent
     } = useParent(CHECKBOX_GROUP_KEY);
@@ -67,7 +68,11 @@ export default defineComponent({
       return !!props.modelValue;
     });
 
-    var toggle = (newValue = !checked.value) => {
+    var toggle = function (newValue) {
+      if (newValue === void 0) {
+        newValue = !checked.value;
+      }
+
       if (parent && props.bindGroup) {
         setParentValue(newValue);
       } else {

package/es/checkbox/Checker.js

@@ -22,10 +22,11 @@ export default defineComponent({
   }),
   emits: ['click', 'toggle'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var iconRef = ref();
 
     var getParentProp = name => {

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-gray-5);--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)}
+: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)}

package/es/checkbox/index.d.ts

@@ -1,4 +1,3 @@
-import { CheckboxProps } from './Checkbox';
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     shape: {
@@ -47,5 +46,5 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
-export type { CheckboxProps };
+export type { CheckboxProps } from './Checkbox';
 export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';

package/es/checkbox/var.less

@@ -7,5 +7,5 @@
 @checkbox-label-color: var(--van-text-color);
 @checkbox-checked-icon-color: var(--van-primary-color);
 @checkbox-disabled-icon-color: var(--van-gray-5);
-@checkbox-disabled-label-color: var(--van-gray-5);
+@checkbox-disabled-label-color: var(--van-text-color-3);
 @checkbox-disabled-background-color: var(--van-border-color);