vant 3.2.3 → 3.2.4

package/lib/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.2.3";
+export const version: "3.2.4";

package/lib/index.js

@@ -781,7 +781,7 @@ Object.keys(_uploader).forEach(function (key) {
   if (key in exports && exports[key] === _uploader[key]) return;
   exports[key] = _uploader[key];
 });
-var version = '3.2.3';
+var version = '3.2.4';
 exports.version = version;
 
 function install(app) {

package/lib/list/index.d.ts

@@ -1,3 +1,4 @@
+import { ListProps } from './List';
 export declare const List: import("../utils").WithInstall<import("vue").DefineComponent<{
     error: BooleanConstructor;
     loading: BooleanConstructor;
@@ -51,4 +52,5 @@ export declare const List: import("../utils").WithInstall<import("vue").DefineCo
     immediateCheck: boolean;
 }>>;
 export default List;
+export type { ListProps };
 export type { ListInstance, ListDirection } from './types';

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

@@ -1,3 +1,4 @@
+import { NoticeBarProps } from './NoticeBar';
 export declare const NoticeBar: import("../utils").WithInstall<import("vue").DefineComponent<{
     text: StringConstructor;
     mode: import("vue").PropType<import("./types").NoticeBarMode>;
@@ -48,4 +49,5 @@ export declare const NoticeBar: import("../utils").WithInstall<import("vue").Def
     delay: string | number;
 }>>;
 export default NoticeBar;
+export type { NoticeBarProps };
 export type { NoticeBarMode, NoticeBarInstance } from './types';

package/lib/notify/Notify.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+import type { NotifyType } from './types';
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];

package/lib/notify/function-call.d.ts

@@ -1,19 +1,6 @@
 import { App } from 'vue';
 import { ComponentInstance } from '../utils';
-import { NotifyType } from './Notify';
-export declare type NotifyMessage = string | number;
-export declare type NotifyOptions = {
-    type?: NotifyType;
-    color?: string;
-    message?: NotifyMessage;
-    duration?: number;
-    className?: unknown;
-    background?: string;
-    lockScroll?: boolean;
-    onClick?: (event: MouseEvent) => void;
-    onClose?: () => void;
-    onOpened?: () => void;
-};
+import type { NotifyMessage, NotifyOptions } from './types';
 declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
 declare namespace Notify {
     var clear: () => void;
@@ -52,7 +39,7 @@ declare namespace Notify {
         background: StringConstructor;
         lockScroll: BooleanConstructor;
         type: {
-            type: import("vue").PropType<NotifyType>;
+            type: import("vue").PropType<import("./types").NotifyType>;
             default: string;
         };
     }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
@@ -74,7 +61,7 @@ declare namespace Notify {
         background?: unknown;
         type?: unknown;
     } & {
-        type: NotifyType;
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;
@@ -93,7 +80,7 @@ declare namespace Notify {
         className?: unknown;
         background?: string | undefined;
     }>, {
-        type: NotifyType;
+        type: import("./types").NotifyType;
         overlay: boolean;
         show: boolean;
         lockScroll: boolean;

package/lib/notify/index.d.ts

@@ -1,5 +1,4 @@
-import { Notify, NotifyOptions } from './function-call';
-import type { NotifyType } from './Notify';
+import { Notify } from './function-call';
 export default Notify;
 export { Notify };
-export type { NotifyType, NotifyOptions };
+export type { NotifyType, NotifyOptions } from './types';

package/lib/notify/types.d.ts

@@ -0,0 +1,20 @@
+import { Notify } from './function-call';
+export declare type NotifyMessage = string | number;
+export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
+export declare type NotifyOptions = {
+    type?: NotifyType;
+    color?: string;
+    message?: NotifyMessage;
+    duration?: number;
+    className?: unknown;
+    background?: string;
+    lockScroll?: boolean;
+    onClick?: (event: MouseEvent) => void;
+    onClose?: () => void;
+    onOpened?: () => void;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $notify: typeof Notify;
+    }
+}

package/lib/notify/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/picker/index.d.ts

@@ -1,3 +1,4 @@
+import { PickerProps } from './Picker';
 export declare const Picker: import("../utils").WithInstall<import("vue").DefineComponent<{
     title: StringConstructor;
     loading: BooleanConstructor;
@@ -86,4 +87,5 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     toolbarPosition: import("./types").PickerToolbarPosition;
 }>>;
 export default Picker;
+export type { PickerProps };
 export type { PickerColumn, PickerOption, PickerInstance, PickerFieldNames, PickerObjectColumn, PickerObjectOption, PickerToolbarPosition, } from './types';

package/lib/popover/Popover.d.ts

@@ -8,6 +8,7 @@ export declare type PopoverAction = {
     color?: string;
     disabled?: boolean;
     className?: string;
+    [key: PropertyKey]: any;
 };
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;

package/lib/progress/index.d.ts

@@ -1,3 +1,4 @@
+import { ProgressProps } from './Progress';
 export declare const Progress: import("../utils").WithInstall<import("vue").DefineComponent<{
     color: StringConstructor;
     inactive: BooleanConstructor;
@@ -42,4 +43,5 @@ export declare const Progress: import("../utils").WithInstall<import("vue").Defi
     percentage: string | number;
 }>>;
 export default Progress;
+export type { ProgressProps };
 export type { ProgressInstance } from './types';

package/lib/search/Search.d.ts

@@ -2,6 +2,7 @@ import { PropType, ExtractPropTypes } from 'vue';
 import type { SearchShape } from './types';
 declare const props: {
     id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -10,6 +11,7 @@ declare const props: {
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -60,6 +62,7 @@ declare const props: {
 export declare type SearchProps = ExtractPropTypes<typeof props>;
 declare const _default: import("vue").DefineComponent<{
     id: StringConstructor;
+    name: StringConstructor;
     formatter: PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -68,6 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: PropType<import("../field").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -116,6 +120,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -124,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -151,7 +157,9 @@ declare const _default: import("vue").DefineComponent<{
     formatTrigger: import("../field").FieldFormatTrigger;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
     id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;

package/lib/search/index.d.ts

@@ -1,5 +1,7 @@
+import { SearchProps } from './Search';
 export declare const Search: import("../utils").WithInstall<import("vue").DefineComponent<{
     id: StringConstructor;
+    name: StringConstructor;
     formatter: import("vue").PropType<(value: string) => string>;
     leftIcon: StringConstructor;
     rightIcon: StringConstructor;
@@ -8,6 +10,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     maxlength: (NumberConstructor | StringConstructor)[];
     inputAlign: import("vue").PropType<import("..").FieldTextAlign>;
     placeholder: StringConstructor;
+    autocomplete: StringConstructor;
     errorMessage: StringConstructor;
     error: {
         type: BooleanConstructor;
@@ -56,6 +59,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "update:modelValue" | "cancel")[], "search" | "update:modelValue" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     id?: unknown;
+    name?: unknown;
     formatter?: unknown;
     leftIcon?: unknown;
     rightIcon?: unknown;
@@ -64,6 +68,7 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     maxlength?: unknown;
     inputAlign?: unknown;
     placeholder?: unknown;
+    autocomplete?: unknown;
     errorMessage?: unknown;
     error?: unknown;
     disabled?: unknown;
@@ -91,7 +96,9 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     formatTrigger: import("..").FieldFormatTrigger;
     showAction: boolean;
 } & {
+    name?: string | undefined;
     label?: string | undefined;
+    autocomplete?: string | undefined;
     id?: string | undefined;
     formatter?: ((value: string) => string) | undefined;
     rightIcon?: string | undefined;
@@ -120,4 +127,5 @@ export declare const Search: import("../utils").WithInstall<import("vue").Define
     showAction: boolean;
 }>>;
 export default Search;
+export type { SearchProps };
 export type { SearchShape, SearchInstance } from './types';

package/lib/submit-bar/index.css

@@ -1 +1 @@
-:root{--van-submit-bar-height:50px;--van-submit-bar-z-index:100;--van-submit-bar-background-color:var(--van-white);--van-submit-bar-button-width:110px;--van-submit-bar-price-color:var(--van-danger-color);--van-submit-bar-price-font-size:var(--van-font-size-sm);--van-submit-bar-price-integer-font-size:20px;--van-submit-bar-price-font-family:var(--van-price-integer-font-family);--van-submit-bar-currency-font-size:var(--van-font-size-md);--van-submit-bar-text-color:var(--van-text-color);--van-submit-bar-text-font-size:var(--van-font-size-md);--van-submit-bar-tip-padding:var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size:var(--van-font-size-sm);--van-submit-bar-tip-line-height:1.5;--van-submit-bar-tip-color:#f56723;--van-submit-bar-tip-background-color:#fff7cc;--van-submit-bar-tip-icon-size:12px;--van-submit-bar-button-height:40px;--van-submit-bar-padding:0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background-color:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background-color:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{min-width:calc(var(--van-submit-bar-tip-icon-size) * 1.5);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root{--van-submit-bar-height:50px;--van-submit-bar-z-index:100;--van-submit-bar-background-color:var(--van-white);--van-submit-bar-button-width:110px;--van-submit-bar-price-color:var(--van-danger-color);--van-submit-bar-price-font-size:var(--van-font-size-sm);--van-submit-bar-price-integer-font-size:20px;--van-submit-bar-price-font-family:var(--van-price-integer-font-family);--van-submit-bar-currency-font-size:var(--van-font-size-md);--van-submit-bar-text-color:var(--van-text-color);--van-submit-bar-text-font-size:var(--van-font-size-md);--van-submit-bar-tip-padding:var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size:var(--van-font-size-sm);--van-submit-bar-tip-line-height:1.5;--van-submit-bar-tip-color:#f56723;--van-submit-bar-tip-background-color:#fff7cc;--van-submit-bar-tip-icon-size:12px;--van-submit-bar-button-height:40px;--van-submit-bar-padding:0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background-color:var(--van-submit-bar-background-color);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background-color:var(--van-submit-bar-tip-background-color)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-weight-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-weight-bold);font-size:var(--van-submit-bar-price-font-size)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font-family)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-weight-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

package/lib/submit-bar/index.less

@@ -40,7 +40,7 @@
   }
 
   &__tip-icon {
-    min-width: calc(var(--van-submit-bar-tip-icon-size) * 1.5);
+    margin-right: var(--van-padding-base);
     font-size: var(--van-submit-bar-tip-icon-size);
     vertical-align: middle;
   }

package/lib/swipe/index.d.ts

@@ -1,3 +1,4 @@
+import { SwipeProps } from './Swipe';
 export declare const Swipe: import("../utils").WithInstall<import("vue").DefineComponent<{
     loop: {
         type: BooleanConstructor;
@@ -73,4 +74,5 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     initialSwipe: string | number;
 }>>;
 export default Swipe;
+export type { SwipeProps };
 export type { SwipeInstance, SwipeToOptions } from './types';

package/lib/swipe-cell/index.d.ts

@@ -1,3 +1,4 @@
+import { SwipeCellProps } from './SwipeCell';
 export declare const SwipeCell: import("../utils").WithInstall<import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     leftWidth: (NumberConstructor | StringConstructor)[];
@@ -33,4 +34,5 @@ export declare const SwipeCell: import("../utils").WithInstall<import("vue").Def
     stopPropagation: boolean;
 }>>;
 export default SwipeCell;
+export type { SwipeCellProps };
 export type { SwipeCellSide, SwipeCellPosition, SwipeCellInstance, } from './types';

package/lib/tabs/index.d.ts

@@ -1,3 +1,4 @@
+import { TabsProps } from './Tabs';
 export declare const Tabs: import("../utils").WithInstall<import("vue").DefineComponent<{
     color: StringConstructor;
     border: BooleanConstructor;
@@ -103,4 +104,5 @@ export declare const Tabs: import("../utils").WithInstall<import("vue").DefineCo
     swipeThreshold: string | number;
 }>>;
 export default Tabs;
+export type { TabsProps };
 export type { TabsType, TabsInstance } from './types';

package/lib/tabs/utils.js

@@ -8,10 +8,7 @@ var _use = require("@vant/use");
 
 var _utils = require("../utils");
 
-var rafId;
-
 function scrollLeftTo(scroller, to, duration) {
-  (0, _use.cancelRaf)(rafId);
   var count = 0;
   var from = scroller.scrollLeft;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
@@ -20,7 +17,7 @@ function scrollLeftTo(scroller, to, duration) {
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      rafId = (0, _use.raf)(animate);
+      (0, _use.raf)(animate);
     }
   }
 

package/lib/toast/Toast.d.ts

@@ -1,7 +1,6 @@
 import { PropType, CSSProperties } from 'vue';
 import { LoadingType } from '../loading';
-export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
-export declare type ToastPosition = 'top' | 'middle' | 'bottom';
+import type { ToastType, ToastPosition } from './types';
 declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     show: BooleanConstructor;

package/lib/toast/function-call.d.ts

@@ -1,29 +1,6 @@
-import { App, TeleportProps } from 'vue';
+import { App } from 'vue';
 import { ComponentInstance } from '../utils';
-import { ToastType, ToastPosition } from './Toast';
-import type { LoadingType } from '../loading';
-export declare type ToastOptions = {
-    icon?: string;
-    type?: ToastType;
-    mask?: boolean;
-    message?: string | number;
-    onClose?: () => void;
-    onOpened?: () => void;
-    overlay?: boolean;
-    duration?: number;
-    teleport?: TeleportProps['to'];
-    iconSize?: number | string;
-    position?: ToastPosition;
-    className?: unknown;
-    transition?: string;
-    iconPrefix?: string;
-    loadingType?: LoadingType;
-    forbidClick?: boolean;
-    closeOnClick?: boolean;
-    overlayClass?: unknown;
-    overlayStyle?: Record<string, any>;
-    closeOnClickOverlay?: boolean;
-};
+import type { ToastType, ToastOptions } from './types';
 declare function Toast(options?: string | ToastOptions): ComponentInstance;
 declare namespace Toast {
     var loading: (options: string | ToastOptions) => ComponentInstance;

package/lib/toast/index.d.ts

@@ -1,5 +1,4 @@
-import { Toast, ToastOptions } from './function-call';
-import type { ToastType, ToastPosition } from './Toast';
+import { Toast } from './function-call';
 export default Toast;
 export { Toast };
-export type { ToastType, ToastOptions, ToastPosition };
+export type { ToastType, ToastOptions, ToastPosition } from './types';

package/lib/toast/types.d.ts

@@ -0,0 +1,32 @@
+import { Toast } from './function-call';
+import type { TeleportProps } from 'vue';
+import type { LoadingType } from '../loading';
+export declare type ToastType = 'text' | 'loading' | 'success' | 'fail' | 'html';
+export declare type ToastPosition = 'top' | 'middle' | 'bottom';
+export declare type ToastOptions = {
+    icon?: string;
+    type?: ToastType;
+    mask?: boolean;
+    message?: string | number;
+    onClose?: () => void;
+    onOpened?: () => void;
+    overlay?: boolean;
+    duration?: number;
+    teleport?: TeleportProps['to'];
+    iconSize?: number | string;
+    position?: ToastPosition;
+    className?: unknown;
+    transition?: string;
+    iconPrefix?: string;
+    loadingType?: LoadingType;
+    forbidClick?: boolean;
+    closeOnClick?: boolean;
+    overlayClass?: unknown;
+    overlayStyle?: Record<string, any>;
+    closeOnClickOverlay?: boolean;
+};
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties {
+        $toast: typeof Toast;
+    }
+}

package/lib/toast/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/lib/uploader/index.css

@@ -1 +1 @@
-:root{--van-uploader-size:80px;--van-uploader-icon-size:24px;--van-uploader-icon-color:var(--van-gray-4);--van-uploader-text-color:var(--van-gray-6);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color: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-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--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-color:rgba(50, 50, 51, 0.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-color:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.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;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background-color:var(--van-uploader-delete-background-color);border-radius:0 0 0 12px}.van-uploader__preview-delete-icon{position:absolute;top:0;right:0;color:#fff;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-color:var(--van-uploader-mask-background-color)}.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-color:var(--van-uploader-file-background-color)}.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-gray-6);--van-uploader-text-font-size:var(--van-font-size-sm);--van-uploader-upload-background-color: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-color:rgba(0, 0, 0, 0.7);--van-uploader-file-background-color:var(--van-background-color);--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-color:rgba(50, 50, 51, 0.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-color:var(--van-uploader-upload-background-color)}.van-uploader__upload:active{background-color:var(--van-uploader-upload-active-color)}.van-uploader__upload--readonly:active{background-color:var(--van-uploader-upload-background-color)}.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;width:var(--van-uploader-delete-icon-size);height:var(--van-uploader-delete-icon-size);background-color:var(--van-uploader-delete-background-color);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-color:var(--van-uploader-mask-background-color)}.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-color:var(--van-uploader-file-background-color)}.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/lib/uploader/index.d.ts

@@ -1,3 +1,4 @@
+import { UploaderProps } from './Uploader';
 export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
     capture: StringConstructor;
     multiple: BooleanConstructor;
@@ -133,4 +134,5 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     uploadIcon: string;
 }>>;
 export default Uploader;
+export type { UploaderProps };
 export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';

package/lib/uploader/index.less

@@ -117,7 +117,6 @@
         position: absolute;
         top: 0;
         right: 0;
-        color: #fff;
         color: var(--van-uploader-delete-color);
         font-size: var(--van-uploader-delete-icon-size);
         transform: scale(0.7) translate(10%, -10%);