vant 3.5.4 → 3.6.2

package/README.md

@@ -67,10 +67,14 @@ pnpm add vant
 
 ```js
 import { createApp } from 'vue';
+// 1. Import the components you need
 import { Button } from 'vant';
+// 2. Import the components style
 import 'vant/lib/index.css';
 
 const app = createApp();
+
+// 3. Register the components you need
 app.use(Button);
 ```
 

package/changelog.generated.md

@@ -1,54 +1,51 @@
-### [v3.5.4](https://github.com/vant-ui/vant/compare/v3.5.3...v3.5.4)
+### [v3.6.2](https://github.com/vant-ui/vant/compare/v3.6.1...v3.6.2)
 
-`2022-08-06`
+`2022-09-04`
 
 **Bug Fixes**
 
-- @vant/cli: should replace NODE_ENV in vite v3 [#10887](https://github.com/vant-ui/vant/issues/10887)
+- @vant/cli: add passive for global touchstart [#10979](https://github.com/vant-ui/vant/issues/10979)
+- area-data: update counties of Daxinganling region [#11000](https://github.com/vant-ui/vant/issues/11000)
+- Calendar: allow default date to be maxDate when enable allowSameDay [#10976](https://github.com/vant-ui/vant/issues/10976)
+- Calendar: range type defaultDate when set allowSameDay [#10971](https://github.com/vant-ui/vant/issues/10971)
+- indexBar: index-bar not positioned correctly when scrolled to the bottom [#10994](https://github.com/vant-ui/vant/issues/10994)
+- reduce passive event warning of touchmove event [#10975](https://github.com/vant-ui/vant/issues/10975)
+- Swipe: should not prevent touch move when reach edge [#10980](https://github.com/vant-ui/vant/issues/10980)
 
 **Document**
 
-- changelog: vant@3.5.3 [#10869](https://github.com/vant-ui/vant/issues/10869)
-### [v3.5.3](https://github.com/vant-ui/vant/compare/v3.5.2...v3.5.3)
+- add function component style guide [#11003](https://github.com/vant-ui/vant/issues/11003)
+- add nuxt 3 guide [#10977](https://github.com/vant-ui/vant/issues/10977)
+- changelog: 3.6.1 [6a7376](https://github.com/vant-ui/vant/commit/6a7376d15d20bdd1641422ff2cb1c317fc987e89)
+- fix card overflow issue [#10988](https://github.com/vant-ui/vant/issues/10988)
+- prefer using externalVue in nuxt 3 [#10978](https://github.com/vant-ui/vant/issues/10978)
+- update quickstart guide [#11006](https://github.com/vant-ui/vant/issues/11006)
 
-`2022-07-31`
+**release**
 
-**Bug Fixes**
+- @vant/area-data 1.3.2 [94c5af](https://github.com/vant-ui/vant/commit/94c5afe65caa97188fe3a800c52c629c1416ff41)
+### [v3.6.1](https://github.com/vant-ui/vant/compare/v3.6.0...v3.6.1)
 
-- @vant-cli: compilation error when using setup syntactic sugar and including subcomponents [cb7512](https://github.com/vant-ui/vant/commit/cb751211f1184a7a36627b45290f84c64d656f5a)
-- create-vant-cli-app: missing demo registration [#10839](https://github.com/vant-ui/vant/issues/10839)
-- docs: fix button example type in documentation [#10850](https://github.com/vant-ui/vant/issues/10850)
-- failed to get correct height of safe area element [#10827](https://github.com/vant-ui/vant/issues/10827)
-- Popover: allow to dynamically set offset prop [#10840](https://github.com/vant-ui/vant/issues/10840)
-- Uploader: should not preview failed images [#10790](https://github.com/vant-ui/vant/issues/10790)
+`2022-08-24`
 
-**Document**
+**Bug Fixes**
 
-- changelog: @vant/cli@4.0.3 [#10772](https://github.com/vant-ui/vant/issues/10772)
-- changelog: vant@3.5.2 [e5a3aa](https://github.com/vant-ui/vant/commit/e5a3aa103dcd087f091d757ad244179ad4a70f42)
-- improve description of name and required props [#10841](https://github.com/vant-ui/vant/issues/10841)
-- update readme [#10868](https://github.com/vant-ui/vant/issues/10868)
-- update website domain [#10798](https://github.com/vant-ui/vant/issues/10798)
+- reduce passive event warning of touchstart event [#10954](https://github.com/vant-ui/vant/issues/10954)
+- Tabs: resize not work for swipeable tabs [#10964](https://github.com/vant-ui/vant/issues/10964)
 
-**Feature**
+**Document**
 
-- @vant/cli: bump vite 3.0 [#10842](https://github.com/vant-ui/vant/issues/10842)
-- Calendar: expose getSelectedDate method [419a8e](https://github.com/vant-ui/vant/commit/419a8e4f0e6454b9aac30d5800318deabec099cb)
-- cli: support site.headHtml option [#10807](https://github.com/vant-ui/vant/issues/10807)
-- Collapse: collapse add toggleAll method for issues #10818 [#10818](https://github.com/vant-ui/vant/issues/10818) [#10837](https://github.com/vant-ui/vant/issues/10837) [#10818](https://github.com/vant-ui/vant/issues/10818)
+- changelog: vant@3.6.0 [667034](https://github.com/vant-ui/vant/commit/667034322ed4e1c39fd014e83d8661a1ff891ee0)
+- NoticeBar: disable swipe drag in demo [#10950](https://github.com/vant-ui/vant/issues/10950)
 
 **perf**
 
-- cli: improve cli boot time [#10780](https://github.com/vant-ui/vant/issues/10780)
-- cli: replace lint-staged with nano-staged [#10778](https://github.com/vant-ui/vant/issues/10778)
-- cli: replace ora with nanospinner [#10779](https://github.com/vant-ui/vant/issues/10779)
+- add correct passive flag to improve scroll performance [#10951](https://github.com/vant-ui/vant/issues/10951)
 
-**refactor**
+**release**
 
-- @vant/cli: remove vetur configs [#10866](https://github.com/vant-ui/vant/issues/10866)
+- 3.6.1 [2cca63](https://github.com/vant-ui/vant/commit/2cca63080868beb1b64bedddd004d8f13bc64d4a)
 
-**release**
+**Types**
 
-- @vant/cli 4.0.3 [e4fc6f](https://github.com/vant-ui/vant/commit/e4fc6f9081728d3f59ef8d60c18bc5e7fa72d571)
-- 3.5.3 [d96c42](https://github.com/vant-ui/vant/commit/d96c4228f5c16884d10dc523217194d138bf35c6)
-- create-vant-cli-app 2.0.1 [c628a6](https://github.com/vant-ui/vant/commit/c628a667703b38e3999e1953950a187e97a45efb)
+- @vant/use: improve useEventListener typing [#10952](https://github.com/vant-ui/vant/issues/10952)

package/es/action-bar/ActionBar.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/es/action-bar/index.d.ts

@@ -4,7 +4,7 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/es/action-bar-button/ActionBarButton.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-button/index.d.ts

@@ -9,7 +9,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-icon/ActionBarIcon.d.ts

@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<{
     iconClass: PropType<unknown>;
     badgeProps: PropType<Partial<BadgeProps>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/action-bar-icon/index.d.ts

@@ -11,7 +11,7 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     iconClass: import("vue").PropType<unknown>;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/badge/Badge.d.ts

@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<BadgePosition>;
         default: BadgePosition;
     };
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {

package/es/badge/Badge.mjs

@@ -26,7 +26,7 @@ var stdin_default = defineComponent({
         content,
         showZero
       } = props;
-      return isDef(content) && content !== "" && (showZero || content !== 0);
+      return isDef(content) && content !== "" && (showZero || content !== 0 && content !== "0");
     };
     const renderContent = () => {
       const {

package/es/badge/index.d.ts

@@ -16,7 +16,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: import("vue").PropType<import("./Badge").BadgePosition>;
         default: import("./Badge").BadgePosition;
     };
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
     tag: {

package/es/calendar/Calendar.mjs

@@ -78,7 +78,8 @@ var stdin_default = defineComponent({
       const {
         type,
         minDate,
-        maxDate
+        maxDate,
+        allowSameDay
       } = props;
       if (defaultDate === null) {
         return defaultDate;
@@ -88,8 +89,8 @@ var stdin_default = defineComponent({
         if (!Array.isArray(defaultDate)) {
           defaultDate = [];
         }
-        const start = limitDateRange(defaultDate[0] || now, minDate, getPrevDay(maxDate));
-        const end = limitDateRange(defaultDate[1] || now, getNextDay(minDate));
+        const start = limitDateRange(defaultDate[0] || now, minDate, allowSameDay ? maxDate : getPrevDay(maxDate));
+        const end = limitDateRange(defaultDate[1] || now, allowSameDay ? minDate : getNextDay(minDate));
         return [start, end];
       }
       if (type === "multiple") {
@@ -112,9 +113,6 @@ var stdin_default = defineComponent({
     const months = computed(() => {
       const months2 = [];
       const cursor = new Date(props.minDate);
-      if (props.lazyRender && !props.show && props.poppable) {
-        return months2;
-      }
       cursor.setDate(1);
       do {
         months2.push(new Date(cursor));
@@ -192,7 +190,9 @@ var stdin_default = defineComponent({
       }
       if (currentDate.value) {
         const targetDate = props.type === "single" ? currentDate.value : currentDate.value[0];
-        scrollToDate(targetDate);
+        if (isDate(targetDate)) {
+          scrollToDate(targetDate);
+        }
       } else {
         raf(onScroll);
       }

package/es/cell/Cell.d.ts

@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];

package/es/cell/index.d.ts

@@ -25,7 +25,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("./Cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];

package/es/cell-group/CellGroup.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {

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

@@ -5,7 +5,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {

package/es/col/Col.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

package/es/col/index.d.ts

@@ -8,7 +8,7 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
         default: number;
     };
     offset: (NumberConstructor | StringConstructor)[];
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;

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

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];

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

@@ -33,7 +33,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];

package/es/composables/use-global-z-index.d.ts

@@ -0,0 +1,4 @@
+/** the global z-index is automatically incremented after reading */
+export declare const useGlobalZIndex: () => number;
+/** reset the global z-index */
+export declare const setGlobalZIndex: (val: number) => void;

package/es/composables/use-global-z-index.mjs

@@ -0,0 +1,9 @@
+let globalZIndex = 2e3;
+const useGlobalZIndex = () => ++globalZIndex;
+const setGlobalZIndex = (val) => {
+  globalZIndex = val;
+};
+export {
+  setGlobalZIndex,
+  useGlobalZIndex
+};

package/es/composables/use-height.mjs

@@ -1,5 +1,6 @@
 import { useRect } from "@vant/use";
 import { ref, onMounted, nextTick } from "vue";
+import { onPopupReopen } from "./on-popup-reopen.mjs";
 const useHeight = (element, withSafeArea) => {
   const height = ref();
   const setHeight = () => {
@@ -13,6 +14,7 @@ const useHeight = (element, withSafeArea) => {
       }
     }
   });
+  onPopupReopen(() => nextTick(setHeight));
   return height;
 };
 export {

package/es/composables/use-lazy-render.mjs

@@ -1,11 +1,15 @@
 import { ref, watch } from "vue";
 function useLazyRender(show) {
   const inited = ref(false);
-  watch(show, (value) => {
-    if (value) {
-      inited.value = value;
-    }
-  }, { immediate: true });
+  watch(
+    show,
+    (value) => {
+      if (value) {
+        inited.value = value;
+      }
+    },
+    { immediate: true }
+  );
   return (render) => () => inited.value ? render() : null;
 }
 export {

package/es/composables/use-lock-scroll.mjs

@@ -6,10 +6,15 @@ let totalLockCount = 0;
 const BODY_LOCK_CLASS = "van-overflow-hidden";
 function useLockScroll(rootRef, shouldLock) {
   const touch = useTouch();
+  const DIRECTION_UP = "01";
+  const DIRECTION_DOWN = "10";
   const onTouchMove = (event) => {
     touch.move(event);
-    const direction = touch.deltaY.value > 0 ? "10" : "01";
-    const el = getScrollParent(event.target, rootRef.value);
+    const direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
+    const el = getScrollParent(
+      event.target,
+      rootRef.value
+    );
     const { scrollHeight, offsetHeight, scrollTop } = el;
     let status = "11";
     if (scrollTop === 0) {

package/es/composables/use-visibility-change.mjs

@@ -5,9 +5,12 @@ function useVisibilityChange(target, onChange) {
   if (!inBrowser || !window.IntersectionObserver) {
     return;
   }
-  const observer = new IntersectionObserver((entries) => {
-    onChange(entries[0].intersectionRatio > 0);
-  }, { root: document.body });
+  const observer = new IntersectionObserver(
+    (entries) => {
+      onChange(entries[0].intersectionRatio > 0);
+    },
+    { root: document.body }
+  );
   const observe = () => {
     if (target.value) {
       observer.observe(target.value);

package/es/config-provider/ConfigProvider.d.ts

@@ -9,6 +9,7 @@ declare const configProviderProps: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 };
@@ -18,13 +19,15 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: PropType<Record<string, Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {

package/es/config-provider/ConfigProvider.mjs

@@ -1,10 +1,12 @@
 import { createVNode as _createVNode } from "vue";
-import { provide, computed, defineComponent } from "vue";
+import { provide, computed, watchEffect, defineComponent } from "vue";
 import { kebabCase, makeStringProp, createNamespace } from "../utils/index.mjs";
+import { setGlobalZIndex } from "../composables/use-global-z-index.mjs";
 const [name, bem] = createNamespace("config-provider");
 const CONFIG_PROVIDER_KEY = Symbol(name);
 const configProviderProps = {
   tag: makeStringProp("div"),
+  zIndex: Number,
   themeVars: Object,
   iconPrefix: String
 };
@@ -27,6 +29,11 @@ var stdin_default = defineComponent({
       }
     });
     provide(CONFIG_PROVIDER_KEY, props);
+    watchEffect(() => {
+      if (props.zIndex !== void 0) {
+        setGlobalZIndex(props.zIndex);
+      }
+    });
     return () => _createVNode(props.tag, {
       "class": bem(),
       "style": style.value

package/es/config-provider/index.d.ts

@@ -3,13 +3,15 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
+    zIndex: NumberConstructor;
     themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
     iconPrefix: StringConstructor;
 }>>, {

package/es/coupon/Coupon.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: PropType<CouponInfo>;

package/es/coupon/index.d.ts

@@ -9,7 +9,7 @@ export declare const Coupon: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<string>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     chosen: BooleanConstructor;
     coupon: {
         type: import("vue").PropType<import("./Coupon").CouponInfo>;

package/es/coupon/utils.mjs

@@ -1,7 +1,9 @@
 import { padZero } from "../utils/index.mjs";
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
-  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(date.getDate())}`;
+  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
+    date.getDate()
+  )}`;
 }
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);

package/es/coupon-cell/CouponCell.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, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;

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

@@ -20,7 +20,7 @@ export declare const CouponCell: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     border: {
         type: BooleanConstructor;

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

@@ -1,7 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
 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").ComponentCustomProps, Readonly<any>, {} | {
+declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
     [x: string]: any;
 }>;
 export default _default;

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

@@ -1,5 +1,5 @@
 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").ComponentCustomProps, Readonly<any>, {} | {
+export declare const DatetimePicker: import("../utils").WithInstall<import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
     [x: string]: any;
 }>>;
 export default DatetimePicker;

package/es/divider/Divider.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

package/es/divider/index.d.ts

@@ -8,7 +8,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
         default: import("./Divider").DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

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

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
-}, (() => 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").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {