vant 3.4.4 → 3.4.7

package/changelog.generated.md

@@ -0,0 +1,81 @@
+### [v3.4.7](https://github.com/youzan/vant/compare/v3.4.6...v3.4.7)
+
+`2022-03-29`
+
+**Bug Fixes**
+
+- calendar: scrollToDate method is invalid [#10432](https://github.com/youzan/vant/issues/10432)
+- DatetimePicker: fix minDate && maxDate wacher [#10431](https://github.com/youzan/vant/issues/10431)
+- fix wrong ternary expression [#10426](https://github.com/youzan/vant/issues/10426)
+- IndexBar: allow active bottom anchor [#10404](https://github.com/youzan/vant/issues/10404)
+- Tab: add key when render TabsTitle [#10392](https://github.com/youzan/vant/issues/10392)
+
+**Document**
+
+- add area data update tips [#10400](https://github.com/youzan/vant/issues/10400)
+- add dark mode to features [#10398](https://github.com/youzan/vant/issues/10398)
+- add Select component faq [#10397](https://github.com/youzan/vant/issues/10397)
+- changelog: 3.4.6 [0dc490](https://github.com/youzan/vant/commit/0dc490c9bca4206b4050824bf707094027ed5872)
+- DatetimePicker: add select second faq [#10399](https://github.com/youzan/vant/issues/10399)
+- Grid: fix reverse prop [#10437](https://github.com/youzan/vant/issues/10437)
+- Locale: add Lao to document [#10389](https://github.com/youzan/vant/issues/10389)
+- SwipeCell: remove css variables document [#10429](https://github.com/youzan/vant/issues/10429)
+- update readme [#10425](https://github.com/youzan/vant/issues/10425)
+- using jsdelivr for assets [#10434](https://github.com/youzan/vant/issues/10434)
+
+**Feature**
+
+- area-data: update counties of NanJing [#10410](https://github.com/youzan/vant/issues/10410)
+- CouponList: update empty image [#10436](https://github.com/youzan/vant/issues/10436)
+- Locale: add Icelandic lang [#10418](https://github.com/youzan/vant/issues/10418)
+- Locale: add la-LA.ts [#10388](https://github.com/youzan/vant/issues/10388)
+- Locale: add Swedish lang [#10419](https://github.com/youzan/vant/issues/10419)
+- NumberKeyboard: improve shuffle algorithm [#10428](https://github.com/youzan/vant/issues/10428)
+- Uploader: support set the preview size separately [#10438](https://github.com/youzan/vant/issues/10438)
+
+**release**
+
+- @vant/area-data 1.2.3 [029c93](https://github.com/youzan/vant/commit/029c93a4669ff3ee4d88615adb000668535f46d0)
+### [v3.4.6](https://github.com/youzan/vant/compare/v3.4.5...v3.4.6)
+
+`2022-03-13`
+
+**Bug Fixes**
+
+- 🐛 修复官网更新日志的版本链接及 issue 链接异常的问题 [#10329](https://github.com/youzan/vant/issues/10329)
+- cli: issue link in generated changelog [#10337](https://github.com/youzan/vant/issues/10337)
+- Skeleton: fix non-props attributes warning [#10384](https://github.com/youzan/vant/issues/10384)
+- SwipeCell: cell should stopPropagation when lockClick is true [#10319](https://github.com/youzan/vant/issues/10319)
+- Toast: failed to render message after changing type [#10311](https://github.com/youzan/vant/issues/10311)
+- vant-cli: decamelize ReDoS [#10351](https://github.com/youzan/vant/issues/10351)
+
+**Document**
+
+- @vant/use: changelog 1.3.6 [f95239](https://github.com/youzan/vant/commit/f95239006cf23665593c8316258f4cec4237f29a)
+- add mirror repo description [#10382](https://github.com/youzan/vant/issues/10382)
+- add Vant 4 link [#10340](https://github.com/youzan/vant/issues/10340)
+- Calendar: add formatter async usage [#10385](https://github.com/youzan/vant/issues/10385)
+- changelog: 3.4.5 [0a50e7](https://github.com/youzan/vant/commit/0a50e721aa399b2540474d979e185795790b7a56)
+- changelog: fix link mistake [#10328](https://github.com/youzan/vant/issues/10328)
+- Field: add v-model type guide [#10383](https://github.com/youzan/vant/issues/10383)
+- modify JSX.ELement to JSX.Element [#10344](https://github.com/youzan/vant/issues/10344)
+- update react-vant address [#10305](https://github.com/youzan/vant/issues/10305)
+- update vite-plugin-style-import version [#10303](https://github.com/youzan/vant/issues/10303)
+
+- Update contribution.zh-CN.md (#10314) [#10314](https://github.com/youzan/vant/issues/10314)
+
+**Feature**
+
+- add van-safe-area-top class [#10356](https://github.com/youzan/vant/issues/10356)
+- Calendar: add safe-area-inset-top prop [#10358](https://github.com/youzan/vant/issues/10358)
+- Popup: add safe-area-inset-top prop [#10357](https://github.com/youzan/vant/issues/10357)
+
+**release**
+
+- @vant/cli 4.0.1 [202efb](https://github.com/youzan/vant/commit/202efbbf85ec94f7d804075d1ecbfb71c6824cb4)
+- @vant/use 1.3.6 [1040af](https://github.com/youzan/vant/commit/1040afdda6e6f8bb98ea36cbc9212b65ecb8c49b)
+- 3.4.6 [1cfa46](https://github.com/youzan/vant/commit/1cfa46e9219b2d0dac04e3657395c306df90a87a)
+
+**Types**
+
+- fix missing VisibilityState after typescript 4.6.0 [#10370](https://github.com/youzan/vant/issues/10370)

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

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

package/es/address-list/AddressListItem.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
-import { createNamespace, extend, makeRequiredProp } from "../utils";
+import { extend, createNamespace, makeRequiredProp } from "../utils";
 import { Tag } from "../tag";
 import { Icon } from "../icon";
 import { Cell } from "../cell";

package/es/badge/Badge.d.ts

@@ -1,4 +1,5 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
+import { type Numeric } from '../utils';
 export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 declare const badgeProps: {
     dot: BooleanConstructor;
@@ -8,7 +9,7 @@ declare const badgeProps: {
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
-    offset: PropType<[string | number, string | number]>;
+    offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
@@ -28,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
-    offset: PropType<[string | number, string | number]>;
+    offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
@@ -46,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
-    offset: PropType<[string | number, string | number]>;
+    offset: PropType<[Numeric, Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;

package/es/badge/index.d.ts

@@ -6,7 +6,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
-    offset: import("vue").PropType<[string | number, string | number]>;
+    offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;
@@ -24,7 +24,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         default: keyof HTMLElementTagNameMap;
     };
     color: StringConstructor;
-    offset: import("vue").PropType<[string | number, string | number]>;
+    offset: import("vue").PropType<[import("../utils").Numeric, import("../utils").Numeric]>;
     content: (NumberConstructor | StringConstructor)[];
     showZero: {
         type: BooleanConstructor;

package/es/calendar/Calendar.d.ts

@@ -66,6 +66,7 @@ declare const calendarProps: {
         type: BooleanConstructor;
         default: true;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -152,6 +153,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -236,6 +238,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    safeAreaInsetTop: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;
         default: true;
@@ -273,6 +276,7 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
     closeOnPopstate: boolean;
+    safeAreaInsetTop: boolean;
     minDate: Date;
     maxDate: Date;
     poppable: boolean;

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/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;
     minDate: Date;
     maxDate: Date;
     poppable: boolean;

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

@@ -30,6 +30,10 @@ declare const collapseItemProps: {
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
 };
 export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -63,6 +67,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
@@ -94,6 +102,10 @@ declare const _default: import("vue").DefineComponent<{
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>>, {
     center: boolean;
     disabled: boolean;
@@ -102,5 +114,6 @@ declare const _default: import("vue").DefineComponent<{
     required: boolean;
     clickable: boolean | null;
     readonly: boolean;
+    lazyRender: boolean;
 }>;
 export default _default;

package/es/collapse-item/CollapseItem.js

@@ -13,7 +13,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
-  readonly: Boolean
+  readonly: Boolean,
+  lazyRender: truthProp
 });
 var stdin_default = defineComponent({
   name,
@@ -39,7 +40,7 @@ var stdin_default = defineComponent({
     });
     const expanded = computed(() => parent.isExpanded(name2.value));
     const show = ref(expanded.value);
-    const lazyRender = useLazyRender(show);
+    const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
     const onTransitionEnd = () => {
       if (!expanded.value) {
         show.value = false;

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

@@ -29,6 +29,10 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
@@ -60,6 +64,10 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     };
     disabled: BooleanConstructor;
     readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }>>, {
     center: boolean;
     disabled: boolean;
@@ -68,6 +76,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     required: boolean;
     clickable: boolean | null;
     readonly: boolean;
+    lazyRender: boolean;
 }>>;
 export default CollapseItem;
 export type { CollapseItemProps } from './CollapseItem';

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 ConfigProviderProvide = {
     iconPrefix?: string;
 };
@@ -8,7 +9,7 @@ declare const configProviderProps: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    themeVars: PropType<Record<string, string | number>>;
+    themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 };
 export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -17,14 +18,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    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: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    themeVars: PropType<Record<string, string | number>>;
+    themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;

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

@@ -3,14 +3,14 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    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: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
-    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 @@
-:root{--van-coupon-list-background-color: var(--van-background-color);--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-color)}.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-gray-1);border-radius:17px}.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-color-light)}.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-weight-bold);background-color:var(--van-background-color-light)}.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)}
+:root{--van-coupon-list-background-color: var(--van-background-color);--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-color)}.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-gray-1);border-radius:17px}.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-color-light)}.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-weight-bold);background-color:var(--van-background-color-light)}.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;