vant 3.3.4 → 3.4.0

package/lib/dropdown-menu/DropdownMenu.d.ts

@@ -1,4 +1,4 @@
-import { InjectionKey, ExtractPropTypes } from 'vue';
+import { type InjectionKey, type ExtractPropTypes } from 'vue';
 import type { DropdownMenuProvide, DropdownMenuDirection } from './types';
 declare const dropdownMenuProps: {
     overlay: {
@@ -49,7 +49,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<{
     overlay?: unknown;
     zIndex?: unknown;
     duration?: unknown;

package/lib/dropdown-menu/index.d.ts

@@ -22,7 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         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<{
     overlay?: unknown;
     zIndex?: unknown;
     duration?: unknown;
@@ -49,3 +49,8 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
 export default DropdownMenu;
 export type { DropdownMenuProps };
 export type { DropdownMenuDirection } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanDropdownMenu: typeof DropdownMenu;
+    }
+}

package/lib/empty/Empty.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const emptyProps: {
     image: {
         type: import("vue").PropType<string>;
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     imageSize: (NumberConstructor | StringConstructor)[];
     description: 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<{
     image?: unknown;
     imageSize?: unknown;
     description?: unknown;

package/lib/empty/index.d.ts

@@ -5,7 +5,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     };
     imageSize: (NumberConstructor | StringConstructor)[];
     description: 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<{
     image?: unknown;
     imageSize?: unknown;
     description?: unknown;
@@ -19,3 +19,8 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
 }>>;
 export default Empty;
 export type { EmptyProps } from './Empty';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanEmpty: typeof Empty;
+    }
+}

package/lib/field/Field.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
@@ -206,7 +206,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
     size?: unknown;
     title?: unknown;

package/lib/field/Field.js

@@ -218,14 +218,14 @@ var _default = (0, _vue.defineComponent)({
         maxlength
       } = props;
 
-      if ((0, _utils.isDef)(maxlength) && value.length > maxlength) {
+      if ((0, _utils.isDef)(maxlength) && (0, _utils2.getStringLength)(value) > maxlength) {
         var modelValue = getModelValue();
 
-        if (modelValue && modelValue.length === +maxlength) {
+        if (modelValue && (0, _utils2.getStringLength)(modelValue) === +maxlength) {
           return modelValue;
         }
 
-        return value.slice(0, +maxlength);
+        return (0, _utils2.cutString)(value, +maxlength);
       }
 
       return value;
@@ -432,7 +432,7 @@ var _default = (0, _vue.defineComponent)({
 
     var renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
-        var count = getModelValue().length;
+        var count = (0, _utils2.getStringLength)(getModelValue());
         return (0, _vue.createVNode)("div", {
           "class": bem('word-limit')
         }, [(0, _vue.createVNode)("span", {

package/lib/field/index.d.ts

@@ -80,7 +80,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     icon?: unknown;
     size?: unknown;
     title?: unknown;
@@ -202,3 +202,8 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 export default Field;
 export type { FieldProps };
 export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FiledRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanField: typeof Field;
+    }
+}

package/lib/field/types.d.ts

@@ -1,6 +1,6 @@
 import type { ComputedRef, ComponentPublicInstance } from 'vue';
 import type { FieldProps } from './Field';
-export declare type FieldType = 'tel' | 'text' | 'digit' | 'number' | 'search' | 'password' | 'textarea';
+export declare type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
 export declare type FieldTextAlign = 'left' | 'center' | 'right';
 export declare type FieldClearTrigger = 'always' | 'focus';
 export declare type FieldFormatTrigger = 'onBlur' | 'onChange';

package/lib/field/utils.d.ts

@@ -10,3 +10,5 @@ export declare function mapInputType(type: FieldType): {
     type: InputHTMLAttributes['type'];
     inputmode?: HTMLAttributes['inputmode'];
 };
+export declare function getStringLength(str: string): number;
+export declare function cutString(str: string, maxlength: number): string;

package/lib/field/utils.js

@@ -1,8 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
+exports.cutString = cutString;
 exports.endComposing = endComposing;
 exports.getRuleMessage = getRuleMessage;
+exports.getStringLength = getStringLength;
 exports.mapInputType = mapInputType;
 exports.resizeTextarea = resizeTextarea;
 exports.runRuleValidator = runRuleValidator;
@@ -124,4 +126,15 @@ function mapInputType(type) {
   return {
     type
   };
+} // get correct length of emoji
+// https://github.com/youzan/vant/issues/10032
+
+
+function getStringLength(str) {
+  return [...str].length;
+} // cut string with emoji
+
+
+function cutString(str, maxlength) {
+  return [...str].slice(0, maxlength).join('');
 }

package/lib/form/Form.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { FieldTextAlign, FieldValidateTrigger } from '../field/types';
 declare const formProps: {
     colon: BooleanConstructor;
@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     errorMessageAlign: PropType<FieldTextAlign>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
     readonly?: unknown;

package/lib/form/index.d.ts

@@ -22,7 +22,7 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
         default: true;
     };
     errorMessageAlign: import("vue").PropType<import("..").FieldTextAlign>;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "failed")[], "submit" | "failed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     colon?: unknown;
     disabled?: unknown;
     readonly?: unknown;
@@ -68,3 +68,8 @@ export declare const Form: import("../utils").WithInstall<import("vue").DefineCo
 export default Form;
 export type { FormProps };
 export type { FormInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanForm: typeof Form;
+    }
+}

package/lib/grid/Grid.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes, InjectionKey } from 'vue';
+import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
 export declare type GridDirection = 'horizontal' | 'vertical';
 declare const gridProps: {
     square: BooleanConstructor;
@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => 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<{
     square?: unknown;
     center?: unknown;
     border?: unknown;

package/lib/grid/index.d.ts

@@ -17,7 +17,7 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => 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<{
     square?: unknown;
     center?: unknown;
     border?: unknown;
@@ -48,3 +48,8 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
 }>>;
 export default Grid;
 export type { GridProps, GridDirection } from './Grid';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanGrid: typeof Grid;
+    }
+}

package/lib/grid-item/GridItem.d.ts

@@ -1,6 +1,6 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const gridItemProps: {
-    to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;
 } & {
@@ -10,10 +10,30 @@ declare const gridItemProps: {
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
+    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;
+    }>>;
 };
 export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
 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,7 +43,27 @@ declare const _default: import("vue").DefineComponent<{
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    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;
+    }>>;
+}, (() => JSX.Element) | undefined, 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;
@@ -33,16 +73,37 @@ declare const _default: import("vue").DefineComponent<{
     badge?: unknown;
     iconColor?: unknown;
     iconPrefix?: unknown;
+    badgeProps?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     badge?: string | number | 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;
     iconColor?: string | undefined;
 }>, {
     replace: boolean;

package/lib/grid-item/GridItem.js

@@ -27,7 +27,8 @@ var gridItemProps = (0, _utils.extend)({}, _useRoute.routeProps, {
   icon: String,
   badge: _utils.numericProp,
   iconColor: String,
-  iconPrefix: String
+  iconPrefix: String,
+  badgeProps: Object
 });
 
 var _default = (0, _vue.defineComponent)({
@@ -94,10 +95,10 @@ var _default = (0, _vue.defineComponent)({
 
     var renderIcon = () => {
       if (slots.icon) {
-        return (0, _vue.createVNode)(_badge.Badge, {
+        return (0, _vue.createVNode)(_badge.Badge, (0, _vue.mergeProps)({
           "dot": props.dot,
           "content": props.badge
-        }, {
+        }, props.badgeProps), {
           default: slots.icon
         });
       }
@@ -109,8 +110,9 @@ var _default = (0, _vue.defineComponent)({
           "size": parent.props.iconSize,
           "badge": props.badge,
           "class": bem('icon'),
-          "classPrefix": props.iconPrefix,
-          "color": props.iconColor
+          "color": props.iconColor,
+          "badgeProps": props.badgeProps,
+          "classPrefix": props.iconPrefix
         }, null);
       }
     };

package/lib/grid-item/index.d.ts

@@ -9,7 +9,27 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     badge: (NumberConstructor | StringConstructor)[];
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    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;
+    }>>;
+}, (() => JSX.Element) | undefined, 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;
@@ -19,16 +39,37 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     badge?: unknown;
     iconColor?: unknown;
     iconPrefix?: unknown;
+    badgeProps?: unknown;
 } & {
     replace: boolean;
     dot: boolean;
 } & {
-    text?: string | undefined;
     url?: string | undefined;
+    text?: string | undefined;
     to?: import("vue-router").RouteLocationRaw | undefined;
     badge?: string | number | 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;
     iconColor?: string | undefined;
 }>, {
     replace: boolean;
@@ -36,3 +77,8 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
 }>>;
 export default GridItem;
 export type { GridItemProps } from './GridItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanGridItem: typeof GridItem;
+    }
+}

package/lib/icon/Icon.d.ts

@@ -1,44 +1,105 @@
-import { ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 declare const iconProps: {
     dot: BooleanConstructor;
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
+    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;
+    }>>;
     classPrefix: StringConstructor;
 };
 export declare type IconProps = ExtractPropTypes<typeof iconProps>;
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     tag: {
-        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        type: PropType<keyof HTMLElementTagNameMap>;
         default: keyof HTMLElementTagNameMap;
     };
     name: StringConstructor;
     size: (NumberConstructor | StringConstructor)[];
     badge: (NumberConstructor | StringConstructor)[];
     color: StringConstructor;
+    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;
+    }>>;
     classPrefix: 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<{
     dot?: unknown;
     tag?: unknown;
     name?: unknown;
     size?: unknown;
     badge?: unknown;
     color?: unknown;
+    badgeProps?: unknown;
     classPrefix?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
 } & {
+    color?: string | undefined;
     name?: string | undefined;
     badge?: string | number | undefined;
-    color?: string | undefined;
     size?: string | number | 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;
     classPrefix?: string | undefined;
 }>, {
     dot: boolean;

package/lib/icon/Icon.js

@@ -22,6 +22,7 @@ var iconProps = {
   size: _utils.numericProp,
   badge: _utils.numericProp,
   color: String,
+  badgeProps: Object,
   classPrefix: String
 };
 
@@ -45,16 +46,16 @@ var _default = (0, _vue.defineComponent)({
         color
       } = props;
       var isImageIcon = isImage(name);
-      return (0, _vue.createVNode)(_badge.Badge, {
+      return (0, _vue.createVNode)(_badge.Badge, (0, _vue.mergeProps)({
         "dot": dot,
         "tag": tag,
-        "content": badge,
         "class": [classPrefix.value, isImageIcon ? '' : classPrefix.value + "-" + name],
         "style": {
           color,
           fontSize: (0, _utils.addUnit)(size)
-        }
-      }, {
+        },
+        "content": badge
+      }, props.badgeProps), {
         default: () => [slots.default == null ? void 0 : slots.default(), isImageIcon && (0, _vue.createVNode)("img", {
           "class": bem('image'),
           "src": name