vant 4.0.8 → 4.0.10

package/README.md

@@ -39,7 +39,7 @@
 - 🍭 Support Dark Mode
 - 🍭 Support Nuxt 3
 - 🍭 Support SSR
-- 🌍 Support i18n, built-in 20+ languages
+- 🌍 Support i18n, built-in 30+ languages
 
 ## Install
 

package/es/back-top/BackTop.d.ts

@@ -7,6 +7,7 @@ export declare const backTopProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    immediate: BooleanConstructor;
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
@@ -21,6 +22,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    immediate: BooleanConstructor;
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
@@ -33,6 +35,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    immediate: BooleanConstructor;
     teleport: {
         type: PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
@@ -41,6 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
+    immediate: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
 }>;
 export default _default;

package/es/back-top/BackTop.mjs

@@ -10,6 +10,7 @@ const backTopProps = {
   bottom: numericProp,
   target: [String, Object],
   offset: makeNumericProp(200),
+  immediate: Boolean,
   teleport: {
     type: [String, Object],
     default: "body"
@@ -37,7 +38,7 @@ var stdin_default = defineComponent({
       emit("click", event);
       (_a = scrollParent.value) == null ? void 0 : _a.scrollTo({
         top: 0,
-        behavior: "smooth"
+        behavior: props.immediate ? "auto" : "smooth"
       });
     };
     const scroll = () => {

package/es/back-top/index.d.ts

@@ -6,6 +6,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    immediate: BooleanConstructor;
     teleport: {
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
@@ -18,6 +19,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    immediate: BooleanConstructor;
     teleport: {
         type: import("vue").PropType<string | import("vue").RendererElement | null | undefined>;
         default: string;
@@ -26,6 +28,7 @@ export declare const BackTop: import("../utils").WithInstall<import("vue").Defin
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     offset: string | number;
+    immediate: boolean;
     teleport: string | import("vue").RendererElement | null | undefined;
 }>>;
 export default BackTop;

package/es/calendar/Calendar.mjs

@@ -329,7 +329,7 @@ var stdin_default = defineComponent({
         "firstDayOfWeek": dayOffset.value
       }, pick(props, ["type", "color", "minDate", "maxDate", "showMark", "formatter", "rowHeight", "lazyRender", "showSubtitle", "allowSameDay"]), {
         "onClick": onClickDay
-      }), pick(slots, ["top-info", "bottom-info"]));
+      }), pick(slots, ["top-info", "bottom-info", "month-title"]));
     };
     const renderFooterButton = () => {
       if (slots.footer) {

package/es/calendar/CalendarMonth.mjs

@@ -131,7 +131,10 @@ var stdin_default = defineComponent({
       if (props.showMonthTitle) {
         return _createVNode("div", {
           "class": bem("month-title")
-        }, [title.value]);
+        }, [slots["month-title"] ? slots["month-title"]({
+          date: props.date,
+          text: title.value
+        }) : title.value]);
       }
     };
     const renderMark = () => {

package/es/image-preview/ImagePreview.mjs

@@ -8,7 +8,7 @@ import { Swipe } from "../swipe/index.mjs";
 import { Popup } from "../popup/index.mjs";
 import ImagePreviewItem from "./ImagePreviewItem.mjs";
 const [name, bem] = createNamespace("image-preview");
-const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
+const popupProps = ["show", "teleport", "transition", "overlayStyle", "closeOnPopstate"];
 const imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
@@ -43,7 +43,8 @@ var stdin_default = defineComponent({
     const state = reactive({
       active: 0,
       rootWidth: 0,
-      rootHeight: 0
+      rootHeight: 0,
+      disableZoom: false
     });
     const resize = () => {
       if (swipeRef.value) {
@@ -83,6 +84,12 @@ var stdin_default = defineComponent({
         }, [slots.cover()]);
       }
     };
+    const onDragStart = () => {
+      state.disableZoom = true;
+    };
+    const onDragEnd = () => {
+      state.disableZoom = false;
+    };
     const renderImages = () => _createVNode(Swipe, {
       "ref": swipeRef,
       "lazyRender": true,
@@ -92,7 +99,9 @@ var stdin_default = defineComponent({
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
-      "onChange": setActive
+      "onChange": setActive,
+      "onDragEnd": onDragEnd,
+      "onDragStart": onDragStart
     }, {
       default: () => [props.images.map((image, index) => _createVNode(ImagePreviewItem, {
         "src": image,
@@ -102,6 +111,7 @@ var stdin_default = defineComponent({
         "minZoom": props.minZoom,
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
+        "disableZoom": state.disableZoom,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {

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

@@ -18,6 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    disableZoom: BooleanConstructor;
 }, () => 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;
@@ -38,11 +39,13 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         required: true;
     };
+    disableZoom: BooleanConstructor;
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
     onScale?: ((...args: any[]) => any) | undefined;
     onLongPress?: ((...args: any[]) => any) | undefined;
 }, {
     show: boolean;
+    disableZoom: boolean;
 }>;
 export default _default;

package/es/image-preview/ImagePreviewItem.mjs

@@ -16,7 +16,8 @@ var stdin_default = defineComponent({
     minZoom: makeRequiredProp(numericProp),
     maxZoom: makeRequiredProp(numericProp),
     rootWidth: makeRequiredProp(Number),
-    rootHeight: makeRequiredProp(Number)
+    rootHeight: makeRequiredProp(Number),
+    disableZoom: Boolean
   },
   emits: ["scale", "close", "longPress"],
   setup(props, {
@@ -111,18 +112,23 @@ var stdin_default = defineComponent({
     let startDistance;
     let doubleTapTimer;
     let touchStartTime;
+    let isImageMoved = false;
     const onTouchStart = (event) => {
       const {
         touches
       } = event;
+      fingerNum = touches.length;
+      if (fingerNum === 2 && props.disableZoom) {
+        return;
+      }
       const {
         offsetX
       } = touch;
       touch.start(event);
-      fingerNum = touches.length;
       startMoveX = state.moveX;
       startMoveY = state.moveY;
       touchStartTime = Date.now();
+      isImageMoved = false;
       state.moving = fingerNum === 1 && state.scale !== 1;
       state.zooming = fingerNum === 2 && !offsetX.value;
       if (state.zooming) {
@@ -135,9 +141,6 @@ var stdin_default = defineComponent({
         touches
       } = event;
       touch.move(event);
-      if (state.moving || state.zooming) {
-        preventDefault(event, true);
-      }
       if (state.moving) {
         const {
           deltaX,
@@ -145,13 +148,22 @@ var stdin_default = defineComponent({
         } = touch;
         const moveX = deltaX.value + startMoveX;
         const moveY = deltaY.value + startMoveY;
+        if ((moveX > maxMoveX.value || moveX < -maxMoveX.value) && !isImageMoved) {
+          state.moving = false;
+          return;
+        }
+        isImageMoved = true;
+        preventDefault(event, true);
         state.moveX = clamp(moveX, -maxMoveX.value, maxMoveX.value);
         state.moveY = clamp(moveY, -maxMoveY.value, maxMoveY.value);
       }
-      if (state.zooming && touches.length === 2) {
-        const distance = getDistance(touches);
-        const scale = startScale * distance / startDistance;
-        setScale(scale);
+      if (state.zooming) {
+        preventDefault(event, true);
+        if (touches.length === 2) {
+          const distance = getDistance(touches);
+          const scale = startScale * distance / startDistance;
+          setScale(scale);
+        }
       }
     };
     const checkTap = () => {

package/es/index.d.ts

@@ -98,4 +98,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.0.8";
+export const version: "4.0.10";

package/es/index.mjs

@@ -91,7 +91,7 @@ import { TimePicker } from "./time-picker/index.mjs";
 import { Toast } from "./toast/index.mjs";
 import { TreeSelect } from "./tree-select/index.mjs";
 import { Uploader } from "./uploader/index.mjs";
-const version = "4.0.8";
+const version = "4.0.10";
 function install(app) {
   const components = [
     ActionBar,

package/es/locale/index.d.ts

@@ -4,4 +4,5 @@ export declare const Locale: {
     use(newLang: string, newMessages?: Message): void;
     add(newMessages?: Message): void;
 };
+export declare const useCurrentLang: () => import("vue").Ref<string>;
 export default Locale;

package/es/locale/index.mjs

@@ -17,8 +17,10 @@ const Locale = {
     deepAssign(messages, newMessages);
   }
 };
+const useCurrentLang = () => lang;
 var stdin_default = Locale;
 export {
   Locale,
-  stdin_default as default
+  stdin_default as default,
+  useCurrentLang
 };

package/es/locale/lang/eo-EO.d.ts

@@ -0,0 +1,62 @@
+declare const _default: {
+    name: string;
+    tel: string;
+    save: string;
+    confirm: string;
+    cancel: string;
+    delete: string;
+    loading: string;
+    noCoupon: string;
+    nameEmpty: string;
+    addContact: string;
+    telInvalid: string;
+    vanCalendar: {
+        end: string;
+        start: string;
+        title: string;
+        weekdays: string[];
+        monthTitle: (year: number, month: number) => string;
+        rangePrompt: (maxRange: number) => string;
+    };
+    vanCascader: {
+        select: string;
+    };
+    vanPagination: {
+        prev: string;
+        next: string;
+    };
+    vanPullRefresh: {
+        pulling: string;
+        loosing: string;
+    };
+    vanSubmitBar: {
+        label: string;
+    };
+    vanCoupon: {
+        unlimited: string;
+        discount: (discount: number) => string;
+        condition: (condition: number) => string;
+    };
+    vanCouponCell: {
+        title: string;
+        count: (count: number) => string;
+    };
+    vanCouponList: {
+        exchange: string;
+        close: string;
+        enable: string;
+        disabled: string;
+        placeholder: string;
+    };
+    vanAddressEdit: {
+        area: string;
+        areaEmpty: string;
+        addressEmpty: string;
+        addressDetail: string;
+        defaultAddress: string;
+    };
+    vanAddressList: {
+        add: string;
+    };
+};
+export default _default;

package/es/locale/lang/eo-EO.mjs

@@ -0,0 +1,64 @@
+var stdin_default = {
+  name: "Nomo",
+  tel: "Telefonnumero",
+  save: "Konservi",
+  confirm: "Konfirmi",
+  cancel: "Rezigni",
+  delete: "Forigi",
+  loading: "Bonvolu atendi...",
+  noCoupon: "Neniu kupono",
+  nameEmpty: "Plenigu la nomon",
+  addContact: "Aldoni kontakton",
+  telInvalid: "Nevalida telefonnumero",
+  vanCalendar: {
+    end: "Fino",
+    start: "Komenco",
+    title: "Kalendaro",
+    weekdays: ["Dim", "Lun", "Mar", "Mer", "\u0134a\u016D", "Ven", "Sab"],
+    monthTitle: (year, month) => `${year}/${month}`,
+    rangePrompt: (maxRange) => `Elektu maksimume ${maxRange} tagojn`
+  },
+  vanCascader: {
+    select: "Elekti"
+  },
+  vanPagination: {
+    prev: "Anta\u016Da",
+    next: "Sekva"
+  },
+  vanPullRefresh: {
+    pulling: "Tiri por refre\u015Digi...",
+    loosing: "Lasi por refre\u015Digi..."
+  },
+  vanSubmitBar: {
+    label: "Sumo:"
+  },
+  vanCoupon: {
+    unlimited: "Senlima",
+    discount: (discount) => `${discount * 10}%-a rabato`,
+    condition: (condition) => `Minimume ${condition}`
+  },
+  vanCouponCell: {
+    title: "Kupono",
+    count: (count) => `Vi havas ${count} kuponojn`
+  },
+  vanCouponList: {
+    exchange: "Inter\u015Dan\u011Di",
+    close: "Fermi",
+    enable: "Disponebla",
+    disabled: "Nedisponebla",
+    placeholder: "Kupon-kodo"
+  },
+  vanAddressEdit: {
+    area: "Areo",
+    areaEmpty: "Elektu ricevan areon",
+    addressEmpty: "La adreso ne povas esti malplena",
+    addressDetail: "Adreso",
+    defaultAddress: "Agordi kiel defa\u016Dltan adreson"
+  },
+  vanAddressList: {
+    add: "Aldoni novan adreson"
+  }
+};
+export {
+  stdin_default as default
+};

package/es/locale/lang/it-IT.mjs

@@ -9,19 +9,19 @@ var stdin_default = {
   noCoupon: "Nessun coupon",
   nameEmpty: "Inserisci il nome",
   addContact: "Aggiungi contatto",
-  telInvalid: "Numero di telefono errato",
+  telInvalid: "Numero di telefono non valido",
   vanCalendar: {
     end: "Fine",
     start: "Inizio",
     title: "Calendario",
     weekdays: [
-      "domenica",
-      "Lunedi",
-      "Marted\xEC",
-      "mercoled\xEC",
-      "gioved\xEC",
-      "venerd\xEC",
-      "Sabato"
+      "dom",
+      "lun",
+      "mar",
+      "mer",
+      "gio",
+      "ven",
+      "sab"
     ],
     monthTitle: (year, month) => `${year}/${month}`,
     rangePrompt: (maxRange) => `Scegli non pi\xF9 di ${maxRange} giorni`
@@ -31,11 +31,11 @@ var stdin_default = {
   },
   vanPagination: {
     prev: "Precedente",
-    next: "Avanti"
+    next: "Successivo"
   },
   vanPullRefresh: {
-    pulling: "Tiri per aggiornare...",
-    loosing: "Largo per rinfrescare..."
+    pulling: "Tira per aggiornare...",
+    loosing: "Rilascia per aggiornare..."
   },
   vanSubmitBar: {
     label: "Totale:"
@@ -46,7 +46,7 @@ var stdin_default = {
     condition: (condition) => `Almeno ${condition}`
   },
   vanCouponCell: {
-    title: "Buono",
+    title: "Coupon",
     count: (count) => `Hai ${count} coupon`
   },
   vanCouponList: {

package/es/picker/Picker.mjs

@@ -82,9 +82,11 @@ var stdin_default = defineComponent({
           }
         });
       }
-      emit("change", extend({
-        columnIndex
-      }, getEventParams()));
+      nextTick(() => {
+        emit("change", extend({
+          columnIndex
+        }, getEventParams()));
+      });
     };
     const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
       columnIndex,

package/es/slider/Slider.d.ts

@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<SliderValue>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -84,8 +84,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onDragEnd?: ((...args: any[]) => any) | undefined;
     onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
     range: boolean;
     max: string | number;

package/es/slider/Slider.mjs

@@ -34,7 +34,7 @@ var stdin_default = defineComponent({
     let current;
     let startValue;
     const root = ref();
-    const slider = ref();
+    const slider = [ref(), ref()];
     const dragStatus = ref();
     const touch = useTouch();
     const scope = computed(() => Number(props.max) - Number(props.min));
@@ -226,7 +226,7 @@ var stdin_default = defineComponent({
     const renderButton = (index) => {
       const current2 = typeof index === "number" ? props.modelValue[index] : props.modelValue;
       return _createVNode("div", {
-        "ref": slider,
+        "ref": slider[index != null ? index : 0],
         "role": "slider",
         "class": getButtonClassName(index),
         "tabindex": props.disabled ? void 0 : 0,
@@ -249,8 +249,10 @@ var stdin_default = defineComponent({
     };
     updateValue(props.modelValue);
     useCustomFieldValue(() => props.modelValue);
-    useEventListener("touchmove", onTouchMove, {
-      target: slider
+    slider.forEach((item) => {
+      useEventListener("touchmove", onTouchMove, {
+        target: item
+      });
     });
     return () => _createVNode("div", {
       "ref": root,

package/es/slider/index.d.ts

@@ -24,7 +24,7 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
         type: import("vue").PropType<number | [number, number]>;
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "dragEnd" | "dragStart")[], "update:modelValue" | "change" | "dragEnd" | "dragStart", 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" | "dragStart" | "dragEnd")[], "update:modelValue" | "change" | "dragStart" | "dragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     min: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -53,8 +53,8 @@ export declare const Slider: import("../utils").WithInstall<import("vue").Define
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onDragEnd?: ((...args: any[]) => any) | undefined;
     onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
     range: boolean;
     max: string | number;

package/es/swipe/Swipe.d.ts

@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: true;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -107,6 +107,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
     autoplay: string | number;
     loop: boolean;

package/es/swipe/Swipe.mjs

@@ -24,7 +24,7 @@ const SWIPE_KEY = Symbol(name);
 var stdin_default = defineComponent({
   name,
   props: swipeProps,
-  emits: ["change"],
+  emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
     emit,
     slots
@@ -39,6 +39,7 @@ var stdin_default = defineComponent({
       active: 0,
       swiping: false
     });
+    let dragging = false;
     const touch = useTouch();
     const {
       children,
@@ -209,9 +210,10 @@ var stdin_default = defineComponent({
     const resize = () => initialize(state.active);
     let touchStartTime;
     const onTouchStart = (event) => {
-      if (!props.touchable)
+      if (!props.touchable || event.touches.length > 1)
         return;
       touch.start(event);
+      dragging = false;
       touchStartTime = Date.now();
       stopAutoplay();
       correctPosition();
@@ -226,6 +228,10 @@ var stdin_default = defineComponent({
             move({
               offset: delta.value
             });
+            if (!dragging) {
+              emit("dragStart");
+              dragging = true;
+            }
           }
         }
       }
@@ -254,7 +260,9 @@ var stdin_default = defineComponent({
           pace: 0
         });
       }
+      dragging = false;
       state.swiping = false;
+      emit("dragEnd");
       autoplay();
     };
     const swipeTo = (index, options = {}) => {

package/es/swipe/index.d.ts

@@ -33,7 +33,7 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: 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" | "dragStart" | "dragEnd")[], "change" | "dragStart" | "dragEnd", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loop: {
         type: BooleanConstructor;
         default: true;
@@ -69,6 +69,8 @@ export declare const Swipe: import("../utils").WithInstall<import("vue").DefineC
     };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
+    onDragStart?: ((...args: any[]) => any) | undefined;
+    onDragEnd?: ((...args: any[]) => any) | undefined;
 }, {
     autoplay: string | number;
     loop: boolean;