vant 4.0.0-rc.2 → 4.0.0-rc.4

package/README.md

@@ -92,16 +92,15 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 | --- | --- |
 | [vant-weapp](https://github.com/vant-ui/vant-weapp) | WeChat MiniProgram UI |
 | [vant-demo](https://github.com/vant-ui/vant-demo) | Collection of Vant demos |
-| [vant-cli](https://github.com/vant-ui/vant/tree/dev/packages/vant-cli) | Scaffold for UI library |
-| [vant-icons](https://github.com/vant-ui/vant/tree/dev/packages/vant-icons) | Vant icons |
-| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/dev/packages/vant-touch-emulator) | Using vant in desktop browsers |
+| [vant-cli](https://github.com/vant-ui/vant/tree/main/packages/vant-cli) | Scaffold for UI library |
+| [vant-icons](https://github.com/vant-ui/vant/tree/main/packages/vant-icons) | Vant icons |
+| [vant-touch-emulator](https://github.com/vant-ui/vant/tree/main/packages/vant-touch-emulator) | Using vant in desktop browsers |
 
 ## Community Ecosystem
 
 | Project | Description |
 | --- | --- |
 | [3lang3/react-vant](https://github.com/3lang3/react-vant) | React mobile UI Components based on Vant |
-| [rc-ui-lib](https://github.com/rancui/rc-ui-lib) | React mobile UI Components based on Vant |
 | [vant-aliapp](https://github.com/ant-move/Vant-Aliapp) | Alipay MiniProgram UI |
 | [taroify](https://gitee.com/mallfoundry/taroify) | Vant Taro |
 | [vant-theme](https://github.com/Aisen60/vant-theme) | Online theme preview built on Vant UI |
@@ -112,7 +111,7 @@ Vant 3/4 supports modern browsers and Chrome >= 51、iOS >= 10.0 (same as Vue 3)
 
 - [Documentation](https://vant-ui.github.io/vant)
 - [Changelog](https://vant-ui.github.io/vant#/en-US/changelog)
-- [Gitter](https://gitter.im/vant-contrib/discuss?utm_source=share-link&utm_medium=link&utm_campaign=share-link)
+- [Discussions](https://github.com/vant-ui/vant/discussions)
 
 ## Preview
 

package/changelog.generated.md

@@ -1,47 +1,59 @@
-### [v4.0.0-rc.2](https://github.com/vant-ui/vant/compare/v4.0.0-rc.1...v4.0.0-rc.2)
+### [v4.0.0-rc.4](https://github.com/vant-ui/vant/compare/v4.0.0-rc.3...v4.0.0-rc.4)
 
-`2022-09-11`
+`2022-09-25`
 
 **Bug Fixes**
 
-- attach css variables to :root element [#11026](https://github.com/vant-ui/vant/issues/11026)
-- Dialog: incorrect transform behavior [#11028](https://github.com/vant-ui/vant/issues/11028)
+- cli: downgrade vite version to fix the website [#11087](https://github.com/vant-ui/vant/issues/11087)
+- cli: should remove light theme class in dark mode [#11039](https://github.com/vant-ui/vant/issues/11039)
+- Tabs: incorrect scroll position in some cases [#11085](https://github.com/vant-ui/vant/issues/11085)
+- Tabs: incorrect scroll position when inited [#11059](https://github.com/vant-ui/vant/issues/11059)
 
 **Document**
 
-- changelog: vant@4.0.0-rc.1 [#11025](https://github.com/vant-ui/vant/issues/11025)
-- fix legacy css variables in demo [b6f2eb](https://github.com/vant-ui/vant/commit/b6f2eb3e2a101e8dbae14d7649f98afa514af539)
+- Cascader: update field-names type [#11052](https://github.com/vant-ui/vant/issues/11052)
+- changelog: vant@4.0.0-rc.3 [#11038](https://github.com/vant-ui/vant/issues/11038)
+- improve dark theme guide [#11040](https://github.com/vant-ui/vant/issues/11040)
+- PickerGroup: fix TimePicker link error [#11053](https://github.com/vant-ui/vant/issues/11053)
+- update links [#11041](https://github.com/vant-ui/vant/issues/11041)
 
-**style**
+**Feature**
 
-- Empty: fix opacity in dark mode [#11027](https://github.com/vant-ui/vant/issues/11027)
-### [v4.0.0-rc.1](https://github.com/vant-ui/vant/compare/v4.0.0-rc.0...v4.0.0-rc.1)
+- Field: add message param to 'end-validate' method [#11080](https://github.com/vant-ui/vant/issues/11080)
 
-`2022-09-10`
+**perf**
 
-**Bug Fixes**
+- improve the type of setTimeout [#11069](https://github.com/vant-ui/vant/issues/11069)
+- move @vant/icons to dev dependencies [#11075](https://github.com/vant-ui/vant/issues/11075)
+
+**release**
+
+- @vant/cli 5.0.0-beta.0 [#11082](https://github.com/vant-ui/vant/issues/11082)
+- vant@1.4.3 [#11076](https://github.com/vant-ui/vant/issues/11076)
+### [v4.0.0-rc.3](https://github.com/vant-ui/vant/compare/v4.0.0-rc.2...v4.0.0-rc.3)
 
-- @vant/cli: failed to build types of sfc [#11012](https://github.com/vant-ui/vant/issues/11012)
-- Picker: failed to update value in some cases [#11009](https://github.com/vant-ui/vant/issues/11009)
-- utils: avoid getting unexpected value [#11010](https://github.com/vant-ui/vant/issues/11010)
+`2022-09-12`
 
 **Document**
 
-- add picker-group to migration guide [#11016](https://github.com/vant-ui/vant/issues/11016)
-- changelog: @vant/cli 4.0.4 [1b08f8](https://github.com/vant-ui/vant/commit/1b08f84ac6dc84cb3cea93f7816a4fcd5f5c2293)
-- changelog: vant@4.0.0-rc.0 [f60a3b](https://github.com/vant-ui/vant/commit/f60a3b840d4e610a9a61a62573df1a015759a71d)
-- improve use component guide [#11020](https://github.com/vant-ui/vant/issues/11020)
-- switch dev branch to v4 [99833f](https://github.com/vant-ui/vant/commit/99833f218508d0177c886ba5756536563a926e25)
-- Toast: add component usage guide [#11019](https://github.com/vant-ui/vant/issues/11019)
+- changelog: vant@4.0.0-rc.2 [#11029](https://github.com/vant-ui/vant/issues/11029)
+- fix missing z-index prop in document [#11031](https://github.com/vant-ui/vant/issues/11031)
 
 **Feature**
 
-- Dialog: message-align can be justify [#11014](https://github.com/vant-ui/vant/issues/11014)
-- export props of all components [#11024](https://github.com/vant-ui/vant/issues/11024)
-- Image: add block prop [#11022](https://github.com/vant-ui/vant/issues/11022)
-- Toast: add message slot [#11018](https://github.com/vant-ui/vant/issues/11018)
+- add themeVars type of all components [#11034](https://github.com/vant-ui/vant/issues/11034)
+- Notify: add z-index prop [#11032](https://github.com/vant-ui/vant/issues/11032)
+
+**perf**
+
+- remove popperjs to reduce install size [#11030](https://github.com/vant-ui/vant/issues/11030)
 
 **release**
 
-- @vant/cli 4.0.4 [f0d3e0](https://github.com/vant-ui/vant/commit/f0d3e04fba4ecb05d7893d290d48089e860e3ee6)
-- 4.0.0-rc.1 [09c2bd](https://github.com/vant-ui/vant/commit/09c2bd8efda6981532a5dfd38a46664d49e8f207)
+- @vant/popperjs 1.3.0 [16c1f3](https://github.com/vant-ui/vant/commit/16c1f35135d93090ad7b129a73a0569203c3825d)
+- 4.0.0-rc.3 [5509ca](https://github.com/vant-ui/vant/commit/5509ca0d1dec6a819df69295dda2d7b59fbd3328)
+
+**Types**
+
+- some theme vars can be number type [#11037](https://github.com/vant-ui/vant/issues/11037)
+- Toast: fix missing global components type [#11033](https://github.com/vant-ui/vant/issues/11033)

package/es/action-bar/index.d.ts

@@ -17,6 +17,7 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
 export default ActionBar;
 export { actionBarProps } from './ActionBar';
 export type { ActionBarProps } from './ActionBar';
+export type { ActionBarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionBar: typeof ActionBar;

package/es/action-bar/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ActionBarThemeVars = {
+    actionBarBackground?: string;
+    actionBarHeight?: string;
+};

package/es/action-bar-button/index.d.ts

@@ -28,6 +28,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
 export default ActionBarButton;
 export { actionBarButtonProps } from './ActionBarButton';
 export type { ActionBarButtonProps } from './ActionBarButton';
+export type { ActionBarButtonThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionBarButton: typeof ActionBarButton;

package/es/action-bar-button/types.d.ts

@@ -0,0 +1,5 @@
+export declare type ActionBarButtonThemeVars = {
+    actionBarButtonHeight?: string;
+    actionBarButtonWarningColor?: string;
+    actionBarButtonDangerColor?: string;
+};

package/es/action-bar-icon/index.d.ts

@@ -31,6 +31,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
 export default ActionBarIcon;
 export { actionBarIconProps } from './ActionBarIcon';
 export type { ActionBarIconProps } from './ActionBarIcon';
+export type { ActionBarIconThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionBarIcon: typeof ActionBarIcon;

package/es/action-bar-icon/types.d.ts

@@ -0,0 +1,10 @@
+export declare type ActionBarIconThemeVars = {
+    actionBarIconWidth?: string;
+    actionBarIconHeight?: string;
+    actionBarIconColor?: string;
+    actionBarIconSize?: string;
+    actionBarIconFontSize?: string;
+    actionBarIconActiveColor?: string;
+    actionBarIconTextColor?: string;
+    actionBarIconBackground?: string;
+};

package/es/action-sheet/index.d.ts

@@ -128,6 +128,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
 export default ActionSheet;
 export { actionSheetProps } from './ActionSheet';
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';
+export type { ActionSheetThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionSheet: typeof ActionSheet;

package/es/action-sheet/types.d.ts

@@ -0,0 +1,23 @@
+export declare type ActionSheetThemeVars = {
+    actionSheetMaxHeight?: string;
+    actionSheetHeaderHeight?: string;
+    actionSheetHeaderFontSize?: string;
+    actionSheetDescriptionColor?: string;
+    actionSheetDescriptionFontSize?: string;
+    actionSheetDescriptionLineHeight?: number | string;
+    actionSheetItemBackground?: string;
+    actionSheetItemFontSize?: string;
+    actionSheetItemLineHeight?: number | string;
+    actionSheetItemTextColor?: string;
+    actionSheetItemDisabledTextColor?: string;
+    actionSheetSubnameColor?: string;
+    actionSheetSubnameFontSize?: string;
+    actionSheetSubnameLineHeight?: number | string;
+    actionSheetCloseIconSize?: string;
+    actionSheetCloseIconColor?: string;
+    actionSheetCloseIconPadding?: string;
+    actionSheetCancelTextColor?: string;
+    actionSheetCancelPaddingTop?: string;
+    actionSheetCancelPaddingColor?: string;
+    actionSheetLoadingIconSize?: string;
+};

package/es/address-edit/index.d.ts

@@ -110,7 +110,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
 export default AddressEdit;
 export { addressEditProps } from './AddressEdit';
 export type { AddressEditProps };
-export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';
+export type { AddressEditInfo, AddressEditInstance, AddressEditThemeVars, AddressEditSearchItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanAddressEdit: typeof AddressEdit;

package/es/address-edit/types.d.ts

@@ -20,3 +20,9 @@ export declare type AddressEditExpose = {
     setAddressDetail: (value: string) => void;
 };
 export declare type AddressEditInstance = ComponentPublicInstance<AddressEditProps, AddressEditExpose>;
+export declare type AddressEditThemeVars = {
+    addressEditPadding?: string;
+    addressEditButtonsPadding?: string;
+    addressEditButtonMarginBottom?: string;
+    addressEditButtonFontSize?: string;
+};

package/es/address-list/index.d.ts

@@ -49,6 +49,7 @@ export default AddressList;
 export { addressListProps } from './AddressList';
 export type { AddressListProps } from './AddressList';
 export type { AddressListAddress } from './AddressListItem';
+export type { AddressListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanAddressList: typeof AddressList;

package/es/address-list/types.d.ts

@@ -0,0 +1,15 @@
+export declare type AddressListThemeVars = {
+    addressListPadding?: string;
+    addressListDisabledTextColor?: string;
+    addressListDisabledTextPadding?: string;
+    addressListDisabledTextFontSize?: string;
+    addressListDisabledTextLineHeight?: number | string;
+    addressListAddButtonZIndex?: number | string;
+    addressListItemPadding?: string;
+    addressListItemTextColor?: string;
+    addressListItemDisabledTextColor?: string;
+    addressListItemFontSize?: string;
+    addressListItemLineHeight?: number | string;
+    addressListRadioColor?: string;
+    addressListEditIconSize?: string;
+};

package/es/badge/index.d.ts

@@ -43,6 +43,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
 export default Badge;
 export { badgeProps } from './Badge';
 export type { BadgeProps, BadgePosition } from './Badge';
+export type { BadgeThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanBadge: typeof Badge;

package/es/badge/types.d.ts

@@ -0,0 +1,12 @@
+export declare type BadgeThemeVars = {
+    badgeSize?: string;
+    badgeColor?: string;
+    badgePadding?: string;
+    badgeFontSize?: string;
+    badgeFontWeight?: string;
+    badgeBorderWidth?: string;
+    badgeBackground?: string;
+    badgeDotColor?: string;
+    badgeDotSize?: string;
+    badgeFont?: string;
+};

package/es/button/index.d.ts

@@ -96,7 +96,7 @@ export declare const Button: import("../utils").WithInstall<import("vue").Define
 export default Button;
 export { buttonProps } from './Button';
 export type { ButtonProps } from './Button';
-export type { ButtonType, ButtonSize, ButtonNativeType, ButtonIconPosition, } from './types';
+export type { ButtonType, ButtonSize, ButtonThemeVars, ButtonNativeType, ButtonIconPosition, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanButton: typeof Button;

package/es/button/types.d.ts

@@ -3,3 +3,39 @@ export declare type ButtonType = 'default' | 'primary' | 'success' | 'warning' |
 export declare type ButtonSize = 'large' | 'normal' | 'small' | 'mini';
 export declare type ButtonNativeType = NonNullable<ButtonHTMLAttributes['type']>;
 export declare type ButtonIconPosition = 'left' | 'right';
+export declare type ButtonThemeVars = {
+    buttonMiniHeight?: string;
+    buttonMiniPadding?: string;
+    buttonMiniFontSize?: string;
+    buttonSmallHeight?: string;
+    buttonSmallPadding?: string;
+    buttonSmallFontSize?: string;
+    buttonNormalPadding?: string;
+    buttonNormalFontSize?: string;
+    buttonLargeHeight?: string;
+    buttonDefaultHeight?: string;
+    buttonDefaultLineHeight?: number | string;
+    buttonDefaultFontSize?: string;
+    buttonDefaultColor?: string;
+    buttonDefaultBackground?: string;
+    buttonDefaultBorderColor?: string;
+    buttonPrimaryColor?: string;
+    buttonPrimaryBackground?: string;
+    buttonPrimaryBorderColor?: string;
+    buttonSuccessColor?: string;
+    buttonSuccessBackground?: string;
+    buttonSuccessBorderColor?: string;
+    buttonDangerColor?: string;
+    buttonDangerBackground?: string;
+    buttonDangerBorderColor?: string;
+    buttonWarningColor?: string;
+    buttonWarningBackground?: string;
+    buttonWarningBorderColor?: string;
+    buttonBorderWidth?: string;
+    buttonRadius?: string;
+    buttonRoundRadius?: string;
+    buttonPlainBackground?: string;
+    buttonDisabledOpacity?: number | string;
+    buttonIconSize?: string;
+    buttonLoadingIconSize?: string;
+};

package/es/calendar/index.d.ts

@@ -202,7 +202,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
 export default Calendar;
 export { calendarProps } from './Calendar';
 export type { CalendarProps } from './Calendar';
-export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';
+export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, CalendarThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCalendar: typeof Calendar;

package/es/calendar/types.d.ts

@@ -26,3 +26,31 @@ export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMont
     scrollToDate: (body: Element, targetDate: Date) => void;
     disabledDays: Ref<ComputedRef<CalendarDayItem[]>>;
 }>;
+export declare type CalendarThemeVars = {
+    calendarBackground?: string;
+    calendarPopupHeight?: string;
+    calendarHeaderShadow?: string;
+    calendarHeaderTitleHeight?: string;
+    calendarHeaderTitleFontSize?: string;
+    calendarHeaderSubtitleFontSize?: string;
+    calendarWeekdaysHeight?: string;
+    calendarWeekdaysFontSize?: string;
+    calendarMonthTitleFontSize?: string;
+    calendarMonthMarkColor?: string;
+    calendarMonthMarkFontSize?: string;
+    calendarDayHeight?: string;
+    calendarDayFontSize?: string;
+    calendarDayMarginBottom?: string;
+    calendarRangeEdgeColor?: string;
+    calendarRangeEdgeBackground?: string;
+    calendarRangeMiddleColor?: string;
+    calendarRangeMiddleBackgroundOpacity?: number | string;
+    calendarSelectedDaySize?: string;
+    calendarSelectedDayColor?: string;
+    calendarInfoFontSize?: string;
+    calendarInfoLineHeight?: number | string;
+    calendarSelectedDayBackground?: string;
+    calendarDayDisabledColor?: string;
+    calendarConfirmButtonHeight?: string;
+    calendarConfirmButtonMargin?: string;
+};

package/es/card/index.d.ts

@@ -38,6 +38,7 @@ export declare const Card: import("../utils").WithInstall<import("vue").DefineCo
 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/es/card/types.d.ts

@@ -0,0 +1,18 @@
+export declare type CardThemeVars = {
+    cardPadding?: string;
+    cardFontSize?: string;
+    cardTextColor?: string;
+    cardBackground?: string;
+    cardThumbSize?: string;
+    cardThumbRadius?: string;
+    cardTitleLineHeight?: number | string;
+    cardDescColor?: string;
+    cardDescLineHeight?: number | string;
+    cardPriceColor?: string;
+    cardOriginPriceColor?: string;
+    cardNumColor?: string;
+    cardOriginPriceFontSize?: string;
+    cardPriceFontSize?: string;
+    cardPriceIntegerFontSize?: string;
+    cardPriceFont?: string;
+};

package/es/cascader/index.d.ts

@@ -66,7 +66,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
 export default Cascader;
 export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';
-export type { CascaderOption, CascaderFieldNames } from './types';
+export type { CascaderOption, CascaderThemeVars, CascaderFieldNames, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCascader: typeof Cascader;

package/es/cascader/types.d.ts

@@ -17,3 +17,18 @@ export declare type CascaderFieldNames = {
     value?: string;
     children?: string;
 };
+export declare type CascaderThemeVars = {
+    cascaderHeaderHeight?: string;
+    cascaderHeaderPadding?: string;
+    cascaderTitleFontSize?: string;
+    cascaderTitleLineHeight?: number | string;
+    cascaderCloseIconSize?: string;
+    cascaderCloseIconColor?: string;
+    cascaderSelectedIconSize?: string;
+    cascaderTabsHeight?: string;
+    cascaderActiveColor?: string;
+    cascaderOptionsHeight?: string;
+    cascaderOptionDisabledColor?: string;
+    cascaderTabColor?: string;
+    cascaderUnselectedTabColor?: string;
+};

package/es/cell/index.d.ts

@@ -63,6 +63,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
 export default Cell;
 export { cellProps } from './Cell';
 export type { CellSize, CellProps, CellArrowDirection } from './Cell';
+export type { CellThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCell: typeof Cell;

package/es/cell/types.d.ts

@@ -0,0 +1,21 @@
+export declare type CellThemeVars = {
+    cellFontSize?: string;
+    cellLineHeight?: number | string;
+    cellVerticalPadding?: string;
+    cellHorizontalPadding?: string;
+    cellTextColor?: string;
+    cellBackground?: string;
+    cellBorderColor?: string;
+    cellActiveColor?: string;
+    cellRequiredColor?: string;
+    cellLabelColor?: string;
+    cellLabelFontSize?: string;
+    cellLabelLineHeight?: number | string;
+    cellLabelMarginTop?: string;
+    cellValueColor?: string;
+    cellIconSize?: string;
+    cellRightIconColor?: string;
+    cellLargeVerticalPadding?: string;
+    cellLargeTitleFontSize?: string;
+    cellLargeLabelFontSize?: string;
+};

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

@@ -19,6 +19,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
 export default CellGroup;
 export { cellGroupProps } from './CellGroup';
 export type { CellGroupProps } from './CellGroup';
+export type { CellGroupThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCellGroup: typeof CellGroup;

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

@@ -0,0 +1,10 @@
+export declare type CellGroupThemeVars = {
+    cellGroupBackground?: string;
+    cellGroupTitleColor?: string;
+    cellGroupTitlePadding?: string;
+    cellGroupTitleFontSize?: string;
+    cellGroupTitleLineHeight?: number | string;
+    cellGroupInsetPadding?: string;
+    cellGroupInsetRadius?: string;
+    cellGroupInsetTitlePadding?: string;
+};

package/es/checkbox/index.d.ts

@@ -44,7 +44,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
 export default Checkbox;
 export { checkboxProps } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
-export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
+export type { CheckboxShape, CheckboxInstance, CheckboxThemeVars, CheckboxLabelPosition, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCheckbox: typeof Checkbox;

package/es/checkbox/types.d.ts

@@ -11,3 +11,14 @@ export declare type CheckboxExpose = {
     checked: ComputedRef<boolean>;
 };
 export declare type CheckboxInstance = ComponentPublicInstance<CheckboxProps, CheckboxExpose>;
+export declare type CheckboxThemeVars = {
+    checkboxSize?: string;
+    checkboxBorderColor?: string;
+    checkboxDuration?: string;
+    checkboxLabelMargin?: string;
+    checkboxLabelColor?: string;
+    checkboxCheckedIconColor?: string;
+    checkboxDisabledIconColor?: string;
+    checkboxDisabledLabelColor?: string;
+    checkboxDisabledBackground?: string;
+};

package/es/circle/index.d.ts

@@ -80,6 +80,7 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
 export default Circle;
 export { circleProps } from './Circle';
 export type { CircleProps, CircleStartPosition } from './Circle';
+export type { CircleThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCircle: typeof Circle;

package/es/circle/types.d.ts

@@ -0,0 +1,9 @@
+export declare type CircleThemeVars = {
+    circleSize?: string;
+    circleColor?: string;
+    circleLayerColor?: string;
+    circleTextColor?: string;
+    circleTextFontWeight?: string;
+    circleTextFontSize?: string;
+    circleTextLineHeight?: number | string;
+};

package/es/collapse-item/index.d.ts

@@ -81,7 +81,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
 export default CollapseItem;
 export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
-export type { CollapseItemInstance } from './types';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCollapseItem: typeof CollapseItem;

package/es/collapse-item/types.d.ts

@@ -4,3 +4,12 @@ export declare type CollapseItemExpose = {
     toggle: (newValue?: boolean) => void;
 };
 export declare type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export declare type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentFontSize?: string;
+    collapseItemContentLineHeight?: number | string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitleDisabledColor?: string;
+};

package/es/config-provider/index.d.ts

@@ -33,6 +33,7 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
 export default ConfigProvider;
 export { configProviderProps } from './ConfigProvider';
 export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanConfigProvider: typeof ConfigProvider;

package/es/config-provider/types.d.ts

@@ -0,0 +1 @@
+export declare type ConfigProviderThemeVars = import('../action-bar').ActionBarThemeVars & import('../action-bar-button').ActionBarButtonThemeVars & import('../action-bar-icon').ActionBarIconThemeVars & import('../action-sheet').ActionSheetThemeVars & import('../address-edit').AddressEditThemeVars & import('../address-list').AddressListThemeVars & import('../badge').BadgeThemeVars & import('../button').ButtonThemeVars & import('../calendar').CalendarThemeVars & import('../card').CardThemeVars & import('../cascader').CascaderThemeVars & import('../cell').CellThemeVars & import('../cell-group').CellGroupThemeVars & import('../checkbox').CheckboxThemeVars & import('../circle').CircleThemeVars & import('../collapse-item').CollapseItemThemeVars & import('../contact-card').ContactCardThemeVars & import('../contact-edit').ContactEditThemeVars & import('../contact-list').ContactListThemeVars & import('../count-down').CountDownThemeVars & import('../coupon').CouponThemeVars & import('../coupon-cell').CouponCellThemeVars & import('../coupon-list').CouponListThemeVars & import('../dialog').DialogThemeVars & import('../divider').DividerThemeVars & import('../dropdown-item').DropdownItemThemeVars & import('../dropdown-menu').DropdownMenuThemeVars & import('../empty').EmptyThemeVars & import('../field').FieldThemeVars & import('../grid-item').GridItemThemeVars & import('../image').ImageThemeVars & import('../image-preview').ImagePreviewThemeVars & import('../index-anchor').IndexAnchorThemeVars & import('../index-bar').IndexBarThemeVars & import('../list').ListThemeVars & import('../loading').LoadingThemeVars & import('../nav-bar').NavBarThemeVars & import('../notice-bar').NoticeBarThemeVars & import('../notify').NotifyThemeVars & import('../number-keyboard').NumberKeyboardThemeVars & import('../overlay').OverlayThemeVars & import('../pagination').PaginationThemeVars & import('../password-input').PasswordInputThemeVars & import('../picker').PickerThemeVars & import('../picker-group').PickerGroupThemeVars & import('../popover').PopoverThemeVars & import('../popup').PopupThemeVars & import('../progress').ProgressThemeVars & import('../pull-refresh').PullRefreshThemeVars & import('../radio').RadioThemeVars & import('../rate').RateThemeVars & import('../search').SearchThemeVars & import('../share-sheet').ShareSheetThemeVars & import('../sidebar').SidebarThemeVars & import('../sidebar-item').SidebarItemThemeVars & import('../skeleton').SkeletonThemeVars & import('../slider').SliderThemeVars & import('../step').StepThemeVars & import('../stepper').StepperThemeVars & import('../steps').StepsThemeVars & import('../sticky').StickyThemeVars & import('../submit-bar').SubmitBarThemeVars & import('../swipe').SwipeThemeVars & import('../switch').SwitchThemeVars & import('../tabbar').TabbarThemeVars & import('../tabbar-item').TabbarItemThemeVars & import('../tabs').TabsThemeVars & import('../tag').TagThemeVars & import('../toast').ToastThemeVars & import('../tree-select').TreeSelectThemeVars & import('../uploader').UploaderThemeVars;

package/es/contact-card/index.d.ts

@@ -31,6 +31,7 @@ export declare const ContactCard: import("../utils").WithInstall<import("vue").D
 export default ContactCard;
 export { contactCardProps } from './ContactCard';
 export type { ContactCardType, ContactCardProps } from './ContactCard';
+export type { ContactCardThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactCard: typeof ContactCard;

package/es/contact-card/types.d.ts

@@ -0,0 +1,6 @@
+export declare type ContactCardThemeVars = {
+    contactCardPadding?: string;
+    contactCardAddIconSize?: string;
+    contactCardAddIconColor?: string;
+    contactCardTitleLineHeight?: number | string;
+};

package/es/contact-edit/index.d.ts

@@ -41,6 +41,7 @@ export declare const ContactEdit: import("../utils").WithInstall<import("vue").D
 export default ContactEdit;
 export { contactEditProps } from './ContactEdit';
 export type { ContactEditInfo, ContactEditProps } from './ContactEdit';
+export type { ContactEditThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanContactEdit: typeof ContactEdit;