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

@@ -36,7 +36,7 @@
         <n-button size="small" @click="optionData.attribute.bgRightColor = '#2AFFFF'"> 恢复默认 </n-button>
       </SettingItem>
     </SettingItemBox>
-    <SettingItemBox :name="`装饰`">
+    <SettingItemBox :name="`矩形装饰`">
       <SettingItem name="颜色">
         <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.rect17"></n-color-picker>
       </SettingItem>

@@ -7,7 +7,11 @@ import { chartInitConfig } from '@/settings/designSetting'
 export const option = {
   dataset: '我是标题',
   attribute: {
-    linearColors: ['#21649C', '#060F1E', '#2AFFFF', '#000000', '#ffcc33', '#ffcc33'],
+    bgLeftColor1:'#21649C',
+    bgLeftColor2:'#060F1E',
+    bgLeftColor3:'#2AFFFF',
+    bgLeftColor4:'#000000',
+    rect19:'#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="`左边装饰1`">
       <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.bgLeftColor1"></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.bgLeftColor1 = '#21649C'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`右边装饰1`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgLeftColor2"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgLeftColor2 = '#060F1E'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`右边装饰3`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgLeftColor3"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgLeftColor3 = '#2AFFFF'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`右边装饰4`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.bgLeftColor4"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.bgLeftColor4 = '#000000'"> 恢复默认 </n-button>
+      </SettingItem>
+    </SettingItemBox>
+     <SettingItemBox :name="`矩形装饰`">
+      <SettingItem name="颜色">
+        <n-color-picker size="small" :modes="['hex']" v-model:value="optionData.attribute.rect19"></n-color-picker>
+      </SettingItem>
+      <SettingItem>
+        <n-button size="small" @click="optionData.attribute.rect19 = '#FFCC33'"> 恢复默认 </n-button>
       </SettingItem>
     </SettingItemBox>
   </CollapseItem>

@@ -3,12 +3,12 @@
     <svg :width="w" :height="h" fill="none">
       <defs xmlns="http://www.w3.org/2000/svg">
         <linearGradient id="title2_0" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
-          <stop offset="0" :stop-color="attribute.linearColors[0]" stop-opacity="1" />
-          <stop offset="1" :stop-color="attribute.linearColors[1]" stop-opacity="1" />
+          <stop offset="0" :stop-color="attribute.bgLeftColor1" stop-opacity="1" />
+          <stop offset="1" :stop-color="attribute.bgLeftColor2" stop-opacity="1" />
         </linearGradient>
         <linearGradient id="title2_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
-          <stop offset="0" :stop-color="attribute.linearColors[3]" stop-opacity="1" />
-          <stop offset="1" :stop-color="attribute.linearColors[4]" stop-opacity="0" />
+          <stop offset="0" :stop-color="attribute.bgLeftColor3" stop-opacity="1" />
+          <stop offset="1" :stop-color="attribute.bgLeftColor4" stop-opacity="0" />
         </linearGradient>
       </defs>
       <g opacity="1" transform="translate(0 0)  rotate(0 160 15)">
@@ -47,7 +47,7 @@
         <path
           id="矩形 title2_d"
           fill-rule="evenodd"
-          :style="{ fill: attribute.linearColors[4] }"
+          :style="{ fill: attribute.rect19 }"
           :transform="`translate(9  ${h / 2 - 15 / 2})  rotate(0 3.5 7.5)`"
           opacity="1"
           d="M0,15L2,15L7,0L5,0L0,15Z "
@@ -55,7 +55,7 @@
         <path
           id="矩形 title2_d"
           fill-rule="evenodd"
-          :style="{ fill: attribute.linearColors[5] }"
+          :style="{ fill: attribute.rect19}"
           :transform="`translate(15 ${h / 2 - 15 / 2})  rotate(0 3.5 7.5)`"
           opacity="1"
           d="M0,15L2,15L7,0L5,0L0,15Z "