vant 4.0.0-rc.0 → 4.0.0-rc.3

package/es/index.mjs

@@ -86,7 +86,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-rc.0";
+const version = "4.0.0-rc.3";
 function install(app) {
   const components = [
     ActionBar,

package/es/list/List.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { ListDirection } from './types';
-declare const listProps: {
+export declare const listProps: {
     error: BooleanConstructor;
     offset: {
         type: (NumberConstructor | StringConstructor)[];

package/es/list/List.mjs

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

package/es/list/index.css

@@ -1 +1 @@
-body{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}
+:root{--van-list-text-color: var(--van-text-color-2);--van-list-text-font-size: var(--van-font-size-md);--van-list-text-line-height: 50px;--van-list-loading-icon-size: 16px}.van-list__loading,.van-list__finished-text,.van-list__error-text{color:var(--van-list-text-color);font-size:var(--van-list-text-font-size);line-height:var(--van-list-text-line-height);text-align:center}.van-list__placeholder{height:0;pointer-events:none}.van-list__loading-icon .van-loading__spinner{width:var(--van-list-loading-icon-size);height:var(--van-list-loading-icon-size)}

package/es/list/index.d.ts

@@ -50,8 +50,9 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     immediateCheck: boolean;
 }>>;
 export default List;
+export { listProps } from './List';
 export type { ListProps };
-export type { ListInstance, ListDirection } from './types';
+export type { ListInstance, ListDirection, ListThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanList: typeof List;

package/es/list/index.mjs

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

package/es/list/types.d.ts

@@ -5,3 +5,9 @@ export declare type ListExpose = {
     check: () => void;
 };
 export declare type ListInstance = ComponentPublicInstance<ListProps, ListExpose>;
+export declare type ListThemeVars = {
+    listTextColor?: string;
+    listTextFontSize?: string;
+    listTextLineHeight?: number | string;
+    listLoadingIconSize?: string;
+};

package/es/loading/Loading.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type LoadingType = 'circular' | 'spinner';
-declare const loadingProps: {
+export declare const loadingProps: {
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<LoadingType>;

package/es/loading/Loading.mjs

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

package/es/loading/index.css

@@ -1 +1 @@
-body{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}
+:root{--van-loading-text-color: var(--van-text-color-2);--van-loading-text-font-size: var(--van-font-size-md);--van-loading-spinner-color: var(--van-gray-5);--van-loading-spinner-size: 30px;--van-loading-spinner-duration: .8s}.van-loading{position:relative;color:var(--van-loading-spinner-color);font-size:0;vertical-align:middle}.van-loading__spinner{position:relative;display:inline-block;width:var(--van-loading-spinner-size);max-width:100%;height:var(--van-loading-spinner-size);max-height:100%;vertical-align:middle;animation:van-rotate var(--van-loading-spinner-duration) linear infinite}.van-loading__spinner--spinner{animation-timing-function:steps(12)}.van-loading__spinner--circular{animation-duration:2s}.van-loading__line{position:absolute;top:0;left:0;width:100%;height:100%}.van-loading__line:before{display:block;width:2px;height:25%;margin:0 auto;background-color:currentColor;border-radius:40%;content:" "}.van-loading__circular{display:block;width:100%;height:100%}.van-loading__circular circle{animation:van-circular 1.5s ease-in-out infinite;stroke:currentColor;stroke-width:3;stroke-linecap:round}.van-loading__text{display:inline-block;margin-left:var(--van-padding-xs);color:var(--van-loading-text-color);font-size:var(--van-loading-text-font-size);vertical-align:middle}.van-loading--vertical{display:flex;flex-direction:column;align-items:center}.van-loading--vertical .van-loading__text{margin:var(--van-padding-xs) 0 0}@keyframes van-circular{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-40}to{stroke-dasharray:90,150;stroke-dashoffset:-120}}.van-loading__line--1{transform:rotate(30deg);opacity:1}.van-loading__line--2{transform:rotate(60deg);opacity:.9375}.van-loading__line--3{transform:rotate(90deg);opacity:.875}.van-loading__line--4{transform:rotate(120deg);opacity:.8125}.van-loading__line--5{transform:rotate(150deg);opacity:.75}.van-loading__line--6{transform:rotate(180deg);opacity:.6875}.van-loading__line--7{transform:rotate(210deg);opacity:.625}.van-loading__line--8{transform:rotate(240deg);opacity:.5625}.van-loading__line--9{transform:rotate(270deg);opacity:.5}.van-loading__line--10{transform:rotate(300deg);opacity:.4375}.van-loading__line--11{transform:rotate(330deg);opacity:.375}.van-loading__line--12{transform:rotate(360deg);opacity:.3125}

package/es/loading/index.d.ts

@@ -23,7 +23,9 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: boolean;
 }>>;
 export default Loading;
+export { loadingProps } from './Loading';
 export type { LoadingType, LoadingProps } from './Loading';
+export type { LoadingThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanLoading: typeof Loading;

package/es/loading/index.mjs

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

package/es/loading/types.d.ts

@@ -0,0 +1,7 @@
+export declare type LoadingThemeVars = {
+    loadingTextColor?: string;
+    loadingTextFontSize?: string;
+    loadingSpinnerColor?: string;
+    loadingSpinnerSize?: string;
+    loadingSpinnerDuration?: string;
+};

package/es/nav-bar/NavBar.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const navBarProps: {
+export declare const navBarProps: {
     title: StringConstructor;
     fixed: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/es/nav-bar/NavBar.mjs

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

package/es/nav-bar/index.css

@@ -1 +1 @@
-body{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}
+:root{--van-nav-bar-height: 46px;--van-nav-bar-background: var(--van-background-2);--van-nav-bar-arrow-size: 16px;--van-nav-bar-icon-color: var(--van-primary-color);--van-nav-bar-text-color: var(--van-primary-color);--van-nav-bar-title-font-size: var(--van-font-size-lg);--van-nav-bar-title-text-color: var(--van-text-color);--van-nav-bar-z-index: 1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}

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

@@ -35,7 +35,9 @@ export declare const NavBar: import("../utils").WithInstall<import("vue").Define
     leftArrow: boolean;
 }>>;
 export default NavBar;
+export { navBarProps } from './NavBar';
 export type { NavBarProps } from './NavBar';
+export type { NavBarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanNavBar: typeof NavBar;

package/es/nav-bar/index.mjs

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

package/es/nav-bar/types.d.ts

@@ -0,0 +1,10 @@
+export declare type NavBarThemeVars = {
+    navBarHeight?: string;
+    navBarBackground?: string;
+    navBarArrowSize?: string;
+    navBarIconColor?: string;
+    navBarTextColor?: string;
+    navBarTitleFontSize?: string;
+    navBarTitleTextColor?: string;
+    navBarZIndex?: number | string;
+};

package/es/notice-bar/NoticeBar.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { NoticeBarMode } from './types';
-declare const noticeBarProps: {
+export declare const noticeBarProps: {
     text: StringConstructor;
     mode: PropType<NoticeBarMode>;
     color: StringConstructor;

package/es/notice-bar/NoticeBar.mjs

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

package/es/notice-bar/index.css

@@ -1 +1 @@
-body{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}
+:root{--van-notice-bar-height: 40px;--van-notice-bar-padding: 0 var(--van-padding-md);--van-notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);--van-notice-bar-text-color: var(--van-orange-dark);--van-notice-bar-font-size: var(--van-font-size-md);--van-notice-bar-line-height: 24px;--van-notice-bar-background: var(--van-orange-light);--van-notice-bar-icon-size: 16px;--van-notice-bar-icon-min-width: 24px}.van-notice-bar{position:relative;display:flex;align-items:center;height:var(--van-notice-bar-height);padding:var(--van-notice-bar-padding);color:var(--van-notice-bar-text-color);font-size:var(--van-notice-bar-font-size);line-height:var(--van-notice-bar-line-height);background:var(--van-notice-bar-background)}.van-notice-bar__left-icon,.van-notice-bar__right-icon{min-width:var(--van-notice-bar-icon-min-width);font-size:var(--van-notice-bar-icon-size)}.van-notice-bar__right-icon{text-align:right;cursor:pointer}.van-notice-bar__wrap{position:relative;display:flex;flex:1;align-items:center;height:100%;overflow:hidden}.van-notice-bar__content{position:absolute;white-space:nowrap;transition-timing-function:linear}.van-notice-bar__content.van-ellipsis{max-width:100%}.van-notice-bar--wrapable{height:auto;padding:var(--van-notice-bar-wrapable-padding)}.van-notice-bar--wrapable .van-notice-bar__wrap{height:auto}.van-notice-bar--wrapable .van-notice-bar__content{position:relative;white-space:normal;word-wrap:break-word}

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

@@ -47,8 +47,9 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
     wrapable: boolean;
 }>>;
 export default NoticeBar;
+export { noticeBarProps } from './NoticeBar';
 export type { NoticeBarProps };
-export type { NoticeBarMode, NoticeBarInstance } from './types';
+export type { NoticeBarMode, NoticeBarInstance, NoticeBarThemeVars, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanNoticeBar: typeof NoticeBar;

package/es/notice-bar/index.mjs

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

package/es/notice-bar/types.d.ts

@@ -5,3 +5,14 @@ export declare type NoticeBarExpose = {
     reset: () => void;
 };
 export declare type NoticeBarInstance = ComponentPublicInstance<NoticeBarProps, NoticeBarExpose>;
+export declare type NoticeBarThemeVars = {
+    noticeBarHeight?: string;
+    noticeBarPadding?: string;
+    noticeBarWrapablePadding?: string;
+    noticeBarTextColor?: string;
+    noticeBarFontSize?: string;
+    noticeBarLineHeight?: number | string;
+    noticeBarBackground?: string;
+    noticeBarIconSize?: string;
+    noticeBarIconMinWidth?: string;
+};

package/es/notify/Notify.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 import type { NotifyType, NotifyPosition } from './types';
-declare const notifyProps: {
+export declare const notifyProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     overlay: {

package/es/notify/Notify.mjs

@@ -30,6 +30,7 @@ var stdin_default = defineComponent({
         background: props.background
       },
       "overlay": false,
+      "zIndex": props.zIndex,
       "position": props.position,
       "duration": 0.2,
       "lockScroll": props.lockScroll,
@@ -40,5 +41,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  notifyProps
 };

package/es/notify/index.css

@@ -1 +1 @@
-body{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background: var(--van-primary-color);--van-notify-success-background: var(--van-success-color);--van-notify-danger-background: var(--van-danger-color);--van-notify-warning-background: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background)}.van-notify--success{background:var(--van-notify-success-background)}.van-notify--danger{background:var(--van-notify-danger-background)}.van-notify--warning{background:var(--van-notify-warning-background)}
+:root{--van-notify-text-color: var(--van-white);--van-notify-padding: var(--van-padding-xs) var(--van-padding-md);--van-notify-font-size: var(--van-font-size-md);--van-notify-line-height: var(--van-line-height-md);--van-notify-primary-background: var(--van-primary-color);--van-notify-success-background: var(--van-success-color);--van-notify-danger-background: var(--van-danger-color);--van-notify-warning-background: var(--van-warning-color)}.van-notify{display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:var(--van-notify-padding);color:var(--van-notify-text-color);font-size:var(--van-notify-font-size);line-height:var(--van-notify-line-height);white-space:pre-wrap;text-align:center;word-wrap:break-word}.van-notify--primary{background:var(--van-notify-primary-background)}.van-notify--success{background:var(--van-notify-success-background)}.van-notify--danger{background:var(--van-notify-danger-background)}.van-notify--warning{background:var(--van-notify-warning-background)}

package/es/notify/index.d.ts

@@ -89,11 +89,12 @@ export declare const Notify: import("../utils").WithInstall<import("vue").Define
     closeOnClickOverlay: boolean;
 }>>;
 export default Notify;
+export { notifyProps } from './Notify';
 export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';
-export type { NotifyType, NotifyOptions } from './types';
+export type { NotifyType, NotifyOptions, NotifyThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
-        VanNotify: typeof Notify.Component;
+        VanNotify: typeof Notify;
     }
 }

package/es/notify/index.mjs

@@ -2,6 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Notify from "./Notify.mjs";
 const Notify = withInstall(_Notify);
 var stdin_default = Notify;
+import { notifyProps } from "./Notify.mjs";
 import {
   showNotify,
   closeNotify,
@@ -12,6 +13,7 @@ export {
   Notify,
   closeNotify,
   stdin_default as default,
+  notifyProps,
   resetNotifyDefaultOptions,
   setNotifyDefaultOptions,
   showNotify

package/es/notify/types.d.ts

@@ -15,3 +15,13 @@ export declare type NotifyOptions = {
     onClose?: () => void;
     onOpened?: () => void;
 };
+export declare type NotifyThemeVars = {
+    notifyTextColor?: string;
+    notifyPadding?: string;
+    notifyFontSize?: string;
+    notifyLineHeight?: number | string;
+    notifyPrimaryBackground?: string;
+    notifySuccessBackground?: string;
+    notifyDangerBackground?: string;
+    notifyWarningBackground?: string;
+};

package/es/number-keyboard/NumberKeyboard.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type NumberKeyboardTheme = 'default' | 'custom';
-declare const numberKeyboardProps: {
+export declare const numberKeyboardProps: {
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {

package/es/number-keyboard/NumberKeyboard.mjs

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

package/es/number-keyboard/index.css

@@ -1 +1 @@
-body{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}
+:root{--van-number-keyboard-background: var(--van-gray-2);--van-number-keyboard-key-height: 48px;--van-number-keyboard-key-font-size: 28px;--van-number-keyboard-key-active-color: var(--van-gray-3);--van-number-keyboard-key-background: var(--van-background-2);--van-number-keyboard-delete-font-size: var(--van-font-size-lg);--van-number-keyboard-title-color: var(--van-gray-7);--van-number-keyboard-title-height: 34px;--van-number-keyboard-title-font-size: var(--van-font-size-lg);--van-number-keyboard-close-padding: 0 var(--van-padding-md);--van-number-keyboard-close-color: var(--van-link-color);--van-number-keyboard-close-font-size: var(--van-font-size-md);--van-number-keyboard-button-text-color: var(--van-white);--van-number-keyboard-button-background: var(--van-primary-color);--van-number-keyboard-z-index: 100}.van-theme-dark{--van-number-keyboard-background: var(--van-gray-8);--van-number-keyboard-key-background: var(--van-gray-7);--van-number-keyboard-key-active-color: var(--van-gray-6)}.van-number-keyboard{position:fixed;bottom:0;left:0;z-index:var(--van-number-keyboard-z-index);width:100%;padding-bottom:22px;background:var(--van-number-keyboard-background);-webkit-user-select:none;user-select:none}.van-number-keyboard--with-title{border-radius:20px 20px 0 0}.van-number-keyboard__header{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:content-box;height:var(--van-number-keyboard-title-height);padding-top:6px;color:var(--van-number-keyboard-title-color);font-size:var(--van-number-keyboard-title-font-size)}.van-number-keyboard__title{display:inline-block;font-weight:400}.van-number-keyboard__title-left{position:absolute;left:0}.van-number-keyboard__body{display:flex;padding:6px 0 0 6px}.van-number-keyboard__keys{display:flex;flex:3;flex-wrap:wrap}.van-number-keyboard__close{position:absolute;right:0;height:100%;padding:var(--van-number-keyboard-close-padding);color:var(--van-number-keyboard-close-color);font-size:var(--van-number-keyboard-close-font-size);background-color:transparent;border:none}.van-number-keyboard__sidebar{display:flex;flex:1;flex-direction:column}.van-number-keyboard--unfit{padding-bottom:0}.van-key{display:flex;align-items:center;justify-content:center;height:var(--van-number-keyboard-key-height);font-size:var(--van-number-keyboard-key-font-size);line-height:1.5;background:var(--van-number-keyboard-key-background);border-radius:var(--van-radius-lg);cursor:pointer}.van-key--large{position:absolute;top:0;right:6px;bottom:6px;left:0;height:auto}.van-key--blue,.van-key--delete{font-size:var(--van-number-keyboard-delete-font-size)}.van-key--active{background-color:var(--van-number-keyboard-key-active-color)}.van-key--blue{color:var(--van-number-keyboard-button-text-color);background:var(--van-number-keyboard-button-background)}.van-key--blue.van-key--active{opacity:var(--van-active-opacity)}.van-key__wrapper{position:relative;flex:1;flex-basis:33%;box-sizing:border-box;padding:0 6px 6px 0}.van-key__wrapper--wider{flex-basis:66%}.van-key__delete-icon{width:32px;height:22px}.van-key__collapse-icon{width:30px;height:24px}.van-key__loading-icon{color:var(--van-number-keyboard-button-text-color)}

package/es/number-keyboard/index.d.ts

@@ -111,7 +111,9 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     extraKey: string | string[];
 }>>;
 export default NumberKeyboard;
+export { numberKeyboardProps } from './NumberKeyboard';
 export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';
+export type { NumberKeyboardThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanNumberKeyboard: typeof NumberKeyboard;

package/es/number-keyboard/index.mjs

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

package/es/number-keyboard/types.d.ts

@@ -0,0 +1,17 @@
+export declare type NumberKeyboardThemeVars = {
+    numberKeyboardBackground?: string;
+    numberKeyboardKeyHeight?: string;
+    numberKeyboardKeyFontSize?: string;
+    numberKeyboardKeyActiveColor?: string;
+    numberKeyboardKeyBackground?: string;
+    numberKeyboardDeleteFontSize?: string;
+    numberKeyboardTitleColor?: string;
+    numberKeyboardTitleHeight?: string;
+    numberKeyboardTitleFontSize?: string;
+    numberKeyboardClosePadding?: string;
+    numberKeyboardCloseColor?: string;
+    numberKeyboardCloseFontSize?: string;
+    numberKeyboardButtonTextColor?: string;
+    numberKeyboardButtonBackground?: string;
+    numberKeyboardZIndex?: number | string;
+};

package/es/overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
-declare const overlayProps: {
+export declare const overlayProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];

package/es/overlay/Overlay.mjs

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

package/es/overlay/index.css

@@ -1 +1 @@
-body{--van-overlay-z-index: 1;--van-overlay-background: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background)}
+:root{--van-overlay-z-index: 1;--van-overlay-background: rgba(0, 0, 0, .7)}.van-overlay{position:fixed;top:0;left:0;z-index:var(--van-overlay-z-index);width:100%;height:100%;background:var(--van-overlay-background)}

package/es/overlay/index.d.ts

@@ -32,7 +32,9 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
     lazyRender: boolean;
 }>>;
 export default Overlay;
+export { overlayProps } from './Overlay';
 export type { OverlayProps } from './Overlay';
+export type { OverlayThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanOverlay: typeof Overlay;

package/es/overlay/index.mjs

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

package/es/overlay/types.d.ts

@@ -0,0 +1,4 @@
+export declare type OverlayThemeVars = {
+    overlayZIndex?: number | string;
+    overlayBackground?: string;
+};

package/es/pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type PaginationMode = 'simple' | 'multi';
-declare const paginationProps: {
+export declare const paginationProps: {
     mode: {
         type: import("vue").PropType<PaginationMode>;
         default: PaginationMode;

package/es/pagination/Pagination.mjs

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

package/es/pagination/index.css

@@ -1 +1 @@
-body{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}
+:root{--van-pagination-height: 40px;--van-pagination-font-size: var(--van-font-size-md);--van-pagination-item-width: 36px;--van-pagination-item-default-color: var(--van-primary-color);--van-pagination-item-disabled-color: var(--van-gray-7);--van-pagination-item-disabled-background: var(--van-background);--van-pagination-background: var(--van-background-2);--van-pagination-desc-color: var(--van-gray-7);--van-pagination-disabled-opacity: var(--van-disabled-opacity)}.van-pagination{font-size:var(--van-pagination-font-size)}.van-pagination__items{display:flex}.van-pagination__item,.van-pagination__page-desc{display:flex;align-items:center;justify-content:center}.van-pagination__item{flex:1;box-sizing:border-box;min-width:var(--van-pagination-item-width);height:var(--van-pagination-height);color:var(--van-pagination-item-default-color);background:var(--van-pagination-background);cursor:pointer;-webkit-user-select:none;user-select:none}.van-pagination__item button{flex:1;height:100%;border:none;padding:0;background:transparent}.van-pagination__item button[disabled]{cursor:not-allowed}.van-pagination__item:active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item:not(:last-child):after{border-right-width:0}.van-pagination__item--active{color:var(--van-white);background-color:var(--van-pagination-item-default-color)}.van-pagination__item--page{flex-grow:0}.van-pagination__item--prev,.van-pagination__item--next{padding:0 var(--van-padding-base);cursor:pointer}.van-pagination__item--border:after{border-width:var(--van-border-width)}.van-pagination__item--disabled{color:var(--van-pagination-item-disabled-color);background-color:var(--van-pagination-item-disabled-background);opacity:var(--van-pagination-disabled-opacity)}.van-pagination__page-desc{flex:1;height:var(--van-pagination-height);color:var(--van-pagination-desc-color)}

package/es/pagination/index.d.ts

@@ -67,7 +67,9 @@ export declare const Pagination: import("../utils").WithInstall<import("vue").De
     forceEllipses: boolean;
 }>>;
 export default Pagination;
+export { paginationProps } from './Pagination';
 export type { PaginationMode, PaginationProps } from './Pagination';
+export type { PaginationThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanPagination: typeof Pagination;

package/es/pagination/index.mjs

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

package/es/pagination/types.d.ts

@@ -0,0 +1,11 @@
+export declare type PaginationThemeVars = {
+    paginationHeight?: string;
+    paginationFontSize?: string;
+    paginationItemWidth?: string;
+    paginationItemDefaultColor?: string;
+    paginationItemDisabledColor?: string;
+    paginationItemDisabledBackground?: string;
+    paginationBackground?: string;
+    paginationDescColor?: string;
+    paginationDisabledOpacity?: number | string;
+};

package/es/password-input/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const passwordInputProps: {
+export declare const passwordInputProps: {
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;

package/es/password-input/PasswordInput.mjs

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

package/es/password-input/index.css

@@ -1 +1 @@
-body{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-radius: 6px;--van-password-input-background: var(--van-background-2);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}
+:root{--van-password-input-height: 50px;--van-password-input-margin: 0 var(--van-padding-md);--van-password-input-font-size: 20px;--van-password-input-radius: 6px;--van-password-input-background: var(--van-background-2);--van-password-input-info-color: var(--van-text-color-2);--van-password-input-info-font-size: var(--van-font-size-md);--van-password-input-error-info-color: var(--van-danger-color);--van-password-input-dot-size: 10px;--van-password-input-dot-color: var(--van-text-color);--van-password-input-text-color: var(--van-text-color);--van-password-input-cursor-color: var(--van-text-color);--van-password-input-cursor-width: 1px;--van-password-input-cursor-height: 40%;--van-password-input-cursor-duration: 1s}.van-password-input{position:relative;margin:var(--van-password-input-margin);-webkit-user-select:none;user-select:none}.van-password-input__info,.van-password-input__error-info{margin-top:var(--van-padding-md);font-size:var(--van-password-input-info-font-size);text-align:center}.van-password-input__info{color:var(--van-password-input-info-color)}.van-password-input__error-info{color:var(--van-password-input-error-info-color)}.van-password-input__security{display:flex;width:100%;height:var(--van-password-input-height);cursor:pointer}.van-password-input__security:after{border-radius:var(--van-password-input-radius)}.van-password-input__security li{position:relative;display:flex;flex:1;align-items:center;justify-content:center;height:100%;color:var(--van-password-input-text-color);font-size:var(--van-password-input-font-size);line-height:1.2;background:var(--van-password-input-background)}.van-password-input__security i{position:absolute;top:50%;left:50%;width:var(--van-password-input-dot-size);height:var(--van-password-input-dot-size);background:var(--van-password-input-dot-color);border-radius:100%;transform:translate(-50%,-50%);visibility:hidden}.van-password-input__cursor{position:absolute;top:50%;left:50%;width:var(--van-password-input-cursor-width);height:var(--van-password-input-cursor-height);background:var(--van-password-input-cursor-color);transform:translate(-50%,-50%);animation:var(--van-password-input-cursor-duration) van-cursor-flicker infinite}@keyframes van-cursor-flicker{0%{opacity:0}50%{opacity:1}to{opacity:0}}

package/es/password-input/index.d.ts

@@ -41,7 +41,9 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     focused: boolean;
 }>>;
 export default PasswordInput;
+export { passwordInputProps } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';
+export type { PasswordInputThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanPasswordInput: typeof PasswordInput;

package/es/password-input/index.mjs

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

package/es/password-input/types.d.ts

@@ -0,0 +1,17 @@
+export declare type PasswordInputThemeVars = {
+    passwordInputHeight?: string;
+    passwordInputMargin?: string;
+    passwordInputFontSize?: string;
+    passwordInputRadius?: string;
+    passwordInputBackground?: string;
+    passwordInputInfoColor?: string;
+    passwordInputInfoFontSize?: string;
+    passwordInputErrorInfoColor?: string;
+    passwordInputDotSize?: string;
+    passwordInputDotColor?: string;
+    passwordInputTextColor?: string;
+    passwordInputCursorColor?: string;
+    passwordInputCursorWidth?: string;
+    passwordInputCursorHeight?: string;
+    passwordInputCursorDuration?: string;
+};