perf(external/Componse): 移除大标题无用注释和修改title为dataset

@@ -4,8 +4,8 @@ import { LeftCenterRightHeadAnimatConfig } from './index'
 import cloneDeep from 'lodash/cloneDeep'
 
 export const option = {
+  dataset: '我是标题',
   animat: {
-    text: '我是标题',
     colors: ['#00CED1', '#FAD400'],
     x: 0,
     y: 0,

@@ -30,7 +30,7 @@
   <collapse-item name="信息" :expanded="true">
     <setting-item-box name="文字" :alone="true">
       <setting-item>
-        <n-input v-model:value="optionData.animat.text" size="small"></n-input>
+        <n-input v-model:value="optionData.dataset" size="small"></n-input>
       </setting-item>
     </setting-item-box>
   </collapse-item>

 <template>
-<!-- 10
-0,2  54,2  60,4  75,4  81,6  216,6  225,4  240,4  245.3,2  300,2
-90,8 210,8
-20
-0,4  54,4 60,8 75,8 81,12 216,12 225,8 240,8 245.3,4 300,4
-90,16 210,16
-30
-0,6 54,6 60,12 75,12 81,18 216,18 225,12 240,12 245.3,6 300,6
-90,24 210,24
-40
-0,8 54,8 60,16 75,16 81,24 216,24 225,16 240,16 245.3,8 300,8 -->
-<!-- 200 200
-60,160 140,160 -->
-
   <div class="go-animat">
     <div class="go-svg" :style="{ marginLeft: animat.x + 'px', marginTop: animat.y + 'px' }">
       <svg :width="w" :height="h">
         <polyline
           fill="transparent"
           stroke-width="3"
-          :points="`0,${h / 5} ${w / 5.555555555555556},${h / 5}  ${w / 5},${h/2.5}  ${w / 4},${h/2.5} ${w / 3.703703703703704},${h/1.666666666666667}  ${
-            w / 1.388888888888889
-          },${h/1.666666666666667} ${w / 1.333333333333333},${h/2.5}   ${w / 1.25},${h/2.5}   ${w / 1.219512195121951},${h / 5}  ${w},${h / 5}`"
+          :points="`0,${h / 5} ${w / 5.555555555555556},${h / 5}  ${w / 5},${h / 2.5}  ${w / 4},${h / 2.5} ${
+            w / 3.703703703703704
+          },${h / 1.666666666666667}  ${w / 1.388888888888889},${h / 1.666666666666667} ${w / 1.333333333333333},${
+            h / 2.5
+          }   ${w / 1.25},${h / 2.5}   ${w / 1.219512195121951},${h / 5}  ${w},${h / 5}`"
           :stroke="animat.colors[0]"
         >
           <animate
@@ -40,7 +28,7 @@
         <polyline
           fill="transparent"
           stroke-width="2"
-          :points="`${w / 3.333333333333333},${h/1.25} ${w / 1.428571428571429},${h/1.25}`"
+          :points="`${w / 3.333333333333333},${h / 1.25} ${w / 1.428571428571429},${h / 1.25}`"
           :stroke="animat.colors[1]"
         >
           <animate
@@ -60,7 +48,7 @@
     </div>
     <div class="go-text" :style="{ top: animat.textPos.y + '%', left: animat.textPos.x + '%' }">
       <n-gradient-text :size="animat.size" :gradient="animat.gradient">
-        {{ animat.text }}
+        {{ dataset }}
       </n-gradient-text>
     </div>
   </div>
@@ -78,7 +66,7 @@ const props = defineProps({
 
 const { w, h } = toRefs(props.chartConfig.attr)
 
-const { animat } = toRefs(props.chartConfig.option)
+const { animat, dataset } = toRefs(props.chartConfig.option)
 </script>
 
 <style lang="scss" scoped>