vant 4.3.1 → 4.3.2

package/es/checkbox/Checker.d.ts

@@ -9,6 +9,8 @@ export type CheckerParent = {
         iconSize?: Numeric;
         direction?: CheckerDirection;
         checkedColor?: string;
+        modelValue?: unknown | unknown[];
+        max?: Numeric;
     };
 };
 export declare const checkerProps: {

package/es/checkbox/Checker.mjs

@@ -31,7 +31,19 @@ var stdin_default = defineComponent({
         return props.parent.props[name];
       }
     };
-    const disabled = computed(() => getParentProp("disabled") || props.disabled);
+    const disabled = computed(() => {
+      if (props.parent && props.bindGroup) {
+        const disabled2 = getParentProp("disabled") || props.disabled;
+        if (props.role === "checkbox") {
+          const checkedCount = getParentProp("modelValue").length;
+          const max = getParentProp("max");
+          const overlimit = max && checkedCount >= +max;
+          return disabled2 || overlimit && !props.checked;
+        }
+        return disabled2;
+      }
+      return props.disabled;
+    });
     const direction = computed(() => getParentProp("direction"));
     const iconStyle = computed(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");

package/es/date-picker/utils.d.ts

@@ -41,5 +41,5 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
-export declare const formatValueRange: (values: string[], columns: PickerOption[]) => string[];
+export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/es/field/Field.mjs

@@ -428,6 +428,10 @@ var stdin_default = defineComponent({
         return _createVNode("label", {
           "id": `${id}-label`,
           "for": getInputId(),
+          "onClick": (event) => {
+            preventDefault(event);
+            focus();
+          },
           "style": labelAlign === "top" && labelWidth ? {
             width: addUnit(labelWidth)
           } : void 0

package/es/image-preview/ImagePreviewItem.mjs

@@ -2,11 +2,15 @@ import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, defineComponent } from "vue";
 import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp, LONG_PRESS_START_TIME } from "../utils/index.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
-import { useEventListener } from "@vant/use";
+import { useEventListener, useRect } from "@vant/use";
 import { Image } from "../image/index.mjs";
 import { Loading } from "../loading/index.mjs";
 import { SwipeItem } from "../swipe-item/index.mjs";
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
+const getCenter = (touches) => ({
+  x: (touches[0].clientX + touches[1].clientX) / 2,
+  y: (touches[0].clientY + touches[1].clientY) / 2
+});
 const bem = createNamespace("image-preview")[1];
 var stdin_default = defineComponent({
   props: {
@@ -35,6 +39,7 @@ var stdin_default = defineComponent({
       displayHeight: 0
     });
     const touch = useTouch();
+    const imageRef = ref();
     const swipeItem = ref();
     const vertical = computed(() => {
       const {
@@ -56,9 +61,7 @@ var stdin_default = defineComponent({
         transitionDuration: zooming || moving ? "0s" : ".3s"
       };
       if (scale !== 1) {
-        const offsetX = moveX / scale;
-        const offsetY = moveY / scale;
-        style.transform = `scale(${scale}, ${scale}) translate(${offsetX}px, ${offsetY}px)`;
+        style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
       }
       return style;
     });
@@ -84,10 +87,26 @@ var stdin_default = defineComponent({
       }
       return 0;
     });
-    const setScale = (scale) => {
+    const setScale = (scale, center) => {
+      var _a;
       scale = clamp(scale, +props.minZoom, +props.maxZoom + 1);
       if (scale !== state.scale) {
+        const ratio = scale / state.scale;
         state.scale = scale;
+        if (center) {
+          const imageRect = useRect((_a = imageRef.value) == null ? void 0 : _a.$el);
+          const origin = {
+            x: imageRect.width * 0.5,
+            y: imageRect.height * 0.5
+          };
+          const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
+          const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
+          state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
+          state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
+        } else {
+          state.moveX = 0;
+          state.moveY = 0;
+        }
         emit("scale", {
           scale,
           index: props.active
@@ -96,20 +115,20 @@ var stdin_default = defineComponent({
     };
     const resetScale = () => {
       setScale(1);
-      state.moveX = 0;
-      state.moveY = 0;
     };
     const toggleScale = () => {
       const scale = state.scale > 1 ? 1 : 2;
-      setScale(scale);
-      state.moveX = 0;
-      state.moveY = 0;
+      setScale(scale, scale === 2 ? {
+        x: touch.startX.value,
+        y: touch.startY.value
+      } : void 0);
     };
     let fingerNum;
     let startMoveX;
     let startMoveY;
     let startScale;
     let startDistance;
+    let lastCenter;
     let doubleTapTimer;
     let touchStartTime;
     let isImageMoved = false;
@@ -133,7 +152,7 @@ var stdin_default = defineComponent({
       state.zooming = fingerNum === 2 && !offsetX.value;
       if (state.zooming) {
         startScale = state.scale;
-        startDistance = getDistance(event.touches);
+        startDistance = getDistance(touches);
       }
     };
     const onTouchMove = (event) => {
@@ -162,7 +181,8 @@ var stdin_default = defineComponent({
         if (touches.length === 2) {
           const distance = getDistance(touches);
           const scale = startScale * distance / startDistance;
-          setScale(scale);
+          lastCenter = getCenter(touches);
+          setScale(scale, lastCenter);
         }
       }
     };
@@ -216,7 +236,7 @@ var stdin_default = defineComponent({
           }
           const maxZoom = +props.maxZoom;
           if (state.scale > maxZoom) {
-            state.scale = maxZoom;
+            setScale(maxZoom, lastCenter);
           }
         }
       }
@@ -261,6 +281,7 @@ var stdin_default = defineComponent({
         }, [slots.image({
           src: props.src
         })]) : _createVNode(Image, {
+          "ref": imageRef,
           "src": props.src,
           "fit": "contain",
           "class": bem("image", {

package/es/index.d.ts

@@ -101,4 +101,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.3.1";
+export const version: "4.3.2";

package/es/index.mjs

@@ -94,7 +94,7 @@ import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
 import { Watermark } from "./watermark/index.mjs";
-const version = "4.3.1";
+const version = "4.3.2";
 function install(app) {
   const components = [
     ActionBar,

package/es/picker-group/PickerGroup.d.ts

@@ -6,6 +6,10 @@ export declare const pickerGroupProps: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    activeTab: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
@@ -18,16 +22,24 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    activeTab: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm" | "update:activeTab")[], "cancel" | "confirm" | "update:activeTab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     tabs: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    activeTab: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
@@ -36,7 +48,9 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
 }, {
     tabs: string[];
+    activeTab: string | number;
 }>;
 export default _default;

package/es/picker-group/PickerGroup.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
-import { extend, pick, makeArrayProp, createNamespace } from "../utils/index.mjs";
+import { defineComponent } from "vue";
+import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { useChildren } from "@vant/use";
+import { useSyncPropRef } from "../composables/use-sync-prop-ref.mjs";
 import { Tab } from "../tab/index.mjs";
 import { Tabs } from "../tabs/index.mjs";
 import Toolbar, { pickerToolbarProps, pickerToolbarSlots } from "../picker/PickerToolbar.mjs";
@@ -9,26 +10,27 @@ const [name, bem] = createNamespace("picker-group");
 const PICKER_GROUP_KEY = Symbol(name);
 const pickerGroupProps = extend({
   tabs: makeArrayProp(),
+  activeTab: makeNumericProp(0),
   nextStepText: String
 }, pickerToolbarProps);
 var stdin_default = defineComponent({
   name,
   props: pickerGroupProps,
-  emits: ["confirm", "cancel"],
+  emits: ["confirm", "cancel", "update:activeTab"],
   setup(props, {
     emit,
     slots
   }) {
-    const activeTab = ref(0);
+    const activeTab = useSyncPropRef(() => props.activeTab, (value) => emit("update:activeTab", value));
     const {
       children,
       linkChildren
     } = useChildren(PICKER_GROUP_KEY);
     linkChildren();
-    const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
+    const showNextButton = () => +activeTab.value < props.tabs.length - 1 && props.nextStepText;
     const onConfirm = () => {
       if (showNextButton()) {
-        activeTab.value++;
+        activeTab.value = +activeTab.value + 1;
       } else {
         emit("confirm", children.map((item) => item.confirm()));
       }

package/es/picker-group/index.d.ts

@@ -4,16 +4,24 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    activeTab: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm")[], "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cancel" | "confirm" | "update:activeTab")[], "cancel" | "confirm" | "update:activeTab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     tabs: {
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
+    activeTab: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
     nextStepText: StringConstructor;
 } & {
     title: StringConstructor;
@@ -22,8 +30,10 @@ export declare const PickerGroup: import("../utils").WithInstall<import("vue").D
 }>> & {
     onCancel?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
+    "onUpdate:activeTab"?: ((...args: any[]) => any) | undefined;
 }, {
     tabs: string[];
+    activeTab: string | number;
 }>>;
 export default PickerGroup;
 export { pickerGroupProps } from './PickerGroup';

package/es/step/index.css

@@ -1 +1 @@
-:root{--van-step-text-color: var(--van-text-color-2);--van-step-active-color: var(--van-primary-color);--van-step-process-text-color: var(--van-text-color);--van-step-font-size: var(--van-font-size-md);--van-step-line-color: var(--van-border-color);--van-step-finish-line-color: var(--van-primary-color);--van-step-finish-text-color: var(--van-text-color);--van-step-icon-size: 12px;--van-step-circle-size: 5px;--van-step-circle-color: var(--van-gray-6);--van-step-horizontal-title-font-size: var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child{position:absolute;right:1px;width:auto}.van-step--horizontal:last-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-2);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translate(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{color:var(--van-step-active-color)}
+:root{--van-step-text-color: var(--van-text-color-2);--van-step-active-color: var(--van-primary-color);--van-step-process-text-color: var(--van-text-color);--van-step-font-size: var(--van-font-size-md);--van-step-line-color: var(--van-border-color);--van-step-finish-line-color: var(--van-primary-color);--van-step-finish-text-color: var(--van-text-color);--van-step-icon-size: 12px;--van-step-circle-size: 5px;--van-step-circle-color: var(--van-gray-6);--van-step-horizontal-title-font-size: var(--van-font-size-sm)}.van-step{position:relative;flex:1;color:var(--van-step-text-color);font-size:var(--van-step-font-size)}.van-step__circle{display:block;width:var(--van-step-circle-size);height:var(--van-step-circle-size);background-color:var(--van-step-circle-color);border-radius:50%}.van-step__line{position:absolute;background-color:var(--van-step-line-color);transition:background-color var(--van-duration-base)}.van-step--horizontal{float:left}.van-step--horizontal:first-child .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child){position:absolute;right:1px;width:auto}.van-step--horizontal:last-child:not(:first-child) .van-step__title{margin-left:0;transform:none}.van-step--horizontal:last-child:not(:first-child) .van-step__circle-container{right:-9px;left:auto}.van-step--horizontal .van-step__circle-container{position:absolute;top:30px;left:calc(var(--van-padding-xs) * -1);z-index:1;padding:0 var(--van-padding-xs);background-color:var(--van-background-2);transform:translateY(-50%)}.van-step--horizontal .van-step__title{display:inline-block;margin-left:3px;font-size:var(--van-step-horizontal-title-font-size);transform:translate(-50%)}.van-step--horizontal .van-step__line{top:30px;left:0;width:100%;height:1px}.van-step--horizontal .van-step__icon{display:block;font-size:var(--van-step-icon-size)}.van-step--horizontal .van-step--process{color:var(--van-step-process-text-color)}.van-step--vertical{display:block;float:none;padding:10px 10px 10px 0;line-height:var(--van-line-height-sm)}.van-step--vertical:not(:last-child):after{border-bottom-width:1px}.van-step--vertical .van-step__circle-container{position:absolute;top:19px;left:-15px;z-index:1;font-size:var(--van-step-icon-size);line-height:1;transform:translate(-50%,-50%)}.van-step--vertical .van-step__line{top:16px;left:-15px;width:1px;height:100%}.van-step:last-child .van-step__line{width:0}.van-step--finish{color:var(--van-step-finish-text-color)}.van-step--finish .van-step__circle,.van-step--finish .van-step__line{background-color:var(--van-step-finish-line-color)}.van-step__icon,.van-step__title{transition:color var(--van-duration-base)}.van-step__icon--active,.van-step__title--active,.van-step__icon--finish,.van-step__title--finish{color:var(--van-step-active-color)}

package/es/submit-bar/index.css

@@ -1 +1 @@
-:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-currency-font-size: var(--van-font-size-md);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}
+:root{--van-submit-bar-height: 50px;--van-submit-bar-z-index: 100;--van-submit-bar-background: var(--van-background-2);--van-submit-bar-button-width: 110px;--van-submit-bar-price-color: var(--van-danger-color);--van-submit-bar-price-font-size: var(--van-font-size-sm);--van-submit-bar-price-integer-font-size: 20px;--van-submit-bar-price-font: var(--van-price-font);--van-submit-bar-text-color: var(--van-text-color);--van-submit-bar-text-font-size: var(--van-font-size-md);--van-submit-bar-tip-padding: var(--van-padding-xs) var(--van-padding-sm);--van-submit-bar-tip-font-size: var(--van-font-size-sm);--van-submit-bar-tip-line-height: 1.5;--van-submit-bar-tip-color: var(--van-orange-dark);--van-submit-bar-tip-background: var(--van-orange-light);--van-submit-bar-tip-icon-size: 12px;--van-submit-bar-button-height: 40px;--van-submit-bar-padding: 0 var(--van-padding-md)}.van-submit-bar{position:fixed;bottom:0;left:0;z-index:var(--van-submit-bar-z-index);width:100%;background:var(--van-submit-bar-background);-webkit-user-select:none;user-select:none}.van-submit-bar__tip{padding:var(--van-submit-bar-tip-padding);color:var(--van-submit-bar-tip-color);font-size:var(--van-submit-bar-tip-font-size);line-height:var(--van-submit-bar-tip-line-height);background:var(--van-submit-bar-tip-background)}.van-submit-bar__tip-icon{margin-right:var(--van-padding-base);font-size:var(--van-submit-bar-tip-icon-size);vertical-align:middle}.van-submit-bar__tip-text{vertical-align:middle}.van-submit-bar__bar{display:flex;align-items:center;justify-content:flex-end;height:var(--van-submit-bar-height);padding:var(--van-submit-bar-padding);font-size:var(--van-submit-bar-text-font-size)}.van-submit-bar__text{flex:1;padding-right:var(--van-padding-sm);color:var(--van-submit-bar-text-color);text-align:right}.van-submit-bar__text span{display:inline-block}.van-submit-bar__suffix-label{margin-left:var(--van-padding-base);font-weight:var(--van-font-bold)}.van-submit-bar__price{color:var(--van-submit-bar-price-color);font-weight:var(--van-font-bold);font-size:var(--van-submit-bar-price-font-size);margin-left:var(--van-padding-base)}.van-submit-bar__price-integer{font-size:var(--van-submit-bar-price-integer-font-size);font-family:var(--van-submit-bar-price-font)}.van-submit-bar__button{width:var(--van-submit-bar-button-width);height:var(--van-submit-bar-button-height);font-weight:var(--van-font-bold);border:none}.van-submit-bar__button--danger{background:var(--van-gradient-red)}

package/es/tabs/Tabs.mjs

@@ -46,6 +46,8 @@ var stdin_default = defineComponent({
     let tabHeight;
     let lockScroll;
     let stickyFixed;
+    let cancelScrollLeftToRaf;
+    let cancelScrollTopToRaf;
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
@@ -93,7 +95,9 @@ var stdin_default = defineComponent({
       }
       const title = titles[state.currentIndex].$el;
       const to = title.offsetLeft - (nav.offsetWidth - title.offsetWidth) / 2;
-      scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
+      if (cancelScrollLeftToRaf)
+        cancelScrollLeftToRaf();
+      cancelScrollLeftToRaf = scrollLeftTo(nav, to, immediate ? 0 : +props.duration);
     };
     const setLine = () => {
       const shouldAnimate = state.inited;
@@ -169,7 +173,9 @@ var stdin_default = defineComponent({
         if (target && scroller.value) {
           const to = getElementTop(target, scroller.value) - scrollOffset.value;
           lockScroll = true;
-          scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
+          if (cancelScrollTopToRaf)
+            cancelScrollTopToRaf();
+          cancelScrollTopToRaf = scrollTopTo(scroller.value, to, immediate ? 0 : +props.duration, () => {
             lockScroll = false;
           });
         }

package/es/tabs/utils.d.ts

@@ -1,3 +1,3 @@
 import { ScrollElement } from '../utils';
-export declare function scrollLeftTo(scroller: HTMLElement, to: number, duration: number): void;
-export declare function scrollTopTo(scroller: ScrollElement, to: number, duration: number, callback: () => void): void;
+export declare function scrollLeftTo(scroller: HTMLElement, to: number, duration: number): () => void;
+export declare function scrollTopTo(scroller: ScrollElement, to: number, duration: number, callback: () => void): () => void;

package/es/tabs/utils.mjs

@@ -1,22 +1,31 @@
-import { raf } from "@vant/use";
+import { raf, cancelRaf } from "@vant/use";
 import { getScrollTop, setScrollTop } from "../utils/index.mjs";
 function scrollLeftTo(scroller, to, duration) {
+  let rafId;
   let count = 0;
   const from = scroller.scrollLeft;
   const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
+  function cancel() {
+    cancelRaf(rafId);
+  }
   function animate() {
     scroller.scrollLeft += (to - from) / frames;
     if (++count < frames) {
-      raf(animate);
+      rafId = raf(animate);
     }
   }
   animate();
+  return cancel;
 }
 function scrollTopTo(scroller, to, duration, callback) {
+  let rafId;
   let current = getScrollTop(scroller);
   const isDown = current < to;
   const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
   const step = (to - current) / frames;
+  function cancel() {
+    cancelRaf(rafId);
+  }
   function animate() {
     current += step;
     if (isDown && current > to || !isDown && current < to) {
@@ -24,12 +33,13 @@ function scrollTopTo(scroller, to, duration, callback) {
     }
     setScrollTop(scroller, current);
     if (isDown && current < to || !isDown && current > to) {
-      raf(animate);
+      rafId = raf(animate);
     } else if (callback) {
-      raf(callback);
+      rafId = raf(callback);
     }
   }
   animate();
+  return cancel;
 }
 export {
   scrollLeftTo,

package/lib/checkbox/Checker.d.ts

@@ -9,6 +9,8 @@ export type CheckerParent = {
         iconSize?: Numeric;
         direction?: CheckerDirection;
         checkedColor?: string;
+        modelValue?: unknown | unknown[];
+        max?: Numeric;
     };
 };
 export declare const checkerProps: {

package/lib/checkbox/Checker.js

@@ -54,7 +54,19 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return props.parent.props[name];
       }
     };
-    const disabled = (0, import_vue2.computed)(() => getParentProp("disabled") || props.disabled);
+    const disabled = (0, import_vue2.computed)(() => {
+      if (props.parent && props.bindGroup) {
+        const disabled2 = getParentProp("disabled") || props.disabled;
+        if (props.role === "checkbox") {
+          const checkedCount = getParentProp("modelValue").length;
+          const max = getParentProp("max");
+          const overlimit = max && checkedCount >= +max;
+          return disabled2 || overlimit && !props.checked;
+        }
+        return disabled2;
+      }
+      return props.disabled;
+    });
     const direction = (0, import_vue2.computed)(() => getParentProp("direction"));
     const iconStyle = (0, import_vue2.computed)(() => {
       const checkedColor = props.checkedColor || getParentProp("checkedColor");

package/lib/date-picker/utils.d.ts

@@ -41,5 +41,5 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare const getMonthEndDay: (year: number, month: number) => number;
 export declare const genOptions: <T extends string>(min: number, max: number, type: T, formatter: Formatter, filter?: Filter) => PickerOption[];
-export declare const formatValueRange: (values: string[], columns: PickerOption[]) => string[];
+export declare const formatValueRange: (values: string[], columns: PickerOption[][]) => string[];
 export {};

package/lib/field/Field.js

@@ -452,6 +452,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
         return (0, import_vue.createVNode)("label", {
           "id": `${id}-label`,
           "for": getInputId(),
+          "onClick": (event) => {
+            (0, import_utils.preventDefault)(event);
+            focus();
+          },
           "style": labelAlign === "top" && labelWidth ? {
             width: (0, import_utils.addUnit)(labelWidth)
           } : void 0

package/lib/image-preview/ImagePreviewItem.js

@@ -29,6 +29,10 @@ var import_image = require("../image");
 var import_loading = require("../loading");
 var import_swipe_item = require("../swipe-item");
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
+const getCenter = (touches) => ({
+  x: (touches[0].clientX + touches[1].clientX) / 2,
+  y: (touches[0].clientY + touches[1].clientY) / 2
+});
 const bem = (0, import_utils.createNamespace)("image-preview")[1];
 var stdin_default = (0, import_vue2.defineComponent)({
   props: {
@@ -57,6 +61,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       displayHeight: 0
     });
     const touch = (0, import_use_touch.useTouch)();
+    const imageRef = (0, import_vue2.ref)();
     const swipeItem = (0, import_vue2.ref)();
     const vertical = (0, import_vue2.computed)(() => {
       const {
@@ -78,9 +83,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         transitionDuration: zooming || moving ? "0s" : ".3s"
       };
       if (scale !== 1) {
-        const offsetX = moveX / scale;
-        const offsetY = moveY / scale;
-        style.transform = `scale(${scale}, ${scale}) translate(${offsetX}px, ${offsetY}px)`;
+        style.transform = `matrix(${scale}, 0, 0, ${scale}, ${moveX}, ${moveY})`;
       }
       return style;
     });
@@ -106,10 +109,26 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return 0;
     });
-    const setScale = (scale) => {
+    const setScale = (scale, center) => {
+      var _a;
       scale = (0, import_utils.clamp)(scale, +props.minZoom, +props.maxZoom + 1);
       if (scale !== state.scale) {
+        const ratio = scale / state.scale;
         state.scale = scale;
+        if (center) {
+          const imageRect = (0, import_use.useRect)((_a = imageRef.value) == null ? void 0 : _a.$el);
+          const origin = {
+            x: imageRect.width * 0.5,
+            y: imageRect.height * 0.5
+          };
+          const moveX = state.moveX - (center.x - imageRect.left - origin.x) * (ratio - 1);
+          const moveY = state.moveY - (center.y - imageRect.top - origin.y) * (ratio - 1);
+          state.moveX = (0, import_utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
+          state.moveY = (0, import_utils.clamp)(moveY, -maxMoveY.value, maxMoveY.value);
+        } else {
+          state.moveX = 0;
+          state.moveY = 0;
+        }
         emit("scale", {
           scale,
           index: props.active
@@ -118,20 +137,20 @@ var stdin_default = (0, import_vue2.defineComponent)({
     };
     const resetScale = () => {
       setScale(1);
-      state.moveX = 0;
-      state.moveY = 0;
     };
     const toggleScale = () => {
       const scale = state.scale > 1 ? 1 : 2;
-      setScale(scale);
-      state.moveX = 0;
-      state.moveY = 0;
+      setScale(scale, scale === 2 ? {
+        x: touch.startX.value,
+        y: touch.startY.value
+      } : void 0);
     };
     let fingerNum;
     let startMoveX;
     let startMoveY;
     let startScale;
     let startDistance;
+    let lastCenter;
     let doubleTapTimer;
     let touchStartTime;
     let isImageMoved = false;
@@ -155,7 +174,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       state.zooming = fingerNum === 2 && !offsetX.value;
       if (state.zooming) {
         startScale = state.scale;
-        startDistance = getDistance(event.touches);
+        startDistance = getDistance(touches);
       }
     };
     const onTouchMove = (event) => {
@@ -184,7 +203,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (touches.length === 2) {
           const distance = getDistance(touches);
           const scale = startScale * distance / startDistance;
-          setScale(scale);
+          lastCenter = getCenter(touches);
+          setScale(scale, lastCenter);
         }
       }
     };
@@ -238,7 +258,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
           }
           const maxZoom = +props.maxZoom;
           if (state.scale > maxZoom) {
-            state.scale = maxZoom;
+            setScale(maxZoom, lastCenter);
           }
         }
       }
@@ -283,6 +303,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.image({
           src: props.src
         })]) : (0, import_vue.createVNode)(import_image.Image, {
+          "ref": imageRef,
           "src": props.src,
           "fit": "contain",
           "class": bem("image", {