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

package/es/tabs/index.mjs

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

package/es/tabs/types.d.ts

@@ -21,3 +21,17 @@ export declare type TabsExpose = {
     scrollTo: (name: Numeric) => void;
 };
 export declare type TabsInstance = ComponentPublicInstance<TabsProps, TabsExpose>;
+export declare type TabsThemeVars = {
+    tabTextColor?: string;
+    tabActiveTextColor?: string;
+    tabDisabledTextColor?: string;
+    tabFontSize?: string;
+    tabLineHeight?: number | string;
+    tabsDefaultColor?: string;
+    tabsLineHeight?: number | string;
+    tabsCardHeight?: string;
+    tabsNavBackground?: string;
+    tabsBottomBarWidth?: string;
+    tabsBottomBarHeight?: string;
+    tabsBottomBarColor?: string;
+};

package/es/tag/Tag.d.ts

@@ -1,7 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type TagSize = 'large' | 'medium';
-export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
-declare const tagProps: {
+import type { TagType, TagSize } from './types';
+export declare const tagProps: {
     size: PropType<TagSize>;
     mark: BooleanConstructor;
     show: {

package/es/tag/Tag.mjs

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

package/es/tag/index.css

@@ -1 +1 @@
-body{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-radius: var(--van-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-radius: var(--van-radius-max);--van-tag-danger-color: var(--van-danger-color);--van-tag-primary-color: var(--van-primary-color);--van-tag-success-color: var(--van-success-color);--van-tag-warning-color: var(--van-warning-color);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background: var(--van-background-2)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-radius)}.van-tag__close{margin-left:2px}
+:root{--van-tag-padding: 0 var(--van-padding-base);--van-tag-text-color: var(--van-white);--van-tag-font-size: var(--van-font-size-sm);--van-tag-radius: 2px;--van-tag-line-height: 16px;--van-tag-medium-padding: 2px 6px;--van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);--van-tag-large-radius: var(--van-radius-md);--van-tag-large-font-size: var(--van-font-size-md);--van-tag-round-radius: var(--van-radius-max);--van-tag-danger-color: var(--van-danger-color);--van-tag-primary-color: var(--van-primary-color);--van-tag-success-color: var(--van-success-color);--van-tag-warning-color: var(--van-warning-color);--van-tag-default-color: var(--van-gray-6);--van-tag-plain-background: var(--van-background-2)}.van-tag{position:relative;display:inline-flex;align-items:center;padding:var(--van-tag-padding);color:var(--van-tag-text-color);font-size:var(--van-tag-font-size);line-height:var(--van-tag-line-height);border-radius:var(--van-tag-radius)}.van-tag--default{background:var(--van-tag-default-color)}.van-tag--default.van-tag--plain{color:var(--van-tag-default-color)}.van-tag--danger{background:var(--van-tag-danger-color)}.van-tag--danger.van-tag--plain{color:var(--van-tag-danger-color)}.van-tag--primary{background:var(--van-tag-primary-color)}.van-tag--primary.van-tag--plain{color:var(--van-tag-primary-color)}.van-tag--success{background:var(--van-tag-success-color)}.van-tag--success.van-tag--plain{color:var(--van-tag-success-color)}.van-tag--warning{background:var(--van-tag-warning-color)}.van-tag--warning.van-tag--plain{color:var(--van-tag-warning-color)}.van-tag--plain{background:var(--van-tag-plain-background);border-color:currentColor}.van-tag--plain:before{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid;border-color:inherit;border-radius:inherit;content:"";pointer-events:none}.van-tag--medium{padding:var(--van-tag-medium-padding)}.van-tag--large{padding:var(--van-tag-large-padding);font-size:var(--van-tag-large-font-size);border-radius:var(--van-tag-large-radius)}.van-tag--mark{border-radius:0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0}.van-tag--mark:after{display:block;width:2px;content:""}.van-tag--round{border-radius:var(--van-tag-round-radius)}.van-tag__close{margin-left:2px}

package/es/tag/index.d.ts

@@ -1,13 +1,13 @@
 export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
-    size: import("vue").PropType<import("./Tag").TagSize>;
+    size: import("vue").PropType<import("./types").TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
     type: {
-        type: import("vue").PropType<import("./Tag").TagType>;
-        default: import("./Tag").TagType;
+        type: import("vue").PropType<import("./types").TagType>;
+        default: import("./types").TagType;
     };
     color: StringConstructor;
     plain: BooleanConstructor;
@@ -15,15 +15,15 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     textColor: StringConstructor;
     closeable: BooleanConstructor;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: import("vue").PropType<import("./Tag").TagSize>;
+    size: import("vue").PropType<import("./types").TagSize>;
     mark: BooleanConstructor;
     show: {
         type: BooleanConstructor;
         default: true;
     };
     type: {
-        type: import("vue").PropType<import("./Tag").TagType>;
-        default: import("./Tag").TagType;
+        type: import("vue").PropType<import("./types").TagType>;
+        default: import("./types").TagType;
     };
     color: StringConstructor;
     plain: BooleanConstructor;
@@ -33,7 +33,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
 }, {
-    type: import("./Tag").TagType;
+    type: import("./types").TagType;
     mark: boolean;
     round: boolean;
     show: boolean;
@@ -41,7 +41,9 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     closeable: boolean;
 }>>;
 export default Tag;
-export type { TagSize, TagType, TagProps } from './Tag';
+export { tagProps } from './Tag';
+export type { TagProps } from './Tag';
+export type { TagSize, TagType, TagThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTag: typeof Tag;

package/es/tag/index.mjs

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

package/es/tag/types.d.ts

@@ -0,0 +1,20 @@
+export declare type TagSize = 'large' | 'medium';
+export declare type TagType = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+export declare type TagThemeVars = {
+    tagPadding?: string;
+    tagTextColor?: string;
+    tagFontSize?: string;
+    tagRadius?: string;
+    tagLineHeight?: number | string;
+    tagMediumPadding?: string;
+    tagLargePadding?: string;
+    tagLargeRadius?: string;
+    tagLargeFontSize?: string;
+    tagRoundRadius?: string;
+    tagDangerColor?: string;
+    tagPrimaryColor?: string;
+    tagSuccessColor?: string;
+    tagWarningColor?: string;
+    tagDefaultColor?: string;
+    tagPlainBackground?: string;
+};

package/es/time-picker/TimePicker.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type TimePickerColumnType = 'hour' | 'minute' | 'second';
-declare const timePickerProps: {
+export declare const timePickerProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;

package/es/time-picker/TimePicker.mjs

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

package/es/time-picker/index.d.ts

@@ -149,6 +149,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     maxSecond: string | number;
 }>>;
 export default TimePicker;
+export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };
 export type { TimePickerColumnType } from './TimePicker';
 declare module 'vue' {

package/es/time-picker/index.mjs

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

package/es/toast/Toast.d.ts

@@ -1,7 +1,7 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
-declare const toastProps: {
+export declare const toastProps: {
     icon: StringConstructor;
     show: BooleanConstructor;
     type: {

package/es/toast/Toast.mjs

@@ -32,7 +32,8 @@ var stdin_default = defineComponent({
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     let timer;
     let clickable = false;
@@ -80,6 +81,11 @@ var stdin_default = defineComponent({
         type,
         message
       } = props;
+      if (slots.message) {
+        return _createVNode("div", {
+          "class": bem("text")
+        }, [slots.message()]);
+      }
       if (isDef(message) && message !== "") {
         return type === "html" ? _createVNode("div", {
           "key": 0,
@@ -115,5 +121,6 @@ var stdin_default = defineComponent({
   }
 });
 export {
-  stdin_default as default
+  stdin_default as default,
+  toastProps
 };

package/es/toast/index.css

@@ -1 +1 @@
-body{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}
+:root{--van-toast-max-width: 70%;--van-toast-font-size: var(--van-font-size-md);--van-toast-text-color: var(--van-white);--van-toast-loading-icon-color: var(--van-white);--van-toast-line-height: var(--van-line-height-md);--van-toast-radius: var(--van-radius-lg);--van-toast-background: rgba(0, 0, 0, .7);--van-toast-icon-size: 36px;--van-toast-text-min-width: 96px;--van-toast-text-padding: var(--van-padding-xs) var(--van-padding-sm);--van-toast-default-padding: var(--van-padding-md);--van-toast-default-width: 88px;--van-toast-default-min-height: 88px;--van-toast-position-top-distance: 20%;--van-toast-position-bottom-distance: 20%}.van-toast{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:content-box;transition:all var(--van-duration-fast);width:var(--van-toast-default-width);max-width:var(--van-toast-max-width);min-height:var(--van-toast-default-min-height);padding:var(--van-toast-default-padding);color:var(--van-toast-text-color);font-size:var(--van-toast-font-size);line-height:var(--van-toast-line-height);white-space:pre-wrap;text-align:center;word-break:break-all;background:var(--van-toast-background);border-radius:var(--van-toast-radius)}.van-toast--unclickable{overflow:hidden;cursor:not-allowed}.van-toast--unclickable *{pointer-events:none}.van-toast--text,.van-toast--html{width:-webkit-fit-content;width:fit-content;min-width:var(--van-toast-text-min-width);min-height:0;padding:var(--van-toast-text-padding)}.van-toast--text .van-toast__text,.van-toast--html .van-toast__text{margin-top:0}.van-toast--top{top:var(--van-toast-position-top-distance)}.van-toast--bottom{top:auto;bottom:var(--van-toast-position-bottom-distance)}.van-toast__icon{font-size:var(--van-toast-icon-size)}.van-toast__loading{padding:var(--van-padding-base);color:var(--van-toast-loading-icon-color)}.van-toast__text{margin-top:var(--van-padding-xs)}

package/es/toast/index.d.ts

@@ -74,6 +74,12 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     closeOnClick: boolean;
 }>>;
 export default Toast;
+export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';
 export type { ToastProps } from './Toast';
-export type { ToastType, ToastOptions, ToastPosition } from './types';
+export type { ToastType, ToastOptions, ToastPosition, ToastThemeVars, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanToast: typeof Toast;
+    }
+}

package/es/toast/index.mjs

@@ -2,6 +2,7 @@ import { withInstall } from "../utils/index.mjs";
 import _Toast from "./Toast.mjs";
 const Toast = withInstall(_Toast);
 var stdin_default = Toast;
+import { toastProps } from "./Toast.mjs";
 import {
   showToast,
   closeToast,
@@ -22,5 +23,6 @@ export {
   showFailToast,
   showLoadingToast,
   showSuccessToast,
-  showToast
+  showToast,
+  toastProps
 };

package/es/toast/types.d.ts

@@ -34,3 +34,20 @@ export declare type ToastWrapperInstance = ComponentPublicInstance<{
      */
     open: (props: Record<string, any>) => void;
 }>;
+export declare type ToastThemeVars = {
+    toastMaxWidth?: string;
+    toastFontSize?: string;
+    toastTextColor?: string;
+    toastLoadingIconColor?: string;
+    toastLineHeight?: number | string;
+    toastRadius?: string;
+    toastBackground?: string;
+    toastIconSize?: string;
+    toastTextMinWidth?: string;
+    toastTextPadding?: string;
+    toastDefaultPadding?: string;
+    toastDefaultWidth?: string;
+    toastDefaultMinHeight?: string;
+    toastPositionTopDistance?: string;
+    toastPositionBottomDistance?: string;
+};

package/es/tree-select/TreeSelect.d.ts

@@ -13,7 +13,7 @@ export declare type TreeSelectItem = {
     disabled?: boolean;
     className?: unknown;
 };
-declare const treeSelectProps: {
+export declare const treeSelectProps: {
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;

package/es/tree-select/TreeSelect.mjs

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

package/es/tree-select/index.css

@@ -1 +1 @@
-body{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}
+:root{--van-tree-select-font-size: var(--van-font-size-md);--van-tree-select-nav-background: var(--van-background);--van-tree-select-content-background: var(--van-background-2);--van-tree-select-nav-item-padding: 14px var(--van-padding-sm);--van-tree-select-item-height: 48px;--van-tree-select-item-active-color: var(--van-primary-color);--van-tree-select-item-disabled-color: var(--van-gray-5);--van-tree-select-item-selected-size: 16px}.van-tree-select{position:relative;display:flex;font-size:var(--van-tree-select-font-size)}.van-tree-select__nav{flex:1;overflow-y:auto;background:var(--van-tree-select-nav-background);-webkit-overflow-scrolling:touch}.van-tree-select__nav-item{padding:var(--van-tree-select-nav-item-padding)}.van-tree-select__content{flex:2;overflow-y:auto;background:var(--van-tree-select-content-background);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-bold);line-height:var(--van-tree-select-item-height);-webkit-user-select:none;user-select:none;cursor:pointer}.van-tree-select__item--active{color:var(--van-tree-select-item-active-color)}.van-tree-select__item:active{background-color:var(--van-active-color)}.van-tree-select__item--disabled{color:var(--van-tree-select-item-disabled-color);cursor:not-allowed}.van-tree-select__item--disabled:active{background-color:transparent}.van-tree-select__selected{position:absolute;top:50%;right:var(--van-padding-md);margin-top:calc(var(--van-padding-xs) * -1);font-size:var(--van-tree-select-item-selected-size)}

package/es/tree-select/index.d.ts

@@ -62,7 +62,9 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     activeId: import("../utils").Numeric | import("../utils").Numeric[];
 }>>;
 export default TreeSelect;
+export { treeSelectProps } from './TreeSelect';
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';
+export type { TreeSelectThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanTreeSelect: typeof TreeSelect;

package/es/tree-select/index.mjs

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

package/es/tree-select/types.d.ts

@@ -0,0 +1,10 @@
+export declare type TreeSelectThemeVars = {
+    treeSelectFontSize?: string;
+    treeSelectNavBackground?: string;
+    treeSelectContentBackground?: string;
+    treeSelectNavItemPadding?: string;
+    treeSelectItemHeight?: string;
+    treeSelectItemActiveColor?: string;
+    treeSelectItemDisabledColor?: string;
+    treeSelectItemSelectedSize?: string;
+};

package/es/uploader/Uploader.d.ts

@@ -3,7 +3,7 @@ import { Interceptor, type Numeric } from '../utils';
 import { type ImagePreviewOptions } from '../image-preview';
 import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
-declare const uploaderProps: {
+export declare const uploaderProps: {
     name: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;

package/es/uploader/Uploader.mjs

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

package/es/uploader/index.css

@@ -1 +1 @@
-body{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}
+:root{--van-uploader-size: 80px;--van-uploader-icon-size: 24px;--van-uploader-icon-color: var(--van-gray-4);--van-uploader-text-color: var(--van-text-color-2);--van-uploader-text-font-size: var(--van-font-size-sm);--van-uploader-upload-background: var(--van-gray-1);--van-uploader-upload-active-color: var(--van-active-color);--van-uploader-delete-color: var(--van-white);--van-uploader-delete-icon-size: 14px;--van-uploader-delete-background: rgba(0, 0, 0, .7);--van-uploader-file-background: var(--van-background);--van-uploader-file-icon-size: 20px;--van-uploader-file-icon-color: var(--van-gray-7);--van-uploader-file-name-padding: 0 var(--van-padding-base);--van-uploader-file-name-margin-top: var(--van-padding-xs);--van-uploader-file-name-font-size: var(--van-font-size-sm);--van-uploader-file-name-text-color: var(--van-gray-7);--van-uploader-mask-text-color: var(--van-white);--van-uploader-mask-background: rgba(50, 50, 51, .88);--van-uploader-mask-icon-size: 22px;--van-uploader-mask-message-font-size: var(--van-font-size-sm);--van-uploader-mask-message-line-height: var(--van-line-height-xs);--van-uploader-loading-icon-size: 22px;--van-uploader-loading-icon-color: var(--van-white);--van-uploader-disabled-opacity: var(--van-disabled-opacity)}.van-uploader{position:relative;display:inline-block}.van-uploader__wrapper{display:flex;flex-wrap:wrap}.van-uploader__wrapper--disabled{opacity:var(--van-uploader-disabled-opacity)}.van-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.van-uploader__input-wrapper{position:relative}.van-uploader__input:disabled{cursor:not-allowed}.van-uploader__upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:var(--van-uploader-size);height:var(--van-uploader-size);margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;background:var(--van-uploader-upload-background)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background)}.van-uploader__upload-icon{color:var(--van-uploader-icon-color);font-size:var(--van-uploader-icon-size)}.van-uploader__upload-text{margin-top:var(--van-padding-xs);color:var(--van-uploader-text-color);font-size:var(--van-uploader-text-font-size)}.van-uploader__preview{position:relative;margin:0 var(--van-padding-xs) var(--van-padding-xs) 0;cursor:pointer}.van-uploader__preview-image{display:block;width:var(--van-uploader-size);height:var(--van-uploader-size);overflow:hidden}.van-uploader__preview-delete{position:absolute;top:0;right:0}.van-uploader__preview-delete--shadow{width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background:var(--van-uploader-delete-background);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:var(--van-uploader-delete-color);font-size:var(--van-uploader-delete-icon-size);transform:scale(.7) translate(10%,-10%)}.van-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.van-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-uploader-mask-text-color);background:var(--van-uploader-mask-background)}.van-uploader__mask-icon{font-size:var(--van-uploader-mask-icon-size)}.van-uploader__mask-message{margin-top:6px;padding:0 var(--van-padding-base);font-size:var(--van-uploader-mask-message-font-size);line-height:var(--van-uploader-mask-message-line-height)}.van-uploader__loading{width:var(--van-uploader-loading-icon-size);height:var(--van-uploader-loading-icon-size);color:var(--van-uploader-loading-icon-color)}.van-uploader__file{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--van-uploader-size);height:var(--van-uploader-size);background:var(--van-uploader-file-background)}.van-uploader__file-icon{color:var(--van-uploader-file-icon-color);font-size:var(--van-uploader-file-icon-size)}.van-uploader__file-name{box-sizing:border-box;width:100%;margin-top:var(--van-uploader-file-name-margin-top);padding:var(--van-uploader-file-name-padding);color:var(--van-uploader-file-name-text-color);font-size:var(--van-uploader-file-name-font-size);text-align:center}

package/es/uploader/index.d.ts

@@ -145,8 +145,9 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     maxSize: import("./types").UploaderMaxSize;
 }>>;
 export default Uploader;
+export { uploaderProps } from './Uploader';
 export type { UploaderProps };
-export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
+export type { UploaderInstance, UploaderThemeVars, UploaderResultType, UploaderFileListItem, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanUploader: typeof Uploader;

package/es/uploader/index.mjs

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

package/es/uploader/types.d.ts

@@ -29,3 +29,30 @@ export declare type UploaderExpose = {
     closeImagePreview: () => void;
 };
 export declare type UploaderInstance = ComponentPublicInstance<UploaderProps, UploaderExpose>;
+export declare type UploaderThemeVars = {
+    uploaderSize?: string;
+    uploaderIconSize?: string;
+    uploaderIconColor?: string;
+    uploaderTextColor?: string;
+    uploaderTextFontSize?: string;
+    uploaderUploadBackground?: string;
+    uploaderUploadActiveColor?: string;
+    uploaderDeleteColor?: string;
+    uploaderDeleteIconSize?: string;
+    uploaderDeleteBackground?: string;
+    uploaderFileBackground?: string;
+    uploaderFileIconSize?: string;
+    uploaderFileIconColor?: string;
+    uploaderFileNamePadding?: string;
+    uploaderFileNameMarginTop?: string;
+    uploaderFileNameFontSize?: string;
+    uploaderFileNameTextColor?: string;
+    uploaderMaskTextColor?: string;
+    uploaderMaskBackground?: string;
+    uploaderMaskIconSize?: string;
+    uploaderMaskMessageFontSize?: string;
+    uploaderMaskMessageLineHeight?: number | string;
+    uploaderLoadingIconSize?: string;
+    uploaderLoadingIconColor?: string;
+    uploaderDisabledOpacity?: number | string;
+};

package/es/utils/basic.mjs

@@ -1,3 +1,4 @@
+import { isObject } from "./validate.mjs";
 function noop() {
 }
 const extend = Object.assign;
@@ -7,7 +8,7 @@ function get(object, path) {
   let result = object;
   keys.forEach((key) => {
     var _a;
-    result = (_a = result[key]) != null ? _a : "";
+    result = isObject(result) ? (_a = result[key]) != null ? _a : "" : "";
   });
   return result;
 }

package/lib/action-bar/ActionBar.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
-declare const actionBarProps: {
+export declare const actionBarProps: {
     placeholder: BooleanConstructor;
     safeAreaInsetBottom: {
         type: BooleanConstructor;

package/lib/action-bar/ActionBar.js

@@ -18,6 +18,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   ACTION_BAR_KEY: () => ACTION_BAR_KEY,
+  actionBarProps: () => actionBarProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);

package/lib/action-bar/index.css

@@ -1 +1 @@
-body{--van-action-bar-background: var(--van-background-2);--van-action-bar-height: 50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background)}
+:root{--van-action-bar-background: var(--van-background-2);--van-action-bar-height: 50px}.van-action-bar{position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;box-sizing:content-box;height:var(--van-action-bar-height);background:var(--van-action-bar-background)}

package/lib/action-bar/index.d.ts

@@ -15,7 +15,9 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
     safeAreaInsetBottom: boolean;
 }>>;
 export default ActionBar;
+export { actionBarProps } from './ActionBar';
 export type { ActionBarProps } from './ActionBar';
+export type { ActionBarThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionBar: typeof ActionBar;

package/lib/action-bar/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   ActionBar: () => ActionBar,
+  actionBarProps: () => import_ActionBar2.actionBarProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_ActionBar = __toESM(require("./ActionBar"));
+var import_ActionBar2 = require("./ActionBar");
 const ActionBar = (0, import_utils.withInstall)(import_ActionBar.default);
 var stdin_default = ActionBar;

package/lib/action-bar/types.d.ts

@@ -0,0 +1,4 @@
+export declare type ActionBarThemeVars = {
+    actionBarBackground?: string;
+    actionBarHeight?: string;
+};

package/lib/action-bar/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);

package/lib/action-bar-button/ActionBarButton.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
-declare const actionBarButtonProps: {
+export declare const actionBarButtonProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/lib/action-bar-button/ActionBarButton.js

@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
+  actionBarButtonProps: () => actionBarButtonProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);

package/lib/action-bar-button/index.css

@@ -1 +1 @@
-body{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}
+:root{--van-action-bar-button-height: 40px;--van-action-bar-button-warning-color: var(--van-gradient-orange);--van-action-bar-button-danger-color: var(--van-gradient-red)}.van-action-bar-button{flex:1;height:var(--van-action-bar-button-height);font-weight:var(--van-font-bold);font-size:var(--van-font-size-md);border:none;border-radius:0}.van-action-bar-button--first{margin-left:5px;border-top-left-radius:var(--van-radius-max);border-bottom-left-radius:var(--van-radius-max)}.van-action-bar-button--last{margin-right:5px;border-top-right-radius:var(--van-radius-max);border-bottom-right-radius:var(--van-radius-max)}.van-action-bar-button--warning{background:var(--van-action-bar-button-warning-color)}.van-action-bar-button--danger{background:var(--van-action-bar-button-danger-color)}@media (max-width: 321px){.van-action-bar-button{font-size:13px}}

package/lib/action-bar-button/index.d.ts

@@ -26,7 +26,9 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     loading: boolean;
 }>>;
 export default ActionBarButton;
+export { actionBarButtonProps } from './ActionBarButton';
 export type { ActionBarButtonProps } from './ActionBarButton';
+export type { ActionBarButtonThemeVars } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanActionBarButton: typeof ActionBarButton;

package/lib/action-bar-button/index.js

@@ -24,10 +24,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   ActionBarButton: () => ActionBarButton,
+  actionBarButtonProps: () => import_ActionBarButton2.actionBarButtonProps,
   default: () => stdin_default
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_ActionBarButton = __toESM(require("./ActionBarButton"));
+var import_ActionBarButton2 = require("./ActionBarButton");
 const ActionBarButton = (0, import_utils.withInstall)(import_ActionBarButton.default);
 var stdin_default = ActionBarButton;

package/lib/action-bar-button/types.d.ts

@@ -0,0 +1,5 @@
+export declare type ActionBarButtonThemeVars = {
+    actionBarButtonHeight?: string;
+    actionBarButtonWarningColor?: string;
+    actionBarButtonDangerColor?: string;
+};

package/lib/action-bar-button/types.js

@@ -0,0 +1,15 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 = {};
+module.exports = __toCommonJS(stdin_exports);