@antv/g-plugin-dragndrop - npm Package Compare versions

Comparing version 1.0.2 to 1.0.3

dist/index.esm.js

@@ -5,2 +5,28 @@ import { Syringe, inject, singleton, Module } from 'mana-syringe';
 
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
 function _regeneratorRuntime() {
@@ -387,18 +413,40 @@ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
 
-    return target;
-  };
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
 
-  return _extends.apply(this, arguments);
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
 }
@@ -413,2 +461,4 @@
   function DragndropPlugin() {
+    _classCallCheck(this, DragndropPlugin);
+
     this.sceneGraphService = void 0;
@@ -419,128 +469,129 @@ this.renderingContext = void 0;
 
-  var _proto = DragndropPlugin.prototype;
+  _createClass(DragndropPlugin, [{
+    key: "apply",
+    value: function apply(renderingService) {
+      var _this = this;
 
-  _proto.apply = function apply(renderingService) {
-    var _this = this;
+      var document = this.renderingContext.root.ownerDocument;
+      var overlap = this.dragndropPluginOptions.overlap;
 
-    var document = this.renderingContext.root.ownerDocument;
-    var overlap = this.dragndropPluginOptions.overlap;
+      var handlePointerdown = function handlePointerdown(event) {
+        var target = event.target;
 
-    var handlePointerdown = function handlePointerdown(event) {
-      var target = event.target;
+        if (target.getAttribute('draggable')) {
+          // @ts-ignore
+          var onMouseMove = /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+              var pointerEventsOldValue, point, elemBelow, droppableBelow;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
+                      event.type = 'drag';
+                      target.dispatchEvent(event); // prevent from picking the dragging element
 
-      if (target.getAttribute('draggable')) {
-        // @ts-ignore
-        var onMouseMove = /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-            var pointerEventsOldValue, point, elemBelow, droppableBelow;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
-                    event.type = 'drag';
-                    target.dispatchEvent(event); // prevent from picking the dragging element
+                      pointerEventsOldValue = target.style.pointerEvents;
+                      target.style.pointerEvents = 'none';
+                      point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
+                      _context.next = 7;
+                      return document.elementFromPoint(point[0], point[1]);
 
-                    pointerEventsOldValue = target.style.pointerEvents;
-                    target.style.pointerEvents = 'none';
-                    point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
-                    _context.next = 7;
-                    return document.elementFromPoint(point[0], point[1]);
+                    case 7:
+                      elemBelow = _context.sent;
+                      target.style.pointerEvents = pointerEventsOldValue;
 
-                  case 7:
-                    elemBelow = _context.sent;
-                    target.style.pointerEvents = pointerEventsOldValue;
+                      if (elemBelow) {
+                        _context.next = 11;
+                        break;
+                      }
 
-                    if (elemBelow) {
-                      _context.next = 11;
-                      break;
-                    }
+                      return _context.abrupt("return");
 
-                    return _context.abrupt("return");
+                    case 11:
+                      droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
 
-                  case 11:
-                    droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
+                      if (currentDroppable !== droppableBelow) {
+                        if (currentDroppable) {
+                          // null when we were not over a droppable before this event
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                          event.type = 'dragleave';
+                          event.target = currentDroppable;
+                          currentDroppable.dispatchEvent(event);
+                        }
 
-                    if (currentDroppable !== droppableBelow) {
-                      if (currentDroppable) {
-                        // null when we were not over a droppable before this event
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                        event.type = 'dragleave';
-                        event.target = currentDroppable;
-                        currentDroppable.dispatchEvent(event);
-                      }
+                        if (droppableBelow) {
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                          event.type = 'dragenter';
+                          event.target = droppableBelow;
+                          droppableBelow.dispatchEvent(event);
+                        }
 
-                      if (droppableBelow) {
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                        event.type = 'dragenter';
-                        event.target = droppableBelow;
-                        droppableBelow.dispatchEvent(event);
-                      }
+                        currentDroppable = droppableBelow;
 
-                      currentDroppable = droppableBelow;
-
-                      if (currentDroppable) {
-                        // null if we're not coming over a droppable now
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
-                        event.type = 'dragover';
-                        event.target = currentDroppable;
-                        currentDroppable.dispatchEvent(event);
+                        if (currentDroppable) {
+                          // null if we're not coming over a droppable now
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
+                          event.type = 'dragover';
+                          event.target = currentDroppable;
+                          currentDroppable.dispatchEvent(event);
+                        }
                       }
-                    }
 
-                  case 13:
-                  case "end":
-                    return _context.stop();
+                    case 13:
+                    case "end":
+                      return _context.stop();
+                  }
                 }
-              }
-            }, _callee);
-          }));
+              }, _callee);
+            }));
 
-          return function onMouseMove(_x) {
-            return _ref.apply(this, arguments);
-          };
-        }();
+            return function onMouseMove(_x) {
+              return _ref.apply(this, arguments);
+            };
+          }();
 
-        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
-        event.type = 'dragstart';
-        target.dispatchEvent(event);
-        var currentDroppable = null;
-        document.addEventListener('pointermove', onMouseMove);
-        target.addEventListener('pointerup', function () {
-          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
-          event.type = 'dragend';
+          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
+          event.type = 'dragstart';
           target.dispatchEvent(event);
+          var currentDroppable = null;
+          document.addEventListener('pointermove', onMouseMove);
+          target.addEventListener('pointerup', function () {
+            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
+            event.type = 'dragend';
+            target.dispatchEvent(event);
 
-          if (currentDroppable) {
-            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
-            event.type = 'drop';
-            event.target = currentDroppable;
-            currentDroppable.dispatchEvent(event);
-          }
+            if (currentDroppable) {
+              // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
+              event.type = 'drop';
+              event.target = currentDroppable;
+              currentDroppable.dispatchEvent(event);
+            }
 
-          document.removeEventListener('pointermove', onMouseMove);
-        }, {
-          once: true
-        });
-      }
-    };
+            document.removeEventListener('pointermove', onMouseMove);
+          }, {
+            once: true
+          });
+        }
+      };
 
-    renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
+      renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
 
-            case 1:
-            case "end":
-              return _context2.stop();
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
           }
-        }
-      }, _callee2);
-    })));
-    renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
-      _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
-    });
-  };
+        }, _callee2);
+      })));
+      renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
+        _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
+      });
+    }
+  }]);
 
@@ -564,7 +615,7 @@ return DragndropPlugin;
 var Plugin = /*#__PURE__*/function () {
-  function Plugin(options) {
-    if (options === void 0) {
-      options = {};
-    }
+  function Plugin() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
+    _classCallCheck(this, Plugin);
+
     this.options = void 0;
@@ -575,18 +626,20 @@ this.name = 'dragndrop';
 
-  var _proto = Plugin.prototype;
+  _createClass(Plugin, [{
+    key: "init",
+    value: function init(container) {
+      container.register(DragndropPluginOptions, {
+        useValue: _objectSpread2({
+          overlap: 'pointer'
+        }, this.options)
+      });
+      container.load(containerModule, true);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy(container) {
+      container.remove(DragndropPluginOptions);
+      container.unload(containerModule);
+    }
+  }]);
 
-  _proto.init = function init(container) {
-    container.register(DragndropPluginOptions, {
-      useValue: _extends({
-        overlap: 'pointer'
-      }, this.options)
-    });
-    container.load(containerModule, true);
-  };
-
-  _proto.destroy = function destroy(container) {
-    container.remove(DragndropPluginOptions);
-    container.unload(containerModule);
-  };
-
   return Plugin;
@@ -593,0 +646,0 @@ }();

dist/index.js

@@ -9,2 +9,28 @@ 'use strict';
 
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+
+  return target;
+}
+
 function _regeneratorRuntime() {
@@ -391,18 +417,40 @@ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
+function _classCallCheck(instance, Constructor) {
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
 
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
 
-    return target;
-  };
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  Object.defineProperty(Constructor, "prototype", {
+    writable: false
+  });
+  return Constructor;
+}
 
-  return _extends.apply(this, arguments);
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
 }
@@ -417,2 +465,4 @@
   function DragndropPlugin() {
+    _classCallCheck(this, DragndropPlugin);
+
     this.sceneGraphService = void 0;
@@ -423,128 +473,129 @@ this.renderingContext = void 0;
 
-  var _proto = DragndropPlugin.prototype;
+  _createClass(DragndropPlugin, [{
+    key: "apply",
+    value: function apply(renderingService) {
+      var _this = this;
 
-  _proto.apply = function apply(renderingService) {
-    var _this = this;
+      var document = this.renderingContext.root.ownerDocument;
+      var overlap = this.dragndropPluginOptions.overlap;
 
-    var document = this.renderingContext.root.ownerDocument;
-    var overlap = this.dragndropPluginOptions.overlap;
+      var handlePointerdown = function handlePointerdown(event) {
+        var target = event.target;
 
-    var handlePointerdown = function handlePointerdown(event) {
-      var target = event.target;
+        if (target.getAttribute('draggable')) {
+          // @ts-ignore
+          var onMouseMove = /*#__PURE__*/function () {
+            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+              var pointerEventsOldValue, point, elemBelow, droppableBelow;
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) {
+                  switch (_context.prev = _context.next) {
+                    case 0:
+                      // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
+                      event.type = 'drag';
+                      target.dispatchEvent(event); // prevent from picking the dragging element
 
-      if (target.getAttribute('draggable')) {
-        // @ts-ignore
-        var onMouseMove = /*#__PURE__*/function () {
-          var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-            var pointerEventsOldValue, point, elemBelow, droppableBelow;
-            return _regeneratorRuntime().wrap(function _callee$(_context) {
-              while (1) {
-                switch (_context.prev = _context.next) {
-                  case 0:
-                    // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
-                    event.type = 'drag';
-                    target.dispatchEvent(event); // prevent from picking the dragging element
+                      pointerEventsOldValue = target.style.pointerEvents;
+                      target.style.pointerEvents = 'none';
+                      point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
+                      _context.next = 7;
+                      return document.elementFromPoint(point[0], point[1]);
 
-                    pointerEventsOldValue = target.style.pointerEvents;
-                    target.style.pointerEvents = 'none';
-                    point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
-                    _context.next = 7;
-                    return document.elementFromPoint(point[0], point[1]);
+                    case 7:
+                      elemBelow = _context.sent;
+                      target.style.pointerEvents = pointerEventsOldValue;
 
-                  case 7:
-                    elemBelow = _context.sent;
-                    target.style.pointerEvents = pointerEventsOldValue;
+                      if (elemBelow) {
+                        _context.next = 11;
+                        break;
+                      }
 
-                    if (elemBelow) {
-                      _context.next = 11;
-                      break;
-                    }
+                      return _context.abrupt("return");
 
-                    return _context.abrupt("return");
+                    case 11:
+                      droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
 
-                  case 11:
-                    droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
+                      if (currentDroppable !== droppableBelow) {
+                        if (currentDroppable) {
+                          // null when we were not over a droppable before this event
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                          event.type = 'dragleave';
+                          event.target = currentDroppable;
+                          currentDroppable.dispatchEvent(event);
+                        }
 
-                    if (currentDroppable !== droppableBelow) {
-                      if (currentDroppable) {
-                        // null when we were not over a droppable before this event
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                        event.type = 'dragleave';
-                        event.target = currentDroppable;
-                        currentDroppable.dispatchEvent(event);
-                      }
+                        if (droppableBelow) {
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                          event.type = 'dragenter';
+                          event.target = droppableBelow;
+                          droppableBelow.dispatchEvent(event);
+                        }
 
-                      if (droppableBelow) {
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                        event.type = 'dragenter';
-                        event.target = droppableBelow;
-                        droppableBelow.dispatchEvent(event);
-                      }
+                        currentDroppable = droppableBelow;
 
-                      currentDroppable = droppableBelow;
-
-                      if (currentDroppable) {
-                        // null if we're not coming over a droppable now
-                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
-                        event.type = 'dragover';
-                        event.target = currentDroppable;
-                        currentDroppable.dispatchEvent(event);
+                        if (currentDroppable) {
+                          // null if we're not coming over a droppable now
+                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
+                          event.type = 'dragover';
+                          event.target = currentDroppable;
+                          currentDroppable.dispatchEvent(event);
+                        }
                       }
-                    }
 
-                  case 13:
-                  case "end":
-                    return _context.stop();
+                    case 13:
+                    case "end":
+                      return _context.stop();
+                  }
                 }
-              }
-            }, _callee);
-          }));
+              }, _callee);
+            }));
 
-          return function onMouseMove(_x) {
-            return _ref.apply(this, arguments);
-          };
-        }();
+            return function onMouseMove(_x) {
+              return _ref.apply(this, arguments);
+            };
+          }();
 
-        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
-        event.type = 'dragstart';
-        target.dispatchEvent(event);
-        var currentDroppable = null;
-        document.addEventListener('pointermove', onMouseMove);
-        target.addEventListener('pointerup', function () {
-          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
-          event.type = 'dragend';
+          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
+          event.type = 'dragstart';
           target.dispatchEvent(event);
+          var currentDroppable = null;
+          document.addEventListener('pointermove', onMouseMove);
+          target.addEventListener('pointerup', function () {
+            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
+            event.type = 'dragend';
+            target.dispatchEvent(event);
 
-          if (currentDroppable) {
-            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
-            event.type = 'drop';
-            event.target = currentDroppable;
-            currentDroppable.dispatchEvent(event);
-          }
+            if (currentDroppable) {
+              // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
+              event.type = 'drop';
+              event.target = currentDroppable;
+              currentDroppable.dispatchEvent(event);
+            }
 
-          document.removeEventListener('pointermove', onMouseMove);
-        }, {
-          once: true
-        });
-      }
-    };
+            document.removeEventListener('pointermove', onMouseMove);
+          }, {
+            once: true
+          });
+        }
+      };
 
-    renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
+      renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
 
-            case 1:
-            case "end":
-              return _context2.stop();
+              case 1:
+              case "end":
+                return _context2.stop();
+            }
           }
-        }
-      }, _callee2);
-    })));
-    renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
-      _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
-    });
-  };
+        }, _callee2);
+      })));
+      renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
+        _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
+      });
+    }
+  }]);
 
@@ -568,7 +619,7 @@ return DragndropPlugin;
 var Plugin = /*#__PURE__*/function () {
-  function Plugin(options) {
-    if (options === void 0) {
-      options = {};
-    }
+  function Plugin() {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
+    _classCallCheck(this, Plugin);
+
     this.options = void 0;
@@ -579,18 +630,20 @@ this.name = 'dragndrop';
 
-  var _proto = Plugin.prototype;
+  _createClass(Plugin, [{
+    key: "init",
+    value: function init(container) {
+      container.register(DragndropPluginOptions, {
+        useValue: _objectSpread2({
+          overlap: 'pointer'
+        }, this.options)
+      });
+      container.load(containerModule, true);
+    }
+  }, {
+    key: "destroy",
+    value: function destroy(container) {
+      container.remove(DragndropPluginOptions);
+      container.unload(containerModule);
+    }
+  }]);
 
-  _proto.init = function init(container) {
-    container.register(DragndropPluginOptions, {
-      useValue: _extends({
-        overlap: 'pointer'
-      }, this.options)
-    });
-    container.load(containerModule, true);
-  };
-
-  _proto.destroy = function destroy(container) {
-    container.remove(DragndropPluginOptions);
-    container.unload(containerModule);
-  };
-
   return Plugin;
@@ -597,0 +650,0 @@ }();

dist/index.umd.js

@@ -7,2 +7,28 @@ (function (global, factory) {
 
+  function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+
+    if (Object.getOwnPropertySymbols) {
+      var symbols = Object.getOwnPropertySymbols(object);
+      enumerableOnly && (symbols = symbols.filter(function (sym) {
+        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+      })), keys.push.apply(keys, symbols);
+    }
+
+    return keys;
+  }
+
+  function _objectSpread2(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = null != arguments[i] ? arguments[i] : {};
+      i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
+
+    return target;
+  }
+
   function _regeneratorRuntime() {
@@ -389,18 +415,40 @@ /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
-  function _extends() {
-    _extends = Object.assign || function (target) {
-      for (var i = 1; i < arguments.length; i++) {
-        var source = arguments[i];
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
 
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
 
-      return target;
-    };
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    Object.defineProperty(Constructor, "prototype", {
+      writable: false
+    });
+    return Constructor;
+  }
 
-    return _extends.apply(this, arguments);
+  function _defineProperty(obj, key, value) {
+    if (key in obj) {
+      Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+      });
+    } else {
+      obj[key] = value;
+    }
+
+    return obj;
   }
@@ -441,2 +489,4 @@
     function DragndropPlugin() {
+      _classCallCheck(this, DragndropPlugin);
+
       this.sceneGraphService = void 0;
@@ -447,128 +497,129 @@ this.renderingContext = void 0;
 
-    var _proto = DragndropPlugin.prototype;
+    _createClass(DragndropPlugin, [{
+      key: "apply",
+      value: function apply(renderingService) {
+        var _this = this;
 
-    _proto.apply = function apply(renderingService) {
-      var _this = this;
+        var document = this.renderingContext.root.ownerDocument;
+        var overlap = this.dragndropPluginOptions.overlap;
 
-      var document = this.renderingContext.root.ownerDocument;
-      var overlap = this.dragndropPluginOptions.overlap;
+        var handlePointerdown = function handlePointerdown(event) {
+          var target = event.target;
 
-      var handlePointerdown = function handlePointerdown(event) {
-        var target = event.target;
+          if (target.getAttribute('draggable')) {
+            // @ts-ignore
+            var onMouseMove = /*#__PURE__*/function () {
+              var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
+                var pointerEventsOldValue, point, elemBelow, droppableBelow;
+                return _regeneratorRuntime().wrap(function _callee$(_context) {
+                  while (1) {
+                    switch (_context.prev = _context.next) {
+                      case 0:
+                        // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
+                        event.type = 'drag';
+                        target.dispatchEvent(event); // prevent from picking the dragging element
 
-        if (target.getAttribute('draggable')) {
-          // @ts-ignore
-          var onMouseMove = /*#__PURE__*/function () {
-            var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-              var pointerEventsOldValue, point, elemBelow, droppableBelow;
-              return _regeneratorRuntime().wrap(function _callee$(_context) {
-                while (1) {
-                  switch (_context.prev = _context.next) {
-                    case 0:
-                      // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event
-                      event.type = 'drag';
-                      target.dispatchEvent(event); // prevent from picking the dragging element
+                        pointerEventsOldValue = target.style.pointerEvents;
+                        target.style.pointerEvents = 'none';
+                        point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
+                        _context.next = 7;
+                        return document.elementFromPoint(point[0], point[1]);
 
-                      pointerEventsOldValue = target.style.pointerEvents;
-                      target.style.pointerEvents = 'none';
-                      point = overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center;
-                      _context.next = 7;
-                      return document.elementFromPoint(point[0], point[1]);
+                      case 7:
+                        elemBelow = _context.sent;
+                        target.style.pointerEvents = pointerEventsOldValue;
 
-                    case 7:
-                      elemBelow = _context.sent;
-                      target.style.pointerEvents = pointerEventsOldValue;
+                        if (elemBelow) {
+                          _context.next = 11;
+                          break;
+                        }
 
-                      if (elemBelow) {
-                        _context.next = 11;
-                        break;
-                      }
+                        return _context.abrupt("return");
 
-                      return _context.abrupt("return");
+                      case 11:
+                        droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
 
-                    case 11:
-                      droppableBelow = (elemBelow === null || elemBelow === void 0 ? void 0 : elemBelow.closest('[droppable=true]')) || null;
+                        if (currentDroppable !== droppableBelow) {
+                          if (currentDroppable) {
+                            // null when we were not over a droppable before this event
+                            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                            event.type = 'dragleave';
+                            event.target = currentDroppable;
+                            currentDroppable.dispatchEvent(event);
+                          }
 
-                      if (currentDroppable !== droppableBelow) {
-                        if (currentDroppable) {
-                          // null when we were not over a droppable before this event
-                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                          event.type = 'dragleave';
-                          event.target = currentDroppable;
-                          currentDroppable.dispatchEvent(event);
-                        }
+                          if (droppableBelow) {
+                            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
+                            event.type = 'dragenter';
+                            event.target = droppableBelow;
+                            droppableBelow.dispatchEvent(event);
+                          }
 
-                        if (droppableBelow) {
-                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event
-                          event.type = 'dragenter';
-                          event.target = droppableBelow;
-                          droppableBelow.dispatchEvent(event);
-                        }
+                          currentDroppable = droppableBelow;
 
-                        currentDroppable = droppableBelow;
-
-                        if (currentDroppable) {
-                          // null if we're not coming over a droppable now
-                          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
-                          event.type = 'dragover';
-                          event.target = currentDroppable;
-                          currentDroppable.dispatchEvent(event);
+                          if (currentDroppable) {
+                            // null if we're not coming over a droppable now
+                            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragover_event
+                            event.type = 'dragover';
+                            event.target = currentDroppable;
+                            currentDroppable.dispatchEvent(event);
+                          }
                         }
-                      }
 
-                    case 13:
-                    case "end":
-                      return _context.stop();
+                      case 13:
+                      case "end":
+                        return _context.stop();
+                    }
                   }
-                }
-              }, _callee);
-            }));
+                }, _callee);
+              }));
 
-            return function onMouseMove(_x) {
-              return _ref.apply(this, arguments);
-            };
-          }();
+              return function onMouseMove(_x) {
+                return _ref.apply(this, arguments);
+              };
+            }();
 
-          // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
-          event.type = 'dragstart';
-          target.dispatchEvent(event);
-          var currentDroppable = null;
-          document.addEventListener('pointermove', onMouseMove);
-          target.addEventListener('pointerup', function () {
-            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
-            event.type = 'dragend';
+            // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event
+            event.type = 'dragstart';
             target.dispatchEvent(event);
+            var currentDroppable = null;
+            document.addEventListener('pointermove', onMouseMove);
+            target.addEventListener('pointerup', function () {
+              // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragend_event
+              event.type = 'dragend';
+              target.dispatchEvent(event);
 
-            if (currentDroppable) {
-              // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
-              event.type = 'drop';
-              event.target = currentDroppable;
-              currentDroppable.dispatchEvent(event);
-            }
+              if (currentDroppable) {
+                // @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drop_event
+                event.type = 'drop';
+                event.target = currentDroppable;
+                currentDroppable.dispatchEvent(event);
+              }
 
-            document.removeEventListener('pointermove', onMouseMove);
-          }, {
-            once: true
-          });
-        }
-      };
+              document.removeEventListener('pointermove', onMouseMove);
+            }, {
+              once: true
+            });
+          }
+        };
 
-      renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-        return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
+        renderingService.hooks.init.tapPromise(DragndropPlugin_1.tag, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+            while (1) {
+              switch (_context2.prev = _context2.next) {
+                case 0:
+                  _this.renderingContext.root.addEventListener('pointerdown', handlePointerdown);
 
-              case 1:
-              case "end":
-                return _context2.stop();
+                case 1:
+                case "end":
+                  return _context2.stop();
+              }
             }
-          }
-        }, _callee2);
-      })));
-      renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
-        _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
-      });
-    };
+          }, _callee2);
+        })));
+        renderingService.hooks.destroy.tap(DragndropPlugin_1.tag, function () {
+          _this.renderingContext.root.removeEventListener('pointerdown', handlePointerdown);
+        });
+      }
+    }]);
 
@@ -592,7 +643,7 @@ return DragndropPlugin;
   var Plugin = /*#__PURE__*/function () {
-    function Plugin(options) {
-      if (options === void 0) {
-        options = {};
-      }
+    function Plugin() {
+      var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
+      _classCallCheck(this, Plugin);
+
       this.options = void 0;
@@ -603,18 +654,20 @@ this.name = 'dragndrop';
 
-    var _proto = Plugin.prototype;
+    _createClass(Plugin, [{
+      key: "init",
+      value: function init(container) {
+        container.register(DragndropPluginOptions, {
+          useValue: _objectSpread2({
+            overlap: 'pointer'
+          }, this.options)
+        });
+        container.load(containerModule, true);
+      }
+    }, {
+      key: "destroy",
+      value: function destroy(container) {
+        container.remove(DragndropPluginOptions);
+        container.unload(containerModule);
+      }
+    }]);
 
-    _proto.init = function init(container) {
-      container.register(DragndropPluginOptions, {
-        useValue: _extends({
-          overlap: 'pointer'
-        }, this.options)
-      });
-      container.load(containerModule, true);
-    };
-
-    _proto.destroy = function destroy(container) {
-      container.remove(DragndropPluginOptions);
-      container.unload(containerModule);
-    };
-
     return Plugin;
@@ -621,0 +674,0 @@ }();

dist/index.umd.min.js

@@ -1,3 +0,3 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("mana-syringe"),require("@antv/g")):"function"==typeof define&&define.amd?define(["exports","mana-syringe","@antv/g"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).G=t.G||{},t.G.Dragndrop={}),t.window.G.ManaSyringe,t.window.G)}(this,(function(t,e,r){"use strict";function n(){
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("mana-syringe"),require("@antv/g")):"function"==typeof define&&define.amd?define(["exports","mana-syringe","@antv/g"],e):e(((t="undefined"!=typeof globalThis?globalThis:t||self).G=t.G||{},t.G.Dragndrop={}),t.window.G.ManaSyringe,t.window.G)}(this,(function(t,e,r){"use strict";function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;arguments.length>e;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){l(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function i(){
 /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-n=function(){return t};var t={},e=Object.prototype,r=e.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=Object.create((e&&e.prototype instanceof l?e:l).prototype),i=new O(n||[]);return o._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=x(a,r);if(c){if(c===p)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=f(t,e,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===p)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(t,r,i),o}function f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var p={};function l(){}function h(){}function d(){}var v={};u(v,i,(function(){return this}));var y=Object.getPrototypeOf,g=y&&y(y(j([])));g&&g!==e&&r.call(g,i)&&(v=g);var m=d.prototype=l.prototype=Object.create(v);function w(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){function n(o,i,a,c){var u=f(t[o],t,i);if("throw"!==u.type){var s=u.arg,p=s.value;return p&&"object"==typeof p&&r.call(p,"__await")?e.resolve(p.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(p).then((function(t){s.value=t,a(s)}),(function(t){return n("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,r){function i(){return new e((function(e,o){n(t,r,e,o)}))}return o=o?o.then(i,i):i()}}function x(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,x(t,e),"throw"===e.method))return p;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return p}var n=f(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,p;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,p):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,p)}function E(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function O(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(E,this),this.reset(!0)}function j(t){if(t){var e=t[i];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,o=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return o.next=o}}return{next:P}}function P(){return{value:void 0,done:!0}}return h.prototype=d,u(m,"constructor",d),u(d,"constructor",h),h.displayName=u(d,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,u(t,c,"GeneratorFunction")),t.prototype=Object.create(m),t},t.awrap=function(t){return{__await:t}},w(b.prototype),u(b.prototype,a,(function(){return this})),t.AsyncIterator=b,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new b(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},w(m),u(m,c,"Generator"),u(m,i,(function(){return this})),u(m,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=j,O.prototype={constructor:O,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(L),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(this.prev>=i.tryLoc){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(i.catchLoc>this.prev)return n(i.catchLoc,!0);if(i.finallyLoc>this.prev)return n(i.finallyLoc)}else if(c){if(i.catchLoc>this.prev)return n(i.catchLoc,!0)}else{if(!u)throw new Error("try statement without catch or finally");if(i.finallyLoc>this.prev)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(this.prev>=o.tryLoc&&r.call(o,"finallyLoc")&&o.finallyLoc>this.prev){var i=o;break}}i&&("break"===t||"continue"===t)&&e>=i.tryLoc&&i.finallyLoc>=e&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,p):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),p},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),L(r),p}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:j(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),p}},t}function o(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function i(t){return function(){var e=this,r=arguments;return new Promise((function(n,i){var a=t.apply(e,r);function c(t){o(a,n,i,c,u,"next",t)}function u(t){o(a,n,i,c,u,"throw",t)}c(void 0)}))}}function a(){return a=Object.assign||function(t){for(var e=1;arguments.length>e;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},a.apply(this,arguments)}function c(t,e,r,n){var o,i=arguments.length,a=3>i?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(a=(3>i?o(a):i>3?o(e,r,a):o(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a}function u(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}var s,f,p=e.Syringe.defineToken("DragndropPluginOptions"),l=(s=function(){function t(){this.sceneGraphService=void 0,this.renderingContext=void 0,this.dragndropPluginOptions=void 0}return t.prototype.apply=function(t){var e=this,r=this.renderingContext.root.ownerDocument,o=this.dragndropPluginOptions.overlap,a=function(t){var e=t.target;if(e.getAttribute("draggable")){var a=function(){var t=i(n().mark((function t(i){var a,u,s,f;return n().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return i.type="drag",e.dispatchEvent(i),a=e.style.pointerEvents,e.style.pointerEvents="none",u="pointer"===o?[i.canvasX,i.canvasY]:e.getBounds().center,t.next=7,r.elementFromPoint(u[0],u[1]);case 7:if(s=t.sent,e.style.pointerEvents=a,s){t.next=11;break}return t.abrupt("return");case 11:f=(null==s?void 0:s.closest("[droppable=true]"))||null,c!==f&&(c&&(i.type="dragleave",i.target=c,c.dispatchEvent(i)),f&&(i.type="dragenter",i.target=f,f.dispatchEvent(i)),(c=f)&&(i.type="dragover",i.target=c,c.dispatchEvent(i)));case 13:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();t.type="dragstart",e.dispatchEvent(t);var c=null;r.addEventListener("pointermove",a),e.addEventListener("pointerup",(function(){t.type="dragend",e.dispatchEvent(t),c&&(t.type="drop",t.target=c,c.dispatchEvent(t)),r.removeEventListener("pointermove",a)}),{once:!0})}};t.hooks.init.tapPromise(f.tag,i(n().mark((function t(){return n().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e.renderingContext.root.addEventListener("pointerdown",a);case 1:case"end":return t.stop()}}),t)})))),t.hooks.destroy.tap(f.tag,(function(){e.renderingContext.root.removeEventListener("pointerdown",a)}))},t}(),s.tag="Dragndrop",f=s);c([e.inject(r.SceneGraphService),u("design:type",Object)],l.prototype,"sceneGraphService",void 0),c([e.inject(r.RenderingContext),u("design:type",Object)],l.prototype,"renderingContext",void 0),c([e.inject(p),u("design:type",Object)],l.prototype,"dragndropPluginOptions",void 0),l=f=c([e.singleton({contrib:r.RenderingPluginContribution})],l);var h=e.Module((function(t){t(l)}));t.Plugin=function(){function t(t){void 0===t&&(t={}),this.options=void 0,this.name="dragndrop",this.options=t}var e=t.prototype;return e.init=function(t){t.register(p,{useValue:a({overlap:"pointer"},this.options)}),t.load(h,!0)},e.destroy=function(t){t.remove(p),t.unload(h)},t}(),Object.defineProperty(t,"__esModule",{value:!0})}));
+i=function(){return t};var t={},e=Object.prototype,r=e.hasOwnProperty,n="function"==typeof Symbol?Symbol:{},o=n.iterator||"@@iterator",a=n.asyncIterator||"@@asyncIterator",c=n.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function s(t,e,r,n){var o=Object.create((e&&e.prototype instanceof p?e:p).prototype),i=new j(n||[]);return o._invoke=function(t,e,r){var n="suspendedStart";return function(o,i){if("executing"===n)throw Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return P()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=O(a,r);if(c){if(c===l)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if("suspendedStart"===n)throw n="completed",r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n="executing";var u=f(t,e,r);if("normal"===u.type){if(n=r.done?"completed":"suspendedYield",u.arg===l)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n="completed",r.method="throw",r.arg=u.arg)}}}(t,r,i),o}function f(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=s;var l={};function p(){}function h(){}function d(){}var v={};u(v,o,(function(){return this}));var y=Object.getPrototypeOf,g=y&&y(y(L([])));g&&g!==e&&r.call(g,o)&&(v=g);var m=d.prototype=p.prototype=Object.create(v);function w(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function b(t,e){function n(o,i,a,c){var u=f(t[o],t,i);if("throw"!==u.type){var s=u.arg,l=s.value;return l&&"object"==typeof l&&r.call(l,"__await")?e.resolve(l.__await).then((function(t){n("next",t,a,c)}),(function(t){n("throw",t,a,c)})):e.resolve(l).then((function(t){s.value=t,a(s)}),(function(t){return n("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,r){function i(){return new e((function(e,o){n(t,r,e,o)}))}return o=o?o.then(i,i):i()}}function O(t,e){var r=t.iterator[e.method];if(void 0===r){if(e.delegate=null,"throw"===e.method){if(t.iterator.return&&(e.method="return",e.arg=void 0,O(t,e),"throw"===e.method))return l;e.method="throw",e.arg=new TypeError("The iterator does not provide a 'throw' method")}return l}var n=f(r,t.iterator,e.arg);if("throw"===n.type)return e.method="throw",e.arg=n.arg,e.delegate=null,l;var o=n.arg;return o?o.done?(e[t.resultName]=o.value,e.next=t.nextLoc,"return"!==e.method&&(e.method="next",e.arg=void 0),e.delegate=null,l):o:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,l)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function E(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function j(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var e=t[o];if(e)return e.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,i=function e(){for(;++n<t.length;)if(r.call(t,n))return e.value=t[n],e.done=!1,e;return e.value=void 0,e.done=!0,e};return i.next=i}}return{next:P}}function P(){return{value:void 0,done:!0}}return h.prototype=d,u(m,"constructor",d),u(d,"constructor",h),h.displayName=u(d,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===h||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,d):(t.__proto__=d,u(t,c,"GeneratorFunction")),t.prototype=Object.create(m),t},t.awrap=function(t){return{__await:t}},w(b.prototype),u(b.prototype,a,(function(){return this})),t.AsyncIterator=b,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new b(s(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},w(m),u(m,c,"Generator"),u(m,o,(function(){return this})),u(m,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=L,j.prototype={constructor:j,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(E),!t)for(var e in this)"t"===e.charAt(0)&&r.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var e=this;function n(r,n){return a.type="throw",a.arg=t,e.next=r,n&&(e.method="next",e.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(this.prev>=i.tryLoc){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(i.catchLoc>this.prev)return n(i.catchLoc,!0);if(i.finallyLoc>this.prev)return n(i.finallyLoc)}else if(c){if(i.catchLoc>this.prev)return n(i.catchLoc,!0)}else{if(!u)throw Error("try statement without catch or finally");if(i.finallyLoc>this.prev)return n(i.finallyLoc)}}}},abrupt:function(t,e){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(this.prev>=o.tryLoc&&r.call(o,"finallyLoc")&&o.finallyLoc>this.prev){var i=o;break}}i&&("break"===t||"continue"===t)&&e>=i.tryLoc&&i.finallyLoc>=e&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,l):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),l},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),E(r),l}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;E(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,e,r){return this.delegate={iterator:L(t),resultName:e,nextLoc:r},"next"===this.method&&(this.arg=void 0),l}},t}function a(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function c(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function c(t){a(i,n,o,c,u,"next",t)}function u(t){a(i,n,o,c,u,"throw",t)}c(void 0)}))}}function u(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var r=0;e.length>r;r++){var n=e[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,n.key,n)}}function f(t,e,r){return e&&s(t.prototype,e),r&&s(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}function l(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function p(t,e,r,n){var o,i=arguments.length,a=3>i?e:null===n?n=Object.getOwnPropertyDescriptor(e,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,n);else for(var c=t.length-1;c>=0;c--)(o=t[c])&&(a=(3>i?o(a):i>3?o(e,r,a):o(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a}function h(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}var d,v,y=e.Syringe.defineToken("DragndropPluginOptions"),g=(d=function(){function t(){u(this,t),this.sceneGraphService=void 0,this.renderingContext=void 0,this.dragndropPluginOptions=void 0}return f(t,[{key:"apply",value:function(t){var e=this,r=this.renderingContext.root.ownerDocument,n=this.dragndropPluginOptions.overlap,o=function(t){var e=t.target;if(e.getAttribute("draggable")){var o=function(){var t=c(i().mark((function t(o){var c,u,s,f;return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return o.type="drag",e.dispatchEvent(o),c=e.style.pointerEvents,e.style.pointerEvents="none",u="pointer"===n?[o.canvasX,o.canvasY]:e.getBounds().center,t.next=7,r.elementFromPoint(u[0],u[1]);case 7:if(s=t.sent,e.style.pointerEvents=c,s){t.next=11;break}return t.abrupt("return");case 11:f=(null==s?void 0:s.closest("[droppable=true]"))||null,a!==f&&(a&&(o.type="dragleave",o.target=a,a.dispatchEvent(o)),f&&(o.type="dragenter",o.target=f,f.dispatchEvent(o)),(a=f)&&(o.type="dragover",o.target=a,a.dispatchEvent(o)));case 13:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}();t.type="dragstart",e.dispatchEvent(t);var a=null;r.addEventListener("pointermove",o),e.addEventListener("pointerup",(function(){t.type="dragend",e.dispatchEvent(t),a&&(t.type="drop",t.target=a,a.dispatchEvent(t)),r.removeEventListener("pointermove",o)}),{once:!0})}};t.hooks.init.tapPromise(v.tag,c(i().mark((function t(){return i().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:e.renderingContext.root.addEventListener("pointerdown",o);case 1:case"end":return t.stop()}}),t)})))),t.hooks.destroy.tap(v.tag,(function(){e.renderingContext.root.removeEventListener("pointerdown",o)}))}}]),t}(),d.tag="Dragndrop",v=d);p([e.inject(r.SceneGraphService),h("design:type",Object)],g.prototype,"sceneGraphService",void 0),p([e.inject(r.RenderingContext),h("design:type",Object)],g.prototype,"renderingContext",void 0),p([e.inject(y),h("design:type",Object)],g.prototype,"dragndropPluginOptions",void 0),g=v=p([e.singleton({contrib:r.RenderingPluginContribution})],g);var m=e.Module((function(t){t(g)})),w=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};u(this,t),this.options=void 0,this.name="dragndrop",this.options=e}return f(t,[{key:"init",value:function(t){t.register(y,{useValue:o({overlap:"pointer"},this.options)}),t.load(m,!0)}},{key:"destroy",value:function(t){t.remove(y),t.unload(m)}}]),t}();t.Plugin=w,Object.defineProperty(t,"__esModule",{value:!0})}));

package.json

 {
   "name": "@antv/g-plugin-dragndrop",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "A G plugin for Drag n Drop implemented with PointerEvents",
@@ -42,3 +42,3 @@ "keywords": [
   },
-  "gitHead": "f5f33290d3601bd78f0312324dec992798c6de7b"
+  "gitHead": "ee946c7c12c90946c37926b34ee5165bf0c35f25"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

90263

increased by8.34%

Lines of code

1724

increased by9.32%

No dependency changes