@havue/drag-and-drop 1.1.1 → 1.2.0

package/dist/drag-and-drop.mjs

@@ -2,8 +2,8 @@ import './style.css';
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, ref, reactive, computed, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, normalizeStyle } from "vue";
-import { EventBus, isMobile } from "@havue/shared";
+import { defineComponent, ref, reactive, computed, onMounted, onBeforeUnmount, createElementBlock, openBlock, normalizeClass, renderSlot, createCommentVNode, normalizeStyle } from "vue";
+import { EventBus } from "@havue/shared";
 const withInstall = (main, extra) => {
   main.install = (app) => {
     for (const comp of [main, ...Object.values({})]) {
@@ -15,22 +15,20 @@ const withInstall = (main, extra) => {
 class DnDManager extends EventBus {
   constructor() {
     super();
-    /** 是否开始拖动 */
+    /** 是否开始拖动 | Whether to start dragging */
     __publicField(this, "isDragStart", false);
-    /** 拖动元素类型 */
+    /** 拖动元素类型 | Drag type */
     __publicField(this, "dragType");
-    /** Draggable传递的数据，
-     * 供Droppable使用
-     */
+    /** Draggable传递的数据，供Droppable使用 | Draggable passes data for use by Droppable */
     __publicField(this, "dragData");
     __publicField(this, "isSendFirstMovePos", false);
-    /** 移动端长按一定时间才触发 onStart */
+    /** 长按一定时间才触发 onStart | Press and hold for a certain amount of time to trigger onStart */
     __publicField(this, "touchStartPressTime", 300);
-    /** touchstart事件触发的时的时间 */
+    /** 点击触发时的时间 | The time at which the click is triggered */
     __publicField(this, "touchStartTime", 0);
-    /** touchstart时间触发的位置 */
+    /** 点击触发的位置 | The position where the click event is triggered */
     __publicField(this, "touchStartPosition", { x: 0, y: 0 });
-    /** onMove最后位置 */
+    /** onMove最后位置 | onMove last position */
     __publicField(this, "lastMovePoint", { x: 0, y: 0 });
     __publicField(this, "emitTouchStartTimer");
     __publicField(this, "destroy", () => {
@@ -48,14 +46,14 @@ class DnDManager extends EventBus {
     this.emitTouchStartTimer = void 0;
   }
   /**
-   * 通知 Draggable 开始点击
+   * 通知 Draggable 开始点击 | Tell Draggable to start clicking
    * @param point
    */
   onDown(point) {
     this.emit("down", point);
   }
   /**
-   * 通知 Draggable 拖拽开始
+   * 第一次移动时，通知 Draggable | On the first move, notify Draggable
    * @param point
    */
   onFirstMove(point, e) {
@@ -66,7 +64,7 @@ class DnDManager extends EventBus {
     this.emit("first-move", point, e);
   }
   /**
-   * 通知 Draggable 拖拽开始
+   * 通知 Draggable 拖拽开始 | Notify Draggable to begin the drag
    * @param point
    */
   onStart(point) {
@@ -76,7 +74,7 @@ class DnDManager extends EventBus {
     this.emit("start", point);
   }
   /**
-   * 通知 Draggable 移动
+   * 通知 Draggable 移动 | Notify Draggable to move
    * @param point
    * @returns
    */
@@ -92,7 +90,7 @@ class DnDManager extends EventBus {
     });
   }
   /**
-   * 结束拖拽
+   * 结束拖拽 | Ending drag
    * @returns
    */
   onEnd() {
@@ -217,15 +215,12 @@ class DnDManager extends EventBus {
       const onMouseDown = this.onMouseDown.bind(this);
       const onMouseMove = this.onMouseMove.bind(this);
       const onMouseUp = this.onMouseUp.bind(this);
-      if (isMobile) {
-        document.body.addEventListener("touchstart", onTouchStart, { passive: false });
-        document.body.addEventListener("touchmove", onTouchMove, { passive: false });
-        document.body.addEventListener("touchend", onTouchEnd, { passive: false });
-      } else {
-        document.body.addEventListener("mousedown", onMouseDown);
-        document.body.addEventListener("mousemove", onMouseMove);
-        document.body.addEventListener("mouseup", onMouseUp);
-      }
+      document.body.addEventListener("touchstart", onTouchStart, { passive: false });
+      document.body.addEventListener("touchmove", onTouchMove, { passive: false });
+      document.body.addEventListener("touchend", onTouchEnd, { passive: false });
+      document.body.addEventListener("mousedown", onMouseDown);
+      document.body.addEventListener("mousemove", onMouseMove);
+      document.body.addEventListener("mouseup", onMouseUp);
       this.destroy = () => {
         document.body.removeEventListener("touchstart", onTouchStart);
         document.body.removeEventListener("touchmove", onTouchMove);
@@ -291,7 +286,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         transform: `translate(${cloneNodePosition.x}px, ${cloneNodePosition.y}px) translate(-50%, -50%)`
       };
     });
-    DnDManagerInstance.on("down", (params) => {
+    const onDown = (params) => {
       const { x, y } = params;
       const startEl = document.elementFromPoint(x, y);
       if (!props.disabled && dragItemRef.value && dragItemRef.value.contains(startEl)) {
@@ -303,8 +298,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         downPosition.x = x;
         downPosition.y = y;
       }
-    });
-    DnDManagerInstance.on("first-move", (params, event) => {
+    };
+    const onFirstMove = (params, event) => {
       const { x, y } = params;
       const directions = immediateDirections.value.filter((item) => item !== ImmediateEnumType.ALL);
       if (isDownThis.value && !props.disabled && directions.length) {
@@ -330,21 +325,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           return;
         }
       }
-    });
-    DnDManagerInstance.on("start", (params) => {
+    };
+    const onStart = (params) => {
       const { x, y } = params;
       const startEl = document.elementFromPoint(x, y);
       if (!props.disabled && dragItemRef.value && dragItemRef.value.contains(startEl)) {
         handleStart(params);
       }
-    });
-    DnDManagerInstance.on("move", (params) => {
+    };
+    const onMove = (params) => {
       const { point } = params;
       if (isDragThis.value) {
         handleMove(point);
       }
-    });
-    DnDManagerInstance.on("end", () => {
+    };
+    const onEnd = () => {
       isDownThis.value = false;
       isDragThis.value = false;
       Object.assign(downPosition, {
@@ -355,7 +350,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         x: 0,
         y: 0
       });
-    });
+    };
     function handleStart(point) {
       isDragThis.value = true;
       cloneNodePosition.x = point.x;
@@ -366,6 +361,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       cloneNodePosition.x = point.x;
       cloneNodePosition.y = point.y;
     }
+    onMounted(() => {
+      DnDManagerInstance.on("down", onDown);
+      DnDManagerInstance.on("first-move", onFirstMove);
+      DnDManagerInstance.on("start", onStart);
+      DnDManagerInstance.on("move", onMove);
+      DnDManagerInstance.on("end", onEnd);
+    });
+    onBeforeUnmount(() => {
+      DnDManagerInstance.off("down", onDown);
+      DnDManagerInstance.off("first-move", onFirstMove);
+      DnDManagerInstance.off("start", onStart);
+      DnDManagerInstance.off("move", onMove);
+      DnDManagerInstance.off("end", onEnd);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         ref_key: "dragItemRef",
@@ -378,7 +387,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           class: "hv-draggable__clone-item",
           style: normalizeStyle(cloneNodeStyle.value)
         }, [
-          renderSlot(_ctx.$slots, "hv-drag-item", {}, () => [
+          renderSlot(_ctx.$slots, "drag-item", {}, () => [
             renderSlot(_ctx.$slots, "default", {}, void 0, true)
           ], true)
         ], 4)) : createCommentVNode("", true)
@@ -393,14 +402,15 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33722ba1"]]);
+const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dc35c291"]]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "HvDroppable"
   },
   __name: "Droppable",
   props: {
-    acceptDragType: {}
+    acceptDragType: {},
+    disabled: { type: Boolean }
   },
   emits: ["enter", "move", "drop", "leave"],
   setup(__props, { emit: __emit }) {
@@ -433,7 +443,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       };
     }
-    DnDManagerInstance.on("move", (params) => {
+    const onMove = (params) => {
+      if (props.disabled) {
+        return;
+      }
       const { type, data, point } = params;
       if (dropAreaRef.value && acceptDragTypeList.value.includes(type)) {
         const { isInArea, position } = getPositionInArea(point);
@@ -449,12 +462,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           emits("leave", type, data);
         }
       }
-    });
-    DnDManagerInstance.on("end", ({ type, point, data }) => {
+    };
+    const onEnd = ({ type, point, data }) => {
+      if (props.disabled) {
+        return;
+      }
       if (dropAreaRef.value && acceptDragTypeList.value.includes(type) && isEntered.value) {
         const { position } = getPositionInArea(point);
         emits("drop", type, position, data);
       }
+    };
+    onMounted(() => {
+      DnDManagerInstance.on("move", onMove);
+      DnDManagerInstance.on("end", onEnd);
+    });
+    onBeforeUnmount(() => {
+      DnDManagerInstance.off("move", onMove);
+      DnDManagerInstance.off("end", onEnd);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {

package/dist/drag-and-drop.umd.js

@@ -16,22 +16,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
   class DnDManager extends shared.EventBus {
     constructor() {
       super();
-      /** 是否开始拖动 */
+      /** 是否开始拖动 | Whether to start dragging */
       __publicField(this, "isDragStart", false);
-      /** 拖动元素类型 */
+      /** 拖动元素类型 | Drag type */
       __publicField(this, "dragType");
-      /** Draggable传递的数据，
-       * 供Droppable使用
-       */
+      /** Draggable传递的数据，供Droppable使用 | Draggable passes data for use by Droppable */
       __publicField(this, "dragData");
       __publicField(this, "isSendFirstMovePos", false);
-      /** 移动端长按一定时间才触发 onStart */
+      /** 长按一定时间才触发 onStart | Press and hold for a certain amount of time to trigger onStart */
       __publicField(this, "touchStartPressTime", 300);
-      /** touchstart事件触发的时的时间 */
+      /** 点击触发时的时间 | The time at which the click is triggered */
       __publicField(this, "touchStartTime", 0);
-      /** touchstart时间触发的位置 */
+      /** 点击触发的位置 | The position where the click event is triggered */
       __publicField(this, "touchStartPosition", { x: 0, y: 0 });
-      /** onMove最后位置 */
+      /** onMove最后位置 | onMove last position */
       __publicField(this, "lastMovePoint", { x: 0, y: 0 });
       __publicField(this, "emitTouchStartTimer");
       __publicField(this, "destroy", () => {
@@ -49,14 +47,14 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.emitTouchStartTimer = void 0;
     }
     /**
-     * 通知 Draggable 开始点击
+     * 通知 Draggable 开始点击 | Tell Draggable to start clicking
      * @param point
      */
     onDown(point) {
       this.emit("down", point);
     }
     /**
-     * 通知 Draggable 拖拽开始
+     * 第一次移动时，通知 Draggable | On the first move, notify Draggable
      * @param point
      */
     onFirstMove(point, e) {
@@ -67,7 +65,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.emit("first-move", point, e);
     }
     /**
-     * 通知 Draggable 拖拽开始
+     * 通知 Draggable 拖拽开始 | Notify Draggable to begin the drag
      * @param point
      */
     onStart(point) {
@@ -77,7 +75,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       this.emit("start", point);
     }
     /**
-     * 通知 Draggable 移动
+     * 通知 Draggable 移动 | Notify Draggable to move
      * @param point
      * @returns
      */
@@ -93,7 +91,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
       });
     }
     /**
-     * 结束拖拽
+     * 结束拖拽 | Ending drag
      * @returns
      */
     onEnd() {
@@ -218,15 +216,12 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         const onMouseDown = this.onMouseDown.bind(this);
         const onMouseMove = this.onMouseMove.bind(this);
         const onMouseUp = this.onMouseUp.bind(this);
-        if (shared.isMobile) {
-          document.body.addEventListener("touchstart", onTouchStart, { passive: false });
-          document.body.addEventListener("touchmove", onTouchMove, { passive: false });
-          document.body.addEventListener("touchend", onTouchEnd, { passive: false });
-        } else {
-          document.body.addEventListener("mousedown", onMouseDown);
-          document.body.addEventListener("mousemove", onMouseMove);
-          document.body.addEventListener("mouseup", onMouseUp);
-        }
+        document.body.addEventListener("touchstart", onTouchStart, { passive: false });
+        document.body.addEventListener("touchmove", onTouchMove, { passive: false });
+        document.body.addEventListener("touchend", onTouchEnd, { passive: false });
+        document.body.addEventListener("mousedown", onMouseDown);
+        document.body.addEventListener("mousemove", onMouseMove);
+        document.body.addEventListener("mouseup", onMouseUp);
         this.destroy = () => {
           document.body.removeEventListener("touchstart", onTouchStart);
           document.body.removeEventListener("touchmove", onTouchMove);
@@ -292,7 +287,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           transform: `translate(${cloneNodePosition.x}px, ${cloneNodePosition.y}px) translate(-50%, -50%)`
         };
       });
-      DnDManagerInstance.on("down", (params) => {
+      const onDown = (params) => {
         const { x, y } = params;
         const startEl = document.elementFromPoint(x, y);
         if (!props.disabled && dragItemRef.value && dragItemRef.value.contains(startEl)) {
@@ -304,8 +299,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           downPosition.x = x;
           downPosition.y = y;
         }
-      });
-      DnDManagerInstance.on("first-move", (params, event) => {
+      };
+      const onFirstMove = (params, event) => {
         const { x, y } = params;
         const directions = immediateDirections.value.filter((item) => item !== ImmediateEnumType.ALL);
         if (isDownThis.value && !props.disabled && directions.length) {
@@ -331,21 +326,21 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             return;
           }
         }
-      });
-      DnDManagerInstance.on("start", (params) => {
+      };
+      const onStart = (params) => {
         const { x, y } = params;
         const startEl = document.elementFromPoint(x, y);
         if (!props.disabled && dragItemRef.value && dragItemRef.value.contains(startEl)) {
           handleStart(params);
         }
-      });
-      DnDManagerInstance.on("move", (params) => {
+      };
+      const onMove = (params) => {
         const { point } = params;
         if (isDragThis.value) {
           handleMove(point);
         }
-      });
-      DnDManagerInstance.on("end", () => {
+      };
+      const onEnd = () => {
         isDownThis.value = false;
         isDragThis.value = false;
         Object.assign(downPosition, {
@@ -356,7 +351,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           x: 0,
           y: 0
         });
-      });
+      };
       function handleStart(point) {
         isDragThis.value = true;
         cloneNodePosition.x = point.x;
@@ -367,6 +362,20 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
         cloneNodePosition.x = point.x;
         cloneNodePosition.y = point.y;
       }
+      vue.onMounted(() => {
+        DnDManagerInstance.on("down", onDown);
+        DnDManagerInstance.on("first-move", onFirstMove);
+        DnDManagerInstance.on("start", onStart);
+        DnDManagerInstance.on("move", onMove);
+        DnDManagerInstance.on("end", onEnd);
+      });
+      vue.onBeforeUnmount(() => {
+        DnDManagerInstance.off("down", onDown);
+        DnDManagerInstance.off("first-move", onFirstMove);
+        DnDManagerInstance.off("start", onStart);
+        DnDManagerInstance.off("move", onMove);
+        DnDManagerInstance.off("end", onEnd);
+      });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           ref_key: "dragItemRef",
@@ -379,7 +388,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             class: "hv-draggable__clone-item",
             style: vue.normalizeStyle(cloneNodeStyle.value)
           }, [
-            vue.renderSlot(_ctx.$slots, "hv-drag-item", {}, () => [
+            vue.renderSlot(_ctx.$slots, "drag-item", {}, () => [
               vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ], true)
           ], 4)) : vue.createCommentVNode("", true)
@@ -394,14 +403,15 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
     }
     return target;
   };
-  const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-33722ba1"]]);
+  const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-dc35c291"]]);
   const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     ...{
       name: "HvDroppable"
     },
     __name: "Droppable",
     props: {
-      acceptDragType: {}
+      acceptDragType: {},
+      disabled: { type: Boolean }
     },
     emits: ["enter", "move", "drop", "leave"],
     setup(__props, { emit: __emit }) {
@@ -434,7 +444,10 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
           }
         };
       }
-      DnDManagerInstance.on("move", (params) => {
+      const onMove = (params) => {
+        if (props.disabled) {
+          return;
+        }
         const { type, data, point } = params;
         if (dropAreaRef.value && acceptDragTypeList.value.includes(type)) {
           const { isInArea, position } = getPositionInArea(point);
@@ -450,12 +463,23 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
             emits("leave", type, data);
           }
         }
-      });
-      DnDManagerInstance.on("end", ({ type, point, data }) => {
+      };
+      const onEnd = ({ type, point, data }) => {
+        if (props.disabled) {
+          return;
+        }
         if (dropAreaRef.value && acceptDragTypeList.value.includes(type) && isEntered.value) {
           const { position } = getPositionInArea(point);
           emits("drop", type, position, data);
         }
+      };
+      vue.onMounted(() => {
+        DnDManagerInstance.on("move", onMove);
+        DnDManagerInstance.on("end", onEnd);
+      });
+      vue.onBeforeUnmount(() => {
+        DnDManagerInstance.off("move", onMove);
+        DnDManagerInstance.off("end", onEnd);
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {

package/dist/style.css

@@ -1,11 +1,11 @@
-.hv-draggable[data-v-33722ba1] {
+.hv-draggable[data-v-dc35c291] {
   width: fit-content;
   cursor: grab;
 }
-.hv-draggable.disabled[data-v-33722ba1] {
+.hv-draggable.disabled[data-v-dc35c291] {
   cursor: not-allowed;
 }
-.hv-draggable__clone-item[data-v-33722ba1] {
+.hv-draggable__clone-item[data-v-dc35c291] {
   position: fixed;
   top: 0;
   left: 0;

package/dist/types/src/Draggable.vue.d.ts

@@ -14,7 +14,7 @@ type __VLS_Props = {
     data?: any;
 };
 declare const dragItemRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-/** 是否开始拖动 */
+/** 是否开始拖动 | Whether to start dragging */
 declare const isDragThis: import("vue").Ref<boolean, boolean>;
 declare const cloneNodeStyle: import("vue").ComputedRef<{
     transform: string;
@@ -24,7 +24,7 @@ declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    'hv-drag-item'?: (props: typeof __VLS_3) => any;
+    'drag-item'?: (props: typeof __VLS_3) => any;
 } & {
     default?: (props: typeof __VLS_5) => any;
 }>;

package/dist/types/src/Droppable.vue.d.ts

@@ -1,6 +1,7 @@
 import type { DragAndDropDragType, DragAndDropPoint } from './manager';
 type __VLS_Props = {
     acceptDragType: DragAndDropDragType | Array<DragAndDropDragType>;
+    disabled?: boolean;
 };
 declare const dropAreaRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;

package/dist/types/src/manager/index.d.ts

@@ -4,7 +4,7 @@ export type DragAndDropPoint = {
     y: number;
 };
 export type DragAndDropDragType = string | number | symbol;
-type Events = {
+export type DnDManagerEvents = {
     down: (p: DragAndDropPoint) => void;
     'first-move': (p: DragAndDropPoint, e: MouseEvent | TouchEvent) => void;
     start: (p: DragAndDropPoint) => void;
@@ -19,51 +19,49 @@ type Events = {
         point: DragAndDropPoint;
     }) => void;
 };
-export declare class DnDManager extends EventBus<Events> {
-    /** 是否开始拖动 */
+export declare class DnDManager extends EventBus<DnDManagerEvents> {
+    /** 是否开始拖动 | Whether to start dragging */
     isDragStart: boolean;
-    /** 拖动元素类型 */
+    /** 拖动元素类型 | Drag type */
     dragType: DragAndDropDragType | undefined;
-    /** Draggable传递的数据，
-     * 供Droppable使用
-     */
+    /** Draggable传递的数据，供Droppable使用 | Draggable passes data for use by Droppable */
     dragData: any;
     private isSendFirstMovePos;
-    /** 移动端长按一定时间才触发 onStart */
+    /** 长按一定时间才触发 onStart | Press and hold for a certain amount of time to trigger onStart */
     private touchStartPressTime;
-    /** touchstart事件触发的时的时间 */
+    /** 点击触发时的时间 | The time at which the click is triggered */
     private touchStartTime;
-    /** touchstart时间触发的位置 */
+    /** 点击触发的位置 | The position where the click event is triggered */
     private touchStartPosition;
-    /** onMove最后位置 */
+    /** onMove最后位置 | onMove last position */
     private lastMovePoint;
     private emitTouchStartTimer;
     private destroy;
     constructor();
     updateDargInfo(type: Exclude<DragAndDropDragType, undefined>, data: any): void;
     /**
-     * 通知 Draggable 开始点击
+     * 通知 Draggable 开始点击 | Tell Draggable to start clicking
      * @param point
      */
     private onDown;
     /**
-     * 通知 Draggable 拖拽开始
+     * 第一次移动时，通知 Draggable | On the first move, notify Draggable
      * @param point
      */
     private onFirstMove;
     /**
-     * 通知 Draggable 拖拽开始
+     * 通知 Draggable 拖拽开始 | Notify Draggable to begin the drag
      * @param point
      */
     private onStart;
     /**
-     * 通知 Draggable 移动
+     * 通知 Draggable 移动 | Notify Draggable to move
      * @param point
      * @returns
      */
     private onMove;
     /**
-     * 结束拖拽
+     * 结束拖拽 | Ending drag
      * @returns
      */
     private onEnd;
@@ -78,4 +76,3 @@ export declare class DnDManager extends EventBus<Events> {
     destroyed(): void;
 }
 export declare const DnDManagerInstance: DnDManager;
-export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@havue/drag-and-drop",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "Drag and drop components for Vue3",
   "keywords": [
     "havue",
@@ -16,7 +16,7 @@
     "url": "git+https://github.com/HappyPedestrian/havue.git"
   },
   "dependencies": {
-    "@havue/shared": "^1.1.1"
+    "@havue/shared": "^1.2.0"
   },
   "devDependencies": {
     "vue": "^3.3.0"