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

package/lib/notify/index.js

@@ -16,13 +16,17 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Notify: () => Notify,
   closeNotify: () => import_function_call.closeNotify,
   default: () => stdin_default,
+  notifyProps: () => import_Notify2.notifyProps,
   resetNotifyDefaultOptions: () => import_function_call.resetNotifyDefaultOptions,
   setNotifyDefaultOptions: () => import_function_call.setNotifyDefaultOptions,
   showNotify: () => import_function_call.showNotify
@@ -30,6 +34,7 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Notify = __toESM(require("./Notify"));
+var import_Notify2 = require("./Notify");
 var import_function_call = require("./function-call");
 const Notify = (0, import_utils.withInstall)(import_Notify.default);
 var stdin_default = Notify;

package/lib/number-keyboard/NumberKeyboard.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
 export declare type NumberKeyboardTheme = 'default' | 'custom';
-declare const numberKeyboardProps: {
+export declare const numberKeyboardProps: {
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -92,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {

package/lib/number-keyboard/NumberKeyboard.js

@@ -16,11 +16,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  numberKeyboardProps: () => numberKeyboardProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -229,9 +233,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
             unfit: !props.safeAreaInsetBottom,
             "with-title": !!Title
           }),
-          "onTouchstart": import_utils.stopPropagation,
           "onAnimationend": onAnimationEnd,
-          "onWebkitAnimationEnd": onAnimationEnd
+          "onTouchstartPassive": import_utils.stopPropagation
         }, [Title, (0, import_vue.createVNode)("div", {
           "class": bem("body")
         }, [(0, import_vue.createVNode)("div", {

package/lib/number-keyboard/NumberKeyboardKey.js

@@ -96,8 +96,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "class": bem("wrapper", {
         wider: props.wider
       }),
-      "onTouchstart": onTouchStart,
-      "onTouchmove": onTouchMove,
+      "onTouchstartPassive": onTouchStart,
+      "onTouchmovePassive": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
     }, [(0, import_vue.createVNode)("div", {

package/lib/number-keyboard/index.d.ts

@@ -43,7 +43,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
         type: import("vue").PropType<string | string[]>;
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete")[], "input" | "blur" | "update:modelValue" | "hide" | "show" | "close" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete")[], "input" | "blur" | "update:modelValue" | "close" | "hide" | "show" | "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     title: StringConstructor;
     theme: {
@@ -111,6 +111,7 @@ export declare const NumberKeyboard: import("../utils").WithInstall<import("vue"
     extraKey: string | string[];
 }>>;
 export default NumberKeyboard;
+export { numberKeyboardProps } from './NumberKeyboard';
 export type { NumberKeyboardProps, NumberKeyboardTheme, } from './NumberKeyboard';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/number-keyboard/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   NumberKeyboard: () => NumberKeyboard,
-  default: () => stdin_default
+  default: () => stdin_default,
+  numberKeyboardProps: () => import_NumberKeyboard2.numberKeyboardProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_NumberKeyboard = __toESM(require("./NumberKeyboard"));
+var import_NumberKeyboard2 = require("./NumberKeyboard");
 const NumberKeyboard = (0, import_utils.withInstall)(import_NumberKeyboard.default);
 var stdin_default = NumberKeyboard;

package/lib/overlay/Overlay.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type CSSProperties, type ExtractPropTypes } from 'vue';
-declare const overlayProps: {
+export declare const overlayProps: {
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -29,7 +29,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     customStyle: PropType<CSSProperties>;
-}, () => 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<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];

package/lib/overlay/Overlay.js

@@ -17,12 +17,14 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  overlayProps: () => overlayProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
+var import_use = require("@vant/use");
 var import_use_lazy_render = require("../composables/use-lazy-render");
 const [name, bem] = (0, import_utils.createNamespace)("overlay");
 const overlayProps = {
@@ -40,9 +42,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
   setup(props, {
     slots
   }) {
+    const root = (0, import_vue2.ref)();
     const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => props.show || !props.lazyRender);
-    const preventTouchMove = (event) => {
-      (0, import_utils.preventDefault)(event, true);
+    const onTouchMove = (event) => {
+      if (props.lockScroll) {
+        (0, import_utils.preventDefault)(event, true);
+      }
     };
     const renderOverlay = lazyRender(() => {
       var _a;
@@ -51,11 +56,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
         style.animationDuration = `${props.duration}s`;
       }
       return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+        "ref": root,
         "style": style,
-        "class": [bem(), props.className],
-        "onTouchmove": props.lockScroll ? preventTouchMove : import_utils.noop
+        "class": [bem(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[import_vue.vShow, props.show]]);
     });
+    (0, import_use.useEventListener)("touchmove", onTouchMove, {
+      target: root
+    });
     return () => (0, import_vue.createVNode)(import_vue2.Transition, {
       "name": "van-fade",
       "appear": true

package/lib/overlay/index.d.ts

@@ -12,7 +12,7 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
         default: true;
     };
     customStyle: import("vue").PropType<import("vue").CSSProperties>;
-}, () => 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<{
     show: BooleanConstructor;
     zIndex: (NumberConstructor | StringConstructor)[];
     duration: (NumberConstructor | StringConstructor)[];
@@ -32,6 +32,7 @@ export declare const Overlay: import("../utils").WithInstall<import("vue").Defin
     lazyRender: boolean;
 }>>;
 export default Overlay;
+export { overlayProps } from './Overlay';
 export type { OverlayProps } from './Overlay';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/overlay/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Overlay: () => Overlay,
-  default: () => stdin_default
+  default: () => stdin_default,
+  overlayProps: () => import_Overlay2.overlayProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Overlay = __toESM(require("./Overlay"));
+var import_Overlay2 = require("./Overlay");
 const Overlay = (0, import_utils.withInstall)(import_Overlay.default);
 var stdin_default = Overlay;

package/lib/pagination/Pagination.d.ts

@@ -1,6 +1,6 @@
 import { type ExtractPropTypes } from 'vue';
 export declare type PaginationMode = 'simple' | 'multi';
-declare const paginationProps: {
+export declare const paginationProps: {
     mode: {
         type: import("vue").PropType<PaginationMode>;
         default: PaginationMode;

package/lib/pagination/Pagination.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  paginationProps: () => paginationProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");

package/lib/pagination/index.d.ts

@@ -67,6 +67,7 @@ export declare const Pagination: import("../utils").WithInstall<import("vue").De
     forceEllipses: boolean;
 }>>;
 export default Pagination;
+export { paginationProps } from './Pagination';
 export type { PaginationMode, PaginationProps } from './Pagination';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/pagination/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   Pagination: () => Pagination,
-  default: () => stdin_default
+  default: () => stdin_default,
+  paginationProps: () => import_Pagination2.paginationProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_Pagination = __toESM(require("./Pagination"));
+var import_Pagination2 = require("./Pagination");
 const Pagination = (0, import_utils.withInstall)(import_Pagination.default);
 var stdin_default = Pagination;

package/lib/password-input/PasswordInput.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-declare const passwordInputProps: {
+export declare const passwordInputProps: {
     info: StringConstructor;
     mask: {
         type: BooleanConstructor;

package/lib/password-input/PasswordInput.js

@@ -17,7 +17,8 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  default: () => stdin_default
+  default: () => stdin_default,
+  passwordInputProps: () => passwordInputProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -88,7 +89,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "class": [bem("security"), {
           [import_utils.BORDER_SURROUND]: !props.gutter
         }],
-        "onTouchstart": onTouchStart
+        "onTouchstartPassive": onTouchStart
       }, [renderPoints()]), info && (0, import_vue.createVNode)("div", {
         "class": bem(props.errorInfo ? "error-info" : "info")
       }, [info])]);

package/lib/password-input/index.d.ts

@@ -41,6 +41,7 @@ export declare const PasswordInput: import("../utils").WithInstall<import("vue")
     focused: boolean;
 }>>;
 export default PasswordInput;
+export { passwordInputProps } from './PasswordInput';
 export type { PasswordInputProps } from './PasswordInput';
 declare module 'vue' {
     interface GlobalComponents {

package/lib/password-input/index.js

@@ -16,15 +16,20 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
   PasswordInput: () => PasswordInput,
-  default: () => stdin_default
+  default: () => stdin_default,
+  passwordInputProps: () => import_PasswordInput2.passwordInputProps
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_utils = require("../utils");
 var import_PasswordInput = __toESM(require("./PasswordInput"));
+var import_PasswordInput2 = require("./PasswordInput");
 const PasswordInput = (0, import_utils.withInstall)(import_PasswordInput.default);
 var stdin_default = PasswordInput;

package/lib/picker/Picker.d.ts

@@ -2,7 +2,6 @@ import { type PropType, type ExtractPropTypes } from 'vue';
 import { type Numeric } from '../utils';
 import type { PickerColumn, PickerOption, PickerFieldNames, PickerToolbarPosition } from './types';
 export declare const pickerSharedProps: {
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -22,11 +21,12 @@ export declare const pickerSharedProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 };
-declare const pickerProps: {
-    title: StringConstructor;
+export declare const pickerProps: {
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -46,6 +46,8 @@ declare const pickerProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -65,7 +67,6 @@ declare const pickerProps: {
 };
 export declare type PickerProps = ExtractPropTypes<typeof pickerProps>;
 declare const _default: import("vue").DefineComponent<{
-    title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -85,6 +86,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -101,8 +104,7 @@ declare const _default: import("vue").DefineComponent<{
         default: PickerToolbarPosition;
     };
     columnsFieldNames: PropType<PickerFieldNames>;
-}, () => 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;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "clickOption" | "confirm")[], "update:modelValue" | "change" | "cancel" | "clickOption" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
     allowHtml: BooleanConstructor;
@@ -122,6 +124,8 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+} & {
+    title: StringConstructor;
     cancelButtonText: StringConstructor;
     confirmButtonText: StringConstructor;
 } & {
@@ -142,6 +146,7 @@ declare const _default: import("vue").DefineComponent<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;
+    onClickOption?: ((...args: any[]) => any) | undefined;
     onConfirm?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: Numeric[];