vant 3.3.6 → 3.3.7

package/es/badge/Badge.d.ts

@@ -1,4 +1,5 @@
 import { PropType, 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,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
@@ -37,10 +46,12 @@ 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;
@@ -50,5 +61,6 @@ declare const _default: import("vue").DefineComponent<{
     dot: boolean;
     tag: keyof HTMLElementTagNameMap;
     showZero: boolean;
+    position: BadgePosition;
 }>;
 export default _default;

package/es/badge/Badge.js

@@ -9,7 +9,8 @@ var badgeProps = {
   color: String,
   offset: Array,
   content: numericProp,
-  showZero: truthProp
+  showZero: truthProp,
+  position: makeStringProp('top-right')
 };
 export default defineComponent({
   name,
@@ -80,10 +81,10 @@ export default defineComponent({
     var renderBadge = () => {
       if (hasContent() || props.dot) {
         return _createVNode("div", {
-          "class": bem({
+          "class": bem([props.position, {
             dot: props.dot,
             fixed: !!slots.default
-          }),
+          }]),
           "style": style.value
         }, [renderContent()]);
       }

package/es/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/es/badge/index.d.ts

@@ -12,6 +12,10 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
@@ -20,10 +24,12 @@ 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;
@@ -33,6 +39,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     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';

package/es/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 {

package/es/calendar/Calendar.d.ts

@@ -203,13 +203,13 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek?: unknown;
 } & {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -242,13 +242,13 @@ declare const _default: import("vue").DefineComponent<{
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;

package/es/calendar/index.d.ts

@@ -114,13 +114,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     firstDayOfWeek?: unknown;
 } & {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -153,13 +153,13 @@ export declare const Calendar: import("../utils").WithInstall<import("vue").Defi
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").CalendarType;
+    position: import("..").PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: import("..").PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;

package/es/datetime-picker/DatePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from '../utils';
-import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys } from './utils'; // Composables
+import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys, proxyPickerMethods } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -281,7 +281,7 @@ export default defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => _createVNode(Picker, _mergeProps({
       "ref": picker,

package/es/datetime-picker/TimePicker.js

@@ -2,7 +2,7 @@ import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirectiv
 import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
 
 import { pick, clamp, extend, padZero, createNamespace, makeNumericProp } from '../utils';
-import { times, sharedProps, pickerInheritKeys } from './utils'; // Composables
+import { times, sharedProps, pickerInheritKeys, proxyPickerMethods } from './utils'; // Composables
 
 import { useExpose } from '../composables/use-expose'; // Components
 
@@ -121,7 +121,7 @@ export default defineComponent({
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => _createVNode(Picker, _mergeProps({
       "ref": picker,

package/es/datetime-picker/utils.d.ts

@@ -1,4 +1,5 @@
 import { PropType } from 'vue';
+import type { PickerInstance } from '../picker';
 import type { DatetimePickerColumnType } from './types';
 export declare const sharedProps: {
     title: StringConstructor;
@@ -35,3 +36,4 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare function getTrueValue(value: string | undefined): number;
 export declare const getMonthEndDay: (year: number, month: number) => number;
+export declare const proxyPickerMethods: (picker: PickerInstance, callback: () => void) => PickerInstance;

package/es/datetime-picker/utils.js

@@ -34,4 +34,20 @@ export function getTrueValue(value) {
 
   return parseInt(value, 10);
 }
-export var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+export var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate(); // https://github.com/youzan/vant/issues/10013
+
+export var proxyPickerMethods = (picker, callback) => {
+  var methods = ['setValues', 'setIndexes', 'setColumnIndex', 'setColumnValue'];
+  return new Proxy(picker, {
+    get: (target, prop) => {
+      if (methods.includes(prop)) {
+        return function () {
+          target[prop](...arguments);
+          callback();
+        };
+      }
+
+      return target[prop];
+    }
+  });
+};

package/es/field/Field.js

@@ -2,7 +2,7 @@ import { resolveDirective as _resolveDirective, createTextVNode as _createTextVN
 import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineComponent } from 'vue'; // Utils
 
 import { isDef, extend, addUnit, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from '../utils';
-import { runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, runRuleValidator } from './utils';
+import { cutString, runSyncRule, endComposing, mapInputType, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from './utils';
 import { cellSharedProps } from '../cell/Cell'; // Composables
 
 import { CUSTOM_FIELD_INJECTION_KEY, useParent } from '@vant/use';
@@ -204,14 +204,14 @@ export default defineComponent({
         maxlength
       } = props;
 
-      if (isDef(maxlength) && value.length > maxlength) {
+      if (isDef(maxlength) && getStringLength(value) > maxlength) {
         var modelValue = getModelValue();
 
-        if (modelValue && modelValue.length === +maxlength) {
+        if (modelValue && getStringLength(modelValue) === +maxlength) {
           return modelValue;
         }
 
-        return value.slice(0, +maxlength);
+        return cutString(value, +maxlength);
       }
 
       return value;
@@ -418,7 +418,7 @@ export default defineComponent({
 
     var renderWordLimit = () => {
       if (props.showWordLimit && props.maxlength) {
-        var count = getModelValue().length;
+        var count = getStringLength(getModelValue());
         return _createVNode("div", {
           "class": bem('word-limit')
         }, [_createVNode("span", {

package/es/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/es/field/utils.js

@@ -107,4 +107,13 @@ export function mapInputType(type) {
   return {
     type
   };
+} // get correct length of emoji
+// https://github.com/youzan/vant/issues/10032
+
+export function getStringLength(str) {
+  return [...str].length;
+} // cut string with emoji
+
+export function cutString(str, maxlength) {
+  return [...str].slice(0, maxlength).join('');
 }

package/es/index.d.ts

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

package/es/index.js

@@ -84,7 +84,7 @@ import { Tag } from './tag';
 import { Toast } from './toast';
 import { TreeSelect } from './tree-select';
 import { Uploader } from './uploader';
-var version = '3.3.6';
+var version = '3.3.7';
 
 function install(app) {
   var components = [ActionBar, ActionBarButton, ActionBarIcon, ActionSheet, AddressEdit, AddressList, Area, Badge, Button, Calendar, Card, Cascader, Cell, CellGroup, Checkbox, CheckboxGroup, Circle, Col, Collapse, CollapseItem, ConfigProvider, ContactCard, ContactEdit, ContactList, CountDown, Coupon, CouponCell, CouponList, DatetimePicker, Dialog, Divider, DropdownItem, DropdownMenu, Empty, Field, Form, Grid, GridItem, Icon, Image, ImagePreview, IndexAnchor, IndexBar, List, Loading, Locale, NavBar, NoticeBar, Notify, NumberKeyboard, Overlay, Pagination, PasswordInput, Picker, Popover, Popup, Progress, PullRefresh, Radio, RadioGroup, Rate, Row, Search, ShareSheet, Sidebar, SidebarItem, Skeleton, Slider, Step, Stepper, Steps, Sticky, SubmitBar, Swipe, SwipeCell, SwipeItem, Switch, Tab, Tabbar, TabbarItem, Tabs, Tag, Toast, TreeSelect, Uploader];

package/es/pagination/Pagination.js

@@ -120,7 +120,7 @@ export default defineComponent({
       }, [_createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue - 1)
+        "onClick": () => updateModelValue(modelValue - 1, true)
       }, [slot ? slot() : props.prevText || t('prev')])]);
     };
 
@@ -140,7 +140,7 @@ export default defineComponent({
       }, [_createVNode("button", {
         "type": "button",
         "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue + 1)
+        "onClick": () => updateModelValue(modelValue + 1, true)
       }, [slot ? slot() : props.nextText || t('next')])]);
     };
 
@@ -152,7 +152,7 @@ export default defineComponent({
     }, [_createVNode("button", {
       "type": "button",
       "aria-current": page.active || undefined,
-      "onClick": () => updateModelValue(page.number)
+      "onClick": () => updateModelValue(page.number, true)
     }, [slots.page ? slots.page(page) : page.text])]));
 
     return () => _createVNode("nav", {

package/es/popup/Popup.d.ts

@@ -114,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{
     closeIconPosition?: unknown;
     safeAreaInsetBottom?: unknown;
 } & {
+    position: PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -122,7 +123,6 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
@@ -145,6 +145,7 @@ declare const _default: import("vue").DefineComponent<{
     "onClick-overlay"?: ((...args: any[]) => any) | undefined;
     "onClick-close-icon"?: ((...args: any[]) => any) | undefined;
 }, {
+    position: PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -153,7 +154,6 @@ declare const _default: import("vue").DefineComponent<{
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/popup/index.d.ts

@@ -65,6 +65,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     closeIconPosition?: unknown;
     safeAreaInsetBottom?: unknown;
 } & {
+    position: import("./Popup").PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -73,7 +74,6 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: import("./Popup").PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;
@@ -96,6 +96,7 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     "onClick-overlay"?: ((...args: any[]) => any) | undefined;
     "onClick-close-icon"?: ((...args: any[]) => any) | undefined;
 }, {
+    position: import("./Popup").PopupPosition;
     round: boolean;
     safeAreaInsetBottom: boolean;
     overlay: boolean;
@@ -104,7 +105,6 @@ export declare const Popup: import("../utils").WithInstall<import("vue").DefineC
     lazyRender: boolean;
     transitionAppear: boolean;
     closeOnClickOverlay: boolean;
-    position: import("./Popup").PopupPosition;
     closeIcon: string;
     closeable: boolean;
     closeOnPopstate: boolean;

package/es/toast/Toast.d.ts

@@ -83,11 +83,11 @@ declare const _default: import("vue").DefineComponent<{
     closeOnClickOverlay?: unknown;
 } & {
     type: ToastType;
+    position: ToastPosition;
     overlay: boolean;
     show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
-    position: ToastPosition;
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
@@ -104,11 +104,11 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
 }, {
     type: ToastType;
+    position: ToastPosition;
     overlay: boolean;
     show: boolean;
     duration: number;
     closeOnClickOverlay: boolean;
-    position: ToastPosition;
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;

package/lib/badge/Badge.d.ts

@@ -1,4 +1,5 @@
 import { PropType, 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,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
@@ -37,10 +46,12 @@ 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;
@@ -50,5 +61,6 @@ declare const _default: import("vue").DefineComponent<{
     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,6 +12,10 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: true;
     };
+    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/runtime-core").ComponentCustomProps, Readonly<{
     dot?: unknown;
     max?: unknown;
@@ -20,10 +24,12 @@ 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;
@@ -33,6 +39,7 @@ export declare const Badge: import("../utils").WithInstall<import("vue").DefineC
     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';

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 {

package/lib/calendar/Calendar.d.ts

@@ -203,13 +203,13 @@ declare const _default: import("vue").DefineComponent<{
     firstDayOfWeek?: unknown;
 } & {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;
@@ -242,13 +242,13 @@ declare const _default: import("vue").DefineComponent<{
     "onOver-range"?: ((...args: any[]) => any) | undefined;
 }, {
     type: CalendarType;
+    position: PopupPosition;
     round: boolean;
     readonly: boolean;
     safeAreaInsetBottom: boolean;
     show: boolean;
     lazyRender: boolean;
     closeOnClickOverlay: boolean;
-    position: PopupPosition;
     closeOnPopstate: boolean;
     minDate: Date;
     maxDate: Date;