vant 4.6.0 → 4.6.2

package/README.md

@@ -26,7 +26,7 @@
 ## Features
 
 - 🚀 1KB Component average size (min+gzip)
-- 🚀 70+ High quality components
+- 🚀 80+ High quality components
 - 🚀 Zero third-party dependencies
 - 💪 90%+ Unit test coverage
 - 💪 Written in TypeScript
@@ -124,13 +124,13 @@ You can scan the following QR code to access the demo：
 
 Core contributors of Vant and Vant Weapp:
 
-| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) |
-| :-: | :-: | :-: | :-: | :-: |
-| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) |
+| [![chenjiahan](https://avatars.githubusercontent.com/u/7237365?s=80&v=4)](https://github.com/chenjiahan/) | [![cookfront](https://avatars.githubusercontent.com/u/4829465?s=80&v=4)](https://github.com/cookfront/) | [![w91](https://avatars.githubusercontent.com/u/2599455?s=80&v=4)](https://github.com/w91/) | [![pangxie1991](https://avatars.githubusercontent.com/u/5961240?s=80&v=4)](https://github.com/pangxie1991/) | [![rex-zsd](https://avatars.githubusercontent.com/u/8767877?s=80&v=4)](https://github.com/rex-zsd/) | [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) |
+| :-: | :-: | :-: | :-: | :-: | :-: |
+| [chenjiahan](https://github.com/chenjiahan/) | [cookfront](https://github.com/cookfront/) | [wangnaiyi](https://github.com/w91/) | [pangxie](https://github.com/pangxie1991/) | [rex-zsd](https://github.com/rex-zsd/) | [nemo-shen](https://github.com/nemo-shen/) |
 
-| [![nemo-shen](https://avatars.githubusercontent.com/u/13480805?s=80&v=4)](https://github.com/nemo-shen/) | [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) |
-| :-: | :-: | :-: | :-: | :-: |
-| [nemo-shen](https://github.com/nemo-shen/) | [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) |
+| [![Lindysen](https://avatars.githubusercontent.com/u/33708359?s=80&v=4)](https://github.com/Lindysen/) | [![JakeLaoyu](https://avatars.githubusercontent.com/u/16181940?s=80&v=4)](https://github.com/JakeLaoyu/) | [![landluck](https://avatars.githubusercontent.com/u/27060081?s=80&v=4)](https://github.com/landluck/) | [![wjw-gavin](https://avatars.githubusercontent.com/u/19986739?s=80&v=4)](https://github.com/wjw-gavin/) | [![inottn](https://avatars.githubusercontent.com/u/18509404?s=80&v=4)](https://github.com/inottn/) | [![zhousg](https://avatars.githubusercontent.com/u/15833290?s=80&v=4)](https://github.com/zhousg/) |
+| :-: | :-: | :-: | :-: | :-: | :-: |
+| [Lindysen](https://github.com/Lindysen/) | [JakeLaoyu](https://github.com/JakeLaoyu/) | [landluck](https://github.com/landluck/) | [wjw-gavin](https://github.com/wjw-gavin/) | [inottn](https://github.com/inottn/) | [zhousg](https://github.com/zhousg/) |
 
 ## All Contributors
 

package/es/checkbox/Checkbox.d.ts

@@ -1,10 +1,7 @@
 import { type ExtractPropTypes } from 'vue';
+import { type CheckerShape } from './Checker';
 export declare const checkboxProps: {
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -12,6 +9,10 @@ export declare const checkboxProps: {
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -20,10 +21,6 @@ export declare const checkboxProps: {
 export type CheckboxProps = ExtractPropTypes<typeof checkboxProps>;
 declare const _default: import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -31,16 +28,16 @@ declare const _default: import("vue").DefineComponent<{
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -48,6 +45,10 @@ declare const _default: import("vue").DefineComponent<{
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
@@ -57,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
+    shape: CheckerShape;
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/es/checkbox/Checkbox.mjs

@@ -1,12 +1,13 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
 import { watch, computed, defineComponent } from "vue";
-import { createNamespace, extend, pick, truthProp } from "../utils/index.mjs";
+import { pick, extend, truthProp, makeStringProp, createNamespace } from "../utils/index.mjs";
 import { CHECKBOX_GROUP_KEY } from "../checkbox-group/CheckboxGroup.mjs";
 import { useParent, useCustomFieldValue } from "@vant/use";
 import { useExpose } from "../composables/use-expose.mjs";
 import Checker, { checkerProps } from "./Checker.mjs";
 const [name, bem] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
+  shape: makeStringProp("round"),
   bindGroup: truthProp
 });
 var stdin_default = defineComponent({

package/es/checkbox/Checker.d.ts

@@ -15,10 +15,6 @@ export type CheckerParent = {
 };
 export declare const checkerProps: {
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -28,10 +24,6 @@ export declare const checkerProps: {
 };
 declare const _default: import("vue").DefineComponent<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -44,6 +36,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -52,10 +48,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "toggle")[], "click" | "toggle", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: PropType<unknown>;
@@ -68,6 +60,10 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
     checked: BooleanConstructor;
     bindGroup: {
@@ -80,7 +76,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     checked: boolean;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: "dot" | "round" | "square";
     labelDisabled: boolean;
     bindGroup: boolean;
 }, {}>;

package/es/checkbox/Checker.mjs

@@ -4,7 +4,6 @@ import { extend, addUnit, truthProp, numericProp, unknownProp, makeStringProp, m
 import { Icon } from "../icon/index.mjs";
 const checkerProps = {
   name: unknownProp,
-  shape: makeStringProp("round"),
   disabled: Boolean,
   iconSize: numericProp,
   modelValue: unknownProp,
@@ -16,6 +15,7 @@ var stdin_default = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
+    shape: makeStringProp("round"),
     parent: Object,
     checked: Boolean,
     bindGroup: truthProp
@@ -66,6 +66,7 @@ var stdin_default = defineComponent({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem,
         shape,
@@ -78,15 +79,24 @@ var stdin_default = defineComponent({
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape !== "dot" ? {
           fontSize: addUnit(iconSize)
+        } : {
+          width: addUnit(iconSize),
+          height: addUnit(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : _createVNode(Icon, {
+      }) : shape !== "dot" ? _createVNode(Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : _createVNode("div", {
+        "class": bem("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {

package/es/checkbox/index.d.ts

@@ -1,9 +1,5 @@
 export declare const Checkbox: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -11,16 +7,16 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     modelValue: import("vue").PropType<unknown>;
@@ -28,6 +24,10 @@ export declare const Checkbox: import("../utils").WithInstall<import("vue").Defi
     labelPosition: import("vue").PropType<import("./Checker").CheckerLabelPosition>;
     labelDisabled: BooleanConstructor;
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
         type: BooleanConstructor;
         default: true;

package/es/field/Field.d.ts

@@ -20,8 +20,14 @@ export declare const fieldSharedProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -90,8 +96,14 @@ export declare const fieldProps: {
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -178,8 +190,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -264,8 +282,14 @@ declare const _default: import("vue").DefineComponent<{
     inputAlign: PropType<FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -327,6 +351,7 @@ declare const _default: import("vue").DefineComponent<{
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: FieldClearTrigger;
     formatTrigger: FieldFormatTrigger;
     error: boolean;

package/es/field/Field.mjs

@@ -23,8 +23,14 @@ const fieldSharedProps = {
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -352,7 +358,10 @@ var stdin_default = defineComponent({
         autofocus: props.autofocus,
         placeholder: props.placeholder,
         autocomplete: props.autocomplete,
+        autocapitalize: props.autocapitalize,
+        autocorrect: props.autocorrect,
         enterkeyhint: props.enterkeyhint,
+        spellcheck: props.spellcheck,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
         onBlur,
         onFocus,

package/es/field/index.d.ts

@@ -46,8 +46,14 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -132,8 +138,14 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     inputAlign: import("vue").PropType<import("./types").FieldTextAlign>;
     placeholder: StringConstructor;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -195,6 +207,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     clearable: boolean;
     clearIcon: string;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("./types").FieldClearTrigger;
     formatTrigger: import("./types").FieldFormatTrigger;
     error: boolean;

package/es/floating-bubble/FloatingBubble.d.ts

@@ -1,21 +1,16 @@
 import { PropType, type ExtractPropTypes } from 'vue';
-export type FloatingBubbleAxis = 'x' | 'y' | 'xy' | 'lock';
-export type FloatingBubbleMagnetic = 'x' | 'y';
-export type FloatingBubbleOffset = {
-    x: number;
-    y: number;
-};
+import { FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset } from './types';
 export declare const floatingBubbleProps: {
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
     axis: {
         type: PropType<FloatingBubbleAxis>;
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
         type: PropType<FloatingBubbleOffset>;
         default: () => {
@@ -30,16 +25,16 @@ export declare const floatingBubbleProps: {
 };
 export type FloatingBubbleProps = ExtractPropTypes<typeof floatingBubbleProps>;
 declare const _default: import("vue").DefineComponent<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
     axis: {
         type: PropType<FloatingBubbleAxis>;
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
         type: PropType<FloatingBubbleOffset>;
         default: () => {
@@ -52,16 +47,16 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
     axis: {
         type: PropType<FloatingBubbleAxis>;
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
         type: PropType<FloatingBubbleOffset>;
         default: () => {

package/es/floating-bubble/FloatingBubble.mjs

@@ -1,14 +1,14 @@
 import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { Teleport, computed, defineComponent, nextTick, onMounted, ref, watch, onActivated, onDeactivated } from "vue";
+import { pick, addUnit, closest, createNamespace, makeNumberProp, makeStringProp, windowWidth, windowHeight } from "../utils/index.mjs";
 import { useRect, useEventListener } from "@vant/use";
 import { useTouch } from "../composables/use-touch.mjs";
-import { addUnit, closest, createNamespace, makeNumberProp, makeStringProp, pick, windowWidth, windowHeight } from "../utils/index.mjs";
 import Icon from "../icon/index.mjs";
 const floatingBubbleProps = {
+  gap: makeNumberProp(24),
+  icon: String,
   axis: makeStringProp("y"),
   magnetic: String,
-  icon: String,
-  gap: makeNumberProp(24),
   offset: {
     type: Object,
     default: () => ({
@@ -39,8 +39,8 @@ var stdin_default = defineComponent({
     });
     const boundary = computed(() => ({
       top: props.gap,
-      right: windowWidth.value - state.value.height - props.gap,
-      bottom: windowHeight.value - state.value.width - props.gap,
+      right: windowWidth.value - state.value.width - props.gap,
+      bottom: windowHeight.value - state.value.height - props.gap,
       left: props.gap
     }));
     const dragging = ref(false);
@@ -138,9 +138,7 @@ var stdin_default = defineComponent({
         initialized = true;
       });
     });
-    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], () => updateState(), {
-      deep: true
-    });
+    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState);
     const show = ref(true);
     onActivated(() => {
       show.value = true;

package/es/floating-bubble/index.css

@@ -1 +1 @@
-:root{--van-floating-bubble-size: 48px;--van-floating-bubble-initial-gap: 24px;--van-floating-bubble-icon-size: 28px;--van-floating-bubble-background: var(--van-primary-color);--van-floating-bubble-color: var(--van-background-2);--van-floating-bubble-z-index: 999}.van-floating-bubble{position:fixed;left:0;top:0;right:var(--van-floating-bubble-initial-gap);bottom:var(--van-floating-bubble-initial-gap);width:var(--van-floating-bubble-size);height:var(--van-floating-bubble-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--van-floating-bubble-background);color:var(--van-floating-bubble-color);border-radius:var(--van-radius-max);z-index:var(--van-floating-bubble-z-index);transition:transform .3s}.van-floating-bubble:active{opacity:.9}.van-floating-bubble__icon{font-size:var(--van-floating-bubble-icon-size)}
+:root{--van-floating-bubble-size: 48px;--van-floating-bubble-initial-gap: 24px;--van-floating-bubble-icon-size: 28px;--van-floating-bubble-background: var(--van-primary-color);--van-floating-bubble-color: var(--van-background-2);--van-floating-bubble-z-index: 999;--van-floating-bubble-border-radius: var(--van-radius-max)}.van-floating-bubble{position:fixed;left:0;top:0;right:var(--van-floating-bubble-initial-gap);bottom:var(--van-floating-bubble-initial-gap);width:var(--van-floating-bubble-size);height:var(--van-floating-bubble-size);box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--van-floating-bubble-background);color:var(--van-floating-bubble-color);border-radius:var(--van-floating-bubble-border-radius);z-index:var(--van-floating-bubble-z-index);transition:transform var(--van-duration-base)}.van-floating-bubble:active{opacity:.8}.van-floating-bubble__icon{font-size:var(--van-floating-bubble-icon-size)}

package/es/floating-bubble/index.d.ts

@@ -1,16 +1,16 @@
 export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<{
-    axis: {
-        type: import("vue").PropType<import("./FloatingBubble").FloatingBubbleAxis>;
-        default: import("./FloatingBubble").FloatingBubbleAxis;
-    };
-    magnetic: import("vue").PropType<import("./FloatingBubble").FloatingBubbleMagnetic>;
-    icon: StringConstructor;
     gap: {
         type: NumberConstructor;
         default: number;
     };
+    icon: StringConstructor;
+    axis: {
+        type: import("vue").PropType<import("./types").FloatingBubbleAxis>;
+        default: import("./types").FloatingBubbleAxis;
+    };
+    magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
     offset: {
-        type: import("vue").PropType<import("./FloatingBubble").FloatingBubbleOffset>;
+        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
         default: () => {
             x: number;
             y: number;
@@ -21,18 +21,18 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: string;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    axis: {
-        type: import("vue").PropType<import("./FloatingBubble").FloatingBubbleAxis>;
-        default: import("./FloatingBubble").FloatingBubbleAxis;
-    };
-    magnetic: import("vue").PropType<import("./FloatingBubble").FloatingBubbleMagnetic>;
-    icon: StringConstructor;
     gap: {
         type: NumberConstructor;
         default: number;
     };
+    icon: StringConstructor;
+    axis: {
+        type: import("vue").PropType<import("./types").FloatingBubbleAxis>;
+        default: import("./types").FloatingBubbleAxis;
+    };
+    magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
     offset: {
-        type: import("vue").PropType<import("./FloatingBubble").FloatingBubbleOffset>;
+        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
         default: () => {
             x: number;
             y: number;
@@ -47,15 +47,15 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }, {
-    offset: import("./FloatingBubble").FloatingBubbleOffset;
+    offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: number;
-    axis: import("./FloatingBubble").FloatingBubbleAxis;
+    axis: import("./types").FloatingBubbleAxis;
 }, {}>>;
 export default FloatingBubble;
 export { floatingBubbleProps } from './FloatingBubble';
-export type { FloatingBubbleProps, FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, } from './FloatingBubble';
-export type { FloatingBubbleThemeVars } from './types';
+export type { FloatingBubbleProps } from './FloatingBubble';
+export type { FloatingBubbleThemeVars, FloatingBubbleAxis, FloatingBubbleMagnetic, FloatingBubbleOffset, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         FloatingBubble: typeof FloatingBubble;

package/es/floating-bubble/types.d.ts

@@ -2,7 +2,19 @@ export type FloatingBubbleThemeVars = {
     floatingBubbleSize?: string;
     floatingBubbleInitialGap?: string;
     floatingBubbleIconSize?: string;
-    floatingBubbleBackground: string;
+    floatingBubbleBackground?: string;
     floatingBubbleColor?: string;
     floatingBubbleZIndex?: number | string;
 };
+export type FloatingBubbleAxis = 'x' | 'y' | 'xy' | 'lock';
+export type FloatingBubbleMagnetic = 'x' | 'y';
+export type FloatingBubbleOffset = {
+    x: number;
+    y: number;
+};
+export type FloatingBubbleBoundary = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};

package/es/floating-panel/FloatingPanel.mjs

@@ -1,13 +1,10 @@
 import { createVNode as _createVNode } from "vue";
 import { computed, defineComponent, ref, watch } from "vue";
-import { addUnit, closest, createNamespace, makeArrayProp, makeNumericProp, truthProp } from "../utils/index.mjs";
-import { useWindowSize, useEventListener } from "@vant/use";
+import { addUnit, closest, createNamespace, makeArrayProp, makeNumericProp, truthProp, windowHeight } from "../utils/index.mjs";
+import { useEventListener } from "@vant/use";
 import { useLockScroll } from "../composables/use-lock-scroll.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
 import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
-const {
-  height: windowHeight
-} = useWindowSize();
 const floatingPanelProps = {
   height: makeNumericProp(0),
   anchors: makeArrayProp(),

package/es/index.d.ts

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

package/es/index.mjs

@@ -98,7 +98,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.6.0";
+const version = "4.6.2";
 function install(app) {
   const components = [
     ActionBar,