vant 3.3.7 → 3.4.0

package/es/tabs/index.less

@@ -38,6 +38,35 @@
     cursor: not-allowed;
   }
 
+  &--grow {
+    flex: 1 0 auto;
+    padding: 0 var(--van-padding-sm);
+  }
+
+  &--shrink {
+    flex: none;
+    padding: 0 var(--van-padding-xs);
+  }
+
+  &--card {
+    color: var(--van-tabs-default-color);
+    border-right: var(--van-border-width-base) solid
+      var(--van-tabs-default-color);
+
+    &:last-child {
+      border-right: none;
+    }
+
+    &.van-tab--active {
+      color: var(--van-white);
+      background-color: var(--van-tabs-default-color);
+    }
+
+    &--disabled {
+      color: var(--van-tab-disabled-text-color);
+    }
+  }
+
   &__text {
     &--ellipsis {
       display: -webkit-box;
@@ -62,23 +91,6 @@
       top: auto;
       bottom: 0;
     }
-
-    &--scrollable {
-      .van-tab {
-        flex: 1 0 auto;
-        padding: 0 var(--van-padding-sm);
-      }
-
-      .van-tabs__nav {
-        overflow-x: auto;
-        overflow-y: hidden;
-        -webkit-overflow-scrolling: touch;
-
-        &::-webkit-scrollbar {
-          display: none;
-        }
-      }
-    }
   }
 
   &__nav {
@@ -87,12 +99,23 @@
     background: var(--van-tabs-nav-background-color);
     user-select: none;
 
+    &--complete {
+      overflow-x: auto;
+      overflow-y: hidden;
+      -webkit-overflow-scrolling: touch;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
     &--line {
       box-sizing: content-box;
       height: 100%;
       padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
     }
 
+    &--line&--shrink,
     &--line&--complete {
       padding-right: var(--van-padding-xs);
       padding-left: var(--van-padding-xs);
@@ -104,25 +127,10 @@
       margin: 0 var(--van-padding-md);
       border: var(--van-border-width-base) solid var(--van-tabs-default-color);
       border-radius: var(--van-border-radius-sm);
+    }
 
-      .van-tab {
-        color: var(--van-tabs-default-color);
-        border-right: var(--van-border-width-base) solid
-          var(--van-tabs-default-color);
-
-        &:last-child {
-          border-right: none;
-        }
-
-        &.van-tab--active {
-          color: var(--van-white);
-          background-color: var(--van-tabs-default-color);
-        }
-
-        &--disabled {
-          color: var(--van-tab-disabled-text-color);
-        }
-      }
+    &--card&--shrink {
+      display: inline-flex;
     }
   }
 

package/es/tag/Tag.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+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: {
@@ -35,7 +35,7 @@ declare const _default: import("vue").DefineComponent<{
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;
     mark?: unknown;
     show?: unknown;

package/es/tag/index.d.ts

@@ -14,7 +14,7 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
     round: BooleanConstructor;
     textColor: StringConstructor;
     closeable: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     size?: unknown;
     mark?: unknown;
     show?: unknown;
@@ -47,3 +47,8 @@ export declare const Tag: import("../utils").WithInstall<import("vue").DefineCom
 }>>;
 export default Tag;
 export type { TagSize, TagType, TagProps } from './Tag';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTag: typeof Tag;
+    }
+}

package/es/toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import { PropType, CSSProperties, ExtractPropTypes } from 'vue';
+import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
 import { LoadingType } from '../loading';
 import type { ToastType, ToastPosition } from './types';
 declare const toastProps: {
@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<{
     overlayStyle: PropType<CSSProperties>;
     closeOnClick: BooleanConstructor;
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
     show?: unknown;
     type?: unknown;

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

@@ -1,5 +1,5 @@
-import { App } from 'vue';
-import { ComponentInstance } from '../utils';
+import { type App } from 'vue';
+import { type ComponentInstance } from '../utils';
 import type { ToastType, ToastOptions } from './types';
 declare function Toast(options?: string | ToastOptions): ComponentInstance;
 declare namespace Toast {

package/es/toast/function-call.js

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, getCurrentInstance, watch } from 'vue';
+import { ref, watch, getCurrentInstance } from 'vue';
 import { extend, isObject, inBrowser, withInstall } from '../utils';
 import { mountComponent, usePopupState } from '../utils/mount-component';
 import VanToast from './Toast';

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

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type TreeSelectChild = {
     id: number | string;
     text: string;
@@ -64,7 +64,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     max?: unknown;
     items?: unknown;
     height?: unknown;

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-background-color-light);--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: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: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)}
+: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-background-color-light);--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)}.van-tree-select__nav{flex:1;overflow-y:auto;background: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: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);-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

@@ -23,7 +23,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string | number | (string | number)[]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex")[], "click-item" | "click-nav" | "update:activeId" | "update:mainActiveIndex", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     max?: unknown;
     items?: unknown;
     height?: unknown;
@@ -52,3 +52,8 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
 }>>;
 export default TreeSelect;
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanTreeSelect: typeof TreeSelect;
+    }
+}

package/es/tree-select/index.less

@@ -15,7 +15,6 @@
   position: relative;
   display: flex;
   font-size: var(--van-tree-select-font-size);
-  user-select: none;
 
   &__nav {
     flex: 1;
@@ -40,6 +39,7 @@
     padding: 0 32px 0 var(--van-padding-md);
     font-weight: var(--van-font-weight-bold);
     line-height: var(--van-tree-select-item-height);
+    user-select: none;
     cursor: pointer;
 
     &--active {

package/es/uploader/Uploader.d.ts

@@ -1,6 +1,6 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { Interceptor } from '../utils';
-import { ImagePreviewOptions } from '../image-preview';
+import { type ImagePreviewOptions } from '../image-preview';
 import type { ImageFit } from '../image';
 import type { UploaderMaxSize, UploaderAfterRead, UploaderBeforeRead, UploaderResultType, UploaderFileListItem } from './types';
 declare const uploaderProps: {
@@ -125,7 +125,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     accept?: unknown;
     capture?: unknown;

package/es/uploader/UploaderPreviewItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import { Interceptor } from '../utils';
 import { ImageFit } from '../image';
 import type { UploaderFileListItem } from './types';
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     deletable: BooleanConstructor;
     previewSize: (NumberConstructor | StringConstructor)[];
     beforeDelete: PropType<Interceptor>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("delete" | "preview")[], "delete" | "preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     item?: unknown;
     index?: unknown;

package/es/uploader/index.d.ts

@@ -59,7 +59,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
         type: import("vue").PropType<import("./types").UploaderMaxSize>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview")[], "update:modelValue" | "delete" | "oversize" | "click-upload" | "close-preview" | "click-preview", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     name?: unknown;
     accept?: unknown;
     capture?: unknown;
@@ -136,3 +136,8 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
 export default Uploader;
 export type { UploaderProps };
 export type { UploaderInstance, UploaderResultType, UploaderFileListItem, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanUploader: typeof Uploader;
+    }
+}

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

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 export declare const ACTION_BAR_KEY: unique symbol;
 declare const actionBarProps: {
     safeAreaInsetBottom: {
@@ -12,7 +12,7 @@ declare const _default: import("vue").DefineComponent<{
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     safeAreaInsetBottom?: unknown;
 } & {
     safeAreaInsetBottom: boolean;

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

@@ -3,7 +3,7 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
         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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     safeAreaInsetBottom?: unknown;
 } & {
     safeAreaInsetBottom: boolean;
@@ -12,3 +12,8 @@ export declare const ActionBar: import("../utils").WithInstall<import("vue").Def
 }>>;
 export default ActionBar;
 export type { ActionBarProps } from './ActionBar';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanActionBar: typeof ActionBar;
+    }
+}

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

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { ButtonType } from '../button';
 declare const actionBarButtonProps: {
     to: PropType<import("vue-router").RouteLocationRaw>;
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -39,11 +39,11 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     loading: boolean;
 } & {
+    url?: string | undefined;
     text?: string | undefined;
+    color?: string | undefined;
     type?: ButtonType | undefined;
-    url?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
-    color?: string | undefined;
     icon?: string | undefined;
 }>, {
     replace: boolean;

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

@@ -9,7 +9,7 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     color: StringConstructor;
     loading: BooleanConstructor;
     disabled: BooleanConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -24,11 +24,11 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
     disabled: boolean;
     loading: boolean;
 } & {
+    url?: string | undefined;
     text?: string | undefined;
+    color?: string | undefined;
     type?: import("..").ButtonType | undefined;
-    url?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
-    color?: string | undefined;
     icon?: string | undefined;
 }>, {
     replace: boolean;
@@ -37,3 +37,8 @@ export declare const ActionBarButton: import("../utils").WithInstall<import("vue
 }>>;
 export default ActionBarButton;
 export type { ActionBarButtonProps } from './ActionBarButton';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanActionBarButton: typeof ActionBarButton;
+    }
+}

package/lib/action-bar-icon/ActionBarIcon.d.ts

@@ -1,6 +1,6 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const actionBarIconProps: {
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -9,12 +9,32 @@ declare const actionBarIconProps: {
     icon: StringConstructor;
     color: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconClass: import("vue").PropType<unknown>;
+    iconClass: PropType<unknown>;
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
 };
 export declare type ActionBarIconProps = ExtractPropTypes<typeof actionBarIconProps>;
 declare const _default: import("vue").DefineComponent<{
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -23,9 +43,29 @@ declare const _default: import("vue").DefineComponent<{
     icon: StringConstructor;
     color: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
-    iconClass: import("vue").PropType<unknown>;
+    iconClass: PropType<unknown>;
+    badgeProps: PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -35,18 +75,39 @@ declare const _default: import("vue").DefineComponent<{
     color?: unknown;
     badge?: unknown;
     iconClass?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
+    color?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     badge?: string | number | undefined;
-    color?: string | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("../badge").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
     iconClass?: unknown;
 }>, {
     replace: boolean;

package/lib/action-bar-icon/ActionBarIcon.js

@@ -27,6 +27,7 @@ var actionBarIconProps = (0, _utils.extend)({}, _useRoute.routeProps, {
   color: String,
   badge: _utils.numericProp,
   iconClass: _utils.unknownProp,
+  badgeProps: Object,
   iconPrefix: String
 });
 
@@ -48,15 +49,16 @@ var _default = (0, _vue.defineComponent)({
         icon,
         color,
         iconClass,
+        badgeProps,
         iconPrefix
       } = props;
 
       if (slots.icon) {
-        return (0, _vue.createVNode)(_badge.Badge, {
+        return (0, _vue.createVNode)(_badge.Badge, (0, _vue.mergeProps)({
           "dot": dot,
-          "content": badge,
-          "class": bem('icon')
-        }, {
+          "class": bem('icon'),
+          "content": badge
+        }, badgeProps), {
           default: slots.icon
         });
       }
@@ -68,6 +70,7 @@ var _default = (0, _vue.defineComponent)({
         "badge": badge,
         "color": color,
         "class": [bem('icon'), iconClass],
+        "badgeProps": badgeProps,
         "classPrefix": iconPrefix
       }, null);
     };

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

@@ -9,8 +9,28 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     color: StringConstructor;
     badge: (NumberConstructor | StringConstructor)[];
     iconClass: import("vue").PropType<unknown>;
+    badgeProps: import("vue").PropType<Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }>>;
     iconPrefix: StringConstructor;
-}, () => 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<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     to?: unknown;
     url?: unknown;
     replace?: unknown;
@@ -20,18 +40,39 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
     color?: unknown;
     badge?: unknown;
     iconClass?: unknown;
+    badgeProps?: unknown;
     iconPrefix?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
+    color?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     badge?: string | number | undefined;
-    color?: string | undefined;
     iconPrefix?: string | undefined;
     icon?: string | undefined;
+    badgeProps?: Partial<{
+        dot?: unknown;
+        max?: unknown;
+        tag?: unknown;
+        color?: unknown;
+        offset?: unknown;
+        content?: unknown;
+        showZero?: unknown;
+        position?: unknown;
+    } & {
+        dot: boolean;
+        tag: keyof HTMLElementTagNameMap;
+        showZero: boolean;
+        position: import("..").BadgePosition;
+    } & {
+        color?: string | undefined;
+        max?: string | number | undefined;
+        offset?: [string | number, string | number] | undefined;
+        content?: string | number | undefined;
+    }> | undefined;
     iconClass?: unknown;
 }>, {
     replace: boolean;
@@ -39,3 +80,8 @@ export declare const ActionBarIcon: import("../utils").WithInstall<import("vue")
 }>>;
 export default ActionBarIcon;
 export type { ActionBarIconProps } from './ActionBarIcon';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanActionBarIcon: typeof ActionBarIcon;
+    }
+}

package/lib/action-sheet/ActionSheet.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 export declare type ActionSheetAction = {
     name?: string;
     color?: string;
@@ -118,7 +118,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:show" | "cancel")[], "select" | "update:show" | "cancel", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;