vant - npm Package Compare versions

Comparing version 4.6.1 to 4.6.2

es/checkbox/Checkbox.d.ts

 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;
@@ -15,2 +12,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -24,6 +25,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -36,2 +33,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -43,6 +44,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -55,2 +52,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -65,3 +66,3 @@ type: BooleanConstructor;
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
+    shape: CheckerShape;
     labelDisabled: boolean;
@@ -68,0 +69,0 @@ bindGroup: boolean;

es/checkbox/Checker.d.ts

@@ -18,6 +18,2 @@ import { type PropType } from 'vue';
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -32,6 +28,2 @@ iconSize: (NumberConstructor | StringConstructor)[];
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -49,2 +41,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
@@ -58,6 +54,2 @@ checked: BooleanConstructor;
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -75,2 +67,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
@@ -88,3 +84,3 @@ checked: BooleanConstructor;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: "dot" | "round" | "square";
     labelDisabled: boolean;
@@ -91,0 +87,0 @@ bindGroup: boolean;

es/checkbox/index.d.ts

 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;
@@ -14,2 +10,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
@@ -21,6 +21,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -33,2 +29,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
@@ -35,0 +35,0 @@ type: BooleanConstructor;

es/field/Field.d.ts

@@ -23,4 +23,10 @@ import { type PropType, type ExtractPropTypes } from 'vue';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -94,4 +100,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -183,4 +195,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -270,4 +288,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -334,2 +358,3 @@ type: PropType<FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: FieldClearTrigger;
@@ -336,0 +361,0 @@ formatTrigger: FieldFormatTrigger;

es/field/index.d.ts

@@ -49,4 +49,10 @@ import { FieldProps } from './Field';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -136,4 +142,10 @@ type: import("vue").PropType<import("./types").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -200,2 +212,3 @@ type: import("vue").PropType<import("./types").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("./types").FieldClearTrigger;
@@ -202,0 +215,0 @@ formatTrigger: import("./types").FieldFormatTrigger;

es/floating-bubble/FloatingBubble.d.ts

 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: {
@@ -14,7 +14,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -34,2 +29,7 @@ type: PropType<FloatingBubbleOffset>;
 declare const _default: import("vue").DefineComponent<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
     axis: {
@@ -40,7 +40,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -58,2 +53,7 @@ type: PropType<FloatingBubbleOffset>;
 }, () => 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: {
@@ -64,7 +64,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -71,0 +66,0 @@ type: PropType<FloatingBubbleOffset>;

es/floating-bubble/index.d.ts

 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: {
@@ -12,4 +6,10 @@ type: NumberConstructor;
     };
+    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: () => {
@@ -25,8 +25,2 @@ x: number;
 }, () => 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: {
@@ -36,4 +30,10 @@ type: NumberConstructor;
     };
+    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: () => {
@@ -53,11 +53,11 @@ x: number;
 }, {
-    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' {
@@ -64,0 +64,0 @@ interface GlobalComponents {

es/floating-bubble/types.d.ts

@@ -9,1 +9,13 @@ export type FloatingBubbleThemeVars = {
 };
+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;
+};

es/index.d.ts

@@ -108,2 +108,2 @@ export * from "./action-bar";
 export function install(app: any): void;
-export const version: "4.6.1";
+export const version: "4.6.2";

es/radio/index.d.ts

 export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -13,8 +9,9 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -26,2 +23,7 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
+    };
 }>> & {
@@ -31,3 +33,3 @@ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     disabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
+    shape: import("./Radio").RadioShape;
     labelDisabled: boolean;
@@ -34,0 +36,0 @@ }, {}>>;

es/radio/Radio.d.ts

 import { type ExtractPropTypes } from 'vue';
-import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+import { type CheckerShape, type CheckerLabelPosition } from '../checkbox/Checker';
+export type RadioShape = CheckerShape | 'dot';
 export declare const radioProps: {
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -15,4 +12,8 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 };
-export type RadioShape = CheckerShape;
 export type RadioLabelPosition = CheckerLabelPosition;
@@ -22,6 +23,2 @@ export type RadioProps = ExtractPropTypes<typeof radioProps>;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -33,8 +30,9 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -46,2 +44,7 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 }>> & {
@@ -51,5 +54,5 @@ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: RadioShape;
     labelDisabled: boolean;
 }, {}>;
 export default _default;

es/radio/types.d.ts

 export type RadioThemeVars = {
     radioSize?: string;
+    radioDotSize?: string;
     radioBorderColor?: string;
@@ -4,0 +5,0 @@ radioDuration?: string;

es/search/index.d.ts

@@ -22,4 +22,10 @@ import { SearchProps } from './Search';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -82,4 +88,10 @@ type: import("vue").PropType<import("..").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -140,2 +152,3 @@ type: import("vue").PropType<import("..").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("..").FieldClearTrigger;
@@ -142,0 +155,0 @@ formatTrigger: import("..").FieldFormatTrigger;

es/search/Search.d.ts

@@ -23,4 +23,10 @@ import { type ExtractPropTypes } from 'vue';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -85,4 +91,10 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -145,4 +157,10 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -203,2 +221,3 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("../field").FieldClearTrigger;
@@ -205,0 +224,0 @@ formatTrigger: import("../field").FieldFormatTrigger;

es/text-ellipsis/index.d.ts

@@ -22,2 +22,6 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -44,2 +48,6 @@ rows: {
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
@@ -49,2 +57,3 @@ onClickAction?: ((...args: any[]) => any) | undefined;
     content: string;
+    position: string;
     rows: string | number;
@@ -51,0 +60,0 @@ dots: string;

es/text-ellipsis/TextEllipsis.d.ts

@@ -23,2 +23,6 @@ import { type ExtractPropTypes } from 'vue';
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 };
@@ -47,2 +51,6 @@ export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -69,2 +77,6 @@ rows: {
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
@@ -74,2 +86,3 @@ onClickAction?: ((...args: any[]) => any) | undefined;
     content: string;
+    position: string;
     rows: string | number;
@@ -76,0 +89,0 @@ dots: string;

lib/checkbox/Checkbox.d.ts

 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;
@@ -15,2 +12,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -24,6 +25,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -36,2 +33,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -43,6 +44,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -55,2 +52,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<CheckerShape>;
+        default: CheckerShape;
+    };
     bindGroup: {
@@ -65,3 +66,3 @@ type: BooleanConstructor;
     disabled: boolean;
-    shape: import("./Checker").CheckerShape;
+    shape: CheckerShape;
     labelDisabled: boolean;
@@ -68,0 +69,0 @@ bindGroup: boolean;

lib/checkbox/Checkbox.js

@@ -43,2 +43,3 @@ var __create = Object.create;
 const checkboxProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
+  shape: (0, import_utils.makeStringProp)("round"),
   bindGroup: import_utils.truthProp
@@ -45,0 +46,0 @@ });

lib/checkbox/Checker.d.ts

@@ -18,6 +18,2 @@ import { type PropType } from 'vue';
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -32,6 +28,2 @@ iconSize: (NumberConstructor | StringConstructor)[];
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -49,2 +41,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
@@ -58,6 +54,2 @@ checked: BooleanConstructor;
     name: PropType<unknown>;
-    shape: {
-        type: PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -75,2 +67,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
     role: StringConstructor;
+    shape: {
+        type: PropType<"dot" | "round" | "square">;
+        default: "dot" | "round" | "square";
+    };
     parent: PropType<CheckerParent | null>;
@@ -88,3 +84,3 @@ checked: BooleanConstructor;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: "dot" | "round" | "square";
     labelDisabled: boolean;
@@ -91,0 +87,0 @@ bindGroup: boolean;

lib/checkbox/Checker.js

@@ -30,3 +30,2 @@ var __defProp = Object.defineProperty;
   name: import_utils.unknownProp,
-  shape: (0, import_utils.makeStringProp)("round"),
   disabled: Boolean,
@@ -43,2 +42,3 @@ iconSize: import_utils.numericProp,
     role: String,
+    shape: (0, import_utils.makeStringProp)("round"),
     parent: Object,
@@ -94,2 +94,3 @@ checked: Boolean,
     const renderIcon = () => {
+      var _a, _b;
       const {
@@ -107,4 +108,8 @@ bem,
         }]),
-        "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
         }
@@ -114,5 +119,10 @@ }, [slots.icon ? slots.icon({
         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)]);
@@ -119,0 +129,0 @@ };

lib/checkbox/index.d.ts

 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;
@@ -14,2 +10,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
@@ -21,6 +21,2 @@ type: BooleanConstructor;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("./Checker").CheckerShape>;
-        default: import("./Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -33,2 +29,6 @@ iconSize: (NumberConstructor | StringConstructor)[];
 } & {
+    shape: {
+        type: import("vue").PropType<import("./Checker").CheckerShape>;
+        default: import("./Checker").CheckerShape;
+    };
     bindGroup: {
@@ -35,0 +35,0 @@ type: BooleanConstructor;

lib/field/Field.d.ts

@@ -23,4 +23,10 @@ import { type PropType, type ExtractPropTypes } from 'vue';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -94,4 +100,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -183,4 +195,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -270,4 +288,10 @@ type: PropType<FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -334,2 +358,3 @@ type: PropType<FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: FieldClearTrigger;
@@ -336,0 +361,0 @@ formatTrigger: FieldFormatTrigger;

lib/field/Field.js

@@ -50,4 +50,10 @@ var __defProp = Object.defineProperty;
   autocomplete: String,
+  autocapitalize: String,
+  autocorrect: String,
   errorMessage: String,
   enterkeyhint: String,
+  spellcheck: {
+    type: Boolean,
+    default: null
+  },
   clearTrigger: (0, import_utils.makeStringProp)("focus"),
@@ -380,3 +386,6 @@ formatTrigger: (0, import_utils.makeStringProp)("onChange"),
         autocomplete: props.autocomplete,
+        autocapitalize: props.autocapitalize,
+        autocorrect: props.autocorrect,
         enterkeyhint: props.enterkeyhint,
+        spellcheck: props.spellcheck,
         "aria-labelledby": props.label ? `${id}-label` : void 0,
@@ -383,0 +392,0 @@ onBlur,

lib/field/index.d.ts

@@ -49,4 +49,10 @@ import { FieldProps } from './Field';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -136,4 +142,10 @@ type: import("vue").PropType<import("./types").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -200,2 +212,3 @@ type: import("vue").PropType<import("./types").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("./types").FieldClearTrigger;
@@ -202,0 +215,0 @@ formatTrigger: import("./types").FieldFormatTrigger;

lib/floating-bubble/FloatingBubble.d.ts

 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: {
@@ -14,7 +14,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -34,2 +29,7 @@ type: PropType<FloatingBubbleOffset>;
 declare const _default: import("vue").DefineComponent<{
+    gap: {
+        type: NumberConstructor;
+        default: number;
+    };
+    icon: StringConstructor;
     axis: {
@@ -40,7 +40,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -58,2 +53,7 @@ type: PropType<FloatingBubbleOffset>;
 }, () => 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: {
@@ -64,7 +64,2 @@ type: PropType<FloatingBubbleAxis>;
     magnetic: PropType<FloatingBubbleMagnetic>;
-    icon: StringConstructor;
-    gap: {
-        type: NumberConstructor;
-        default: number;
-    };
     offset: {
@@ -71,0 +66,0 @@ type: PropType<FloatingBubbleOffset>;

lib/floating-bubble/FloatingBubble.js

@@ -36,11 +36,11 @@ var __create = Object.create;
 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: {
@@ -76,4 +76,4 @@ type: Object,
       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
@@ -176,5 +176,3 @@ }));
     });
-    (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);
@@ -181,0 +179,0 @@ (0, import_vue2.onActivated)(() => {

lib/floating-bubble/index.d.ts

 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: {
@@ -12,4 +6,10 @@ type: NumberConstructor;
     };
+    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: () => {
@@ -25,8 +25,2 @@ x: number;
 }, () => 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: {
@@ -36,4 +30,10 @@ type: NumberConstructor;
     };
+    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: () => {
@@ -53,11 +53,11 @@ x: number;
 }, {
-    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' {
@@ -64,0 +64,0 @@ interface GlobalComponents {

lib/floating-bubble/types.d.ts

@@ -9,1 +9,13 @@ export type FloatingBubbleThemeVars = {
 };
+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;
+};

lib/index.d.ts

@@ -108,2 +108,2 @@ export * from "./action-bar";
 export function install(app: any): void;
-export const version: "4.6.1";
+export const version: "4.6.2";

lib/index.js

@@ -227,3 +227,3 @@ var __defProp = Object.defineProperty;
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.6.1";
+const version = "4.6.2";
 function install(app) {
@@ -230,0 +230,0 @@ const components = [

lib/radio/index.d.ts

 export declare const Radio: import("../utils").WithInstall<import("vue").DefineComponent<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -13,8 +9,9 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<import("../checkbox/Checker").CheckerShape>;
-        default: import("../checkbox/Checker").CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -26,2 +23,7 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<import("./Radio").RadioShape>;
+        default: import("./Radio").RadioShape;
+    };
 }>> & {
@@ -31,3 +33,3 @@ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     disabled: boolean;
-    shape: import("../checkbox/Checker").CheckerShape;
+    shape: import("./Radio").RadioShape;
     labelDisabled: boolean;
@@ -34,0 +36,0 @@ }, {}>>;

lib/radio/Radio.d.ts

 import { type ExtractPropTypes } from 'vue';
-import { CheckerShape, CheckerLabelPosition } from '../checkbox/Checker';
+import { type CheckerShape, type CheckerLabelPosition } from '../checkbox/Checker';
+export type RadioShape = CheckerShape | 'dot';
 export declare const radioProps: {
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -15,4 +12,8 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 };
-export type RadioShape = CheckerShape;
 export type RadioLabelPosition = CheckerLabelPosition;
@@ -22,6 +23,2 @@ export type RadioProps = ExtractPropTypes<typeof radioProps>;
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -33,8 +30,9 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     name: import("vue").PropType<unknown>;
-    shape: {
-        type: import("vue").PropType<CheckerShape>;
-        default: CheckerShape;
-    };
     disabled: BooleanConstructor;
@@ -46,2 +44,7 @@ iconSize: (NumberConstructor | StringConstructor)[];
     labelDisabled: BooleanConstructor;
+} & {
+    shape: {
+        type: import("vue").PropType<RadioShape>;
+        default: RadioShape;
+    };
 }>> & {
@@ -51,5 +54,5 @@ "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     disabled: boolean;
-    shape: CheckerShape;
+    shape: RadioShape;
     labelDisabled: boolean;
 }, {}>;
 export default _default;

lib/radio/Radio.js

@@ -40,7 +40,9 @@ var __create = Object.create;
 var import_Checker = __toESM(require("../checkbox/Checker"));
-const radioProps = import_Checker.checkerProps;
+const radioProps = (0, import_utils.extend)({}, import_Checker.checkerProps, {
+  shape: (0, import_utils.makeStringProp)("round")
+});
 const [name, bem] = (0, import_utils.createNamespace)("radio");
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
-  props: import_Checker.checkerProps,
+  props: radioProps,
   emits: ["update:modelValue"],
@@ -47,0 +49,0 @@ setup(props, {

lib/radio/types.d.ts

 export type RadioThemeVars = {
     radioSize?: string;
+    radioDotSize?: string;
     radioBorderColor?: string;
@@ -4,0 +5,0 @@ radioDuration?: string;

lib/search/index.d.ts

@@ -22,4 +22,10 @@ import { SearchProps } from './Search';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -82,4 +88,10 @@ type: import("vue").PropType<import("..").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -140,2 +152,3 @@ type: import("vue").PropType<import("..").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("..").FieldClearTrigger;
@@ -142,0 +155,0 @@ formatTrigger: import("..").FieldFormatTrigger;

lib/search/Search.d.ts

@@ -23,4 +23,10 @@ import { type ExtractPropTypes } from 'vue';
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -85,4 +91,10 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -145,4 +157,10 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     autocomplete: StringConstructor;
+    autocapitalize: StringConstructor;
+    autocorrect: StringConstructor;
     errorMessage: StringConstructor;
     enterkeyhint: StringConstructor;
+    spellcheck: {
+        type: BooleanConstructor;
+        default: null;
+    };
     clearTrigger: {
@@ -203,2 +221,3 @@ type: import("vue").PropType<import("../field").FieldClearTrigger>;
     modelValue: string | number;
+    spellcheck: boolean;
     clearTrigger: import("../field").FieldClearTrigger;
@@ -205,0 +224,0 @@ formatTrigger: import("../field").FieldFormatTrigger;

lib/text-ellipsis/index.d.ts

@@ -22,2 +22,6 @@ export declare const TextEllipsis: import("../utils").WithInstall<import("vue").DefineComponent<{
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -44,2 +48,6 @@ rows: {
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
@@ -49,2 +57,3 @@ onClickAction?: ((...args: any[]) => any) | undefined;
     content: string;
+    position: string;
     rows: string | number;
@@ -51,0 +60,0 @@ dots: string;

lib/text-ellipsis/TextEllipsis.d.ts

@@ -23,2 +23,6 @@ import { type ExtractPropTypes } from 'vue';
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 };
@@ -47,2 +51,6 @@ export type TextEllipsisProps = ExtractPropTypes<typeof textEllipsisProps>;
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickAction"[], "clickAction", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
@@ -69,2 +77,6 @@ rows: {
     };
+    position: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
@@ -74,2 +86,3 @@ onClickAction?: ((...args: any[]) => any) | undefined;
     content: string;
+    position: string;
     rows: string | number;
@@ -76,0 +89,0 @@ dots: string;

lib/text-ellipsis/TextEllipsis.js

@@ -34,3 +34,4 @@ var __defProp = Object.defineProperty;
   expandText: (0, import_utils.makeStringProp)(""),
-  collapseText: (0, import_utils.makeStringProp)("")
+  collapseText: (0, import_utils.makeStringProp)(""),
+  position: (0, import_utils.makeStringProp)("end")
 };
@@ -48,2 +49,3 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const root = (0, import_vue2.ref)();
+    const actionText = (0, import_vue2.computed)(() => expanded.value ? props.expandText : props.collapseText);
     const pxToNum = (value) => {
@@ -77,20 +79,49 @@ if (!value)
         const {
-          dots,
           content,
-          expandText
+          position,
+          dots
         } = props;
-        let left = 0;
-        let right = content.length;
-        let res = -1;
-        while (left <= right) {
-          const mid = Math.floor((left + right) / 2);
-          container2.innerText = content.slice(0, mid) + dots + expandText;
-          if (container2.offsetHeight <= maxHeight2) {
-            left = mid + 1;
-            res = mid;
-          } else {
-            right = mid - 1;
+        const end = content.length;
+        const calcEllipse = () => {
+          const tail = (left, right) => {
+            if (right - left <= 1) {
+              if (position === "end") {
+                return content.slice(0, left) + dots;
+              }
+              return dots + content.slice(right, end);
+            }
+            const middle2 = Math.round(left + right >> 1);
+            if (position === "end") {
+              container2.innerText = content.slice(0, middle2) + dots + actionText.value;
+            } else {
+              container2.innerText = dots + content.slice(middle2, end) + actionText.value;
+            }
+            if (container2.offsetHeight > maxHeight2) {
+              if (position === "end") {
+                return tail(left, middle2);
+              }
+              return tail(middle2, right);
+            }
+            if (position === "end") {
+              return tail(middle2, right);
+            }
+            return tail(left, middle2);
+          };
+          container2.innerText = tail(0, end);
+        };
+        const middleTail = (leftPart, rightPart) => {
+          if (leftPart[1] - leftPart[0] <= 1 && rightPart[1] - rightPart[0] <= 1) {
+            return content.slice(0, leftPart[1]) + dots + dots + content.slice(rightPart[1], end);
           }
-        }
-        return content.slice(0, res) + dots;
+          const leftMiddle = Math.floor(leftPart[0] + leftPart[1] >> 1);
+          const rightMiddle = Math.ceil(rightPart[0] + rightPart[1] >> 1);
+          container2.innerText = props.content.slice(0, leftMiddle) + props.dots + actionText.value + props.dots + props.content.slice(rightMiddle, end);
+          if (container2.offsetHeight >= maxHeight2) {
+            return middleTail([leftPart[0], leftMiddle], [rightMiddle, rightPart[1]]);
+          }
+          return middleTail([leftMiddle, leftPart[1]], [rightPart[0], rightMiddle]);
+        };
+        const middle = 0 + end >> 1;
+        props.position === "middle" ? container2.innerText = middleTail([0, middle], [middle, end]) : calcEllipse();
+        return container2.innerText;
       };
@@ -105,3 +136,3 @@ const container = cloneContainer();
       } = container.style;
-      const maxHeight = (Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom);
+      const maxHeight = Math.ceil((Number(props.rows) + 0.5) * pxToNum(lineHeight) + pxToNum(paddingTop) + pxToNum(paddingBottom));
       if (maxHeight < container.offsetHeight) {
@@ -125,3 +156,3 @@ hasAction.value = true;
     (0, import_vue2.onMounted)(calcEllipsised);
-    (0, import_vue2.watch)(() => [props.content, props.rows], calcEllipsised);
+    (0, import_vue2.watch)(() => [props.content, props.rows, props.position], calcEllipsised);
     (0, import_use.useEventListener)("resize", calcEllipsised);
@@ -128,0 +159,0 @@ return () => (0, import_vue.createVNode)("div", {

package.json

 {
   "name": "vant",
-  "version": "4.6.1",
+  "version": "4.6.2",
   "description": "Mobile UI Components built on Vue",
@@ -5,0 +5,0 @@ "main": "lib/vant.cjs.js",

README.md

@@ -29,3 +29,3 @@ <p align="center">
 - 🚀 1KB Component average size (min+gzip)
-- 🚀 70+ High quality components
+- 🚀 80+ High quality components
 - 🚀 Zero third-party dependencies
@@ -32,0 +32,0 @@ - 💪 90%+ Unit test coverage

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5707229

increased by0.38%

Lines of code

148450

increased by0.32%

No dependency changes