From 78339557e9a0efdd036d6536e55ba4b6c56d45ff Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 28 Oct 2024 22:18:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E4=BB=AA=E8=A1=A8=E6=9D=BF=E3=80=81?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E5=AF=8C=E6=96=87=E6=9C=AC=E8=A1=A8=E6=A0=BC=E5=AE=9A=E4=BD=8D?=
 =?UTF-8?q?=E6=8B=96=E6=8B=BD=E7=82=B9=E6=98=BE=E7=A4=BA=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E6=9C=89=E5=81=8F=E7=A7=BB=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rich-text/DeRichTextView.vue              | 55 ++++++++++++++-----
 1 file changed, 42 insertions(+), 13 deletions(-)

diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index 87f3df1122..4437394493 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -191,7 +191,6 @@ const init = ref({
             originalHandle.style.display = 'none' // 隐藏原始手柄
             // 将克隆手柄添加到原手柄的父元素中
             const parentDiv = originalHandle.parentNode // 获取原手柄的父元素
-            cloneHandle.style.width = `${parentDiv.offsetWidth}px`
             parentDiv.appendChild(cloneHandle) // 将克隆手柄添加到父元素中
           }
         })
@@ -219,25 +218,55 @@ const init = ref({
           // 显示原始手柄并移除克隆手柄
           originalHandle.style.display = ''
           if (cloneHandle) {
-            originalHandle.parentNode.removeChild(cloneHandle) // 获取原手柄的父元素
+            cloneHandle.parentNode.removeChild(cloneHandle) // 获取原手柄的父元素
           }
           cloneHandle = null
           originalHandle = null
         }
       })
-    })
 
-    // 在表格调整大小结束时
-    // 解决移动表格corner点位resize时因为缩放导致的坐标系放大问题，进而导致移动错位问题
-    editor.on('ObjectResized', function (e) {
-      const { target, width, height, origin } = e
-      if (target.nodeName === 'TABLE' && origin.indexOf('corner') > -1) {
-        // 将最终调整的宽高根据缩放比例重设
-        target.style.width = `${width}px`
-        target.style.height = `${height}px`
-      } else if (target.nodeName === 'TABLE' && origin.indexOf('bar-col') > -1) {
-        // do nothing
+      // 函数：根据缩放比例调整 .mce-resizehandle 的位置和大小
+      const adjustResizeHandles = (aLeft, aTop) => {
+        nextTick(() => {
+          const nodeRt = doc.getElementById('mceResizeHandlene')
+          const nodeRb = doc.getElementById('mceResizeHandlese')
+          const nodeLb = doc.getElementById('mceResizeHandlesw')
+          if (nodeRt) {
+            nodeRt.style.left = `${aLeft}px`
+          }
+          if (nodeRb) {
+            nodeRb.style.left = `${aLeft}px`
+            nodeRb.style.top = `${aTop}px`
+          }
+          if (nodeLb) {
+            nodeLb.style.top = `${aTop}px`
+          }
+        })
       }
+
+      // 监听 ObjectSelected 事件，点击表格时触发调整
+      editor.on('ObjectSelected', event => {
+        if (event.target.nodeName === 'TABLE') {
+          adjustResizeHandles(
+            event.target.offsetWidth + event.target.offsetLeft,
+            event.target.offsetHeight + event.target.offsetTop
+          )
+        }
+      })
+
+      // 监听 ObjectResized 事件，更新调整大小句柄
+      // 在表格调整大小结束时
+      // 解决移动表格corner点位resize时因为缩放导致的坐标系放大问题，进而导致移动错位问题
+      editor.on('ObjectResized', function (e) {
+        const { target, width, height, origin } = e
+        if (target.nodeName === 'TABLE' && origin.indexOf('corner') > -1) {
+          // 将最终调整的宽高根据缩放比例重设
+          target.style.width = `${width}px`
+          target.style.height = `${height}px`
+        } else if (target.nodeName === 'TABLE' && origin.indexOf('bar-col') > -1) {
+          // do nothing
+        }
+      })
     })
   }
 })