vant 4.0.0-beta.0 → 4.0.0-rc.1

package/es/cascader/index.d.ts

@@ -64,6 +64,7 @@ export declare const Cascader: import("../utils").WithInstall<import("vue").Defi
     showHeader: boolean;
 }>>;
 export default Cascader;
+export { cascaderProps } from './Cascader';
 export type { CascaderProps } from './Cascader';
 export type { CascaderOption, CascaderFieldNames } from './types';
 declare module 'vue' {

package/es/cascader/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Cascader from "./Cascader.mjs";
 const Cascader = withInstall(_Cascader);
 var stdin_default = Cascader;
+import { cascaderProps } from "./Cascader.mjs";
 export {
   Cascader,
+  cascaderProps,
   stdin_default as default
 };

package/es/cell/Cell.d.ts

@@ -25,7 +25,7 @@ export declare const cellSharedProps: {
         default: null;
     };
 };
-declare const cellProps: {
+export declare const cellProps: {
     icon: StringConstructor;
     size: PropType<CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -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/Cell.mjs

@@ -111,6 +111,7 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  cellProps,
   cellSharedProps,
   stdin_default as 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)[];
@@ -61,6 +61,7 @@ export declare const Cell: import("../utils").WithInstall<import("vue").DefineCo
     clickable: boolean | null;
 }>>;
 export default Cell;
+export { cellProps } from './Cell';
 export type { CellSize, CellProps, CellArrowDirection } from './Cell';
 declare module 'vue' {
     interface GlobalComponents {

package/es/cell/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Cell from "./Cell.mjs";
 const Cell = withInstall(_Cell);
 var stdin_default = Cell;
+import { cellProps } from "./Cell.mjs";
 export {
   Cell,
+  cellProps,
   stdin_default as default
 };

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

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const cellGroupProps: {
+export declare const cellGroupProps: {
     title: StringConstructor;
     inset: BooleanConstructor;
     border: {
@@ -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/CellGroup.mjs

@@ -39,5 +39,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  cellGroupProps,
   stdin_default as default
 };

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: {
@@ -17,6 +17,7 @@ export declare const CellGroup: import("../utils").WithInstall<import("vue").Def
     inset: boolean;
 }>>;
 export default CellGroup;
+export { cellGroupProps } from './CellGroup';
 export type { CellGroupProps } from './CellGroup';
 declare module 'vue' {
     interface GlobalComponents {

package/es/cell-group/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CellGroup from "./CellGroup.mjs";
 const CellGroup = withInstall(_CellGroup);
 var stdin_default = CellGroup;
+import { cellGroupProps } from "./CellGroup.mjs";
 export {
   CellGroup,
+  cellGroupProps,
   stdin_default as default
 };

package/es/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const checkboxProps: {
+export declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
     shape: {
         type: import("vue").PropType<import("./Checker").CheckerShape>;

package/es/checkbox/Checkbox.mjs

@@ -77,5 +77,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  checkboxProps,
   stdin_default as default
 };

package/es/checkbox/index.d.ts

@@ -42,6 +42,7 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     bindGroup: boolean;
 }>>;
 export default Checkbox;
+export { checkboxProps } from './Checkbox';
 export type { CheckboxProps } from './Checkbox';
 export type { CheckboxShape, CheckboxInstance, CheckboxLabelPosition, } from './types';
 declare module 'vue' {

package/es/checkbox/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Checkbox from "./Checkbox.mjs";
 const Checkbox = withInstall(_Checkbox);
 var stdin_default = Checkbox;
+import { checkboxProps } from "./Checkbox.mjs";
 export {
   Checkbox,
+  checkboxProps,
   stdin_default as default
 };

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

@@ -1,7 +1,7 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
-declare const checkboxGroupProps: {
+export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];

package/es/checkbox-group/CheckboxGroup.mjs

@@ -67,5 +67,6 @@ var stdin_default = defineComponent({
 });
 export {
   CHECKBOX_GROUP_KEY,
+  checkboxGroupProps,
   stdin_default as default
 };

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

@@ -26,6 +26,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     modelValue: unknown[];
 }>>;
 export default CheckboxGroup;
+export { checkboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupProps } from './CheckboxGroup';
 export type { CheckboxGroupInstance, CheckboxGroupDirection, CheckboxGroupToggleAllOptions, } from './types';
 declare module 'vue' {

package/es/checkbox-group/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CheckboxGroup from "./CheckboxGroup.mjs";
 const CheckboxGroup = withInstall(_CheckboxGroup);
 var stdin_default = CheckboxGroup;
+import { checkboxGroupProps } from "./CheckboxGroup.mjs";
 export {
   CheckboxGroup,
+  checkboxGroupProps,
   stdin_default as default
 };

package/es/circle/Circle.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type CircleStartPosition = 'top' | 'right' | 'bottom' | 'left';
-declare const circleProps: {
+export declare const circleProps: {
     text: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     fill: {

package/es/circle/Circle.mjs

@@ -148,5 +148,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  circleProps,
   stdin_default as default
 };

package/es/circle/index.d.ts

@@ -78,6 +78,7 @@ export declare const Circle: import("../utils").WithInstall<import("vue").Define
     startPosition: import("./Circle").CircleStartPosition;
 }>>;
 export default Circle;
+export { circleProps } from './Circle';
 export type { CircleProps, CircleStartPosition } from './Circle';
 declare module 'vue' {
     interface GlobalComponents {

package/es/circle/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Circle from "./Circle.mjs";
 const Circle = withInstall(_Circle);
 var stdin_default = Circle;
+import { circleProps } from "./Circle.mjs";
 export {
   Circle,
+  circleProps,
   stdin_default as default
 };

package/es/col/Col.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const colProps: {
+export declare const colProps: {
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
@@ -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/Col.mjs

@@ -59,5 +59,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  colProps,
   stdin_default as default
 };

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;
@@ -23,6 +23,7 @@ export declare const Col: import("../utils").WithInstall<import("vue").DefineCom
     tag: keyof HTMLElementTagNameMap;
 }>>;
 export default Col;
+export { colProps } from './Col';
 export type { ColProps } from './Col';
 declare module 'vue' {
     interface GlobalComponents {

package/es/col/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Col from "./Col.mjs";
 const Col = withInstall(_Col);
 var stdin_default = Col;
+import { colProps } from "./Col.mjs";
 export {
   Col,
+  colProps,
   stdin_default as default
 };

package/es/collapse/Collapse.d.ts

@@ -1,11 +1,15 @@
-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: {
+export declare const collapseProps: {
     border: {
         type: BooleanConstructor;
         default: true;
@@ -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
@@ -77,5 +104,6 @@ var stdin_default = defineComponent({
 });
 export {
   COLLAPSE_KEY,
+  collapseProps,
   stdin_default as default
 };

package/es/collapse/index.d.ts

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

package/es/collapse/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _Collapse from "./Collapse.mjs";
 const Collapse = withInstall(_Collapse);
 var stdin_default = Collapse;
+import { collapseProps } from "./Collapse.mjs";
 export {
   Collapse,
+  collapseProps,
   stdin_default as default
 };

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

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const collapseItemProps: {
+export declare const collapseItemProps: {
     icon: StringConstructor;
     size: import("vue").PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -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/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({
@@ -130,5 +132,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
+  collapseItemProps,
   stdin_default as default
 };

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)[];
@@ -79,6 +79,7 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
     lazyRender: boolean;
 }>>;
 export default CollapseItem;
+export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
 export type { CollapseItemInstance } from './types';
 declare module 'vue' {

package/es/collapse-item/index.mjs

@@ -2,7 +2,9 @@ import { withInstall } from "../utils/index.mjs";
 import _CollapseItem from "./CollapseItem.mjs";
 const CollapseItem = withInstall(_CollapseItem);
 var stdin_default = CollapseItem;
+import { collapseItemProps } from "./CollapseItem.mjs";
 export {
   CollapseItem,
+  collapseItemProps,
   stdin_default as default
 };

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,7 +5,8 @@ export declare type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
-declare const configProviderProps: {
+export declare type ThemeVars = PropType<Record<string, Numeric>>;
+export declare const configProviderProps: {
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
         default: 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;