vant 3.3.4 → 3.4.0

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;

package/lib/action-sheet/ActionSheet.js

@@ -74,23 +74,35 @@ var _default = (0, _vue.defineComponent)({
       }
     };
 
-    var renderOption = (item, index) => {
+    var renderActionContent = (action, index) => {
+      if (action.loading) {
+        return (0, _vue.createVNode)(_loading.Loading, {
+          "class": bem('loading-icon')
+        }, null);
+      }
+
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+
+      return [(0, _vue.createVNode)("span", {
+        "class": bem('name')
+      }, [action.name]), action.subname && (0, _vue.createVNode)("div", {
+        "class": bem('subname')
+      }, [action.subname])];
+    };
+
+    var renderAction = (action, index) => {
       var {
-        name,
         color,
-        subname,
         loading,
         callback,
         disabled,
         className
-      } = item;
-      var Content = loading ? (0, _vue.createVNode)(_loading.Loading, {
-        "class": bem('loading-icon')
-      }, null) : [(0, _vue.createVNode)("span", {
-        "class": bem('name')
-      }, [name]), subname && (0, _vue.createVNode)("div", {
-        "class": bem('subname')
-      }, [subname])];
+      } = action;
 
       var onClick = () => {
         if (disabled || loading) {
@@ -98,14 +110,14 @@ var _default = (0, _vue.defineComponent)({
         }
 
         if (callback) {
-          callback(item);
+          callback(action);
         }
 
         if (props.closeOnClickAction) {
           updateShow(false);
         }
 
-        (0, _vue.nextTick)(() => emit('select', item, index));
+        (0, _vue.nextTick)(() => emit('select', action, index));
       };
 
       return (0, _vue.createVNode)("button", {
@@ -118,7 +130,7 @@ var _default = (0, _vue.defineComponent)({
           disabled
         }), className],
         "onClick": onClick
-      }, [Content]);
+      }, [renderActionContent(action, index)]);
     };
 
     var renderDescription = () => {
@@ -137,7 +149,7 @@ var _default = (0, _vue.defineComponent)({
     }, (0, _utils.pick)(props, popupInheritKeys)), {
       default: () => [renderHeader(), renderDescription(), (0, _vue.createVNode)("div", {
         "class": bem('content')
-      }, [props.actions.map(renderOption), slots.default == null ? void 0 : slots.default()]), renderCancel()]
+      }, [props.actions.map(renderAction), slots.default == null ? void 0 : slots.default()]), renderCancel()]
     });
   }
 

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

@@ -52,7 +52,7 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
         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;
@@ -120,3 +120,8 @@ export declare const ActionSheet: import("../utils").WithInstall<import("vue").D
 }>>;
 export default ActionSheet;
 export type { ActionSheetProps, ActionSheetAction } from './ActionSheet';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanActionSheet: typeof ActionSheet;
+    }
+}

package/lib/address-edit/AddressEdit.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import { isMobile } from '../utils';
 import { AreaList } from '../area';
 import type { AddressEditInfo, AddressEditSearchItem } from './types';
@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     areaList?: unknown;
     isSaving?: unknown;
     isDeleting?: unknown;

package/lib/address-edit/AddressEditDetail.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 import type { AddressEditSearchItem } from './types';
 import type { FieldRule } from '../field/types';
 declare const _default: import("vue").DefineComponent<{
@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
     maxlength: (NumberConstructor | StringConstructor)[];
     searchResult: PropType<AddressEditSearchItem[]>;
     showSearchResult: BooleanConstructor;
-}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "select-search")[], "input" | "focus" | "blur" | "select-search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "focus" | "blur" | "select-search")[], "input" | "focus" | "blur" | "select-search", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     rows?: unknown;
     value?: unknown;

package/lib/address-edit/index.d.ts

@@ -46,7 +46,7 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<(val: string) => boolean>;
         default: (value: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default")[], "focus" | "select-search" | "save" | "delete" | "click-area" | "change-area" | "change-detail" | "change-default", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     areaList?: unknown;
     isSaving?: unknown;
     isDeleting?: unknown;
@@ -122,3 +122,8 @@ export declare const AddressEdit: import("../utils").WithInstall<import("vue").D
 export default AddressEdit;
 export type { AddressEditProps };
 export type { AddressEditInfo, AddressEditInstance, AddressEditSearchItem, } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanAddressEdit: typeof AddressEdit;
+    }
+}

package/lib/address-list/AddressList.d.ts

@@ -1,4 +1,4 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 import { AddressListAddress } from './AddressListItem';
 declare const addressListProps: {
     list: {
@@ -36,7 +36,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     list?: unknown;
     modelValue?: unknown;
     switchable?: unknown;

package/lib/address-list/AddressListItem.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { type PropType } from 'vue';
 export declare type AddressListAddress = {
     id: number | string;
     tel: number | string;
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     switchable: BooleanConstructor;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "edit")[], "select" | "click" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "click" | "edit")[], "select" | "click" | "edit", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     address?: unknown;
     disabled?: unknown;
     switchable?: unknown;

package/lib/address-list/index.d.ts

@@ -15,7 +15,7 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
     };
     addButtonText: StringConstructor;
     defaultTagText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled")[], "select" | "update:modelValue" | "add" | "edit" | "click-item" | "edit-disabled" | "select-disabled", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     list?: unknown;
     modelValue?: unknown;
     switchable?: unknown;
@@ -48,3 +48,8 @@ export declare const AddressList: import("../utils").WithInstall<import("vue").D
 export default AddressList;
 export type { AddressListProps } from './AddressList';
 export type { AddressListAddress } from './AddressListItem';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanAddressList: typeof AddressList;
+    }
+}

package/lib/area/Area.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { AreaList } from './types';
 declare const areaProps: {
     title: StringConstructor;
@@ -84,7 +84,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<(code: string) => boolean>;
         default: (code: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;

package/lib/area/index.d.ts

@@ -39,7 +39,7 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
         type: import("vue").PropType<(code: string) => boolean>;
         default: (code: string) => boolean;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "cancel" | "confirm")[], "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     title?: unknown;
     loading?: unknown;
     readonly?: unknown;
@@ -92,3 +92,8 @@ export declare const Area: import("../utils").WithInstall<import("vue").DefineCo
 export default Area;
 export type { AreaProps } from './Area';
 export type { AreaList, AreaInstance, AreaColumnOption } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanArea: typeof Area;
+    }
+}

package/lib/badge/Badge.d.ts

@@ -1,4 +1,5 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
+export declare type BadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 declare const badgeProps: {
     dot: BooleanConstructor;
     max: (NumberConstructor | StringConstructor)[];
@@ -13,6 +14,10 @@ declare const badgeProps: {
         type: BooleanConstructor;
         default: true;
     };
+    position: {
+        type: PropType<BadgePosition>;
+        default: BadgePosition;
+    };
 };
 export declare type BadgeProps = ExtractPropTypes<typeof badgeProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -29,7 +34,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
+    position: {
+        type: PropType<BadgePosition>;
+        default: BadgePosition;
+    };
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
     tag?: unknown;
@@ -37,18 +46,21 @@ declare const _default: import("vue").DefineComponent<{
     offset?: unknown;
     content?: unknown;
     showZero?: unknown;
+    position?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: BadgePosition;
 } & {
-    max?: string | number | undefined;
     color?: string | undefined;
+    max?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
     content?: string | number | undefined;
 }>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: BadgePosition;
 }>;
 export default _default;

package/lib/badge/Badge.js

@@ -15,7 +15,8 @@ var badgeProps = {
   color: String,
   offset: Array,
   content: _utils.numericProp,
-  showZero: _utils.truthProp
+  showZero: _utils.truthProp,
+  position: (0, _utils.makeStringProp)('top-right')
 };
 
 var _default = (0, _vue.defineComponent)({
@@ -87,10 +88,10 @@ var _default = (0, _vue.defineComponent)({
     var renderBadge = () => {
       if (hasContent() || props.dot) {
         return (0, _vue.createVNode)("div", {
-          "class": bem({
+          "class": bem([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }),
+          }]),
           "style": style.value
         }, [renderContent()]);
       }

package/lib/badge/index.css

@@ -1 +1 @@
-:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;top:0;right:0;transform:translate(50%,-50%);transform-origin:100%}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}
+:root{--van-badge-size:16px;--van-badge-color:var(--van-white);--van-badge-padding:0 3px;--van-badge-font-size:var(--van-font-size-sm);--van-badge-font-weight:var(--van-font-weight-bold);--van-badge-border-width:var(--van-border-width-base);--van-badge-background-color:var(--van-danger-color);--van-badge-dot-color:var(--van-danger-color);--van-badge-dot-size:8px;--van-badge-font-family:-apple-system-font,Helvetica Neue,Arial,sans-serif}.van-badge{display:inline-block;box-sizing:border-box;min-width:var(--van-badge-size);padding:var(--van-badge-padding);color:var(--van-badge-color);font-weight:var(--van-badge-font-weight);font-size:var(--van-badge-font-size);font-family:var(--van-badge-font-family);line-height:1.2;text-align:center;background:var(--van-badge-background-color);border:var(--van-badge-border-width) solid var(--van-background-color-light);border-radius:var(--van-border-radius-max)}.van-badge--fixed{position:absolute;transform-origin:100%}.van-badge--top-left{top:0;left:0;transform:translate(-50%,-50%)}.van-badge--top-right{top:0;right:0;transform:translate(50%,-50%)}.van-badge--bottom-left{bottom:0;left:0;transform:translate(-50%,50%)}.van-badge--bottom-right{bottom:0;right:0;transform:translate(50%,50%)}.van-badge--dot{width:var(--van-badge-dot-size);min-width:0;height:var(--van-badge-dot-size);background:var(--van-badge-dot-color);border-radius:100%;border:none;padding:0}.van-badge__wrapper{position:relative;display:inline-block}

package/lib/badge/index.d.ts

@@ -12,7 +12,11 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
-}, () => 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<{
+    position: {
+        type: import("vue").PropType<import("./Badge").BadgePosition>;
+        default: import("./Badge").BadgePosition;
+    };
+}, () => JSX.Element | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
     tag?: unknown;
@@ -20,19 +24,27 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     offset?: unknown;
     content?: unknown;
     showZero?: unknown;
+    position?: unknown;
 } & {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: import("./Badge").BadgePosition;
 } & {
-    max?: string | number | undefined;
     color?: string | undefined;
+    max?: string | number | undefined;
     offset?: [string | number, string | number] | undefined;
     content?: string | number | undefined;
 }>, {
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: import("./Badge").BadgePosition;
 }>>;
 export default Badge;
-export type { BadgeProps } from './Badge';
+export type { BadgeProps, BadgePosition } from './Badge';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanBadge: typeof Badge;
+    }
+}

package/lib/badge/index.less

@@ -30,10 +30,31 @@
 
   &--fixed {
     position: absolute;
+    transform-origin: 100%;
+  }
+
+  &--top-left {
+    top: 0;
+    left: 0;
+    transform: translate(-50%, -50%);
+  }
+
+  &--top-right {
     top: 0;
     right: 0;
     transform: translate(50%, -50%);
-    transform-origin: 100%;
+  }
+
+  &--bottom-left {
+    bottom: 0;
+    left: 0;
+    transform: translate(-50%, 50%);
+  }
+
+  &--bottom-right {
+    bottom: 0;
+    right: 0;
+    transform: translate(50%, 50%);
   }
 
   &--dot {