vant 4.9.17 → 4.9.19

package/lib/floating-bubble/FloatingBubble.js

@@ -37,7 +37,10 @@ var import_use = require("@vant/use");
 var import_use_touch = require("../composables/use-touch");
 var import_icon = __toESM(require("../icon"));
 const floatingBubbleProps = {
-  gap: (0, import_utils.makeNumberProp)(24),
+  gap: {
+    type: [Number, Object],
+    default: 24
+  },
   icon: String,
   axis: (0, import_utils.makeStringProp)("y"),
   magnetic: String,
@@ -71,11 +74,13 @@ var stdin_default = (0, import_vue.defineComponent)({
       width: 0,
       height: 0
     });
+    const gapX = (0, import_vue.computed)(() => (0, import_utils.isObject)(props.gap) ? props.gap.x : props.gap);
+    const gapY = (0, import_vue.computed)(() => (0, import_utils.isObject)(props.gap) ? props.gap.y : props.gap);
     const boundary = (0, import_vue.computed)(() => ({
-      top: props.gap,
-      right: import_utils.windowWidth.value - state.value.width - props.gap,
-      bottom: import_utils.windowHeight.value - state.value.height - props.gap,
-      left: props.gap
+      top: gapY.value,
+      right: import_utils.windowWidth.value - state.value.width - gapX.value,
+      bottom: import_utils.windowHeight.value - state.value.height - gapY.value,
+      left: gapX.value
     }));
     const dragging = (0, import_vue.ref)(false);
     let initialized = false;
@@ -99,8 +104,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         offset
       } = props;
       state.value = {
-        x: offset.x > -1 ? offset.x : import_utils.windowWidth.value - width - props.gap,
-        y: offset.y > -1 ? offset.y : import_utils.windowHeight.value - height - props.gap,
+        x: offset.x > -1 ? offset.x : import_utils.windowWidth.value - width - gapX.value,
+        y: offset.y > -1 ? offset.y : import_utils.windowHeight.value - height - gapY.value,
         width,
         height
       };
@@ -168,7 +173,7 @@ var stdin_default = (0, import_vue.defineComponent)({
         initialized = true;
       });
     });
-    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState, {
+    (0, import_vue.watch)([import_utils.windowWidth, import_utils.windowHeight, gapX, gapY, () => props.offset], updateState, {
       deep: true
     });
     const show = (0, import_vue.ref)(true);

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

@@ -1,6 +1,6 @@
 export declare const FloatingBubble: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -22,7 +22,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:offset" | "offsetChange")[], "click" | "update:offset" | "offsetChange", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     gap: {
-        type: NumberConstructor;
+        type: import("vue").PropType<import("./types").FloatingBubbleGap>;
         default: number;
     };
     icon: StringConstructor;
@@ -49,7 +49,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
 }>, {
     offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
-    gap: number;
+    gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
 export default FloatingBubble;

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

@@ -12,6 +12,10 @@ export type FloatingBubbleOffset = {
     x: number;
     y: number;
 };
+export type FloatingBubbleGap = number | {
+    x: number;
+    y: number;
+};
 export type FloatingBubbleBoundary = {
     top: number;
     right: number;