vant 3.2.5 → 3.3.0

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

@@ -1,4 +1,59 @@
+import { ExtractPropTypes } from 'vue';
 import { CouponInfo } from '../coupon';
+declare const couponListProps: {
+    code: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    coupons: {
+        type: import("vue").PropType<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<CouponInfo[]>;
+        default: () => never[];
+    };
+    showExchangeBar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCloseButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeButtonText: StringConstructor;
+    inputPlaceholder: StringConstructor;
+    exchangeMinLength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    exchangeButtonText: StringConstructor;
+    displayedCouponIndex: {
+        type: NumberConstructor;
+        default: number;
+    };
+    exchangeButtonLoading: BooleanConstructor;
+    exchangeButtonDisabled: BooleanConstructor;
+};
+export declare type CouponListProps = ExtractPropTypes<typeof couponListProps>;
 declare const _default: import("vue").DefineComponent<{
     code: {
         type: import("vue").PropType<string>;

package/es/coupon-list/CouponList.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { watch, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
+import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
-import { truthProp, makeArrayProp, makeStringProp, makeNumberProp, createNamespace } from '../utils'; // Composables
+import { truthProp, windowHeight, makeArrayProp, makeStringProp, makeNumberProp, createNamespace } from '../utils'; // Composables
 
 import { useRefs } from '../composables/use-refs'; // Components
 
@@ -10,56 +10,67 @@ import { Tabs } from '../tabs';
 import { Field } from '../field';
 import { Button } from '../button';
 import { Coupon } from '../coupon';
+import { useRect } from '@vant/use';
 var [name, bem, t] = createNamespace('coupon-list');
 var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
+var couponListProps = {
+  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
+};
 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
-  },
+  props: couponListProps,
   emits: ['change', 'exchange', 'update:code'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var [couponRefs, setCouponRefs] = useRefs();
-    var state = reactive({
-      tab: 0,
-      code: props.code
-    });
-    var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
+    var root = ref();
+    var barRef = ref();
+    var activeTab = ref(0);
+    var listHeight = ref(0);
+    var currentCode = ref(props.code);
+    var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !currentCode.value || currentCode.value.length < props.exchangeMinLength));
+
+    var updateListHeight = () => {
+      var TABS_HEIGHT = 44;
+      var rootHeight = useRect(root).height;
+      var headerHeight = useRect(barRef).height + TABS_HEIGHT;
+      listHeight.value = (rootHeight > headerHeight ? rootHeight : windowHeight.value) - headerHeight;
+    };
 
     var onExchange = () => {
-      emit('exchange', state.code); // auto clear currentCode when not use v-model
+      emit('exchange', currentCode.value); // auto clear currentCode when not use v-model
 
       if (!props.code) {
-        state.code = '';
+        currentCode.value = '';
       }
     };
 
     var scrollToCoupon = index => {
       nextTick(() => {
-        if (couponRefs.value[index]) {
-          couponRefs.value[index].scrollIntoView();
-        }
+        var _couponRefs$value$ind;
+
+        return (_couponRefs$value$ind = couponRefs.value[index]) == null ? void 0 : _couponRefs$value$ind.scrollIntoView();
       });
     };
 
@@ -72,10 +83,11 @@ export default defineComponent({
     var renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return _createVNode("div", {
+          "ref": barRef,
           "class": bem('exchange-bar')
         }, [_createVNode(Field, {
-          "modelValue": state.code,
-          "onUpdate:modelValue": $event => state.code = $event,
+          "modelValue": currentCode.value,
+          "onUpdate:modelValue": $event => currentCode.value = $event,
           "clearable": true,
           "border": false,
           "class": bem('field'),
@@ -106,9 +118,11 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
-            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          })
+          }),
+          "style": {
+            height: listHeight.value + "px"
+          }
         }, [coupons.map((coupon, index) => _createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index),
@@ -133,9 +147,11 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
-            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          })
+          }),
+          "style": {
+            height: listHeight.value + "px"
+          }
         }, [disabledCoupons.map(coupon => _createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,
@@ -146,20 +162,22 @@ export default defineComponent({
     };
 
     watch(() => props.code, value => {
-      state.code = value;
+      currentCode.value = value;
     });
-    watch(() => state.code, value => emit('update:code', value));
+    watch(windowHeight, updateListHeight);
+    watch(currentCode, value => emit('update:code', value));
     watch(() => props.displayedCouponIndex, scrollToCoupon);
     onMounted(() => {
+      updateListHeight();
       scrollToCoupon(props.displayedCouponIndex);
     });
     return () => _createVNode("div", {
+      "ref": root,
       "class": bem()
     }, [renderExchangeBar(), _createVNode(Tabs, {
-      'active': state.tab,
-      "onUpdate:active": $event => state.tab = $event,
-      "class": bem('tab'),
-      "border": false
+      "active": activeTab.value,
+      "onUpdate:active": $event => activeTab.value = $event,
+      "class": bem('tab')
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), _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-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)}
+: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)}

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

@@ -109,3 +109,4 @@ export declare const CouponList: import("../utils").WithInstall<import("vue").De
     exchangeButtonDisabled: boolean;
 }>>;
 export default CouponList;
+export type { CouponListProps } from './CouponList';

package/es/coupon-list/index.less

@@ -14,7 +14,7 @@
 .van-coupon-list {
   position: relative;
   height: 100%;
-  background-color: var(--van-coupon-list-background-color);
+  background: var(--van-coupon-list-background-color);
 
   &__field {
     padding: var(--van-coupon-list-field-padding);
@@ -27,7 +27,7 @@
       border-radius: 17px;
 
       &::placeholder {
-        color: var(--van-gray-5);
+        color: var(--van-text-color-3);
       }
     }
 
@@ -39,7 +39,7 @@
   &__exchange-bar {
     display: flex;
     align-items: center;
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__exchange {
@@ -56,15 +56,10 @@
 
   &__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: 50px;
     }
@@ -79,7 +74,7 @@
     width: 100%;
     padding: 5px var(--van-padding-md);
     font-weight: var(--van-font-weight-bold);
-    background-color: var(--van-white);
+    background-color: var(--van-background-color-light);
   }
 
   &__close {

package/es/coupon-list/var.less

@@ -5,6 +5,6 @@
 @coupon-list-exchange-button-height: 32px;
 @coupon-list-close-button-height: 40px;
 @coupon-list-empty-image-size: 200px;
-@coupon-list-empty-tip-color: var(--van-gray-6);
+@coupon-list-empty-tip-color: var(--van-text-color-2);
 @coupon-list-empty-tip-font-size: var(--van-font-size-md);
 @coupon-list-empty-tip-line-height: var(--van-line-height-md);

package/es/datetime-picker/DatePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from '../utils';
-import { times, pickerKeys, sharedProps, getTrueValue, getMonthEndDay } from './utils'; // Composables
+import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -28,10 +28,12 @@ export default defineComponent({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       if (isDate(value)) {
         var timestamp = clamp(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
@@ -141,10 +143,11 @@ export default defineComponent({
 
       return result;
     });
-    var originColumns = computed(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = computed(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = times(rangeArr[1] - rangeArr[0] + 1, index => padZero(rangeArr[0] + index));
 
       if (props.filter) {
@@ -286,7 +289,7 @@ export default defineComponent({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, pick(props, pickerKeys)), slots);
+    }, pick(props, pickerInheritKeys)), slots);
   }
 
 });

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

@@ -1,6 +1,6 @@
 import { ExtractPropTypes } from 'vue';
-declare const props: any;
-export declare type DatetimePickerProps = ExtractPropTypes<typeof props>;
+declare const datetimePickerProps: any;
+export declare type DatetimePickerProps = ExtractPropTypes<typeof datetimePickerProps>;
 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;
 }>;

package/es/datetime-picker/DatetimePicker.js

@@ -5,19 +5,20 @@ import { useExpose } from '../composables/use-expose';
 import TimePicker from './TimePicker';
 import DatePicker from './DatePicker';
 var [name, bem] = createNamespace('datetime-picker');
-var timePickerProps = Object.keys(TimePicker.props);
-var datePickerProps = Object.keys(DatePicker.props);
-var props = extend({}, TimePicker.props, DatePicker.props, {
+var timePickerPropKeys = Object.keys(TimePicker.props);
+var datePickerPropKeys = Object.keys(DatePicker.props);
+var datetimePickerProps = extend({}, TimePicker.props, DatePicker.props, {
   modelValue: [String, Date]
 });
 export default defineComponent({
   name,
-  props,
+  props: datetimePickerProps,
 
-  setup(props, {
-    attrs,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      attrs,
+      slots
+    } = _ref;
     var root = ref();
     useExpose({
       getPicker: () => {
@@ -29,7 +30,7 @@ export default defineComponent({
     return () => {
       var isTimePicker = props.type === 'time';
       var Component = isTimePicker ? TimePicker : DatePicker;
-      var inheritProps = pick(props, isTimePicker ? timePickerProps : datePickerProps);
+      var inheritProps = pick(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
       return _createVNode(Component, _mergeProps({
         "ref": root,
         "class": bem()

package/es/datetime-picker/TimePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, padZero, createNamespace, makeNumericProp } from '../utils';
-import { times, sharedProps, pickerKeys } from './utils'; // Composables
+import { times, sharedProps, pickerInheritKeys } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -19,10 +19,12 @@ export default defineComponent({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       var {
         minHour,
@@ -50,10 +52,11 @@ export default defineComponent({
       type: 'minute',
       range: [+props.minMinute, +props.maxMinute]
     }]);
-    var originColumns = computed(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = computed(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = times(rangeArr[1] - rangeArr[0] + 1, index => padZero(rangeArr[0] + index));
 
       if (props.filter) {
@@ -126,7 +129,7 @@ export default defineComponent({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, pick(props, pickerKeys)), slots);
+    }, pick(props, pickerInheritKeys)), slots);
   }
 
 });

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

@@ -31,7 +31,7 @@ export declare const sharedProps: {
         default: (type: string, value: string) => string;
     };
 };
-export declare const pickerKeys: ("title" | "readonly" | "loading" | "allowHtml" | "itemHeight" | "showToolbar" | "swipeDuration" | "visibleItemCount" | "cancelButtonText" | "confirmButtonText")[];
+export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "allowHtml" | "itemHeight" | "showToolbar" | "swipeDuration" | "visibleItemCount" | "cancelButtonText" | "confirmButtonText")[];
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare function getTrueValue(value: string | undefined): number;
 export declare const getMonthEndDay: (year: number, month: number) => number;

package/es/datetime-picker/utils.js

@@ -1,6 +1,6 @@
 import { extend } from '../utils';
-import { pickerProps } from '../picker/Picker';
-export var sharedProps = extend({}, pickerProps, {
+import { pickerSharedProps } from '../picker/Picker';
+export var sharedProps = extend({}, pickerSharedProps, {
   filter: Function,
   columnsOrder: Array,
   formatter: {
@@ -8,7 +8,7 @@ export var sharedProps = extend({}, pickerProps, {
     default: (type, value) => value
   }
 });
-export var pickerKeys = Object.keys(pickerProps);
+export var pickerInheritKeys = Object.keys(pickerSharedProps);
 export function times(n, iteratee) {
   var index = -1;
   var result = Array(n);

package/es/dialog/Dialog.d.ts

@@ -1,5 +1,59 @@
-import { PropType } from 'vue';
+import { PropType, ExtractPropTypes } from 'vue';
 import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
+declare const dialogProps: {
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: PropType<import("../utils").Interceptor>;
+    overlayStyle: PropType<import("vue").CSSProperties>;
+    overlayClass: PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    title: StringConstructor;
+    theme: PropType<DialogTheme>;
+    width: (NumberConstructor | StringConstructor)[];
+    message: PropType<DialogMessage>;
+    callback: PropType<(action?: DialogAction | undefined) => void>;
+    allowHtml: BooleanConstructor;
+    className: PropType<unknown>;
+    transition: {
+        type: PropType<string>;
+        default: string;
+    };
+    messageAlign: PropType<DialogMessageAlign>;
+    closeOnPopstate: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    showCancelButton: BooleanConstructor;
+    cancelButtonText: StringConstructor;
+    cancelButtonColor: StringConstructor;
+    confirmButtonText: StringConstructor;
+    confirmButtonColor: StringConstructor;
+    showConfirmButton: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    closeOnClickOverlay: BooleanConstructor;
+};
+export declare type DialogProps = ExtractPropTypes<typeof dialogProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/dialog/Dialog.js

@@ -10,34 +10,36 @@ import { ActionBar } from '../action-bar';
 import { ActionBarButton } from '../action-bar-button'; // Types
 
 var [name, bem, t] = createNamespace('dialog');
-var popupKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
+var dialogProps = extend({}, popupSharedProps, {
+  title: String,
+  theme: String,
+  width: numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: unknownProp,
+  transition: makeStringProp('van-dialog-bounce'),
+  messageAlign: String,
+  closeOnPopstate: truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  showConfirmButton: truthProp,
+  closeOnClickOverlay: Boolean
+});
+var popupInheritKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
 export default defineComponent({
   name,
-  props: extend({}, popupSharedProps, {
-    title: String,
-    theme: String,
-    width: numericProp,
-    message: [String, Function],
-    callback: Function,
-    allowHtml: Boolean,
-    className: unknownProp,
-    transition: makeStringProp('van-dialog-bounce'),
-    messageAlign: String,
-    closeOnPopstate: truthProp,
-    showCancelButton: Boolean,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showConfirmButton: truthProp,
-    closeOnClickOverlay: Boolean
-  }),
+  props: dialogProps,
   emits: ['confirm', 'cancel', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var loading = reactive({
       confirm: false,
       cancel: false
@@ -47,10 +49,7 @@ export default defineComponent({
 
     var close = action => {
       updateShow(false);
-
-      if (props.callback) {
-        props.callback(action);
-      }
+      props.callback == null ? void 0 : props.callback(action);
     };
 
     var getActionHandler = action => () => {
@@ -63,8 +62,7 @@ export default defineComponent({
 
       if (props.beforeClose) {
         loading[action] = true;
-        callInterceptor({
-          interceptor: props.beforeClose,
+        callInterceptor(props.beforeClose, {
           args: [action],
 
           done() {
@@ -211,10 +209,9 @@ export default defineComponent({
         "style": {
           width: addUnit(width)
         },
-        "aria-labelledby": title || message
-      }, pick(props, popupKeys), {
-        'onUpdate:show': updateShow
-      }), {
+        "aria-labelledby": title || message,
+        "onUpdate:show": updateShow
+      }, pick(props, popupInheritKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };

package/es/dialog/function-call.d.ts

@@ -13,7 +13,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;
@@ -38,7 +38,7 @@ declare namespace Dialog {
         className: string;
         allowHtml: boolean;
         lockScroll: boolean;
-        transition: string;
+        transition: undefined;
         beforeClose: null;
         overlayClass: string;
         overlayStyle: undefined;