You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
2.5 KiB
59 lines
2.5 KiB
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
|
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
|
|
function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
|
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
|
import { useMemo } from 'react';
|
|
import { registerTarget } from '../../common/registration';
|
|
import { useDragDropManager } from './useDragDropManager';
|
|
import { TargetConnector } from '../../common/TargetConnector';
|
|
import { DropTargetMonitorImpl } from '../../common/DropTargetMonitorImpl';
|
|
import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
|
export function useDropTargetMonitor() {
|
|
var manager = useDragDropManager();
|
|
var monitor = useMemo(function () {
|
|
return new DropTargetMonitorImpl(manager);
|
|
}, [manager]);
|
|
var connector = useMemo(function () {
|
|
return new TargetConnector(manager.getBackend());
|
|
}, [manager]);
|
|
return [monitor, connector];
|
|
}
|
|
export function useDropHandler(spec, monitor, connector) {
|
|
var manager = useDragDropManager();
|
|
var handler = useMemo(function () {
|
|
return {
|
|
canDrop: function canDrop() {
|
|
var canDrop = spec.current.canDrop;
|
|
return canDrop ? canDrop(monitor.getItem(), monitor) : true;
|
|
},
|
|
hover: function hover() {
|
|
var hover = spec.current.hover;
|
|
|
|
if (hover) {
|
|
hover(monitor.getItem(), monitor);
|
|
}
|
|
},
|
|
drop: function drop() {
|
|
var drop = spec.current.drop;
|
|
|
|
if (drop) {
|
|
return drop(monitor.getItem(), monitor);
|
|
}
|
|
}
|
|
};
|
|
}, [monitor]);
|
|
useIsomorphicLayoutEffect(function registerHandler() {
|
|
var _registerTarget = registerTarget(spec.current.accept, handler, manager),
|
|
_registerTarget2 = _slicedToArray(_registerTarget, 2),
|
|
handlerId = _registerTarget2[0],
|
|
unregister = _registerTarget2[1];
|
|
|
|
monitor.receiveHandlerId(handlerId);
|
|
connector.receiveHandlerId(handlerId);
|
|
return unregister;
|
|
}, [monitor, connector]);
|
|
} |