vant 4.0.0-alpha.4 → 4.0.0-rc.0

package/es/lazyload/vue-lazyload/listener.mjs

@@ -73,24 +73,32 @@ class ReactiveListener {
   }
   renderLoading(cb) {
     this.state.loading = true;
-    loadImageAsync({
-      src: this.loading,
-      cors: this.cors
-    }, () => {
-      this.render("loading", false);
-      this.state.loading = false;
-      cb();
-    }, () => {
-      cb();
-      this.state.loading = false;
-      if (process.env.NODE_ENV !== "production" && !this.options.silent)
-        console.warn(`[@vant/lazyload] load failed with loading image(${this.loading})`);
-    });
+    loadImageAsync(
+      {
+        src: this.loading,
+        cors: this.cors
+      },
+      () => {
+        this.render("loading", false);
+        this.state.loading = false;
+        cb();
+      },
+      () => {
+        cb();
+        this.state.loading = false;
+        if (process.env.NODE_ENV !== "production" && !this.options.silent)
+          console.warn(
+            `[@vant/lazyload] load failed with loading image(${this.loading})`
+          );
+      }
+    );
   }
   load(onFinish = noop) {
     if (this.attempt > this.options.attempt - 1 && this.state.error) {
       if (process.env.NODE_ENV !== "production" && !this.options.silent) {
-        console.log(`[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`);
+        console.log(
+          `[@vant/lazyload] ${this.src} tried too more than ${this.options.attempt} times`
+        );
       }
       onFinish();
       return;
@@ -108,25 +116,29 @@ class ReactiveListener {
       this.attempt++;
       (_b = (_a = this.options.adapter).beforeLoad) == null ? void 0 : _b.call(_a, this, this.options);
       this.record("loadStart");
-      loadImageAsync({
-        src: this.src,
-        cors: this.cors
-      }, (data) => {
-        this.naturalHeight = data.naturalHeight;
-        this.naturalWidth = data.naturalWidth;
-        this.state.loaded = true;
-        this.state.error = false;
-        this.record("loadEnd");
-        this.render("loaded", false);
-        this.state.rendered = true;
-        this.imageCache.add(this.src);
-        onFinish();
-      }, (err) => {
-        !this.options.silent && console.error(err);
-        this.state.error = true;
-        this.state.loaded = false;
-        this.render("error", false);
-      });
+      loadImageAsync(
+        {
+          src: this.src,
+          cors: this.cors
+        },
+        (data) => {
+          this.naturalHeight = data.naturalHeight;
+          this.naturalWidth = data.naturalWidth;
+          this.state.loaded = true;
+          this.state.error = false;
+          this.record("loadEnd");
+          this.render("loaded", false);
+          this.state.rendered = true;
+          this.imageCache.add(this.src);
+          onFinish();
+        },
+        (err) => {
+          !this.options.silent && console.error(err);
+          this.state.error = true;
+          this.state.loaded = false;
+          this.render("error", false);
+        }
+      );
     });
   }
   render(state, cache) {

package/es/lazyload/vue-lazyload/util.mjs

@@ -29,7 +29,10 @@ function getBestSelectionFromSrcset(el, scale) {
       tmpWidth = 999998;
     } else {
       tmpSrc = item.substr(0, spaceIndex);
-      tmpWidth = parseInt(item.substr(spaceIndex + 1, item.length - spaceIndex - 2), 10);
+      tmpWidth = parseInt(
+        item.substr(spaceIndex + 1, item.length - spaceIndex - 2),
+        10
+      );
     }
     return [tmpWidth, tmpSrc];
   });

package/es/list/List.mjs

@@ -115,7 +115,8 @@ var stdin_default = defineComponent({
       check
     });
     useEventListener("scroll", check, {
-      target: scrollParent
+      target: scrollParent,
+      passive: true
     });
     return () => {
       var _a;

package/es/loading/Loading.d.ts

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<{
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: 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<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<LoadingType>;

package/es/loading/index.d.ts

@@ -8,7 +8,7 @@ export declare const Loading: import("../utils").WithInstall<import("vue").Defin
     vertical: BooleanConstructor;
     textSize: (NumberConstructor | StringConstructor)[];
     textColor: 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<{
     size: (NumberConstructor | StringConstructor)[];
     type: {
         type: import("vue").PropType<import("./Loading").LoadingType>;

package/es/locale/index.d.ts

@@ -1,7 +1,7 @@
 declare type Message = Record<string, any>;
 export declare const Locale: {
     messages(): Message;
-    use(newLang: string, newMessages?: Message | undefined): void;
+    use(newLang: string, newMessages?: Message): void;
     add(newMessages?: Message): void;
 };
 export default Locale;

package/es/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/es/notify/function-call.mjs

@@ -1,5 +1,5 @@
 import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { extend, isObject, inBrowser, withInstall } from "../utils/index.mjs";
+import { extend, isObject, inBrowser } from "../utils/index.mjs";
 import { mountComponent, usePopupState } from "../utils/mount-component.mjs";
 import VanNotify from "./Notify.mjs";
 let timer;
@@ -22,21 +22,6 @@ function initInstance() {
     }
   }));
 }
-function Notify(options) {
-  if (!inBrowser) {
-    return;
-  }
-  if (!instance) {
-    initInstance();
-  }
-  options = 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,
@@ -50,23 +35,34 @@ 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) => {
-  extend(Notify.currentOptions, options);
-};
-Notify.resetDefaultOptions = () => {
-  Notify.currentOptions = getDefaultOptions();
-};
-Notify.Component = withInstall(VanNotify);
-Notify.install = (app) => {
-  app.use(Notify.Component);
-  app.config.globalProperties.$notify = Notify;
+function showNotify(options) {
+  if (!inBrowser) {
+    return;
+  }
+  if (!instance) {
+    initInstance();
+  }
+  options = extend({}, currentOptions, parseOptions(options));
+  instance.open(options);
+  clearTimeout(timer);
+  if (options.duration > 0) {
+    timer = window.setTimeout(closeNotify, options.duration);
+  }
+  return instance;
+}
+const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
+const resetNotifyDefaultOptions = () => {
+  currentOptions = getDefaultOptions();
 };
 export {
-  Notify
+  closeNotify,
+  resetNotifyDefaultOptions,
+  setNotifyDefaultOptions,
+  showNotify
 };

package/es/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/es/notify/index.mjs

@@ -1,6 +1,18 @@
-import { Notify } from "./function-call.mjs";
+import { withInstall } from "../utils/index.mjs";
+import _Notify from "./Notify.mjs";
+const Notify = withInstall(_Notify);
 var stdin_default = Notify;
+import {
+  showNotify,
+  closeNotify,
+  setNotifyDefaultOptions,
+  resetNotifyDefaultOptions
+} from "./function-call.mjs";
 export {
   Notify,
-  stdin_default as default
+  closeNotify,
+  stdin_default as default,
+  resetNotifyDefaultOptions,
+  setNotifyDefaultOptions,
+  showNotify
 };

package/es/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/es/number-keyboard/NumberKeyboard.d.ts

@@ -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/es/number-keyboard/NumberKeyboard.mjs

@@ -204,9 +204,8 @@ var stdin_default = defineComponent({
             unfit: !props.safeAreaInsetBottom,
             "with-title": !!Title
           }),
-          "onTouchstart": stopPropagation,
           "onAnimationend": onAnimationEnd,
-          "onWebkitAnimationEnd": onAnimationEnd
+          "onTouchstartPassive": stopPropagation
         }, [Title, _createVNode("div", {
           "class": bem("body")
         }, [_createVNode("div", {

package/es/number-keyboard/NumberKeyboardKey.mjs

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

package/es/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: {

package/es/overlay/Overlay.d.ts

@@ -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/es/overlay/Overlay.mjs

@@ -1,6 +1,7 @@
 import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
-import { Transition, defineComponent } from "vue";
-import { noop, isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils/index.mjs";
+import { ref, Transition, defineComponent } from "vue";
+import { isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils/index.mjs";
+import { useEventListener } from "@vant/use";
 import { useLazyRender } from "../composables/use-lazy-render.mjs";
 const [name, bem] = createNamespace("overlay");
 const overlayProps = {
@@ -18,9 +19,12 @@ var stdin_default = defineComponent({
   setup(props, {
     slots
   }) {
+    const root = ref();
     const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
-    const preventTouchMove = (event) => {
-      preventDefault(event, true);
+    const onTouchMove = (event) => {
+      if (props.lockScroll) {
+        preventDefault(event, true);
+      }
     };
     const renderOverlay = lazyRender(() => {
       var _a;
@@ -29,11 +33,14 @@ var stdin_default = defineComponent({
         style.animationDuration = `${props.duration}s`;
       }
       return _withDirectives(_createVNode("div", {
+        "ref": root,
         "style": style,
-        "class": [bem(), props.className],
-        "onTouchmove": props.lockScroll ? preventTouchMove : noop
+        "class": [bem(), props.className]
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
     });
+    useEventListener("touchmove", onTouchMove, {
+      target: root
+    });
     return () => _createVNode(Transition, {
       "name": "van-fade",
       "appear": true

package/es/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)[];

package/es/password-input/PasswordInput.mjs

@@ -66,7 +66,7 @@ var stdin_default = defineComponent({
         "class": [bem("security"), {
           [BORDER_SURROUND]: !props.gutter
         }],
-        "onTouchstart": onTouchStart
+        "onTouchstartPassive": onTouchStart
       }, [renderPoints()]), info && _createVNode("div", {
         "class": bem(props.errorInfo ? "error-info" : "info")
       }, [info])]);