feat:options配置parentTouch

Author: ananzhusen

packages/core/src/canvas/canvas.ts

@@ -359,9 +359,15 @@ export class Canvas {
     this.externalElements.ondrop = this.ondrop;
     this.externalElements.oncontextmenu = (e) => e.preventDefault();
     this.store.options.interval = 50;
-    this.externalElements.ontouchstart = this.ontouchstart;
-    this.externalElements.ontouchmove = this.ontouchmove;
-    this.externalElements.ontouchend = this.ontouchend;
+    if(this.store.options.parentTouch){
+      this.parentElement.ontouchstart = this.ontouchstart;
+      this.parentElement.ontouchmove = this.ontouchmove;
+      this.parentElement.ontouchend = this.ontouchend;
+    }else{
+      this.externalElements.ontouchstart = this.ontouchstart;
+      this.externalElements.ontouchmove = this.ontouchmove;
+      this.externalElements.ontouchend = this.ontouchend;
+    }
     this.externalElements.onmousedown = (e) => {
       if(this.isMobile){
         return;
@@ -9250,9 +9256,15 @@ export class Canvas {
 
     this.externalElements.ondragover = (e) => e.preventDefault();
     this.externalElements.ondrop = undefined;
-    this.externalElements.ontouchstart = undefined;
-    this.externalElements.ontouchmove = undefined;
-    this.externalElements.ontouchend = undefined;
+    if(this.store.options.parentTouch){
+      this.parentElement.ontouchstart = undefined;
+      this.parentElement.ontouchmove = undefined;
+      this.parentElement.ontouchend = undefined;
+    }else{
+      this.externalElements.ontouchstart = undefined;
+      this.externalElements.ontouchmove = undefined;
+      this.externalElements.ontouchend = undefined;
+    }
     this.externalElements.onmousedown = undefined;
     this.externalElements.onmousemove = undefined;
     this.externalElements.onmouseup = undefined;

packages/core/src/options.ts

@@ -88,6 +88,7 @@ export interface Options {
   disableClipboard?: boolean; //是否禁止系统剪切板
   drawingLineLength?: number; //绘制过程中允许的最大长度，0表示不限
   disableTouchPadScale?: boolean; //是否禁止触控板缩放
+  parentTouch?: boolean; //移动端是否父级监听touch事件
   cdn?: string;
   x?: number;
   y?: number;
@@ -189,6 +190,7 @@ export const defaultOptions: Options = {
   disableClipboard: false,
   drawingLineLength: 0,
   disableTouchPadScale: false,
+  parentTouch: true,
   cdn: '',
   polylineSpace: 10,
   domShapes: [],