vant 3.6.14 → 3.6.16

package/lib/calendar/types.d.ts

@@ -2,10 +2,9 @@ import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
 import type { Numeric } from '../utils';
 import type { CalendarProps } from './Calendar';
 import type { CalendarMonthProps } from './CalendarMonth';
-export type CalendarSwitchMode = 'none' | 'month' | 'year-month';
-export type CalendarType = 'single' | 'range' | 'multiple';
-export type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
-export type CalendarDayItem = {
+export declare type CalendarType = 'single' | 'range' | 'multiple';
+export declare type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
+export declare type CalendarDayItem = {
     date?: Date;
     text?: Numeric;
     type?: CalendarDayType;
@@ -13,13 +12,13 @@ export type CalendarDayItem = {
     className?: unknown;
     bottomInfo?: string;
 };
-export type CalendarExpose = {
+export declare type CalendarExpose = {
     reset: (date?: Date | Date[]) => void;
     scrollToDate: (targetDate: Date) => void;
     getSelectedDate: () => Date | Date[] | null;
 };
-export type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
-export type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
+export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
+export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {
     showed?: boolean;
     getTitle: () => string;
     getHeight: () => number;
@@ -27,34 +26,3 @@ export type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps,
     scrollToDate: (body: Element, targetDate: Date) => void;
     disabledDays: Ref<ComputedRef<CalendarDayItem[]>>;
 }>;
-export type CalendarThemeVars = {
-    calendarBackground?: string;
-    calendarPopupHeight?: string;
-    calendarHeaderShadow?: string;
-    calendarHeaderTitleHeight?: string;
-    calendarHeaderTitleFontSize?: string;
-    calendarHeaderSubtitleFontSize?: string;
-    calendarHeaderActionWidth?: string;
-    calendarHeaderActionColor?: string;
-    calendarHeaderActionDisabledColor?: string;
-    calendarWeekdaysHeight?: string;
-    calendarWeekdaysFontSize?: string;
-    calendarMonthTitleFontSize?: string;
-    calendarMonthMarkColor?: string;
-    calendarMonthMarkFontSize?: string;
-    calendarDayHeight?: string;
-    calendarDayFontSize?: string;
-    calendarDayMarginBottom?: string;
-    calendarDayDisabledColor?: string;
-    calendarRangeEdgeColor?: string;
-    calendarRangeEdgeBackground?: string;
-    calendarRangeMiddleColor?: string;
-    calendarRangeMiddleBackgroundOpacity?: number | string;
-    calendarSelectedDaySize?: string;
-    calendarSelectedDayColor?: string;
-    calendarSelectedDayBackground?: string;
-    calendarInfoFontSize?: string;
-    calendarInfoLineHeight?: number | string;
-    calendarConfirmButtonHeight?: string;
-    calendarConfirmButtonMargin?: string;
-};

package/lib/calendar/utils.d.ts

@@ -1,4 +1,4 @@
-declare const name: string, bem: (el?: import("../utils").Mods, mods?: import("../utils").Mods) => import("../utils").Mods, t: (path: string, ...args: unknown[]) => 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;
@@ -6,13 +6,7 @@ export declare function compareDay(day1: Date, day2: Date): 0 | 1 | -1;
 export declare const cloneDate: (date: Date) => Date;
 export declare const cloneDates: (dates: Date | Date[]) => Date | Date[];
 export declare function getDayByOffset(date: Date, offset: number): Date;
-export declare function getMonthByOffset(date: Date, offset: number): Date;
-export declare function getYearByOffset(date: Date, offset: number): Date;
 export declare const getPrevDay: (date: Date) => Date;
 export declare const getNextDay: (date: Date) => Date;
-export declare const getPrevMonth: (date: Date) => Date;
-export declare const getNextMonth: (date: Date) => Date;
-export declare const getPrevYear: (date: Date) => Date;
-export declare const getNextYear: (date: Date) => Date;
 export declare const getToday: () => Date;
 export declare function calcDateNum(date: [Date, Date]): number;

package/lib/calendar/utils.js

@@ -25,15 +25,9 @@ __export(stdin_exports, {
   compareMonth: () => compareMonth,
   formatMonthTitle: () => formatMonthTitle,
   getDayByOffset: () => getDayByOffset,
-  getMonthByOffset: () => getMonthByOffset,
   getNextDay: () => getNextDay,
-  getNextMonth: () => getNextMonth,
-  getNextYear: () => getNextYear,
   getPrevDay: () => getPrevDay,
-  getPrevMonth: () => getPrevMonth,
-  getPrevYear: () => getPrevYear,
   getToday: () => getToday,
-  getYearByOffset: () => getYearByOffset,
   name: () => name,
   t: () => t
 });
@@ -67,30 +61,10 @@ function getDayByOffset(date, offset) {
   cloned.setDate(cloned.getDate() + offset);
   return cloned;
 }
-function getMonthByOffset(date, offset) {
-  const cloned = cloneDate(date);
-  cloned.setMonth(cloned.getMonth() + offset);
-  if (cloned.getDate() !== date.getDate()) {
-    cloned.setDate(0);
-  }
-  return cloned;
-}
-function getYearByOffset(date, offset) {
-  const cloned = cloneDate(date);
-  cloned.setFullYear(cloned.getFullYear() + offset);
-  if (cloned.getDate() !== date.getDate()) {
-    cloned.setDate(0);
-  }
-  return cloned;
-}
 const getPrevDay = (date) => getDayByOffset(date, -1);
 const getNextDay = (date) => getDayByOffset(date, 1);
-const getPrevMonth = (date) => getMonthByOffset(date, -1);
-const getNextMonth = (date) => getMonthByOffset(date, 1);
-const getPrevYear = (date) => getYearByOffset(date, -1);
-const getNextYear = (date) => getYearByOffset(date, 1);
 const getToday = () => {
-  const today = /* @__PURE__ */ new Date();
+  const today = new Date();
   today.setHours(0, 0, 0, 0);
   return today;
 };

package/lib/calendar/var.less

@@ -0,0 +1,28 @@
+@import '../style/var.less';
+
+@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;
+@calendar-header-title-font-size: var(--van-font-size-lg);
+@calendar-header-subtitle-font-size: var(--van-font-size-md);
+@calendar-weekdays-height: 30px;
+@calendar-weekdays-font-size: var(--van-font-size-sm);
+@calendar-month-title-font-size: var(--van-font-size-md);
+@calendar-month-mark-color: rgba(242, 243, 245, 0.8);
+@calendar-month-mark-font-size: 160px;
+@calendar-day-height: 64px;
+@calendar-day-font-size: var(--van-font-size-lg);
+@calendar-day-margin-bottom: 4px;
+@calendar-range-edge-color: var(--van-white);
+@calendar-range-edge-background-color: var(--van-danger-color);
+@calendar-range-middle-color: var(--van-danger-color);
+@calendar-range-middle-background-opacity: 0.1;
+@calendar-selected-day-size: 54px;
+@calendar-selected-day-color: var(--van-white);
+@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-text-color-3);
+@calendar-confirm-button-height: 36px;
+@calendar-confirm-button-margin: 7px 0;

package/lib/card/Card.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-export declare const cardProps: {
+declare const cardProps: {
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -9,14 +9,14 @@ export declare const cardProps: {
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
 };
-export type CardProps = ExtractPropTypes<typeof cardProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type CardProps = ExtractPropTypes<typeof cardProps>;
+declare const _default: import("vue").DefineComponent<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -26,12 +26,12 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-thumb"[], "click-thumb", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -41,16 +41,16 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>> & Readonly<{
-    onClickThumb?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & {
+    "onClick-thumb"?: ((...args: any[]) => any) | undefined;
+}, {
     lazyLoad: boolean;
     centered: boolean;
     currency: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;

package/lib/card/Card.js

@@ -17,11 +17,11 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  cardProps: () => cardProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_tag = require("../tag");
 var import_image = require("../image");
@@ -39,10 +39,10 @@ const cardProps = {
   thumbLink: String,
   originPrice: import_utils.numericProp
 };
-var stdin_default = (0, import_vue.defineComponent)({
+var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: cardProps,
-  emits: ["clickThumb"],
+  emits: ["click-thumb"],
   setup(props, {
     slots,
     emit
@@ -63,7 +63,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           "class": bem("tag")
         }, [slots.tag ? slots.tag() : (0, import_vue.createVNode)(import_tag.Tag, {
           "mark": true,
-          "type": "primary"
+          "type": "danger"
         }, {
           default: () => [props.tag]
         })]);
@@ -86,7 +86,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         return (0, import_vue.createVNode)("a", {
           "href": props.thumbLink,
           "class": bem("thumb"),
-          "onClick": (event) => emit("clickThumb", event)
+          "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
     };
@@ -106,9 +106,9 @@ var stdin_default = (0, import_vue.defineComponent)({
         "class": bem("price-currency")
       }, [props.currency]), (0, import_vue.createVNode)("span", {
         "class": bem("price-integer")
-      }, [priceArr[0]]), priceArr.length > 1 && (0, import_vue.createVNode)(import_vue.Fragment, null, [(0, import_vue.createTextVNode)("."), (0, import_vue.createVNode)("span", {
+      }, [priceArr[0]]), (0, import_vue.createTextVNode)("."), (0, import_vue.createVNode)("span", {
         "class": bem("price-decimal")
-      }, [priceArr[1]])])]);
+      }, [priceArr[1]])]);
     };
     return () => {
       var _a, _b, _c;

package/lib/card/index.css

@@ -1 +1 @@
-:root,:host{--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}
+: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}

package/lib/card/index.d.ts

@@ -1,4 +1,4 @@
-export declare const Card: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Card: import("../utils").WithInstall<import("vue").DefineComponent<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -8,12 +8,12 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickThumb"[], "clickThumb", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => 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<{
     tag: StringConstructor;
     num: (NumberConstructor | StringConstructor)[];
     desc: StringConstructor;
@@ -23,22 +23,20 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
     centered: BooleanConstructor;
     lazyLoad: BooleanConstructor;
     currency: {
-        type: import("vue").PropType<T>;
+        type: import("vue").PropType<string>;
         default: string;
     };
     thumbLink: StringConstructor;
     originPrice: (NumberConstructor | StringConstructor)[];
-}>> & Readonly<{
-    onClickThumb?: ((...args: any[]) => any) | undefined;
-}>, {
+}>> & {
+    "onClick-thumb"?: ((...args: any[]) => any) | undefined;
+}, {
     lazyLoad: boolean;
     centered: boolean;
     currency: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+}>>;
 export default Card;
-export { cardProps } from './Card';
 export type { CardProps } from './Card';
-export type { CardThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCard: typeof Card;

package/lib/card/index.js

@@ -17,10 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,12 +24,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Card: () => Card,
-  cardProps: () => import_Card2.cardProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Card = __toESM(require("./Card"));
-var import_Card2 = require("./Card");
 const Card = (0, import_utils.withInstall)(import_Card.default);
 var stdin_default = Card;

package/lib/card/index.less

@@ -0,0 +1,128 @@
+@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;
+}
+
+.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);
+
+  &:not(:first-child) {
+    margin-top: var(--van-padding-xs);
+  }
+
+  &__header {
+    display: flex;
+  }
+
+  &__thumb {
+    position: relative;
+    flex: none;
+    width: var(--van-card-thumb-size);
+    height: var(--van-card-thumb-size);
+    margin-right: var(--van-padding-xs);
+
+    img {
+      border-radius: var(--van-card-thumb-border-radius);
+    }
+  }
+
+  &__content {
+    position: relative;
+    display: flex;
+    flex: 1;
+    flex-direction: column;
+    justify-content: space-between;
+    min-width: 0; /* hack for flex box ellipsis */
+    min-height: var(--van-card-thumb-size);
+
+    &--centered {
+      justify-content: center;
+    }
+  }
+
+  &__title,
+  &__desc {
+    word-wrap: break-word;
+  }
+
+  &__title {
+    max-height: 32px;
+    font-weight: var(--van-font-weight-bold);
+    line-height: var(--van-card-title-line-height);
+  }
+
+  &__desc {
+    max-height: var(--van-card-desc-line-height);
+    color: var(--van-card-desc-color);
+    line-height: var(--van-card-desc-line-height);
+  }
+
+  &__bottom {
+    line-height: var(--van-line-height-md);
+  }
+
+  &__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);
+  }
+
+  &__price-integer {
+    font-size: var(--van-card-price-integer-font-size);
+    font-family: var(--van-card-price-font-family);
+  }
+
+  &__price-decimal {
+    font-family: var(--van-card-price-font-family);
+  }
+
+  &__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;
+  }
+
+  &__num {
+    float: right;
+    color: var(--van-card-num-color);
+  }
+
+  &__tag {
+    position: absolute;
+    top: 2px;
+    left: 0;
+  }
+
+  &__footer {
+    flex: none;
+    text-align: right;
+
+    .van-button {
+      margin-left: 5px;
+    }
+  }
+}

package/lib/card/style/less.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/card/style/less.js

@@ -0,0 +1,6 @@
+require("../../style/base.less");
+require("../../badge/index.less");
+require("../../icon/index.less");
+require("../../image/index.less");
+require("../../tag/index.less");
+require("../index.less");

package/lib/card/var.less

@@ -0,0 +1,18 @@
+@import '../style/var.less';
+
+@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-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-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);
+@card-price-font-family: var(--van-price-integer-font-family);

package/lib/cascader/Cascader.d.ts

@@ -1,9 +1,9 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { CascaderOption, CascaderFieldNames } from './types';
-export declare const cascaderProps: {
+declare const cascaderProps: {
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -15,7 +15,7 @@ export declare const cascaderProps: {
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -27,11 +27,11 @@ export declare const cascaderProps: {
     placeholder: StringConstructor;
     activeColor: StringConstructor;
 };
-export type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
-declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
+export declare type CascaderProps = ExtractPropTypes<typeof cascaderProps>;
+declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -43,7 +43,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -54,10 +54,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "clickTab" | "finish")[], "update:modelValue" | "change" | "close" | "clickTab" | "finish", import("vue").PublicProps, Readonly<ExtractPropTypes<{
+}, () => 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<{
     title: StringConstructor;
     options: {
-        type: PropType<T[]>;
+        type: PropType<CascaderOption[]>;
         default: () => never[];
     };
     closeable: {
@@ -69,7 +69,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: true;
     };
     closeIcon: {
-        type: PropType<T_1>;
+        type: PropType<string>;
         default: string;
     };
     showHeader: {
@@ -80,17 +80,17 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     fieldNames: PropType<CascaderFieldNames>;
     placeholder: StringConstructor;
     activeColor: StringConstructor;
-}>> & Readonly<{
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onClickTab?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onClick-tab"?: ((...args: any[]) => any) | undefined;
     onFinish?: ((...args: any[]) => any) | undefined;
-}>, {
+}, {
     closeIcon: string;
     closeable: boolean;
     options: CascaderOption[];
     swipeable: boolean;
     showHeader: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>;
 export default _default;