From 3153a7102cf0e1297351ba9526d1745f522d642a Mon Sep 17 00:00:00 2001
From: kortykotropina <kortykotropina@gmail.com>
Date: Wed, 6 Jul 2022 18:35:59 +0200
Subject: [PATCH] Added touch events support

---
 .../react-tree-chart/src/tree-chart/react-tree-chart.scss   | 1 +
 packages/tree-chart-core/src/tree-chart/index.ts            | 6 +++---
 packages/vue-tree-chart/src/vue-tree/VueTree.vue            | 1 +
 packages/vue3-tree-chart/src/vue-tree/VueTree.vue           | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/react-tree-chart/src/tree-chart/react-tree-chart.scss b/packages/react-tree-chart/src/tree-chart/react-tree-chart.scss
index 40fddba..1ac87a7 100644
--- a/packages/react-tree-chart/src/tree-chart/react-tree-chart.scss
+++ b/packages/react-tree-chart/src/tree-chart/react-tree-chart.scss
@@ -17,6 +17,7 @@
 }
 
 .tree-container {
+  touch-action: none;
   position: relative;
   overflow: hidden;
 
diff --git a/packages/tree-chart-core/src/tree-chart/index.ts b/packages/tree-chart-core/src/tree-chart/index.ts
index 13b7bab..34230c0 100644
--- a/packages/tree-chart-core/src/tree-chart/index.ts
+++ b/packages/tree-chart-core/src/tree-chart/index.ts
@@ -308,13 +308,13 @@ export default class TreeChartCore {
     let isDrag = false;
     // 保存鼠标点下时的位移
     let mouseDownTransform = "";
-    this.treeContainer.onmousedown = (event) => {
+    this.treeContainer.onpointerdown = (event) => {
       mouseDownTransform = this.svgElement.style.transform;
       startX = event.clientX;
       startY = event.clientY;
       isDrag = true;
     };
-    this.treeContainer.onmousemove = (event) => {
+    this.treeContainer.onpointermove = (event) => {
       if (!isDrag) return;
       const originTransform = mouseDownTransform;
       let originOffsetX = 0;
@@ -344,7 +344,7 @@ export default class TreeChartCore {
       this.domElement.style.transform = transformStr;
     };
 
-    this.treeContainer.onmouseup = () => {
+    this.treeContainer.onpointerup = () => {
       startX = 0;
       startY = 0;
       isDrag = false;
diff --git a/packages/vue-tree-chart/src/vue-tree/VueTree.vue b/packages/vue-tree-chart/src/vue-tree/VueTree.vue
index 8d6e0e9..f46c5f8 100644
--- a/packages/vue-tree-chart/src/vue-tree/VueTree.vue
+++ b/packages/vue-tree-chart/src/vue-tree/VueTree.vue
@@ -174,6 +174,7 @@ export default {
 }
 
 .tree-container {
+  touch-action: none;
   position: relative;
   overflow: hidden;
 
diff --git a/packages/vue3-tree-chart/src/vue-tree/VueTree.vue b/packages/vue3-tree-chart/src/vue-tree/VueTree.vue
index a6ced4b..df64cbd 100644
--- a/packages/vue3-tree-chart/src/vue-tree/VueTree.vue
+++ b/packages/vue3-tree-chart/src/vue-tree/VueTree.vue
@@ -174,6 +174,7 @@ export default {
 }
 
 .tree-container {
+  touch-action: none;
   position: relative;
   overflow: hidden;