vant 4.0.0-rc.0 → 4.0.0-rc.3

package/es/contact-list/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _ContactList from "./ContactList.mjs";
 const ContactList = withInstall(_ContactList);
 var stdin_default = ContactList;
+import { contactListProps } from "./ContactList.mjs";
 export {
   ContactList,
+  contactListProps,
   stdin_default as default
 };

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

@@ -0,0 +1,6 @@
+export declare type ContactListThemeVars = {
+    contactListEditIconSize?: string;
+    contactListAddButtonZIndex?: number | string;
+    contactListRadioColor?: string;
+    contactListItemPadding?: string;
+};

package/es/count-down/CountDown.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const countDownProps: {
+export declare const countDownProps: {
     time: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/es/count-down/CountDown.mjs

@@ -52,5 +52,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  countDownProps,
   stdin_default as default
 };

package/es/count-down/index.css

@@ -1 +1 @@
-body{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}
+:root{--van-count-down-text-color: var(--van-text-color);--van-count-down-font-size: var(--van-font-size-md);--van-count-down-line-height: var(--van-line-height-md)}.van-count-down{color:var(--van-count-down-text-color);font-size:var(--van-count-down-font-size);line-height:var(--van-count-down-line-height)}

package/es/count-down/index.d.ts

@@ -36,8 +36,9 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
     millisecond: boolean;
 }>>;
 export default CountDown;
+export { countDownProps } from './CountDown';
 export type { CountDownProps } from './CountDown';
-export type { CountDownInstance, CountDownCurrentTime } from './types';
+export type { CountDownInstance, CountDownThemeVars, CountDownCurrentTime, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCountDown: typeof CountDown;

package/es/count-down/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CountDown from "./CountDown.mjs";
 const CountDown = withInstall(_CountDown);
 var stdin_default = CountDown;
+import { countDownProps } from "./CountDown.mjs";
 export {
   CountDown,
+  countDownProps,
   stdin_default as default
 };

package/es/count-down/types.d.ts

@@ -8,4 +8,9 @@ declare type CountDownExpose = {
 };
 export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
 export declare type CountDownCurrentTime = CurrentTime;
+export declare type CountDownThemeVars = {
+    countDownTextColor?: string;
+    countDownFontSize?: string;
+    countDownLineHeight?: number | string;
+};
 export {};

package/es/coupon/index.css

@@ -1 +1 @@
-body{--van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height: 84px;--van-coupon-content-padding: 14px 0;--van-coupon-content-text-color: var(--van-text-color);--van-coupon-background: var(--van-background-2);--van-coupon-active-background: var(--van-active-color);--van-coupon-radius: var(--van-radius-lg);--van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-primary-color);--van-coupon-amount-font-size: 30px;--van-coupon-currency-font-size: 40%;--van-coupon-name-font-size: var(--van-font-size-md);--van-coupon-disabled-text-color: var(--van-text-color-2);--van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color: var(--van-border-color);--van-coupon-checkbox-color: var(--van-primary-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background);border-radius:var(--van-coupon-radius);box-shadow:var(--van-coupon-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__body{position:relative;flex:1;border-radius:0 var(--van-coupon-radius) var(--van-coupon-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-checkbox-color);border-color:var(--van-coupon-checkbox-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}
+:root{--van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);--van-coupon-content-height: 84px;--van-coupon-content-padding: 14px 0;--van-coupon-content-text-color: var(--van-text-color);--van-coupon-background: var(--van-background-2);--van-coupon-active-background: var(--van-active-color);--van-coupon-radius: var(--van-radius-lg);--van-coupon-shadow: 0 0 4px rgba(0, 0, 0, .1);--van-coupon-head-width: 96px;--van-coupon-amount-color: var(--van-primary-color);--van-coupon-amount-font-size: 30px;--van-coupon-currency-font-size: 40%;--van-coupon-name-font-size: var(--van-font-size-md);--van-coupon-disabled-text-color: var(--van-text-color-2);--van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);--van-coupon-description-border-color: var(--van-border-color);--van-coupon-checkbox-color: var(--van-primary-color)}.van-coupon{margin:var(--van-coupon-margin);overflow:hidden;background:var(--van-coupon-background);border-radius:var(--van-coupon-radius);box-shadow:var(--van-coupon-shadow)}.van-coupon:active{background-color:var(--van-coupon-active-background)}.van-coupon__content{display:flex;align-items:center;box-sizing:border-box;min-height:var(--van-coupon-content-height);padding:var(--van-coupon-content-padding);color:var(--van-coupon-content-text-color)}.van-coupon__head{position:relative;min-width:var(--van-coupon-head-width);padding:0 var(--van-padding-xs);color:var(--van-coupon-amount-color);text-align:center}.van-coupon__amount,.van-coupon__condition,.van-coupon__name,.van-coupon__valid{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount{margin-bottom:6px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-amount-font-size);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.van-coupon__amount span{font-size:var(--van-coupon-currency-font-size)}.van-coupon__amount span:not(:empty){margin-left:2px}.van-coupon__condition{font-size:var(--van-font-size-sm);line-height:16px;white-space:pre-wrap}.van-coupon__:root{position:relative;flex:1;border-radius:0 var(--van-coupon-radius) var(--van-coupon-radius) 0}.van-coupon__name{margin-bottom:10px;font-weight:var(--van-font-bold);font-size:var(--van-coupon-name-font-size);line-height:var(--van-line-height-md)}.van-coupon__valid{font-size:var(--van-font-size-sm)}.van-coupon__corner{position:absolute;top:0;right:var(--van-padding-md);bottom:0}.van-coupon__corner .van-checkbox__icon--checked .van-icon{background-color:var(--van-coupon-checkbox-color);border-color:var(--van-coupon-checkbox-color)}.van-coupon__description{padding:var(--van-coupon-description-padding);font-size:var(--van-font-size-sm);border-top:1px dashed var(--van-coupon-description-border-color)}.van-coupon--disabled:active{background-color:var(--van-coupon-background)}.van-coupon--disabled .van-coupon-item__content{height:calc(var(--van-coupon-content-height) - 10px)}.van-coupon--disabled .van-coupon__head{color:inherit}

package/es/coupon/index.d.ts

@@ -27,6 +27,7 @@ export declare const Coupon: import("../utils").WithInstall<import("vue").Define
 }>>;
 export default Coupon;
 export type { CouponInfo } from './Coupon';
+export type { CouponThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCoupon: typeof Coupon;

package/es/coupon/types.d.ts

@@ -0,0 +1,19 @@
+export declare type CouponThemeVars = {
+    couponMargin?: string;
+    couponContentHeight?: string;
+    couponContentPadding?: string;
+    couponContentTextColor?: string;
+    couponBackground?: string;
+    couponActiveBackground?: string;
+    couponRadius?: string;
+    couponShadow?: string;
+    couponHeadWidth?: string;
+    couponAmountColor?: string;
+    couponAmountFontSize?: string;
+    couponCurrencyFontSize?: string;
+    couponNameFontSize?: string;
+    couponDisabledTextColor?: string;
+    couponDescriptionPadding?: string;
+    couponDescriptionBorderColor?: string;
+    couponCheckboxColor?: string;
+};

package/es/coupon-cell/CouponCell.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { CouponInfo } from '../coupon';
-declare const couponCellProps: {
+export declare const couponCellProps: {
     title: StringConstructor;
     border: {
         type: BooleanConstructor;

package/es/coupon-cell/CouponCell.mjs

@@ -50,5 +50,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  couponCellProps,
   stdin_default as default
 };

package/es/coupon-cell/index.css

@@ -1 +1 @@
-body{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}
+:root{--van-coupon-cell-selected-text-color: var(--van-text-color)}.van-coupon-cell__value--selected{color:var(--van-coupon-cell-selected-text-color)}

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

@@ -50,7 +50,9 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
     chosenCoupon: string | number;
 }>>;
 export default CouponCell;
+export { couponCellProps } from './CouponCell';
 export type { CouponCellProps } from './CouponCell';
+export type { CouponCellThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCouponCell: typeof CouponCell;

package/es/coupon-cell/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CouponCell from "./CouponCell.mjs";
 const CouponCell = withInstall(_CouponCell);
 var stdin_default = CouponCell;
+import { couponCellProps } from "./CouponCell.mjs";
 export {
   CouponCell,
+  couponCellProps,
   stdin_default as default
 };

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

@@ -0,0 +1,3 @@
+export declare type CouponCellThemeVars = {
+    couponCellSelectedTextColor?: string;
+};

package/es/coupon-list/CouponList.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import { CouponInfo } from '../coupon';
-declare const couponListProps: {
+export declare const couponListProps: {
     code: {
         type: import("vue").PropType<string>;
         default: string;

package/es/coupon-list/CouponList.mjs

@@ -182,5 +182,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  couponListProps,
   stdin_default as default
 };

package/es/coupon-list/index.css

@@ -1 +1 @@
-body{--van-coupon-list-background: var(--van-background);--van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height: 32px;--van-coupon-list-close-button-height: 40px;--van-coupon-list-empty-tip-color: var(--van-text-color-2);--van-coupon-list-empty-tip-font-size: var(--van-font-size-md);--van-coupon-list-empty-tip-line-height: var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background:var(--van-coupon-list-background)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-background);border-radius:var(--van-radius-max)}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-background-2)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-bold);background-color:var(--van-background-2)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty-tip{color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}
+:root{--van-coupon-list-background: var(--van-background);--van-coupon-list-field-padding: 5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height: 32px;--van-coupon-list-close-button-height: 40px;--van-coupon-list-empty-tip-color: var(--van-text-color-2);--van-coupon-list-empty-tip-font-size: var(--van-font-size-md);--van-coupon-list-empty-tip-line-height: var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background:var(--van-coupon-list-background)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__:root{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-background);border-radius:var(--van-radius-max)}.van-coupon-list__field .van-field__:root::-webkit-input-placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__:root::placeholder{color:var(--van-text-color-3)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-background-2)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-bold);background-color:var(--van-background-2)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty-tip{color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}

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

@@ -115,7 +115,9 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     exchangeButtonDisabled: boolean;
 }>>;
 export default CouponList;
+export { couponListProps } from './CouponList';
 export type { CouponListProps } from './CouponList';
+export type { CouponListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCouponList: typeof CouponList;

package/es/coupon-list/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CouponList from "./CouponList.mjs";
 const CouponList = withInstall(_CouponList);
 var stdin_default = CouponList;
+import { couponListProps } from "./CouponList.mjs";
 export {
   CouponList,
+  couponListProps,
   stdin_default as default
 };

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

@@ -0,0 +1,9 @@
+export declare type CouponListThemeVars = {
+    couponListBackground?: string;
+    couponListFieldPadding?: string;
+    couponListExchangeButtonHeight?: string;
+    couponListCloseButtonHeight?: string;
+    couponListEmptyTipColor?: string;
+    couponListEmptyTipFontSize?: string;
+    couponListEmptyTipLineHeight?: number | string;
+};

package/es/date-picker/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type DatePickerColumnType = 'year' | 'month' | 'day';
-declare const datePickerProps: {
+export declare const datePickerProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/date-picker/DatePicker.mjs

@@ -107,5 +107,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  datePickerProps,
   stdin_default as default
 };

package/es/date-picker/index.d.ts

@@ -117,6 +117,7 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
     columnsType: import("./DatePicker").DatePickerColumnType[];
 }>>;
 export default DatePicker;
+export { datePickerProps } from './DatePicker';
 export type { DatePickerProps };
 export type { DatePickerColumnType } from './DatePicker';
 declare module 'vue' {

package/es/date-picker/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _DatePicker from "./DatePicker.mjs";
 const DatePicker = withInstall(_DatePicker);
 var stdin_default = DatePicker;
+import { datePickerProps } from "./DatePicker.mjs";
 export {
   DatePicker,
+  datePickerProps,
   stdin_default as default
 };

package/es/dialog/Dialog.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
-declare const dialogProps: {
+export declare const dialogProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/dialog/Dialog.mjs

@@ -213,5 +213,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  dialogProps
 };

package/es/dialog/index.css

@@ -1 +1 @@
-body{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+:root{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__message--justify{text-align:justify}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(0,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(0,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.d.ts

@@ -127,9 +127,10 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     showConfirmButton: boolean;
 }>>;
 export default Dialog;
+export { dialogProps } from './Dialog';
 export { showDialog, closeDialog, showConfirmDialog, setDialogDefaultOptions, resetDialogDefaultOptions, } from './function-call';
 export type { DialogProps } from './Dialog';
-export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';
+export type { DialogTheme, DialogMessage, DialogOptions, DialogThemeVars, DialogMessageAlign, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDialog: typeof Dialog;

package/es/dialog/index.mjs

@@ -2,6 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Dialog from "./Dialog.mjs";
 const Dialog = withInstall(_Dialog);
 var stdin_default = Dialog;
+import { dialogProps } from "./Dialog.mjs";
 import {
   showDialog,
   closeDialog,
@@ -13,6 +14,7 @@ export {
   Dialog,
   closeDialog,
   stdin_default as default,
+  dialogProps,
   resetDialogDefaultOptions,
   setDialogDefaultOptions,
   showConfirmDialog,

package/es/dialog/types.d.ts

@@ -3,7 +3,7 @@ import type { Interceptor, Numeric } from '../utils';
 export declare type DialogTheme = 'default' | 'round-button';
 export declare type DialogAction = 'confirm' | 'cancel';
 export declare type DialogMessage = string | (() => JSX.Element);
-export declare type DialogMessageAlign = 'left' | 'center' | 'right';
+export declare type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
 export declare type DialogOptions = {
     title?: string;
     width?: Numeric;
@@ -30,3 +30,24 @@ export declare type DialogOptions = {
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
+export declare type DialogThemeVars = {
+    dialogWidth?: string;
+    dialogSmallScreenWidth?: string;
+    dialogFontSize?: string;
+    dialogTransition?: string;
+    dialogRadius?: string;
+    dialogBackground?: string;
+    dialogHeaderFontWeight?: string;
+    dialogHeaderLineHeight?: number | string;
+    dialogHeaderPaddingTop?: string;
+    dialogHeaderIsolatedPadding?: string;
+    dialogMessagePadding?: string;
+    dialogMessageFontSize?: string;
+    dialogMessageLineHeight?: number | string;
+    dialogMessageMaxHeight?: string;
+    dialogHasTitleMessageTextColor?: string;
+    dialogHasTitleMessagePaddingTop?: string;
+    dialogButtonHeight?: string;
+    dialogRoundButtonHeight?: string;
+    dialogConfirmButtonTextColor?: string;
+};

package/es/divider/Divider.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type DividerContentPosition = 'left' | 'center' | 'right';
-declare const dividerProps: {
+export declare const dividerProps: {
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

package/es/divider/Divider.mjs

@@ -27,5 +27,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  dividerProps
 };

package/es/divider/index.css

@@ -1 +1 @@
-body{--van-divider-margin: var(--van-padding-md) 0;--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}
+:root{--van-divider-margin: var(--van-padding-md) 0;--van-divider-text-color: var(--van-text-color-2);--van-divider-font-size: var(--van-font-size-md);--van-divider-line-height: 24px;--van-divider-border-color: var(--van-border-color);--van-divider-content-padding: var(--van-padding-md);--van-divider-content-left-width: 10%;--van-divider-content-right-width: 10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider:before,.van-divider:after{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width) 0 0}.van-divider:before{content:""}.van-divider--hairline:before,.van-divider--hairline:after{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center:before,.van-divider--content-left:before,.van-divider--content-right:before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center:after,.van-divider--content-left:after,.van-divider--content-right:after{margin-left:var(--van-divider-content-padding);content:""}.van-divider--content-left:before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right:after{max-width:var(--van-divider-content-right-width)}

package/es/divider/index.d.ts

@@ -24,7 +24,9 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
     contentPosition: import("./Divider").DividerContentPosition;
 }>>;
 export default Divider;
+export { dividerProps } from './Divider';
 export type { DividerProps, DividerContentPosition } from './Divider';
+export type { DividerThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDivider: typeof Divider;

package/es/divider/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Divider from "./Divider.mjs";
 const Divider = withInstall(_Divider);
 var stdin_default = Divider;
+import { dividerProps } from "./Divider.mjs";
 export {
   Divider,
-  stdin_default as default
+  stdin_default as default,
+  dividerProps
 };

package/es/divider/types.d.ts

@@ -0,0 +1,10 @@
+export declare type DividerThemeVars = {
+    dividerMargin?: string;
+    dividerTextColor?: string;
+    dividerFontSize?: string;
+    dividerLineHeight?: number | string;
+    dividerBorderColor?: string;
+    dividerContentPadding?: string;
+    dividerContentLeftWidth?: string;
+    dividerContentRightWidth?: string;
+};

package/es/dropdown-item/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import type { DropdownItemOption } from './types';
-declare const dropdownItemProps: {
+export declare const dropdownItemProps: {
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;

package/es/dropdown-item/DropdownItem.mjs

@@ -176,5 +176,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  dropdownItemProps
 };

package/es/dropdown-item/index.css

@@ -1 +1 @@
-body{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}
+:root{--van-dropdown-item-z-index: 10}.van-dropdown-item{position:fixed;right:0;left:0;z-index:var(--van-dropdown-item-z-index);overflow:hidden}.van-dropdown-item__icon{display:block;line-height:inherit}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active,.van-dropdown-item__option--active .van-dropdown-item__icon{color:var(--van-dropdown-menu-option-active-color)}.van-dropdown-item--up{top:0}.van-dropdown-item--down{bottom:0}.van-dropdown-item__content{position:absolute;max-height:var(--van-dropdown-menu-content-max-height)}

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

@@ -40,8 +40,9 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     options: import("./types").DropdownItemOption[];
 }>>;
 export default DropdownItem;
+export { dropdownItemProps } from './DropdownItem';
 export type { DropdownItemProps };
-export type { DropdownItemInstance, DropdownItemOption } from './types';
+export type { DropdownItemOption, DropdownItemInstance, DropdownItemThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDropdownItem: typeof DropdownItem;

package/es/dropdown-item/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _DropdownItem from "./DropdownItem.mjs";
 const DropdownItem = withInstall(_DropdownItem);
 var stdin_default = DropdownItem;
+import { dropdownItemProps } from "./DropdownItem.mjs";
 export {
   DropdownItem,
-  stdin_default as default
+  stdin_default as default,
+  dropdownItemProps
 };

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

@@ -20,3 +20,6 @@ export declare type DropdownItemExpose = {
     renderTitle: () => string | VNode[];
 };
 export declare type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
+export declare type DropdownItemThemeVars = {
+    dropdownItemZIndex?: number | string;
+};

package/es/dropdown-menu/DropdownMenu.d.ts

@@ -1,6 +1,6 @@
 import { type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
-declare const dropdownMenuProps: {
+export declare const dropdownMenuProps: {
     overlay: {
         type: BooleanConstructor;
         default: true;

package/es/dropdown-menu/DropdownMenu.mjs

@@ -132,5 +132,6 @@ var stdin_default = defineComponent({
 });
 export {
   DROPDOWN_KEY,
-  stdin_default as default
+  stdin_default as default,
+  dropdownMenuProps
 };

package/es/dropdown-menu/index.css

@@ -1 +1 @@
-body{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}
+:root{--van-dropdown-menu-height: 48px;--van-dropdown-menu-background: var(--van-background-2);--van-dropdown-menu-shadow: 0 2px 12px rgba(100, 101, 102, .12);--van-dropdown-menu-title-font-size: 15px;--van-dropdown-menu-title-text-color: var(--van-text-color);--van-dropdown-menu-title-active-text-color: var(--van-primary-color);--van-dropdown-menu-title-disabled-text-color: var(--van-text-color-2);--van-dropdown-menu-title-padding: 0 var(--van-padding-xs);--van-dropdown-menu-title-line-height: var(--van-line-height-lg);--van-dropdown-menu-option-active-color: var(--van-primary-color);--van-dropdown-menu-content-max-height: 80%}.van-dropdown-menu{-webkit-user-select:none;user-select:none}.van-dropdown-menu__bar{position:relative;display:flex;height:var(--van-dropdown-menu-height);background:var(--van-dropdown-menu-background);box-shadow:var(--van-dropdown-menu-shadow)}.van-dropdown-menu__bar--opened{z-index:calc(var(--van-dropdown-item-z-index) + 1)}.van-dropdown-menu__item{display:flex;flex:1;align-items:center;justify-content:center;min-width:0}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:var(--van-dropdown-menu-title-disabled-text-color)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:var(--van-dropdown-menu-title-padding);color:var(--van-dropdown-menu-title-text-color);font-size:var(--van-dropdown-menu-title-font-size);line-height:var(--van-dropdown-menu-title-line-height)}.van-dropdown-menu__title:after{position:absolute;top:50%;right:-4px;margin-top:-5px;border:3px solid;border-color:transparent transparent var(--van-gray-4) var(--van-gray-4);transform:rotate(-45deg);opacity:.8;content:""}.van-dropdown-menu__title--active{color:var(--van-dropdown-menu-title-active-text-color)}.van-dropdown-menu__title--active:after{border-color:transparent transparent currentColor currentColor}.van-dropdown-menu__title--down:after{margin-top:-1px;transform:rotate(135deg)}

package/es/dropdown-menu/index.d.ts

@@ -53,8 +53,9 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
+export { dropdownMenuProps } from './DropdownMenu';
 export type { DropdownMenuProps };
-export type { DropdownMenuDirection } from './types';
+export type { DropdownMenuDirection, DropdownMenuThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanDropdownMenu: typeof DropdownMenu;

package/es/dropdown-menu/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _DropdownMenu from "./DropdownMenu.mjs";
 const DropdownMenu = withInstall(_DropdownMenu);
 var stdin_default = DropdownMenu;
+import { dropdownMenuProps } from "./DropdownMenu.mjs";
 export {
   DropdownMenu,
-  stdin_default as default
+  stdin_default as default,
+  dropdownMenuProps
 };

package/es/dropdown-menu/types.d.ts

@@ -6,3 +6,16 @@ export declare type DropdownMenuProvide = {
     props: DropdownMenuProps;
     offset: Ref<number>;
 };
+export declare type DropdownMenuThemeVars = {
+    dropdownMenuHeight?: string;
+    dropdownMenuBackground?: string;
+    dropdownMenuShadow?: string;
+    dropdownMenuTitleFontSize?: string;
+    dropdownMenuTitleTextColor?: string;
+    dropdownMenuTitleActiveTextColor?: string;
+    dropdownMenuTitleDisabledTextColor?: string;
+    dropdownMenuTitlePadding?: string;
+    dropdownMenuTitleLineHeight?: number | string;
+    dropdownMenuOptionActiveColor?: string;
+    dropdownMenuContentMaxHeight?: string;
+};

package/es/empty/Empty.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
-declare const emptyProps: {
+export declare const emptyProps: {
     image: {
         type: PropType<string>;
         default: string;

package/es/empty/Empty.mjs

@@ -318,5 +318,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  emptyProps
 };

package/es/empty/index.css

@@ -1 +1 @@
-body{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 160px;--van-empty-description-margin-top: var(--van-padding-md);--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-text-color-2);--van-empty-description-font-size: var(--van-font-size-md);--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}
+:root{--van-empty-padding: var(--van-padding-xl) 0;--van-empty-image-size: 160px;--van-empty-description-margin-top: var(--van-padding-md);--van-empty-description-padding: 0 60px;--van-empty-description-color: var(--van-text-color-2);--van-empty-description-font-size: var(--van-font-size-md);--van-empty-description-line-height: var(--van-line-height-md);--van-empty-bottom-margin-top: 24px}.van-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-empty-padding)}.van-empty__image{width:var(--van-empty-image-size);height:var(--van-empty-image-size)}.van-empty__image img{width:100%;height:100%}.van-empty__description{margin-top:var(--van-empty-description-margin-top);padding:var(--van-empty-description-padding);color:var(--van-empty-description-color);font-size:var(--van-empty-description-font-size);line-height:var(--van-empty-description-line-height)}.van-empty__bottom{margin-top:var(--van-empty-bottom-margin-top)}.van-theme-dark .van-empty{opacity:.5}

package/es/empty/index.d.ts

@@ -16,7 +16,9 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     image: string;
 }>>;
 export default Empty;
+export { emptyProps } from './Empty';
 export type { EmptyProps } from './Empty';
+export type { EmptyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanEmpty: typeof Empty;

package/es/empty/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Empty from "./Empty.mjs";
 const Empty = withInstall(_Empty);
 var stdin_default = Empty;
+import { emptyProps } from "./Empty.mjs";
 export {
   Empty,
-  stdin_default as default
+  stdin_default as default,
+  emptyProps
 };