vant 3.2.0 → 3.2.4

package/lib/coupon/index.d.ts

@@ -1,4 +1,4 @@
-declare const Coupon: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Coupon: import("../utils").WithInstall<import("vue").DefineComponent<{
     chosen: BooleanConstructor;
     disabled: BooleanConstructor;
     coupon: {
@@ -19,11 +19,10 @@ declare const Coupon: import("../utils").WithInstall<import("vue").DefineCompone
     currency: string;
     coupon: import("./Coupon").CouponInfo;
     chosen: boolean;
-} & {}> & {}, {
+} & {}>, {
     disabled: boolean;
     currency: string;
     chosen: boolean;
 }>>;
 export default Coupon;
-export { Coupon };
 export type { CouponInfo } from './Coupon';

package/lib/coupon/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Coupon = exports.default = void 0;
+exports.default = exports.Coupon = void 0;
 
 var _utils = require("../utils");
 

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

@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     chosenCoupon: string | number;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     currency: string;
     editable: boolean;

package/lib/coupon-cell/CouponCell.js

@@ -30,7 +30,7 @@ function formatValue(coupons, chosenCoupon, currency) {
     return "-" + currency + " " + (value / 100).toFixed(2);
   }
 
-  return coupons.length === 0 ? t('tips') : t('count', coupons.length);
+  return coupons.length === 0 ? t('noCoupon') : t('count', coupons.length);
 }
 
 var _default = (0, _vue.defineComponent)({

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

@@ -1,4 +1,4 @@
-declare const CouponCell: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CouponCell: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;
@@ -35,7 +35,7 @@ declare const CouponCell: import("../utils").WithInstall<import("vue").DefineCom
     chosenCoupon: string | number;
 } & {
     title?: string | undefined;
-}> & {}, {
+}>, {
     border: boolean;
     currency: string;
     editable: boolean;
@@ -43,4 +43,3 @@ declare const CouponCell: import("../utils").WithInstall<import("vue").DefineCom
     chosenCoupon: string | number;
 }>>;
 export default CouponCell;
-export { CouponCell };

package/lib/coupon-cell/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.CouponCell = exports.default = void 0;
+exports.default = exports.CouponCell = void 0;
 
 var _utils = require("../utils");
 

package/lib/coupon-list/CouponList.js

@@ -7,8 +7,6 @@ var _vue = require("vue");
 
 var _utils = require("../utils");
 
-var _use = require("@vant/use");
-
 var _useRefs = require("../composables/use-refs");
 
 var _tab = require("../tab");
@@ -84,13 +82,7 @@ var _default = (0, _vue.defineComponent)({
       tab: 0,
       code: props.code
     });
-    var {
-      height: windowHeight
-    } = (0, _use.useWindowSize)();
     var buttonDisabled = (0, _vue.computed)(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
-    var listStyle = (0, _vue.computed)(() => ({
-      height: windowHeight.value - (props.showExchangeBar ? 140 : 94) + 'px'
-    }));
 
     var onExchange = () => {
       emit('exchange', state.code); // auto clear currentCode when not use v-model
@@ -112,7 +104,7 @@ var _default = (0, _vue.defineComponent)({
       "class": bem('empty')
     }, [(0, _vue.createVNode)("img", {
       "src": props.emptyImage
-    }, null), (0, _vue.createVNode)("p", null, [t('empty')])]);
+    }, null), (0, _vue.createVNode)("p", null, [t('noCoupon')])]);
 
     var renderExchangeBar = () => {
       if (props.showExchangeBar) {
@@ -151,9 +143,9 @@ var _default = (0, _vue.defineComponent)({
       }, {
         default: () => [(0, _vue.createVNode)("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [coupons.map((coupon, index) => (0, _vue.createVNode)(_coupon.Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index),
@@ -178,9 +170,9 @@ var _default = (0, _vue.defineComponent)({
       }, {
         default: () => [(0, _vue.createVNode)("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [disabledCoupons.map(coupon => (0, _vue.createVNode)(_coupon.Coupon, {
           "disabled": true,
           "key": coupon.id,

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-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/lib/coupon-list/index.d.ts

@@ -1,4 +1,4 @@
-declare const CouponList: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CouponList: import("../utils").WithInstall<import("vue").DefineComponent<{
     showCount: {
         type: BooleanConstructor;
         default: true;
@@ -109,4 +109,3 @@ declare const CouponList: import("../utils").WithInstall<import("vue").DefineCom
     emptyImage: string;
 }>>;
 export default CouponList;
-export { CouponList };

package/lib/coupon-list/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.CouponList = exports.default = void 0;
+exports.default = exports.CouponList = void 0;
 
 var _utils = require("../utils");
 

package/lib/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/lib/datetime-picker/DatePicker.d.ts

@@ -47,7 +47,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => Date;
         validator: typeof isDate;
     };
-}, () => 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;

package/lib/datetime-picker/DatePicker.js

@@ -195,12 +195,13 @@ var _default = (0, _vue.defineComponent)({
             return formatter('minute', (0, _utils.padZero)(value.getMinutes()));
 
           default:
-            // no default
-            return null;
+            return '';
         }
       });
       (0, _vue.nextTick)(() => {
-        picker.value.setValues(values);
+        var _picker$value;
+
+        (_picker$value = picker.value) == null ? void 0 : _picker$value.setValues(values);
       });
     };
 

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

@@ -3,13 +3,14 @@ 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;
-} | ({
+}> | Readonly<{
     [x: string]: unknown;
 } & {
     [x: string]: any;
 } & {
     [x: number]: any;
-})> & {}, {} | {
+    [x: symbol]: any;
+}>, {} | {
     [x: string]: any;
 }>;
 export default _default;

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

@@ -46,7 +46,7 @@ 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<{
+}, () => 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;

package/lib/datetime-picker/TimePicker.js

@@ -95,7 +95,9 @@ var _default = (0, _vue.defineComponent)({
       var pair = currentDate.value.split(':');
       var values = [props.formatter('hour', pair[0]), props.formatter('minute', pair[1])];
       (0, _vue.nextTick)(() => {
-        picker.value.setValues(values);
+        var _picker$value;
+
+        (_picker$value = picker.value) == null ? void 0 : _picker$value.setValues(values);
       });
     };
 

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

@@ -1,14 +1,16 @@
-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<{
+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<{
     [x: string]: any;
-} | ({
+}> | Readonly<{
     [x: string]: unknown;
 } & {
     [x: string]: any;
 } & {
     [x: number]: any;
-})> & {}, {} | {
+    [x: symbol]: any;
+}>, {} | {
     [x: string]: any;
 }>>;
 export default DatetimePicker;
-export { DatetimePicker };
+export type { DatetimePickerProps };
 export type { DatetimePickerType, DatetimePickerInstance } from './types';

package/lib/datetime-picker/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.DatetimePicker = exports.default = void 0;
+exports.default = exports.DatetimePicker = void 0;
 
 var _utils = require("../utils");
 

package/lib/dialog/Dialog.d.ts

@@ -1,8 +1,5 @@
 import { PropType } from 'vue';
-export declare type DialogTheme = 'default' | 'round-button';
-export declare type DialogAction = 'confirm' | 'cancel';
-export declare type DialogMessage = string | (() => JSX.Element);
-export declare type DialogMessageAlign = 'left' | 'center' | 'right';
+import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
@@ -55,7 +52,7 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:show" | "confirm")[], "cancel" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;
@@ -99,6 +96,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     message?: DialogMessage | undefined;
     title?: string | undefined;
+    width?: string | number | undefined;
     zIndex?: string | number | undefined;
     duration?: string | number | undefined;
     teleport?: string | import("vue").RendererElement | null | undefined;
@@ -110,7 +108,6 @@ declare const _default: import("vue").DefineComponent<{
     cancelButtonText?: string | undefined;
     confirmButtonText?: string | undefined;
     theme?: DialogTheme | undefined;
-    width?: string | number | undefined;
     messageAlign?: DialogMessageAlign | undefined;
     cancelButtonColor?: string | undefined;
     confirmButtonColor?: string | undefined;

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

@@ -1,30 +1,5 @@
-import { App, CSSProperties, TeleportProps } from 'vue';
-import { Interceptor } from '../utils';
-import { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './Dialog';
-export declare type DialogOptions = {
-    title?: string;
-    width?: string | number;
-    theme?: DialogTheme;
-    message?: DialogMessage;
-    overlay?: boolean;
-    teleport?: TeleportProps['to'];
-    className?: unknown;
-    allowHtml?: boolean;
-    lockScroll?: boolean;
-    transition?: string;
-    beforeClose?: Interceptor;
-    messageAlign?: DialogMessageAlign;
-    overlayClass?: string;
-    overlayStyle?: CSSProperties;
-    closeOnPopstate?: boolean;
-    cancelButtonText?: string;
-    showCancelButton?: boolean;
-    showConfirmButton?: boolean;
-    cancelButtonColor?: string;
-    confirmButtonText?: string;
-    confirmButtonColor?: string;
-    closeOnClickOverlay?: boolean;
-};
+import { App } from 'vue';
+import type { DialogAction, DialogOptions } from './types';
 declare function Dialog(options: DialogOptions): Promise<unknown>;
 declare namespace Dialog {
     var defaultOptions: {
@@ -82,7 +57,6 @@ declare namespace Dialog {
     var close: () => void;
     var setDefaultOptions: (options: DialogOptions) => void;
     var resetDefaultOptions: () => void;
-    var install: (app: App<any>) => void;
     var Component: import("../utils").WithInstall<import("vue").DefineComponent<{
         show: BooleanConstructor;
         zIndex: (NumberConstructor | StringConstructor)[];
@@ -100,8 +74,8 @@ declare namespace Dialog {
             type: BooleanConstructor;
             default: true;
         };
-        beforeClose: import("vue").PropType<Interceptor>;
-        overlayStyle: import("vue").PropType<CSSProperties>;
+        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
         overlayClass: import("vue").PropType<unknown>;
         transitionAppear: BooleanConstructor;
         closeOnClickOverlay: {
@@ -110,13 +84,13 @@ declare namespace Dialog {
         };
     } & {
         title: StringConstructor;
-        theme: import("vue").PropType<DialogTheme>;
+        theme: import("vue").PropType<import("./types").DialogTheme>;
         width: (NumberConstructor | StringConstructor)[];
-        message: import("vue").PropType<DialogMessage>;
+        message: import("vue").PropType<import("./types").DialogMessage>;
         callback: import("vue").PropType<(action?: DialogAction | undefined) => void>;
         allowHtml: BooleanConstructor;
         className: import("vue").PropType<unknown>;
-        messageAlign: import("vue").PropType<DialogMessageAlign>;
+        messageAlign: import("vue").PropType<import("./types").DialogMessageAlign>;
         closeOnPopstate: {
             type: BooleanConstructor;
             default: true;
@@ -135,7 +109,7 @@ declare namespace Dialog {
             type: StringConstructor;
             default: string;
         };
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "update:show" | "confirm")[], "cancel" | "update:show" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
         show?: unknown;
         zIndex?: unknown;
         overlay?: unknown;
@@ -177,21 +151,21 @@ declare namespace Dialog {
         showCancelButton: boolean;
         showConfirmButton: boolean;
     } & {
-        message?: DialogMessage | undefined;
+        message?: import("./types").DialogMessage | undefined;
         title?: string | undefined;
+        width?: string | number | undefined;
         zIndex?: string | number | undefined;
         duration?: string | number | undefined;
         teleport?: string | import("vue").RendererElement | null | undefined;
-        beforeClose?: Interceptor | undefined;
-        overlayStyle?: CSSProperties | undefined;
+        beforeClose?: import("../utils").Interceptor | undefined;
+        overlayStyle?: import("vue").CSSProperties | undefined;
         overlayClass?: unknown;
         className?: unknown;
         callback?: ((action?: DialogAction | undefined) => void) | undefined;
         cancelButtonText?: string | undefined;
         confirmButtonText?: string | undefined;
-        theme?: DialogTheme | undefined;
-        width?: string | number | undefined;
-        messageAlign?: DialogMessageAlign | undefined;
+        theme?: import("./types").DialogTheme | undefined;
+        messageAlign?: import("./types").DialogMessageAlign | undefined;
         cancelButtonColor?: string | undefined;
         confirmButtonColor?: string | undefined;
     }> & {
@@ -211,5 +185,6 @@ declare namespace Dialog {
         showCancelButton: boolean;
         showConfirmButton: boolean;
     }>>;
+    var install: (app: App<any>) => void;
 }
 export { Dialog };

package/lib/dialog/function-call.js

@@ -98,9 +98,9 @@ Dialog.resetDefaultOptions = () => {
   Dialog.currentOptions = (0, _utils.extend)({}, Dialog.defaultOptions);
 };
 
+Dialog.Component = (0, _utils.withInstall)(_Dialog.default);
+
 Dialog.install = app => {
-  app.use((0, _utils.withInstall)(_Dialog.default));
+  app.use(Dialog.Component);
   app.config.globalProperties.$dialog = Dialog;
-};
-
-Dialog.Component = (0, _utils.withInstall)(_Dialog.default);
+};

package/lib/dialog/index.d.ts

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

package/lib/dialog/types.d.ts

@@ -0,0 +1,36 @@
+import { Dialog } from './function-call';
+import type { CSSProperties, TeleportProps } from 'vue';
+import type { Interceptor } from '../utils';
+export declare type DialogTheme = 'default' | 'round-button';
+export declare type DialogAction = 'confirm' | 'cancel';
+export declare type DialogMessage = string | (() => JSX.Element);
+export declare type DialogMessageAlign = 'left' | 'center' | 'right';
+export declare type DialogOptions = {
+    title?: string;
+    width?: string | number;
+    theme?: DialogTheme;
+    message?: DialogMessage;
+    overlay?: boolean;
+    teleport?: TeleportProps['to'];
+    className?: unknown;
+    allowHtml?: boolean;
+    lockScroll?: boolean;
+    transition?: string;
+    beforeClose?: Interceptor;
+    messageAlign?: DialogMessageAlign;
+    overlayClass?: string;
+    overlayStyle?: CSSProperties;
+    closeOnPopstate?: boolean;
+    cancelButtonText?: string;
+    showCancelButton?: boolean;
+    showConfirmButton?: boolean;
+    cancelButtonColor?: string;
+    confirmButtonText?: string;
+    confirmButtonColor?: string;
+    closeOnClickOverlay?: boolean;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $dialog: typeof Dialog;
+    }
+}

package/lib/dialog/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/divider/Divider.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     dashed: boolean;
     hairline: boolean;
     contentPosition: DividerContentPosition;
-} & {}> & {}, {
+} & {}>, {
     dashed: boolean;
     hairline: boolean;
     contentPosition: DividerContentPosition;

package/lib/divider/index.d.ts

@@ -1,4 +1,4 @@
-declare const Divider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Divider: import("../utils").WithInstall<import("vue").DefineComponent<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;
@@ -16,11 +16,10 @@ declare const Divider: import("../utils").WithInstall<import("vue").DefineCompon
     dashed: boolean;
     hairline: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
-} & {}> & {}, {
+} & {}>, {
     dashed: boolean;
     hairline: boolean;
     contentPosition: import("./Divider").DividerContentPosition;
 }>>;
 export default Divider;
-export { Divider };
 export type { DividerContentPosition } from './Divider';

package/lib/divider/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.Divider = exports.default = void 0;
+exports.default = exports.Divider = void 0;
 
 var _utils = require("../utils");
 

package/lib/dropdown-item/DropdownItem.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<DropdownItemOption[]>;
         default: () => never[];
     };
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "update:modelValue" | "open" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     disabled?: unknown;
     teleport?: unknown;

package/lib/dropdown-item/index.d.ts

@@ -1,4 +1,5 @@
-declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { DropdownItemProps } from './DropdownItem';
+export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     disabled: BooleanConstructor;
     teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
@@ -12,7 +13,7 @@ declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
         default: () => never[];
     };
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "update:modelValue" | "open" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     title?: unknown;
     disabled?: unknown;
     teleport?: unknown;
@@ -42,5 +43,5 @@ declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineC
     options: import("./types").DropdownItemOption[];
 }>>;
 export default DropdownItem;
-export { DropdownItem };
+export type { DropdownItemProps };
 export type { DropdownItemInstance, DropdownItemOption } from './types';

package/lib/dropdown-item/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.DropdownItem = exports.default = void 0;
+exports.default = exports.DropdownItem = void 0;
 
 var _utils = require("../utils");
 

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
 } & {
     zIndex?: string | number | undefined;
     activeColor?: string | undefined;
-}> & {}, {
+}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;

package/lib/dropdown-menu/index.d.ts

@@ -1,4 +1,5 @@
-declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { DropdownMenuProps } from './DropdownMenu';
+export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
         default: true;
@@ -38,7 +39,7 @@ declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineC
 } & {
     zIndex?: string | number | undefined;
     activeColor?: string | undefined;
-}> & {}, {
+}>, {
     overlay: boolean;
     duration: string | number;
     closeOnClickOverlay: boolean;
@@ -46,5 +47,5 @@ declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineC
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
-export { DropdownMenu };
+export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';

package/lib/dropdown-menu/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.DropdownMenu = exports.default = void 0;
+exports.default = exports.DropdownMenu = void 0;
 
 var _utils = require("../utils");