vant 3.2.1 → 3.2.5

package/es/coupon-list/CouponList.js

@@ -1,9 +1,8 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { watch, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
-import { truthProp, createNamespace } from '../utils'; // Composables
+import { truthProp, makeArrayProp, makeStringProp, makeNumberProp, createNamespace } from '../utils'; // Composables
 
-import { useWindowSize } from '@vant/use';
 import { useRefs } from '../composables/use-refs'; // Components
 
 import { Tab } from '../tab';
@@ -16,48 +15,24 @@ var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
 export default defineComponent({
   name,
   props: {
+    code: makeStringProp(''),
+    coupons: makeArrayProp(),
+    currency: makeStringProp('¥'),
     showCount: truthProp,
+    emptyImage: makeStringProp(EMPTY_IMAGE),
+    chosenCoupon: makeNumberProp(-1),
     enabledTitle: String,
     disabledTitle: String,
+    disabledCoupons: makeArrayProp(),
     showExchangeBar: truthProp,
     showCloseButton: truthProp,
     closeButtonText: String,
     inputPlaceholder: String,
+    exchangeMinLength: makeNumberProp(1),
     exchangeButtonText: String,
+    displayedCouponIndex: makeNumberProp(-1),
     exchangeButtonLoading: Boolean,
-    exchangeButtonDisabled: Boolean,
-    code: {
-      type: String,
-      default: ''
-    },
-    exchangeMinLength: {
-      type: Number,
-      default: 1
-    },
-    chosenCoupon: {
-      type: Number,
-      default: -1
-    },
-    coupons: {
-      type: Array,
-      default: () => []
-    },
-    disabledCoupons: {
-      type: Array,
-      default: () => []
-    },
-    displayedCouponIndex: {
-      type: Number,
-      default: -1
-    },
-    currency: {
-      type: String,
-      default: '¥'
-    },
-    emptyImage: {
-      type: String,
-      default: EMPTY_IMAGE
-    }
+    exchangeButtonDisabled: Boolean
   },
   emits: ['change', 'exchange', 'update:code'],
 
@@ -70,13 +45,7 @@ export default defineComponent({
       tab: 0,
       code: props.code
     });
-    var {
-      height: windowHeight
-    } = useWindowSize();
     var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
-    var listStyle = computed(() => ({
-      height: windowHeight.value - (props.showExchangeBar ? 140 : 94) + 'px'
-    }));
 
     var onExchange = () => {
       emit('exchange', state.code); // auto clear currentCode when not use v-model
@@ -98,7 +67,7 @@ export default defineComponent({
       "class": bem('empty')
     }, [_createVNode("img", {
       "src": props.emptyImage
-    }, null), _createVNode("p", null, [t('empty')])]);
+    }, null), _createVNode("p", null, [t('noCoupon')])]);
 
     var renderExchangeBar = () => {
       if (props.showExchangeBar) {
@@ -137,9 +106,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [coupons.map((coupon, index) => _createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index),
@@ -164,9 +133,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [disabledCoupons.map(coupon => _createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,

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-gray-6);--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-color: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-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.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:calc(var(--van-padding-md) + 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-white)}.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-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--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-color: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-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.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;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.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-white)}.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)}

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

@@ -1,10 +1,34 @@
-declare const CouponList: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CouponList: import("../utils").WithInstall<import("vue").DefineComponent<{
+    code: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    coupons: {
+        type: import("vue").PropType<import("..").CouponInfo[]>;
+        default: () => never[];
+    };
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     showCount: {
         type: BooleanConstructor;
         default: true;
     };
+    emptyImage: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    chosenCoupon: {
+        type: NumberConstructor;
+        default: number;
+    };
     enabledTitle: StringConstructor;
     disabledTitle: StringConstructor;
+    disabledCoupons: {
+        type: import("vue").PropType<import("..").CouponInfo[]>;
+        default: () => never[];
+    };
     showExchangeBar: {
         type: BooleanConstructor;
         default: true;
@@ -15,74 +39,50 @@ declare const CouponList: import("../utils").WithInstall<import("vue").DefineCom
     };
     closeButtonText: StringConstructor;
     inputPlaceholder: StringConstructor;
-    exchangeButtonText: StringConstructor;
-    exchangeButtonLoading: BooleanConstructor;
-    exchangeButtonDisabled: BooleanConstructor;
-    code: {
-        type: StringConstructor;
-        default: string;
-    };
     exchangeMinLength: {
         type: NumberConstructor;
         default: number;
     };
-    chosenCoupon: {
-        type: NumberConstructor;
-        default: number;
-    };
-    coupons: {
-        type: import("vue").PropType<import("..").CouponInfo[]>;
-        default: () => never[];
-    };
-    disabledCoupons: {
-        type: import("vue").PropType<import("..").CouponInfo[]>;
-        default: () => never[];
-    };
+    exchangeButtonText: StringConstructor;
     displayedCouponIndex: {
         type: NumberConstructor;
         default: number;
     };
-    currency: {
-        type: StringConstructor;
-        default: string;
-    };
-    emptyImage: {
-        type: StringConstructor;
-        default: string;
-    };
+    exchangeButtonLoading: BooleanConstructor;
+    exchangeButtonDisabled: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "exchange" | "update:code")[], "change" | "exchange" | "update:code", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    code?: unknown;
+    coupons?: unknown;
+    currency?: unknown;
     showCount?: unknown;
+    emptyImage?: unknown;
+    chosenCoupon?: unknown;
     enabledTitle?: unknown;
     disabledTitle?: unknown;
+    disabledCoupons?: unknown;
     showExchangeBar?: unknown;
     showCloseButton?: unknown;
     closeButtonText?: unknown;
     inputPlaceholder?: unknown;
+    exchangeMinLength?: unknown;
     exchangeButtonText?: unknown;
+    displayedCouponIndex?: unknown;
     exchangeButtonLoading?: unknown;
     exchangeButtonDisabled?: unknown;
-    code?: unknown;
-    exchangeMinLength?: unknown;
-    chosenCoupon?: unknown;
-    coupons?: unknown;
-    disabledCoupons?: unknown;
-    displayedCouponIndex?: unknown;
-    currency?: unknown;
-    emptyImage?: unknown;
 } & {
     code: string;
     currency: string;
     coupons: import("..").CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
+    emptyImage: string;
+    disabledCoupons: import("..").CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;
-    exchangeButtonLoading: boolean;
-    exchangeButtonDisabled: boolean;
     exchangeMinLength: number;
-    disabledCoupons: import("..").CouponInfo[];
     displayedCouponIndex: number;
-    emptyImage: string;
+    exchangeButtonLoading: boolean;
+    exchangeButtonDisabled: boolean;
 } & {
     enabledTitle?: string | undefined;
     disabledTitle?: string | undefined;
@@ -99,14 +99,13 @@ declare const CouponList: import("../utils").WithInstall<import("vue").DefineCom
     coupons: import("..").CouponInfo[];
     chosenCoupon: number;
     showCount: boolean;
+    emptyImage: string;
+    disabledCoupons: import("..").CouponInfo[];
     showExchangeBar: boolean;
     showCloseButton: boolean;
-    exchangeButtonLoading: boolean;
-    exchangeButtonDisabled: boolean;
     exchangeMinLength: number;
-    disabledCoupons: import("..").CouponInfo[];
     displayedCouponIndex: number;
-    emptyImage: string;
+    exchangeButtonLoading: boolean;
+    exchangeButtonDisabled: boolean;
 }>>;
 export default CouponList;
-export { CouponList };

package/es/coupon-list/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _CouponList from './CouponList';
-var CouponList = withInstall(_CouponList);
-export default CouponList;
-export { CouponList };
+export var CouponList = withInstall(_CouponList);
+export default CouponList;

package/es/coupon-list/index.less

@@ -56,12 +56,17 @@
 
   &__list {
     box-sizing: border-box;
+    height: calc(100vh - 108px);
     padding: var(--van-padding-md) 0 var(--van-padding-lg);
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
 
+    &--with-bar {
+      height: calc(100vh - 152px);
+    }
+
     &--with-bottom {
-      padding-bottom: calc(var(--van-padding-md) + 50px);
+      padding-bottom: 50px;
     }
   }
 

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

@@ -1,18 +1,18 @@
-import { PropType } from 'vue';
-import { isDate } from '../utils';
 import { DatetimePickerColumnType, DatetimePickerType } from './types';
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -20,49 +20,47 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    filter: PropType<(type: string, values: string[]) => string[]>;
-    columnsOrder: PropType<DatetimePickerColumnType[]>;
+    filter: import("vue").PropType<(type: string, values: string[]) => string[]>;
+    columnsOrder: import("vue").PropType<DatetimePickerColumnType[]>;
     formatter: {
-        type: PropType<(type: string, value: string) => string>;
+        type: import("vue").PropType<(type: string, value: string) => string>;
         default: (type: string, value: string) => string;
     };
 } & {
-    modelValue: DateConstructor;
     type: {
-        type: PropType<DatetimePickerType>;
-        default: string;
+        type: import("vue").PropType<DatetimePickerType>;
+        default: DatetimePickerType;
     };
+    modelValue: DateConstructor;
     minDate: {
         type: DateConstructor;
         default: () => Date;
-        validator: typeof isDate;
+        validator: (val: unknown) => val is Date;
     };
     maxDate: {
         type: DateConstructor;
         default: () => Date;
-        validator: typeof isDate;
+        validator: (val: unknown) => val is Date;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
+    itemHeight?: unknown;
     showToolbar?: unknown;
+    swipeDuration?: unknown;
+    visibleItemCount?: unknown;
     cancelButtonText?: unknown;
     confirmButtonText?: unknown;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
     filter?: unknown;
     columnsOrder?: unknown;
     formatter?: unknown;
-    modelValue?: unknown;
     type?: unknown;
+    modelValue?: unknown;
     minDate?: unknown;
     maxDate?: unknown;
 } & {
@@ -71,10 +69,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     minDate: Date;
     maxDate: Date;
 } & {
@@ -95,10 +93,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     minDate: Date;
     maxDate: Date;
 }>;

package/es/datetime-picker/DatePicker.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
-import { pick, clamp, extend, isDate, padZero, createNamespace } from '../utils';
+import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from '../utils';
 import { times, pickerKeys, sharedProps, getTrueValue, getMonthEndDay } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
@@ -13,11 +13,8 @@ var [name] = createNamespace('date-picker');
 export default defineComponent({
   name,
   props: extend({}, sharedProps, {
+    type: makeStringProp('datetime'),
     modelValue: Date,
-    type: {
-      type: String,
-      default: 'datetime'
-    },
     minDate: {
       type: Date,
       default: () => new Date(currentYear - 10, 0, 1),
@@ -190,7 +187,9 @@ export default defineComponent({
         }
       });
       nextTick(() => {
-        picker.value.setValues(values);
+        var _picker$value;
+
+        (_picker$value = picker.value) == null ? void 0 : _picker$value.setValues(values);
       });
     };
 

package/es/datetime-picker/DatetimePicker.d.ts

@@ -1,15 +1,7 @@
 import { ExtractPropTypes } from 'vue';
 declare const props: any;
 export declare type DatetimePickerProps = ExtractPropTypes<typeof props>;
-declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    [x: string]: any;
-} | ({
-    [x: string]: unknown;
-} & {
-    [x: string]: any;
-} & {
-    [x: number]: any;
-})> & {}, {} | {
+declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<any>, {} | {
     [x: string]: any;
 }>;
 export default _default;

package/es/datetime-picker/DatetimePicker.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { ref, defineComponent } from 'vue';
-import { pick, createNamespace, extend } from '../utils';
+import { pick, extend, createNamespace } from '../utils';
 import { useExpose } from '../composables/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';

package/es/datetime-picker/TimePicker.d.ts

@@ -3,13 +3,15 @@ declare const _default: import("vue").DefineComponent<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     showToolbar: {
         type: BooleanConstructor;
         default: true;
     };
-    cancelButtonText: StringConstructor;
-    confirmButtonText: StringConstructor;
-    itemHeight: {
+    swipeDuration: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
@@ -17,10 +19,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-    swipeDuration: {
-        type: (NumberConstructor | StringConstructor)[];
-        default: number;
-    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
     filter: import("vue").PropType<(type: string, values: string[]) => string[]>;
     columnsOrder: import("vue").PropType<import("./types").DatetimePickerColumnType[]>;
@@ -29,7 +29,6 @@ declare const _default: import("vue").DefineComponent<{
         default: (type: string, value: string) => string;
     };
 } & {
-    modelValue: StringConstructor;
     minHour: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -46,34 +45,35 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    modelValue: StringConstructor;
+}, () => 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/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
     allowHtml?: unknown;
+    itemHeight?: unknown;
     showToolbar?: unknown;
+    swipeDuration?: unknown;
+    visibleItemCount?: unknown;
     cancelButtonText?: unknown;
     confirmButtonText?: unknown;
-    itemHeight?: unknown;
-    visibleItemCount?: unknown;
-    swipeDuration?: unknown;
     filter?: unknown;
     columnsOrder?: unknown;
     formatter?: unknown;
-    modelValue?: unknown;
     minHour?: unknown;
     maxHour?: unknown;
     minMinute?: unknown;
     maxMinute?: unknown;
+    modelValue?: unknown;
 } & {
     formatter: (type: string, value: string) => string;
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     minHour: string | number;
     maxHour: string | number;
     minMinute: string | number;
@@ -95,10 +95,10 @@ declare const _default: import("vue").DefineComponent<{
     readonly: boolean;
     loading: boolean;
     allowHtml: boolean;
-    showToolbar: boolean;
     itemHeight: string | number;
-    visibleItemCount: string | number;
+    showToolbar: boolean;
     swipeDuration: string | number;
+    visibleItemCount: string | number;
     minHour: string | number;
     maxHour: string | number;
     minMinute: string | number;

package/es/datetime-picker/TimePicker.js

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
-import { pick, clamp, extend, padZero, createNamespace } from '../utils';
+import { pick, clamp, extend, padZero, createNamespace, makeNumericProp } from '../utils';
 import { times, sharedProps, pickerKeys } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
@@ -11,23 +11,11 @@ var [name] = createNamespace('time-picker');
 export default defineComponent({
   name,
   props: extend({}, sharedProps, {
-    modelValue: String,
-    minHour: {
-      type: [Number, String],
-      default: 0
-    },
-    maxHour: {
-      type: [Number, String],
-      default: 23
-    },
-    minMinute: {
-      type: [Number, String],
-      default: 0
-    },
-    maxMinute: {
-      type: [Number, String],
-      default: 59
-    }
+    minHour: makeNumericProp(0),
+    maxHour: makeNumericProp(23),
+    minMinute: makeNumericProp(0),
+    maxMinute: makeNumericProp(59),
+    modelValue: String
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
@@ -85,7 +73,9 @@ export default defineComponent({
       var pair = currentDate.value.split(':');
       var values = [props.formatter('hour', pair[0]), props.formatter('minute', pair[1])];
       nextTick(() => {
-        picker.value.setValues(values);
+        var _picker$value;
+
+        (_picker$value = picker.value) == null ? void 0 : _picker$value.setValues(values);
       });
     };
 

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

@@ -1,14 +1,7 @@
-declare const DatetimePicker: import("../utils").WithInstall<import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    [x: string]: any;
-} | ({
-    [x: string]: unknown;
-} & {
-    [x: string]: any;
-} & {
-    [x: number]: any;
-})> & {}, {} | {
+import { DatetimePickerProps } from './DatetimePicker';
+export declare const DatetimePicker: import("../utils").WithInstall<import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<any>, {} | {
     [x: string]: any;
 }>>;
 export default DatetimePicker;
-export { DatetimePicker };
+export type { DatetimePickerProps };
 export type { DatetimePickerType, DatetimePickerInstance } from './types';

package/es/datetime-picker/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _DatetimePicker from './DatetimePicker';
-var DatetimePicker = withInstall(_DatetimePicker);
-export default DatetimePicker;
-export { DatetimePicker };
+export var DatetimePicker = withInstall(_DatetimePicker);
+export default DatetimePicker;