@opentiny/vue-docs 3.16.2 → 3.17.0

package/demos/pc/overviewimage/user-head.svg

@@ -2,96 +2,54 @@
 <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>Avatar 头像</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="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="45.9796323%" y1="86.8386573%" x2="103.680025%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="45.9796323%" y1="86.8386573%" x2="103.680025%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="59.258895%" x2="128.792906%" y2="26.418436%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="59.258895%" x2="128.792906%" y2="26.418436%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <polygon id="path-12" points="22.7407655 41.2755004 29.2592345 41.2755004 29.2592345 47.7928503 22.7407655 47.7928503"></polygon>
-        <filter x="-61.4%" y="-30.7%" width="222.7%" height="222.7%" filterUnits="objectBoundingBox" id="filter-13">
+        <polygon id="path-4" points="22.7407655 41.2755004 29.2592345 41.2755004 29.2592345 47.7928503 22.7407655 47.7928503"></polygon>
+        <filter x="-61.4%" y="-30.7%" width="222.7%" height="222.7%" filterUnits="objectBoundingBox" id="filter-5">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.368627451   0 0 0 0 0.48627451   0 0 0 0 0.878431373  0 0 0 0.349865467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <path d="M22.7407655,42.1444804 L18.3951195,36.9306005 L13.1195053,36.9306005 C13.084287,36.9306005 13.0513739,36.9481164 13.0315881,36.9772464 C13.0118024,37.0063765 13.0077044,37.0434043 13.0206418,37.0761546 L17.308708,47.7928503 L22.7407655,44.1724625 L22.7407655,42.1444804 Z M38.8804947,36.9305999 L33.6048805,36.9305999 L29.2592345,42.1444804 L29.2592345,44.1724625 L34.691292,47.7928503 L38.9782718,37.0761546 C38.9917122,37.0435893 38.987985,37.0064625 38.9683395,36.9772174 C38.9486939,36.9479724 38.9157296,36.9304791 38.8804947,36.9305999 L38.8804947,36.9305999 Z" id="path-14"></path>
-        <filter x="-15.4%" y="-18.4%" width="130.8%" height="173.6%" filterUnits="objectBoundingBox" id="filter-15">
+        <path d="M22.7407655,42.1444804 L18.3951195,36.9306005 L13.1195053,36.9306005 C13.084287,36.9306005 13.0513739,36.9481164 13.0315881,36.9772464 C13.0118024,37.0063765 13.0077044,37.0434043 13.0206418,37.0761546 L17.308708,47.7928503 L22.7407655,44.1724625 L22.7407655,42.1444804 Z M38.8804947,36.9305999 L33.6048805,36.9305999 L29.2592345,42.1444804 L29.2592345,44.1724625 L34.691292,47.7928503 L38.9782718,37.0761546 C38.9917122,37.0435893 38.987985,37.0064625 38.9683395,36.9772174 C38.9486939,36.9479724 38.9157296,36.9304791 38.8804947,36.9305999 L38.8804947,36.9305999 Z" id="path-6"></path>
+        <filter x="-15.4%" y="-18.4%" width="130.8%" height="173.6%" filterUnits="objectBoundingBox" id="filter-7">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.368627451   0 0 0 0 0.48627451   0 0 0 0 0.878431373  0 0 0 0.349865467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="44.0988019%" y1="57.9337126%" x2="128.792906%" y2="29.7935553%" id="linearGradient-16">
+        <linearGradient x1="44.0988019%" y1="57.9337126%" x2="128.792906%" y2="29.7935553%" id="linearGradient-8">
             <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="-TinyUI-ICON-2-【9-2】-无阴影" transform="translate(-1481.000000, -1597.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-2" transform="translate(-1481.000000, -1597.000000)">
             <g id="Avatar-头像" transform="translate(1481.000000, 1597.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="男头像" transform="translate(28.000000, 28.000000)">
-                    <path d="M0,34 C0,52.7776815 15.2223185,68 34,68 C52.7776815,68 68,52.7776815 68,34 C68,15.2223185 52.7776815,0 34,0 C15.2223185,0 0,15.2223185 0,34 Z" id="路径" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
+                    <path d="M0,34 C0,52.7776815 15.2223185,68 34,68 C52.7776815,68 68,52.7776815 68,34 C68,15.2223185 52.7776815,0 34,0 C15.2223185,0 0,15.2223185 0,34 Z" id="路径" fill="url(#linearGradient-1)" opacity="0.204287574"></path>
                     <g id="编组" transform="translate(8.000000, 5.000000)">
-                        <path d="M52,49.2874958 C51.2862277,42.3454321 45.420692,36.9306005 38.2884005,36.9306005 L31.8285977,36.9306005 C31.4352945,36.9306005 31.0580999,36.7743882 30.7799925,36.4963286 C30.5018851,36.2182689 30.345646,35.8411391 30.345646,35.4479034 L30.345646,34.7472883 C30.345646,34.1140191 30.757396,33.5719929 31.3505766,33.3493168 C37.656109,30.9791739 41.9735083,20.6361396 41.0967742,13.3269317 C40.2689286,6.4283169 34.6586996,0.869017425 27.7534681,0.0967115012 C27.1997105,0.0348982616 26.6430215,0.00298930894 26.0858265,0.0011236521 L26.0336787,0 C17.6183353,-0.0184283912 10.790239,6.79654714 10.790239,15.2061009 C10.790239,21.7495202 14.9262075,31.2333505 20.7254722,33.3775586 C21.2936654,33.5872 21.654354,34.152037 21.654354,34.7581505 L21.654354,35.4479034 C21.654354,36.2669171 20.9905566,36.9306005 20.1714023,36.9306005 L13.7115995,36.9306005 C6.57930803,36.9306005 0.713772338,42.345432 0,49.2874958 C5.67650009,57.5667027 15.2021561,63 26,63 C36.7978439,63 46.3234999,57.5667027 52,49.2874958 Z" id="路径" fill="url(#linearGradient-10)" opacity="0.303770519"></path>
-                        <path d="M52,49.2874958 C51.2862277,42.3454321 45.4196056,36.9306005 38.2884005,36.9306005 L36.864115,36.9306005 L30.345646,43.4479504 L21.654354,43.4479504 L18.3951195,41.2755004 L14.6698145,36.9306005 L13.7115995,36.9306005 C6.58039444,36.9306005 0.713772338,42.345432 0,49.2874958 C5.67650009,57.5667027 15.2021561,63 26,63 C36.7978439,63 46.3234999,57.5667027 52,49.2874958 Z" id="路径" fill="url(#linearGradient-11)" opacity="0.303770519"></path>
+                        <path d="M52,49.2874958 C51.2862277,42.3454321 45.420692,36.9306005 38.2884005,36.9306005 L31.8285977,36.9306005 C31.4352945,36.9306005 31.0580999,36.7743882 30.7799925,36.4963286 C30.5018851,36.2182689 30.345646,35.8411391 30.345646,35.4479034 L30.345646,34.7472883 C30.345646,34.1140191 30.757396,33.5719929 31.3505766,33.3493168 C37.656109,30.9791739 41.9735083,20.6361396 41.0967742,13.3269317 C40.2689286,6.4283169 34.6586996,0.869017425 27.7534681,0.0967115012 C27.1997105,0.0348982616 26.6430215,0.00298930894 26.0858265,0.0011236521 L26.0336787,0 C17.6183353,-0.0184283912 10.790239,6.79654714 10.790239,15.2061009 C10.790239,21.7495202 14.9262075,31.2333505 20.7254722,33.3775586 C21.2936654,33.5872 21.654354,34.152037 21.654354,34.7581505 L21.654354,35.4479034 C21.654354,36.2669171 20.9905566,36.9306005 20.1714023,36.9306005 L13.7115995,36.9306005 C6.57930803,36.9306005 0.713772338,42.345432 0,49.2874958 C5.67650009,57.5667027 15.2021561,63 26,63 C36.7978439,63 46.3234999,57.5667027 52,49.2874958 Z" id="路径" fill="url(#linearGradient-2)" opacity="0.303770519"></path>
+                        <path d="M52,49.2874958 C51.2862277,42.3454321 45.4196056,36.9306005 38.2884005,36.9306005 L36.864115,36.9306005 L30.345646,43.4479504 L21.654354,43.4479504 L18.3951195,41.2755004 L14.6698145,36.9306005 L13.7115995,36.9306005 C6.58039444,36.9306005 0.713772338,42.345432 0,49.2874958 C5.67650009,57.5667027 15.2021561,63 26,63 C36.7978439,63 46.3234999,57.5667027 52,49.2874958 Z" id="路径" fill="url(#linearGradient-3)" opacity="0.303770519"></path>
                         <g id="路径">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
-                            <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-12"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                            <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-4"></use>
                         </g>
                         <path d="M21.611984,62.6893397 C23.0460472,62.8892051 24.5105299,63 26,63 C27.5014207,63 28.9756811,62.8881188 30.4206084,62.6849948 L28.172823,47.7928503 L23.827177,47.7928503 L21.611984,62.6893397 Z" id="路径" fill="#5073E5"></path>
                         <g id="形状">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
-                            <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-14"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                            <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-6"></use>
                         </g>
-                        <path d="M41.1500083,14.0460127 C41.1326257,13.805957 41.1250209,13.5604701 41.0967742,13.3258455 C40.2689286,6.4283169 34.6586996,0.869017425 27.7534681,0.0967115012 C27.1997105,0.0348982616 26.6430215,0.00298930894 26.0858265,0.0011236521 L26.0336787,9.47448143e-07 C18.5157112,-0.0162559624 12.2797091,5.42573119 11.0325088,12.5817814 L10.8831955,13.7122682 C11.0907,13.9762209 11.7832191,13.2085332 11.8614407,13.1162041 C14.0342637,10.5309886 17.6639646,9.93247867 20.751546,11.3011221 C22.637539,12.1336524 24.7807819,12.1649302 26.6902739,11.38779 C28.5997659,10.6106498 30.1118649,9.09169197 30.8801604,7.17889836 C34.9161792,8.28793406 38.7164466,10.7699581 41.1500083,14.0460127 Z" id="路径" fill="url(#linearGradient-16)"></path>
+                        <path d="M41.1500083,14.0460127 C41.1326257,13.805957 41.1250209,13.5604701 41.0967742,13.3258455 C40.2689286,6.4283169 34.6586996,0.869017425 27.7534681,0.0967115012 C27.1997105,0.0348982616 26.6430215,0.00298930894 26.0858265,0.0011236521 L26.0336787,9.47448143e-07 C18.5157112,-0.0162559624 12.2797091,5.42573119 11.0325088,12.5817814 L10.8831955,13.7122682 C11.0907,13.9762209 11.7832191,13.2085332 11.8614407,13.1162041 C14.0342637,10.5309886 17.6639646,9.93247867 20.751546,11.3011221 C22.637539,12.1336524 24.7807819,12.1649302 26.6902739,11.38779 C28.5997659,10.6106498 30.1118649,9.09169197 30.8801604,7.17889836 C34.9161792,8.28793406 38.7164466,10.7699581 41.1500083,14.0460127 Z" id="路径" fill="url(#linearGradient-8)"></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/user-link.svg

@@ -2,78 +2,40 @@
 <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>UserLink 用户信息链接</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 x1="44.0988019%" y1="54.7471248%" x2="128.792906%" y2="37.9095046%" id="linearGradient-1">
+            <stop stop-color="#5073E5" offset="0%"></stop>
+            <stop stop-color="#5E7CE0" 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="54.7471248%" x2="128.792906%" y2="37.9095046%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="54.7471248%" x2="128.792906%" y2="37.9095046%" id="linearGradient-2">
             <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-10">
+        <linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" 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="86.8386573%" x2="128.792906%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="86.8386573%" x2="128.792906%" 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="52.5812554%" x2="128.792906%" y2="43.4257771%" id="linearGradient-12">
+        <linearGradient x1="44.0988019%" y1="52.5812554%" x2="128.792906%" y2="43.4257771%" 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-组件总览2" transform="translate(-696.000000, -1159.000000)">
             <g id="编组-25备份-13" transform="translate(598.000000, 1126.000000)">
                 <g id="UserLink-用户信息链接" 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="编组-6" transform="translate(24.000000, 31.000000)">
-                        <path d="M4,31 L74,31 C76.209139,31 78,32.790861 78,35 L78,55 C78,57.209139 76.209139,59 74,59 L4,59 C1.790861,59 2.705415e-16,57.209139 0,55 L0,35 C-2.705415e-16,32.790861 1.790861,31 4,31 Z" id="矩形备份-8" fill="url(#linearGradient-9)" opacity="0.604724702"></path>
-                        <path d="M4,0 L74,0 C76.209139,-4.05812251e-16 78,1.790861 78,4 L78,24 C78,26.209139 76.209139,28 74,28 L4,28 C1.790861,28 2.705415e-16,26.209139 0,24 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="矩形备份-7" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
+                        <path d="M4,31 L74,31 C76.209139,31 78,32.790861 78,35 L78,55 C78,57.209139 76.209139,59 74,59 L4,59 C1.790861,59 2.705415e-16,57.209139 0,55 L0,35 C-2.705415e-16,32.790861 1.790861,31 4,31 Z" id="矩形备份-8" stroke="url(#linearGradient-2)" fill="url(#linearGradient-1)"></path>
+                        <path d="M4,0 L74,0 C76.209139,-4.05812251e-16 78,1.790861 78,4 L78,24 C78,26.209139 76.209139,28 74,28 L4,28 C1.790861,28 2.705415e-16,26.209139 0,24 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="矩形备份-7" fill="url(#linearGradient-2)" opacity="0.204287574"></path>
                         <g id="编组" transform="translate(10.000000, 5.000000)" stroke-width="0.818181818">
-                            <rect id="矩形" stroke="url(#linearGradient-11)" fill="url(#linearGradient-10)" x="0" y="0" width="18" height="18" rx="9"></rect>
+                            <rect id="矩形" stroke="url(#linearGradient-4)" fill="url(#linearGradient-3)" x="0" y="0" width="18" height="18" rx="9"></rect>
                             <path d="M9.40125683,4.09090909 C8.29354283,4.09090909 7.32599933,4.83991362 7.03984198,5.89518911 L6.99012261,6.11957926 L6.96681699,6.3029225 L6.95777496,6.42519954 C6.95594133,6.45838036 6.95518265,6.48698527 6.95518265,6.52002115 L6.95518265,7.42133844 C6.95518265,7.48556587 6.95850228,7.5499976 6.96486386,7.61860669 L6.98324243,7.77298816 L7.0225215,7.96286625 L7.0515997,8.07942721 L7.06778913,8.13522386 L7.12307618,8.29142166 C7.22339597,8.54752747 7.36412168,8.78200663 7.53823856,8.98724757 L7.56093386,9.01207154 L6.30640407,9.28355592 C5.49430249,9.45359548 4.90824231,10.1689944 4.90909183,11.0012664 L4.90909183,12.6053153 C4.90909183,13.3275091 5.4977488,13.9090909 6.21620786,13.9090909 L12.60205,13.9090909 C13.3203969,13.9090909 13.9090918,13.3274722 13.9090918,12.6053153 L13.9090918,10.9985406 L13.9027269,10.8675568 C13.8363386,10.0885171 13.2677686,9.43971841 12.4996947,9.28287235 L11.2501433,9.0128763 C11.6289705,8.57930924 11.849871,8.02036131 11.849871,7.42406948 L11.849871,6.52262302 C11.849871,5.18068554 10.7459607,4.09090909 9.40125683,4.09090909 Z" id="Fill-1" stroke="#FFFFFF" fill="#FFFFFF" fill-rule="nonzero"></path>
                         </g>
-                        <path d="M38.5,9 L63.5,9 C65.9852814,9 68,11.0147186 68,13.5 C68,15.9852814 65.9852814,18 63.5,18 L38.5,18 C36.0147186,18 34,15.9852814 34,13.5 C34,11.0147186 36.0147186,9 38.5,9 Z" id="矩形备份-9" fill="url(#linearGradient-12)" opacity="0.604724702"></path>
+                        <path d="M38.5,9 L63.5,9 C65.9852814,9 68,11.0147186 68,13.5 C68,15.9852814 65.9852814,18 63.5,18 L38.5,18 C36.0147186,18 34,15.9852814 34,13.5 C34,11.0147186 36.0147186,9 38.5,9 Z" id="矩形备份-9" fill="url(#linearGradient-5)" opacity="0.604724702"></path>
                         <path d="M12,38 L66,38 C67.1045695,38 68,38.8954305 68,40 C68,41.1045695 67.1045695,42 66,42 L12,42 C10.8954305,42 10,41.1045695 10,40 C10,38.8954305 10.8954305,38 12,38 Z" id="形状结合备份" fill="#FFFFFF" fill-rule="nonzero"></path>
                         <path d="M12,48 L47,48 C48.1045695,48 49,48.8954305 49,50 C49,51.1045695 48.1045695,52 47,52 L12,52 C10.8954305,52 10,51.1045695 10,50 C10,48.8954305 10.8954305,48 12,48 Z" id="形状结合备份-35" fill="#FFFFFF" fill-rule="nonzero"></path>
                     </g>

package/demos/pc/overviewimage/user.svg

@@ -2,79 +2,37 @@
 <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>User 用户</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="52.3024161%" x2="128.792906%" y2="44.1359555%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="52.3024161%" x2="128.792906%" y2="44.1359555%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.9717602%" y1="86.8386573%" x2="117.137151%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="44.9717602%" y1="86.8386573%" x2="117.137151%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="60.1851268%" x2="128.792906%" y2="24.0594078%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="60.1851268%" x2="128.792906%" y2="24.0594078%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="60.1851268%" x2="128.792906%" y2="24.0594078%" id="linearGradient-12">
+        <linearGradient x1="44.0988019%" y1="60.1851268%" x2="128.792906%" y2="24.0594078%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="85.1282945%" x2="128.792906%" y2="-39.4685729%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="85.1282945%" x2="128.792906%" y2="-39.4685729%" 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-组件总览2" transform="translate(-1479.000000, -1159.000000)">
             <g id="编组-25备份-17" transform="translate(1380.000000, 1126.000000)">
                 <g id="User-用户" 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>
-                    <rect id="矩形" fill="url(#linearGradient-9)" opacity="0.303770519" x="25" y="44" width="72" height="18" rx="4"></rect>
-                    <path d="M44.7812441,57 L44.781,56.985 L32.8267868,56.9449552 C32.4043581,56.8978748 32.0573167,56.5302859 32.0064253,56.0904049 L32,55.9790722 C32,54.563719 32.2257647,53.2057449 32.6193274,52.0326593 C33.8091681,48.4464602 36.5152931,45.5519991 39.9414243,44.289657 C38.4983611,43.2345175 37.3939448,41.6119616 37.0461452,39.7949541 C36.6617351,37.8026213 37.0369925,35.6381509 38.2176807,33.9773422 C38.812601,33.1549072 39.5173529,32.453606 39.9109156,32.2336525 C40.8749917,31.5706041 41.9946624,31.1370725 43.2241645,31 L43.2241645,31 L44.8647144,31 C44.8719502,31.0248094 44.8791745,31.0496049 44.8863872,31.0743866 L44.8869674,31 L44.8869674,31 C46.1042961,31.1373633 47.2128807,31.5718147 48.1674114,32.2362698 C48.5570774,32.45669 49.2548514,33.1594791 49.8438814,33.9836589 C51.0128794,35.6479912 51.3844214,37.8170537 51.0038174,39.8136135 C50.6594614,41.634476 49.56598,43.2604743 48.1372047,44.3178523 C51.5294134,45.5828726 54.2087447,48.4834746 55.3868047,52.0772822 C55.7764707,53.2528566 56,54.6137118 56,56.0320678 C56,56.5208257 55.6344993,56.9488881 55.1813993,57 L44.7812441,57 Z" id="形状结合" fill="url(#linearGradient-10)" opacity="0.604724702"></path>
+                    <g id="编组"></g>
+                    <rect id="矩形" fill="url(#linearGradient-1)" opacity="0.303770519" x="25" y="44" width="72" height="18" rx="4"></rect>
+                    <path d="M44.7812441,57 L44.781,56.985 L32.8267868,56.9449552 C32.4043581,56.8978748 32.0573167,56.5302859 32.0064253,56.0904049 L32,55.9790722 C32,54.563719 32.2257647,53.2057449 32.6193274,52.0326593 C33.8091681,48.4464602 36.5152931,45.5519991 39.9414243,44.289657 C38.4983611,43.2345175 37.3939448,41.6119616 37.0461452,39.7949541 C36.6617351,37.8026213 37.0369925,35.6381509 38.2176807,33.9773422 C38.812601,33.1549072 39.5173529,32.453606 39.9109156,32.2336525 C40.8749917,31.5706041 41.9946624,31.1370725 43.2241645,31 L43.2241645,31 L44.8647144,31 C44.8719502,31.0248094 44.8791745,31.0496049 44.8863872,31.0743866 L44.8869674,31 L44.8869674,31 C46.1042961,31.1373633 47.2128807,31.5718147 48.1674114,32.2362698 C48.5570774,32.45669 49.2548514,33.1594791 49.8438814,33.9836589 C51.0128794,35.6479912 51.3844214,37.8170537 51.0038174,39.8136135 C50.6594614,41.634476 49.56598,43.2604743 48.1372047,44.3178523 C51.5294134,45.5828726 54.2087447,48.4834746 55.3868047,52.0772822 C55.7764707,53.2528566 56,54.6137118 56,56.0320678 C56,56.5208257 55.6344993,56.9488881 55.1813993,57 L44.7812441,57 Z" id="形状结合" fill="url(#linearGradient-2)" opacity="0.604724702"></path>
                     <g id="编组-7" transform="translate(62.000000, 53.000000)">
-                        <path d="M27.2073897,27.060632 L32.5457061,27.060632 C34.1803346,27.060632 35.5054628,28.3857602 35.5054628,30.0203886 C35.5054628,31.6550171 34.1803346,32.9801453 32.5457061,32.9801453 L27.2073897,32.9801453 C25.5727613,32.9801453 24.2476331,31.6550171 24.2476331,30.0203886 C24.2476331,28.3857602 25.5727613,27.060632 27.2073897,27.060632 Z" id="形状结合备份-20" stroke="url(#linearGradient-12)" stroke-width="0.855668855" fill="url(#linearGradient-11)" transform="translate(29.876548, 30.020389) rotate(-135.000000) translate(-29.876548, -30.020389) "></path>
-                        <ellipse id="椭圆形" stroke="url(#linearGradient-13)" stroke-width="6.84535084" cx="15.1547707" cy="14.7987831" rx="15.1547707" ry="14.7987831"></ellipse>
+                        <path d="M27.2073897,27.060632 L32.5457061,27.060632 C34.1803346,27.060632 35.5054628,28.3857602 35.5054628,30.0203886 C35.5054628,31.6550171 34.1803346,32.9801453 32.5457061,32.9801453 L27.2073897,32.9801453 C25.5727613,32.9801453 24.2476331,31.6550171 24.2476331,30.0203886 C24.2476331,28.3857602 25.5727613,27.060632 27.2073897,27.060632 Z" id="形状结合备份-20" stroke="url(#linearGradient-4)" stroke-width="0.855668855" fill="url(#linearGradient-3)" transform="translate(29.876548, 30.020389) rotate(-135.000000) translate(-29.876548, -30.020389) "></path>
+                        <ellipse id="椭圆形" stroke="url(#linearGradient-5)" stroke-width="6.84535084" cx="15.1547707" cy="14.7987831" rx="15.1547707" ry="14.7987831"></ellipse>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/watermark.svg

@@ -2,66 +2,24 @@
 <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>Watermark 水印</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="82.0905637%" x2="128.792906%" y2="-31.7317486%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="82.0905637%" x2="128.792906%" y2="-31.7317486%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="50.6549095%" x2="128.792906%" y2="48.3320051%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="50.6549095%" x2="128.792906%" y2="48.3320051%" id="linearGradient-2">
             <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, -2534.000000)">
             <g id="编组-17备份-17" transform="translate(1380.000000, 2501.000000)">
                 <g id="Watermark-水印" 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="印章" transform="translate(38.363636, 33.000000)">
-                        <path d="M24.6363636,0 C32.859696,0 37.9728315,5.47683275 37.9728315,12.2746747 C37.9728315,20.2792764 31.0260198,23.3997144 31.5267545,29.9262139 C31.7171747,32.3397334 33.7130607,34.1962869 36.1038923,34.1962869 L36.1038923,34.1962869 L45.0889055,34.1962869 C47.0495285,34.1962869 48.6363636,35.8100603 48.6363636,37.7880038 L48.6363636,37.7880038 L48.6363636,43.850365 C48.6363636,44.2842245 48.3996999,44.6615079 48.0497927,44.857255 C47.2273896,43.6671908 45.7030313,43.1996693 44.3719766,43.8109949 L44.3719766,43.8109949 L44.0777178,43.9530861 C42.1209133,44.8942097 39.8345978,44.6666823 38.0809243,43.3563029 C34.4767734,40.6622135 29.760588,40.2468346 25.7795494,42.2728571 L25.7795494,42.2728571 L23.87194,43.2461822 C22.1435917,44.127148 20.1074555,44.0454455 18.4467529,43.0223885 C14.5347102,40.6212693 9.66150592,40.7729381 5.89170655,43.4131394 L5.89170655,43.4131394 L3.622,45 L1.77183234,45 C1.18599631,45 0.704601466,44.5521422 0.643019202,43.9757326 L0.636363636,43.850365 L0.636363636,37.7880038 C0.636363636,35.8029197 2.22319878,34.1962869 4.18382176,34.1962869 L4.18382176,34.1962869 L13.1758876,34.1962869 C15.5667192,34.1962869 17.5555526,32.3397334 17.7530254,29.9262139 C18.2537601,23.3997144 11.3069484,20.2792764 11.3069484,12.2746747 C11.3069484,5.48397334 16.4130313,0 24.6363636,0 Z" id="形状结合" fill="url(#linearGradient-9)" opacity="0.604724702"></path>
-                        <path d="M34.5531998,50.0712439 C32.7604072,49.341893 30.416117,49.2304739 28.4380264,49.7806028 L26.5270347,50.3095697 C22.9697248,51.2967816 18.7874267,51.2030381 15.3756371,50.0596183 C13.4728092,49.4217342 11.1014833,49.4616004 9.26722822,50.1623115 L5.37083456,51.652332 C4.46576207,51.9981062 3.30743287,52.0410046 2.33217837,51.7648677 C1.35692387,51.4887308 0.712908422,50.9355104 0.642726409,50.3135993 C0.572544396,49.6916882 1.08685814,49.0955695 1.99193063,48.7497953 L5.89170655,47.2617124 C9.66150592,45.8216026 14.5347102,45.7388741 18.4467529,47.0485756 C20.1074555,47.6066066 22.1435917,47.6511716 23.87194,47.1706448 L25.7795494,46.6397403 C29.760588,45.534637 34.4767734,45.7612073 38.0809243,47.2307107 C39.8345978,47.9454545 42.1209133,48.0695689 44.0777178,47.5562288 L44.3719766,47.4787245 C45.893182,47.0976384 47.6668655,47.4851558 48.3587634,48.3497644 C49.0506613,49.2143731 48.405538,50.2371259 46.9086913,50.6486511 L46.6144323,50.7261554 C42.6786974,51.7585997 38.0802429,51.5089087 34.5531998,50.0712439 L34.5531998,50.0712439 Z" id="形状备份-2" fill="url(#linearGradient-10)"></path>
-                        <path d="M34.5531998,57.562153 C32.7604072,56.8328021 30.416117,56.721383 28.4380264,57.2715119 L26.5270347,57.8004788 C22.9697248,58.7876907 18.7874267,58.6939472 15.3756371,57.5505274 C13.4728092,56.9126433 11.1014833,56.9525095 9.26722822,57.6532206 L5.37083456,59.1432411 C4.46576207,59.4890153 3.30743287,59.5319137 2.33217837,59.2557768 C1.35692387,58.9796399 0.712908422,58.4264195 0.642726409,57.8045084 C0.572544396,57.1825973 1.08685814,56.5864786 1.99193063,56.2407044 L5.89170655,54.7526215 C9.66150592,53.3125117 14.5347102,53.2297832 18.4467529,54.5394847 C20.1074555,55.0975157 22.1435917,55.1420807 23.87194,54.6615539 L25.7795494,54.1306493 C29.760588,53.0255461 34.4767734,53.2521164 38.0809243,54.7216198 C39.8345978,55.4363636 42.1209133,55.560478 44.0777178,55.0471379 L44.3719766,54.9696336 C45.893182,54.5885475 47.6668655,54.9760649 48.3587634,55.8406735 C49.0506613,56.7052822 48.405538,57.728035 46.9086913,58.1395602 L46.6144323,58.2170645 C42.6786974,59.2495087 38.0802429,58.9998178 34.5531998,57.562153 L34.5531998,57.562153 Z" id="形状备份-3" fill="url(#linearGradient-10)"></path>
+                        <path d="M24.6363636,0 C32.859696,0 37.9728315,5.47683275 37.9728315,12.2746747 C37.9728315,20.2792764 31.0260198,23.3997144 31.5267545,29.9262139 C31.7171747,32.3397334 33.7130607,34.1962869 36.1038923,34.1962869 L36.1038923,34.1962869 L45.0889055,34.1962869 C47.0495285,34.1962869 48.6363636,35.8100603 48.6363636,37.7880038 L48.6363636,37.7880038 L48.6363636,43.850365 C48.6363636,44.2842245 48.3996999,44.6615079 48.0497927,44.857255 C47.2273896,43.6671908 45.7030313,43.1996693 44.3719766,43.8109949 L44.3719766,43.8109949 L44.0777178,43.9530861 C42.1209133,44.8942097 39.8345978,44.6666823 38.0809243,43.3563029 C34.4767734,40.6622135 29.760588,40.2468346 25.7795494,42.2728571 L25.7795494,42.2728571 L23.87194,43.2461822 C22.1435917,44.127148 20.1074555,44.0454455 18.4467529,43.0223885 C14.5347102,40.6212693 9.66150592,40.7729381 5.89170655,43.4131394 L5.89170655,43.4131394 L3.622,45 L1.77183234,45 C1.18599631,45 0.704601466,44.5521422 0.643019202,43.9757326 L0.636363636,43.850365 L0.636363636,37.7880038 C0.636363636,35.8029197 2.22319878,34.1962869 4.18382176,34.1962869 L4.18382176,34.1962869 L13.1758876,34.1962869 C15.5667192,34.1962869 17.5555526,32.3397334 17.7530254,29.9262139 C18.2537601,23.3997144 11.3069484,20.2792764 11.3069484,12.2746747 C11.3069484,5.48397334 16.4130313,0 24.6363636,0 Z" id="形状结合" fill="url(#linearGradient-1)" opacity="0.604724702"></path>
+                        <path d="M34.5531998,50.0712439 C32.7604072,49.341893 30.416117,49.2304739 28.4380264,49.7806028 L26.5270347,50.3095697 C22.9697248,51.2967816 18.7874267,51.2030381 15.3756371,50.0596183 C13.4728092,49.4217342 11.1014833,49.4616004 9.26722822,50.1623115 L5.37083456,51.652332 C4.46576207,51.9981062 3.30743287,52.0410046 2.33217837,51.7648677 C1.35692387,51.4887308 0.712908422,50.9355104 0.642726409,50.3135993 C0.572544396,49.6916882 1.08685814,49.0955695 1.99193063,48.7497953 L5.89170655,47.2617124 C9.66150592,45.8216026 14.5347102,45.7388741 18.4467529,47.0485756 C20.1074555,47.6066066 22.1435917,47.6511716 23.87194,47.1706448 L25.7795494,46.6397403 C29.760588,45.534637 34.4767734,45.7612073 38.0809243,47.2307107 C39.8345978,47.9454545 42.1209133,48.0695689 44.0777178,47.5562288 L44.3719766,47.4787245 C45.893182,47.0976384 47.6668655,47.4851558 48.3587634,48.3497644 C49.0506613,49.2143731 48.405538,50.2371259 46.9086913,50.6486511 L46.6144323,50.7261554 C42.6786974,51.7585997 38.0802429,51.5089087 34.5531998,50.0712439 L34.5531998,50.0712439 Z" id="形状备份-2" fill="url(#linearGradient-2)"></path>
+                        <path d="M34.5531998,57.562153 C32.7604072,56.8328021 30.416117,56.721383 28.4380264,57.2715119 L26.5270347,57.8004788 C22.9697248,58.7876907 18.7874267,58.6939472 15.3756371,57.5505274 C13.4728092,56.9126433 11.1014833,56.9525095 9.26722822,57.6532206 L5.37083456,59.1432411 C4.46576207,59.4890153 3.30743287,59.5319137 2.33217837,59.2557768 C1.35692387,58.9796399 0.712908422,58.4264195 0.642726409,57.8045084 C0.572544396,57.1825973 1.08685814,56.5864786 1.99193063,56.2407044 L5.89170655,54.7526215 C9.66150592,53.3125117 14.5347102,53.2297832 18.4467529,54.5394847 C20.1074555,55.0975157 22.1435917,55.1420807 23.87194,54.6615539 L25.7795494,54.1306493 C29.760588,53.0255461 34.4767734,53.2521164 38.0809243,54.7216198 C39.8345978,55.4363636 42.1209133,55.560478 44.0777178,55.0471379 L44.3719766,54.9696336 C45.893182,54.5885475 47.6668655,54.9760649 48.3587634,55.8406735 C49.0506613,56.7052822 48.405538,57.728035 46.9086913,58.1395602 L46.6144323,58.2170645 C42.6786974,59.2495087 38.0802429,58.9998178 34.5531998,57.562153 L34.5531998,57.562153 Z" id="形状备份-3" fill="url(#linearGradient-2)"></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/wizard.svg

@@ -2,81 +2,41 @@
 <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>流程图 wizard</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="57.7617596%" x2="128.792906%" y2="30.231504%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="57.7617596%" x2="128.792906%" y2="30.231504%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="50.9918624%" x2="128.792906%" y2="47.4738166%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="50.9918624%" x2="128.792906%" y2="47.4738166%" id="linearGradient-2">
             <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="-TinyUI-Vue-组件总览" transform="translate(-696.000000, -1159.000000)">
-            <g id="编组-25备份-13" transform="translate(598.000000, 1126.000000)">
-                <g id="流程图-wizard" 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 id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-696.000000, -1210.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-25备份-13" transform="translate(2.000000, 866.000000)">
+                    <g id="流程图-wizard" transform="translate(98.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="编组-6" transform="translate(20.000000, 37.000000)">
+                            <path d="M16,25 L69,25 C71.209139,25 73,26.790861 73,29 L73,49 C73,51.209139 71.209139,53 69,53 L16,53 C13.790861,53 12,51.209139 12,49 L12,29 C12,26.790861 13.790861,25 16,25 Z" id="矩形备份-8" fill="url(#linearGradient-1)" opacity="0.204287574"></path>
+                            <path d="M8,16 L60,16 L60,16 L60,40 C60,42.209139 58.209139,44 56,44 L8,44 C5.790861,44 4,42.209139 4,40 L4,20 C4,17.790861 5.790861,16 8,16 Z" id="矩形备份-7" fill="#AABDF0"></path>
+                            <path d="M16,27 L49,27 C50.1045695,27 51,27.8954305 51,29 C51,30.1045695 50.1045695,31 49,31 L16,31 C14.8954305,31 14,30.1045695 14,29 C14,27.8954305 14.8954305,27 16,27 Z" id="形状结合备份" fill="#5073E5"></path>
+                            <path d="M12,12 L39,12 C40.1045695,12 41,12.8954305 41,14 C41,15.1045695 40.1045695,16 39,16 L12,16 C10.8954305,16 10,15.1045695 10,14 C10,12.8954305 10.8954305,12 12,12 Z" id="形状结合备份-4" fill="#5073E5"></path>
+                            <path d="M47,12 L66,12 C67.1045695,12 68,12.8954305 68,14 C68,15.1045695 67.1045695,16 66,16 L47,16 C45.8954305,16 45,15.1045695 45,14 C45,12.8954305 45.8954305,12 47,12 Z" id="形状结合备份-5" fill="#5073E5"></path>
+                            <path d="M16,34 L36,34 C37.1045695,34 38,34.8954305 38,36 C38,37.1045695 37.1045695,38 36,38 L16,38 C14.8954305,38 14,37.1045695 14,36 C14,34.8954305 14.8954305,34 16,34 Z" id="形状结合备份-35" fill="url(#linearGradient-2)" opacity="0.604724702"></path>
+                            <circle id="椭圆形" stroke="#5073E5" stroke-width="5" fill="#5073E5" cx="9.5" cy="13.5" r="9.5"></circle>
+                            <text id="1" font-family="PingFangSC-Semibold, PingFang SC" font-size="20" font-weight="500" letter-spacing="0.952380952" fill="#FFFFFF">
+                                <tspan x="4.42380952" y="21">1</tspan>
+                            </text>
+                            <circle id="椭圆形备份" stroke="#5073E5" stroke-width="5.45454545" fill="#5073E5" cx="41" cy="14" r="6"></circle>
+                            <text id="2" font-family="PingFangSC-Semibold, PingFang SC" font-size="14" font-weight="500" letter-spacing="0.666666667" fill="#FFFFFF">
+                                <tspan x="36.4666667" y="19">2</tspan>
+                            </text>
+                            <circle id="椭圆形备份-2" stroke="#5073E5" stroke-width="5.45454545" fill="#5073E5" cx="72" cy="14" r="6"></circle>
+                            <text id="3" font-family="PingFangSC-Semibold, PingFang SC" font-size="14" font-weight="500" letter-spacing="0.666666667" fill="#FFFFFF">
+                                <tspan x="67.4666667" y="19">3</tspan>
+                            </text>
                         </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="编组-6" transform="translate(20.000000, 37.000000)">
-                        <path d="M16,25 L69,25 C71.209139,25 73,26.790861 73,29 L73,49 C73,51.209139 71.209139,53 69,53 L16,53 C13.790861,53 12,51.209139 12,49 L12,29 C12,26.790861 13.790861,25 16,25 Z" id="矩形备份-8" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
-                        <path d="M8,16 L60,16 L60,16 L60,40 C60,42.209139 58.209139,44 56,44 L8,44 C5.790861,44 4,42.209139 4,40 L4,20 C4,17.790861 5.790861,16 8,16 Z" id="矩形备份-7" fill="#AABDF0"></path>
-                        <path d="M16,27 L49,27 C50.1045695,27 51,27.8954305 51,29 C51,30.1045695 50.1045695,31 49,31 L16,31 C14.8954305,31 14,30.1045695 14,29 C14,27.8954305 14.8954305,27 16,27 Z" id="形状结合备份" fill="#5073E5"></path>
-                        <path d="M12,12 L39,12 C40.1045695,12 41,12.8954305 41,14 C41,15.1045695 40.1045695,16 39,16 L12,16 C10.8954305,16 10,15.1045695 10,14 C10,12.8954305 10.8954305,12 12,12 Z" id="形状结合备份-4" fill="#5073E5"></path>
-                        <path d="M47,12 L66,12 C67.1045695,12 68,12.8954305 68,14 C68,15.1045695 67.1045695,16 66,16 L47,16 C45.8954305,16 45,15.1045695 45,14 C45,12.8954305 45.8954305,12 47,12 Z" id="形状结合备份-5" fill="#5073E5"></path>
-                        <path d="M16,34 L36,34 C37.1045695,34 38,34.8954305 38,36 C38,37.1045695 37.1045695,38 36,38 L16,38 C14.8954305,38 14,37.1045695 14,36 C14,34.8954305 14.8954305,34 16,34 Z" id="形状结合备份-35" fill="url(#linearGradient-10)" opacity="0.604724702"></path>
-                        <circle id="椭圆形" stroke="#5073E5" stroke-width="5" fill="#5073E5" cx="9.5" cy="13.5" r="9.5"></circle>
-                        <text id="1" font-family="PingFangSC-Semibold, PingFang SC" font-size="20" font-weight="500" letter-spacing="0.952380952" fill="#FFFFFF">
-                            <tspan x="4.42380952" y="21">1</tspan>
-                        </text>
-                        <circle id="椭圆形备份" stroke="#5073E5" stroke-width="5.45454545" fill="#5073E5" cx="41" cy="14" r="6"></circle>
-                        <text id="2" font-family="PingFangSC-Semibold, PingFang SC" font-size="14" font-weight="500" letter-spacing="0.666666667" fill="#FFFFFF">
-                            <tspan x="36.4666667" y="19">2</tspan>
-                        </text>
-                        <circle id="椭圆形备份-2" stroke="#5073E5" stroke-width="5.45454545" fill="#5073E5" cx="72" cy="14" r="6"></circle>
-                        <text id="3" font-family="PingFangSC-Semibold, PingFang SC" font-size="14" font-weight="500" letter-spacing="0.666666667" fill="#FFFFFF">
-                            <tspan x="67.4666667" y="19">3</tspan>
-                        </text>
                     </g>
                 </g>
             </g>