vant 4.0.0-alpha.0 → 4.0.0-alpha.3

package/es/calendar/Calendar.js

@@ -36,6 +36,7 @@ const calendarProps = {
   showRangePrompt: truthProp,
   confirmDisabledText: String,
   closeOnClickOverlay: truthProp,
+  safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: truthProp,
   minDate: {
     type: Date,
@@ -198,8 +199,8 @@ var stdin_default = defineComponent({
       }
       raf(() => {
         bodyHeight = Math.floor(useRect(bodyRef).height);
-        scrollToCurrentDate();
       });
+      scrollToCurrentDate();
     };
     const reset = (date = getInitialDate()) => {
       currentDate.value = date;
@@ -384,6 +385,7 @@ var stdin_default = defineComponent({
           "closeable": props.showTitle || props.showSubtitle,
           "teleport": props.teleport,
           "closeOnPopstate": props.closeOnPopstate,
+          "safeAreaInsetTop": props.safeAreaInsetTop,
           "closeOnClickOverlay": props.closeOnClickOverlay,
           "onUpdate:show": updateShow
         }, {

package/es/calendar/CalendarDay.js

@@ -18,6 +18,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const style = computed(() => {
+      var _a;
       const {
         item,
         index,
@@ -49,6 +50,9 @@ var stdin_default = defineComponent({
             break;
         }
       }
+      if (offset + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+        style2.marginBottom = 0;
+      }
       return style2;
     });
     const onClick = () => {

package/es/calendar/index.css

@@ -1 +1 @@
-body{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}
+body{--van-calendar-background: var(--van-background-2);--van-calendar-popup-height: 80%;--van-calendar-header-shadow: 0 2px 10px rgba(125, 126, 128, .16);--van-calendar-header-title-height: 44px;--van-calendar-header-title-font-size: var(--van-font-size-lg);--van-calendar-header-subtitle-font-size: var(--van-font-size-md);--van-calendar-weekdays-height: 30px;--van-calendar-weekdays-font-size: var(--van-font-size-sm);--van-calendar-month-title-font-size: var(--van-font-size-md);--van-calendar-month-mark-color: rgba(242, 243, 245, .8);--van-calendar-month-mark-font-size: 160px;--van-calendar-day-height: 64px;--van-calendar-day-font-size: var(--van-font-size-lg);--van-calendar-day-margin-bottom: 4px;--van-calendar-range-edge-color: var(--van-white);--van-calendar-range-edge-background: var(--van-primary-color);--van-calendar-range-middle-color: var(--van-primary-color);--van-calendar-range-middle-background-opacity: .1;--van-calendar-selected-day-size: 54px;--van-calendar-selected-day-color: var(--van-white);--van-calendar-info-font-size: var(--van-font-size-xs);--van-calendar-info-line-height: var(--van-line-height-xs);--van-calendar-selected-day-background: var(--van-primary-color);--van-calendar-day-disabled-color: var(--van-text-color-3);--van-calendar-confirm-button-height: 36px;--van-calendar-confirm-button-margin: 7px 0}.van-theme-dark{--van-calendar-month-mark-color: rgba(100, 101, 102, .2);--van-calendar-day-disabled-color: var(--van-gray-7)}.van-calendar{display:flex;flex-direction:column;height:100%;background:var(--van-calendar-background)}.van-calendar__popup.van-popup--top,.van-calendar__popup.van-popup--bottom{height:var(--van-calendar-popup-height)}.van-calendar__popup.van-popup--left,.van-calendar__popup.van-popup--right{height:100%}.van-calendar__popup .van-popup__close-icon{top:11px}.van-calendar__header{flex-shrink:0;box-shadow:var(--van-calendar-header-shadow)}.van-calendar__month-title,.van-calendar__header-title,.van-calendar__header-subtitle{color:var(--van-text-color);height:var(--van-calendar-header-title-height);font-weight:var(--van-font-bold);line-height:var(--van-calendar-header-title-height);text-align:center}.van-calendar__header-title{font-size:var(--van-calendar-header-title-font-size)}.van-calendar__header-subtitle{font-size:var(--van-calendar-header-subtitle-font-size)}.van-calendar__month-title{font-size:var(--van-calendar-month-title-font-size)}.van-calendar__weekdays{display:flex}.van-calendar__weekday{flex:1;font-size:var(--van-calendar-weekdays-font-size);line-height:var(--van-calendar-weekdays-height);text-align:center}.van-calendar__body{flex:1;overflow:auto;-webkit-overflow-scrolling:touch}.van-calendar__days{position:relative;display:flex;flex-wrap:wrap;-webkit-user-select:none;user-select:none}.van-calendar__month-mark{position:absolute;top:50%;left:50%;z-index:0;color:var(--van-calendar-month-mark-color);font-size:var(--van-calendar-month-mark-font-size);transform:translate(-50%,-50%);pointer-events:none}.van-calendar__day,.van-calendar__selected-day{display:flex;align-items:center;justify-content:center;text-align:center}.van-calendar__day{position:relative;width:14.285%;height:var(--van-calendar-day-height);font-size:var(--van-calendar-day-font-size);margin-bottom:var(--van-calendar-day-margin-bottom);cursor:pointer}.van-calendar__day--end,.van-calendar__day--start,.van-calendar__day--start-end,.van-calendar__day--multiple-middle,.van-calendar__day--multiple-selected{color:var(--van-calendar-range-edge-color);background:var(--van-calendar-range-edge-background)}.van-calendar__day--start{border-radius:var(--van-radius-md) 0 0 var(--van-radius-md)}.van-calendar__day--end{border-radius:0 var(--van-radius-md) var(--van-radius-md) 0}.van-calendar__day--start-end,.van-calendar__day--multiple-selected{border-radius:var(--van-radius-md)}.van-calendar__day--middle{color:var(--van-calendar-range-middle-color)}.van-calendar__day--middle:after{position:absolute;top:0;right:0;bottom:0;left:0;background-color:currentColor;opacity:var(--van-calendar-range-middle-background-opacity);content:""}.van-calendar__day--disabled{color:var(--van-calendar-day-disabled-color);cursor:default}.van-calendar__top-info,.van-calendar__bottom-info{position:absolute;right:0;left:0;font-size:var(--van-calendar-info-font-size);line-height:var(--van-calendar-info-line-height)}@media (max-width: 350px){.van-calendar__top-info,.van-calendar__bottom-info{font-size:9px}}.van-calendar__top-info{top:6px}.van-calendar__bottom-info{bottom:6px}.van-calendar__selected-day{width:var(--van-calendar-selected-day-size);height:var(--van-calendar-selected-day-size);color:var(--van-calendar-selected-day-color);background:var(--van-calendar-selected-day-background);border-radius:var(--van-radius-md)}.van-calendar__footer{flex-shrink:0;padding-left:var(--van-padding-md);padding-right:var(--van-padding-md)}.van-calendar__confirm{height:var(--van-calendar-confirm-button-height);margin:var(--van-calendar-confirm-button-margin)}

package/es/calendar/index.d.ts

@@ -63,6 +63,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -147,6 +148,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
         type: BooleanConstructor;
         default: true;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -184,6 +186,7 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
+    safeAreaInsetTop: boolean;
     poppable: boolean;
     maxRange: string | number;
     showMark: boolean;

package/es/calendar/index.less

@@ -12,6 +12,7 @@ body {
   --van-calendar-month-mark-font-size: 160px;
   --van-calendar-day-height: 64px;
   --van-calendar-day-font-size: var(--van-font-size-lg);
+  --van-calendar-day-margin-bottom: 4px;
   --van-calendar-range-edge-color: var(--van-white);
   --van-calendar-range-edge-background: var(--van-primary-color);
   --van-calendar-range-middle-color: var(--van-primary-color);
@@ -61,6 +62,7 @@ body {
   &__month-title,
   &__header-title,
   &__header-subtitle {
+    color: var(--van-text-color);
     height: var(--van-calendar-header-title-height);
     font-weight: var(--van-font-bold);
     line-height: var(--van-calendar-header-title-height);
@@ -127,6 +129,7 @@ body {
     width: 14.285%;
     height: var(--van-calendar-day-height);
     font-size: var(--van-calendar-day-font-size);
+    margin-bottom: var(--van-calendar-day-margin-bottom);
     cursor: pointer;
 
     &--end,

package/es/calendar/types.d.ts

@@ -1,11 +1,12 @@
 import type { ComponentPublicInstance, ComputedRef, Ref } from 'vue';
+import type { Numeric } from '../utils';
 import type { CalendarProps } from './Calendar';
 import type { CalendarMonthProps } from './CalendarMonth';
 export declare type CalendarType = 'single' | 'range' | 'multiple';
 export declare type CalendarDayType = '' | 'start' | 'start-end' | 'middle' | 'end' | 'selected' | 'multiple-middle' | 'multiple-selected' | 'disabled' | 'placeholder';
 export declare type CalendarDayItem = {
     date?: Date;
-    text?: string | number;
+    text?: Numeric;
     type?: CalendarDayType;
     topInfo?: string;
     className?: unknown;

package/es/cascader/types.d.ts

@@ -1,6 +1,7 @@
+import type { Numeric } from '../utils';
 export declare type CascaderOption = {
     text?: string;
-    value?: string | number;
+    value?: Numeric;
     color?: string;
     disabled?: boolean;
     children?: CascaderOption[];

package/es/checkbox/Checker.d.ts

@@ -1,11 +1,12 @@
 import { type PropType } from 'vue';
+import { type Numeric } from '../utils';
 export declare type CheckerShape = 'square' | 'round';
 export declare type CheckerDirection = 'horizontal' | 'vertical';
 export declare type CheckerLabelPosition = 'left' | 'right';
 export declare type CheckerParent = {
     props: {
         disabled?: boolean;
-        iconSize?: number | string;
+        iconSize?: Numeric;
         direction?: CheckerDirection;
         checkedColor?: string;
     };

package/es/collapse/Collapse.d.ts

@@ -1,7 +1,8 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type CollapseProvide = {
-    toggle: (name: number | string, expanded: boolean) => void;
-    isExpanded: (name: number | string) => boolean;
+    toggle: (name: Numeric, expanded: boolean) => void;
+    isExpanded: (name: Numeric) => boolean;
 };
 export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
 declare const collapseProps: {
@@ -11,7 +12,7 @@ declare const collapseProps: {
     };
     accordion: BooleanConstructor;
     modelValue: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 };
@@ -23,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     accordion: BooleanConstructor;
     modelValue: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -33,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     accordion: BooleanConstructor;
     modelValue: {
-        type: PropType<string | number | (string | number)[]>;
+        type: PropType<Numeric | Numeric[]>;
         default: string;
     };
 }>> & {
@@ -41,7 +42,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     border: boolean;
-    modelValue: string | number | (string | number)[];
+    modelValue: Numeric | Numeric[];
     accordion: boolean;
 }>;
 export default _default;

package/es/collapse/index.d.ts

@@ -5,7 +5,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     };
     accordion: BooleanConstructor;
     modelValue: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -15,7 +15,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     };
     accordion: BooleanConstructor;
     modelValue: {
-        type: import("vue").PropType<string | number | (string | number)[]>;
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
         default: string;
     };
 }>> & {
@@ -23,7 +23,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     border: boolean;
-    modelValue: string | number | (string | number)[];
+    modelValue: import("../utils").Numeric | import("../utils").Numeric[];
     accordion: boolean;
 }>>;
 export default Collapse;

package/es/composables/use-touch.js

@@ -32,7 +32,7 @@ function useTouch() {
   };
   const move = (event) => {
     const touch = event.touches[0];
-    deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
+    deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
     deltaY.value = touch.clientY - startY.value;
     offsetX.value = Math.abs(deltaX.value);
     offsetY.value = Math.abs(deltaY.value);

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

@@ -1,4 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type ConfigProviderTheme = 'light' | 'dark';
 export declare type ConfigProviderProvide = {
     iconPrefix?: string;
@@ -13,7 +14,7 @@ declare const configProviderProps: {
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, string | number>>;
+    themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 };
 export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -26,7 +27,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, string | number>>;
+    themeVars: PropType<Record<string, Numeric>>;
     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<ExtractPropTypes<{
     tag: {
@@ -37,7 +38,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, string | number>>;
+    themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;

package/es/config-provider/ConfigProvider.js

@@ -31,6 +31,8 @@ var stdin_default = defineComponent({
       watch(() => props.theme, (newVal, oldVal) => {
         document.body.classList.remove(`van-theme-${oldVal}`);
         document.body.classList.add(`van-theme-${newVal}`);
+      }, {
+        immediate: true
       });
     }
     provide(CONFIG_PROVIDER_KEY, props);

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

@@ -7,7 +7,7 @@ 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, string | number>>;
+    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     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<{
     tag: {
@@ -18,7 +18,7 @@ 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, string | number>>;
+    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;

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

@@ -1,7 +1,8 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type ContactListItem = {
-    id?: number | string;
-    tel: number | string;
+    id?: Numeric;
+    tel: Numeric;
     name: string;
     isDefault?: boolean;
 };

package/es/coupon/Coupon.d.ts

@@ -1,6 +1,7 @@
 import { type PropType } from 'vue';
+import { type Numeric } from '../utils';
 export declare type CouponInfo = {
-    id: string | number;
+    id: Numeric;
     name: string;
     endAt: number;
     value: number;

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

@@ -17,10 +17,7 @@ declare const couponListProps: {
         type: BooleanConstructor;
         default: true;
     };
-    emptyImage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+    emptyImage: StringConstructor;
     chosenCoupon: {
         type: NumberConstructor;
         default: number;
@@ -71,10 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    emptyImage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+    emptyImage: StringConstructor;
     chosenCoupon: {
         type: NumberConstructor;
         default: number;
@@ -123,10 +117,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-    emptyImage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+    emptyImage: StringConstructor;
     chosenCoupon: {
         type: NumberConstructor;
         default: number;
@@ -168,7 +159,6 @@ declare const _default: import("vue").DefineComponent<{
     coupons: CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
-    emptyImage: string;
     disabledCoupons: CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;

package/es/coupon-list/CouponList.js

@@ -4,18 +4,18 @@ import { truthProp, windowHeight, makeArrayProp, makeStringProp, makeNumberProp,
 import { useRefs } from "../composables/use-refs";
 import { Tab } from "../tab";
 import { Tabs } from "../tabs";
+import { Empty } from "../empty";
 import { Field } from "../field";
 import { Button } from "../button";
 import { Coupon } from "../coupon";
 import { useRect } from "@vant/use";
 const [name, bem, t] = createNamespace("coupon-list");
-const EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
 const couponListProps = {
   code: makeStringProp(""),
   coupons: makeArrayProp(),
   currency: makeStringProp("\xA5"),
   showCount: truthProp,
-  emptyImage: makeStringProp(EMPTY_IMAGE),
+  emptyImage: String,
   chosenCoupon: makeNumberProp(-1),
   enabledTitle: String,
   disabledTitle: String,
@@ -63,11 +63,13 @@ var stdin_default = defineComponent({
         return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
       });
     };
-    const renderEmpty = () => _createVNode("div", {
-      "class": bem("empty")
-    }, [_createVNode("img", {
-      "src": props.emptyImage
-    }, null), _createVNode("p", null, [t("noCoupon")])]);
+    const renderEmpty = () => _createVNode(Empty, {
+      "image": props.emptyImage
+    }, {
+      default: () => [_createVNode("p", {
+        "class": bem("empty-tip")
+      }, [t("noCoupon")])]
+    });
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return _createVNode("div", {

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-image-size: 200px;--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{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;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)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}
+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)}

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

@@ -15,10 +15,7 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         type: BooleanConstructor;
         default: true;
     };
-    emptyImage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+    emptyImage: StringConstructor;
     chosenCoupon: {
         type: NumberConstructor;
         default: number;
@@ -67,10 +64,7 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
         type: BooleanConstructor;
         default: true;
     };
-    emptyImage: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+    emptyImage: StringConstructor;
     chosenCoupon: {
         type: NumberConstructor;
         default: number;
@@ -112,7 +106,6 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     coupons: import("..").CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
-    emptyImage: string;
     disabledCoupons: import("..").CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;

package/es/coupon-list/index.less

@@ -3,7 +3,6 @@ body {
   --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-image-size: 200px;
   --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);
@@ -79,20 +78,9 @@ body {
     height: var(--van-coupon-list-close-button-height);
   }
 
-  &__empty {
-    padding-top: 60px;
-    text-align: center;
-
-    p {
-      margin: var(--van-padding-md) 0;
-      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);
-    }
-
-    img {
-      width: var(--van-coupon-list-empty-image-size);
-      height: var(--van-coupon-list-empty-image-size);
-    }
+  &__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/style/index.js

@@ -13,4 +13,5 @@ import "../../swipe/index.css";
 import "../../swipe-item/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../empty/index.css";
 import "../index.css";

package/es/coupon-list/style/less.js

@@ -13,4 +13,5 @@ import "../../swipe/index.less";
 import "../../swipe-item/index.less";
 import "../../tabs/index.less";
 import "../../tab/index.less";
+import "../../empty/index.less";
 import "../index.less";

package/es/date-picker/DatePicker.js

@@ -89,7 +89,7 @@ var stdin_default = defineComponent({
       }
     });
     watch(() => props.modelValue, (newValues) => {
-      if (isSameValue(newValues, currentValues.value)) {
+      if (!isSameValue(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
     });

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

package/es/dialog/index.less

@@ -37,6 +37,7 @@ body {
   }
 
   &__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);
@@ -56,6 +57,7 @@ body {
   }
 
   &__message {
+    color: var(--van-text-color);
     flex: 1;
     max-height: var(--van-dialog-message-max-height);
     padding: 26px var(--van-dialog-message-padding);

package/es/dialog/types.d.ts

@@ -1,13 +1,13 @@
 import { Dialog } from './function-call';
 import type { CSSProperties, TeleportProps } from 'vue';
-import type { Interceptor } from '../utils';
+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 DialogOptions = {
     title?: string;
-    width?: string | number;
+    width?: Numeric;
     theme?: DialogTheme;
     message?: DialogMessage;
     overlay?: boolean;

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

@@ -1,9 +1,10 @@
 import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
+import type { Numeric } from '../utils';
 export declare type DropdownItemOption = {
     text: string;
     icon?: string;
-    value: number | string;
+    value: Numeric;
 };
 export declare type DropdownItemExpose = {
     toggle: (show?: boolean, options?: {

package/es/empty/Empty.d.ts

@@ -1,26 +1,27 @@
-import { type ExtractPropTypes } from 'vue';
+import { PropType, type ExtractPropTypes } from 'vue';
+import { Numeric } from '../utils';
 declare const emptyProps: {
     image: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
-    imageSize: (NumberConstructor | StringConstructor)[];
+    imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
 };
 export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
 declare const _default: import("vue").DefineComponent<{
     image: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
-    imageSize: (NumberConstructor | StringConstructor)[];
+    imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     image: {
-        type: import("vue").PropType<string>;
+        type: PropType<string>;
         default: string;
     };
-    imageSize: (NumberConstructor | StringConstructor)[];
+    imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
 }>>, {
     image: string;