improve: timing of updating range style #985

Hufe921 · Feb 15, 2025 · cfb09ce · cfb09ce
1 parent fd34310
commit cfb09ce
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git a/src/editor/core/draw/Draw.ts b/src/editor/core/draw/Draw.ts
@@ -2648,6 +2648,8 @@ export class Draw {
     }
     // 信息变动回调
     nextTick(() => {
+      // 选区样式
+      this.range.setRangeStyle()
       // 重新唤起弹窗类控件
       if (isCompute && this.control.getActiveControl()) {
         this.control.reAwakeControl()

diff --git a/src/editor/core/event/GlobalEvent.ts b/src/editor/core/event/GlobalEvent.ts
@@ -50,8 +50,7 @@ export class GlobalEvent {
 
   private addEvent() {
     window.addEventListener('blur', this.clearSideEffect)
-    document.addEventListener('keyup', this.setRangeStyle)
-    document.addEventListener('click', this.clearSideEffect)
+    document.addEventListener('mousedown', this.clearSideEffect)
     document.addEventListener('mouseup', this.setCanvasEventAbility)
     document.addEventListener('wheel', this.setPageScale, { passive: false })
     document.addEventListener('visibilitychange', this._handleVisibilityChange)
@@ -60,8 +59,7 @@ export class GlobalEvent {
 
   public removeEvent() {
     window.removeEventListener('blur', this.clearSideEffect)
-    document.removeEventListener('keyup', this.setRangeStyle)
-    document.removeEventListener('click', this.clearSideEffect)
+    document.removeEventListener('mousedown', this.clearSideEffect)
     document.removeEventListener('mouseup', this.setCanvasEventAbility)
     document.removeEventListener('wheel', this.setPageScale)
     document.removeEventListener(
@@ -81,10 +79,7 @@ export class GlobalEvent {
       (node: any) => pageList.includes(node),
       true
     )
-    if (innerEditorDom) {
-      this.setRangeStyle()
-      return
-    }
+    if (innerEditorDom) return
     // 编辑器外部组件dom
     const outerEditorDom = findParent(
       target,
@@ -93,7 +88,6 @@ export class GlobalEvent {
       true
     )
     if (outerEditorDom) {
-      this.setRangeStyle()
       this.watchCursorActive()
       return
     }
@@ -112,10 +106,6 @@ export class GlobalEvent {
     this.canvasEvent.setIsAllowSelection(false)
   }
 
-  public setRangeStyle = () => {
-    this.range.setRangeStyle()
-  }
-
   public watchCursorActive() {
     // 选区闭合&实际光标移出光标代理
     if (!this.range.getIsCollapsed()) return