vant 4.0.0-rc.6 → 4.0.0-rc.8

package/es/dialog/types.d.ts

@@ -1,10 +1,10 @@
 import type { CSSProperties, TeleportProps } from 'vue';
 import type { Interceptor, Numeric } from '../utils';
-export declare type DialogTheme = 'default' | 'round-button';
-export declare type DialogAction = 'confirm' | 'cancel';
-export declare type DialogMessage = string | (() => JSX.Element);
-export declare type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
-export declare type DialogOptions = {
+export type DialogTheme = 'default' | 'round-button';
+export type DialogAction = 'confirm' | 'cancel';
+export type DialogMessage = string | (() => JSX.Element);
+export type DialogMessageAlign = 'left' | 'center' | 'right' | 'justify';
+export type DialogOptions = {
     title?: string;
     width?: Numeric;
     theme?: DialogTheme;
@@ -30,7 +30,7 @@ export declare type DialogOptions = {
     confirmButtonDisabled?: boolean;
     closeOnClickOverlay?: boolean;
 };
-export declare type DialogThemeVars = {
+export type DialogThemeVars = {
     dialogWidth?: string;
     dialogSmallScreenWidth?: string;
     dialogFontSize?: string;

package/es/divider/Divider.d.ts

@@ -1,5 +1,5 @@
 import { type ExtractPropTypes } from 'vue';
-export declare type DividerContentPosition = 'left' | 'center' | 'right';
+export type DividerContentPosition = 'left' | 'center' | 'right';
 export declare const dividerProps: {
     dashed: BooleanConstructor;
     hairline: {
@@ -11,7 +11,7 @@ export declare const dividerProps: {
         default: DividerContentPosition;
     };
 };
-export declare type DividerProps = ExtractPropTypes<typeof dividerProps>;
+export type DividerProps = ExtractPropTypes<typeof dividerProps>;
 declare const _default: import("vue").DefineComponent<{
     dashed: BooleanConstructor;
     hairline: {

package/es/divider/types.d.ts

@@ -1,4 +1,4 @@
-export declare type DividerThemeVars = {
+export type DividerThemeVars = {
     dividerMargin?: string;
     dividerTextColor?: string;
     dividerFontSize?: string;

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

@@ -15,7 +15,7 @@ export declare const dropdownItemProps: {
     modelValue: PropType<unknown>;
     titleClass: PropType<unknown>;
 };
-export declare type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
+export type DropdownItemProps = ExtractPropTypes<typeof dropdownItemProps>;
 declare const _default: import("vue").DefineComponent<{
     title: StringConstructor;
     options: {
@@ -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" | "change" | "close" | "open" | "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, ("open" | "update:modelValue" | "change" | "close" | "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;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

package/es/dropdown-item/DropdownItem.mjs

@@ -1,4 +1,4 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
+import { withDirectives as _withDirectives, mergeProps as _mergeProps, vShow as _vShow, createVNode as _createVNode } from "vue";
 import { reactive, Teleport, defineComponent } from "vue";
 import { truthProp, unknownProp, getZIndexStyle, createNamespace, makeArrayProp } from "../utils/index.mjs";
 import { DROPDOWN_KEY } from "../dropdown-menu/DropdownMenu.mjs";
@@ -19,11 +19,13 @@ const dropdownItemProps = {
 };
 var stdin_default = defineComponent({
   name,
+  inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
   setup(props, {
     emit,
-    slots
+    slots,
+    attrs
   }) {
     const state = reactive({
       showPopup: false,
@@ -129,11 +131,11 @@ var stdin_default = defineComponent({
       } else {
         style.bottom = `${offset.value}px`;
       }
-      return _withDirectives(_createVNode("div", {
+      return _withDirectives(_createVNode("div", _mergeProps({
         "style": style,
         "class": bem([direction]),
         "onClick": onClickWrapper
-      }, [_createVNode(Popup, {
+      }, attrs), [_createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",

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" | "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<{
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "update:modelValue" | "change" | "close" | "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;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
 }, {

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

@@ -1,12 +1,12 @@
 import type { DropdownItemProps } from './DropdownItem';
 import type { VNode, ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
-export declare type DropdownItemOption = {
+export type DropdownItemOption = {
     text: string;
     icon?: string;
     value: Numeric;
 };
-export declare type DropdownItemExpose = {
+export type DropdownItemExpose = {
     toggle: (show?: boolean, options?: {
         immediate?: boolean;
     }) => void;
@@ -19,7 +19,7 @@ export declare type DropdownItemExpose = {
     /** @private */
     renderTitle: () => string | VNode[];
 };
-export declare type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
-export declare type DropdownItemThemeVars = {
+export type DropdownItemInstance = ComponentPublicInstance<DropdownItemProps, DropdownItemExpose>;
+export type DropdownItemThemeVars = {
     dropdownItemZIndex?: number | string;
 };

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

@@ -24,7 +24,7 @@ export declare const dropdownMenuProps: {
         default: true;
     };
 };
-export declare type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
+export type DropdownMenuProps = ExtractPropTypes<typeof dropdownMenuProps>;
 export declare const DROPDOWN_KEY: InjectionKey<DropdownMenuProvide>;
 declare const _default: import("vue").DefineComponent<{
     overlay: {

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

@@ -1,12 +1,12 @@
 import type { Ref } from 'vue';
 import type { DropdownMenuProps } from './DropdownMenu';
-export declare type DropdownMenuDirection = 'up' | 'down';
-export declare type DropdownMenuProvide = {
+export type DropdownMenuDirection = 'up' | 'down';
+export type DropdownMenuProvide = {
     id: string;
     props: DropdownMenuProps;
     offset: Ref<number>;
 };
-export declare type DropdownMenuThemeVars = {
+export type DropdownMenuThemeVars = {
     dropdownMenuHeight?: string;
     dropdownMenuBackground?: string;
     dropdownMenuShadow?: string;

package/es/empty/Empty.d.ts

@@ -8,7 +8,7 @@ export declare const emptyProps: {
     imageSize: PropType<Numeric | [Numeric, Numeric]>;
     description: StringConstructor;
 };
-export declare type EmptyProps = ExtractPropTypes<typeof emptyProps>;
+export type EmptyProps = ExtractPropTypes<typeof emptyProps>;
 declare const _default: import("vue").DefineComponent<{
     image: {
         type: PropType<string>;

package/es/empty/types.d.ts

@@ -1,4 +1,4 @@
-export declare type EmptyThemeVars = {
+export type EmptyThemeVars = {
     emptyPadding?: string;
     emptyImageSize?: string;
     emptyDescriptionMarginTop?: string;

package/es/field/Field.d.ts

@@ -130,7 +130,7 @@ export declare const fieldProps: {
         default: null;
     };
 };
-export declare type FieldProps = ExtractPropTypes<typeof fieldProps>;
+export type FieldProps = ExtractPropTypes<typeof fieldProps>;
 declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<keyof HTMLElementTagNameMap>;
@@ -316,13 +316,13 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: FieldType;
-    required: boolean;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
+    required: boolean;
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;

package/es/field/index.d.ts

@@ -184,13 +184,13 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").FieldType;
-    required: boolean;
     tag: keyof HTMLElementTagNameMap;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
+    required: boolean;
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;

package/es/field/types.d.ts

@@ -1,22 +1,22 @@
 import type { ComputedRef, ComponentPublicInstance } from 'vue';
 import type { FieldProps } from './Field';
-export declare type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
-export declare type FieldTextAlign = 'left' | 'center' | 'right' | 'top';
-export declare type FieldClearTrigger = 'always' | 'focus';
-export declare type FieldFormatTrigger = 'onBlur' | 'onChange';
-export declare type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export declare type FieldAutosizeConfig = {
+export type FieldType = 'tel' | 'url' | 'date' | 'file' | 'text' | 'time' | 'week' | 'color' | 'digit' | 'email' | 'image' | 'month' | 'radio' | 'range' | 'reset' | 'button' | 'hidden' | 'number' | 'search' | 'submit' | 'checkbox' | 'password' | 'textarea' | 'datetime-local';
+export type FieldTextAlign = 'left' | 'center' | 'right' | 'top';
+export type FieldClearTrigger = 'always' | 'focus';
+export type FieldFormatTrigger = 'onBlur' | 'onChange';
+export type FieldValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
+export type FieldAutosizeConfig = {
     maxHeight?: number;
     minHeight?: number;
 };
-export declare type FieldValidateError = {
+export type FieldValidateError = {
     name?: string;
     message: string;
 };
-export declare type FieldRuleMessage = string | ((value: any, rule: FieldRule) => string);
-export declare type FieldRuleValidator = (value: any, rule: FieldRule) => boolean | string | Promise<boolean | string>;
-export declare type FiledRuleFormatter = (value: any, rule: FieldRule) => string;
-export declare type FieldRule = {
+export type FieldRuleMessage = string | ((value: any, rule: FieldRule) => string);
+export type FieldRuleValidator = (value: any, rule: FieldRule) => boolean | string | Promise<boolean | string>;
+export type FiledRuleFormatter = (value: any, rule: FieldRule) => string;
+export type FieldRule = {
     pattern?: RegExp;
     trigger?: FieldValidateTrigger | FieldValidateTrigger[];
     message?: FieldRuleMessage;
@@ -25,9 +25,9 @@ export declare type FieldRule = {
     formatter?: FiledRuleFormatter;
     validateEmpty?: boolean;
 };
-export declare type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
-export declare type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
-export declare type FieldExpose = {
+export type FieldValidationStatus = 'passed' | 'failed' | 'unvalidated';
+export type FieldFormSharedProps = 'colon' | 'disabled' | 'readonly' | 'labelWidth' | 'labelAlign' | 'inputAlign' | 'errorMessageAlign';
+export type FieldExpose = {
     blur: () => void | undefined;
     focus: () => void | undefined;
     validate: (rules?: FieldRule[] | undefined) => Promise<void | FieldValidateError>;
@@ -36,13 +36,13 @@ export declare type FieldExpose = {
     /** @private */
     formValue: ComputedRef<unknown>;
 };
-export declare type FieldInstance = ComponentPublicInstance<FieldProps, FieldExpose>;
+export type FieldInstance = ComponentPublicInstance<FieldProps, FieldExpose>;
 declare global {
     interface EventTarget {
         composing?: boolean;
     }
 }
-export declare type FieldThemeVars = {
+export type FieldThemeVars = {
     fieldLabelWidth?: string;
     fieldLabelColor?: string;
     fieldLabelMarginRight?: string;

package/es/form/Form.d.ts

@@ -24,7 +24,7 @@ export declare const formProps: {
         default: string;
     };
 };
-export declare type FormProps = ExtractPropTypes<typeof formProps>;
+export type FormProps = ExtractPropTypes<typeof formProps>;
 declare const _default: import("vue").DefineComponent<{
     colon: BooleanConstructor;
     disabled: BooleanConstructor;

package/es/form/types.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { FormProps } from './Form';
 import type { FieldValidationStatus } from '../field';
-export declare type FormExpose = {
+export type FormExpose = {
     submit: () => void;
     validate: (name?: string | string[] | undefined) => Promise<void>;
     getValues: () => Record<string, unknown>;
@@ -9,7 +9,7 @@ export declare type FormExpose = {
     resetValidation: (name?: string | string[] | undefined) => void;
     getValidationStatus: () => Record<string, FieldValidationStatus>;
 };
-export declare type FormProvide = {
+export type FormProvide = {
     props: FormProps;
 };
-export declare type FormInstance = ComponentPublicInstance<FormProps, FormExpose>;
+export type FormInstance = ComponentPublicInstance<FormProps, FormExpose>;

package/es/grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import { type PropType, type InjectionKey, type ExtractPropTypes } from 'vue';
-export declare type GridDirection = 'horizontal' | 'vertical';
+export type GridDirection = 'horizontal' | 'vertical';
 export declare const gridProps: {
     square: BooleanConstructor;
     center: {
@@ -20,8 +20,8 @@ export declare const gridProps: {
         default: number;
     };
 };
-export declare type GridProps = ExtractPropTypes<typeof gridProps>;
-export declare type GridProvide = {
+export type GridProps = ExtractPropTypes<typeof gridProps>;
+export type GridProvide = {
     props: GridProps;
 };
 export declare const GRID_KEY: InjectionKey<GridProvide>;

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

@@ -13,7 +13,7 @@ export declare const gridItemProps: {
     iconPrefix: StringConstructor;
     badgeProps: PropType<Partial<BadgeProps>>;
 };
-export declare type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
+export type GridItemProps = ExtractPropTypes<typeof gridItemProps>;
 declare const _default: import("vue").DefineComponent<{
     to: PropType<import("vue-router").RouteLocationRaw>;
     url: StringConstructor;

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

@@ -1,4 +1,4 @@
-export declare type GridItemThemeVars = {
+export type GridItemThemeVars = {
     gridItemContentPadding?: string;
     gridItemContentBackground?: string;
     gridItemContentActiveColor?: string;

package/es/icon/Icon.d.ts

@@ -13,7 +13,7 @@ export declare const iconProps: {
     badgeProps: PropType<Partial<BadgeProps>>;
     classPrefix: StringConstructor;
 };
-export declare type IconProps = ExtractPropTypes<typeof iconProps>;
+export type IconProps = ExtractPropTypes<typeof iconProps>;
 declare const _default: import("vue").DefineComponent<{
     dot: BooleanConstructor;
     tag: {

package/es/image/Image.d.ts

@@ -1,6 +1,6 @@
 import { type PropType, type ExtractPropTypes } from 'vue';
-export declare type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-export declare type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
+export type ImageFit = 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+export type ImagePosition = 'center' | 'top' | 'right' | 'bottom' | 'left' | string;
 export declare const imageProps: {
     src: StringConstructor;
     alt: StringConstructor;
@@ -31,7 +31,7 @@ export declare const imageProps: {
         default: string;
     };
 };
-export declare type ImageProps = ExtractPropTypes<typeof imageProps>;
+export type ImageProps = ExtractPropTypes<typeof imageProps>;
 declare const _default: import("vue").DefineComponent<{
     src: StringConstructor;
     alt: StringConstructor;

package/es/image/types.d.ts

@@ -1,4 +1,4 @@
-export declare type ImageThemeVars = {
+export type ImageThemeVars = {
     imagePlaceholderTextColor?: string;
     imagePlaceholderFontSize?: string;
     imagePlaceholderBackground?: string;

package/es/image-preview/ImagePreview.d.ts

@@ -55,7 +55,7 @@ export declare const imagePreviewProps: {
         default: PopupCloseIconPosition;
     };
 };
-export declare type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
+export type ImagePreviewProps = ExtractPropTypes<typeof imagePreviewProps>;
 declare const _default: import("vue").DefineComponent<{
     show: BooleanConstructor;
     loop: {
@@ -109,7 +109,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<PopupCloseIconPosition>;
         default: PopupCloseIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -168,6 +168,7 @@ declare const _default: import("vue").DefineComponent<{
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     loop: boolean;
     overlay: boolean;

package/es/image-preview/ImagePreview.mjs

@@ -33,7 +33,7 @@ const imagePreviewProps = {
 var stdin_default = defineComponent({
   name,
   props: imagePreviewProps,
-  emits: ["scale", "close", "closed", "change", "update:show"],
+  emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
   setup(props, {
     emit,
     slots
@@ -93,7 +93,7 @@ var stdin_default = defineComponent({
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map((image) => _createVNode(ImagePreviewItem, {
+      default: () => [props.images.map((image, index) => _createVNode(ImagePreviewItem, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -102,7 +102,10 @@ var stdin_default = defineComponent({
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
         "onScale": emitScale,
-        "onClose": emitClose
+        "onClose": emitClose,
+        "onLongPress": () => emit("longPress", {
+          index
+        })
       }, {
         image: slots.image
       }))]

package/es/image-preview/ImagePreviewItem.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale")[], "close" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "scale" | "longPress")[], "close" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     src: StringConstructor;
     show: BooleanConstructor;
     active: NumberConstructor;
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
 }>;

package/es/image-preview/ImagePreviewItem.mjs

@@ -1,6 +1,6 @@
 import { createVNode as _createVNode } from "vue";
 import { ref, watch, computed, reactive, defineComponent } from "vue";
-import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp } from "../utils/index.mjs";
+import { clamp, numericProp, preventDefault, createNamespace, makeRequiredProp, LONG_PRESS_START_TIME } from "../utils/index.mjs";
 import { useTouch } from "../composables/use-touch.mjs";
 import { useEventListener } from "@vant/use";
 import { Image } from "../image/index.mjs";
@@ -18,7 +18,7 @@ var stdin_default = defineComponent({
     rootWidth: makeRequiredProp(Number),
     rootHeight: makeRequiredProp(Number)
   },
-  emits: ["scale", "close"],
+  emits: ["scale", "close", "longPress"],
   setup(props, {
     emit,
     slots
@@ -165,16 +165,20 @@ var stdin_default = defineComponent({
       const deltaTime = Date.now() - touchStartTime;
       const TAP_TIME = 250;
       const TAP_OFFSET = 5;
-      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET && deltaTime < TAP_TIME) {
-        if (doubleTapTimer) {
-          clearTimeout(doubleTapTimer);
-          doubleTapTimer = null;
-          toggleScale();
-        } else {
-          doubleTapTimer = setTimeout(() => {
-            emit("close");
+      if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
+        if (deltaTime < TAP_TIME) {
+          if (doubleTapTimer) {
+            clearTimeout(doubleTapTimer);
             doubleTapTimer = null;
-          }, TAP_TIME);
+            toggleScale();
+          } else {
+            doubleTapTimer = setTimeout(() => {
+              emit("close");
+              doubleTapTimer = null;
+            }, TAP_TIME);
+          }
+        } else if (deltaTime > LONG_PRESS_START_TIME) {
+          emit("longPress");
         }
       }
     };

package/es/image-preview/index.d.ts

@@ -52,7 +52,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
         type: import("vue").PropType<import("..").PopupCloseIconPosition>;
         default: import("..").PopupCloseIconPosition;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale")[], "change" | "close" | "closed" | "update:show" | "scale", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "closed" | "update:show" | "scale" | "longPress")[], "change" | "close" | "closed" | "update:show" | "scale" | "longPress", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     show: BooleanConstructor;
     loop: {
         type: BooleanConstructor;
@@ -111,6 +111,7 @@ export declare const ImagePreview: import("../utils").WithInstall<import("vue").
     onClosed?: ((...args: any[]) => any) | undefined;
     "onUpdate:show"?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
+    onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     loop: boolean;
     overlay: boolean;

package/es/image-preview/types.d.ts

@@ -3,7 +3,7 @@ import type { Interceptor } from '../utils';
 import type { SwipeToOptions } from '../swipe';
 import type { PopupCloseIconPosition } from '../popup';
 import type { ImagePreviewProps } from './ImagePreview';
-export declare type ImagePreviewOptions = {
+export type ImagePreviewOptions = {
     loop?: boolean;
     images: string[];
     maxZoom?: number;
@@ -29,15 +29,15 @@ export declare type ImagePreviewOptions = {
     }): void;
     onChange?(index: number): void;
 };
-export declare type ImagePreviewScaleEventParams = {
+export type ImagePreviewScaleEventParams = {
     scale: number;
     index: number;
 };
-export declare type ImagePreviewExpose = {
+export type ImagePreviewExpose = {
     swipeTo: (index: number, options?: SwipeToOptions) => void;
 };
-export declare type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
-export declare type ImagePreviewThemeVars = {
+export type ImagePreviewInstance = ComponentPublicInstance<ImagePreviewProps, ImagePreviewExpose>;
+export type ImagePreviewThemeVars = {
     imagePreviewIndexTextColor?: string;
     imagePreviewIndexFontSize?: string;
     imagePreviewIndexLineHeight?: number | string;

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

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

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

@@ -1,4 +1,4 @@
-export declare type IndexAnchorThemeVars = {
+export type IndexAnchorThemeVars = {
     indexAnchorZIndex?: number | string;
     indexAnchorPadding?: string;
     indexAnchorTextColor?: string;

package/es/index-bar/IndexBar.d.ts

@@ -19,7 +19,7 @@ export declare const indexBarProps: {
         default: typeof genAlphabet;
     };
 };
-export declare type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
+export type IndexBarProps = ExtractPropTypes<typeof indexBarProps>;
 export declare const INDEX_BAR_KEY: InjectionKey<IndexBarProvide>;
 declare const _default: import("vue").DefineComponent<{
     sticky: {

package/es/index-bar/types.d.ts

@@ -1,14 +1,14 @@
 import type { ComponentPublicInstance } from 'vue';
 import type { Numeric } from '../utils';
 import type { IndexBarProps } from './IndexBar';
-export declare type IndexBarProvide = {
+export type IndexBarProvide = {
     props: IndexBarProps;
 };
-export declare type IndexBarExpose = {
+export type IndexBarExpose = {
     scrollTo: (index: Numeric) => void;
 };
-export declare type IndexBarInstance = ComponentPublicInstance<IndexBarProps, IndexBarExpose>;
-export declare type IndexBarThemeVars = {
+export type IndexBarInstance = ComponentPublicInstance<IndexBarProps, IndexBarExpose>;
+export type IndexBarThemeVars = {
     indexBarSidebarZIndex?: number | string;
     indexBarIndexFontSize?: string;
     indexBarIndexLineHeight?: number | string;