vant 4.0.0-beta.0 → 4.0.0-rc.1

package/es/config-provider/ConfigProvider.mjs

@@ -1,12 +1,16 @@
 import { createVNode as _createVNode } from "vue";
-import { watch, provide, computed, defineComponent } from "vue";
-import { inBrowser, kebabCase, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { watch, provide, computed, watchEffect, onActivated, onDeactivated, onBeforeUnmount, defineComponent } from "vue";
+import { extend, inBrowser, kebabCase, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { setGlobalZIndex } from "../composables/use-global-z-index.mjs";
 const [name, bem] = createNamespace("config-provider");
 const CONFIG_PROVIDER_KEY = Symbol(name);
 const configProviderProps = {
   tag: makeStringProp("div"),
   theme: makeStringProp("light"),
+  zIndex: Number,
   themeVars: Object,
+  themeVarsDark: Object,
+  themeVarsLight: Object,
   iconPrefix: String
 };
 function mapThemeVarsToCSSVars(themeVars) {
@@ -22,20 +26,32 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
-    const style = computed(() => {
-      if (props.themeVars) {
-        return mapThemeVarsToCSSVars(props.themeVars);
-      }
-    });
+    const style = computed(() => mapThemeVarsToCSSVars(extend({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (inBrowser) {
+      const addTheme = () => {
+        document.body.classList.add(`van-theme-${props.theme}`);
+      };
+      const removeTheme = (theme = props.theme) => {
+        document.body.classList.remove(`van-theme-${theme}`);
+      };
       watch(() => props.theme, (newVal, oldVal) => {
-        document.body.classList.remove(`van-theme-${oldVal}`);
-        document.body.classList.add(`van-theme-${newVal}`);
+        if (oldVal) {
+          removeTheme(oldVal);
+        }
+        addTheme();
       }, {
         immediate: true
       });
+      onActivated(addTheme);
+      onDeactivated(removeTheme);
+      onBeforeUnmount(removeTheme);
     }
     provide(CONFIG_PROVIDER_KEY, props);
+    watchEffect(() => {
+      if (props.zIndex !== void 0) {
+        setGlobalZIndex(props.zIndex);
+      }
+    });
     return () => _createVNode(props.tag, {
       "class": bem(),
       "style": style.value
@@ -49,5 +65,6 @@ var stdin_default = defineComponent({
 });
 export {
   CONFIG_PROVIDER_KEY,
+  configProviderProps,
   stdin_default as default
 };

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

@@ -7,9 +7,12 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -18,13 +21,17 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;
     theme: import("./ConfigProvider").ConfigProviderTheme;
 }>>;
 export default ConfigProvider;
+export { configProviderProps } from './ConfigProvider';
 export type { ConfigProviderProps, ConfigProviderTheme, } from './ConfigProvider';
 declare module 'vue' {
     interface GlobalComponents {

package/es/config-provider/index.mjs

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

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

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type ContactCardType = 'add' | 'edit';
-declare const contactCardProps: {
+export declare const contactCardProps: {
     tel: StringConstructor;
     name: StringConstructor;
     type: {

package/es/contact-card/ContactCard.mjs

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

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

@@ -29,6 +29,7 @@ export declare const ContactCard: import("../utils").WithInstall<import("vue").D
     editable: boolean;
 }>>;
 export default ContactCard;
+export { contactCardProps } from './ContactCard';
 export type { ContactCardType, ContactCardProps } from './ContactCard';
 declare module 'vue' {
     interface GlobalComponents {

package/es/contact-card/index.mjs

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

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

@@ -5,7 +5,7 @@ export declare type ContactEditInfo = {
     name: string;
     isDefault?: boolean;
 };
-declare const contactEditProps: {
+export declare const contactEditProps: {
     isEdit: BooleanConstructor;
     isSaving: BooleanConstructor;
     isDeleting: BooleanConstructor;

package/es/contact-edit/ContactEdit.mjs

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

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

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

package/es/contact-edit/index.mjs

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

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

@@ -6,7 +6,7 @@ export declare type ContactListItem = {
     name: string;
     isDefault?: boolean;
 };
-declare const contactListProps: {
+export declare const contactListProps: {
     list: PropType<ContactListItem[]>;
     addText: StringConstructor;
     modelValue: PropType<unknown>;

package/es/contact-list/ContactList.mjs

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

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

@@ -15,6 +15,7 @@ export declare const ContactList: import("../utils").WithInstall<import("vue").D
     onAdd?: ((...args: any[]) => any) | undefined;
 }, {}>>;
 export default ContactList;
+export { contactListProps } from './ContactList';
 export type { ContactListItem, ContactListProps } from './ContactList';
 declare module 'vue' {
     interface GlobalComponents {

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/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.d.ts

@@ -36,6 +36,7 @@ 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';
 declare module 'vue' {

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/coupon/Coupon.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: PropType<CouponInfo>;

package/es/coupon/index.d.ts

@@ -9,7 +9,7 @@ export declare const Coupon: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: import("vue").PropType<import("./Coupon").CouponInfo>;

package/es/coupon/utils.mjs

@@ -1,7 +1,9 @@
 import { padZero } from "../utils/index.mjs";
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
-  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(date.getDate())}`;
+  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
+    date.getDate()
+  )}`;
 }
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);

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;
@@ -46,7 +46,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     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.d.ts

@@ -20,7 +20,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;
@@ -50,6 +50,7 @@ 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';
 declare module 'vue' {
     interface GlobalComponents {

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-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.d.ts

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

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/style/index.mjs

@@ -5,13 +5,13 @@ import "../../cell/index.css";
 import "../../field/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
-import "../../checkbox-group/index.css";
-import "../../checkbox/index.css";
-import "../../coupon/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../../swipe-item/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../coupon/index.css";
 import "../../empty/index.css";
 import "../index.css";

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

@@ -1,7 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type DatePickerColumnType = 'year' | 'month' | 'day';
-declare const datePickerProps: {
-    title: StringConstructor;
+export declare const datePickerProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -21,6 +20,8 @@ declare const datePickerProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -51,7 +52,6 @@ declare const datePickerProps: {
 };
 export declare type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
 declare const _default: import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -71,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -99,7 +101,6 @@ declare const _default: import("vue").DefineComponent<{
         validator: (val: unknown) => val is Date;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -119,6 +120,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/es/date-picker/DatePicker.mjs

@@ -35,7 +35,9 @@ var stdin_default = defineComponent({
       const maxYear = props.maxDate.getFullYear();
       return genOptions(minYear, maxYear, "year", props.formatter, props.filter);
     };
+    const isMinYear = (year) => year === props.minDate.getFullYear();
     const isMaxYear = (year) => year === props.maxDate.getFullYear();
+    const isMinMonth = (month) => month === props.minDate.getMonth() + 1;
     const isMaxMonth = (month) => month === props.maxDate.getMonth() + 1;
     const getValue = (type) => {
       const {
@@ -57,19 +59,17 @@ var stdin_default = defineComponent({
       }
     };
     const genMonthOptions = () => {
-      if (isMaxYear(getValue("year"))) {
-        return genOptions(1, props.maxDate.getMonth() + 1, "month", props.formatter, props.filter);
-      }
-      return genOptions(1, 12, "month", props.formatter, props.filter);
+      const year = getValue("year");
+      const minMonth = isMinYear(year) ? props.minDate.getMonth() + 1 : 1;
+      const maxMonth = isMaxYear(year) ? props.maxDate.getMonth() + 1 : 12;
+      return genOptions(minMonth, maxMonth, "month", props.formatter, props.filter);
     };
     const genDayOptions = () => {
       const year = getValue("year");
       const month = getValue("month");
-      let maxDate = getMonthEndDay(year, month);
-      if (isMaxYear(year) && isMaxMonth(month)) {
-        maxDate = props.maxDate.getDate();
-      }
-      return genOptions(1, maxDate, "day", props.formatter, props.filter);
+      const minDate = isMinYear(year) && isMinMonth(month) ? props.minDate.getDate() : 1;
+      const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : getMonthEndDay(year, month);
+      return genOptions(minDate, maxDate, "day", props.formatter, props.filter);
     };
     const columns = computed(() => props.columnsType.map((type) => {
       switch (type) {
@@ -84,7 +84,7 @@ var stdin_default = defineComponent({
       }
     }));
     watch(currentValues, (newValues) => {
-      if (isSameValue(newValues, props.modelValue)) {
+      if (!isSameValue(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
     });
@@ -107,5 +107,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  datePickerProps,
   stdin_default as default
 };

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

@@ -1,6 +1,5 @@
 import { DatePickerProps } from './DatePicker';
 export declare const DatePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -20,6 +19,8 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -48,7 +49,6 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         validator: (val: unknown) => val is Date;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -68,6 +68,8 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -115,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/date-picker/style/index.mjs

@@ -1,3 +1,10 @@
 import "../../style/base.css";
+import "../../badge/index.css";
 import "../../loading/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
 import "../../picker/index.css";
+import "../../picker-group/index.css";

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

@@ -3,7 +3,6 @@ import type { PickerOption } from '../picker';
 declare type Filter = (columnType: string, options: PickerOption[]) => PickerOption[];
 declare type Formatter = (type: string, option: PickerOption) => PickerOption;
 export declare const sharedProps: {
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -23,6 +22,8 @@ export declare const sharedProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

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%;left:50%;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}
+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__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(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/es/dialog/index.d.ts

@@ -127,6 +127,7 @@ 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';