vant 3.2.3 → 3.2.4

package/changelog.generated.md

@@ -1,3 +1,92 @@
+### [v3.2.4](https://github.com/youzan/vant/compare/v3.2.3...v3.2.4)
+
+`2021-09-26`
+
+**Bug Fixes**
+
+- @vant/cli: shoud scroll to top after routing [#9465](https://github.com/youzan/vant/issues/9465)
+- 更新海南省三沙市地区数据信息 [#9493](https://github.com/youzan/vant/issues/9493)
+- Collapse: wrapperRef may be undefined [#9505](https://github.com/youzan/vant/issues/9505)
+- CouponList: fix scroll issue [#9480](https://github.com/youzan/vant/issues/9480)
+- Radio: icon ref may be undefined [#9503](https://github.com/youzan/vant/issues/9503)
+- Tabs: failed to scroll into view when rendering multiple tabs [#9543](https://github.com/youzan/vant/issues/9543)
+
+**build**
+
+- deps-dev: bump @types/lodash from 4.14.172 to 4.14.173 [#9486](https://github.com/youzan/vant/issues/9486)
+- deps-dev: bump @vant/area-data from 1.1.1 to 1.1.3 [#9520](https://github.com/youzan/vant/issues/9520)
+- deps-dev: bump @vue/compiler-sfc from 3.2.11 to 3.2.12 [#9526](https://github.com/youzan/vant/issues/9526)
+- deps-dev: bump vue from 3.2.11 to 3.2.12 [#9525](https://github.com/youzan/vant/issues/9525)
+- deps: bump @typescript-eslint/eslint-plugin from 4.31.0 to 4.31.1 [#9467](https://github.com/youzan/vant/issues/9467)
+- deps: bump @typescript-eslint/parser from 4.31.0 to 4.31.1 [#9466](https://github.com/youzan/vant/issues/9466)
+- deps: bump @vitejs/plugin-vue from 1.6.2 to 1.8.1 [#9523](https://github.com/youzan/vant/issues/9523)
+- deps: bump @vitejs/plugin-vue from 1.8.1 to 1.9.0 [#9537](https://github.com/youzan/vant/issues/9537)
+- deps: bump babel-jest from 27.1.1 to 27.2.0 [#9471](https://github.com/youzan/vant/issues/9471)
+- deps: bump babel-jest from 27.2.0 to 27.2.1 [#9535](https://github.com/youzan/vant/issues/9535)
+- deps: bump commander from 8.1.0 to 8.2.0 [#9459](https://github.com/youzan/vant/issues/9459)
+- deps: bump eslint-plugin-markdown from 2.2.0 to 2.2.1 [#9458](https://github.com/youzan/vant/issues/9458)
+- deps: bump eslint-plugin-vue from 7.17.0 to 7.18.0 [#9522](https://github.com/youzan/vant/issues/9522)
+- deps: bump ini from 1.3.5 to 1.3.8 in /packages/vant-lazyload [#9558](https://github.com/youzan/vant/issues/9558)
+- deps: bump jest from 27.1.1 to 27.2.0 [#9469](https://github.com/youzan/vant/issues/9469)
+- deps: bump jest from 27.2.0 to 27.2.1 [#9534](https://github.com/youzan/vant/issues/9534)
+- deps: bump markdown-it-anchor from 8.3.0 to 8.3.1 [#9519](https://github.com/youzan/vant/issues/9519)
+- deps: bump path-parse in /packages/vant-lazyload [#9559](https://github.com/youzan/vant/issues/9559)
+- deps: bump prettier from 2.4.0 to 2.4.1 [#9495](https://github.com/youzan/vant/issues/9495)
+- deps: bump typescript from 4.4.2 to 4.4.3 [#9460](https://github.com/youzan/vant/issues/9460)
+- deps: bump vite from 2.5.6 to 2.5.7 [#9468](https://github.com/youzan/vant/issues/9468)
+- deps: bump vite from 2.5.7 to 2.5.8 [#9496](https://github.com/youzan/vant/issues/9496)
+- deps: bump vite from 2.5.8 to 2.5.10 [#9524](https://github.com/youzan/vant/issues/9524)
+- deps: bump vite-plugin-md from 0.11.0 to 0.11.1 [#9521](https://github.com/youzan/vant/issues/9521)
+- fix deploy site action [#9555](https://github.com/youzan/vant/issues/9555)
+
+**Document**
+
+- @vant/icons: changelog 1.7.1 [ddecb3](https://github.com/youzan/vant/commit/ddecb3a2d047037a18f6cf666389b5edcec51141)
+- @vant/use: changelog v1.3.1 [70eec2](https://github.com/youzan/vant/commit/70eec20d25098e86a768983a94658d56ee0ab21c)
+- add faq links [#9548](https://github.com/youzan/vant/issues/9548)
+- add iOS :active pseudo faq [#9547](https://github.com/youzan/vant/issues/9547)
+- add props types to document [#9550](https://github.com/youzan/vant/issues/9550)
+- add usage of function component in script setup [#9517](https://github.com/youzan/vant/issues/9517)
+- add vant-theme link [#9489](https://github.com/youzan/vant/issues/9489)
+- changelog: 3.2.3 [362d5a](https://github.com/youzan/vant/commit/362d5a8a65e41cff932270fc666293516a2d756c)
+- collapse: fix typo [#9477](https://github.com/youzan/vant/issues/9477)
+- fix design resource link [#9492](https://github.com/youzan/vant/issues/9492)
+- NumberKeyboard: fix multiple extraKey doc [#9551](https://github.com/youzan/vant/issues/9551)
+- Tabs: add sticky offset-top tip [#9506](https://github.com/youzan/vant/issues/9506)
+- Uploader: add faq [#9529](https://github.com/youzan/vant/issues/9529)
+
+- Create FUNDING.yml [211c3b](https://github.com/youzan/vant/commit/211c3bff19b8ae688803c33153d622ed087058c6)
+
+**Feature**
+
+- @vant/cli: add enableVConsole option [#9527](https://github.com/youzan/vant/issues/9527)
+- @vant/icons: add guide-o icon [c5f45a](https://github.com/youzan/vant/commit/c5f45a5c134bf9d789c943b247c620a1a2391d03)
+- Search: add autocomplete prop [#9553](https://github.com/youzan/vant/issues/9553)
+- Search: add name prop [#9563](https://github.com/youzan/vant/issues/9563)
+
+**perf**
+
+- @vant/lazyload: reduce production log [33d7aa](https://github.com/youzan/vant/commit/33d7aa8f1aee38576f1a0b3549560edd7b5fe0ed)
+- @vant/lazyload: remove edge 15 polyfill [00b156](https://github.com/youzan/vant/commit/00b1568887321cf452ed4b8872fe99f089a74b22)
+- @vant/use: remove raf polyfill [#9544](https://github.com/youzan/vant/issues/9544)
+
+**release**
+
+- @vant/area-data@1.1.3 [8d0f12](https://github.com/youzan/vant/commit/8d0f120ddecd56a8f3ed3d4dae810af22aa02181)
+- @vant/icons 1.7.1 [6aa3cd](https://github.com/youzan/vant/commit/6aa3cd186b39d2f2e8b1a9a3cd24e53cbcd38b4e)
+- @vant/lazyload 1.3.0 [3aa3bb](https://github.com/youzan/vant/commit/3aa3bbfa49b4601e7c9ea9bc3f9738708700aa9d)
+- @vant/use 1.3.1 [67437b](https://github.com/youzan/vant/commit/67437b541e5e93014cd7d252a2b14225e48340b7)
+
+**style**
+
+- reduce calculation [#9479](https://github.com/youzan/vant/issues/9479)
+
+**Types**
+
+- @vant/lazyload: add $Lazyload typing [3ad17a](https://github.com/youzan/vant/commit/3ad17abd524144f249d894f4223718995cab1849)
+- export props types [a3380f](https://github.com/youzan/vant/commit/a3380f08c06f5fd32443e9b033e3d8a29c1f726a)
+- fix $toast、$dialog、$notify typing [#9556](https://github.com/youzan/vant/issues/9556)
+- Popover: PopoverAction type allow extra properties [#9554](https://github.com/youzan/vant/issues/9554)
 ### [v3.2.3](https://github.com/youzan/vant/compare/v3.2.2...v3.2.3)
 
 `2021-09-12`
@@ -57,51 +146,7 @@
 **refactor**
 
 - @vant/cli: remove component auto registration [911d06](https://github.com/youzan/vant/commit/911d0669deca63dd6c9f9b268177904db6d8a48b)
-### [v3.2.2](https://github.com/youzan/vant/compare/v3.2.1...v3.2.2)
-
-`2021-09-02`
-
-**Bug Fixes**
-
-- AddressEdit: remove unused finish button [#9364](https://github.com/youzan/vant/issues/9364)
-- Progress: fix render error when use v-show and improve performance [841e09](https://github.com/youzan/vant/commit/841e09d0529961058ecb63ed26f018cf3a66a3bf)
-- Progress: percentage missing default value [8ac597](https://github.com/youzan/vant/commit/8ac597dc3d2316d34f866dcfd7e1646c695da180)
-
-**Document**
-
-- add documentation of all typings [#9359](https://github.com/youzan/vant/issues/9359)
-- add documentation version tip [#9378](https://github.com/youzan/vant/issues/9378)
-- add more component registration guide [#9319](https://github.com/youzan/vant/issues/9319)
-- Calendar: update demo [#9341](https://github.com/youzan/vant/issues/9341)
-- changelog: 3.2.1 [b33ef2](https://github.com/youzan/vant/commit/b33ef265fef6aee68ffe01c82d2512e1b87a1579)
-- fix useRect param [#9370](https://github.com/youzan/vant/issues/9370)
-- improve typing [#9362](https://github.com/youzan/vant/issues/9362)
-- Progress: improve transition demo [#9335](https://github.com/youzan/vant/issues/9335)
-- Progress: remove Methods resize [49b4ff](https://github.com/youzan/vant/commit/49b4ffe7f0649775b896aa12fc12b8231620f288)
-
-**Feature**
-
-- Field: add id prop [#9347](https://github.com/youzan/vant/issues/9347)
-- Field: add van-field__error class when error [#9327](https://github.com/youzan/vant/issues/9327)
-- Field: using <label> tag for label [#9346](https://github.com/youzan/vant/issues/9346)
-- Popover: add show-arrow prop [#9372](https://github.com/youzan/vant/issues/9372)
-- Progress: add transition effect [ba4ff5](https://github.com/youzan/vant/commit/ba4ff58af6ccf67e255bf43ef905677dc64596a3)
-- Search: add id prop [#9349](https://github.com/youzan/vant/issues/9349)
-- Tab: add show-zero-badge prop [#9343](https://github.com/youzan/vant/issues/9343)
-
-**perf**
-
-- Locale: simplify locale configs [#9329](https://github.com/youzan/vant/issues/9329)
 
 **release**
 
-- 3.2.2 [c14742](https://github.com/youzan/vant/commit/c147428176319f4a85d02bf328183782699cdb68)
-
-**style**
-
-- fix animation css vars not work [#9337](https://github.com/youzan/vant/issues/9337)
-
-**Types**
-
-- Calendar: improve default-date typing [#9358](https://github.com/youzan/vant/issues/9358)
-- reduce non-null assertion [#9355](https://github.com/youzan/vant/issues/9355)
+- 3.2.3 [f6fca2](https://github.com/youzan/vant/commit/f6fca2694945eeb37816b3817f68258b7a523d51)

package/es/address-edit/index.d.ts

@@ -1,3 +1,4 @@
+import { AddressEditProps } from './AddressEdit';
 export declare const AddressEdit: import("../utils").WithInstall<import("vue").DefineComponent<{
     areaList: import("vue").PropType<import("..").AreaList>;
     isSaving: BooleanConstructor;
@@ -120,4 +121,5 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
     areaColumnsPlaceholder: string[];
 }>>;
 export default AddressEdit;
+export type { AddressEditProps };
 export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';

package/es/area/index.d.ts

@@ -1,3 +1,4 @@
+import { AreaProps } from './Area';
 export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
@@ -90,4 +91,5 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
     columnsPlaceholder: string[];
 }>>;
 export default Area;
+export type { AreaProps };
 export type { AreaList, AreaInstance, AreaColumnOption } from './types';

package/es/calendar/index.d.ts

@@ -1,3 +1,4 @@
+import { CalendarProps } from './Calendar';
 export declare const Calendar: import("../utils").WithInstall<import("vue").DefineComponent<{
     show: BooleanConstructor;
     title: StringConstructor;
@@ -174,4 +175,5 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     showRangePrompt: boolean;
 }>>;
 export default Calendar;
+export type { CalendarProps };
 export type { CalendarType, CalendarDayItem, CalendarDayType, CalendarInstance, } from './types';

package/es/checkbox/Checker.js

@@ -58,7 +58,7 @@ export default defineComponent({
         target
       } = event;
       var icon = iconRef.value;
-      var iconClicked = icon === target || icon.contains(target);
+      var iconClicked = icon === target || (icon == null ? void 0 : icon.contains(target));
 
       if (!disabled.value && (iconClicked || !props.labelDisabled)) {
         emit('toggle');

package/es/checkbox/index.d.ts

@@ -1,3 +1,4 @@
+import { CheckboxProps } from './Checkbox';
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
     disabled: BooleanConstructor;
@@ -46,4 +47,5 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
+export type { CheckboxProps };
 export type { CheckboxInstance } from './types';

package/es/checkbox-group/index.d.ts

@@ -1,3 +1,4 @@
+import { CheckboxGroupProps } from './CheckboxGroup';
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
@@ -31,4 +32,5 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
+export type { CheckboxGroupProps };
 export type { CheckboxGroupInstance, CheckboxGroupToggleAllOptions, } from './types';

package/es/collapse-item/CollapseItem.js

@@ -83,7 +83,9 @@ export default defineComponent({
           wrapperRef.value.style.height = value ? '0' : contentHeight; // use double raf to ensure animation can start
 
           doubleRaf(() => {
-            wrapperRef.value.style.height = value ? contentHeight : '0';
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : '0';
+            }
           });
         } else {
           onTransitionEnd();

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

@@ -1,3 +1,4 @@
+import { CollapseItemProps } from './CollapseItem';
 export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     icon: StringConstructor;
     size: import("vue").PropType<"large">;
@@ -80,4 +81,5 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     readonly: boolean;
 }>>;
 export default CollapseItem;
+export type { CollapseItemProps };
 export type { CollapseItemInstance } from './types';

package/es/count-down/CountDown.d.ts

@@ -1,5 +1,4 @@
-import { ExtractPropTypes, ComponentPublicInstance } from 'vue';
-import { CurrentTime } from '@vant/use';
+import { ExtractPropTypes } from 'vue';
 declare const props: {
     autoStart: {
         type: BooleanConstructor;
@@ -15,14 +14,7 @@ declare const props: {
         default: string;
     };
 };
-declare type CountDownProps = ExtractPropTypes<typeof props>;
-declare type CountDownExpose = {
-    start: () => void;
-    pause: () => void;
-    reset: () => void;
-};
-export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
-export declare type CountDownCurrentTime = CurrentTime;
+export declare type CountDownProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
     autoStart: {
         type: BooleanConstructor;

package/es/count-down/index.d.ts

@@ -1,3 +1,4 @@
+import { CountDownProps } from './CountDown';
 export declare const CountDown: import("../utils").WithInstall<import("vue").DefineComponent<{
     autoStart: {
         type: BooleanConstructor;
@@ -32,4 +33,5 @@ export declare const CountDown: import("../utils").WithInstall<import("vue").Def
     format: string;
 }>>;
 export default CountDown;
-export type { CountDownInstance, CountDownCurrentTime } from './CountDown';
+export type { CountDownProps };
+export type { CountDownInstance, CountDownCurrentTime } from './types';

package/es/count-down/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CurrentTime } from '@vant/use';
+import type { CountDownProps } from './CountDown';
+declare type CountDownExpose = {
+    start: () => void;
+    pause: () => void;
+    reset: () => void;
+};
+export declare type CountDownInstance = ComponentPublicInstance<CountDownProps, CountDownExpose>;
+export declare type CountDownCurrentTime = CurrentTime;
+export {};

package/es/count-down/types.js

@@ -0,0 +1 @@
+export {};

package/es/coupon-list/CouponList.js

@@ -3,7 +3,6 @@ import { watch, computed, nextTick, reactive, onMounted, defineComponent } from
 
 import { truthProp, createNamespace } from '../utils'; // Composables
 
-import { useWindowSize } from '@vant/use';
 import { useRefs } from '../composables/use-refs'; // Components
 
 import { Tab } from '../tab';
@@ -70,13 +69,7 @@ export default defineComponent({
       tab: 0,
       code: props.code
     });
-    var {
-      height: windowHeight
-    } = useWindowSize();
     var buttonDisabled = computed(() => !props.exchangeButtonLoading && (props.exchangeButtonDisabled || !state.code || state.code.length < props.exchangeMinLength));
-    var listStyle = computed(() => ({
-      height: windowHeight.value - (props.showExchangeBar ? 140 : 94) + 'px'
-    }));
 
     var onExchange = () => {
       emit('exchange', state.code); // auto clear currentCode when not use v-model
@@ -137,9 +130,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [coupons.map((coupon, index) => _createVNode(Coupon, {
           "key": coupon.id,
           "ref": setCouponRefs(index),
@@ -164,9 +157,9 @@ export default defineComponent({
       }, {
         default: () => [_createVNode("div", {
           "class": bem('list', {
+            'with-bar': props.showExchangeBar,
             'with-bottom': props.showCloseButton
-          }),
-          "style": listStyle.value
+          })
         }, [disabledCoupons.map(coupon => _createVNode(Coupon, {
           "disabled": true,
           "key": coupon.id,

package/es/coupon-list/index.css

@@ -1 +1 @@
-:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background-color:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bottom{padding-bottom:calc(var(--van-padding-md) + 50px)}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-white)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}
+:root{--van-coupon-list-background-color:var(--van-background-color);--van-coupon-list-field-padding:5px 0 5px var(--van-padding-md);--van-coupon-list-exchange-button-height:32px;--van-coupon-list-close-button-height:40px;--van-coupon-list-empty-image-size:200px;--van-coupon-list-empty-tip-color:var(--van-gray-6);--van-coupon-list-empty-tip-font-size:var(--van-font-size-md);--van-coupon-list-empty-tip-line-height:var(--van-line-height-md)}.van-coupon-list{position:relative;height:100%;background-color:var(--van-coupon-list-background-color)}.van-coupon-list__field{padding:var(--van-coupon-list-field-padding)}.van-coupon-list__field .van-field__body{height:34px;padding-left:var(--van-padding-sm);line-height:34px;background:var(--van-gray-1);border-radius:17px}.van-coupon-list__field .van-field__body::-webkit-input-placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__body::placeholder{color:var(--van-gray-5)}.van-coupon-list__field .van-field__clear{margin-right:0}.van-coupon-list__exchange-bar{display:flex;align-items:center;background-color:var(--van-white)}.van-coupon-list__exchange{flex:none;height:var(--van-coupon-list-exchange-button-height);font-size:var(--van-font-size-lg);line-height:calc(var(--van-coupon-list-exchange-button-height) - 2px);border:0}.van-coupon-list .van-tabs__wrap{box-shadow:0 6px 12px -12px var(--van-gray-6)}.van-coupon-list__list{box-sizing:border-box;height:calc(100vh - 108px);padding:var(--van-padding-md) 0 var(--van-padding-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.van-coupon-list__list--with-bar{height:calc(100vh - 152px)}.van-coupon-list__list--with-bottom{padding-bottom:50px}.van-coupon-list__bottom{position:absolute;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px var(--van-padding-md);font-weight:var(--van-font-weight-bold);background-color:var(--van-white)}.van-coupon-list__close{height:var(--van-coupon-list-close-button-height)}.van-coupon-list__empty{padding-top:60px;text-align:center}.van-coupon-list__empty p{margin:var(--van-padding-md) 0;color:var(--van-coupon-list-empty-tip-color);font-size:var(--van-coupon-list-empty-tip-font-size);line-height:var(--van-coupon-list-empty-tip-line-height)}.van-coupon-list__empty img{width:var(--van-coupon-list-empty-image-size);height:var(--van-coupon-list-empty-image-size)}

package/es/coupon-list/index.less

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

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

@@ -1,3 +1,4 @@
+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<{
@@ -11,4 +12,5 @@ export declare const DatetimePicker: import("../utils").WithInstall<import("vue"
     [x: string]: any;
 }>>;
 export default DatetimePicker;
+export type { DatetimePickerProps };
 export type { DatetimePickerType, DatetimePickerInstance } from './types';

package/es/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)[];

package/es/dialog/Dialog.js

@@ -7,7 +7,8 @@ import { popupSharedProps, popupSharedPropKeys } from '../popup/shared'; // Comp
 import { Popup } from '../popup';
 import { Button } from '../button';
 import { ActionBar } from '../action-bar';
-import { ActionBarButton } from '../action-bar-button';
+import { ActionBarButton } from '../action-bar-button'; // Types
+
 var [name, bem, t] = createNamespace('dialog');
 var popupKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
 export default defineComponent({

package/es/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: {
@@ -99,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: {
@@ -109,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;
@@ -176,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;
-        messageAlign?: DialogMessageAlign | undefined;
+        theme?: import("./types").DialogTheme | undefined;
+        messageAlign?: import("./types").DialogMessageAlign | undefined;
         cancelButtonColor?: string | undefined;
         confirmButtonColor?: string | undefined;
     }> & {

package/es/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/es/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/es/dialog/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,3 +1,4 @@
+import { DropdownItemProps } from './DropdownItem';
 export declare const DropdownItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     disabled: BooleanConstructor;
@@ -42,4 +43,5 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     options: import("./types").DropdownItemOption[];
 }>>;
 export default DropdownItem;
+export type { DropdownItemProps };
 export type { DropdownItemInstance, DropdownItemOption } from './types';

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

@@ -1,3 +1,4 @@
+import { DropdownMenuProps } from './DropdownMenu';
 export declare const DropdownMenu: import("../utils").WithInstall<import("vue").DefineComponent<{
     overlay: {
         type: BooleanConstructor;
@@ -46,4 +47,5 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
     closeOnClickOutside: boolean;
 }>>;
 export default DropdownMenu;
+export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';