vant 4.9.20 → 4.9.22

package/lib/dialog/index.d.ts

@@ -120,8 +120,8 @@ export declare const Dialog: import("../utils").WithInstall<import("vue").Define
     destroyOnClose: BooleanConstructor;
 }>> & Readonly<{
     onKeydown?: ((...args: any[]) => any) | undefined;
-    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }>, {
     overlay: boolean;

package/lib/field/Field.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type ExtractPropTypes, type HTMLAttributes } from 'vue';
-import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig } from './types';
+import type { FieldRule, FieldType, FieldTextAlign, FieldClearTrigger, FieldFormatTrigger, FieldAutosizeConfig, FieldEnterKeyHint } from './types';
 export declare const fieldSharedProps: {
     id: StringConstructor;
     name: StringConstructor;
@@ -25,7 +25,7 @@ export declare const fieldSharedProps: {
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -107,7 +107,7 @@ export declare const fieldProps: {
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -207,7 +207,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;
@@ -305,7 +305,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: PropType<FieldEnterKeyHint>;
     clearTrigger: {
         type: PropType<FieldClearTrigger>;
         default: FieldClearTrigger;

package/lib/field/Field.js

@@ -243,7 +243,7 @@ var stdin_default = (0, import_vue.defineComponent)({
       var _a, _b;
       const originalValue = value;
       value = limitValueLength(value);
-      const limitDiffLen = (0, import_utils2.getStringLength)(originalValue) - (0, import_utils2.getStringLength)(value);
+      const limitDiffLen = originalValue.length - value.length;
       if (props.type === "number" || props.type === "digit") {
         const isNumber = props.type === "number";
         value = (0, import_utils.formatNumber)(value, isNumber, isNumber);
@@ -269,7 +269,7 @@ var stdin_default = (0, import_vue.defineComponent)({
             selectionEnd
           } = inputRef.value;
           const bcoVal = (0, import_utils2.cutString)(originalValue, selectionEnd);
-          formatterDiffLen = (0, import_utils2.getStringLength)(formatter(bcoVal)) - (0, import_utils2.getStringLength)(bcoVal);
+          formatterDiffLen = formatter(bcoVal).length - bcoVal.length;
         }
       }
       if (inputRef.value && inputRef.value.value !== value) {
@@ -280,7 +280,7 @@ var stdin_default = (0, import_vue.defineComponent)({
           } = inputRef.value;
           inputRef.value.value = value;
           if ((0, import_utils.isDef)(selectionStart) && (0, import_utils.isDef)(selectionEnd)) {
-            const valueLen = (0, import_utils2.getStringLength)(value);
+            const valueLen = value.length;
             if (limitDiffLen) {
               selectionStart -= limitDiffLen;
               selectionEnd -= limitDiffLen;

package/lib/field/index.d.ts

@@ -54,7 +54,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: import("vue").PropType<import("./types").FieldEnterKeyHint>;
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -152,7 +152,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     autocapitalize: StringConstructor;
     autocorrect: StringConstructor;
     errorMessage: StringConstructor;
-    enterkeyhint: StringConstructor;
+    enterkeyhint: import("vue").PropType<import("./types").FieldEnterKeyHint>;
     clearTrigger: {
         type: import("vue").PropType<import("./types").FieldClearTrigger>;
         default: import("./types").FieldClearTrigger;
@@ -230,7 +230,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
 export default Field;
 export { fieldProps } from './Field';
 export type { FieldProps };
-export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, } from './types';
+export type { FieldType, FieldRule, FieldInstance, FieldTextAlign, FieldThemeVars, FieldRuleMessage, FieldClearTrigger, FieldFormatTrigger, FieldRuleValidator, FieldRuleFormatter, FieldValidateError, FieldAutosizeConfig, FieldValidateTrigger, FieldValidationStatus, FieldEnterKeyHint, } from './types';
 declare module 'vue' {
     interface GlobalComponents {
         VanField: typeof Field;

package/lib/field/types.d.ts

@@ -5,6 +5,7 @@ export type FieldTextAlign = 'left' | 'center' | 'right' | 'top';
 export type FieldClearTrigger = 'always' | 'focus';
 export type FieldFormatTrigger = 'onBlur' | 'onChange';
 export type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
+export type FieldEnterKeyHint = 'search' | 'done' | 'enter' | 'go' | 'next' | 'previous' | 'send';
 export type FieldAutosizeConfig = {
     maxHeight?: number;
     minHeight?: number;

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

@@ -11,13 +11,7 @@ export declare const floatingBubbleProps: {
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -35,13 +29,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -57,13 +45,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         default: FloatingBubbleAxis;
     };
     magnetic: PropType<FloatingBubbleMagnetic>;
-    offset: {
-        type: PropType<FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: PropType<FloatingBubbleOffset>;
     teleport: {
         type: PropType<TeleportProps["to"]>;
         default: string;
@@ -73,7 +55,6 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: FloatingBubbleGap;
     axis: FloatingBubbleAxis;

package/lib/floating-bubble/FloatingBubble.js

@@ -44,13 +44,7 @@ const floatingBubbleProps = {
   icon: String,
   axis: (0, import_utils.makeStringProp)("y"),
   magnetic: String,
-  offset: {
-    type: Object,
-    default: () => ({
-      x: -1,
-      y: -1
-    })
-  },
+  offset: Object,
   teleport: {
     type: [String, Object],
     default: "body"
@@ -104,8 +98,8 @@ var stdin_default = (0, import_vue.defineComponent)({
         offset
       } = props;
       state.value = {
-        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,
+        x: offset ? offset.x : import_utils.windowWidth.value - width - gapX.value,
+        y: offset ? offset.y : import_utils.windowHeight.value - height - gapY.value,
         width,
         height
       };

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

@@ -9,13 +9,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -31,13 +25,7 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
         default: import("./types").FloatingBubbleAxis;
     };
     magnetic: import("vue").PropType<import("./types").FloatingBubbleMagnetic>;
-    offset: {
-        type: import("vue").PropType<import("./types").FloatingBubbleOffset>;
-        default: () => {
-            x: number;
-            y: number;
-        };
-    };
+    offset: import("vue").PropType<import("./types").FloatingBubbleOffset>;
     teleport: {
         type: import("vue").PropType<import("vue").TeleportProps["to"]>;
         default: string;
@@ -47,7 +35,6 @@ export declare const FloatingBubble: import("../utils").WithInstall<import("vue"
     "onUpdate:offset"?: ((...args: any[]) => any) | undefined;
     onOffsetChange?: ((...args: any[]) => any) | undefined;
 }>, {
-    offset: import("./types").FloatingBubbleOffset;
     teleport: string | import("vue").RendererElement | null | undefined;
     gap: import("./types").FloatingBubbleGap;
     axis: import("./types").FloatingBubbleAxis;

package/lib/floating-panel/FloatingPanel.d.ts

@@ -12,6 +12,10 @@ export declare const floatingPanelProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -36,6 +40,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -58,6 +66,10 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -75,6 +87,7 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
     safeAreaInsetBottom: boolean;
     duration: string | number;
     lockScroll: boolean;
+    magnetic: boolean;
     anchors: number[];
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/floating-panel/FloatingPanel.js

@@ -31,6 +31,7 @@ const floatingPanelProps = {
   height: (0, import_utils.makeNumericProp)(0),
   anchors: (0, import_utils.makeArrayProp)(),
   duration: (0, import_utils.makeNumericProp)(0.3),
+  magnetic: import_utils.truthProp,
   contentDraggable: import_utils.truthProp,
   lockScroll: Boolean,
   safeAreaInsetBottom: import_utils.truthProp
@@ -107,7 +108,15 @@ var stdin_default = (0, import_vue.defineComponent)({
     const onTouchend = () => {
       maxScroll = -1;
       dragging.value = false;
-      height.value = (0, import_utils.closest)(anchors.value, height.value);
+      if (props.magnetic) {
+        height.value = (0, import_utils.closest)(anchors.value, height.value);
+      } else {
+        const {
+          min,
+          max
+        } = boundary.value;
+        height.value = Math.max(min, Math.min(max, height.value));
+      }
       if (height.value !== -startY) {
         emit("heightChange", {
           height: height.value
@@ -146,7 +155,10 @@ var stdin_default = (0, import_vue.defineComponent)({
         "onTouchcancel": onTouchend
       }, [renderHeader(), (0, import_vue.createVNode)("div", {
         "class": bem("content"),
-        "ref": contentRef
+        "ref": contentRef,
+        "style": {
+          paddingBottom: (0, import_utils.addUnit)(boundary.value.max - height.value)
+        }
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }

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

@@ -11,6 +11,10 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -33,6 +37,10 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    magnetic: {
+        type: BooleanConstructor;
+        default: true;
+    };
     contentDraggable: {
         type: BooleanConstructor;
         default: true;
@@ -50,6 +58,7 @@ export declare const FloatingPanel: import("../utils").WithInstall<import("vue")
     safeAreaInsetBottom: boolean;
     duration: string | number;
     lockScroll: boolean;
+    magnetic: boolean;
     anchors: number[];
     contentDraggable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;

package/lib/grid/Grid.d.ts

@@ -66,8 +66,8 @@ declare const _default: import("vue").DefineComponent<ExtractPropTypes<{
 }>> & Readonly<{}>, {
     reverse: boolean;
     center: boolean;
-    border: boolean;
     square: boolean;
+    border: boolean;
     clickable: boolean;
     columnNum: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/lib/grid/index.d.ts

@@ -39,8 +39,8 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
 }>> & Readonly<{}>, {
     reverse: boolean;
     center: boolean;
-    border: boolean;
     square: boolean;
+    border: boolean;
     clickable: boolean;
     columnNum: string | number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;