update

touchevent.js

@@ -27,4 +27,97 @@ function init() {
     document.addEventListener("touchmove", touchHandler, true);
     document.addEventListener("touchend", touchHandler, true);
     document.addEventListener("touchcancel", touchHandler, true);
+
+
+    HTMLElement.prototype.__defineGetter__("ondblclick", function () {
+        return this.doubleTap;
+    });
+
+    HTMLElement.prototype.__defineSetter__("ondblclick", function (fun) {
+        this.doubleTap = fun;
+        $(this).on("doubleTap", fun)
+    });
+    var eventlstener = HTMLElement.prototype.addEventListener;
+
+    HTMLElement.prototype.addEventListener = function (type, fun, op) {
+        if (type == "click") {
+            eventlstener.call(this, type, function (e) {
+                if (!this.startTime) {
+                    this.startTime = new Date().getTime();
+                    fun.call(this);
+                }
+                else {
+                    const time = new Date().getTime() - this.startTime;
+                    this.startTime = new Date().getTime();
+                    if (time > 200) {
+                        fun.call(this);
+                    }
+                    else {
+                        e.detail = 2;
+                        fun.call(this);
+                    }
+                }
+
+            }, op);
+        }
+        else {
+            eventlstener.apply(this, arguments);
+        }
+    }
+
+
+    // handleClick = (e: MouseEvent) => {
+    //     // 节点拖拽进画布之后，不触发click事件相关emit
+    //     // 点拖拽进画布没有触发mousedown事件，没有startTime，用这个值做区分
+    //     if (!this.startTime) return;
+    //     const time = new Date().getTime() - this.startTime;
+    //     if (time > 200) return; // 事件大于200ms，认为是拖拽, 不触发click事件。
+    //     const { model, graphModel } = this.props;
+    //     // 节点数据，多为事件对象数据抛出
+    //     const nodeData = model.getData();
+    //     const position = graphModel.getPointByClient({
+    //         x: e.clientX,
+    //         y: e.clientY,
+    //     });
+
+    //     const eventOptions: EventArgs = {
+    //         data: nodeData,
+    //         e,
+    //         position,
+    //         isSelected: false,
+    //         isMultiple: false,
+    //     };
+
+    //     const isRightClick = e.button === 2;
+    //     // 这里 IE 11不能正确显示
+    //     const isDoubleClick = e.detail === 2;
+
+    //     // 判断是否有右击，如果有右击则取消点击事件触发
+    //     if (isRightClick) return;
+
+    //     const { editConfigModel } = graphModel;
+    //     // 在multipleSelect tool禁用的情况下，允许取消选中节点
+    //     const isMultiple = isMultipleSelect(e, editConfigModel);
+    //     eventOptions.isMultiple = isMultiple;
+    //     if (model.isSelected && !isDoubleClick && isMultiple) {
+    //         eventOptions.isSelected = false;
+    //         model.setSelected(false);
+    //     } else {
+    //         graphModel.selectNodeById(model.id, isMultiple);
+    //         eventOptions.isSelected = true;
+    //         this.toFront();
+    //     }
+
+    //     // 不是双击的，默认都是单击
+    //     if (isDoubleClick) {
+    //         if (editConfigModel.nodeTextEdit && model.text.editable) {
+    //             model.setSelected(false);
+    //             graphModel.setElementStateById(model.id, ElementState.TEXT_EDIT);
+    //         }
+    //         graphModel.eventCenter.emit(EventType.NODE_DBCLICK, eventOptions);
+    //     } else {
+    //         graphModel.eventCenter.emit(EventType.ELEMENT_CLICK, eventOptions);
+    //         graphModel.eventCenter.emit(EventType.NODE_CLICK, eventOptions);
+    //     }
+    // };
 }