vant 4.6.1 → 4.6.3

package/lib/checkbox-group/CheckboxGroup.d.ts

@@ -1,8 +1,12 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-import type { CheckerDirection } from '../checkbox/Checker';
+import type { CheckerShape, CheckerDirection } from '../checkbox/Checker';
 import type { CheckboxGroupProvide } from './types';
 export declare const checkboxGroupProps: {
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -16,6 +20,10 @@ export type CheckboxGroupProps = ExtractPropTypes<typeof checkboxGroupProps>;
 export declare const CHECKBOX_GROUP_KEY: InjectionKey<CheckboxGroupProvide>;
 declare const _default: import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -26,6 +34,10 @@ declare const _default: import("vue").DefineComponent<{
     checkedColor: StringConstructor;
 }, () => 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<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: PropType<CheckerDirection>;
@@ -39,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: CheckerShape;
     modelValue: unknown[];
 }, {}>;
 export default _default;

package/lib/checkbox-group/CheckboxGroup.js

@@ -30,6 +30,7 @@ var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("checkbox-group");
 const checkboxGroupProps = {
   max: import_utils.numericProp,
+  shape: (0, import_utils.makeStringProp)("round"),
   disabled: Boolean,
   iconSize: import_utils.numericProp,
   direction: String,

package/lib/checkbox-group/index.d.ts

@@ -1,5 +1,9 @@
 export declare const CheckboxGroup: import("../utils").WithInstall<import("vue").DefineComponent<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -10,6 +14,10 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     checkedColor: StringConstructor;
 }, () => 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<{
     max: (NumberConstructor | StringConstructor)[];
+    shape: {
+        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
+        default: import("../checkbox/Checker").CheckerShape;
+    };
     disabled: BooleanConstructor;
     iconSize: (NumberConstructor | StringConstructor)[];
     direction: import("vue").PropType<import("../checkbox/Checker").CheckerDirection>;
@@ -23,6 +31,7 @@ export declare const CheckboxGroup: import("../utils").WithInstall<import("vue")
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    shape: import("../checkbox/Checker").CheckerShape;
     modelValue: unknown[];
 }, {}>>;
 export default CheckboxGroup;

package/lib/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/lib/field/Field.js

@@ -47,8 +47,14 @@ const fieldSharedProps = {
   inputAlign: String,
   placeholder: String,
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: (0, import_utils.makeStringProp)("focus"),
   formatTrigger: (0, import_utils.makeStringProp)("onChange"),
   error: {
@@ -376,7 +382,10 @@ var stdin_default = (0, import_vue2.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/lib/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/lib/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/lib/floating-bubble/FloatingBubble.js

@@ -33,15 +33,15 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
+var import_utils = require("../utils");
 var import_use = require("@vant/use");
 var import_use_touch = require("../composables/use-touch");
-var import_utils = require("../utils");
 var import_icon = __toESM(require("../icon"));
 const floatingBubbleProps = {
+  gap: (0, import_utils.makeNumberProp)(24),
+  icon: String,
   axis: (0, import_utils.makeStringProp)("y"),
   magnetic: String,
-  icon: String,
-  gap: (0, import_utils.makeNumberProp)(24),
   offset: {
     type: Object,
     default: () => ({
@@ -72,8 +72,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     const boundary = (0, import_vue2.computed)(() => ({
       top: props.gap,
-      right: import_utils.windowWidth.value - state.value.height - props.gap,
-      bottom: import_utils.windowHeight.value - state.value.width - 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
     }));
     const dragging = (0, import_vue2.ref)(false);
@@ -171,9 +171,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         initialized = true;
       });
     });
-    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], () => updateState(), {
-      deep: true
-    });
+    (0, import_vue2.watch)([import_utils.windowWidth, import_utils.windowHeight, () => props.gap, () => props.offset], updateState);
     const show = (0, import_vue2.ref)(true);
     (0, import_vue2.onActivated)(() => {
       show.value = true;

package/lib/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/lib/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,17 +47,17 @@ 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;
+        VanFloatingBubble: typeof FloatingBubble;
     }
 }

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

@@ -6,3 +6,15 @@ export type FloatingBubbleThemeVars = {
     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;
+};