vant 3.2.6 → 3.2.7

package/lib/button/index.d.ts

@@ -10,12 +10,12 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     text: StringConstructor;
     icon: StringConstructor;
     type: {
-        type: import("vue").PropType<import("./Button").ButtonType>;
-        default: import("./Button").ButtonType;
+        type: import("vue").PropType<import("./types").ButtonType>;
+        default: import("./types").ButtonType;
     };
     size: {
-        type: import("vue").PropType<import("./Button").ButtonSize>;
-        default: import("./Button").ButtonSize;
+        type: import("vue").PropType<import("./types").ButtonSize>;
+        default: import("./types").ButtonSize;
     };
     color: StringConstructor;
     block: BooleanConstructor;
@@ -27,15 +27,15 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     disabled: BooleanConstructor;
     iconPrefix: StringConstructor;
     nativeType: {
-        type: import("vue").PropType<import("./Button").ButtonNativeType>;
-        default: import("./Button").ButtonNativeType;
+        type: import("vue").PropType<import("./types").ButtonNativeType>;
+        default: import("./types").ButtonNativeType;
     };
     loadingSize: (NumberConstructor | StringConstructor)[];
     loadingText: StringConstructor;
     loadingType: import("vue").PropType<import("..").LoadingType>;
     iconPosition: {
-        type: import("vue").PropType<import("./Button").ButtonIconPosition>;
-        default: import("./Button").ButtonIconPosition;
+        type: import("vue").PropType<import("./types").ButtonIconPosition>;
+        default: import("./types").ButtonIconPosition;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
@@ -62,18 +62,18 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     iconPosition?: unknown;
 } & {
     replace: boolean;
-    type: import("./Button").ButtonType;
+    type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
     disabled: boolean;
-    size: import("./Button").ButtonSize;
+    size: import("./types").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: import("./Button").ButtonNativeType;
-    iconPosition: import("./Button").ButtonIconPosition;
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
 } & {
     text?: string | undefined;
     url?: string | undefined;
@@ -88,18 +88,19 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     replace: boolean;
-    type: import("./Button").ButtonType;
+    type: import("./types").ButtonType;
     tag: keyof HTMLElementTagNameMap;
     round: boolean;
     disabled: boolean;
-    size: import("./Button").ButtonSize;
+    size: import("./types").ButtonSize;
     loading: boolean;
     block: boolean;
     square: boolean;
     plain: boolean;
     hairline: boolean;
-    nativeType: import("./Button").ButtonNativeType;
-    iconPosition: import("./Button").ButtonIconPosition;
+    nativeType: import("./types").ButtonNativeType;
+    iconPosition: import("./types").ButtonIconPosition;
 }>>;
 export default Button;
-export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './Button';
+export type { ButtonProps } from './Button';
+export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';

package/lib/button/types.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonHTMLAttributes } from 'vue';
+export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
+export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
+export declare type ButtonIconPosition = 'left' | 'right';

package/lib/button/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/button/var.less

@@ -13,7 +13,7 @@
 @button-default-line-height: 1.2;
 @button-default-font-size: var(--van-font-size-lg);
 @button-default-color: var(--van-text-color);
-@button-default-background-color: var(--van-white);
+@button-default-background-color: var(--van-background-color-light);
 @button-default-border-color: var(--van-border-color);
 @button-primary-color: var(--van-white);
 @button-primary-background-color: var(--van-primary-color);

package/lib/calendar/Calendar.d.ts

@@ -1,7 +1,7 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { PopupPosition } from '../popup';
 import type { CalendarType, CalendarDayItem } from './types';
-declare const props: {
+declare const calendarProps: {
     show: BooleanConstructor;
     type: {
         type: PropType<CalendarType>;
@@ -86,7 +86,7 @@ declare const props: {
         validator: (val: number) => boolean;
     };
 };
-export declare type CalendarProps = ExtractPropTypes<typeof props>;
+export declare type CalendarProps = ExtractPropTypes<typeof calendarProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     type: {

package/lib/calendar/Calendar.js

@@ -30,7 +30,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Utils
 // Composables
 // Components
-var props = {
+var calendarProps = {
   show: Boolean,
   type: (0, _utils.makeStringProp)('single'),
   title: String,
@@ -79,14 +79,24 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name: _utils2.name,
-  props,
+  props: calendarProps,
   emits: ['select', 'confirm', 'unselect', 'month-show', 'over-range', 'update:show', 'click-subtitle'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
-    var limitDateRange = (date, minDate = props.minDate, maxDate = props.maxDate) => {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
+    var limitDateRange = function (date, minDate, maxDate) {
+      if (minDate === void 0) {
+        minDate = props.minDate;
+      }
+
+      if (maxDate === void 0) {
+        maxDate = props.maxDate;
+      }
+
       if ((0, _utils2.compareDay)(date, minDate) === -1) {
         return minDate;
       }
@@ -98,7 +108,11 @@ var _default = (0, _vue.defineComponent)({
       return date;
     };
 
-    var getInitialDate = (defaultDate = props.defaultDate) => {
+    var getInitialDate = function (defaultDate) {
+      if (defaultDate === void 0) {
+        defaultDate = props.defaultDate;
+      }
+
       var {
         type,
         minDate,
@@ -262,7 +276,11 @@ var _default = (0, _vue.defineComponent)({
       });
     };
 
-    var reset = (date = getInitialDate()) => {
+    var reset = function (date) {
+      if (date === void 0) {
+        date = getInitialDate();
+      }
+
       currentDate.value = date;
       scrollIntoView();
     };
@@ -460,7 +478,11 @@ var _default = (0, _vue.defineComponent)({
 
     (0, _vue.watch)(() => props.show, init);
     (0, _vue.watch)(() => [props.type, props.minDate, props.maxDate], () => reset(getInitialDate(currentDate.value)));
-    (0, _vue.watch)(() => props.defaultDate, (value = null) => {
+    (0, _vue.watch)(() => props.defaultDate, function (value) {
+      if (value === void 0) {
+        value = null;
+      }
+
       currentDate.value = value;
       scrollIntoView();
     });

package/lib/calendar/CalendarDay.js

@@ -22,10 +22,11 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['click'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var style = (0, _vue.computed)(() => {
       var {
         item,

package/lib/calendar/CalendarHeader.js

@@ -22,10 +22,12 @@ var _default = (0, _vue.defineComponent)({
   },
   emits: ['click-subtitle'],
 
-  setup(props, {
-    slots,
-    emit
-  }) {
+  setup(props, _ref) {
+    var {
+      slots,
+      emit
+    } = _ref;
+
     var renderTitle = () => {
       if (props.showTitle) {
         var text = props.title || (0, _utils2.t)('title');

package/lib/calendar/CalendarMonth.d.ts

@@ -1,6 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import type { CalendarType, CalendarDayItem } from './types';
-declare const props: {
+declare const calendarMonthProps: {
     date: {
         type: DateConstructor;
         required: true;
@@ -25,7 +25,7 @@ declare const props: {
     showMonthTitle: BooleanConstructor;
     firstDayOfWeek: NumberConstructor;
 };
-export declare type CalendarMonthProps = ExtractPropTypes<typeof props>;
+export declare type CalendarMonthProps = ExtractPropTypes<typeof calendarMonthProps>;
 declare const _default: import("vue").DefineComponent<{
     date: {
         type: DateConstructor;

package/lib/calendar/CalendarMonth.js

@@ -25,7 +25,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // Composables
 // Components
 var [name] = (0, _utils.createNamespace)('calendar-month');
-var props = {
+var calendarMonthProps = {
   date: (0, _utils.makeRequiredProp)(Date),
   type: String,
   color: String,
@@ -44,13 +44,14 @@ var props = {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: calendarMonthProps,
   emits: ['click', 'update-height'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var [visible, setVisible] = (0, _use.useToggle)();
     var daysRef = (0, _vue.ref)();
     var monthRef = (0, _vue.ref)();

package/lib/calendar/index.css

@@ -1 +1 @@
-:root{--van-calendar-background-color:var(--van-white);--van-calendar-popup-height:80%;--van-calendar-header-box-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-color:var(--van-danger-color);--van-calendar-range-middle-color:var(--van-danger-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-color:var(--van-danger-color);--van-calendar-day-disabled-color:var(--van-gray-5);--van-calendar-confirm-button-height:36px;--van-calendar-confirm-button-margin:7px 0}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:''}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{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)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+:root{--van-calendar-background-color:var(--van-background-color-light);--van-calendar-popup-height:80%;--van-calendar-header-box-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-color:var(--van-danger-color);--van-calendar-range-middle-color:var(--van-danger-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-color:var(--van-danger-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-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background-color)}.van-calendar__popup.van-popup--bottom,.van-calendar__popup.van-popup--top{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-box-shadow)}.van-calendar__header-subtitle,.van-calendar__header-title,.van-calendar__month-title{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-weight-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected,.van-calendar__day--start,.van-calendar__day--start-end{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background-color)}.van-calendar__day--start{border-radius:var(--van-border-radius-md) 0 0 var(--van-border-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-border-radius-md) var(--van-border-radius-md) 0}.van-calendar__day--multiple-selected,.van-calendar__day--start-end{border-radius:var(--van-border-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle::after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:''}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__bottom-info,.van-calendar__top-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width:350px){.van-calendar__bottom-info,.van-calendar__top-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{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)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/lib/calendar/index.d.ts

@@ -1,4 +1,3 @@
-import { CalendarProps } from './Calendar';
 export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     type: {
@@ -175,5 +174,5 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     firstDayOfWeek: string | number;
 }>>;
 export default Calendar;
-export type { CalendarProps };
+export type { CalendarProps } from './Calendar';
 export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';

package/lib/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/lib/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/lib/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/lib/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/lib/card/Card.js

@@ -14,28 +14,31 @@ var _image = require("../image");
 // Utils
 // Components
 var [name, bem] = (0, _utils.createNamespace)('card');
+var cardProps = {
+  tag: String,
+  num: _utils.numericProp,
+  desc: String,
+  thumb: String,
+  title: String,
+  price: _utils.numericProp,
+  centered: Boolean,
+  lazyLoad: Boolean,
+  currency: (0, _utils.makeStringProp)('¥'),
+  thumbLink: String,
+  originPrice: _utils.numericProp
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    tag: String,
-    num: _utils.numericProp,
-    desc: String,
-    thumb: String,
-    title: String,
-    price: _utils.numericProp,
-    centered: Boolean,
-    lazyLoad: Boolean,
-    currency: (0, _utils.makeStringProp)('¥'),
-    thumbLink: String,
-    originPrice: _utils.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/lib/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/lib/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/lib/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/lib/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/lib/cascader/Cascader.js

@@ -15,7 +15,7 @@ var _icon = require("../icon");
 
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('cascader');
-var props = {
+var cascaderProps = {
   title: String,
   options: (0, _utils.makeArrayProp)(),
   closeable: _utils.truthProp,
@@ -29,13 +29,14 @@ var props = {
 
 var _default = (0, _vue.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 = (0, _vue.ref)([]);
     var activeTab = (0, _vue.ref)(0);
     var {
@@ -153,10 +154,13 @@ var _default = (0, _vue.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 = () => (0, _vue.createVNode)("div", {
       "class": bem('header')
@@ -164,7 +168,7 @@ var _default = (0, _vue.defineComponent)({
       "class": bem('title')
     }, [slots.title ? slots.title() : props.title]), props.closeable ? (0, _vue.createVNode)(_icon.Icon, {
       "name": props.closeIcon,
-      "class": bem('close-icon'),
+      "class": [bem('close-icon'), _utils.HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]);
 
@@ -207,7 +211,9 @@ var _default = (0, _vue.defineComponent)({
           unselected: !selected
         })
       }, {
-        default: () => [renderOptions(options, selected, tabIndex)]
+        default: () => [slots['options-top'] ? slots['options-top']({
+          tabIndex: activeTab.value
+        }) : null, renderOptions(options, selected, tabIndex)]
       });
     };
 

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