vant 3.2.0 → 3.2.4

package/es/tab/Tab.js

@@ -1,7 +1,7 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { ref, watch, provide, computed, nextTick, defineComponent } from 'vue'; // Utils
 
-import { createNamespace, extend, unknownProp } from '../utils';
+import { createNamespace, extend, truthProp, unknownProp } from '../utils';
 import { TABS_KEY } from '../tabs/Tabs'; // Composables
 
 import { useParent } from '@vant/use';
@@ -19,7 +19,8 @@ export default defineComponent({
     title: String,
     disabled: Boolean,
     titleClass: unknownProp,
-    titleStyle: [String, Object]
+    titleStyle: [String, Object],
+    showZeroBadge: truthProp
   }),
 
   setup(props, {

package/es/tab/index.d.ts

@@ -1,4 +1,4 @@
-declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -10,6 +10,10 @@ declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<
     disabled: BooleanConstructor;
     titleClass: import("vue").PropType<unknown>;
     titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, (() => JSX.Element | undefined) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
@@ -21,10 +25,12 @@ declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<
     disabled?: unknown;
     titleClass?: unknown;
     titleStyle?: unknown;
+    showZeroBadge?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
+    showZeroBadge: boolean;
 } & {
     url?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
@@ -33,10 +39,10 @@ declare const Tab: import("../utils").WithInstall<import("vue").DefineComponent<
     title?: string | undefined;
     titleClass?: unknown;
     titleStyle?: string | import("vue").CSSProperties | undefined;
-}> & {}, {
+}>, {
     replace: boolean;
     dot: boolean;
     disabled: boolean;
+    showZeroBadge: boolean;
 }>>;
 export default Tab;
-export { Tab };

package/es/tab/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tab from './Tab';
-var Tab = withInstall(_Tab);
-export default Tab;
-export { Tab };
+export var Tab = withInstall(_Tab);
+export default Tab;

package/es/tabbar/index.d.ts

@@ -1,4 +1,4 @@
-declare const Tabbar: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Tabbar: import("../utils").WithInstall<import("vue").DefineComponent<{
     route: BooleanConstructor;
     fixed: {
         type: BooleanConstructor;
@@ -56,4 +56,3 @@ declare const Tabbar: import("../utils").WithInstall<import("vue").DefineCompone
     route: boolean;
 }>>;
 export default Tabbar;
-export { Tabbar };

package/es/tabbar/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tabbar from './Tabbar';
-var Tabbar = withInstall(_Tabbar);
-export default Tabbar;
-export { Tabbar };
+export var Tabbar = withInstall(_Tabbar);
+export default Tabbar;

package/es/tabbar-item/index.d.ts

@@ -1,4 +1,4 @@
-declare const TabbarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const TabbarItem: import("../utils").WithInstall<import("vue").DefineComponent<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
@@ -34,4 +34,3 @@ declare const TabbarItem: import("../utils").WithInstall<import("vue").DefineCom
     dot: boolean;
 }>>;
 export default TabbarItem;
-export { TabbarItem };

package/es/tabbar-item/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _TabbarItem from './TabbarItem';
-var TabbarItem = withInstall(_TabbarItem);
-export default TabbarItem;
-export { TabbarItem };
+export var TabbarItem = withInstall(_TabbarItem);
+export default TabbarItem;

package/es/tabs/Tabs.js

@@ -1,7 +1,7 @@
-import { createVNode as _createVNode } from "vue";
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { ref, watch, computed, reactive, nextTick, onActivated, defineComponent, getCurrentInstance } from 'vue'; // Utils
 
-import { isDef, addUnit, isHidden, unitToPx, truthProp, getVisibleTop, getElementTop, callInterceptor, createNamespace, getVisibleHeight, setRootScrollTop, BORDER_TOP_BOTTOM } from '../utils';
+import { isDef, addUnit, isHidden, unitToPx, truthProp, getVisibleTop, getElementTop, callInterceptor, createNamespace, getVisibleHeight, setRootScrollTop, BORDER_TOP_BOTTOM, pick } from '../utils';
 import { scrollLeftTo, scrollTopTo } from './utils'; // Composables
 
 import { useChildren, useWindowSize, useScrollParent, useEventListener, onMountedOrActivated } from '@vant/use';
@@ -291,17 +291,13 @@ export default defineComponent({
       }
     };
 
-    var renderNav = () => children.map((item, index) => _createVNode(TabsTitle, {
+    var renderNav = () => children.map((item, index) => _createVNode(TabsTitle, _mergeProps({
       "ref": setTitleRefs(index),
-      "dot": item.dot,
       "type": props.type,
-      "badge": item.badge,
-      "title": item.title,
       "color": props.color,
       "style": item.titleStyle,
       "class": item.titleClass,
       "isActive": index === state.currentIndex,
-      "disabled": item.disabled,
       "scrollable": scrollable.value,
       "renderTitle": item.$slots.title,
       "activeColor": props.titleActiveColor,
@@ -309,7 +305,7 @@ export default defineComponent({
       "onClick": event => {
         onClickTab(item, index, event);
       }
-    }, null));
+    }, pick(item, ['dot', 'badge', 'title', 'disabled', 'showZeroBadge'])), null));
 
     var renderHeader = () => {
       var _slots$navLeft, _slots$navRight;

package/es/tabs/TabsTitle.d.ts

@@ -10,6 +10,10 @@ declare const _default: import("vue").DefineComponent<{
     activeColor: StringConstructor;
     renderTitle: FunctionConstructor;
     inactiveColor: StringConstructor;
+    showZeroBadge: {
+        type: BooleanConstructor;
+        default: true;
+    };
 }, () => 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<{
     dot?: unknown;
     type?: unknown;
@@ -22,11 +26,13 @@ declare const _default: import("vue").DefineComponent<{
     activeColor?: unknown;
     renderTitle?: unknown;
     inactiveColor?: unknown;
+    showZeroBadge?: unknown;
 } & {
     dot: boolean;
     disabled: boolean;
     isActive: boolean;
     scrollable: boolean;
+    showZeroBadge: boolean;
 } & {
     type?: string | undefined;
     badge?: string | number | undefined;
@@ -35,10 +41,11 @@ declare const _default: import("vue").DefineComponent<{
     activeColor?: string | undefined;
     inactiveColor?: string | undefined;
     renderTitle?: Function | undefined;
-}> & {}, {
+}>, {
     dot: boolean;
     disabled: boolean;
     isActive: boolean;
     scrollable: boolean;
+    showZeroBadge: boolean;
 }>;
 export default _default;

package/es/tabs/TabsTitle.js

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent } from 'vue';
-import { createNamespace, isDef } from '../utils';
+import { createNamespace, isDef, truthProp } from '../utils';
 import { Badge } from '../badge';
 var [name, bem] = createNamespace('tab');
 export default defineComponent({
@@ -16,7 +16,8 @@ export default defineComponent({
     scrollable: Boolean,
     activeColor: String,
     renderTitle: Function,
-    inactiveColor: String
+    inactiveColor: String,
+    showZeroBadge: truthProp
   },
 
   setup(props) {
@@ -63,7 +64,8 @@ export default defineComponent({
       if (props.dot || isDef(props.badge) && props.badge !== '') {
         return _createVNode(Badge, {
           "dot": props.dot,
-          "content": props.badge
+          "content": props.badge,
+          "showZero": props.showZeroBadge
         }, {
           default: () => [Text]
         });

package/es/tabs/index.d.ts

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

package/es/tabs/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tabs from './Tabs';
-var Tabs = withInstall(_Tabs);
-export default Tabs;
-export { Tabs };
+export var Tabs = withInstall(_Tabs);
+export default Tabs;

package/es/tabs/utils.js

@@ -1,8 +1,6 @@
-import { raf, cancelRaf } from '@vant/use';
+import { raf } from '@vant/use';
 import { getScrollTop, setScrollTop } from '../utils';
-var rafId;
 export function scrollLeftTo(scroller, to, duration) {
-  cancelRaf(rafId);
   var count = 0;
   var from = scroller.scrollLeft;
   var frames = duration === 0 ? 1 : Math.round(duration * 1000 / 16);
@@ -11,7 +9,7 @@ export function scrollLeftTo(scroller, to, duration) {
     scroller.scrollLeft += (to - from) / frames;
 
     if (++count < frames) {
-      rafId = raf(animate);
+      raf(animate);
     }
   }
 

package/es/tag/index.d.ts

@@ -1,4 +1,4 @@
-declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<{
     size: StringConstructor;
     mark: BooleanConstructor;
     show: {
@@ -46,4 +46,3 @@ declare const Tag: import("../utils").WithInstall<import("vue").DefineComponent<
     closeable: boolean;
 }>>;
 export default Tag;
-export { Tag };

package/es/tag/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Tag from './Tag';
-var Tag = withInstall(_Tag);
-export default Tag;
-export { Tag };
+export var Tag = withInstall(_Tag);
+export default Tag;

package/es/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/es/toast/Toast.js

@@ -6,7 +6,8 @@ import { lockClick } from './lock-click'; // Components
 
 import { Icon } from '../icon';
 import { Popup } from '../popup';
-import { Loading } from '../loading';
+import { Loading } from '../loading'; // Types
+
 var [name, bem] = createNamespace('toast');
 export default defineComponent({
   name,
@@ -66,9 +67,7 @@ export default defineComponent({
       }
     };
 
-    var clearTimer = () => {
-      clearTimeout(timer);
-    };
+    var clearTimer = () => clearTimeout(timer);
 
     var renderIcon = () => {
       var {

package/es/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/es/toast/function-call.js

@@ -124,7 +124,9 @@ Toast.clear = all => {
     } else if (!allowMultiple) {
       queue[0].clear();
     } else {
-      queue.shift().clear();
+      var _queue$shift;
+
+      (_queue$shift = queue.shift()) == null ? void 0 : _queue$shift.clear();
     }
   }
 };

package/es/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/es/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/es/toast/types.js

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

package/es/tree-select/index.css

@@ -1 +1 @@
-:root{--van-tree-select-font-size:var(--van-font-size-md);--van-tree-select-nav-background-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-white);--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-danger-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);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background-color:var(--van-tree-select-nav-background-color);-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-color:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);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:-var(--van-padding-xs);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-color:var(--van-background-color);--van-tree-select-content-background-color:var(--van-white);--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-danger-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);-webkit-user-select:none;user-select:none}.van-tree-select__nav{flex:1;overflow-y:auto;background-color:var(--van-tree-select-nav-background-color);-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-color:var(--van-tree-select-content-background-color);-webkit-overflow-scrolling:touch}.van-tree-select__item{position:relative;padding:0 32px 0 var(--van-padding-md);font-weight:var(--van-font-weight-bold);line-height:var(--van-tree-select-item-height);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

@@ -1,4 +1,4 @@
-declare const TreeSelect: import("../utils").WithInstall<import("vue").DefineComponent<{
+export declare const TreeSelect: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -51,5 +51,4 @@ declare const TreeSelect: import("../utils").WithInstall<import("vue").DefineCom
     mainActiveIndex: string | number;
 }>>;
 export default TreeSelect;
-export { TreeSelect };
 export type { TreeSelectItem, TreeSelectChild } from './TreeSelect';

package/es/tree-select/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _TreeSelect from './TreeSelect';
-var TreeSelect = withInstall(_TreeSelect);
-export default TreeSelect;
-export { TreeSelect };
+export var TreeSelect = withInstall(_TreeSelect);
+export default TreeSelect;

package/es/tree-select/index.less

@@ -64,7 +64,7 @@
     position: absolute;
     top: 50%;
     right: var(--van-padding-md);
-    margin-top: -var(--van-padding-xs);
+    margin-top: calc(var(--van-padding-xs) * -1);
     font-size: var(--van-tree-select-item-selected-size);
   }
 }

package/es/uploader/Uploader.d.ts

@@ -151,6 +151,7 @@ declare const _default: import("vue").DefineComponent<{
     uploadIcon?: unknown;
 } & {
     name: string | number;
+    accept: string;
     disabled: boolean;
     readonly: boolean;
     modelValue: UploaderFileListItem[];
@@ -160,16 +161,15 @@ declare const _default: import("vue").DefineComponent<{
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
-    accept: string;
     maxSize: UploaderMaxSize;
     maxCount: string | number;
     imageFit: ImageFit;
     resultType: UploaderResultType;
     uploadIcon: string;
 } & {
+    capture?: string | undefined;
     beforeRead?: UploaderBeforeRead | undefined;
     afterRead?: UploaderAfterRead | undefined;
-    capture?: string | undefined;
     uploadText?: string | undefined;
     beforeDelete?: Interceptor | undefined;
     previewSize?: string | number | undefined;
@@ -183,6 +183,7 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-preview"?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
+    accept: string;
     disabled: boolean;
     readonly: boolean;
     modelValue: UploaderFileListItem[];
@@ -192,7 +193,6 @@ declare const _default: import("vue").DefineComponent<{
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
-    accept: string;
     maxSize: UploaderMaxSize;
     maxCount: string | number;
     imageFit: ImageFit;

package/es/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:-2px;right:-2px;color:#fff;color:var(--van-uploader-delete-color);font-size:16px;transform:scale(.5)}.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/es/uploader/index.d.ts

@@ -1,4 +1,5 @@
-declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
+import { UploaderProps } from './Uploader';
+export declare const Uploader: import("../utils").WithInstall<import("vue").DefineComponent<{
     capture: StringConstructor;
     multiple: BooleanConstructor;
     disabled: BooleanConstructor;
@@ -84,6 +85,7 @@ declare const Uploader: import("../utils").WithInstall<import("vue").DefineCompo
     uploadIcon?: unknown;
 } & {
     name: string | number;
+    accept: string;
     disabled: boolean;
     readonly: boolean;
     modelValue: import("./types").UploaderFileListItem[];
@@ -93,16 +95,15 @@ declare const Uploader: import("../utils").WithInstall<import("vue").DefineCompo
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
-    accept: string;
     maxSize: import("./types").UploaderMaxSize;
     maxCount: string | number;
     imageFit: import("..").ImageFit;
     resultType: import("./types").UploaderResultType;
     uploadIcon: string;
 } & {
+    capture?: string | undefined;
     beforeRead?: import("./types").UploaderBeforeRead | undefined;
     afterRead?: import("./types").UploaderAfterRead | undefined;
-    capture?: string | undefined;
     uploadText?: string | undefined;
     beforeDelete?: import("../utils").Interceptor | undefined;
     previewSize?: string | number | undefined;
@@ -116,6 +117,7 @@ declare const Uploader: import("../utils").WithInstall<import("vue").DefineCompo
     "onClick-preview"?: ((...args: any[]) => any) | undefined;
 }, {
     name: string | number;
+    accept: string;
     disabled: boolean;
     readonly: boolean;
     modelValue: import("./types").UploaderFileListItem[];
@@ -125,7 +127,6 @@ declare const Uploader: import("../utils").WithInstall<import("vue").DefineCompo
     showUpload: boolean;
     previewImage: boolean;
     previewFullImage: boolean;
-    accept: string;
     maxSize: import("./types").UploaderMaxSize;
     maxCount: string | number;
     imageFit: import("..").ImageFit;
@@ -133,5 +134,5 @@ declare const Uploader: import("../utils").WithInstall<import("vue").DefineCompo
     uploadIcon: string;
 }>>;
 export default Uploader;
-export { Uploader };
+export type { UploaderProps };
 export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';

package/es/uploader/index.js

@@ -1,5 +1,4 @@
 import { withInstall } from '../utils';
 import _Uploader from './Uploader';
-var Uploader = withInstall(_Uploader);
-export default Uploader;
-export { Uploader };
+export var Uploader = withInstall(_Uploader);
+export default Uploader;

package/es/uploader/index.less

@@ -115,12 +115,11 @@
 
       &-icon {
         position: absolute;
-        top: -2px;
-        right: -2px;
-        color: #fff;
+        top: 0;
+        right: 0;
         color: var(--van-uploader-delete-color);
-        font-size: 16px;
-        transform: scale(0.5);
+        font-size: var(--van-uploader-delete-icon-size);
+        transform: scale(0.7) translate(10%, -10%);
       }
     }
 

package/es/utils/validate.d.ts

@@ -5,5 +5,4 @@ export declare function isPromise<T = any>(val: unknown): val is Promise<T>;
 export declare function isDate(val: unknown): val is Date;
 export declare function isMobile(value: string): boolean;
 export declare function isNumeric(val: string | number): val is string;
-export declare function isAndroid(): boolean;
 export declare function isIOS(): boolean;

package/es/utils/validate.js

@@ -22,9 +22,6 @@ export function isMobile(value) {
 export function isNumeric(val) {
   return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
 }
-export function isAndroid() {
-  return inBrowser ? /android/.test(navigator.userAgent.toLowerCase()) : false;
-}
 export function isIOS() {
   return inBrowser ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
 }

package/es/utils/with-install.d.ts

@@ -9,5 +9,5 @@ declare type EventShim = {
 export declare type WithInstall<T> = T & {
     install(app: App): void;
 } & EventShim;
-export declare function withInstall<T>(options: any): WithInstall<T>;
+export declare function withInstall<T>(options: T): WithInstall<T>;
 export {};

package/es/utils/with-install.js

@@ -1,6 +1,5 @@
 import { camelize } from './format/string'; // https://github.com/youzan/vant/issues/8302
 
-// using any here because tsc will generate some weird results when using generics
 export function withInstall(options) {
   options.install = app => {
     var {

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
     safeAreaInsetBottom?: unknown;
 } & {
     safeAreaInsetBottom: boolean;
-} & {}> & {}, {
+} & {}>, {
     safeAreaInsetBottom: boolean;
 }>;
 export default _default;