From 66f6a726cd7b8dbf2b5b8a24dc31e7a67ad9e748 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Sat, 9 Oct 2021 11:58:27 +0800
Subject: [PATCH] =?UTF-8?q?fix:=E6=96=87=E6=9C=AC=E6=A1=86=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=EF=BC=8C=E6=A0=BC=E5=BC=8F=E6=A1=86=E6=9C=89=E6=97=B6?=
 =?UTF-8?q?=E4=B8=8D=E6=98=BE=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/canvas/custom-component/VText.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/frontend/src/components/canvas/custom-component/VText.vue b/frontend/src/components/canvas/custom-component/VText.vue
index e91c102318..50442b7c0d 100644
--- a/frontend/src/components/canvas/custom-component/VText.vue
+++ b/frontend/src/components/canvas/custom-component/VText.vue
@@ -2,6 +2,7 @@
   <div v-if="editMode == 'edit'" class="v-text" @keydown="handleKeydown" @keyup="handleKeyup">
     <!-- tabindex >= 0 使得双击时聚集该元素 -->
     <div
+      v-if="canEdit"
       ref="text"
       :contenteditable="canEdit"
       :class="{ canEdit }"
@@ -14,6 +15,7 @@
       @input="handleInput"
       v-html="element.propValue"
     />
+    <div v-if="!canEdit" :style="{ verticalAlign: element.style.verticalAlign }" @dblclick="setEdit" v-html="element.propValue" />
   </div>
   <div v-else class="v-text">
     <div :style="{ verticalAlign: element.style.verticalAlign }" v-html="element.propValue" />
@@ -110,6 +112,10 @@ export default {
 
     setEdit() {
       this.canEdit = true
+      // // // 聚焦到单元格
+      // setTimeout(() => {
+      //   this.$refs['text'].focus()
+      // }, 500)
       // 全选
       this.selectText(this.$refs.text)
     },