vant 4.0.0-alpha.3 → 4.0.0-beta.1

package/lib/locale/lang/he-IL.js

@@ -0,0 +1,85 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var stdin_default = {
+  name: "\u05E9\u05DD",
+  tel: "\u05D8\u05DC\u05E4\u05D5\u05DF",
+  save: "\u05E9\u05DE\u05D5\u05E8",
+  confirm: "\u05D0\u05D9\u05E9\u05D5\u05E8",
+  cancel: "\u05D1\u05D9\u05D8\u05D5\u05DC",
+  delete: "\u05DE\u05D7\u05D9\u05E7\u05D4",
+  loading: "\u05D8\u05D5\u05E2\u05DF...",
+  noCoupon: "\u05D0\u05D9\u05DF \u05E7\u05D5\u05E4\u05D5\u05E0\u05D9\u05DD",
+  nameEmpty: "\u05D0\u05E0\u05D0 \u05DE\u05DC\u05D0 \u05D0\u05EA \u05D4\u05E9\u05D3\u05D4",
+  addContact: "\u05D4\u05D5\u05E1\u05E3 \u05D0\u05D9\u05E9-\u05E7\u05E9\u05E8",
+  telInvalid: "\u05DE\u05E1\u05E4\u05E8 \u05D8\u05DC\u05E4\u05D5\u05DF \u05E9\u05D2\u05D5\u05D9",
+  vanCalendar: {
+    end: "\u05E1\u05D5\u05E3",
+    start: "\u05D4\u05EA\u05D7\u05DC\u05D4",
+    title: "\u05DC\u05D5\u05D7 \u05E9\u05E0\u05D4",
+    weekdays: ["\u05E8\u05D0\u05E9\u05D5\u05DF", "\u05E9\u05E0\u05D9", "\u05E9\u05DC\u05D9\u05E9\u05D9", "\u05E8\u05D1\u05D9\u05E2\u05D9", "\u05D7\u05DE\u05D9\u05E9\u05D9", "\u05E9\u05D9\u05E9\u05D9", "\u05E9\u05D1\u05EA"],
+    monthTitle: (year, month) => `${year}/${month}`,
+    rangePrompt: (maxRange) => ` \u05D1\u05D7\u05E8 \u05DC\u05D0 \u05D9\u05D5\u05EA\u05E8 \u05DE ${maxRange} \u05D9\u05DE\u05D9\u05DD `
+  },
+  vanCascader: {
+    select: "\u05D1\u05D7\u05E8"
+  },
+  vanPagination: {
+    prev: "\u05D4\u05E7\u05D5\u05D3\u05DD",
+    next: "\u05D4\u05D1\u05D0"
+  },
+  vanPullRefresh: {
+    pulling: "\u05D2\u05E8\u05D5\u05E8 \u05DB\u05D3\u05D9 \u05DC\u05E8\u05E2\u05E0\u05DF",
+    loosing: "\u05E9\u05D7\u05E8\u05E8 \u05DB\u05D3\u05D9 \u05DC\u05E8\u05E2\u05E0\u05DF"
+  },
+  vanSubmitBar: {
+    label: "\u05E1\u05DA \u05D4\u05DB\u05DC:"
+  },
+  vanCoupon: {
+    unlimited: "\u05DC\u05DC\u05D0 \u05D4\u05D2\u05D1\u05DC\u05D4",
+    discount: (discount) => `${discount * 10}% \u05D4\u05E0\u05D7\u05D4`,
+    condition: (condition) => ` \u05DC\u05E4\u05D7\u05D5\u05EA ${condition}`
+  },
+  vanCouponCell: {
+    title: "\u05E7\u05D5\u05E4\u05D5\u05DF",
+    count: (count) => ` \u05D9\u05E9 \u05DC\u05DA ${count} \u05E7\u05D5\u05E4\u05D5\u05E0\u05D9\u05DD `
+  },
+  vanCouponList: {
+    exchange: "\u05D4\u05D7\u05DC\u05E4\u05D4",
+    close: "\u05E1\u05D2\u05D9\u05E8\u05D4",
+    enable: "\u05D6\u05DE\u05D9\u05E0\u05D9\u05DD",
+    disabled: "\u05DC\u05D0 \u05D6\u05DE\u05D9\u05E0\u05D9\u05DD",
+    placeholder: "\u05E7\u05D5\u05D3 \u05E7\u05D5\u05E4\u05D5\u05DF"
+  },
+  vanAddressEdit: {
+    area: "\u05D0\u05D9\u05D6\u05D5\u05E8",
+    postal: "\u05DE\u05D9\u05E7\u05D5\u05D3",
+    areaEmpty: "\u05D0\u05E0\u05D0 \u05D1\u05D7\u05E8 \u05D0\u05D9\u05D6\u05D5\u05E8 \u05E7\u05D1\u05DC\u05D4",
+    addressEmpty: "\u05D9\u05E9 \u05DC\u05DE\u05DC\u05D0 \u05DB\u05EA\u05D5\u05D1\u05EA",
+    postalEmpty: "\u05D8\u05E2\u05D5\u05EA \u05D1\u05DE\u05D9\u05E7\u05D5\u05D3",
+    addressDetail: "\u05DB\u05EA\u05D5\u05D1\u05EA",
+    defaultAddress: "\u05D4\u05D2\u05D3\u05E8 \u05DB\u05DB\u05EA\u05D5\u05D1\u05EA \u05D1\u05E8\u05D9\u05E8\u05EA \u05DE\u05D7\u05D3\u05E9"
+  },
+  vanAddressList: {
+    add: "\u05D4\u05D5\u05E1\u05E4\u05EA \u05DB\u05EA\u05D5\u05D1\u05EA \u05D7\u05D3\u05E9\u05D4"
+  }
+};

package/lib/notify/function-call.d.ts

@@ -1,102 +1,6 @@
-import { App } from 'vue';
 import { type ComponentInstance } from '../utils';
 import type { NotifyMessage, NotifyOptions } from './types';
-declare function Notify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
-declare namespace Notify {
-    var clear: () => void;
-    var currentOptions: NotifyOptions;
-    var setDefaultOptions: (options: NotifyOptions) => void;
-    var resetDefaultOptions: () => void;
-    var Component: import("../utils").WithInstall<import("vue").DefineComponent<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        show: BooleanConstructor;
-        zIndex: (NumberConstructor | StringConstructor)[];
-        overlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        duration: (NumberConstructor | StringConstructor)[];
-        teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
-        lockScroll: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        lazyRender: {
-            type: BooleanConstructor;
-            default: true;
-        };
-        beforeClose: import("vue").PropType<import("../utils").Interceptor>;
-        overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
-        overlayClass: import("vue").PropType<unknown>;
-        transitionAppear: BooleanConstructor;
-        closeOnClickOverlay: {
-            type: BooleanConstructor;
-            default: true;
-        };
-    } & {
-        type: {
-            type: import("vue").PropType<import("./types").NotifyType>;
-            default: import("./types").NotifyType;
-        };
-        color: StringConstructor;
-        message: (NumberConstructor | StringConstructor)[];
-        position: {
-            type: import("vue").PropType<import("./types").NotifyPosition>;
-            default: import("./types").NotifyPosition;
-        };
-        className: import("vue").PropType<unknown>;
-        background: StringConstructor;
-        lockScroll: BooleanConstructor;
-    }>> & {
-        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
-    }, {
-        type: import("./types").NotifyType;
-        position: import("./types").NotifyPosition;
-        overlay: boolean;
-        show: boolean;
-        lockScroll: boolean;
-        lazyRender: boolean;
-        transitionAppear: boolean;
-        closeOnClickOverlay: boolean;
-    }>>;
-    var install: (app: App<any>) => void;
-}
-export { Notify };
+export declare const closeNotify: () => void;
+export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
+export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
+export declare const resetNotifyDefaultOptions: () => void;

package/lib/notify/function-call.js

@@ -20,7 +20,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Notify: () => Notify
+  closeNotify: () => closeNotify,
+  resetNotifyDefaultOptions: () => resetNotifyDefaultOptions,
+  setNotifyDefaultOptions: () => setNotifyDefaultOptions,
+  showNotify: () => showNotify
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -47,21 +50,6 @@ function initInstance() {
     }
   }));
 }
-function Notify(options) {
-  if (!import_utils.inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = (0, import_utils.extend)({}, Notify.currentOptions, parseOptions(options));
-  instance.open(options);
-  clearTimeout(timer);
-  if (options.duration > 0) {
-    timer = window.setTimeout(Notify.clear, options.duration);
-  }
-  return instance;
-}
 const getDefaultOptions = () => ({
   type: "danger",
   color: void 0,
@@ -75,20 +63,28 @@ const getDefaultOptions = () => ({
   lockScroll: false,
   background: void 0
 });
-Notify.clear = () => {
+let currentOptions = getDefaultOptions();
+const closeNotify = () => {
   if (instance) {
     instance.toggle(false);
   }
 };
-Notify.currentOptions = getDefaultOptions();
-Notify.setDefaultOptions = (options) => {
-  (0, import_utils.extend)(Notify.currentOptions, options);
-};
-Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = getDefaultOptions();
-};
-Notify.Component = (0, import_utils.withInstall)(import_Notify.default);
-Notify.install = (app) => {
-  app.use(Notify.Component);
-  app.config.globalProperties.$notify = Notify;
+function showNotify(options) {
+  if (!import_utils.inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = (0, import_utils.extend)({}, currentOptions, parseOptions(options));
+  instance.open(options);
+  clearTimeout(timer);
+  if (options.duration > 0) {
+    timer = window.setTimeout(closeNotify, options.duration);
+  }
+  return instance;
+}
+const setNotifyDefaultOptions = (options) => (0, import_utils.extend)(currentOptions, options);
+const resetNotifyDefaultOptions = () => {
+  currentOptions = getDefaultOptions();
 };

package/lib/notify/index.d.ts

@@ -1,6 +1,95 @@
-import { Notify } from './function-call';
+export declare const Notify: import("../utils").WithInstall<import("vue").DefineComponent<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:show"[], "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    show: BooleanConstructor;
+    zIndex: (NumberConstructor | StringConstructor)[];
+    overlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    duration: (NumberConstructor | StringConstructor)[];
+    teleport: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
+    lockScroll: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    beforeClose: import("vue").PropType<import("../utils").Interceptor>;
+    overlayStyle: import("vue").PropType<import("vue").CSSProperties>;
+    overlayClass: import("vue").PropType<unknown>;
+    transitionAppear: BooleanConstructor;
+    closeOnClickOverlay: {
+        type: BooleanConstructor;
+        default: true;
+    };
+} & {
+    type: {
+        type: import("vue").PropType<import("./types").NotifyType>;
+        default: import("./types").NotifyType;
+    };
+    color: StringConstructor;
+    message: (NumberConstructor | StringConstructor)[];
+    position: {
+        type: import("vue").PropType<import("./types").NotifyPosition>;
+        default: import("./types").NotifyPosition;
+    };
+    className: import("vue").PropType<unknown>;
+    background: StringConstructor;
+    lockScroll: BooleanConstructor;
+}>> & {
+    "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+}, {
+    type: import("./types").NotifyType;
+    position: import("./types").NotifyPosition;
+    overlay: boolean;
+    show: boolean;
+    lockScroll: boolean;
+    lazyRender: boolean;
+    transitionAppear: boolean;
+    closeOnClickOverlay: boolean;
+}>>;
 export default Notify;
-export { Notify };
+export { showNotify, closeNotify, setNotifyDefaultOptions, resetNotifyDefaultOptions, } from './function-call';
 export type { NotifyProps } from './Notify';
 export type { NotifyType, NotifyOptions } from './types';
 declare module 'vue' {

package/lib/notify/index.js

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,12 +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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var stdin_exports = {};
 __export(stdin_exports, {
-  Notify: () => import_function_call.Notify,
-  default: () => stdin_default
+  Notify: () => Notify,
+  closeNotify: () => import_function_call.closeNotify,
+  default: () => stdin_default,
+  resetNotifyDefaultOptions: () => import_function_call.resetNotifyDefaultOptions,
+  setNotifyDefaultOptions: () => import_function_call.setNotifyDefaultOptions,
+  showNotify: () => import_function_call.showNotify
 });
 module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Notify = __toESM(require("./Notify"));
 var import_function_call = require("./function-call");
-var stdin_default = import_function_call.Notify;
+const Notify = (0, import_utils.withInstall)(import_Notify.default);
+var stdin_default = Notify;

package/lib/notify/types.d.ts

@@ -1,4 +1,3 @@
-import { Notify } from './function-call';
 import type { Numeric } from '../utils';
 export declare type NotifyMessage = Numeric;
 export declare type NotifyType = 'primary' | 'success' | 'danger' | 'warning';
@@ -16,8 +15,3 @@ export declare type NotifyOptions = {
     onClose?: () => void;
     onOpened?: () => void;
 };
-declare module '@vue/runtime-core' {
-    interface ComponentCustomProperties {
-        $notify: typeof Notify;
-    }
-}

package/lib/number-keyboard/NumberKeyboard.js

@@ -229,9 +229,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/password-input/PasswordInput.js

@@ -88,7 +88,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/picker/Picker.d.ts

@@ -101,7 +101,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<{
+}, () => 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<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -142,6 +142,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[];

package/lib/picker/Picker.js

@@ -54,7 +54,7 @@ const pickerProps = (0, import_utils.extend)({}, pickerSharedProps, {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: pickerProps,
-  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -106,6 +106,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         selectedOptions: selectedOptions.value
       });
     };
+    const onClickOption = (currentOption, columnIndex) => emit("clickOption", {
+      columnIndex,
+      currentOption,
+      selectedValues: selectedValues.value,
+      selectedOptions: selectedOptions.value
+    });
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       emit("confirm", {
@@ -159,7 +165,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "optionHeight": optionHeight.value,
       "swipeDuration": props.swipeDuration,
       "visibleOptionNum": props.visibleOptionNum,
-      "onChange": (value) => onChange(value, columnIndex)
+      "onChange": (value) => onChange(value, columnIndex),
+      "onClickOption": (option) => onClickOption(option, columnIndex)
     }, {
       option: slots.option
     }));

package/lib/picker/PickerColumn.d.ts

@@ -25,7 +25,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "clickOption")[], "change" | "clickOption", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (NumberConstructor | StringConstructor)[];
     fields: {
         type: PropType<Required<PickerFieldNames>>;
@@ -51,6 +51,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onClickOption?: ((...args: any[]) => any) | undefined;
 }, {
     readonly: boolean;
     allowHtml: boolean;

package/lib/picker/PickerColumn.js

@@ -45,7 +45,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     swipeDuration: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
     visibleOptionNum: (0, import_utils.makeRequiredProp)(import_utils.numericProp)
   },
-  emits: ["change"],
+  emits: ["change", "clickOption"],
   setup(props, {
     emit,
     slots
@@ -77,13 +77,14 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       currentOffset.value = offset;
     };
-    const onClickItem = (index) => {
+    const onClickOption = (index) => {
       if (moving || props.readonly) {
         return;
       }
       transitionEndTrigger = null;
       currentDuration.value = DEFAULT_DURATION;
       updateValueByIndex(index);
+      emit("clickOption", props.options[index]);
     };
     const getIndexByOffset = (offset) => (0, import_utils.clamp)(Math.round(-offset / props.optionHeight), 0, count() - 1);
     const momentum = (distance, duration) => {
@@ -168,7 +169,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
             disabled,
             selected: value === props.value
           }), option.className],
-          onClick: () => onClickItem(index)
+          onClick: () => onClickOption(index)
         };
         const childData = {
           class: "van-ellipsis",
@@ -189,7 +190,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
     });
     return () => (0, import_vue.createVNode)("div", {
       "class": bem(),
-      "onTouchstart": onTouchStart,
+      "onTouchstartPassive": onTouchStart,
       "onTouchmove": onTouchMove,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd

package/lib/picker/index.d.ts

@@ -36,7 +36,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
         default: import("./types").PickerToolbarPosition;
     };
     columnsFieldNames: import("vue").PropType<import("./types").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<import("vue").ExtractPropTypes<{
+}, () => 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<import("vue").ExtractPropTypes<{
     title: StringConstructor;
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -77,6 +77,7 @@ export declare const Picker: import("../utils").WithInstall<import("vue").Define
     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: import("../utils").Numeric[];