vant 3.6.12 → 3.6.13

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

@@ -1,4 +1,8 @@
-export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -10,13 +14,16 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -33,7 +40,11 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<T>;
+        default: keyof HTMLElementTagNameMap;
+    };
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -45,13 +56,16 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-    required: BooleanConstructor;
     iconPrefix: StringConstructor;
     valueClass: import("vue").PropType<unknown>;
     labelClass: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
     arrowDirection: import("vue").PropType<import("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
     clickable: {
         type: import("vue").PropType<boolean | null>;
         default: null;
@@ -68,19 +82,21 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}>>, {
-    required: boolean;
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
     center: boolean;
     disabled: boolean;
-    isLink: boolean;
     border: boolean;
+    isLink: boolean;
+    required: boolean | "auto";
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;
-}>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default CollapseItem;
+export { collapseItemProps } from './CollapseItem';
 export type { CollapseItemProps } from './CollapseItem';
-export type { CollapseItemInstance } from './types';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanCollapseItem: typeof CollapseItem;

package/lib/collapse-item/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -24,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   CollapseItem: () => CollapseItem,
+  collapseItemProps: () => import_CollapseItem2.collapseItemProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_CollapseItem = __toESM(require("./CollapseItem"));
+var import_CollapseItem2 = require("./CollapseItem");
 const CollapseItem = (0, import_utils.withInstall)(import_CollapseItem.default);
 var stdin_default = CollapseItem;

package/lib/collapse-item/types.d.ts

@@ -1,6 +1,15 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { CollapseItemProps } from './CollapseItem';
-export declare type CollapseItemExpose = {
+export type CollapseItemExpose = {
     toggle: (newValue?: boolean) => void;
 };
-export declare type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentFontSize?: string;
+    collapseItemContentLineHeight?: number | string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitleDisabledColor?: string;
+};

package/lib/composables/use-height.d.ts

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

package/lib/composables/use-height.js

@@ -22,6 +22,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_vue = require("vue");
+var import_utils = require("../utils");
 var import_on_popup_reopen = require("./on-popup-reopen");
 const useHeight = (element, withSafeArea) => {
   const height = (0, import_vue.ref)();
@@ -37,5 +38,6 @@ const useHeight = (element, withSafeArea) => {
     }
   });
   (0, import_on_popup_reopen.onPopupReopen)(() => (0, import_vue.nextTick)(setHeight));
+  (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight], setHeight);
   return height;
 };

package/lib/composables/use-lazy-render.d.ts

@@ -1,2 +1,2 @@
 import { WatchSource } from 'vue';
-export declare function useLazyRender(show: WatchSource<boolean | undefined>): (render: () => JSX.Element) => () => JSX.Element | null;
+export declare function useLazyRender(show: WatchSource<boolean | undefined>): (render: () => JSX.Element | undefined) => () => JSX.Element | null | undefined;

package/lib/composables/use-placeholder.d.ts

@@ -1,3 +1,3 @@
 import { Ref } from 'vue';
 import type { BEM } from '../utils/create';
-export declare function usePlaceholder(contentRef: Ref<Element | undefined>, bem: BEM): (renderContent: () => JSX.Element) => JSX.Element;
+export declare function usePlaceholder(contentRef: Ref<Element | undefined>, bem: BEM): (renderContent: () => JSX.Element) => import("vue/jsx-runtime").JSX.Element;

package/lib/composables/use-refs.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare function useRefs<T = Element>(): readonly [Ref<T[]>, (index: number) => (el: unknown) => void];
+export declare function useRefs<T = Element>(): readonly [Ref<T[], T[]>, (index: number) => (el: unknown) => void];

package/lib/composables/use-route.d.ts

@@ -8,6 +8,6 @@ export declare const routeProps: {
     url: StringConstructor;
     replace: BooleanConstructor;
 };
-export declare type RouteProps = ExtractPropTypes<typeof routeProps>;
+export type RouteProps = ExtractPropTypes<typeof routeProps>;
 export declare function route({ to, url, replace, $router: router, }: ComponentPublicInstance<RouteProps>): void;
 export declare function useRoute(): () => void;

package/lib/composables/use-scope-id.d.ts

@@ -0,0 +1,3 @@
+export declare const useScopeId: () => {
+    [x: string]: string;
+} | null;

package/lib/composables/use-scope-id.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, {
+  useScopeId: () => useScopeId
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const useScopeId = () => {
+  var _a;
+  const { scopeId } = ((_a = (0, import_vue.getCurrentInstance)()) == null ? void 0 : _a.vnode) || {};
+  return scopeId ? { [scopeId]: "" } : null;
+};

package/lib/composables/use-sync-prop-ref.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare const useSyncPropRef: <T>(getProp: () => T, setProp: (value: T) => void) => Ref<T, T>;

package/lib/composables/use-sync-prop-ref.js

@@ -0,0 +1,37 @@
+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, {
+  useSyncPropRef: () => useSyncPropRef
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+const useSyncPropRef = (getProp, setProp) => {
+  const propRef = (0, import_vue.ref)(getProp());
+  (0, import_vue.watch)(getProp, (value) => {
+    if (value !== propRef.value) {
+      propRef.value = value;
+    }
+  });
+  (0, import_vue.watch)(propRef, (value) => {
+    if (value !== getProp()) {
+      setProp(value);
+    }
+  });
+  return propRef;
+};

package/lib/composables/use-touch.d.ts

@@ -1,16 +1,17 @@
-declare type Direction = '' | 'vertical' | 'horizontal';
+type Direction = '' | 'vertical' | 'horizontal';
 export declare function useTouch(): {
     move: EventListener;
     start: EventListener;
     reset: () => void;
-    startX: import("vue").Ref<number>;
-    startY: import("vue").Ref<number>;
-    deltaX: import("vue").Ref<number>;
-    deltaY: import("vue").Ref<number>;
-    offsetX: import("vue").Ref<number>;
-    offsetY: import("vue").Ref<number>;
-    direction: import("vue").Ref<Direction>;
+    startX: import("vue").Ref<number, number>;
+    startY: import("vue").Ref<number, number>;
+    deltaX: import("vue").Ref<number, number>;
+    deltaY: import("vue").Ref<number, number>;
+    offsetX: import("vue").Ref<number, number>;
+    offsetY: import("vue").Ref<number, number>;
+    direction: import("vue").Ref<Direction, Direction>;
     isVertical: () => boolean;
     isHorizontal: () => boolean;
+    isTap: import("vue").Ref<boolean, boolean>;
 };
 export {};

package/lib/composables/use-touch.js

@@ -21,6 +21,7 @@ __export(stdin_exports, {
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
+var import_utils = require("../utils");
 function getDirection(x, y) {
   if (x > y) {
     return "horizontal";
@@ -38,6 +39,7 @@ function useTouch() {
   const offsetX = (0, import_vue.ref)(0);
   const offsetY = (0, import_vue.ref)(0);
   const direction = (0, import_vue.ref)("");
+  const isTap = (0, import_vue.ref)(true);
   const isVertical = () => direction.value === "vertical";
   const isHorizontal = () => direction.value === "horizontal";
   const reset = () => {
@@ -46,6 +48,7 @@ function useTouch() {
     offsetX.value = 0;
     offsetY.value = 0;
     direction.value = "";
+    isTap.value = true;
   };
   const start = (event) => {
     reset();
@@ -62,6 +65,9 @@ function useTouch() {
     if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
       direction.value = getDirection(offsetX.value, offsetY.value);
     }
+    if (isTap.value && (offsetX.value > import_utils.TAP_OFFSET || offsetY.value > import_utils.TAP_OFFSET)) {
+      isTap.value = false;
+    }
   };
   return {
     move,
@@ -75,6 +81,7 @@ function useTouch() {
     offsetY,
     direction,
     isVertical,
-    isHorizontal
+    isHorizontal,
+    isTap
   };
 }

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

@@ -1,36 +1,71 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
-export declare type ConfigProviderProvide = {
+export type ConfigProviderTheme = 'light' | 'dark';
+export type ConfigProviderThemeVarsScope = 'local' | 'global';
+export type ConfigProviderProvide = {
     iconPrefix?: string;
 };
 export declare const CONFIG_PROVIDER_KEY: InjectionKey<ConfigProviderProvide>;
-declare const configProviderProps: {
+export type ThemeVars = PropType<Record<string, Numeric>>;
+export declare const configProviderProps: {
     tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
     zIndex: NumberConstructor;
-    themeVars: PropType<Record<string, Numeric>>;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
 };
-export declare type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
-declare const _default: import("vue").DefineComponent<{
+export type ConfigProviderProps = ExtractPropTypes<typeof configProviderProps>;
+declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
     zIndex: NumberConstructor;
-    themeVars: PropType<Record<string, Numeric>>;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ExtractPropTypes<{
     tag: {
-        type: PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: PropType<T>;
+        default: ConfigProviderTheme;
+    };
     zIndex: NumberConstructor;
-    themeVars: PropType<Record<string, Numeric>>;
+    themeVars: ThemeVars;
+    themeVarsDark: ThemeVars;
+    themeVarsLight: ThemeVars;
+    themeVarsScope: {
+        type: PropType<T>;
+        default: ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     tag: keyof HTMLElementTagNameMap;
-}>;
+    theme: ConfigProviderTheme;
+    themeVarsScope: ConfigProviderThemeVarsScope;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/config-provider/ConfigProvider.js

@@ -18,48 +18,99 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   CONFIG_PROVIDER_KEY: () => CONFIG_PROVIDER_KEY,
+  configProviderProps: () => configProviderProps,
   default: () => stdin_default
 });
 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,
+  themeVarsScope: (0, import_utils.makeStringProp)("local"),
   iconPrefix: String
 };
+function insertDash(str) {
+  return str.replace(/([a-zA-Z])(\d)/g, "$1-$2");
+}
 function mapThemeVarsToCSSVars(themeVars) {
   const cssVars = {};
   Object.keys(themeVars).forEach((key) => {
-    cssVars[`--van-${(0, import_utils.kebabCase)(key)}`] = themeVars[key];
+    const formattedKey = insertDash((0, import_utils.kebabCase)(key));
+    cssVars[`--van-${formattedKey}`] = themeVars[key];
   });
   return cssVars;
 }
-var stdin_default = (0, import_vue2.defineComponent)({
+function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
+  Object.keys(newStyle).forEach((key) => {
+    if (newStyle[key] !== oldStyle[key]) {
+      document.documentElement.style.setProperty(key, newStyle[key]);
+    }
+  });
+  Object.keys(oldStyle).forEach((key) => {
+    if (!newStyle[key]) {
+      document.documentElement.style.removeProperty(key);
+    }
+  });
+}
+var stdin_default = (0, import_vue.defineComponent)({
   name,
   props: configProviderProps,
   setup(props, {
     slots
   }) {
-    const style = (0, import_vue2.computed)(() => {
-      if (props.themeVars) {
-        return mapThemeVarsToCSSVars(props.themeVars);
+    const style = (0, import_vue.computed)(() => mapThemeVarsToCSSVars((0, import_utils.extend)({}, props.themeVars, props.theme === "dark" ? props.themeVarsDark : props.themeVarsLight)));
+    if (import_utils.inBrowser) {
+      const addTheme = () => {
+        document.documentElement.classList.add(`van-theme-${props.theme}`);
+      };
+      const removeTheme = (theme = props.theme) => {
+        document.documentElement.classList.remove(`van-theme-${theme}`);
+      };
+      (0, import_vue.watch)(() => props.theme, (newVal, oldVal) => {
+        if (oldVal) {
+          removeTheme(oldVal);
+        }
+        addTheme();
+      }, {
+        immediate: true
+      });
+      (0, import_vue.onActivated)(addTheme);
+      (0, import_vue.onDeactivated)(removeTheme);
+      (0, import_vue.onBeforeUnmount)(removeTheme);
+      (0, import_vue.watch)(style, (newStyle, oldStyle) => {
+        if (props.themeVarsScope === "global") {
+          syncThemeVarsOnRoot(newStyle, oldStyle);
+        }
+      });
+      (0, import_vue.watch)(() => props.themeVarsScope, (newScope, oldScope) => {
+        if (oldScope === "global") {
+          syncThemeVarsOnRoot({}, style.value);
+        }
+        if (newScope === "global") {
+          syncThemeVarsOnRoot(style.value, {});
+        }
+      });
+      if (props.themeVarsScope === "global") {
+        syncThemeVarsOnRoot(style.value, {});
       }
-    });
-    (0, import_vue2.provide)(CONFIG_PROVIDER_KEY, props);
-    (0, import_vue2.watchEffect)(() => {
+    }
+    (0, import_vue.provide)(CONFIG_PROVIDER_KEY, props);
+    (0, import_vue.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
+      "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
         var _a;

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

@@ -1,24 +1,48 @@
-export declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const ConfigProvider: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: import("vue").PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
     zIndex: NumberConstructor;
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: import("vue").PropType<T>;
         default: keyof HTMLElementTagNameMap;
     };
+    theme: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderTheme;
+    };
     zIndex: NumberConstructor;
-    themeVars: import("vue").PropType<Record<string, import("../utils").Numeric>>;
+    themeVars: import("./ConfigProvider").ThemeVars;
+    themeVarsDark: import("./ConfigProvider").ThemeVars;
+    themeVarsLight: import("./ConfigProvider").ThemeVars;
+    themeVarsScope: {
+        type: import("vue").PropType<T>;
+        default: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+    };
     iconPrefix: StringConstructor;
-}>>, {
+}>> & Readonly<{}>, {
     tag: keyof HTMLElementTagNameMap;
-}>>;
+    theme: import("./ConfigProvider").ConfigProviderTheme;
+    themeVarsScope: import("./ConfigProvider").ConfigProviderThemeVarsScope;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default ConfigProvider;
-export type { ConfigProviderProps } from './ConfigProvider';
+export { configProviderProps } from './ConfigProvider';
+export type { ConfigProviderProps, ConfigProviderTheme, ConfigProviderThemeVarsScope, } from './ConfigProvider';
+export type { ConfigProviderThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanConfigProvider: typeof ConfigProvider;

package/lib/config-provider/index.js

@@ -17,6 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -24,10 +28,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   ConfigProvider: () => ConfigProvider,
+  configProviderProps: () => import_ConfigProvider2.configProviderProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_ConfigProvider = __toESM(require("./ConfigProvider"));
+var import_ConfigProvider2 = require("./ConfigProvider");
 const ConfigProvider = (0, import_utils.withInstall)(import_ConfigProvider.default);
 var stdin_default = ConfigProvider;