perf(external/Componse): 修复三个小标题渐变ID值重复问题

 <template>
   <div class="go-content-box" :style="{ width: w + 'px', height: h + 'px' }">
-    <video id="my-player" ref="videoRef" class="video-js my-video">
+    <video id="my-player" ref="videoRef" class="video-js my-video vjs-theme-city vjs-big-play-centered">
       <source :src="dataset" />
     </video>
   </div>

@@ -2,11 +2,11 @@
   <div class="go-content-box">
     <svg :width="w" :height="h" fill="none">
       <defs xmlns="http://www.w3.org/2000/svg">
-        <linearGradient id="linear_title2_u" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
+        <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" />
         </linearGradient>
-        <linearGradient id="linear_title2_d" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
+        <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" />
         </linearGradient>
@@ -15,7 +15,7 @@
         <path
           id="矩形 title2_u"
           fill-rule="evenodd"
-          fill="url(#linear_title2_u)"
+          fill="url(#title2_0)"
           transform="translate(0 0)  rotate(0 160 15)"
           opacity="1"
           :d="`M2.77,${h} L${w},${h} L${w},0 L${
@@ -24,7 +24,7 @@
         />
         <path
           id="矩形 title2_u"
-          style="stroke: url(#linear_title2_d); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
+          style="stroke: url(#title2_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
           transform="translate(0 0)  rotate(0 160 15)"
           :d="`M2.77,${h} L${w},${h} L${w},0 L11.44,0 C10.58,0 9.81,0.55 9.54,1.37 L0.88,27.37 C0.68,27.98 0.78,28.65 1.15,29.17 C1.53,29.69 2.13,30 2.77,30 Z `"
         />

@@ -2,15 +2,15 @@
   <div class="go-content-box">
     <svg :width="w" :height="h" fill="none">
       <defs>
-        <linearGradient id="linear_0" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
+        <linearGradient id="title3_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" />
         </linearGradient>
-        <linearGradient id="linear_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
+        <linearGradient id="title3_1" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
           <stop offset="0" :stop-color="attribute.linearColors[2]" stop-opacity="1" />
           <stop offset="1" :stop-color="attribute.linearColors[3]" stop-opacity="0" />
         </linearGradient>
-        <linearGradient id="linear_2" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
+        <linearGradient id="title3_2" x1="0%" y1="50%" x2="100%" y2="50%" gradientUnits="objectBoundingBox">
           <stop offset="0" :stop-color="attribute.linearColors[4]" stop-opacity="1" />
           <stop offset="1" :stop-color="attribute.linearColors[5]" stop-opacity="0" />
         </linearGradient>
@@ -19,7 +19,7 @@
         <path
           id="矩形 16"
           fill-rule="evenodd"
-          fill="url(#linear_0)"
+          fill="url(#title3_0)"
           transform="translate(6.249999895402425e-8 2)  rotate(0 160 13)"
           opacity="1"
           :d="`M0,${h - 5} L${w},${h - 5} L${w},0 L0,0 L0,${h - 5} Z`"
@@ -42,13 +42,13 @@
         </g>
         <path
           id="路径 5"
-          style="stroke: url(#linear_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
+          style="stroke: url(#title3_1); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
           transform="translate(6.249999895402425e-8 30)  rotate(0 160 0)"
           d="M0,0L320,0 "
         />
         <path
           id="路径 5"
-          style="stroke: url(#linear_2); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
+          style="stroke: url(#title3_2); stroke-width: 1; stroke-opacity: 100; stroke-dasharray: 0 0"
           transform="translate(6.249999895402425e-8 0)  rotate(0 160 0)"
           d="M0,0L320,0 "
         />