From 6df09e3976c83a60093f66ed2f50ecb93fde271d Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Mon, 2 Dec 2024 14:05:08 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=95=B0=E6=8D=AE=E5=A4=A7=E5=B1=8F):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E4=B8=89=E8=A7=92=E5=BD=A2=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=97=A0=E6=B3=95=E5=85=B3=E9=97=AD=E8=BE=B9=E6=A1=86=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/custom-component/component-list.ts | 2 ++
 .../src/custom-component/svgs/svg-triangle/Component.vue  | 8 ++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/custom-component/component-list.ts b/core/core-frontend/src/custom-component/component-list.ts
index 0bee15dd6e..23af4224fd 100644
--- a/core/core-frontend/src/custom-component/component-list.ts
+++ b/core/core-frontend/src/custom-component/component-list.ts
@@ -509,6 +509,7 @@ const list = [
       borderWidth: 1,
       borderStyle: 'solid',
       borderColor: '#cccccc',
+      borderActive: true,
       backgroundColor: 'rgba(236,231,231,0.1)',
       backdropFilter: 'blur(0px)'
     }
@@ -524,6 +525,7 @@ const list = [
       height: 200,
       borderWidth: 1,
       borderColor: '#cccccc',
+      borderActive: true,
       backgroundColor: 'rgba(236,231,231,0.1)',
       backdropFilter: 'blur(0px)'
     }
diff --git a/core/core-frontend/src/custom-component/svgs/svg-triangle/Component.vue b/core/core-frontend/src/custom-component/svgs/svg-triangle/Component.vue
index 197e8b763c..7f12d9e1bf 100644
--- a/core/core-frontend/src/custom-component/svgs/svg-triangle/Component.vue
+++ b/core/core-frontend/src/custom-component/svgs/svg-triangle/Component.vue
@@ -6,14 +6,14 @@
         :points="points"
         :stroke="element.style.borderColor"
         :fill="element.style.backgroundColor"
-        :stroke-width="element.style.borderWidth"
+        :stroke-width="borderWidth"
       />
     </svg>
   </div>
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, toRefs, watch } from 'vue'
+import { computed, onMounted, ref, toRefs, watch } from 'vue'
 
 const props = defineProps({
   propValue: {
@@ -51,6 +51,10 @@ onMounted(() => {
   draw()
 })
 
+const borderWidth = computed(() => {
+  return element.value.style.borderActive ? element.value.style.borderWidth : 0
+})
+
 const draw = () => {
   const { width, height } = element.value.style
   drawPolygon(width, height)