From 13e73de5fed8b6ab1da735403f6edf5d0809ebfa Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Tue, 26 Jul 2022 16:10:59 +0800
Subject: [PATCH] =?UTF-8?q?perf(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E4=BB=AA=E8=A1=A8=E6=9D=BF=E6=9F=A5=E8=AF=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue         | 8 ++++----
 frontend/src/components/widget/DeWidget/DeButton.vue      | 6 +++++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 5ea1d05f82..06ea2fb30b 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -11,12 +11,12 @@
       <de-out-widget
         v-if="config.type==='custom'"
         :id="'component' + config.id"
+        ref="deOutWidget"
         class="component-custom"
         :style="getComponentStyleDefault(config.style)"
         style="overflow: hidden"
         :out-style="config.style"
         :is-relation="isRelation"
-        ref="deOutWidget"
         :element="config"
         :in-screen="inScreen"
         :edit-mode="'preview'"
@@ -156,7 +156,7 @@ export default {
       return style
     },
     componentActiveFlag() {
-      return (this.curComponent && this.config === this.curComponent && !this.previewVisible  && !this.showPosition.includes('email-task')) || this.showPosition.includes('multiplexing')
+      return (this.curComponent && this.config === this.curComponent && !this.previewVisible && !this.showPosition.includes('email-task')) || this.showPosition.includes('multiplexing')
     },
     curGap() {
       return (this.canvasStyleData.panel.gap === 'yes' && this.config.auxiliaryMatrix) ? this.componentGap : 0
@@ -255,9 +255,9 @@ export default {
       this.previewVisible = false
     },
     getCondition() {
-      if(this.$refs.deOutWidget && this.$refs.deOutWidget.getCondition) {
+      if (this.$refs.deOutWidget && this.$refs.deOutWidget.getCondition) {
         return this.$refs.deOutWidget.getCondition()
-      }else {
+      } else {
         return null
       }
     }
diff --git a/frontend/src/components/widget/DeWidget/DeButton.vue b/frontend/src/components/widget/DeWidget/DeButton.vue
index c3c9c4fb80..055b9a0fcf 100644
--- a/frontend/src/components/widget/DeWidget/DeButton.vue
+++ b/frontend/src/components/widget/DeWidget/DeButton.vue
@@ -6,6 +6,7 @@
     :round="element.options.attrs.round"
     :plain="element.options.attrs.plain"
     :size="size"
+    class="de-search-button"
     @click="triggerSearch"
   >
     {{ element.options.value }}
@@ -44,5 +45,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.de-search-button {
+  height: 100%;
+  width: 100%;
+}
 </style>