@opentiny/vue-docs 3.16.2 → 3.17.1

package/demos/pc/overviewimage/chart-candle.svg

@@ -2,80 +2,38 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>K-line chart K线图</title>
     <defs>
-        <linearGradient x1="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#ECF3FB" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
-            <stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
-            <stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
-            <stop stop-color="#F0F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
-            <stop stop-color="#CEE6FE" offset="0%"></stop>
-            <stop stop-color="#8AB5F2" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
-            <stop stop-color="#BFD6F9" offset="0%"></stop>
-            <stop stop-color="#F3F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
-            <stop stop-color="#CAD9F3" offset="0%"></stop>
-            <stop stop-color="#D5E3F7" offset="100%"></stop>
-        </linearGradient>
-        <filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
-            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="50.0940302%" x2="128.792906%" y2="49.7605136%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.0940302%" x2="128.792906%" y2="49.7605136%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="48.7687894%" y1="86.8386573%" x2="66.4391471%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="48.7687894%" y1="86.8386573%" x2="66.4391471%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="49.6670806%" y1="86.8386573%" x2="54.4451454%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="49.6670806%" y1="86.8386573%" x2="54.4451454%" y2="-43.8247114%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="49.2800187%" y1="86.8386573%" x2="59.6132037%" y2="-43.8247114%" id="linearGradient-12">
+        <linearGradient x1="49.2800187%" y1="86.8386573%" x2="59.6132037%" y2="-43.8247114%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-13">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-5">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="-TinyUI-Vue-组件总览3" transform="translate(-696.000000, -1434.000000)">
             <g id="编组-17备份-2" transform="translate(598.000000, 1401.000000)">
                 <g id="K-line-chart-K线图" transform="translate(98.000000, 33.000000)">
-                    <g id="编组">
-                        <g transform="translate(9.000000, 1.000000)" id="多边形">
-                            <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                            <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                            <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                            <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                        </g>
-                        <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                    </g>
+                    <g id="编组"></g>
                     <g id="K线图" transform="translate(32.000000, 37.000000)">
-                        <polygon id="路径" fill="url(#linearGradient-9)" points="3.44444445 49.8676267 0 49.8676267 0 53 62 53 62 49.8676267"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-10)" opacity="0.303770519" points="21.4615385 33.0639401 24.9059829 33.0639401 24.9059829 27.843318 28.3504274 27.843318 28.3504274 13.921659 24.9059829 13.921659 24.9059829 10.4412443 21.4615385 10.4412443 21.4615385 13.921659 18.0170941 13.921659 18.0170941 27.843318 21.4615385 27.843318"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-11)" points="36.9615385 43.5051844 40.4059829 43.5051844 40.4059829 27.843318 43.8504274 27.843318 43.8504274 6.9608295 40.4059829 6.9608295 40.4059829 0 36.9615385 0 36.9615385 6.9608295 33.5170941 6.9608295 33.5170941 27.843318 36.9615385 27.843318"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-12)" opacity="0.604724702" points="52.4615385 38.2845622 55.9059829 38.2845622 55.9059829 29.5835254 59.3504274 29.5835254 59.3504274 17.4020738 55.9059829 17.4020738 55.9059829 8.70103691 52.4615385 8.70103691 52.4615385 17.4020738 49.0170941 17.4020738 49.0170941 29.5835254 52.4615385 29.5835254"></polygon>
-                        <polygon id="路径备份" fill="url(#linearGradient-13)" points="5.96153846 43.1268784 9.40598291 43.1268784 9.40598291 34.4258415 12.8504274 34.4258415 12.8504274 22.2443899 9.40598291 22.2443899 9.40598291 13.5433531 5.96153846 13.5433531 5.96153846 22.2443899 2.51709407 22.2443899 2.51709407 34.4258415 5.96153846 34.4258415"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-1)" points="3.44444445 49.8676267 0 49.8676267 0 53 62 53 62 49.8676267"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-2)" opacity="0.303770519" points="21.4615385 33.0639401 24.9059829 33.0639401 24.9059829 27.843318 28.3504274 27.843318 28.3504274 13.921659 24.9059829 13.921659 24.9059829 10.4412443 21.4615385 10.4412443 21.4615385 13.921659 18.0170941 13.921659 18.0170941 27.843318 21.4615385 27.843318"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-3)" points="36.9615385 43.5051844 40.4059829 43.5051844 40.4059829 27.843318 43.8504274 27.843318 43.8504274 6.9608295 40.4059829 6.9608295 40.4059829 0 36.9615385 0 36.9615385 6.9608295 33.5170941 6.9608295 33.5170941 27.843318 36.9615385 27.843318"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-4)" opacity="0.604724702" points="52.4615385 38.2845622 55.9059829 38.2845622 55.9059829 29.5835254 59.3504274 29.5835254 59.3504274 17.4020738 55.9059829 17.4020738 55.9059829 8.70103691 52.4615385 8.70103691 52.4615385 17.4020738 49.0170941 17.4020738 49.0170941 29.5835254 52.4615385 29.5835254"></polygon>
+                        <polygon id="路径备份" fill="url(#linearGradient-5)" points="5.96153846 43.1268784 9.40598291 43.1268784 9.40598291 34.4258415 12.8504274 34.4258415 12.8504274 22.2443899 9.40598291 22.2443899 9.40598291 13.5433531 5.96153846 13.5433531 5.96153846 22.2443899 2.51709407 22.2443899 2.51709407 34.4258415 5.96153846 34.4258415"></polygon>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/chart-events.svg

@@ -2,74 +2,32 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Event Listening 事件监听</title>
     <defs>
-        <linearGradient x1="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#ECF3FB" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
-            <stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
-            <stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
-            <stop stop-color="#F0F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
-            <stop stop-color="#CEE6FE" offset="0%"></stop>
-            <stop stop-color="#8AB5F2" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
-            <stop stop-color="#BFD6F9" offset="0%"></stop>
-            <stop stop-color="#F3F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
-            <stop stop-color="#CAD9F3" offset="0%"></stop>
-            <stop stop-color="#D5E3F7" offset="100%"></stop>
-        </linearGradient>
-        <filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
-            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="45.6307517%" y1="86.8386573%" x2="108.338285%" y2="-43.8247114%" id="linearGradient-9">
+        <linearGradient x1="45.6307517%" y1="86.8386573%" x2="108.338285%" y2="-43.8247114%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="45.6666837%" y1="86.8386573%" x2="107.85852%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="45.6666837%" y1="86.8386573%" x2="107.85852%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.1014361%" y1="86.8386573%" x2="128.757735%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="44.1014361%" y1="86.8386573%" x2="128.757735%" y2="-43.8247114%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="-TinyUI-Vue-组件总览3" transform="translate(-1092.000000, -334.000000)">
             <g id="编组-17备份" transform="translate(994.000000, 301.000000)">
                 <g id="Event-Listening-事件监听" transform="translate(98.000000, 33.000000)">
-                    <g id="编组">
-                        <g transform="translate(9.000000, 1.000000)" id="多边形">
-                            <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                            <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                            <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                            <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                        </g>
-                        <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                    </g>
-                    <polygon id="矩形" fill="url(#linearGradient-9)" opacity="0.204287574" points="45.3023256 46 68.415003 46 73.6976744 51.4732821 73.6976744 79 45.3023256 79"></polygon>
-                    <path d="M66.4178571,82.5714286 L44.1428571,82.5714286 C43.1946429,82.5714286 42.4285714,81.8053571 42.4285714,80.8571429 L42.4285714,43.1428571 C42.4285714,42.1946429 43.1946429,41.4285714 44.1428571,41.4285714 L64.7089286,41.4285714 L64.7089286,50 C64.7089286,51.8910714 66.2410714,53.4285714 68.1375,53.4285714 L76.7035714,53.4285714 L76.7035714,62 C76.7035714,62.9482143 77.4696429,63.7142857 78.4178571,63.7142857 C79.3660714,63.7142857 80.1321429,62.9482143 80.1321429,62 L80.1321429,49.0464286 C80.1321429,48.5910714 79.9553571,48.1571429 79.6339286,47.8357143 L70.35,38.5035714 C70.0285714,38.1821429 69.5892857,38 69.1339286,38 L42.4285714,38 C40.5375,38 39,39.5375 39,41.4285714 L39,82.5714286 C39,84.4625 40.5321429,86 42.4285714,86 L66.4232143,86 C67.3714286,86 68.1375,85.2339286 68.1375,84.2857143 C68.1321429,83.3375 67.3660714,82.5714286 66.4178571,82.5714286 Z M69.8464286,50 C68.8982143,50 68.1321429,49.2339286 68.1321429,48.2857143 L68.1321429,41.4285714 L76.6982143,50 L69.8464286,50 Z" id="形状" fill="url(#linearGradient-10)"></path>
-                    <path d="M65.7035714,70.5714286 L48.5178571,70.5714286 C47.5696429,70.5714286 46.8035714,71.3375 46.8035714,72.2857143 C46.8035714,73.2339286 47.5696429,74 48.5178571,74 L65.7089286,74 C66.6571429,74 67.4232143,73.2339286 67.4232143,72.2857143 C67.4178571,71.3375 66.6517857,70.5714286 65.7035714,70.5714286 Z M69.0785714,60.2857143 L48.5178571,60.2857143 C47.5696429,60.2857143 46.8035714,61.0517857 46.8035714,62 C46.8035714,62.9482143 47.5696429,63.7142857 48.5178571,63.7142857 L69.0839286,63.7142857 C70.0321429,63.7142857 70.7982143,62.9482143 70.7982143,62 C70.7928571,61.0517857 70.0267857,60.2857143 69.0785714,60.2857143 Z M48.5178571,53.4285714 L58.7982143,53.4285714 C59.7464286,53.4285714 60.5125,52.6625 60.5125,51.7142857 C60.5125,50.7660714 59.7464286,50 58.7982143,50 L48.5178571,50 C47.5696429,50 46.8035714,50.7660714 46.8035714,51.7142857 C46.8035714,52.6625 47.5696429,53.4285714 48.5178571,53.4285714 Z" id="形状" fill="url(#linearGradient-11)"></path>
-                    <path d="M75.1071429,73.3571429 C76.0553571,73.3571429 76.8214286,74.1232143 76.8214286,75.0714286 L76.8214286,84.2321429 C76.8214286,85.1803571 76.0553571,85.9464286 75.1071429,85.9464286 C74.1589286,85.9464286 73.3928571,85.1803571 73.3928571,84.2321429 L73.3928571,75.0714286 C73.3928571,74.1232143 74.1589286,73.3571429 75.1071429,73.3571429 Z M80.2392857,64.3357143 C82.2,65.0535714 83.8821429,66.3339286 85.0982143,68.0428571 C86.3410714,69.7892857 87,71.8464286 87,74 C87,75.5428571 86.6678571,77.0214286 86.0089286,78.4089286 C85.7142857,79.025 85.1035714,79.3839286 84.4607143,79.3839286 C84.2142857,79.3839286 83.9625,79.3303571 83.7267857,79.2178571 C82.8696429,78.8107143 82.5053571,77.7875 82.9125,76.9357143 C83.3517857,76.0142857 83.5714286,75.0285714 83.5714286,74 C83.5714286,71.1285714 81.7607143,68.5410714 79.0660714,67.5553571 C78.1767857,67.2285714 77.7160714,66.2482143 78.0428571,65.3589286 C78.3696429,64.4696429 79.35,64.0089286 80.2392857,64.3357143 Z M77.6785714,68.9482143 C80.0142857,69.8 81.5892857,72.0446429 81.5892857,74.5357143 C81.5892857,75.425 81.3964286,76.2821429 81.0160714,77.0857143 C80.7214286,77.7017857 80.1053571,78.0607143 79.4678571,78.0607143 C79.2214286,78.0607143 78.9696429,78.0071429 78.7339286,77.8946429 C77.8767857,77.4875 77.5125,76.4642857 77.9196429,75.6125 C78.0803571,75.275 78.1607143,74.9107143 78.1607143,74.5357143 C78.1607143,73.4803571 77.4964286,72.5321429 76.5053571,72.1678571 C75.6160714,71.8410714 75.1553571,70.8607143 75.4821429,69.9714286 C75.8089286,69.0821429 76.7892857,68.6214286 77.6785714,68.9482143 Z" id="形状结合" fill="url(#linearGradient-12)"></path>
+                    <g id="编组"></g>
+                    <polygon id="矩形" fill="url(#linearGradient-1)" opacity="0.204287574" points="45.3023256 46 68.415003 46 73.6976744 51.4732821 73.6976744 79 45.3023256 79"></polygon>
+                    <path d="M66.4178571,82.5714286 L44.1428571,82.5714286 C43.1946429,82.5714286 42.4285714,81.8053571 42.4285714,80.8571429 L42.4285714,43.1428571 C42.4285714,42.1946429 43.1946429,41.4285714 44.1428571,41.4285714 L64.7089286,41.4285714 L64.7089286,50 C64.7089286,51.8910714 66.2410714,53.4285714 68.1375,53.4285714 L76.7035714,53.4285714 L76.7035714,62 C76.7035714,62.9482143 77.4696429,63.7142857 78.4178571,63.7142857 C79.3660714,63.7142857 80.1321429,62.9482143 80.1321429,62 L80.1321429,49.0464286 C80.1321429,48.5910714 79.9553571,48.1571429 79.6339286,47.8357143 L70.35,38.5035714 C70.0285714,38.1821429 69.5892857,38 69.1339286,38 L42.4285714,38 C40.5375,38 39,39.5375 39,41.4285714 L39,82.5714286 C39,84.4625 40.5321429,86 42.4285714,86 L66.4232143,86 C67.3714286,86 68.1375,85.2339286 68.1375,84.2857143 C68.1321429,83.3375 67.3660714,82.5714286 66.4178571,82.5714286 Z M69.8464286,50 C68.8982143,50 68.1321429,49.2339286 68.1321429,48.2857143 L68.1321429,41.4285714 L76.6982143,50 L69.8464286,50 Z" id="形状" fill="url(#linearGradient-2)"></path>
+                    <path d="M65.7035714,70.5714286 L48.5178571,70.5714286 C47.5696429,70.5714286 46.8035714,71.3375 46.8035714,72.2857143 C46.8035714,73.2339286 47.5696429,74 48.5178571,74 L65.7089286,74 C66.6571429,74 67.4232143,73.2339286 67.4232143,72.2857143 C67.4178571,71.3375 66.6517857,70.5714286 65.7035714,70.5714286 Z M69.0785714,60.2857143 L48.5178571,60.2857143 C47.5696429,60.2857143 46.8035714,61.0517857 46.8035714,62 C46.8035714,62.9482143 47.5696429,63.7142857 48.5178571,63.7142857 L69.0839286,63.7142857 C70.0321429,63.7142857 70.7982143,62.9482143 70.7982143,62 C70.7928571,61.0517857 70.0267857,60.2857143 69.0785714,60.2857143 Z M48.5178571,53.4285714 L58.7982143,53.4285714 C59.7464286,53.4285714 60.5125,52.6625 60.5125,51.7142857 C60.5125,50.7660714 59.7464286,50 58.7982143,50 L48.5178571,50 C47.5696429,50 46.8035714,50.7660714 46.8035714,51.7142857 C46.8035714,52.6625 47.5696429,53.4285714 48.5178571,53.4285714 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                    <path d="M75.1071429,73.3571429 C76.0553571,73.3571429 76.8214286,74.1232143 76.8214286,75.0714286 L76.8214286,84.2321429 C76.8214286,85.1803571 76.0553571,85.9464286 75.1071429,85.9464286 C74.1589286,85.9464286 73.3928571,85.1803571 73.3928571,84.2321429 L73.3928571,75.0714286 C73.3928571,74.1232143 74.1589286,73.3571429 75.1071429,73.3571429 Z M80.2392857,64.3357143 C82.2,65.0535714 83.8821429,66.3339286 85.0982143,68.0428571 C86.3410714,69.7892857 87,71.8464286 87,74 C87,75.5428571 86.6678571,77.0214286 86.0089286,78.4089286 C85.7142857,79.025 85.1035714,79.3839286 84.4607143,79.3839286 C84.2142857,79.3839286 83.9625,79.3303571 83.7267857,79.2178571 C82.8696429,78.8107143 82.5053571,77.7875 82.9125,76.9357143 C83.3517857,76.0142857 83.5714286,75.0285714 83.5714286,74 C83.5714286,71.1285714 81.7607143,68.5410714 79.0660714,67.5553571 C78.1767857,67.2285714 77.7160714,66.2482143 78.0428571,65.3589286 C78.3696429,64.4696429 79.35,64.0089286 80.2392857,64.3357143 Z M77.6785714,68.9482143 C80.0142857,69.8 81.5892857,72.0446429 81.5892857,74.5357143 C81.5892857,75.425 81.3964286,76.2821429 81.0160714,77.0857143 C80.7214286,77.7017857 80.1053571,78.0607143 79.4678571,78.0607143 C79.2214286,78.0607143 78.9696429,78.0071429 78.7339286,77.8946429 C77.8767857,77.4875 77.5125,76.4642857 77.9196429,75.6125 C78.0803571,75.275 78.1607143,74.9107143 78.1607143,74.5357143 C78.1607143,73.4803571 77.4964286,72.5321429 76.5053571,72.1678571 C75.6160714,71.8410714 75.1553571,70.8607143 75.4821429,69.9714286 C75.8089286,69.0821429 76.7892857,68.6214286 77.6785714,68.9482143 Z" id="形状结合" fill="url(#linearGradient-4)"></path>
                 </g>
             </g>
         </g>

package/demos/pc/overviewimage/chart-funnel.svg

@@ -2,84 +2,42 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Funnel diagram 漏斗图</title>
     <defs>
-        <linearGradient x1="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#ECF3FB" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
-            <stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
-            <stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
-            <stop stop-color="#F0F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
-            <stop stop-color="#CEE6FE" offset="0%"></stop>
-            <stop stop-color="#8AB5F2" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
-            <stop stop-color="#BFD6F9" offset="0%"></stop>
-            <stop stop-color="#F3F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
-            <stop stop-color="#CAD9F3" offset="0%"></stop>
-            <stop stop-color="#D5E3F7" offset="100%"></stop>
-        </linearGradient>
-        <filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
-            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="50.8157653%" x2="128.792906%" y2="47.9223198%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.8157653%" x2="128.792906%" y2="47.9223198%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="50.8307653%" x2="128.792906%" y2="47.8841163%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="50.8307653%" x2="128.792906%" y2="47.8841163%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="51.7999308%" x2="128.792906%" y2="45.4157398%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="51.7999308%" x2="128.792906%" y2="45.4157398%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="51.7999308%" x2="128.792906%" y2="45.4157398%" id="linearGradient-12">
+        <linearGradient x1="44.0988019%" y1="51.7999308%" x2="128.792906%" y2="45.4157398%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="53.9463952%" x2="128.792906%" y2="39.9488901%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="53.9463952%" x2="128.792906%" y2="39.9488901%" id="linearGradient-5">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-14">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="-TinyUI-Vue-组件总览3" transform="translate(-1478.000000, -884.000000)">
             <g id="编组-25备份-11" transform="translate(1380.000000, 850.000000)">
                 <g id="Funnel-diagram-漏斗图" transform="translate(98.000000, 34.000000)">
-                    <g id="编组">
-                        <g transform="translate(9.000000, 1.000000)" id="多边形">
-                            <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                            <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                            <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                            <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                        </g>
-                        <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                    </g>
+                    <g id="编组"></g>
                     <g id="编组-5" transform="translate(41.000000, 44.000000)">
-                        <polygon id="路径" fill="url(#linearGradient-9)" points="0 0 44 0 44 6.54761905 0 6.54761905"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-10)" opacity="0.204287574" points="43.8004837 9.54761905 39.0785973 16.0952381 4.92140266 16.0952381 0.199516324 9.54761905"></polygon>
-                        <polygon id="路径" stroke="url(#linearGradient-12)" fill="url(#linearGradient-11)" points="36.8107618 19.0952381 32.095526 25.6428571 11.904474 25.6428571 7.18923821 19.0952381"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-13)" opacity="0.303770519" points="11.9975816 28.6428571 32.0024184 28.6428571 32.0024184 35.1904762 11.9975816 35.1904762"></polygon>
-                        <polygon id="路径" fill="url(#linearGradient-14)" points="32.0024184 38.1904762 32.0024184 41.1172619 11.9975816 44.7380952 11.9975816 38.1904762"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-1)" points="0 0 44 0 44 6.54761905 0 6.54761905"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-2)" opacity="0.204287574" points="43.8004837 9.54761905 39.0785973 16.0952381 4.92140266 16.0952381 0.199516324 9.54761905"></polygon>
+                        <polygon id="路径" stroke="url(#linearGradient-4)" fill="url(#linearGradient-3)" points="36.8107618 19.0952381 32.095526 25.6428571 11.904474 25.6428571 7.18923821 19.0952381"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-5)" opacity="0.303770519" points="11.9975816 28.6428571 32.0024184 28.6428571 32.0024184 35.1904762 11.9975816 35.1904762"></polygon>
+                        <polygon id="路径" fill="url(#linearGradient-6)" points="32.0024184 38.1904762 32.0024184 41.1172619 11.9975816 44.7380952 11.9975816 38.1904762"></polygon>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/chart-gauge.svg

@@ -2,81 +2,39 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Dashboard 仪表盘</title>
     <defs>
-        <linearGradient x1="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#ECF3FB" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
-            <stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
-            <stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
-            <stop stop-color="#F0F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
-            <stop stop-color="#CEE6FE" offset="0%"></stop>
-            <stop stop-color="#8AB5F2" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
-            <stop stop-color="#BFD6F9" offset="0%"></stop>
-            <stop stop-color="#F3F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
-            <stop stop-color="#CAD9F3" offset="0%"></stop>
-            <stop stop-color="#D5E3F7" offset="100%"></stop>
-        </linearGradient>
-        <filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
-            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="50.1879523%" x2="128.792906%" y2="49.5213025%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.1879523%" x2="128.792906%" y2="49.5213025%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="61.7031239%" x2="128.792906%" y2="20.1932074%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="61.7031239%" x2="128.792906%" y2="20.1932074%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="60.3891536%" x2="128.792906%" y2="23.5397701%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="60.3891536%" x2="128.792906%" y2="23.5397701%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="47.4255734%" y1="86.8386573%" x2="84.3737922%" y2="-43.8247114%" id="linearGradient-12">
+        <linearGradient x1="47.4255734%" y1="86.8386573%" x2="84.3737922%" y2="-43.8247114%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-5">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="-TinyUI-Vue-组件总览3" transform="translate(-1086.000000, -1434.000000)">
             <g id="编组-17备份-3" transform="translate(988.000000, 1401.000000)">
                 <g id="Dashboard-仪表盘" transform="translate(98.000000, 33.000000)">
-                    <g id="编组">
-                        <g transform="translate(9.000000, 1.000000)" id="多边形">
-                            <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                            <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                            <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                            <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                        </g>
-                        <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                    </g>
-                    <g id="仪表盘" transform="translate(36.000000, 38.000000)">
-                        <path d="M4.2,44 L51.8,44 C54.6,44 56,44.1 56,44.3 L56,47.7 C56,47.9 54.6,48 51.8,48 L4.2,48 C1.4,48 0,47.9 0,47.7 L0,44.3 C0,44.1 1.4,44 4.2,44 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.604724702"></path>
-                        <path d="M29.4989573,4 C44.6874076,4 57,17.2998611 57,33.7083333 C57,34.1410417 56.9916581,34.57375 56.9749744,35 L2.02294013,35 C2.00834186,34.57375 2,34.1410417 2,33.7083333 C2,17.2998611 14.3125924,4 29.4989573,4 Z" id="路径" fill="url(#linearGradient-10)" opacity="0.204287574"></path>
-                        <path d="M48.339375,7.54626871 C54.2682639,12.9700259 58,20.8479988 58,29.6164392 C58,30.0132995 57.9919444,30.4081854 57.9778472,30.8010968 L53.1404861,30.8010968 C53.1586111,30.4101598 53.1666667,30.0132995 53.1666667,29.6164392 C53.1666667,28.2143961 53.0540333,26.8394591 52.8375613,25.5006963 L50,25.5 C49.1715729,25.5 48.5,24.8284271 48.5,24 C48.5,23.1715729 49.1715729,22.5 50,22.5 L52.1636532,22.5001743 C51.0161145,18.5356242 48.9342523,14.9857144 46.1804861,12.1210214 L48.339375,7.54626871 Z M29,0 C32.4880556,0 35.8311111,0.627868511 38.9284722,1.78093521 L36.0365278,5.80877094 C34.3986876,5.29685086 32.7096984,4.96637126 31.0011125,4.82213073 L31,7.5 C31,8.32842712 30.3284271,9 29.5,9 C28.6715729,9 28,8.32842712 28,7.5 L28.0004167,4.75952633 C17.4960181,5.19950823 8.71900986,12.5424184 5.83643185,22.5005294 L8,22.5 C8.82842712,22.5 9.5,23.1715729 9.5,24 C9.5,24.8284271 8.82842712,25.5 8,25.5 L5.16265245,25.49986 C4.94604596,26.8388969 4.83333333,28.2141147 4.83333333,29.6164392 C4.83333333,30.0132995 4.84138889,30.4101598 4.85951389,30.8010968 L0.0221527778,30.8010968 C0.00805555556,30.4081854 0,30.0132995 0,29.6164392 C0,13.2602671 12.9835417,0 29,0 Z" id="形状结合" fill="url(#linearGradient-11)"></path>
-                        <path d="M46.5208333,0.32972969 L34.945,31.1466219 C34.4644137,33.7116989 32.3291367,35.6667987 29.6860933,35.9617761 C27.0430499,36.2567534 24.5141973,34.8221946 23.4578615,32.4286461 C22.4015258,30.0350976 23.0662823,27.2458059 25.0950694,25.558987 L46.5208333,0.32972969 Z" id="路径" fill="url(#linearGradient-12)"></path>
-                        <path d="M15,28 C15,29.1045695 15.8954305,30 17,30 C18.1045695,30 19,29.1045695 19,28 C19,26.8954305 18.1045695,26 17,26 C15.8954305,26 15,26.8954305 15,28 L15,28 Z" id="路径" fill="url(#linearGradient-13)" opacity="0.604724702"></path>
-                        <path d="M41,28 C41,28.7145311 41.3811978,29.3747852 42,29.7320508 C42.6188021,30.0893164 43.3811979,30.0893164 44,29.7320508 C44.6188022,29.3747852 45,28.7145311 45,28 C45,26.8954305 44.1045695,26 43,26 C41.8954305,26 41,26.8954305 41,28 L41,28 Z" id="路径" fill="url(#linearGradient-13)" opacity="0.604724702"></path>
+                    <g id="编组"></g>
+                    <g id="仪表盘" transform="translate(34.000000, 38.000000)">
+                        <path d="M4.2,44 L51.8,44 C54.6,44 56,44.1 56,44.3 L56,47.7 C56,47.9 54.6,48 51.8,48 L4.2,48 C1.4,48 0,47.9 0,47.7 L0,44.3 C0,44.1 1.4,44 4.2,44 Z" id="路径" fill="url(#linearGradient-1)" opacity="0.604724702"></path>
+                        <path d="M29.4989573,4 C44.6874076,4 57,17.2998611 57,33.7083333 C57,34.1410417 56.9916581,34.57375 56.9749744,35 L2.02294013,35 C2.00834186,34.57375 2,34.1410417 2,33.7083333 C2,17.2998611 14.3125924,4 29.4989573,4 Z" id="路径" fill="url(#linearGradient-2)" opacity="0.204287574"></path>
+                        <path d="M48.339375,7.54626871 C54.2682639,12.9700259 58,20.8479988 58,29.6164392 C58,30.0132995 57.9919444,30.4081854 57.9778472,30.8010968 L53.1404861,30.8010968 C53.1586111,30.4101598 53.1666667,30.0132995 53.1666667,29.6164392 C53.1666667,28.2143961 53.0540333,26.8394591 52.8375613,25.5006963 L50,25.5 C49.1715729,25.5 48.5,24.8284271 48.5,24 C48.5,23.1715729 49.1715729,22.5 50,22.5 L52.1636532,22.5001743 C51.0161145,18.5356242 48.9342523,14.9857144 46.1804861,12.1210214 L48.339375,7.54626871 Z M29,0 C32.4880556,0 35.8311111,0.627868511 38.9284722,1.78093521 L36.0365278,5.80877094 C34.3986876,5.29685086 32.7096984,4.96637126 31.0011125,4.82213073 L31,7.5 C31,8.32842712 30.3284271,9 29.5,9 C28.6715729,9 28,8.32842712 28,7.5 L28.0004167,4.75952633 C17.4960181,5.19950823 8.71900986,12.5424184 5.83643185,22.5005294 L8,22.5 C8.82842712,22.5 9.5,23.1715729 9.5,24 C9.5,24.8284271 8.82842712,25.5 8,25.5 L5.16265245,25.49986 C4.94604596,26.8388969 4.83333333,28.2141147 4.83333333,29.6164392 C4.83333333,30.0132995 4.84138889,30.4101598 4.85951389,30.8010968 L0.0221527778,30.8010968 C0.00805555556,30.4081854 0,30.0132995 0,29.6164392 C0,13.2602671 12.9835417,0 29,0 Z" id="形状结合" fill="url(#linearGradient-3)"></path>
+                        <path d="M46.5208333,0.32972969 L34.945,31.1466219 C34.4644137,33.7116989 32.3291367,35.6667987 29.6860933,35.9617761 C27.0430499,36.2567534 24.5141973,34.8221946 23.4578615,32.4286461 C22.4015258,30.0350976 23.0662823,27.2458059 25.0950694,25.558987 L46.5208333,0.32972969 Z" id="路径" fill="url(#linearGradient-4)"></path>
+                        <path d="M15,28 C15,29.1045695 15.8954305,30 17,30 C18.1045695,30 19,29.1045695 19,28 C19,26.8954305 18.1045695,26 17,26 C15.8954305,26 15,26.8954305 15,28 L15,28 Z" id="路径" fill="url(#linearGradient-5)" opacity="0.604724702"></path>
+                        <path d="M41,28 C41,28.7145311 41.3811978,29.3747852 42,29.7320508 C42.6188021,30.0893164 43.3811979,30.0893164 44,29.7320508 C44.6188022,29.3747852 45,28.7145311 45,28 C45,26.8954305 44.1045695,26 43,26 C41.8954305,26 41,26.8954305 41,28 L41,28 Z" id="路径" fill="url(#linearGradient-5)" opacity="0.604724702"></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/chart-graph.svg

@@ -2,85 +2,43 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Topology Diagram  </title>
     <defs>
-        <linearGradient x1="50%" y1="45.9685271%" x2="50%" y2="100%" id="linearGradient-1">
-            <stop stop-color="#ECF3FB" offset="0%"></stop>
-            <stop stop-color="#FFFFFF" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="50.3956523%" y1="35.9331967%" x2="50%" y2="64.0668033%" id="linearGradient-2">
-            <stop stop-color="#E3EFFD" stop-opacity="0.00575352382" offset="0%"></stop>
-            <stop stop-color="#E5F0FD" offset="34.0601199%"></stop>
-            <stop stop-color="#F0F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="33.3333333%" y1="34.495573%" x2="96.9740837%" y2="65.4421891%" id="linearGradient-3">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#F7FBFF" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="90.9912104%" y1="29.4309598%" x2="33.3333333%" y2="67.7472684%" id="linearGradient-4">
-            <stop stop-color="#D5E6F9" offset="0%"></stop>
-            <stop stop-color="#E7F0F9" stop-opacity="0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-5">
-            <stop stop-color="#CEE6FE" offset="0%"></stop>
-            <stop stop-color="#8AB5F2" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="-5.8027489%" y1="27.0499439%" x2="103.630422%" y2="71.1332543%" id="linearGradient-6">
-            <stop stop-color="#BFD6F9" offset="0%"></stop>
-            <stop stop-color="#F3F6FE" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="89.8473889%" y1="61.7348066%" x2="0%" y2="61.7348066%" id="linearGradient-7">
-            <stop stop-color="#CAD9F3" offset="0%"></stop>
-            <stop stop-color="#D5E3F7" offset="100%"></stop>
-        </linearGradient>
-        <filter x="-18.5%" y="-60.0%" width="136.9%" height="220.0%" filterUnits="objectBoundingBox" id="filter-8">
-            <feGaussianBlur stdDeviation="4" in="SourceGraphic"></feGaussianBlur>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="74.8813561%" x2="128.792906%" y2="-13.3705524%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="74.8813561%" x2="128.792906%" y2="-13.3705524%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="83.7272892%" x2="128.792906%" y2="-35.9003397%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="83.7272892%" x2="128.792906%" y2="-35.9003397%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="48.1167583%" y1="86.8386573%" x2="75.1450776%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="48.1167583%" y1="86.8386573%" x2="75.1450776%" y2="-43.8247114%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="64.4995858%" x2="128.792906%" y2="13.070873%" id="linearGradient-12">
+        <linearGradient x1="44.0988019%" y1="64.4995858%" x2="128.792906%" y2="13.070873%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="79.8350455%" x2="128.792906%" y2="-25.9871489%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="79.8350455%" x2="128.792906%" y2="-25.9871489%" id="linearGradient-5">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="83.0130903%" x2="128.792906%" y2="-34.0813402%" id="linearGradient-14">
+        <linearGradient x1="44.0988019%" y1="83.0130903%" x2="128.792906%" y2="-34.0813402%" id="linearGradient-6">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="-TinyUI-Vue-组件总览3" transform="translate(-1479.000000, -1709.000000)">
             <g id="编组-17备份-8" transform="translate(1380.000000, 1676.000000)">
                 <g id="Topology-Diagram--" transform="translate(99.000000, 33.000000)">
-                    <g id="编组">
-                        <g transform="translate(9.000000, 1.000000)" id="多边形">
-                            <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                            <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                            <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                            <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                            <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                        </g>
-                        <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                    </g>
+                    <g id="编组"></g>
                     <g id="编组-7" transform="translate(36.000000, 32.000000)">
-                        <path d="M41.7384208,47.0570005 C40.734282,49.2631041 41.2363514,51.9739941 43.2632241,53.4883534 C45.2900968,55.0214085 47.9863954,55.0214085 49.994673,53.6566156 C52.0215457,52.1235605 52.6909716,49.5996285 51.8541892,47.3935248 C50.8500505,45.1874213 48.4884648,43.8413242 45.9595227,44.1778484 C44.955384,44.3461106 43.93265,44.6826349 43.0958677,45.5239455 L36.6805365,40.6256478 C36.3458236,40.4573856 36.0111107,40.2891235 35.5090413,40.4573856 C35.1743283,40.6256477 34.8396155,40.962172 34.8396155,41.2986963 C34.8396155,41.6352206 35.0069719,42.140007 35.3416848,42.3082691 L41.7384208,47.0570005 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.303770519"></path>
-                        <path d="M16.9696641,40.6256478 C16.4675947,40.2891235 15.7981689,40.2891235 15.4448608,40.6256478 L8.54605542,47.2252627 C6.35182624,45.8791656 3.65552767,46.0474277 1.81460659,47.7300491 C-0.0449096597,49.4313663 -0.546979101,52.1422563 0.643111322,54.161402 C1.81460659,56.3675056 4.34354871,57.3770784 6.87249078,56.872292 C9.23407647,56.1992434 11.0935927,54.161402 11.0935927,51.6187741 C11.0935927,50.6092013 10.7588798,49.5809326 10.2568104,48.7396219 L17.1742109,42.140007 C17.4717335,41.6352206 17.4717335,40.962172 16.9696641,40.6256478 Z" id="路径" fill="url(#linearGradient-10)" opacity="0.604724702"></path>
-                        <path d="M20.3353886,5.26322985 C20.3353886,7.80585772 22.1949048,10.0119613 24.7238469,10.5167477 L24.7238469,18.321509 C24.7238469,18.6580333 24.8912034,19.1628197 25.2259163,19.3310818 C25.5606293,19.499344 26.0626987,19.499344 26.3974116,19.3310818 C26.7321245,19.1628197 26.899481,18.8262954 26.899481,18.321509 L26.899481,10.5167477 C29.7817312,10.0119613 31.6226523,7.30107125 31.2879393,4.59018127 C30.9532264,1.87929128 28.4242843,-0.158550191 25.3932728,0.00971192366 C22.5296178,0.00971192366 20.3353886,2.38407768 20.3353886,5.26322985 Z" id="路径" fill="url(#linearGradient-11)" opacity="0.204287574"></path>
-                        <path d="M42.9285112,27.5759841 L37.7032705,29.4455635 C37.2012011,29.6138256 36.8664881,30.2868742 37.0338446,30.7916606 C37.2012011,31.296447 37.870627,31.6329713 38.5586479,31.4647091 L43.7838886,29.5951298 C45.308692,31.9694955 48.3397035,32.8108062 50.8686456,31.6329713 C53.3975878,30.4551363 54.569083,27.5759842 53.7323007,25.0333562 C52.7281619,22.4907284 50.0318633,20.9763691 47.3355647,21.6494177 C44.2673629,22.1542041 42.5752031,24.696832 42.9285112,27.5759841 L42.9285112,27.5759841 Z" id="路径" fill="url(#linearGradient-12)" opacity="0.604724702"></path>
-                        <path d="M9.55019425,12.675437 C7.690678,11.1423819 4.99437937,10.9741198 2.81874535,12.3389127 C0.791872602,13.6850098 -0.21226616,16.2276377 0.624516162,18.4337413 C1.46129848,20.808107 3.65552767,22.1542041 6.1844698,21.985942 C7.18860856,21.985942 8.21134254,21.4811556 9.0481248,20.9763691 L13.2692267,24.5285698 C13.6039397,24.8650941 13.9386526,24.8650941 14.440722,24.8650941 C14.7754349,24.696832 15.1101479,24.3603077 15.2775043,24.0237834 C15.2775043,23.6872591 15.1101479,23.1824727 14.7754349,23.0142106 L10.554333,19.4620099 C11.0564024,18.6206992 11.3911153,17.5924306 11.2237589,16.4145956 C11.4097105,14.8815405 10.7402847,13.5167476 9.55019425,12.675437 L9.55019425,12.675437 Z" id="路径" fill="url(#linearGradient-13)" opacity="0.604724702"></path>
-                        <path d="M24.389134,45.206117 C16.4675947,45.206117 10.0708588,39.1112885 10.0708588,31.651667 C10.0708588,24.1920456 16.4675947,18.097217 24.389134,18.097217 C32.3106733,18.097217 38.7074093,24.1920455 38.7074093,31.651667 C38.7074093,39.1112886 32.3106733,45.206117 24.389134,45.206117 Z" id="路径" fill="url(#linearGradient-14)"></path>
+                        <path d="M41.7384208,47.0570005 C40.734282,49.2631041 41.2363514,51.9739941 43.2632241,53.4883534 C45.2900968,55.0214085 47.9863954,55.0214085 49.994673,53.6566156 C52.0215457,52.1235605 52.6909716,49.5996285 51.8541892,47.3935248 C50.8500505,45.1874213 48.4884648,43.8413242 45.9595227,44.1778484 C44.955384,44.3461106 43.93265,44.6826349 43.0958677,45.5239455 L36.6805365,40.6256478 C36.3458236,40.4573856 36.0111107,40.2891235 35.5090413,40.4573856 C35.1743283,40.6256477 34.8396155,40.962172 34.8396155,41.2986963 C34.8396155,41.6352206 35.0069719,42.140007 35.3416848,42.3082691 L41.7384208,47.0570005 Z" id="路径" fill="url(#linearGradient-1)" opacity="0.303770519"></path>
+                        <path d="M16.9696641,40.6256478 C16.4675947,40.2891235 15.7981689,40.2891235 15.4448608,40.6256478 L8.54605542,47.2252627 C6.35182624,45.8791656 3.65552767,46.0474277 1.81460659,47.7300491 C-0.0449096597,49.4313663 -0.546979101,52.1422563 0.643111322,54.161402 C1.81460659,56.3675056 4.34354871,57.3770784 6.87249078,56.872292 C9.23407647,56.1992434 11.0935927,54.161402 11.0935927,51.6187741 C11.0935927,50.6092013 10.7588798,49.5809326 10.2568104,48.7396219 L17.1742109,42.140007 C17.4717335,41.6352206 17.4717335,40.962172 16.9696641,40.6256478 Z" id="路径" fill="url(#linearGradient-2)" opacity="0.604724702"></path>
+                        <path d="M20.3353886,5.26322985 C20.3353886,7.80585772 22.1949048,10.0119613 24.7238469,10.5167477 L24.7238469,18.321509 C24.7238469,18.6580333 24.8912034,19.1628197 25.2259163,19.3310818 C25.5606293,19.499344 26.0626987,19.499344 26.3974116,19.3310818 C26.7321245,19.1628197 26.899481,18.8262954 26.899481,18.321509 L26.899481,10.5167477 C29.7817312,10.0119613 31.6226523,7.30107125 31.2879393,4.59018127 C30.9532264,1.87929128 28.4242843,-0.158550191 25.3932728,0.00971192366 C22.5296178,0.00971192366 20.3353886,2.38407768 20.3353886,5.26322985 Z" id="路径" fill="url(#linearGradient-3)" opacity="0.204287574"></path>
+                        <path d="M42.9285112,27.5759841 L37.7032705,29.4455635 C37.2012011,29.6138256 36.8664881,30.2868742 37.0338446,30.7916606 C37.2012011,31.296447 37.870627,31.6329713 38.5586479,31.4647091 L43.7838886,29.5951298 C45.308692,31.9694955 48.3397035,32.8108062 50.8686456,31.6329713 C53.3975878,30.4551363 54.569083,27.5759842 53.7323007,25.0333562 C52.7281619,22.4907284 50.0318633,20.9763691 47.3355647,21.6494177 C44.2673629,22.1542041 42.5752031,24.696832 42.9285112,27.5759841 L42.9285112,27.5759841 Z" id="路径" fill="url(#linearGradient-4)" opacity="0.604724702"></path>
+                        <path d="M9.55019425,12.675437 C7.690678,11.1423819 4.99437937,10.9741198 2.81874535,12.3389127 C0.791872602,13.6850098 -0.21226616,16.2276377 0.624516162,18.4337413 C1.46129848,20.808107 3.65552767,22.1542041 6.1844698,21.985942 C7.18860856,21.985942 8.21134254,21.4811556 9.0481248,20.9763691 L13.2692267,24.5285698 C13.6039397,24.8650941 13.9386526,24.8650941 14.440722,24.8650941 C14.7754349,24.696832 15.1101479,24.3603077 15.2775043,24.0237834 C15.2775043,23.6872591 15.1101479,23.1824727 14.7754349,23.0142106 L10.554333,19.4620099 C11.0564024,18.6206992 11.3911153,17.5924306 11.2237589,16.4145956 C11.4097105,14.8815405 10.7402847,13.5167476 9.55019425,12.675437 L9.55019425,12.675437 Z" id="路径" fill="url(#linearGradient-5)" opacity="0.604724702"></path>
+                        <path d="M24.389134,45.206117 C16.4675947,45.206117 10.0708588,39.1112885 10.0708588,31.651667 C10.0708588,24.1920456 16.4675947,18.097217 24.389134,18.097217 C32.3106733,18.097217 38.7074093,24.1920455 38.7074093,31.651667 C38.7074093,39.1112886 32.3106733,45.206117 24.389134,45.206117 Z" id="路径" fill="url(#linearGradient-6)"></path>
                     </g>
                 </g>
             </g>