@antv/g-plugin-dragndrop
Advanced tools
Comparing version 1.6.43 to 1.6.44
@@ -394,69 +394,67 @@ import { AbstractRendererPlugin } from '@antv/g-lite'; | ||
return _regeneratorRuntime().wrap(function _callee$(_context) { | ||
while (1) { | ||
switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
while (1) switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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); | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
if (droppableBelow) { | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event | ||
event.type = 'dragenter'; | ||
event.target = droppableBelow; | ||
droppableBelow.dispatchEvent(event); | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
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); | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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 (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; | ||
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 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
} | ||
case 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
@@ -504,10 +502,8 @@ }, _callee); | ||
return _regeneratorRuntime().wrap(function _callee2$(_context2) { | ||
while (1) { | ||
switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
while (1) switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
@@ -514,0 +510,0 @@ }, _callee2); |
@@ -398,69 +398,67 @@ 'use strict'; | ||
return _regeneratorRuntime().wrap(function _callee$(_context) { | ||
while (1) { | ||
switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
while (1) switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = util.distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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); | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = util.distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
if (droppableBelow) { | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event | ||
event.type = 'dragenter'; | ||
event.target = droppableBelow; | ||
droppableBelow.dispatchEvent(event); | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
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); | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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 (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; | ||
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 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
} | ||
case 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
@@ -508,10 +506,8 @@ }, _callee); | ||
return _regeneratorRuntime().wrap(function _callee2$(_context2) { | ||
while (1) { | ||
switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
while (1) switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
@@ -518,0 +514,0 @@ }, _callee2); |
@@ -401,69 +401,67 @@ (function (global, factory) { | ||
return _regeneratorRuntime().wrap(function _callee$(_context) { | ||
while (1) { | ||
switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
while (1) switch (_context.prev = _context.next) { | ||
case 0: | ||
if (dragstartTriggered) { | ||
_context.next = 8; | ||
break; | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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); | ||
} | ||
timeElapsed = event.timeStamp - dragstartTimeStamp; | ||
distanceMoved = distanceSquareRoot([event.clientX, event.clientY], dragstartClientCoordinates); // check thresholds | ||
if (!(timeElapsed <= _this.dragndropPluginOptions.dragstartTimeThreshold || distanceMoved <= _this.dragndropPluginOptions.dragstartDistanceThreshold)) { | ||
_context.next = 5; | ||
break; | ||
if (droppableBelow) { | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragleave_event | ||
event.type = 'dragenter'; | ||
event.target = droppableBelow; | ||
droppableBelow.dispatchEvent(event); | ||
} | ||
return _context.abrupt("return"); | ||
case 5: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/dragstart_event | ||
event.type = 'dragstart'; | ||
draggableEventTarget.dispatchEvent(event); | ||
dragstartTriggered = true; | ||
case 8: | ||
// @see https://developer.mozilla.org/zh-CN/docs/Web/API/Document/drag_event | ||
event.type = 'drag'; | ||
// @ts-ignore | ||
event.dx = event.clientX - lastDragClientCoordinates[0]; | ||
// @ts-ignore | ||
event.dy = event.clientY - lastDragClientCoordinates[1]; | ||
draggableEventTarget.dispatchEvent(event); | ||
lastDragClientCoordinates = [event.clientX, event.clientY]; | ||
if (isDocument) { | ||
_context.next = 21; | ||
break; | ||
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); | ||
} | ||
point = _this.dragndropPluginOptions.overlap === 'pointer' ? [event.canvasX, event.canvasY] : target.getBounds().center; | ||
_context.next = 17; | ||
return document.elementsFromPoint(point[0], point[1]); | ||
case 17: | ||
elementsBelow = _context.sent; | ||
// prevent from picking the dragging element | ||
elementBelow = elementsBelow[elementsBelow.indexOf(target) + 1]; | ||
droppableBelow = (elementBelow === null || elementBelow === void 0 ? void 0 : elementBelow.closest('[droppable=true]')) || (_this.dragndropPluginOptions.isDocumentDroppable ? document : 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 (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; | ||
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 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
} | ||
case 21: | ||
case "end": | ||
return _context.stop(); | ||
} | ||
@@ -511,10 +509,8 @@ }, _callee); | ||
return _regeneratorRuntime().wrap(function _callee2$(_context2) { | ||
while (1) { | ||
switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
while (1) switch (_context2.prev = _context2.next) { | ||
case 0: | ||
canvas.addEventListener('pointerdown', handlePointerdown); | ||
case 1: | ||
case "end": | ||
return _context2.stop(); | ||
} | ||
@@ -521,0 +517,0 @@ }, _callee2); |
{ | ||
"name": "@antv/g-plugin-dragndrop", | ||
"version": "1.6.43", | ||
"version": "1.6.44", | ||
"description": "A G plugin for Drag n Drop implemented with PointerEvents", | ||
@@ -45,3 +45,3 @@ "keywords": [ | ||
}, | ||
"gitHead": "9ffd7b021d2da1be25fa8579e65eb48c839aad30" | ||
"gitHead": "24512ba8af869f3ce8318f746fc635fb2aab13e0" | ||
} |
89371
1742