vant 4.6.0 → 4.6.2

package/lib/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/lib/checkbox/Checker.js

@@ -27,7 +27,6 @@ var import_utils = require("../utils");
 var import_icon = require("../icon");
 const checkerProps = {
   name: import_utils.unknownProp,
-  shape: (0, import_utils.makeStringProp)("round"),
   disabled: Boolean,
   iconSize: import_utils.numericProp,
   modelValue: import_utils.unknownProp,
@@ -39,6 +38,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
   props: (0, import_utils.extend)({}, checkerProps, {
     bem: (0, import_utils.makeRequiredProp)(Function),
     role: String,
+    shape: (0, import_utils.makeStringProp)("round"),
     parent: Object,
     checked: Boolean,
     bindGroup: import_utils.truthProp
@@ -89,6 +89,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       emit("click", event);
     };
     const renderIcon = () => {
+      var _a, _b;
       const {
         bem,
         shape,
@@ -101,15 +102,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
           disabled: disabled.value,
           checked
         }]),
-        "style": {
+        "style": shape !== "dot" ? {
           fontSize: (0, import_utils.addUnit)(iconSize)
+        } : {
+          width: (0, import_utils.addUnit)(iconSize),
+          height: (0, import_utils.addUnit)(iconSize),
+          borderColor: (_a = iconStyle.value) == null ? void 0 : _a.borderColor
         }
       }, [slots.icon ? slots.icon({
         checked,
         disabled: disabled.value
-      }) : (0, import_vue.createVNode)(import_icon.Icon, {
+      }) : shape !== "dot" ? (0, import_vue.createVNode)(import_icon.Icon, {
         "name": "success",
         "style": iconStyle.value
+      }, null) : (0, import_vue.createVNode)("div", {
+        "class": bem("icon--dot__icon"),
+        "style": {
+          backgroundColor: (_b = iconStyle.value) == null ? void 0 : _b.backgroundColor
+        }
       }, null)]);
     };
     const renderLabel = () => {

package/lib/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/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,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/lib/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/lib/floating-panel/FloatingPanel.js

@@ -28,9 +28,6 @@ var import_use = require("@vant/use");
 var import_use_lock_scroll = require("../composables/use-lock-scroll");
 var import_use_touch = require("../composables/use-touch");
 var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");
-const {
-  height: windowHeight
-} = (0, import_use.useWindowSize)();
 const floatingPanelProps = {
   height: (0, import_utils.makeNumericProp)(0),
   anchors: (0, import_utils.makeArrayProp)(),
@@ -55,7 +52,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       var _a, _b;
       return {
         min: (_a = props.anchors[0]) != null ? _a : 100,
-        max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(windowHeight.value * 0.6)
+        max: (_b = props.anchors[props.anchors.length - 1]) != null ? _b : Math.round(import_utils.windowHeight.value * 0.6)
       };
     });
     const anchors = (0, import_vue2.computed)(() => props.anchors.length >= 2 ? props.anchors : [boundary.value.min, boundary.value.max]);