vant 4.0.0-alpha.4 → 4.0.0-rc.0

package/es/area/index.d.ts

@@ -1,5 +1,4 @@
 export declare const Area: import("../utils").WithInstall<import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -19,6 +18,8 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -36,7 +37,6 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         default: () => {};
     };
 }, () => 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").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -56,6 +56,8 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/es/area/style/index.mjs

@@ -1,3 +1,10 @@
 import "../../style/base.css";
+import "../../badge/index.css";
 import "../../loading/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
 import "../../picker/index.css";
+import "../../picker-group/index.css";

package/es/area/utils.mjs

@@ -37,13 +37,20 @@ function formatDataForCascade({
   const getProvinceChildren = () => {
     if (showCity) {
       return placeholder.length ? [
-        makeOption(placeholder[0], AREA_EMPTY_CODE, showCounty ? [] : void 0)
+        makeOption(
+          placeholder[0],
+          AREA_EMPTY_CODE,
+          showCounty ? [] : void 0
+        )
       ] : [];
     }
   };
   const provinceMap = /* @__PURE__ */ new Map();
   Object.keys(province).forEach((code) => {
-    provinceMap.set(code.slice(0, 2), makeOption(province[code], code, getProvinceChildren()));
+    provinceMap.set(
+      code.slice(0, 2),
+      makeOption(province[code], code, getProvinceChildren())
+    );
   });
   const cityMap = /* @__PURE__ */ new Map();
   if (showCity) {

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

@@ -7,7 +7,7 @@ import { useRefs } from "../composables/use-refs.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { Popup } from "../popup/index.mjs";
 import { Button } from "../button/index.mjs";
-import { Toast } from "../toast/index.mjs";
+import { showToast } from "../toast/index.mjs";
 import CalendarMonth from "./CalendarMonth.mjs";
 import CalendarHeader from "./CalendarHeader.mjs";
 const calendarProps = {
@@ -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") {
@@ -130,6 +131,7 @@ var stdin_default = defineComponent({
       }
       return !currentDate.value;
     });
+    const getSelectedDate = () => currentDate.value;
     const onScroll = () => {
       const top = getScrollTop(bodyRef.value);
       const bottom = top + bodyHeight;
@@ -188,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);
       }
@@ -214,7 +218,7 @@ var stdin_default = defineComponent({
       } = props;
       if (maxRange && calcDateNum(date) > maxRange) {
         if (showRangePrompt) {
-          Toast(rangePrompt || t("rangePrompt", maxRange));
+          showToast(rangePrompt || t("rangePrompt", maxRange));
         }
         emit("overRange");
         return false;
@@ -300,7 +304,7 @@ var stdin_default = defineComponent({
           const [unselectedDate] = dates.splice(selectedIndex, 1);
           emit("unselect", cloneDate(unselectedDate));
         } else if (props.maxRange && dates.length >= props.maxRange) {
-          Toast(props.rangePrompt || t("rangePrompt", props.maxRange));
+          showToast(props.rangePrompt || t("rangePrompt", props.maxRange));
         } else {
           select([...dates, date]);
         }
@@ -372,7 +376,8 @@ var stdin_default = defineComponent({
     });
     useExpose({
       reset,
-      scrollToDate
+      scrollToDate,
+      getSelectedDate
     });
     onMountedOrActivated(init);
     return () => {

package/es/calendar/style/index.mjs

@@ -2,9 +2,15 @@ import "../../style/base.css";
 import "../../badge/index.css";
 import "../../icon/index.css";
 import "../../loading/index.css";
-import "../../picker/index.css";
 import "../../button/index.css";
 import "../../overlay/index.css";
 import "../../popup/index.css";
 import "../../toast/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
+import "../../picker/index.css";
+import "../../picker-group/index.css";
 import "../index.css";

package/es/calendar/types.d.ts

@@ -15,6 +15,7 @@ export declare type CalendarDayItem = {
 export declare type CalendarExpose = {
     reset: (date?: Date | Date[]) => void;
     scrollToDate: (targetDate: Date) => void;
+    getSelectedDate: () => Date | Date[] | null;
 };
 export declare type CalendarInstance = ComponentPublicInstance<CalendarProps, CalendarExpose>;
 export declare type CalendarMonthInstance = ComponentPublicInstance<CalendarMonthProps, {

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)[];
@@ -110,10 +110,10 @@ declare const _default: import("vue").DefineComponent<{
     replace: BooleanConstructor;
 }>>, {
     replace: boolean;
+    required: boolean;
     center: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
 }>;
 export default _default;

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)[];
@@ -54,10 +54,10 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     replace: BooleanConstructor;
 }>>, {
     replace: boolean;
+    required: boolean;
     center: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
 }>>;
 export default Cell;

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/Collapse.d.ts

@@ -1,9 +1,13 @@
-import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes, type ComponentPublicInstance } from 'vue';
 import { type Numeric } from '../utils';
 export declare type CollapseProvide = {
     toggle: (name: Numeric, expanded: boolean) => void;
     isExpanded: (name: Numeric) => boolean;
 };
+export declare type CollapseToggleAllOptions = boolean | {
+    expanded?: boolean;
+    skipDisabled?: boolean;
+};
 export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
 declare const collapseProps: {
     border: {
@@ -17,6 +21,9 @@ declare const collapseProps: {
     };
 };
 export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export declare type CollapseInstance = ComponentPublicInstance<{
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+}>;
 declare const _default: import("vue").DefineComponent<{
     border: {
         type: BooleanConstructor;

package/es/collapse/Collapse.mjs

@@ -2,6 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { defineComponent } from "vue";
 import { truthProp, createNamespace, BORDER_TOP_BOTTOM } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("collapse");
 const COLLAPSE_KEY = Symbol(name);
 const collapseProps = {
@@ -32,7 +33,8 @@ var stdin_default = defineComponent({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = useChildren(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -51,6 +53,28 @@ var stdin_default = defineComponent({
         updateName(modelValue.filter((activeName) => activeName !== name2));
       }
     };
+    const toggleAll = (options = {}) => {
+      if (props.accordion) {
+        return;
+      }
+      if (typeof options === "boolean") {
+        options = {
+          expanded: options
+        };
+      }
+      const {
+        expanded,
+        skipDisabled
+      } = options;
+      const expandedChildren = children.filter((item) => {
+        if (item.disabled && skipDisabled) {
+          return item.expanded.value;
+        }
+        return expanded != null ? expanded : !item.expanded.value;
+      });
+      const names = expandedChildren.map((item) => item.itemName.value);
+      updateName(names);
+    };
     const isExpanded = (name2) => {
       const {
         accordion,
@@ -61,6 +85,9 @@ var stdin_default = defineComponent({
       }
       return accordion ? modelValue === name2 : modelValue.includes(name2);
     };
+    useExpose({
+      toggleAll
+    });
     linkChildren({
       toggle,
       isExpanded

package/es/collapse/index.d.ts

@@ -27,7 +27,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     accordion: boolean;
 }>>;
 export default Collapse;
-export type { CollapseProps } from './Collapse';
+export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';
 declare module 'vue' {
     interface GlobalComponents {
         VanCollapse: typeof Collapse;

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)[];
@@ -107,11 +107,11 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
+    required: boolean;
     center: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

package/es/collapse-item/CollapseItem.mjs

@@ -120,7 +120,9 @@ var stdin_default = defineComponent({
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[_vShow, show.value]]);
     });
     useExpose({
-      toggle
+      toggle,
+      expanded,
+      itemName: name2
     });
     return () => _createVNode("div", {
       "class": [bem({

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)[];
@@ -69,11 +69,11 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         default: true;
     };
 }>>, {
+    required: boolean;
     center: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

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.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare const useHeight: (element: Element | Ref<Element | undefined>) => Ref<number | undefined>;
+export declare const useHeight: (element: Element | Ref<Element | undefined>, withSafeArea?: boolean) => Ref<number | undefined>;

package/es/composables/use-height.mjs

@@ -1,14 +1,20 @@
 import { useRect } from "@vant/use";
 import { ref, onMounted, nextTick } from "vue";
-const useHeight = (element) => {
+import { onPopupReopen } from "./on-popup-reopen.mjs";
+const useHeight = (element, withSafeArea) => {
   const height = ref();
   const setHeight = () => {
     height.value = useRect(element).height;
   };
   onMounted(() => {
     nextTick(setHeight);
-    setTimeout(setHeight, 100);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
   });
+  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-placeholder.mjs

@@ -1,7 +1,7 @@
 import { createVNode as _createVNode } from "vue";
 import { useHeight } from "./use-height.mjs";
 function usePlaceholder(contentRef, bem) {
-  const height = useHeight(contentRef);
+  const height = useHeight(contentRef, true);
   return (renderContent) => _createVNode("div", {
     "class": bem("placeholder"),
     "style": {

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

@@ -5,6 +5,7 @@ export declare type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
+export declare type ThemeVars = PropType<Record<string, Numeric>>;
 declare const configProviderProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -14,7 +15,10 @@ declare const configProviderProps: {
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
     iconPrefix: StringConstructor;
 };
 export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
@@ -27,9 +31,12 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
     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;
@@ -38,7 +45,10 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ConfigProviderTheme>;
         default: ConfigProviderTheme;
     };
-    themeVars: PropType<Record<string, Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;