vant 4.0.8 → 4.0.10

package/lib/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/lib/back-top/BackTop.js

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

package/lib/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/lib/calendar/Calendar.js

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

package/lib/calendar/CalendarMonth.js

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

package/lib/image-preview/ImagePreview.js

@@ -37,7 +37,7 @@ var import_swipe = require("../swipe");
 var import_popup = require("../popup");
 var import_ImagePreviewItem = __toESM(require("./ImagePreviewItem"));
 const [name, bem] = (0, import_utils.createNamespace)("image-preview");
-const popupProps = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
+const popupProps = ["show", "teleport", "transition", "overlayStyle", "closeOnPopstate"];
 const imagePreviewProps = {
   show: Boolean,
   loop: import_utils.truthProp,
@@ -72,7 +72,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     const state = (0, import_vue2.reactive)({
       active: 0,
       rootWidth: 0,
-      rootHeight: 0
+      rootHeight: 0,
+      disableZoom: false
     });
     const resize = () => {
       if (swipeRef.value) {
@@ -112,6 +113,12 @@ var stdin_default = (0, import_vue2.defineComponent)({
         }, [slots.cover()]);
       }
     };
+    const onDragStart = () => {
+      state.disableZoom = true;
+    };
+    const onDragEnd = () => {
+      state.disableZoom = false;
+    };
     const renderImages = () => (0, import_vue.createVNode)(import_swipe.Swipe, {
       "ref": swipeRef,
       "lazyRender": true,
@@ -121,7 +128,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "initialSwipe": props.startPosition,
       "showIndicators": props.showIndicators,
       "indicatorColor": "white",
-      "onChange": setActive
+      "onChange": setActive,
+      "onDragEnd": onDragEnd,
+      "onDragStart": onDragStart
     }, {
       default: () => [props.images.map((image, index) => (0, import_vue.createVNode)(import_ImagePreviewItem.default, {
         "src": image,
@@ -131,6 +140,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         "minZoom": props.minZoom,
         "rootWidth": state.rootWidth,
         "rootHeight": state.rootHeight,
+        "disableZoom": state.disableZoom,
         "onScale": emitScale,
         "onClose": emitClose,
         "onLongPress": () => emit("longPress", {

package/lib/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/lib/image-preview/ImagePreviewItem.js

@@ -38,7 +38,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     minZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
     maxZoom: (0, import_utils.makeRequiredProp)(import_utils.numericProp),
     rootWidth: (0, import_utils.makeRequiredProp)(Number),
-    rootHeight: (0, import_utils.makeRequiredProp)(Number)
+    rootHeight: (0, import_utils.makeRequiredProp)(Number),
+    disableZoom: Boolean
   },
   emits: ["scale", "close", "longPress"],
   setup(props, {
@@ -133,18 +134,23 @@ var stdin_default = (0, import_vue2.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) {
@@ -157,9 +163,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
         touches
       } = event;
       touch.move(event);
-      if (state.moving || state.zooming) {
-        (0, import_utils.preventDefault)(event, true);
-      }
       if (state.moving) {
         const {
           deltaX,
@@ -167,13 +170,22 @@ var stdin_default = (0, import_vue2.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;
+        (0, import_utils.preventDefault)(event, true);
         state.moveX = (0, import_utils.clamp)(moveX, -maxMoveX.value, maxMoveX.value);
         state.moveY = (0, import_utils.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) {
+        (0, import_utils.preventDefault)(event, true);
+        if (touches.length === 2) {
+          const distance = getDistance(touches);
+          const scale = startScale * distance / startDistance;
+          setScale(scale);
+        }
       }
     };
     const checkTap = () => {

package/lib/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/lib/index.js

@@ -210,7 +210,7 @@ __reExport(stdin_exports, require("./time-picker"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "4.0.8";
+const version = "4.0.10";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/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/lib/locale/index.js

@@ -24,7 +24,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var stdin_exports = {};
 __export(stdin_exports, {
   Locale: () => Locale,
-  default: () => stdin_default
+  default: () => stdin_default,
+  useCurrentLang: () => useCurrentLang
 });
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
@@ -46,4 +47,5 @@ const Locale = {
     (0, import_deep_assign.deepAssign)(messages, newMessages);
   }
 };
+const useCurrentLang = () => lang;
 var stdin_default = Locale;

package/lib/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/lib/locale/lang/eo-EO.js

@@ -0,0 +1,83 @@
+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: "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"
+  }
+};

package/lib/locale/lang/it-IT.js

@@ -31,19 +31,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`
@@ -53,11 +53,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:"
@@ -68,7 +68,7 @@ var stdin_default = {
     condition: (condition) => `Almeno ${condition}`
   },
   vanCouponCell: {
-    title: "Buono",
+    title: "Coupon",
     count: (count) => `Hai ${count} coupon`
   },
   vanCouponList: {

package/lib/picker/Picker.js

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

package/lib/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/lib/slider/Slider.js

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

package/lib/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/lib/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/lib/swipe/Swipe.js

@@ -48,7 +48,7 @@ const SWIPE_KEY = Symbol(name);
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: swipeProps,
-  emits: ["change"],
+  emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
     emit,
     slots
@@ -63,6 +63,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       active: 0,
       swiping: false
     });
+    let dragging = false;
     const touch = (0, import_use_touch.useTouch)();
     const {
       children,
@@ -233,9 +234,10 @@ var stdin_default = (0, import_vue2.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();
@@ -250,6 +252,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
             move({
               offset: delta.value
             });
+            if (!dragging) {
+              emit("dragStart");
+              dragging = true;
+            }
           }
         }
       }
@@ -278,7 +284,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
           pace: 0
         });
       }
+      dragging = false;
       state.swiping = false;
+      emit("dragEnd");
       autoplay();
     };
     const swipeTo = (index, options = {}) => {

package/lib/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;