From d31b8e6b3c43ecb46b146dc0cf9818ffaf571696 Mon Sep 17 00:00:00 2001 From: pipipi-pikachu Date: Sat, 14 May 2022 17:07:04 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E5=B1=9E=E6=80=A7=E6=A0=8F=E9=BB=98?= =?UTF-8?q?=E8=AE=A4=E5=80=BC=E4=BC=98=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Toolbar/ElementStylePanel/ChartStylePanel/index.vue | 2 +- .../Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue | 4 ++-- .../Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue | 2 +- src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue index 298c5b0c..85b8a28a 100644 --- a/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue +++ b/src/views/Editor/Toolbar/ElementStylePanel/ChartStylePanel/index.vue @@ -212,7 +212,7 @@ export default defineComponent({ watch(handleElement, () => { if (!handleElement.value || handleElement.value.type !== 'chart') return - fill.value = handleElement.value.fill || 'transparent' + fill.value = handleElement.value.fill || '#fff' if (handleElement.value.options) { const { diff --git a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue index 1e6e60eb..7db1de3d 100644 --- a/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue +++ b/src/views/Editor/Toolbar/ElementStylePanel/MultiStylePanel.vue @@ -176,10 +176,10 @@ export default defineComponent({ '80px', '88px', '96px', '104px', '112px', '120px', ] - const fill = ref('transparent') + const fill = ref('#fff') const outline = ref({ width: 0, - color: 'transparent', + color: '#fff', style: 'solid', }) diff --git a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue index 51e6ea67..830a03de 100644 --- a/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue +++ b/src/views/Editor/Toolbar/ElementStylePanel/ShapeStylePanel.vue @@ -261,7 +261,7 @@ export default defineComponent({ watch(handleElement, () => { if (!handleElement.value || handleElement.value.type !== 'shape') return - fill.value = handleElement.value.fill || 'transparent' + fill.value = handleElement.value.fill || '#fff' gradient.value = handleElement.value.gradient || { type: 'linear', rotate: 0, color: [fill.value, '#fff'] } fillType.value = handleElement.value.gradient ? 'gradient' : 'fill' textAlign.value = handleElement.value?.text?.align || 'middle' diff --git a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue index 24fa0bb2..5a0359a6 100644 --- a/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue +++ b/src/views/Editor/Toolbar/ElementStylePanel/TextStylePanel.vue @@ -363,7 +363,7 @@ export default defineComponent({ watch(handleElement, () => { if (!handleElement.value || handleElement.value.type !== 'text') return - fill.value = handleElement.value.fill || 'transparent' + fill.value = handleElement.value.fill || '#fff' lineHeight.value = handleElement.value.lineHeight || 1.5 wordSpace.value = handleElement.value.wordSpace || 0 }, { deep: true, immediate: true })