fix(nodes): cehck if touchevent exists fixes #188

This commit is contained in:
moklick
2020-05-05 21:16:03 +02:00
parent 6c641a15ee
commit 98978df6a1
6 changed files with 18 additions and 9 deletions

View File

@@ -9164,8 +9164,11 @@ unwrapExports(ResizeObserver_1);
var ResizeObserver_2 = ResizeObserver_1.ResizeObserver;
var ResizeObserver_3 = ResizeObserver_1.install;
var getMouseEvent = function (evt) {
return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent ? evt.touches[0] : evt;
};
var onStart = function (evt, onClick, id, type, data, setOffset, transform, position) {
var startEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
var startEvt = getMouseEvent(evt);
var scaledClient = {
x: startEvt.clientX * (1 / transform[2]),
y: startEvt.clientY * (1 / transform[2]),
@@ -9178,7 +9181,7 @@ var onStart = function (evt, onClick, id, type, data, setOffset, transform, posi
onClick(node);
};
var onDrag = function (evt, setDragging, id, offset, transform) {
var dragEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
var dragEvt = getMouseEvent(evt);
var scaledClient = {
x: dragEvt.clientX * (1 / transform[2]),
y: dragEvt.clientY * (1 / transform[2]),

File diff suppressed because one or more lines are too long

7
dist/ReactFlow.js vendored
View File

@@ -9171,8 +9171,11 @@ unwrapExports(ResizeObserver_1);
var ResizeObserver_2 = ResizeObserver_1.ResizeObserver;
var ResizeObserver_3 = ResizeObserver_1.install;
var getMouseEvent = function (evt) {
return typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent ? evt.touches[0] : evt;
};
var onStart = function (evt, onClick, id, type, data, setOffset, transform, position) {
var startEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
var startEvt = getMouseEvent(evt);
var scaledClient = {
x: startEvt.clientX * (1 / transform[2]),
y: startEvt.clientY * (1 / transform[2]),
@@ -9185,7 +9188,7 @@ var onStart = function (evt, onClick, id, type, data, setOffset, transform, posi
onClick(node);
};
var onDrag = function (evt, setDragging, id, offset, transform) {
var dragEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
var dragEvt = getMouseEvent(evt);
var scaledClient = {
x: dragEvt.clientX * (1 / transform[2]),
y: dragEvt.clientY * (1 / transform[2]),

File diff suppressed because one or more lines are too long

View File

@@ -1,6 +1,6 @@
{
"name": "react-flow-renderer",
"version": "1.0.1",
"version": "1.1.0",
"main": "dist/ReactFlow.js",
"module": "dist/ReactFlow.esm.js",
"license": "MIT",

View File

@@ -7,6 +7,9 @@ import { Provider } from '../../contexts/NodeIdContext';
import store from '../../store';
import { Node, XYPosition, Transform, ElementId, NodeComponentProps, WrapNodeProps } from '../../types';
const getMouseEvent = (evt: MouseEvent | TouchEvent) =>
typeof TouchEvent !== 'undefined' && evt instanceof TouchEvent ? evt.touches[0] : (evt as MouseEvent);
const onStart = (
evt: MouseEvent | TouchEvent,
onClick: (node: Node) => void,
@@ -17,7 +20,7 @@ const onStart = (
transform: Transform,
position: XYPosition
): false | void => {
const startEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
const startEvt = getMouseEvent(evt);
const scaledClient: XYPosition = {
x: startEvt.clientX * (1 / transform[2]),
@@ -39,7 +42,7 @@ const onDrag = (
offset: XYPosition,
transform: Transform
): void => {
const dragEvt = evt instanceof TouchEvent ? evt.touches[0] : evt;
const dragEvt = getMouseEvent(evt);
const scaledClient = {
x: dragEvt.clientX * (1 / transform[2]),