@opentiny/vue-docs 3.16.2 → 3.17.0

package/demos/pc/overviewimage/popconfirm.svg

@@ -2,113 +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>Popconfirm 气泡确认框</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="64.0535016%" x2="128.792906%" y2="14.2070089%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="61.2505872%" x2="128.792906%" y2="21.3457772%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="55.413236%" x2="128.792906%" y2="36.2129799%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="54.9099647%" x2="128.792906%" y2="37.4947664%" 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">
-            <stop stop-color="#FFCC00" offset="0%"></stop>
-            <stop stop-color="#FF9D00" offset="100%"></stop>
-        </linearGradient>
-        <circle id="path-12" cx="8" cy="8" r="8"></circle>
-        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-13">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feMorphology radius="4" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
-            <feOffset dx="0" dy="2" in="shadowInner" result="shadowInner"></feOffset>
-            <feComposite in="shadowOffsetOuter1" in2="shadowInner" operator="out" result="shadowOffsetOuter1"></feComposite>
-            <feGaussianBlur stdDeviation="2" 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>
-        <filter x="-46.9%" y="-34.4%" width="193.8%" height="193.8%" filterUnits="objectBoundingBox" id="filter-14">
-            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
-            <feOffset dx="0" dy="-4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
-            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0.841553619   0 0 0 0 0.341832308   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <polygon id="path-15" points="7.71298757 6.80228137 6.27540338 20.814413 10.9449685 18.9202277 13.4194729 25.8022814 15.8096817 24.7804537 13.2116343 17.9762941 17.8108161 16.4874666"></polygon>
-        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-16">
-            <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
-            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="62.9020556%" x2="128.792906%" y2="17.1396372%" id="linearGradient-17">
+        <linearGradient x1="44.0988019%" y1="80.0263334%" x2="128.792906%" y2="-26.4743417%" 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="-TinyUI-Vue-组件总览" transform="translate(-696.000000, -1709.000000)">
-            <g id="编组-14备份-2" transform="translate(598.000000, 1676.000000)">
-                <g id="Popconfirm-气泡确认框" 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="编组-13" transform="translate(25.000000, 34.000000)">
-                        <g id="编组-22" transform="translate(0.000000, 14.000000)" opacity="0.204287574">
-                            <path d="M4,0 L14.6408785,0 L14.6408785,0 L64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,38 C68,40.209139 66.209139,42 64,42 L4,42 C1.790861,42 2.705415e-16,40.209139 0,38 L0,4 C-7.1463071e-16,1.790861 1.790861,-3.82769592e-17 4,0 Z" id="矩形" fill="url(#linearGradient-9)"></path>
-                            <path d="M25.6875,30 L62.6875,30 C64.3443542,30 65.6875,31.3431458 65.6875,33 C65.6875,34.6568542 64.3443542,36 62.6875,36 L25.6875,36 C24.0306458,36 22.6875,34.6568542 22.6875,33 C22.6875,31.3431458 24.0306458,30 25.6875,30 Z M8.6875,13 L42.6875,13 C44.3443542,13 45.6875,14.3431458 45.6875,16 C45.6875,17.6568542 44.3443542,19 42.6875,19 L8.6875,19 C7.03064575,19 5.6875,17.6568542 5.6875,16 C5.6875,14.3431458 7.03064575,13 8.6875,13 Z" id="形状结合备份-41" fill="url(#linearGradient-10)"></path>
-                        </g>
-                        <g id="编组-23" transform="translate(45.687500, 40.000000)">
-                            <g id="椭圆形">
-                                <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
-                                <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-12"></use>
-                                <circle stroke="url(#linearGradient-11)" stroke-width="4" stroke-linejoin="square" cx="8" cy="8" r="6"></circle>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-1087.000000, -1760.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-14备份-5" transform="translate(393.000000, 1416.000000)">
+                    <g id="Popconfirm-气泡确认框" transform="translate(98.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="编组-13" transform="translate(25.000000, 30.296208)">
+                            <g id="编组-22" transform="translate(0.000000, 18.703792)" opacity="0.204287574">
+                                <path d="M4,0 L16.3633348,0 L16.3633348,0 L72,0 C74.209139,-4.05812251e-16 76,1.790861 76,4 L76,38 C76,40.209139 74.209139,42 72,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="url(#linearGradient-1)"></path>
+                                <path d="M23.625,30 L66,30 C67.6568542,30 69,31.3431458 69,33 C69,34.6568542 67.6568542,36 66,36 L23.625,36 C21.9681458,36 20.625,34.6568542 20.625,33 C20.625,31.3431458 21.9681458,30 23.625,30 Z M9,13 L48,13 C49.6568542,13 51,14.3431458 51,16 C51,17.6568542 49.6568542,19 48,19 L9,19 C7.34314575,19 6,17.6568542 6,16 C6,14.3431458 7.34314575,13 9,13 Z" id="形状结合备份-41" fill="url(#linearGradient-2)"></path>
                             </g>
-                            <g id="路径-2">
-                                <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
-                                <use fill="#000000" fill-rule="evenodd" xlink:href="#path-15"></use>
+                            <g id="编组-21" transform="translate(19.000000, 0.000000)">
+                                <path d="M48,0 C50.209139,-4.05812251e-16 52,1.790861 52,4 L52,39.7037922 C52,41.9129312 50.209139,43.7037922 48,43.7037922 L29.2,43.703 L25.6875,46.9464328 L22.174,43.703 L4,43.7037922 C1.790861,43.7037922 2.705415e-16,41.9129312 0,39.7037922 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L48,0 Z" id="形状结合" fill="url(#linearGradient-3)"></path>
+                                <g id="上传" transform="translate(12.000000, 7.703792)" fill="#FFFFFF" fill-rule="nonzero">
+                                    <path d="M26.8333333,25.6668958 L1.16666667,25.6668958 C0.522334459,25.6668958 0,26.189179 0,26.8334479 C0,27.4777168 0.522334459,28 1.16666667,28 L26.8333333,28 C27.4776655,28 28,27.4777168 28,26.8334479 C28,26.189179 27.4776655,25.6668958 26.8333333,25.6668958 Z M3.45333333,12.7648296 L9.33333333,12.7648296 L9.33333333,21.4673082 C9.33321555,22.1541083 9.88325031,22.714466 10.57,22.7271845 L17.57,22.7271845 C18.2014355,22.6446664 18.6720368,22.1040286 18.6666667,21.4673082 L18.6666667,12.7648296 L24.5233333,12.7648296 C24.9781824,12.7801062 25.3952017,12.5128947 25.5713453,12.0932997 C25.7474889,11.6737047 25.6461485,11.1889315 25.3166667,10.8750152 L14.7933333,0.329384182 C14.5831819,0.118522496 14.2977163,5.5259008e-16 14,5.5259008e-16 C13.7022837,5.5259008e-16 13.4168181,0.118522496 13.2066667,0.329384182 L2.66,10.8750152 C2.33051813,11.1889315 2.22917781,11.6737047 2.40532141,12.0932997 C2.58146501,12.5128947 2.99848423,12.7801062 3.45333333,12.7648296 Z" id="形状"></path>
+                                </g>
                             </g>
                         </g>
-                        <g id="编组-21" transform="translate(7.687500, 0.000000)">
-                            <path d="M64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,33 C68,35.209139 66.209139,37 64,37 L37.242,37 L34,40.2426407 L30.757,37 L4,37 C1.790861,37 2.705415e-16,35.209139 0,33 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L64,0 Z" id="形状结合" fill="url(#linearGradient-17)"></path>
-                            <path d="M12,6 L42,6 C43.1045695,6 44,6.8954305 44,8 C44,9.1045695 43.1045695,10 42,10 L12,10 C10.8954305,10 10,9.1045695 10,8 C10,6.8954305 10.8954305,6 12,6 Z" id="形状结合备份-44" fill="#FFFFFF" fill-rule="nonzero"></path>
-                            <path d="M26,19 L56,19 C57.1045695,19 58,19.8954305 58,21 L58,25 C58,26.1045695 57.1045695,27 56,27 L26,27 C24.8954305,27 24,26.1045695 24,25 L24,21 C24,19.8954305 24.8954305,19 26,19 Z" id="形状结合备份-6" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
-                            <path d="M11.4545455,19 L16.5454545,19 C17.3487778,19 18,19.6512222 18,20.4545455 L18,25.5454545 C18,26.3487778 17.3487778,27 16.5454545,27 L11.4545455,27 C10.6512222,27 10,26.3487778 10,25.5454545 L10,20.4545455 C10,19.6512222 10.6512222,19 11.4545455,19 Z" id="形状结合备份-28" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
-                        </g>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/popeditor.svg

@@ -2,52 +2,20 @@
 <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>PopEditor 弹出编辑</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="64.0535016%" x2="128.792906%" y2="14.2070089%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="64.0535016%" x2="128.792906%" y2="14.2070089%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="55.413236%" x2="128.792906%" y2="36.2129799%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="55.413236%" x2="128.792906%" y2="36.2129799%" 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>
-        <circle id="path-12" cx="8" cy="8" r="8"></circle>
-        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-13">
+        <circle id="path-4" cx="8" cy="8" r="8"></circle>
+        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-5">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feMorphology radius="4" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
             <feOffset dx="0" dy="2" in="shadowInner" result="shadowInner"></feOffset>
@@ -55,59 +23,51 @@
             <feGaussianBlur stdDeviation="2" 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>
-        <filter x="-46.9%" y="-34.4%" width="193.8%" height="193.8%" filterUnits="objectBoundingBox" id="filter-14">
+        <filter x="-46.9%" y="-34.4%" width="193.8%" height="193.8%" filterUnits="objectBoundingBox" id="filter-6">
             <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
             <feOffset dx="0" dy="-4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
             <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
             <feColorMatrix values="0 0 0 0 0.841553619   0 0 0 0 0.341832308   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
         </filter>
-        <polygon id="path-15" points="7.71298757 6.80228137 6.27540338 20.814413 10.9449685 18.9202277 13.4194729 25.8022814 15.8096817 24.7804537 13.2116343 17.9762941 17.8108161 16.4874666"></polygon>
-        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-16">
+        <polygon id="path-7" points="7.71298757 6.80228137 6.27540338 20.814413 10.9449685 18.9202277 13.4194729 25.8022814 15.8096817 24.7804537 13.2116343 17.9762941 17.8108161 16.4874666"></polygon>
+        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-8">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="44.0988019%" y1="62.9020556%" x2="128.792906%" y2="17.1396372%" id="linearGradient-17">
+        <linearGradient x1="44.0988019%" y1="62.9020556%" x2="128.792906%" y2="17.1396372%" id="linearGradient-9">
             <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, -1709.000000)">
-            <g id="编组-14备份-2" transform="translate(598.000000, 1676.000000)">
-                <g id="PopEditor-弹出编辑" 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="编组-13" transform="translate(25.000000, 34.000000)">
-                        <g id="编组-22" transform="translate(0.000000, 14.000000)" opacity="0.204287574">
-                            <path d="M4,0 L14.6408785,0 L14.6408785,0 L64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,38 C68,40.209139 66.209139,42 64,42 L4,42 C1.790861,42 2.705415e-16,40.209139 0,38 L0,4 C-7.1463071e-16,1.790861 1.790861,-3.82769592e-17 4,0 Z" id="矩形" fill="url(#linearGradient-9)"></path>
-                            <path d="M25.6875,30 L62.6875,30 C64.3443542,30 65.6875,31.3431458 65.6875,33 C65.6875,34.6568542 64.3443542,36 62.6875,36 L25.6875,36 C24.0306458,36 22.6875,34.6568542 22.6875,33 C22.6875,31.3431458 24.0306458,30 25.6875,30 Z M8.6875,13 L42.6875,13 C44.3443542,13 45.6875,14.3431458 45.6875,16 C45.6875,17.6568542 44.3443542,19 42.6875,19 L8.6875,19 C7.03064575,19 5.6875,17.6568542 5.6875,16 C5.6875,14.3431458 7.03064575,13 8.6875,13 Z" id="形状结合备份-41" fill="url(#linearGradient-10)"></path>
-                        </g>
-                        <g id="编组-23" transform="translate(45.687500, 40.000000)">
-                            <g id="椭圆形">
-                                <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
-                                <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-12"></use>
-                                <circle stroke="url(#linearGradient-11)" stroke-width="4" stroke-linejoin="square" cx="8" cy="8" r="6"></circle>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-696.000000, -1760.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-14备份-2" transform="translate(2.000000, 1416.000000)">
+                    <g id="PopEditor-弹出编辑" transform="translate(98.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="编组-13" transform="translate(25.000000, 34.000000)">
+                            <g id="编组-22" transform="translate(0.000000, 14.000000)" opacity="0.204287574">
+                                <path d="M4,0 L14.6408785,0 L14.6408785,0 L64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,38 C68,40.209139 66.209139,42 64,42 L4,42 C1.790861,42 2.705415e-16,40.209139 0,38 L0,4 C-7.1463071e-16,1.790861 1.790861,-3.82769592e-17 4,0 Z" id="矩形" fill="url(#linearGradient-1)"></path>
+                                <path d="M25.6875,30 L62.6875,30 C64.3443542,30 65.6875,31.3431458 65.6875,33 C65.6875,34.6568542 64.3443542,36 62.6875,36 L25.6875,36 C24.0306458,36 22.6875,34.6568542 22.6875,33 C22.6875,31.3431458 24.0306458,30 25.6875,30 Z M8.6875,13 L42.6875,13 C44.3443542,13 45.6875,14.3431458 45.6875,16 C45.6875,17.6568542 44.3443542,19 42.6875,19 L8.6875,19 C7.03064575,19 5.6875,17.6568542 5.6875,16 C5.6875,14.3431458 7.03064575,13 8.6875,13 Z" id="形状结合备份-41" fill="url(#linearGradient-2)"></path>
                             </g>
-                            <g id="路径-2">
-                                <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
-                                <use fill="#000000" fill-rule="evenodd" xlink:href="#path-15"></use>
+                            <g id="编组-23" transform="translate(45.687500, 40.000000)">
+                                <g id="椭圆形">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-4"></use>
+                                    <circle stroke="url(#linearGradient-3)" stroke-width="4" stroke-linejoin="square" cx="8" cy="8" r="6"></circle>
+                                </g>
+                                <g id="路径-2">
+                                    <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                                    <use fill="#000000" fill-rule="evenodd" xlink:href="#path-7"></use>
+                                </g>
+                            </g>
+                            <g id="编组-21" transform="translate(7.687500, 0.000000)">
+                                <path d="M64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,33 C68,35.209139 66.209139,37 64,37 L37.242,37 L34,40.2426407 L30.757,37 L4,37 C1.790861,37 2.705415e-16,35.209139 0,33 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L64,0 Z" id="形状结合" fill="url(#linearGradient-9)"></path>
+                                <path d="M12,6 L42,6 C43.1045695,6 44,6.8954305 44,8 C44,9.1045695 43.1045695,10 42,10 L12,10 C10.8954305,10 10,9.1045695 10,8 C10,6.8954305 10.8954305,6 12,6 Z" id="形状结合备份-44" fill="#FFFFFF" fill-rule="nonzero"></path>
+                                <path d="M26,19 L56,19 C57.1045695,19 58,19.8954305 58,21 L58,25 C58,26.1045695 57.1045695,27 56,27 L26,27 C24.8954305,27 24,26.1045695 24,25 L24,21 C24,19.8954305 24.8954305,19 26,19 Z" id="形状结合备份-6" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
+                                <path d="M11.4545455,19 L16.5454545,19 C17.3487778,19 18,19.6512222 18,20.4545455 L18,25.5454545 C18,26.3487778 17.3487778,27 16.5454545,27 L11.4545455,27 C10.6512222,27 10,26.3487778 10,25.5454545 L10,20.4545455 C10,19.6512222 10.6512222,19 11.4545455,19 Z" id="形状结合备份-28" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
                             </g>
-                        </g>
-                        <g id="编组-21" transform="translate(7.687500, 0.000000)">
-                            <path d="M64,0 C66.209139,-4.05812251e-16 68,1.790861 68,4 L68,33 C68,35.209139 66.209139,37 64,37 L37.242,37 L34,40.2426407 L30.757,37 L4,37 C1.790861,37 2.705415e-16,35.209139 0,33 L0,4 C-2.705415e-16,1.790861 1.790861,4.05812251e-16 4,0 L64,0 Z" id="形状结合" fill="url(#linearGradient-17)"></path>
-                            <path d="M12,6 L42,6 C43.1045695,6 44,6.8954305 44,8 C44,9.1045695 43.1045695,10 42,10 L12,10 C10.8954305,10 10,9.1045695 10,8 C10,6.8954305 10.8954305,6 12,6 Z" id="形状结合备份-44" fill="#FFFFFF" fill-rule="nonzero"></path>
-                            <path d="M26,19 L56,19 C57.1045695,19 58,19.8954305 58,21 L58,25 C58,26.1045695 57.1045695,27 56,27 L26,27 C24.8954305,27 24,26.1045695 24,25 L24,21 C24,19.8954305 24.8954305,19 26,19 Z" id="形状结合备份-6" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
-                            <path d="M11.4545455,19 L16.5454545,19 C17.3487778,19 18,19.6512222 18,20.4545455 L18,25.5454545 C18,26.3487778 17.3487778,27 16.5454545,27 L11.4545455,27 C10.6512222,27 10,26.3487778 10,25.5454545 L10,20.4545455 C10,19.6512222 10.6512222,19 11.4545455,19 Z" id="形状结合备份-28" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
                         </g>
                     </g>
                 </g>

package/demos/pc/overviewimage/popover.svg

@@ -2,48 +2,16 @@
 <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>Popover 弹出框</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.8250237%" x2="128.792906%" y2="42.8049215%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="52.8250237%" x2="128.792906%" y2="42.8049215%" id="linearGradient-1">
             <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-10">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
-        <circle id="path-11" cx="8" cy="8" r="8"></circle>
-        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-12">
+        <circle id="path-3" cx="8" cy="8" r="8"></circle>
+        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-4">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feMorphology radius="4" operator="erode" in="SourceAlpha" result="shadowInner"></feMorphology>
             <feOffset dx="0" dy="2" in="shadowInner" result="shadowInner"></feOffset>
@@ -51,53 +19,45 @@
             <feGaussianBlur stdDeviation="2" 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>
-        <filter x="-46.9%" y="-34.4%" width="193.8%" height="193.8%" filterUnits="objectBoundingBox" id="filter-13">
+        <filter x="-46.9%" y="-34.4%" width="193.8%" height="193.8%" filterUnits="objectBoundingBox" id="filter-5">
             <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
             <feOffset dx="0" dy="-4" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
             <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
             <feColorMatrix values="0 0 0 0 0.841553619   0 0 0 0 0.341832308   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
         </filter>
-        <polygon id="path-14" points="7.71298757 6.80228137 6.27540338 20.814413 10.9449685 18.9202277 13.4194729 25.8022814 15.8096817 24.7804537 13.2116343 17.9762941 17.8108161 16.4874666"></polygon>
-        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-15">
+        <polygon id="path-6" points="7.71298757 6.80228137 6.27540338 20.814413 10.9449685 18.9202277 13.4194729 25.8022814 15.8096817 24.7804537 13.2116343 17.9762941 17.8108161 16.4874666"></polygon>
+        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-7">
             <feOffset dx="0" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.5 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="44.0988019%" y1="56.5328973%" x2="128.792906%" y2="33.3613045%" id="linearGradient-16">
+        <linearGradient x1="44.0988019%" y1="56.5328973%" x2="128.792906%" y2="33.3613045%" 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-Vue-组件总览" transform="translate(-696.000000, -1980.000000)">
-            <g id="编组-14备份-10" transform="translate(596.000000, 1950.000000)">
-                <g id="Tip-气泡提示" transform="translate(100.000000, 30.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.204287574" x="27" y="72" width="65" height="18" rx="4"></rect>
-                    <g id="编组-23" transform="translate(77.000000, 75.000000)">
-                        <g id="椭圆形">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
-                            <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-11"></use>
-                            <circle stroke="url(#linearGradient-10)" stroke-width="4" stroke-linejoin="square" cx="8" cy="8" r="6"></circle>
-                        </g>
-                        <g id="路径-2">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
-                            <use fill="#000000" fill-rule="evenodd" xlink:href="#path-14"></use>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-696.000000, -2031.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-14备份-10" transform="translate(0.000000, 1690.000000)">
+                    <g id="Tip-气泡提示" transform="translate(100.000000, 30.000000)">
+                        <g id="编组"></g>
+                        <rect id="矩形" fill="url(#linearGradient-1)" opacity="0.204287574" x="27" y="72" width="65" height="18" rx="4"></rect>
+                        <g id="编组-23" transform="translate(77.000000, 75.000000)">
+                            <g id="椭圆形">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-3"></use>
+                                <circle stroke="url(#linearGradient-2)" stroke-width="4" stroke-linejoin="square" cx="8" cy="8" r="6"></circle>
+                            </g>
+                            <g id="路径-2">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                                <use fill="#000000" fill-rule="evenodd" xlink:href="#path-6"></use>
+                            </g>
                         </g>
+                        <path d="M96,37.2378781 C98.209139,37.2378781 100,39.0287391 100,41.2378781 L100,62 C100,64.209139 98.209139,66 96,66 L65.242,65.9998781 L62,69.2426407 L58.757,65.9998781 L28,66 C25.790861,66 24,64.209139 24,62 L24,41.2378781 C24,39.0287391 25.790861,37.2378781 28,37.2378781 L96,37.2378781 Z" id="形状结合" fill="url(#linearGradient-8)"></path>
+                        <path d="M36,44 L88,44 C89.1045695,44 90,44.8954305 90,46 C90,47.1045695 89.1045695,48 88,48 L36,48 C34.8954305,48 34,47.1045695 34,46 C34,44.8954305 34.8954305,44 36,44 Z" id="形状结合备份" fill="#FFFFFF" fill-rule="nonzero"></path>
+                        <path d="M36,54 L65,54 C66.1045695,54 67,54.8954305 67,56 C67,57.1045695 66.1045695,58 65,58 L36,58 C34.8954305,58 34,57.1045695 34,56 C34,54.8954305 34.8954305,54 36,54 Z" id="形状结合备份-17" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
                     </g>
-                    <path d="M96,37.2378781 C98.209139,37.2378781 100,39.0287391 100,41.2378781 L100,62 C100,64.209139 98.209139,66 96,66 L65.242,65.9998781 L62,69.2426407 L58.757,65.9998781 L28,66 C25.790861,66 24,64.209139 24,62 L24,41.2378781 C24,39.0287391 25.790861,37.2378781 28,37.2378781 L96,37.2378781 Z" id="形状结合" fill="url(#linearGradient-16)"></path>
-                    <path d="M36,44 L88,44 C89.1045695,44 90,44.8954305 90,46 C90,47.1045695 89.1045695,48 88,48 L36,48 C34.8954305,48 34,47.1045695 34,46 C34,44.8954305 34.8954305,44 36,44 Z" id="形状结合备份" fill="#FFFFFF" fill-rule="nonzero"></path>
-                    <path d="M36,54 L65,54 C66.1045695,54 67,54.8954305 67,56 C67,57.1045695 66.1045695,58 65,58 L36,58 C34.8954305,58 34,57.1045695 34,56 C34,54.8954305 34.8954305,54 36,54 Z" id="形状结合备份-17" fill="#FFFFFF" fill-rule="nonzero" opacity="0.699016753"></path>
                 </g>
             </g>
         </g>

package/demos/pc/overviewimage/progress.svg

@@ -2,51 +2,19 @@
 <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>Progressbar 进度条</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.255824%" x2="128.792906%" y2="49.3484395%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.255824%" x2="128.792906%" y2="49.3484395%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="63.2619166%" x2="128.792906%" y2="16.2231039%" id="linearGradient-10">
+        <linearGradient x1="44.0988019%" y1="63.2619166%" x2="128.792906%" y2="16.2231039%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="63.2619166%" x2="128.792906%" y2="16.2231039%" id="linearGradient-11">
+        <linearGradient x1="44.0988019%" y1="63.2619166%" x2="128.792906%" y2="16.2231039%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <filter x="-11.1%" y="-28.6%" width="122.2%" height="157.1%" filterUnits="objectBoundingBox" id="filter-12">
+        <filter x="-11.1%" y="-28.6%" width="122.2%" height="157.1%" 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" result="shadowMatrixOuter1"></feColorMatrix>
@@ -55,33 +23,23 @@
                 <feMergeNode in="SourceGraphic"></feMergeNode>
             </feMerge>
         </filter>
-        <linearGradient x1="44.0988019%" y1="61.2051762%" x2="128.792906%" y2="21.4614349%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="61.2051762%" x2="128.792906%" y2="21.4614349%" id="linearGradient-5">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="61.2051762%" x2="128.792906%" y2="21.4614349%" id="linearGradient-14">
+        <linearGradient x1="44.0988019%" y1="61.2051762%" x2="128.792906%" y2="21.4614349%" id="linearGradient-6">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5073E5" 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(-1089.000000, -869.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-2" transform="translate(-1089.000000, -869.000000)">
             <g id="Progressbar-进度条" transform="translate(1089.000000, 869.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="24" y="81" width="72" height="6" rx="3"></rect>
-                <rect id="矩形" stroke="url(#linearGradient-11)" fill="url(#linearGradient-10)" x="44" y="81" width="10" height="6" rx="3"></rect>
-                <g id="进度条-(1)" filter="url(#filter-12)" transform="translate(24.000000, 43.000000)">
-                    <path d="M13.8461538,5.6 C9.25794208,5.6 5.53846154,9.3608081 5.53846154,14 C5.53846154,18.6391919 9.25794208,22.4 13.8461538,22.4 L27.6923077,22.4 C32.2805195,22.4 36,18.6391919 36,14 C36,9.3608081 32.2805195,5.6 27.6923077,5.6 L13.8461538,5.6 Z" id="路径" fill="url(#linearGradient-14)" opacity="0.604724702"></path>
+                <g id="编组"></g>
+                <rect id="矩形" fill="url(#linearGradient-1)" opacity="0.303770519" x="24" y="81" width="72" height="6" rx="3"></rect>
+                <rect id="矩形" stroke="url(#linearGradient-3)" fill="url(#linearGradient-2)" x="44" y="81" width="10" height="6" rx="3"></rect>
+                <g id="进度条-(1)" filter="url(#filter-4)" transform="translate(24.000000, 43.000000)">
+                    <path d="M13.8461538,5.6 C9.25794208,5.6 5.53846154,9.3608081 5.53846154,14 C5.53846154,18.6391919 9.25794208,22.4 13.8461538,22.4 L27.6923077,22.4 C32.2805195,22.4 36,18.6391919 36,14 C36,9.3608081 32.2805195,5.6 27.6923077,5.6 L13.8461538,5.6 Z" id="路径" fill="url(#linearGradient-6)" opacity="0.604724702"></path>
                     <path d="M58.1538462,28 L13.8461538,28 C6.19913423,28 0,21.7319865 0,14 C0,6.2680135 6.19913423,0 13.8461538,0 L58.1538462,0 C65.8008658,0 72,6.2680135 72,14 C72,21.7319865 65.8008658,28 58.1538462,28 L58.1538462,28 Z M13.8461538,5.6 C9.25794208,5.6 5.53846154,9.3608081 5.53846154,14 C5.53846154,18.6391919 9.25794208,22.4 13.8461538,22.4 L58.1538462,22.4 C62.7420579,22.4 66.4615385,18.6391919 66.4615385,14 C66.4615385,9.3608081 62.7420579,5.6 58.1538462,5.6 L13.8461538,5.6 Z" id="形状" fill="#5073E5" fill-rule="nonzero"></path>
                     <path d="M45.5,14 C43.5670034,14 42,12.4329966 42,10.5 C42,8.56700338 43.5670034,7 45.5,7 C47.4329966,7 49,8.56700338 49,10.5 C49,12.4329966 47.4329966,14 45.5,14 L45.5,14 Z M45,10 C44.4477153,10 44,10.4477153 44,11 C44,11.5522847 44.4477153,12 45,12 C45.5522847,12 46,11.5522847 46,11 C46,10.4477153 45.5522847,10 45,10 Z M54.5,21 C52.5670034,21 51,19.4329966 51,17.5 C51,15.5670034 52.5670034,14 54.5,14 C56.4329966,14 58,15.5670034 58,17.5 C58,19.4329966 56.4329966,21 54.5,21 Z M55,17 C54.4477153,17 54,17.4477153 54,18 C54,18.5522847 54.4477153,19 55,19 C55.5522847,19 56,18.5522847 56,18 C56,17.4477153 55.5522847,17 55,17 Z M43.1486723,22 C42.845112,22.0017367 42.553343,21.8825142 42.3378166,21.6686495 C42.121612,21.4541221 42,21.1620982 42,20.857459 C42,20.5528198 42.121612,20.2607959 42.3378166,20.0462685 L56.042421,6.33600612 C56.4902443,5.88799796 57.2163093,5.88799796 57.6641325,6.33600612 C58.1119558,6.78401427 58.1119558,7.51037901 57.6641325,7.95838716 L43.9595281,21.6686495 C43.7440017,21.8825142 43.4522327,22.0017367 43.1486723,22 Z" id="形状" fill="#5073E5" fill-rule="nonzero"></path>
                 </g>