vant 4.0.0-beta.1 → 4.0.0-rc.0

package/es/coupon-list/style/index.mjs

@@ -5,13 +5,13 @@ import "../../cell/index.css";
 import "../../field/index.css";
 import "../../loading/index.css";
 import "../../button/index.css";
-import "../../checkbox-group/index.css";
-import "../../checkbox/index.css";
-import "../../coupon/index.css";
 import "../../sticky/index.css";
 import "../../swipe/index.css";
 import "../../swipe-item/index.css";
 import "../../tabs/index.css";
 import "../../tab/index.css";
+import "../../checkbox-group/index.css";
+import "../../checkbox/index.css";
+import "../../coupon/index.css";
 import "../../empty/index.css";
 import "../index.css";

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

@@ -1,7 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type DatePickerColumnType = 'year' | 'month' | 'day';
 declare const datePickerProps: {
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -21,6 +20,8 @@ declare const datePickerProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -51,7 +52,6 @@ declare const datePickerProps: {
 };
 export declare type DatePickerProps = ExtractPropTypes<typeof datePickerProps>;
 declare const _default: import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -71,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -99,7 +101,6 @@ declare const _default: import("vue").DefineComponent<{
         validator: (val: unknown) => val is Date;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -119,6 +120,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/es/date-picker/DatePicker.mjs

@@ -35,7 +35,9 @@ var stdin_default = defineComponent({
       const maxYear = props.maxDate.getFullYear();
       return genOptions(minYear, maxYear, "year", props.formatter, props.filter);
     };
+    const isMinYear = (year) => year === props.minDate.getFullYear();
     const isMaxYear = (year) => year === props.maxDate.getFullYear();
+    const isMinMonth = (month) => month === props.minDate.getMonth() + 1;
     const isMaxMonth = (month) => month === props.maxDate.getMonth() + 1;
     const getValue = (type) => {
       const {
@@ -57,19 +59,17 @@ var stdin_default = defineComponent({
       }
     };
     const genMonthOptions = () => {
-      if (isMaxYear(getValue("year"))) {
-        return genOptions(1, props.maxDate.getMonth() + 1, "month", props.formatter, props.filter);
-      }
-      return genOptions(1, 12, "month", props.formatter, props.filter);
+      const year = getValue("year");
+      const minMonth = isMinYear(year) ? props.minDate.getMonth() + 1 : 1;
+      const maxMonth = isMaxYear(year) ? props.maxDate.getMonth() + 1 : 12;
+      return genOptions(minMonth, maxMonth, "month", props.formatter, props.filter);
     };
     const genDayOptions = () => {
       const year = getValue("year");
       const month = getValue("month");
-      let maxDate = getMonthEndDay(year, month);
-      if (isMaxYear(year) && isMaxMonth(month)) {
-        maxDate = props.maxDate.getDate();
-      }
-      return genOptions(1, maxDate, "day", props.formatter, props.filter);
+      const minDate = isMinYear(year) && isMinMonth(month) ? props.minDate.getDate() : 1;
+      const maxDate = isMaxYear(year) && isMaxMonth(month) ? props.maxDate.getDate() : getMonthEndDay(year, month);
+      return genOptions(minDate, maxDate, "day", props.formatter, props.filter);
     };
     const columns = computed(() => props.columnsType.map((type) => {
       switch (type) {
@@ -84,7 +84,7 @@ var stdin_default = defineComponent({
       }
     }));
     watch(currentValues, (newValues) => {
-      if (isSameValue(newValues, props.modelValue)) {
+      if (!isSameValue(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
     });

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

@@ -1,6 +1,5 @@
 import { DatePickerProps } from './DatePicker';
 export declare const DatePicker: import("../utils").WithInstall<import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -20,6 +19,8 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -48,7 +49,6 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         validator: (val: unknown) => val is Date;
     };
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -68,6 +68,8 @@ export declare const DatePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/es/date-picker/style/index.mjs

@@ -1,3 +1,10 @@
 import "../../style/base.css";
+import "../../badge/index.css";
 import "../../loading/index.css";
+import "../../sticky/index.css";
+import "../../swipe/index.css";
+import "../../swipe-item/index.css";
+import "../../tabs/index.css";
+import "../../tab/index.css";
 import "../../picker/index.css";
+import "../../picker-group/index.css";

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

@@ -3,7 +3,6 @@ import type { PickerOption } from '../picker';
 declare type Filter = (columnType: string, options: PickerOption[]) => PickerOption[];
 declare type Formatter = (type: string, option: PickerOption) => PickerOption;
 export declare const sharedProps: {
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -23,6 +22,8 @@ export declare const sharedProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {

package/es/divider/Divider.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<DividerContentPosition>;
         default: DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

package/es/divider/index.d.ts

@@ -8,7 +8,7 @@ export declare const Divider: import("../utils").WithInstall<import("vue").Defin
         type: import("vue").PropType<import("./Divider").DividerContentPosition>;
         default: import("./Divider").DividerContentPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dashed: BooleanConstructor;
     hairline: {
         type: BooleanConstructor;

package/es/dropdown-item/DropdownItem.d.ts

@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: PropType<DropdownItemOption[]>;
@@ -47,8 +47,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/es/dropdown-item/index.d.ts

@@ -13,7 +13,7 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
     };
     modelValue: import("vue").PropType<unknown>;
     titleClass: import("vue").PropType<unknown>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "open" | "change" | "close" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "close" | "open" | "opened" | "closed")[], "open" | "update:modelValue" | "change" | "close" | "opened" | "closed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     options: {
         type: import("vue").PropType<import("./types").DropdownItemOption[]>;
@@ -30,8 +30,8 @@ export declare const DropdownItem: import("../utils").WithInstall<import("vue").
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/es/dropdown-menu/DropdownMenu.d.ts

@@ -49,7 +49,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;

package/es/dropdown-menu/index.d.ts

@@ -22,7 +22,7 @@ export declare const DropdownMenu: import("../utils").WithInstall<import("vue").
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     overlay: {
         type: BooleanConstructor;
         default: true;

package/es/empty/Empty.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     image: {
         type: PropType<string>;
         default: string;

package/es/empty/index.d.ts

@@ -5,7 +5,7 @@ export declare const Empty: import("../utils").WithInstall<import("vue").DefineC
     };
     imageSize: import("vue").PropType<import("../utils").Numeric | [import("../utils").Numeric, import("../utils").Numeric]>;
     description: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     image: {
         type: import("vue").PropType<string>;
         default: string;

package/es/field/Field.mjs

@@ -3,7 +3,7 @@ import { ref, watch, provide, computed, nextTick, reactive, onMounted, defineCom
 import { isDef, extend, addUnit, toArray, FORM_KEY, numericProp, unknownProp, resetScroll, formatNumber, preventDefault, makeStringProp, makeNumericProp, createNamespace } from "../utils/index.mjs";
 import { cutString, runSyncRule, endComposing, mapInputType, isEmptyValue, startComposing, getRuleMessage, resizeTextarea, getStringLength, runRuleValidator } from "./utils.mjs";
 import { cellSharedProps } from "../cell/Cell.mjs";
-import { CUSTOM_FIELD_INJECTION_KEY, useParent } from "@vant/use";
+import { useParent, useEventListener, CUSTOM_FIELD_INJECTION_KEY } from "@vant/use";
 import { useId } from "../composables/use-id.mjs";
 import { useExpose } from "../composables/use-expose.mjs";
 import { Icon } from "../icon/index.mjs";
@@ -70,6 +70,7 @@ var stdin_default = defineComponent({
       validateMessage: ""
     });
     const inputRef = ref();
+    const clearIconRef = ref();
     const customValue = ref();
     const {
       parent: form
@@ -385,9 +386,9 @@ var stdin_default = defineComponent({
     const renderFieldBody = () => [_createVNode("div", {
       "class": bem("body")
     }, [renderInput(), showClear.value && _createVNode(Icon, {
+      "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem("clear"),
-      "onTouchstart": onClear
+      "class": bem("clear")
     }, null), renderRightIcon(), slots.button && _createVNode("div", {
       "class": bem("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
@@ -414,6 +415,12 @@ var stdin_default = defineComponent({
       updateValue(getModelValue(), props.formatTrigger);
       nextTick(adjustTextareaSize);
     });
+    useEventListener("touchstart", onClear, {
+      target: computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     return () => {
       const disabled = getProp("disabled");
       const labelAlign = getProp("labelAlign");

package/es/grid/Grid.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;

package/es/grid/index.d.ts

@@ -17,7 +17,7 @@ export declare const Grid: import("../utils").WithInstall<import("vue").DefineCo
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     square: BooleanConstructor;
     center: {
         type: BooleanConstructor;

package/es/grid-item/GridItem.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/grid-item/index.d.ts

@@ -10,7 +10,7 @@ export declare const GridItem: import("../utils").WithInstall<import("vue").Defi
     iconColor: StringConstructor;
     iconPrefix: StringConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     to: import("vue").PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;
     replace: BooleanConstructor;

package/es/icon/Icon.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     color: StringConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
     classPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     dot: BooleanConstructor;
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;

package/es/icon/index.d.ts

@@ -10,7 +10,7 @@ export declare const Icon: import("../utils").WithInstall<import("vue").DefineCo
     color: StringConstructor;
     badgeProps: import("vue").PropType<Partial<import("..").BadgeProps>>;
     classPrefix: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     dot: BooleanConstructor;
     tag: {
         type: import("vue").PropType<keyof HTMLElementTagNameMap>;

package/es/image-preview/ImagePreviewItem.mjs

@@ -1,7 +1,8 @@
 import { createVNode as _createVNode } from "vue";
-import { watch, computed, reactive, defineComponent } from "vue";
+import { ref, watch, computed, reactive, defineComponent } from "vue";
 import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from "../utils/index.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
+import { useEventListener } from "@vant/use";
 import { Image } from "../image/index.mjs";
 import { Loading } from "../loading/index.mjs";
 import { SwipeItem } from "../swipe-item/index.mjs";
@@ -32,6 +33,7 @@ var stdin_default = defineComponent({
       displayHeight: 0
     });
     const touch = useTouch();
+    const swipeItem = ref();
     const vertical = computed(() => {
       const {
         rootWidth,
@@ -217,6 +219,12 @@ var stdin_default = defineComponent({
         resetScale();
       }
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: computed(() => {
+        var _a;
+        return (_a = swipeItem.value) == null ? void 0 : _a.$el;
+      })
+    });
     return () => {
       const imageSlots = {
         loading: () => _createVNode(Loading, {
@@ -224,9 +232,9 @@ var stdin_default = defineComponent({
         }, null)
       };
       return _createVNode(SwipeItem, {
+        "ref": swipeItem,
         "class": bem("swipe-item"),
         "onTouchstartPassive": onTouchStart,
-        "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
       }, {

package/es/index-anchor/IndexAnchor.d.ts

@@ -5,7 +5,7 @@ declare const indexAnchorProps: {
 export declare type IndexAnchorProps = ExtractPropTypes<typeof indexAnchorProps>;
 declare const _default: import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>;
 export default _default;

package/es/index-anchor/index.d.ts

@@ -1,6 +1,6 @@
 export declare const IndexAnchor: import("../utils").WithInstall<import("vue").DefineComponent<{
     index: (NumberConstructor | StringConstructor)[];
-}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     index: (NumberConstructor | StringConstructor)[];
 }>>, {}>>;
 export default IndexAnchor;

package/es/index-bar/IndexBar.mjs

@@ -31,6 +31,7 @@ var stdin_default = defineComponent({
     slots
   }) {
     const root = ref();
+    const sidebar = ref();
     const activeAnchor = ref("");
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
@@ -150,11 +151,11 @@ var stdin_default = defineComponent({
         const {
           offsetHeight
         } = document.documentElement;
+        match.$el.scrollIntoView();
         if (scrollTop === offsetHeight - scrollParentRect.height) {
           onScroll();
           return;
         }
-        match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
         }
@@ -194,15 +195,18 @@ var stdin_default = defineComponent({
       }
     };
     const renderSidebar = () => _createVNode("div", {
+      "ref": sidebar,
       "class": bem("sidebar"),
       "style": sidebarStyle.value,
       "onClick": onClickSidebar,
-      "onTouchstartPassive": touch.start,
-      "onTouchmove": onTouchMove
+      "onTouchstartPassive": touch.start
     }, [renderIndexes()]);
     useExpose({
       scrollTo
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: sidebar
+    });
     return () => {
       var _a;
       return _createVNode("div", {

package/es/index.d.ts

@@ -53,6 +53,7 @@ export * from "./overlay";
 export * from "./pagination";
 export * from "./password-input";
 export * from "./picker";
+export * from "./picker-group";
 export * from "./popover";
 export * from "./popup";
 export * from "./progress";
@@ -92,4 +93,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.0-beta.1";
+export const version: "4.0.0-rc.0";

package/es/index.mjs

@@ -52,6 +52,7 @@ import { Overlay } from "./overlay/index.mjs";
 import { Pagination } from "./pagination/index.mjs";
 import { PasswordInput } from "./password-input/index.mjs";
 import { Picker } from "./picker/index.mjs";
+import { PickerGroup } from "./picker-group/index.mjs";
 import { Popover } from "./popover/index.mjs";
 import { Popup } from "./popup/index.mjs";
 import { Progress } from "./progress/index.mjs";
@@ -85,7 +86,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.0-beta.1";
+const version = "4.0.0-rc.0";
 function install(app) {
   const components = [
     ActionBar,
@@ -142,6 +143,7 @@ function install(app) {
     Pagination,
     PasswordInput,
     Picker,
+    PickerGroup,
     Popover,
     Popup,
     Progress,
@@ -239,6 +241,7 @@ export * from "./overlay/index.mjs";
 export * from "./pagination/index.mjs";
 export * from "./password-input/index.mjs";
 export * from "./picker/index.mjs";
+export * from "./picker-group/index.mjs";
 export * from "./popover/index.mjs";
 export * from "./popup/index.mjs";
 export * from "./progress/index.mjs";

package/es/lazyload/vue-lazyload/lazy-component.mjs

@@ -9,7 +9,10 @@ var stdin_default = (lazy) => ({
   },
   emits: ["show"],
   render() {
-    return h(this.tag, this.show && this.$slots.default ? this.$slots.default() : null);
+    return h(
+      this.tag,
+      this.show && this.$slots.default ? this.$slots.default() : null
+    );
   },
   data() {
     return {

package/es/lazyload/vue-lazyload/lazy-container.mjs

@@ -17,13 +17,17 @@ class LazyContainer {
     this.options = Object.assign({}, defaultOptions, binding.value);
     const imgs = this.getImgs();
     imgs.forEach((el2) => {
-      this.lazy.add(el2, Object.assign({}, this.binding, {
-        value: {
-          src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
-          error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
-          loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
-        }
-      }), this.vnode);
+      this.lazy.add(
+        el2,
+        Object.assign({}, this.binding, {
+          value: {
+            src: "dataset" in el2 ? el2.dataset.src : el2.getAttribute("data-src"),
+            error: ("dataset" in el2 ? el2.dataset.error : el2.getAttribute("data-error")) || this.options.error,
+            loading: ("dataset" in el2 ? el2.dataset.loading : el2.getAttribute("data-loading")) || this.options.loading
+          }
+        }),
+        this.vnode
+      );
     });
   }
   getImgs() {