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

package/es/space/Space.mjs

@@ -0,0 +1,87 @@
+import { createVNode as _createVNode } from "vue";
+import { computed, defineComponent, Fragment } from "vue";
+import { createNamespace } from "../utils/index.mjs";
+const [name, bem] = createNamespace("space");
+const spaceProps = {
+  align: String,
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  size: {
+    type: [Number, String, Array],
+    default: 8
+  },
+  wrap: Boolean,
+  fill: Boolean
+};
+function filterEmpty(children = []) {
+  const nodes = [];
+  children.forEach((child) => {
+    if (Array.isArray(child)) {
+      nodes.push(...child);
+    } else if (child.type === Fragment) {
+      nodes.push(...filterEmpty(child.children));
+    } else {
+      nodes.push(child);
+    }
+  });
+  return nodes.filter((c) => {
+    var _a;
+    return !(c && (typeof Comment !== "undefined" && c.type === Comment || c.type === Fragment && ((_a = c.children) == null ? void 0 : _a.length) === 0 || c.type === Text && c.children.trim() === ""));
+  });
+}
+var stdin_default = defineComponent({
+  name,
+  props: spaceProps,
+  setup(props, {
+    slots
+  }) {
+    const mergedAlign = computed(() => {
+      var _a;
+      return (_a = props.align) != null ? _a : props.direction === "horizontal" ? "center" : "";
+    });
+    const getMargin = (size) => {
+      if (typeof size === "number") {
+        return size + "px";
+      }
+      return size;
+    };
+    const getMarginStyle = (isLast) => {
+      const style = {};
+      const marginRight = `${getMargin(Array.isArray(props.size) ? props.size[0] : props.size)}`;
+      const marginBottom = `${getMargin(Array.isArray(props.size) ? props.size[1] : props.size)}`;
+      if (isLast) {
+        return props.wrap ? {
+          marginBottom
+        } : {};
+      }
+      if (props.direction === "horizontal") {
+        style.marginRight = marginRight;
+      }
+      if (props.direction === "vertical" || props.wrap) {
+        style.marginBottom = marginBottom;
+      }
+      return style;
+    };
+    return () => {
+      var _a;
+      const children = filterEmpty((_a = slots.default) == null ? void 0 : _a.call(slots));
+      return _createVNode("div", {
+        "class": [bem({
+          [props.direction]: props.direction,
+          [`align-${mergedAlign.value}`]: mergedAlign.value,
+          wrap: props.wrap,
+          fill: props.fill
+        })]
+      }, [children.map((c, i) => _createVNode("div", {
+        "key": `item-${i}`,
+        "class": `${name}-item`,
+        "style": getMarginStyle(i === children.length - 1)
+      }, [c]))]);
+    };
+  }
+});
+export {
+  stdin_default as default
+};

package/es/space/index.css

@@ -0,0 +1 @@
+.van-space{display:inline-flex}.van-space--horizontal .van-space-item{display:flex;align-items:center}.van-space--vertical{flex-direction:column}.van-space--align-baseline{align-items:baseline}.van-space--align-start{align-items:flex-start}.van-space--align-end{align-items:flex-end}.van-space--align-center{align-items:center}.van-space--wrap{flex-wrap:wrap}.van-space--fill{display:flex}

package/es/space/index.d.ts

@@ -0,0 +1,37 @@
+export declare const Space: import("../utils").WithInstall<import("vue").DefineComponent<{
+    align: import("vue").PropType<import("./Space").SpaceAlign>;
+    direction: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: 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<{
+    align: import("vue").PropType<import("./Space").SpaceAlign>;
+    direction: {
+        type: import("vue").PropType<"vertical" | "horizontal">;
+        default: string;
+    };
+    size: {
+        type: import("vue").PropType<string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize]>;
+        default: number;
+    };
+    wrap: BooleanConstructor;
+    fill: BooleanConstructor;
+}>>, {
+    fill: boolean;
+    size: string | number | [import("./Space").SpaceSize, import("./Space").SpaceSize];
+    wrap: boolean;
+    direction: "vertical" | "horizontal";
+}>>;
+export default Space;
+export type { SpaceProps, SpaceSize, SpaceAlign } from './Space';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanSpace: typeof Space;
+    }
+}

package/es/space/index.mjs

@@ -0,0 +1,8 @@
+import { withInstall } from "../utils/index.mjs";
+import _Space from "./Space.mjs";
+const Space = withInstall(_Space);
+var stdin_default = Space;
+export {
+  Space,
+  stdin_default as default
+};

package/es/space/style/index.d.ts

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

package/es/space/style/index.mjs

@@ -0,0 +1,2 @@
+import "../../style/base.css";
+import "../index.css";

package/es/stepper/Stepper.mjs

@@ -180,7 +180,7 @@ var stdin_default = defineComponent({
         actionType = type;
         onChange();
       },
-      onTouchstart: () => {
+      onTouchstartPassive: () => {
         actionType = type;
         onTouchStart();
       },

package/es/sticky/Sticky.mjs

@@ -97,7 +97,8 @@ var stdin_default = defineComponent({
     };
     watch(() => state.fixed, (value) => emit("change", value));
     useEventListener("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     useVisibilityChange(root, onScroll);
     return () => {

package/es/swipe/Swipe.mjs

@@ -339,7 +339,7 @@ var stdin_default = defineComponent({
         "class": bem("track", {
           vertical: props.vertical
         }),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd

package/es/swipe-cell/SwipeCell.mjs

@@ -144,7 +144,7 @@ var stdin_default = defineComponent({
         "ref": root,
         "class": bem(),
         "onClick": getClickHandler("cell", lockClick),
-        "onTouchstart": onTouchStart,
+        "onTouchstartPassive": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd

package/es/tabs/Tabs.mjs

@@ -49,6 +49,7 @@ var stdin_default = defineComponent({
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
+    const contentRef = ref();
     const id = useId();
     const scroller = useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
@@ -296,15 +297,23 @@ var stdin_default = defineComponent({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
+    const resize = () => {
+      setLine();
+      nextTick(() => {
+        var _a, _b;
+        return (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
+      });
+    };
     useExpose({
-      resize: setLine,
+      resize,
       scrollTo
     });
     onActivated(setLine);
     onPopupReopen(setLine);
     onMountedOrActivated(init);
     useEventListener("scroll", onScroll, {
-      target: scroller
+      target: scroller,
+      passive: true
     });
     linkChildren({
       id,
@@ -329,6 +338,7 @@ var stdin_default = defineComponent({
           return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
         }
       }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], _createVNode(TabsContent, {
+        "ref": contentRef,
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,

package/es/tabs/TabsContent.mjs

@@ -2,6 +2,7 @@ import { createVNode as _createVNode } from "vue";
 import { ref, watch, onMounted, defineComponent } from "vue";
 import { numericProp, makeRequiredProp, createNamespace } from "../utils/index.mjs";
 import { Swipe } from "../swipe/index.mjs";
+import { useExpose } from "../composables/use-expose.mjs";
 const [name, bem] = createNamespace("tabs");
 var stdin_default = defineComponent({
   name,
@@ -52,6 +53,9 @@ var stdin_default = defineComponent({
     onMounted(() => {
       swipeToCurrentTab(props.currentIndex);
     });
+    useExpose({
+      swipeRef
+    });
     return () => _createVNode("div", {
       "class": bem("content", {
         animated: props.animated || props.swipeable

package/es/vue-tsx-shim.d.ts

@@ -12,5 +12,12 @@ declare module 'vue' {
     onTouchmove?: EventHandler;
     onTouchstart?: EventHandler;
     onTouchcancel?: EventHandler;
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
+  }
+
+  interface HTMLAttributes {
+    onTouchmovePassive?: EventHandler;
+    onTouchstartPassive?: EventHandler;
   }
 }

package/lib/badge/Badge.js

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

package/lib/calendar/Calendar.js

@@ -137,9 +137,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const months = (0, import_vue2.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));
@@ -217,7 +214,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       if (currentDate.value) {
         const targetDate = props.type === "single" ? currentDate.value : currentDate.value[0];
-        scrollToDate(targetDate);
+        if ((0, import_utils.isDate)(targetDate)) {
+          scrollToDate(targetDate);
+        }
       } else {
         (0, import_use.raf)(onScroll);
       }

package/lib/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/lib/collapse/Collapse.js

@@ -25,6 +25,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("collapse");
 const COLLAPSE_KEY = Symbol(name);
 const collapseProps = {
@@ -55,7 +56,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = (0, import_use.useChildren)(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -74,6 +76,28 @@ var stdin_default = (0, import_vue2.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,
@@ -84,6 +108,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return accordion ? modelValue === name2 : modelValue.includes(name2);
     };
+    (0, import_use_expose.useExpose)({
+      toggleAll
+    });
     linkChildren({
       toggle,
       isExpanded

package/lib/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/lib/collapse-item/CollapseItem.js

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

package/lib/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/lib/composables/use-global-z-index.js

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  setGlobalZIndex: () => setGlobalZIndex,
+  useGlobalZIndex: () => useGlobalZIndex
+});
+module.exports = __toCommonJS(stdin_exports);
+let globalZIndex = 2e3;
+const useGlobalZIndex = () => ++globalZIndex;
+const setGlobalZIndex = (val) => {
+  globalZIndex = val;
+};

package/lib/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/lib/composables/use-height.js

@@ -22,14 +22,20 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_vue = require("vue");
-const useHeight = (element) => {
+var import_on_popup_reopen = require("./on-popup-reopen");
+const useHeight = (element, withSafeArea) => {
   const height = (0, import_vue.ref)();
   const setHeight = () => {
     height.value = (0, import_use.useRect)(element).height;
   };
   (0, import_vue.onMounted)(() => {
     (0, import_vue.nextTick)(setHeight);
-    setTimeout(setHeight, 100);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
   });
+  (0, import_on_popup_reopen.onPopupReopen)(() => (0, import_vue.nextTick)(setHeight));
   return height;
 };

package/lib/composables/use-lock-scroll.js

@@ -28,9 +28,11 @@ let totalLockCount = 0;
 const BODY_LOCK_CLASS = "van-overflow-hidden";
 function useLockScroll(rootRef, shouldLock) {
   const touch = (0, import_use_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 direction = touch.deltaY.value > 0 ? DIRECTION_DOWN : DIRECTION_UP;
     const el = (0, import_use.getScrollParent)(event.target, rootRef.value);
     const { scrollHeight, offsetHeight, scrollTop } = el;
     let status = "11";

package/lib/composables/use-placeholder.js

@@ -23,7 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_use_height = require("./use-height");
 function usePlaceholder(contentRef, bem) {
-  const height = (0, import_use_height.useHeight)(contentRef);
+  const height = (0, import_use_height.useHeight)(contentRef, true);
   return (renderContent) => (0, import_vue.createVNode)("div", {
     "class": bem("placeholder"),
     "style": {

package/lib/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,7 +31,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;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tag: {
@@ -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;

package/lib/config-provider/ConfigProvider.js

@@ -24,12 +24,16 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use_global_z_index = require("../composables/use-global-z-index");
 const [name, bem] = (0, import_utils.createNamespace)("config-provider");
 const CONFIG_PROVIDER_KEY = Symbol(name);
 const configProviderProps = {
   tag: (0, import_utils.makeStringProp)("div"),
   theme: (0, import_utils.makeStringProp)("light"),
+  zIndex: Number,
   themeVars: Object,
+  themeVarsDark: Object,
+  themeVarsLight: Object,
   iconPrefix: String
 };
 function mapThemeVarsToCSSVars(themeVars) {
@@ -45,20 +49,32 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
-    const style = (0, import_vue2.computed)(() => {
-      if (props.themeVars) {
-        return mapThemeVarsToCSSVars(props.themeVars);
-      }
-    });
+    const style = (0, import_vue2.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
     if (import_utils.inBrowser) {
+      const addTheme = () => {
+        document.body.classList.add(`van-theme-${props.theme}`);
+      };
+      const removeTheme = (theme = props.theme) => {
+        document.body.classList.remove(`van-theme-${theme}`);
+      };
       (0, import_vue2.watch)(() => props.theme, (newVal, oldVal) => {
-        document.body.classList.remove(`van-theme-${oldVal}`);
-        document.body.classList.add(`van-theme-${newVal}`);
+        if (oldVal) {
+          removeTheme(oldVal);
+        }
+        addTheme();
       }, {
         immediate: true
       });
+      (0, import_vue2.onActivated)(addTheme);
+      (0, import_vue2.onDeactivated)(removeTheme);
+      (0, import_vue2.onBeforeUnmount)(removeTheme);
     }
     (0, import_vue2.provide)(CONFIG_PROVIDER_KEY, props);
+    (0, import_vue2.watchEffect)(() => {
+      if (props.zIndex !== void 0) {
+        (0, import_use_global_z_index.setGlobalZIndex)(props.zIndex);
+      }
+    });
     return () => (0, import_vue.createVNode)(props.tag, {
       "class": bem(),
       "style": style.value

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

@@ -7,7 +7,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").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<import("vue").ExtractPropTypes<{
     tag: {
@@ -18,7 +21,10 @@ export declare const ConfigProvider: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<import("./ConfigProvider").ConfigProviderTheme>;
         default: import("./ConfigProvider").ConfigProviderTheme;
     };
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    zIndex: NumberConstructor;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
     iconPrefix: StringConstructor;
 }>>, {
     tag: keyof HTMLElementTagNameMap;

package/lib/dialog/index.css

@@ -1 +1 @@
-body{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;left:50%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}
+body{--van-dialog-width: 320px;--van-dialog-small-screen-width: 90%;--van-dialog-font-size: var(--van-font-size-lg);--van-dialog-transition: var(--van-duration-base);--van-dialog-radius: 16px;--van-dialog-background: var(--van-background-2);--van-dialog-header-font-weight: var(--van-font-bold);--van-dialog-header-line-height: 24px;--van-dialog-header-padding-top: 26px;--van-dialog-header-isolated-padding: var(--van-padding-lg) 0;--van-dialog-message-padding: var(--van-padding-lg);--van-dialog-message-font-size: var(--van-font-size-md);--van-dialog-message-line-height: var(--van-line-height-md);--van-dialog-message-max-height: 60vh;--van-dialog-has-title-message-text-color: var(--van-gray-7);--van-dialog-has-title-message-padding-top: var(--van-padding-xs);--van-dialog-button-height: 48px;--van-dialog-round-button-height: 36px;--van-dialog-confirm-button-text-color: var(--van-primary-color)}.van-dialog{top:45%;width:var(--van-dialog-width);overflow:hidden;font-size:var(--van-dialog-font-size);background:var(--van-dialog-background);border-radius:var(--van-dialog-radius);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:var(--van-dialog-transition);transition-property:transform,opacity}@media (max-width: 321px){.van-dialog{width:var(--van-dialog-small-screen-width)}}.van-dialog__header{color:var(--van-text-color);padding-top:var(--van-dialog-header-padding-top);font-weight:var(--van-dialog-header-font-weight);line-height:var(--van-dialog-header-line-height);text-align:center}.van-dialog__header--isolated{padding:var(--van-dialog-header-isolated-padding)}.van-dialog__content--isolated{display:flex;align-items:center;min-height:104px}.van-dialog__message{color:var(--van-text-color);flex:1;max-height:var(--van-dialog-message-max-height);padding:26px var(--van-dialog-message-padding);overflow-y:auto;font-size:var(--van-dialog-message-font-size);line-height:var(--van-dialog-message-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word;-webkit-overflow-scrolling:touch}.van-dialog__message--has-title{padding-top:var(--van-dialog-has-title-message-padding-top);color:var(--van-dialog-has-title-message-text-color)}.van-dialog__message--left{text-align:left}.van-dialog__message--right{text-align:right}.van-dialog__footer{display:flex;overflow:hidden;-webkit-user-select:none;user-select:none}.van-dialog__confirm,.van-dialog__cancel{flex:1;height:var(--van-dialog-button-height);margin:0;border:0}.van-dialog__confirm,.van-dialog__confirm:active{color:var(--van-dialog-confirm-button-text-color)}.van-dialog--round-button .van-dialog__footer{position:relative;height:auto;padding:var(--van-padding-xs) var(--van-padding-lg) var(--van-padding-md)}.van-dialog--round-button .van-dialog__message{padding-bottom:var(--van-padding-md);color:var(--van-text-color)}.van-dialog--round-button .van-dialog__confirm,.van-dialog--round-button .van-dialog__cancel{height:var(--van-dialog-round-button-height)}.van-dialog--round-button .van-dialog__confirm{color:var(--van-white)}.van-dialog-bounce-enter-from{transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-dialog-bounce-leave-active{transform:translate3d(-50%,-50%,0) scale(.9);opacity:0}

package/lib/dropdown-menu/DropdownMenu.js

@@ -135,7 +135,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     (0, import_use.useClickAway)(root, onClickAway);
     (0, import_use.useEventListener)("scroll", onScroll, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;

package/lib/empty/Empty.d.ts

@@ -1,4 +1,4 @@
-import { PropType, type ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Numeric } from '../utils';
 declare const emptyProps: {
     image: {