vant 3.2.6 → 3.2.7

package/lib/coupon-cell/CouponCell.d.ts

@@ -1,4 +1,29 @@
+import { ExtractPropTypes } from 'vue';
 import type { CouponInfo } from '../coupon';
+declare const couponCellProps: {
+    title: StringConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    editable: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    coupons: {
+        type: import("vue").PropType<CouponInfo[]>;
+        default: () => never[];
+    };
+    currency: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    chosenCoupon: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+};
+export declare type CouponCellProps = ExtractPropTypes<typeof couponCellProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     border: {

package/lib/coupon-cell/CouponCell.js

@@ -12,8 +12,21 @@ var _cell = require("../cell");
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('coupon-cell');
+var couponCellProps = {
+  title: String,
+  border: _utils.truthProp,
+  editable: _utils.truthProp,
+  coupons: (0, _utils.makeArrayProp)(),
+  currency: (0, _utils.makeStringProp)('¥'),
+  chosenCoupon: (0, _utils.makeNumericProp)(-1)
+};
 
-function formatValue(coupons, chosenCoupon, currency) {
+function formatValue(_ref) {
+  var {
+    coupons,
+    chosenCoupon,
+    currency
+  } = _ref;
   var coupon = coupons[+chosenCoupon];
 
   if (coupon) {
@@ -35,22 +48,14 @@ function formatValue(coupons, chosenCoupon, currency) {
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    title: String,
-    border: _utils.truthProp,
-    editable: _utils.truthProp,
-    coupons: (0, _utils.makeArrayProp)(),
-    currency: (0, _utils.makeStringProp)('¥'),
-    chosenCoupon: (0, _utils.makeNumericProp)(-1)
-  },
+  props: couponCellProps,
 
   setup(props) {
     return () => {
       var selected = props.coupons[+props.chosenCoupon];
-      var value = formatValue(props.coupons, props.chosenCoupon, props.currency);
       return (0, _vue.createVNode)(_cell.Cell, {
         "class": bem(),
-        "value": value,
+        "value": formatValue(props),
         "title": props.title || t('title'),
         "border": props.border,
         "isLink": props.editable,

package/lib/coupon-cell/index.d.ts

@@ -43,3 +43,4 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
     chosenCoupon: string | number;
 }>>;
 export default CouponCell;
+export type { CouponCellProps } from './CouponCell';

package/lib/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/lib/coupon-list/CouponList.js

@@ -24,35 +24,37 @@ var _coupon = require("../coupon");
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('coupon-list');
 var EMPTY_IMAGE = 'https://img.yzcdn.cn/vant/coupon-empty.png';
+var couponListProps = {
+  code: (0, _utils.makeStringProp)(''),
+  coupons: (0, _utils.makeArrayProp)(),
+  currency: (0, _utils.makeStringProp)('¥'),
+  showCount: _utils.truthProp,
+  emptyImage: (0, _utils.makeStringProp)(EMPTY_IMAGE),
+  chosenCoupon: (0, _utils.makeNumberProp)(-1),
+  enabledTitle: String,
+  disabledTitle: String,
+  disabledCoupons: (0, _utils.makeArrayProp)(),
+  showExchangeBar: _utils.truthProp,
+  showCloseButton: _utils.truthProp,
+  closeButtonText: String,
+  inputPlaceholder: String,
+  exchangeMinLength: (0, _utils.makeNumberProp)(1),
+  exchangeButtonText: String,
+  displayedCouponIndex: (0, _utils.makeNumberProp)(-1),
+  exchangeButtonLoading: Boolean,
+  exchangeButtonDisabled: Boolean
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    code: (0, _utils.makeStringProp)(''),
-    coupons: (0, _utils.makeArrayProp)(),
-    currency: (0, _utils.makeStringProp)('¥'),
-    showCount: _utils.truthProp,
-    emptyImage: (0, _utils.makeStringProp)(EMPTY_IMAGE),
-    chosenCoupon: (0, _utils.makeNumberProp)(-1),
-    enabledTitle: String,
-    disabledTitle: String,
-    disabledCoupons: (0, _utils.makeArrayProp)(),
-    showExchangeBar: _utils.truthProp,
-    showCloseButton: _utils.truthProp,
-    closeButtonText: String,
-    inputPlaceholder: String,
-    exchangeMinLength: (0, _utils.makeNumberProp)(1),
-    exchangeButtonText: String,
-    displayedCouponIndex: (0, _utils.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] = (0, _useRefs.useRefs)();
     var state = (0, _vue.reactive)({
       tab: 0,

package/lib/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: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;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-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/lib/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/lib/coupon-list/index.less

@@ -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 {
@@ -79,7 +79,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/lib/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/lib/datetime-picker/DatePicker.js

@@ -37,10 +37,12 @@ var _default = (0, _vue.defineComponent)({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       if ((0, _utils.isDate)(value)) {
         var timestamp = (0, _utils.clamp)(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
@@ -150,10 +152,11 @@ var _default = (0, _vue.defineComponent)({
 
       return result;
     });
-    var originColumns = (0, _vue.computed)(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = (0, _vue.computed)(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = (0, _utils2.times)(rangeArr[1] - rangeArr[0] + 1, index => (0, _utils.padZero)(rangeArr[0] + index));
 
       if (props.filter) {
@@ -295,7 +298,7 @@ var _default = (0, _vue.defineComponent)({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, (0, _utils.pick)(props, _utils2.pickerKeys)), slots);
+    }, (0, _utils.pick)(props, _utils2.pickerInheritKeys)), slots);
   }
 
 });

package/lib/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/lib/datetime-picker/DatetimePicker.js

@@ -16,20 +16,21 @@ var _DatePicker = _interopRequireDefault(require("./DatePicker"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var [name, bem] = (0, _utils.createNamespace)('datetime-picker');
-var timePickerProps = Object.keys(_TimePicker.default.props);
-var datePickerProps = Object.keys(_DatePicker.default.props);
-var props = (0, _utils.extend)({}, _TimePicker.default.props, _DatePicker.default.props, {
+var timePickerPropKeys = Object.keys(_TimePicker.default.props);
+var datePickerPropKeys = Object.keys(_DatePicker.default.props);
+var datetimePickerProps = (0, _utils.extend)({}, _TimePicker.default.props, _DatePicker.default.props, {
   modelValue: [String, Date]
 });
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props,
+  props: datetimePickerProps,
 
-  setup(props, {
-    attrs,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      attrs,
+      slots
+    } = _ref;
     var root = (0, _vue.ref)();
     (0, _useExpose.useExpose)({
       getPicker: () => {
@@ -41,7 +42,7 @@ var _default = (0, _vue.defineComponent)({
     return () => {
       var isTimePicker = props.type === 'time';
       var Component = isTimePicker ? _TimePicker.default : _DatePicker.default;
-      var inheritProps = (0, _utils.pick)(props, isTimePicker ? timePickerProps : datePickerProps);
+      var inheritProps = (0, _utils.pick)(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
       return (0, _vue.createVNode)(Component, (0, _vue.mergeProps)({
         "ref": root,
         "class": bem()

package/lib/datetime-picker/TimePicker.js

@@ -29,10 +29,12 @@ var _default = (0, _vue.defineComponent)({
   }),
   emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
+
     var formatValue = value => {
       var {
         minHour,
@@ -60,10 +62,11 @@ var _default = (0, _vue.defineComponent)({
       type: 'minute',
       range: [+props.minMinute, +props.maxMinute]
     }]);
-    var originColumns = (0, _vue.computed)(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
+    var originColumns = (0, _vue.computed)(() => ranges.value.map(_ref2 => {
+      var {
+        type,
+        range: rangeArr
+      } = _ref2;
       var values = (0, _utils2.times)(rangeArr[1] - rangeArr[0] + 1, index => (0, _utils.padZero)(rangeArr[0] + index));
 
       if (props.filter) {
@@ -136,7 +139,7 @@ var _default = (0, _vue.defineComponent)({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, (0, _utils.pick)(props, _utils2.pickerKeys)), slots);
+    }, (0, _utils.pick)(props, _utils2.pickerInheritKeys)), slots);
   }
 
 });

package/lib/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/lib/datetime-picker/utils.js

@@ -3,14 +3,14 @@
 exports.__esModule = true;
 exports.getMonthEndDay = void 0;
 exports.getTrueValue = getTrueValue;
-exports.sharedProps = exports.pickerKeys = void 0;
+exports.sharedProps = exports.pickerInheritKeys = void 0;
 exports.times = times;
 
 var _utils = require("../utils");
 
 var _Picker = require("../picker/Picker");
 
-var sharedProps = (0, _utils.extend)({}, _Picker.pickerProps, {
+var sharedProps = (0, _utils.extend)({}, _Picker.pickerSharedProps, {
   filter: Function,
   columnsOrder: Array,
   formatter: {
@@ -19,8 +19,8 @@ var sharedProps = (0, _utils.extend)({}, _Picker.pickerProps, {
   }
 });
 exports.sharedProps = sharedProps;
-var pickerKeys = Object.keys(_Picker.pickerProps);
-exports.pickerKeys = pickerKeys;
+var pickerInheritKeys = Object.keys(_Picker.pickerSharedProps);
+exports.pickerInheritKeys = pickerInheritKeys;
 
 function times(n, iteratee) {
   var index = -1;

package/lib/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/lib/dialog/Dialog.js

@@ -20,35 +20,37 @@ var _actionBarButton = require("../action-bar-button");
 // Utils
 // Components
 var [name, bem, t] = (0, _utils.createNamespace)('dialog');
-var popupKeys = [..._shared.popupSharedPropKeys, 'transition', 'closeOnPopstate'];
+var dialogProps = (0, _utils.extend)({}, _shared.popupSharedProps, {
+  title: String,
+  theme: String,
+  width: _utils.numericProp,
+  message: [String, Function],
+  callback: Function,
+  allowHtml: Boolean,
+  className: _utils.unknownProp,
+  transition: (0, _utils.makeStringProp)('van-dialog-bounce'),
+  messageAlign: String,
+  closeOnPopstate: _utils.truthProp,
+  showCancelButton: Boolean,
+  cancelButtonText: String,
+  cancelButtonColor: String,
+  confirmButtonText: String,
+  confirmButtonColor: String,
+  showConfirmButton: _utils.truthProp,
+  closeOnClickOverlay: Boolean
+});
+var popupInheritKeys = [..._shared.popupSharedPropKeys, 'transition', 'closeOnPopstate'];
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: (0, _utils.extend)({}, _shared.popupSharedProps, {
-    title: String,
-    theme: String,
-    width: _utils.numericProp,
-    message: [String, Function],
-    callback: Function,
-    allowHtml: Boolean,
-    className: _utils.unknownProp,
-    transition: (0, _utils.makeStringProp)('van-dialog-bounce'),
-    messageAlign: String,
-    closeOnPopstate: _utils.truthProp,
-    showCancelButton: Boolean,
-    cancelButtonText: String,
-    cancelButtonColor: String,
-    confirmButtonText: String,
-    confirmButtonColor: String,
-    showConfirmButton: _utils.truthProp,
-    closeOnClickOverlay: Boolean
-  }),
+  props: dialogProps,
   emits: ['confirm', 'cancel', 'update:show'],
 
-  setup(props, {
-    emit,
-    slots
-  }) {
+  setup(props, _ref) {
+    var {
+      emit,
+      slots
+    } = _ref;
     var loading = (0, _vue.reactive)({
       confirm: false,
       cancel: false
@@ -220,7 +222,7 @@ var _default = (0, _vue.defineComponent)({
         },
         "aria-labelledby": title || message,
         "onUpdate:show": updateShow
-      }, (0, _utils.pick)(props, popupKeys)), {
+      }, (0, _utils.pick)(props, popupInheritKeys)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
       });
     };

package/lib/dialog/index.css

@@ -1 +1 @@
-:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-white);--van-dialog-header-font-weight:var(--van-font-weight-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-danger-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-color);border-radius:var(--van-dialog-border-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__cancel,.van-dialog__confirm{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__cancel,.van-dialog--round-button .van-dialog__confirm{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}
+:root{--van-dialog-width:320px;--van-dialog-small-screen-width:90%;--van-dialog-font-size:var(--van-font-size-lg);--van-dialog-transition:var(--van-animation-duration-base);--van-dialog-border-radius:16px;--van-dialog-background-color:var(--van-background-color-light);--van-dialog-header-font-weight:var(--van-font-weight-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-danger-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-color);border-radius:var(--van-dialog-border-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__cancel,.van-dialog__confirm{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__cancel,.van-dialog--round-button .van-dialog__confirm{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/lib/dialog/index.d.ts

@@ -1,4 +1,5 @@
 import { Dialog } from './function-call';
 export default Dialog;
 export { Dialog };
+export type { DialogProps } from './Dialog';
 export type { DialogTheme, DialogMessage, DialogOptions, DialogMessageAlign, } from './types';

package/lib/dialog/var.less

@@ -5,7 +5,7 @@
 @dialog-font-size: var(--van-font-size-lg);
 @dialog-transition: var(--van-animation-duration-base);
 @dialog-border-radius: 16px;
-@dialog-background-color: var(--van-white);
+@dialog-background-color: var(--van-background-color-light);
 @dialog-header-font-weight: var(--van-font-weight-bold);
 @dialog-header-line-height: 24px;
 @dialog-header-padding-top: 26px;

package/lib/divider/Divider.d.ts

@@ -1,4 +1,17 @@
+import { ExtractPropTypes } from 'vue';
 export declare type DividerContentPosition = 'left' | 'center' | 'right';
+declare const dividerProps: {
+    dashed: BooleanConstructor;
+    hairline: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    contentPosition: {
+        type: import("vue").PropType<DividerContentPosition>;
+        default: DividerContentPosition;
+    };
+};
+export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     dashed: BooleanConstructor;
     hairline: {

package/lib/divider/Divider.js

@@ -8,18 +8,20 @@ var _vue = require("vue");
 var _utils = require("../utils");
 
 var [name, bem] = (0, _utils.createNamespace)('divider');
+var dividerProps = {
+  dashed: Boolean,
+  hairline: _utils.truthProp,
+  contentPosition: (0, _utils.makeStringProp)('center')
+};
 
 var _default = (0, _vue.defineComponent)({
   name,
-  props: {
-    dashed: Boolean,
-    hairline: _utils.truthProp,
-    contentPosition: (0, _utils.makeStringProp)('center')
-  },
-
-  setup(props, {
-    slots
-  }) {
+  props: dividerProps,
+
+  setup(props, _ref) {
+    var {
+      slots
+    } = _ref;
     return () => (0, _vue.createVNode)("div", {
       "role": "separator",
       "class": bem({

package/lib/divider/index.css

@@ -1 +1 @@
-:root{--van-divider-margin:var(--van-padding-md) 0;--van-divider-text-color:var(--van-gray-6);--van-divider-font-size:var(--van-font-size-md);--van-divider-line-height:24px;--van-divider-border-color:var(--van-border-color);--van-divider-content-padding:var(--van-padding-md);--van-divider-content-left-width:10%;--van-divider-content-right-width:10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:var(--van-divider-content-padding);content:''}.van-divider--content-left::before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right::after{max-width:var(--van-divider-content-right-width)}
+:root{--van-divider-margin:var(--van-padding-md) 0;--van-divider-text-color:var(--van-text-color-2);--van-divider-font-size:var(--van-font-size-md);--van-divider-line-height:24px;--van-divider-border-color:var(--van-border-color);--van-divider-content-padding:var(--van-padding-md);--van-divider-content-left-width:10%;--van-divider-content-right-width:10%}.van-divider{display:flex;align-items:center;margin:var(--van-divider-margin);color:var(--van-divider-text-color);font-size:var(--van-divider-font-size);line-height:var(--van-divider-line-height);border-color:var(--van-divider-border-color);border-style:solid;border-width:0}.van-divider::after,.van-divider::before{display:block;flex:1;box-sizing:border-box;height:1px;border-color:inherit;border-style:inherit;border-width:var(--van-border-width-base) 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--content-center::before,.van-divider--content-left::before,.van-divider--content-right::before{margin-right:var(--van-divider-content-padding)}.van-divider--content-center::after,.van-divider--content-left::after,.van-divider--content-right::after{margin-left:var(--van-divider-content-padding);content:''}.van-divider--content-left::before{max-width:var(--van-divider-content-left-width)}.van-divider--content-right::after{max-width:var(--van-divider-content-right-width)}