fix(src/packages/): 优化小组件下小标题8右边配置装饰

@@ -7,16 +7,11 @@ import { chartInitConfig } from '@/settings/designSetting'
 export const option = {
   dataset: '我是标题',
   attribute: {
-    linearColors: [
-      '#2AFFFF',
-      '#2AFFFF',
-      '#2AFFFF',
-      '#2AFFFF',
-      '#0084ff',
-      '#0d4ea8',
-      '#4592ff',
-      '#ffcc33',
-    ],
+    bgColor1:'#2AFFFF',
+    bgColor2:'#0084ff',
+    bgColor3:'#0d4ea8',
+    bgColor4:'#4592ff',
+    bgColor5:'#ffcc33',
     fontSize: 20,
     fontPos: {
       x: 0,

@@ -20,22 +20,44 @@
         <n-button size="small" @click="optionData.attribute.fontColor = '#2AFFFF'"> 恢复默认 </n-button>
       </SettingItem>
     </SettingItemBox>
-    <SettingItemBox
-      :name="`装饰颜色-${index + 1}`"
-      v-for="(item, index) in optionData.attribute.linearColors"
-      :key="index"
-    >
+      <SettingItemBox :name="`上下边线装饰`">
       <SettingItem name="颜色">
-        <n-color-picker
-          size="small"
-          :modes="['hex']"
-          v-model:value="optionData.attribute.linearColors[index]"
-        ></n-color-picker>
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor1"></n-color-picker>
       </SettingItem>
       <SettingItem>
-        <n-button size="small" @click="optionData.attribute.linearColors[index] = option.attribute.linearColors[index]">
-          恢复默认
-        </n-button>
+        <n-button size="small" @click="optionData.attribute.bgColor1 = '#2affff'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+ <SettingItemBox :name="`背景装饰`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor2"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgColor2 = '#0084ff'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`图形装饰`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor3"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgColor3 = '#0d4ea8'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`图形边框装饰`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor4"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgColor4 = '#4592ff'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`圆形装饰`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgColor5"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgColor5 = '#ffcc33'"> 恢复默认 </n-button>
       </SettingItem>
     </SettingItemBox>
   </CollapseItem>

@@ -9,12 +9,12 @@
     >
       <defs>
         <linearGradient id="subtitle8_linear_0" x1="100%" y1="50%" x2="0%" y2="50%" gradientUnits="objectBoundingBox">
-          <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="0.5" />
-          <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="0" />
+          <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0.5" />
+          <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="0" />
         </linearGradient>
         <linearGradient id="subtitle8_linear_1" x1="100%" y1="50%" x2="0%" y2="50%" gradientUnits="objectBoundingBox">
-          <stop offset="0" :stop-color="attribute.linearColors[2]" stop-opacity="0.5" />
-          <stop offset="1" :stop-color="attribute.linearColors[3]" stop-opacity="0" />
+          <stop offset="0" :stop-color="attribute.bgColor1" stop-opacity="0.5" />
+          <stop offset="1" :stop-color="attribute.bgColor1" stop-opacity="0" />
         </linearGradient>
         <filter
           id="subtitle8_filter_14"
@@ -55,7 +55,7 @@
         <path
           id="矩形 31"
           fill-rule="evenodd"
-          :style="{ fill: attribute.linearColors[4] }"
+          :style="{ fill: attribute.bgColor2 }"
           transform="translate(17 1.9999999999999183)  rotate(0 237.5 15)"
           opacity="0.2"
           :d="`M0,${h}L${w - 10},${h}L${w - 10},0L0,0L0,${h}Z `"
@@ -79,7 +79,7 @@
         <path
           id="矩形 32"
           fill-rule="evenodd"
-          :style="{ fill: attribute.linearColors[5] }"
+          :style="{ fill: attribute.bgColor3 }"
           :transform="`translate(4.979184719828627 ${
             h / 2 - 34 / 2 + 6
           })  rotate(-45 12.020815280171146 12.020815280171146)`"
@@ -88,7 +88,7 @@
         />
         <rect
           id="矩形 32"
-          :style="{ stroke: attribute.linearColors[6], strokeWidth: 1, strokeOpacity: 1 }"
+          :style="{ stroke: attribute.bgColor4, strokeWidth: 1, strokeOpacity: 1 }"
           :transform="`translate(4.979184719828627 ${
             h / 2 - 34 / 2 + 6
           })  rotate(-45 12.020815280171146 12.020815280171146)`"
@@ -101,7 +101,7 @@
         <path
           id="圆形 10"
           fill-rule="evenodd"
-          :style="{ fill: attribute.linearColors[7] }"
+          :style="{ fill: attribute.bgColor5 }"
           :transform="`translate(11.999999999999805 ${h / 2 - 34 / 2 + 12})  rotate(0 5 5)`"
           opacity="1"
           d="M5,0C2.24,0 0,2.24 0,5C0,7.76 2.24,10 5,10C7.76,10 10,7.76 10,5C10,2.24 7.76,0 5,0Z "