@opentiny/vue-docs 3.16.2 → 3.17.1

package/demos/pc/overviewimage/amount.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>Amount 金额</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="54.2092971%" x2="128.792906%" y2="39.279303%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="54.2092971%" x2="128.792906%" y2="39.279303%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="62.7226918%" y1="1.13686838e-11%" x2="38.9532509%" y2="100%" id="linearGradient-10">
+        <linearGradient x1="62.7226918%" y1="1.13686838e-11%" x2="38.9532509%" y2="100%" id="linearGradient-2">
             <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-组件总览2" transform="translate(-1092.000000, -334.000000)">
             <g id="编组-17备份" transform="translate(994.000000, 301.000000)">
                 <g id="Amount-金额" 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>
-                    <path d="M30,49.22 L97,49.22 L97,49.22 L97,73.22 L30,73.22 C27.790861,73.22 26,71.429139 26,69.22 L26,53.22 C26,51.010861 27.790861,49.22 30,49.22 Z" id="矩形" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
+                    <g id="编组"></g>
+                    <path d="M30,49.22 L97,49.22 L97,49.22 L97,73.22 L30,73.22 C27.790861,73.22 26,71.429139 26,69.22 L26,53.22 C26,51.010861 27.790861,49.22 30,49.22 Z" id="矩形" fill="url(#linearGradient-1)" opacity="0.204287574"></path>
                     <path d="M91,73.22 L30.6428571,73.22 C28.0786779,73.22 26,71.429139 26,69.22 L26,53.22 C26,51.010861 28.0786779,49.22 30.6428571,49.22 L91,49.22 L91,49.22" id="路径" stroke="#5073E5" stroke-width="4"></path>
                     <path d="M91,49.22 L94.8051747,49.22 C97.0143137,49.22 98.8051747,51.010861 98.8051747,53.22 L98.8051747,69.22 C98.8051747,71.429139 97.0143137,73.22 94.8051747,73.22 L91,73.22 L91,73.22" id="路径" stroke="#5073E5" stroke-width="4"></path>
-                    <path d="M81.6408207,43.0135369 L81.6408207,46.4308307 C84.0761107,46.8193269 85.6320867,47.7261089 86.9062583,48.4325936 L86.9062583,48.4325936 L84.8328162,56.8939215 C83.9933778,56.0786623 83.1724754,55.6614567 82.6531468,55.3911172 C81.9337627,55.0166377 80.6516155,54.3297905 78.6913205,54.3297905 C78.3405066,54.3297905 78.0519329,54.3426735 77.8444865,54.4300356 C78.4892812,54.8172658 79.3718574,55.2058036 80.6066331,55.6882807 C83.0192885,56.6125627 84.6646427,57.7245706 85.7460212,59.0515197 C86.9366733,60.5125575 87.5108815,62.2567609 87.5108815,64.462397 C87.5108815,66.6551291 86.7685359,68.6740476 85.3734055,70.2455102 C84.406162,71.3350048 83.1161862,72.219785 81.5059605,72.7713911 L81.5059605,72.7713911 L81.5059605,77.0135369 L74.1461905,77.0135369 L74.1461905,73.3081192 C71.2557334,72.8138454 68.7857094,71.6081781 68.155762,70.6459133 L68.155762,70.6459133 L70.1752476,62.1089037 C70.8853943,62.8853349 71.6862959,63.4862805 72.415135,63.9182409 C73.5827348,64.6102412 75.2195584,65.256261 77.0276662,65.256261 C77.5373857,65.256261 77.9910642,65.2059437 78.2956127,64.9951109 C77.7101239,64.3236831 76.9887431,64.0132161 76.0040186,63.6574208 C73.7101267,62.8212237 71.8426097,61.7678415 70.5738014,60.3699314 C69.3193977,58.9878915 68.5821884,57.2751075 68.5821884,55.0502026 C68.5821884,52.8805002 69.3051152,50.9670035 70.613168,49.4739967 C71.5449171,48.4105015 72.7856057,47.5515342 74.3150629,46.994659 L74.3150629,46.994659 L74.3150628,43.0135369 L81.6408207,43.0135369 Z" id="路径" stroke="#FAFCFE" stroke-width="4" fill="url(#linearGradient-10)"></path>
+                    <path d="M81.6408207,43.0135369 L81.6408207,46.4308307 C84.0761107,46.8193269 85.6320867,47.7261089 86.9062583,48.4325936 L86.9062583,48.4325936 L84.8328162,56.8939215 C83.9933778,56.0786623 83.1724754,55.6614567 82.6531468,55.3911172 C81.9337627,55.0166377 80.6516155,54.3297905 78.6913205,54.3297905 C78.3405066,54.3297905 78.0519329,54.3426735 77.8444865,54.4300356 C78.4892812,54.8172658 79.3718574,55.2058036 80.6066331,55.6882807 C83.0192885,56.6125627 84.6646427,57.7245706 85.7460212,59.0515197 C86.9366733,60.5125575 87.5108815,62.2567609 87.5108815,64.462397 C87.5108815,66.6551291 86.7685359,68.6740476 85.3734055,70.2455102 C84.406162,71.3350048 83.1161862,72.219785 81.5059605,72.7713911 L81.5059605,72.7713911 L81.5059605,77.0135369 L74.1461905,77.0135369 L74.1461905,73.3081192 C71.2557334,72.8138454 68.7857094,71.6081781 68.155762,70.6459133 L68.155762,70.6459133 L70.1752476,62.1089037 C70.8853943,62.8853349 71.6862959,63.4862805 72.415135,63.9182409 C73.5827348,64.6102412 75.2195584,65.256261 77.0276662,65.256261 C77.5373857,65.256261 77.9910642,65.2059437 78.2956127,64.9951109 C77.7101239,64.3236831 76.9887431,64.0132161 76.0040186,63.6574208 C73.7101267,62.8212237 71.8426097,61.7678415 70.5738014,60.3699314 C69.3193977,58.9878915 68.5821884,57.2751075 68.5821884,55.0502026 C68.5821884,52.8805002 69.3051152,50.9670035 70.613168,49.4739967 C71.5449171,48.4105015 72.7856057,47.5515342 74.3150629,46.994659 L74.3150629,46.994659 L74.3150628,43.0135369 L81.6408207,43.0135369 Z" id="路径" stroke="#FAFCFE" stroke-width="4" fill="url(#linearGradient-2)"></path>
                 </g>
             </g>
         </g>

package/demos/pc/overviewimage/anchor.svg

@@ -2,78 +2,36 @@
 <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>Anchor 锚点</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.4160185%" y1="86.8386573%" x2="111.205406%" y2="-43.8247114%" id="linearGradient-9">
+        <linearGradient x1="45.4160185%" y1="86.8386573%" x2="111.205406%" y2="-43.8247114%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="45.4160185%" y1="86.8386573%" x2="111.205406%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="45.4160185%" y1="86.8386573%" x2="111.205406%" y2="-43.8247114%" id="linearGradient-2">
             <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-11">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
-        <rect id="path-12" x="20" y="30" width="22" height="7" rx="3.5"></rect>
-        <filter x="-15.9%" y="-35.7%" width="131.8%" height="200.0%" filterUnits="objectBoundingBox" id="filter-13">
+        <rect id="path-4" x="20" y="30" width="22" height="7" rx="3.5"></rect>
+        <filter x="-15.9%" y="-35.7%" width="131.8%" height="200.0%" filterUnits="objectBoundingBox" id="filter-5">
             <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.661752894   0 0 0 0 0.324547702   0 0 0 0 0.00489962574  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="-TinyUI-ICON-1-【9-2】" transform="translate(-1089.000000, -3451.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-1" transform="translate(-1089.000000, -3451.000000)">
             <g id="Anchor-锚点" transform="translate(1089.000000, 3451.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="编组-19" transform="translate(32.000000, 28.000000)">
-                    <g id="anchor" transform="translate(5.000000, 5.000000)" fill="url(#linearGradient-9)" stroke="url(#linearGradient-10)">
+                    <g id="anchor" transform="translate(5.000000, 5.000000)" fill="url(#linearGradient-1)" stroke="url(#linearGradient-2)">
                         <path d="M11.7,28.2173913 C11.7,29.6282609 10.53,30.7826087 9.10000003,30.7826087 L5.33000002,30.7826087 C6.11000002,41.6847826 11.57,43.8652174 17.42,46.3021739 C19.37,47.0717391 21.58,47.9695652 23.4,49.2521739 L23.4,30.7826087 L18.2,30.7826087 C16.77,30.7826087 15.6,29.6282608 15.6,28.2173913 C15.6,26.8065218 16.77,25.6521739 18.2,25.6521739 L23.4,25.6521739 L23.4,20.1369565 C18.98,18.9826087 15.6,15.0065218 15.6,10.2608696 C15.6,4.6173913 20.28,0 26,0 C31.72,0 36.4,4.6173913 36.4,10.2608696 C36.4,15.0065217 33.02,18.9826087 28.6,20.1369565 L28.6,25.6521739 L33.8,25.6521739 C35.23,25.6521739 36.4,26.8065217 36.4,28.2173913 C36.4,29.6282609 35.23,30.7826087 33.8,30.7826087 L28.6,30.7826087 L28.6,49.2521739 C30.55,47.9695652 32.63,47.2 34.58,46.3021739 C40.43,43.9934783 45.89,41.6847826 46.67,30.7826087 L42.9,30.7826087 C41.4699999,30.7826087 40.2999999,29.6282608 40.3,28.2173913 C40.3000001,26.8065218 41.47,25.6521739 42.9,25.6521739 L49.4,25.6521739 C50.83,25.6521739 52,26.8065217 52,28.2173913 C52,44.7630435 43.42,48.226087 36.53,51.0478261 C32.24,52.8434783 29.51,53.9978261 28.47,57.2043478 L28.47,57.3326087 C28.34,57.5891304 28.34,57.7173913 28.21,57.973913 C28.08,58.1021739 27.95,58.3586956 27.69,58.4869565 C27.69,58.4869565 27.56,58.4869565 27.56,58.6152174 C27.43,58.7434782 27.17,58.8717392 26.91,58.8717391 C26.52,59 26.39,59 26.13,59 L25.74,59 C25.61,59 25.48,59 25.48,58.8717391 L25.35,58.8717391 C25.09,58.7434782 24.96,58.7434782 24.7,58.6152174 C24.7,58.6152174 24.57,58.6152174 24.57,58.4869565 C24.44,58.3586956 24.18,58.2304347 24.05,57.973913 C24.05,57.973913 24.05,57.8456522 23.92,57.8456522 C23.79,57.5891304 23.66,57.4608696 23.53,57.2043478 C22.49,53.9978261 19.76,52.7152174 15.47,51.0478261 C8.57999999,48.226087 0,44.7630435 0,28.2173913 C0,26.8065217 1.17,25.6521739 2.60000002,25.6521739 L9.10000003,25.6521739 C10.5300001,25.6521739 11.7000001,26.8065217 11.7,28.2173913 Z M20.8,10.2608696 C20.8,13.0826087 23.14,15.3913043 26,15.3913043 C28.86,15.3913043 31.2,13.0826087 31.2,10.2608696 C31.2,7.43913047 28.86,5.13043482 26,5.13043482 C23.14,5.13043482 20.8,7.43913047 20.8,10.2608696 Z" id="形状"></path>
                     </g>
                     <g id="矩形">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
-                        <use fill="url(#linearGradient-11)" 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="url(#linearGradient-3)" fill-rule="evenodd" xlink:href="#path-4"></use>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/area.svg

@@ -2,69 +2,27 @@
 <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>Area 片区</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="60.7384399%" x2="128.792906%" y2="22.6501696%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="60.7384399%" x2="128.792906%" y2="22.6501696%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="47.1730292%" y1="86.8386573%" x2="87.7457667%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="47.1730292%" y1="86.8386573%" x2="87.7457667%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="47.1730292%" y1="86.8386573%" x2="87.7457667%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="47.1730292%" y1="86.8386573%" x2="87.7457667%" y2="-43.8247114%" id="linearGradient-3">
             <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, -334.000000)">
             <g id="编组-25备份-2" transform="translate(1380.000000, 301.000000)">
                 <g id="Area-片区" 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="区域icon" transform="translate(33.000000, 33.000000)">
-                        <path d="M37.6485008,40.8770818 L4.35036772,39.0746909 L8.23401848,25.3507714 C8.39605208,24.6746289 8.98349864,24.1904077 9.67094098,24.1663431 L26.8319819,23.6055993 C27.6126721,25.971595 29.6124835,30.028405 30.9504054,32.2399101 C31.8102961,33.6703791 34.0505374,36.5542046 37.6485008,40.8742209 L37.6485008,40.8770818 Z M26.8319819,56 L1.69715256,55.8512312 C1.17669244,55.8512312 0.647746559,55.722489 0.3875165,55.1960764 C0,54.938592 0,54.4064575 0,53.880045 L3.39430511,41.9098805 L35.7533472,44.0870543 L26.8319819,56 Z M57.8955308,46.0067436 L47.8823308,45.068356 C50.0066,42.4305712 52.0856119,39.761316 54.1193664,37.0491468 C54.2466528,36.5284561 54.6398265,36.2652498 54.9000566,35.7388372 L57.8955308,46.0096046 L57.8955308,46.0067436 Z M59.8670564,53.6168387 C59.8670564,53.7427199 60,54.0059262 60,54.1403903 C59.9847807,55.0810335 59.2328998,55.8389786 58.3028474,55.8512312 L29.4059966,55.8512312 L38.5225344,44.6477981 L58.4357911,48.3612956 L59.8670564,53.6139777 L59.8670564,53.6168387 Z" id="形状" fill="url(#linearGradient-9)" opacity="0.303770519"></path>
-                        <path d="M44.0863662,0 C52.3967566,0 59.2221384,7.00643711 59.1005091,15.5062838 C59.1005091,22.003474 55.0047143,29.384694 51.5283802,34.3827526 C49.4193938,37.3894588 47.1404717,40.2704525 44.7029983,43.0113416 C44.581369,43.2545213 44.2136526,43.3832635 44.0891948,43.3832635 C43.8402791,43.3832635 43.594192,43.1372228 43.4669055,43.0113416 C42.222327,41.5064882 39.3739393,38.2621845 36.6415237,34.3827526 C33.1651895,29.384694 29.0750519,22.0006131 29.0750519,15.5062838 C29.0750519,7.00643711 35.651518,0 44.0863662,0 Z M44.5588235,10.6666667 C41.8786181,10.6666667 39.7058824,12.8554968 39.7058824,15.5555556 C39.7058824,18.2556143 41.8786181,20.4444444 44.5588235,20.4444444 C47.2390289,20.4444444 49.4117647,18.2556143 49.4117647,15.5555556 C49.4117647,12.8554968 47.2390289,10.6666667 44.5588235,10.6666667 Z" id="形状结合" stroke="url(#linearGradient-11)" stroke-width="0.882352941" fill="url(#linearGradient-10)"></path>
+                        <path d="M37.6485008,40.8770818 L4.35036772,39.0746909 L8.23401848,25.3507714 C8.39605208,24.6746289 8.98349864,24.1904077 9.67094098,24.1663431 L26.8319819,23.6055993 C27.6126721,25.971595 29.6124835,30.028405 30.9504054,32.2399101 C31.8102961,33.6703791 34.0505374,36.5542046 37.6485008,40.8742209 L37.6485008,40.8770818 Z M26.8319819,56 L1.69715256,55.8512312 C1.17669244,55.8512312 0.647746559,55.722489 0.3875165,55.1960764 C0,54.938592 0,54.4064575 0,53.880045 L3.39430511,41.9098805 L35.7533472,44.0870543 L26.8319819,56 Z M57.8955308,46.0067436 L47.8823308,45.068356 C50.0066,42.4305712 52.0856119,39.761316 54.1193664,37.0491468 C54.2466528,36.5284561 54.6398265,36.2652498 54.9000566,35.7388372 L57.8955308,46.0096046 L57.8955308,46.0067436 Z M59.8670564,53.6168387 C59.8670564,53.7427199 60,54.0059262 60,54.1403903 C59.9847807,55.0810335 59.2328998,55.8389786 58.3028474,55.8512312 L29.4059966,55.8512312 L38.5225344,44.6477981 L58.4357911,48.3612956 L59.8670564,53.6139777 L59.8670564,53.6168387 Z" id="形状" fill="url(#linearGradient-1)" opacity="0.303770519"></path>
+                        <path d="M44.0863662,0 C52.3967566,0 59.2221384,7.00643711 59.1005091,15.5062838 C59.1005091,22.003474 55.0047143,29.384694 51.5283802,34.3827526 C49.4193938,37.3894588 47.1404717,40.2704525 44.7029983,43.0113416 C44.581369,43.2545213 44.2136526,43.3832635 44.0891948,43.3832635 C43.8402791,43.3832635 43.594192,43.1372228 43.4669055,43.0113416 C42.222327,41.5064882 39.3739393,38.2621845 36.6415237,34.3827526 C33.1651895,29.384694 29.0750519,22.0006131 29.0750519,15.5062838 C29.0750519,7.00643711 35.651518,0 44.0863662,0 Z M44.5588235,10.6666667 C41.8786181,10.6666667 39.7058824,12.8554968 39.7058824,15.5555556 C39.7058824,18.2556143 41.8786181,20.4444444 44.5588235,20.4444444 C47.2390289,20.4444444 49.4117647,18.2556143 49.4117647,15.5555556 C49.4117647,12.8554968 47.2390289,10.6666667 44.5588235,10.6666667 Z" id="形状结合" stroke="url(#linearGradient-3)" stroke-width="0.882352941" fill="url(#linearGradient-2)"></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/autocomplete.svg

@@ -2,104 +2,62 @@
 <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>Autocomplete 自动补全</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.0988019%" y1="58.7051225%" x2="128.792906%" y2="27.8288442%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="58.7051225%" x2="128.792906%" y2="27.8288442%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="50.1533347%" x2="128.792906%" y2="49.6094705%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="50.1533347%" x2="128.792906%" y2="49.6094705%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="100%" y1="47.3372781%" x2="6.58643108%" y2="52.6627219%" id="linearGradient-12">
+        <linearGradient x1="100%" y1="47.3372781%" x2="6.58643108%" y2="52.6627219%" id="linearGradient-4">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
-        <path d="M49.5,44 L59.5,44 C60.3284271,44 61,44.6715729 61,45.5 C61,46.3284271 60.3284271,47 59.5,47 L49.5,47 C48.6715729,47 48,46.3284271 48,45.5 C48,44.6715729 48.6715729,44 49.5,44 Z" id="path-13"></path>
-        <filter x="-26.9%" y="-83.3%" width="153.8%" height="333.3%" filterUnits="objectBoundingBox" id="filter-14">
+        <path d="M49.5,44 L59.5,44 C60.3284271,44 61,44.6715729 61,45.5 C61,46.3284271 60.3284271,47 59.5,47 L49.5,47 C48.6715729,47 48,46.3284271 48,45.5 C48,44.6715729 48.6715729,44 49.5,44 Z" id="path-5"></path>
+        <filter x="-26.9%" y="-83.3%" width="153.8%" height="333.3%" filterUnits="objectBoundingBox" id="filter-6">
             <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.661752894   0 0 0 0 0.324547702   0 0 0 0 0.00489962574  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <path d="M1,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,14 C25,14.5522847 24.5522847,15 24,15 L1,15 C0.44771525,15 6.76353751e-17,14.5522847 0,14 L0,11 C-6.76353751e-17,10.4477153 0.44771525,10 1,10 Z" id="path-15"></path>
-        <filter x="-16.0%" y="-40.0%" width="132.0%" height="260.0%" filterUnits="objectBoundingBox" id="filter-16">
+        <path d="M1,10 L24,10 C24.5522847,10 25,10.4477153 25,11 L25,14 C25,14.5522847 24.5522847,15 24,15 L1,15 C0.44771525,15 6.76353751e-17,14.5522847 0,14 L0,11 C-6.76353751e-17,10.4477153 0.44771525,10 1,10 Z" id="path-7"></path>
+        <filter x="-16.0%" y="-40.0%" width="132.0%" height="260.0%" filterUnits="objectBoundingBox" id="filter-8">
             <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="M1,0 L24,0 C24.5522847,-1.01453063e-16 25,0.44771525 25,1 L25,4 C25,4.55228475 24.5522847,5 24,5 L1,5 C0.44771525,5 6.76353751e-17,4.55228475 0,4 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z" id="path-17"></path>
-        <filter x="-16.0%" y="-40.0%" width="132.0%" height="260.0%" filterUnits="objectBoundingBox" id="filter-18">
+        <path d="M1,0 L24,0 C24.5522847,-1.01453063e-16 25,0.44771525 25,1 L25,4 C25,4.55228475 24.5522847,5 24,5 L1,5 C0.44771525,5 6.76353751e-17,4.55228475 0,4 L0,1 C-6.76353751e-17,0.44771525 0.44771525,1.01453063e-16 1,0 Z" id="path-9"></path>
+        <filter x="-16.0%" y="-40.0%" width="132.0%" height="260.0%" filterUnits="objectBoundingBox" id="filter-10">
             <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>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="-TinyUI-ICON-1-【9-2】" transform="translate(-1481.000000, -1350.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-1" transform="translate(-1481.000000, -1350.000000)">
             <g id="Autocomplete-自动补全" transform="translate(1481.000000, 1350.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="26" y="37" width="72" height="18" rx="4"></rect>
-                <rect id="矩形备份-6" fill="url(#linearGradient-10)" opacity="0.303770519" x="26" y="59" width="72" height="35" rx="4"></rect>
+                <g id="编组"></g>
+                <rect id="矩形" fill="url(#linearGradient-1)" opacity="0.303770519" x="26" y="37" width="72" height="18" rx="4"></rect>
+                <rect id="矩形备份-6" fill="url(#linearGradient-2)" opacity="0.303770519" x="26" y="59" width="72" height="35" rx="4"></rect>
                 <path d="M33,66 L60,66 C61.1045695,66 62,66.8954305 62,68 C62,69.1045695 61.1045695,70 60,70 L33,70 C31.8954305,70 31,69.1045695 31,68 C31,66.8954305 31.8954305,66 33,66 Z" id="形状结合备份" fill="#5073E5"></path>
                 <path d="M33,75 L47,75 C48.1045695,75 49,75.8954305 49,77 C49,78.1045695 48.1045695,79 47,79 L33,79 C31.8954305,79 31,78.1045695 31,77 C31,75.8954305 31.8954305,75 33,75 Z" id="形状结合备份-17" fill="#5073E5"></path>
-                <path d="M33,84 L91,84 C92.1045695,84 93,84.8954305 93,86 C93,87.1045695 92.1045695,88 91,88 L33,88 C31.8954305,88 31,87.1045695 31,86 C31,84.8954305 31.8954305,84 33,84 Z" id="形状结合备份-18" fill="url(#linearGradient-11)" opacity="0.303770519"></path>
+                <path d="M33,84 L91,84 C92.1045695,84 93,84.8954305 93,86 C93,87.1045695 92.1045695,88 91,88 L33,88 C31.8954305,88 31,87.1045695 31,86 C31,84.8954305 31.8954305,84 33,84 Z" id="形状结合备份-18" fill="url(#linearGradient-3)" opacity="0.303770519"></path>
                 <g id="形状结合备份-19" transform="translate(54.500000, 45.500000) rotate(-90.000000) translate(-54.500000, -45.500000) ">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
-                    <use fill="url(#linearGradient-12)" fill-rule="evenodd" xlink:href="#path-13"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
                 </g>
                 <g id="编组-12" transform="translate(26.000000, 27.000000)">
                     <g id="形状结合备份-16" transform="translate(12.500000, 12.500000) rotate(-90.000000) translate(-12.500000, -12.500000) ">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
-                        <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-15"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                        <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-7"></use>
                     </g>
                     <g id="形状结合备份-2">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-18)" xlink:href="#path-17"></use>
-                        <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-17"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                        <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-9"></use>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/badge.svg

@@ -2,82 +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>Badge 标记</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.5523497%" x2="128.792906%" y2="48.5932155%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.5523497%" x2="128.792906%" y2="48.5932155%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="51.3380666%" x2="128.792906%" y2="46.5920661%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="51.3380666%" x2="128.792906%" y2="46.5920661%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <circle id="path-11" cx="15.5" cy="15.5" r="15.5"></circle>
-        <filter x="-12.9%" y="-6.5%" width="125.8%" height="125.8%" filterUnits="objectBoundingBox" id="filter-12">
+        <circle id="path-3" cx="15.5" cy="15.5" r="15.5"></circle>
+        <filter x="-12.9%" y="-6.5%" width="125.8%" height="125.8%" filterUnits="objectBoundingBox" id="filter-4">
             <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>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="-TinyUI-Vue-组件总览" transform="translate(-1478.000000, -1983.000000)">
-            <g id="编组-14备份-8" transform="translate(1380.000000, 1950.000000)">
-                <g id="Badge-标记" 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="编组-22" transform="translate(26.000000, 33.000000)">
-                        <g id="编组-15" transform="translate(0.000000, 13.000000)">
-                            <path d="M4,0 L15.7174137,0 L15.7174137,0 L69,0 C71.209139,-4.05812251e-16 73,1.790861 73,4 L73,38 C73,40.209139 71.209139,42 69,42 L4,42 C1.790861,42 2.705415e-16,40.209139 0,38 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="矩形" fill="#C8D4F8"></path>
-                            <rect id="矩形备份-6" fill="url(#linearGradient-9)" opacity="0.204287574" x="11" y="26" width="49" height="6" rx="3"></rect>
-                            <rect id="矩形备份-21" fill="url(#linearGradient-10)" opacity="0.604724702" x="11" y="12" width="31.4821429" height="6" rx="3"></rect>
-                        </g>
-                        <g id="编组-16" transform="translate(48.000000, 0.000000)">
-                            <g id="椭圆形">
-                                <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
-                                <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-11"></use>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-1478.000000, -2034.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-14备份-8" transform="translate(784.000000, 1690.000000)">
+                    <g id="Badge-标记" transform="translate(98.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="编组-22" transform="translate(26.000000, 33.000000)">
+                            <g id="编组-15" transform="translate(0.000000, 13.000000)">
+                                <path d="M4,0 L15.7174137,0 L15.7174137,0 L69,0 C71.209139,-4.05812251e-16 73,1.790861 73,4 L73,38 C73,40.209139 71.209139,42 69,42 L4,42 C1.790861,42 2.705415e-16,40.209139 0,38 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 Z" id="矩形" fill="#C8D4F8"></path>
+                                <rect id="矩形备份-6" fill="url(#linearGradient-1)" opacity="0.204287574" x="11" y="26" width="49" height="6" rx="3"></rect>
+                                <rect id="矩形备份-21" fill="url(#linearGradient-2)" opacity="0.604724702" x="11" y="12" width="31.4821429" height="6" rx="3"></rect>
+                            </g>
+                            <g id="编组-16" transform="translate(48.000000, 0.000000)">
+                                <g id="椭圆形">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                                    <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-3"></use>
+                                </g>
+                                <text id="9" font-family="PingFangSC-Semibold, PingFang SC" font-size="22" font-weight="500" letter-spacing="1.04761905" fill="#FFFFFF">
+                                    <tspan x="8.87619048" y="23">9</tspan>
+                                </text>
                             </g>
-                            <text id="9" font-family="PingFangSC-Semibold, PingFang SC" font-size="22" font-weight="500" letter-spacing="1.04761905" fill="#FFFFFF">
-                                <tspan x="8.87619048" y="23">9</tspan>
-                            </text>
                         </g>
                     </g>
                 </g>