npm - @opentiny/vue-docs - Versions diffs - 3.16.2 → 3.17.1 - Mend

@opentiny/vue-docs 3.16.2 → 3.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1135) hide show

package/demos/pc/overviewimage/slider.svg CHANGED Viewed

@@ -1,127 +1,53 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <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>Slider滑块</title>
+    <title>SlideBar 滚动块</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="0%" y1="62.0508917%" x2="128.792906%" y2="39.2186485%" id="linearGradient-9">
-            <stop stop-color="#CDD1E5" offset="0%"></stop>
-            <stop stop-color="#CFDEE8" offset="100%"></stop>
-        </linearGradient>
-        <rect id="path-10" x="45" y="14" width="59" height="20" rx="10"></rect>
-        <filter x="-3.8%" y="-11.2%" width="107.6%" height="122.5%" filterUnits="objectBoundingBox" id="filter-11">
-            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
-            <feOffset dx="0" dy="1.5" 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.151193081   0 0 0 0 0.236114382   0 0 0 0 0.519185384  0 0 0 0.561357832 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
-        </filter>
-        <linearGradient x1="44.0988019%" y1="65.089114%" x2="128.792906%" y2="11.5693982%" id="linearGradient-12">
-            <stop stop-color="#5073E5" offset="0%"></stop>
-            <stop stop-color="#5E7CE0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="44.0988019%" y1="65.089114%" x2="128.792906%" y2="11.5693982%" id="linearGradient-13">
-            <stop stop-color="#5073E5" offset="0%"></stop>
-            <stop stop-color="#5E7CE0" offset="100%"></stop>
-        </linearGradient>
-        <linearGradient x1="71.8784339%" y1="24.5711539%" x2="14.9255499%" y2="81.0703648%" id="linearGradient-14">
-            <stop stop-color="#F1F7FF" offset="0%"></stop>
-            <stop stop-color="#D2DCE9" offset="68.056194%"></stop>
-            <stop stop-color="#EFF4FB" offset="100%"></stop>
-        </linearGradient>
-        <circle id="path-15" cx="51" cy="24" r="15"></circle>
-        <filter x="-11.7%" y="-8.3%" width="123.3%" height="123.3%" filterUnits="objectBoundingBox" id="filter-16">
-            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+        <path d="M80.9909047,39 L45.0023935,39 C43.347056,39 42,40.5069389 42,42.3587494 L42,82.6412506 C42,84.5005583 43.347056,86 45.0023935,86 L80.9976065,86 C82.652944,86 84,84.5005583 84,82.6412506 L84,42.3587494 C83.9932982,40.5069389 82.652944,39 80.9909047,39 Z" id="path-1"></path>
+        <filter x="-9.5%" y="-4.3%" width="119.0%" height="117.0%" filterUnits="objectBoundingBox" id="filter-2">
+            <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.214740491   0 0 0 0 0.337753528   0 0 0 0 0.747796985  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+            <feColorMatrix values="0 0 0 0 0.368627451   0 0 0 0 0.48627451   0 0 0 0 0.878431373  0 0 0 0.349865467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-17">
-            <stop stop-color="#FFCC00" offset="0%"></stop>
-            <stop stop-color="#FF9D00" offset="100%"></stop>
-        </linearGradient>
-        <circle id="path-18" cx="56" cy="34" r="8"></circle>
-        <filter x="-43.8%" y="-31.2%" width="187.5%" height="187.5%" filterUnits="objectBoundingBox" id="filter-19">
+        <rect id="path-3" x="48" y="61" width="30" height="4" rx="2"></rect>
+        <filter x="-13.3%" y="-50.0%" width="126.7%" height="300.0%" 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>
-            <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-20">
-            <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>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <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>
-        <polygon id="path-21" points="55.7129876 33.8022814 54.2754034 47.814413 58.9449685 45.9202277 61.4194729 52.8022814 63.8096817 51.7804537 61.2116343 44.9762941 65.8108161 43.4874666"></polygon>
-        <filter x="-47.7%" y="-18.4%" width="195.4%" height="157.9%" filterUnits="objectBoundingBox" id="filter-22">
+        <rect id="path-5" x="48" y="73" width="30" height="4" rx="2"></rect>
+        <filter x="-13.3%" y="-50.0%" width="126.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-6">
             <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>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.368627451   0 0 0 0 0.48627451   0 0 0 0 0.878431373  0 0 0 0.349865467 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
+        <linearGradient x1="47.5828693%" y1="86.8386573%" x2="82.2735745%" y2="-43.8247114%" id="linearGradient-7">
+            <stop stop-color="#5073E5" offset="0%"></stop>
+            <stop stop-color="#5E7CE0" offset="100%"></stop>
+        </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="-TinyUI-ICON-1-【9-2】-无阴影" transform="translate(-697.000000, -573.000000)">
-            <g id="Slider滑块" transform="translate(697.000000, 573.000000)">
-                <g id="编组">
-                    <g transform="translate(9.000000, 1.000000)" id="多边形">
-                        <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                        <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                        <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                        <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                        <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                        <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                    </g>
-                    <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                </g>
-                <g id="编组" transform="translate(10.000000, 38.000000)">
-                    <g id="矩形" opacity="0.602296375">
-                        <use fill="url(#linearGradient-9)" fill-rule="evenodd" xlink:href="#path-10"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
-                    </g>
-                    <path d="M51,0 C64.254834,0 75,10.745166 75,24 C75,37.254834 64.254834,48 51,48 C41.314225,48 32.9685476,42.26236 29.1764073,34.0005194 L10,34 C4.4771525,34 6.76353751e-16,29.5228475 0,24 C-6.76353751e-16,18.4771525 4.4771525,14 10,14 L29.1759494,14.0004783 C32.9678758,5.73810191 41.3138351,0 51,0 Z" id="形状结合" stroke="url(#linearGradient-13)" fill="url(#linearGradient-12)"></path>
-                    <g id="椭圆形">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
-                        <use fill="url(#linearGradient-14)" fill-rule="evenodd" xlink:href="#path-15"></use>
-                    </g>
-                    <g id="椭圆形">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-19)" xlink:href="#path-18"></use>
-                        <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-18"></use>
-                        <circle stroke="url(#linearGradient-17)" stroke-width="4" stroke-linejoin="square" cx="56" cy="34" r="6"></circle>
-                    </g>
-                    <g id="路径-2">
-                        <use fill="black" fill-opacity="1" filter="url(#filter-22)" xlink:href="#path-21"></use>
-                        <use fill="#000000" fill-rule="evenodd" xlink:href="#path-21"></use>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-1870.000000, -2584.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-25备份-17" transform="translate(1175.000000, 2240.000000)">
+                    <g id="SlideBar-滚动块" transform="translate(99.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="路径备份-2">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                            <use fill="#5073E5" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        </g>
+                        <g id="矩形备份-6">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                            <use fill-opacity="0.6" fill="#D6DEF9" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="矩形备份-20">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                            <use fill-opacity="0.6" fill="#D6DEF9" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        </g>
+                        <rect id="矩形备份-21" fill="#FFFFFF" fill-rule="nonzero" x="48" y="49" width="19.2747813" height="4" rx="2"></rect>
+                        <path d="M36.853678,50 L23.1437689,50 C22.5131642,50 22,50.8015632 22,51.7865688 L22,73.2134312 C22,74.2024246 22.5131642,75 23.1437689,75 L36.8562311,75 C37.4868358,75 38,74.2024246 38,73.2134312 L38,51.7865688 C37.9974469,50.8015632 37.4868358,50 36.853678,50 Z" id="路径备份-3" fill="url(#linearGradient-7)" opacity="0.604724702"></path>
+                        <path d="M102.853678,50 L89.1437689,50 C88.5131642,50 88,50.8015632 88,51.7865688 L88,73.2134312 C88,74.2024246 88.5131642,75 89.1437689,75 L102.856231,75 C103.486836,75 104,74.2024246 104,73.2134312 L104,51.7865688 C103.997447,50.8015632 103.486836,50 102.853678,50 Z" id="路径备份-4" fill="url(#linearGradient-7)" opacity="0.604724702"></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/split.svg CHANGED Viewed

@@ -2,81 +2,41 @@
 <svg width="125px" height="125px" viewBox="0 0 125 125" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>Split 面板分割</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.7177863%" y1="86.8386573%" x2="107.176197%" y2="-43.8247114%" id="linearGradient-9">
+        <linearGradient x1="45.7177863%" y1="86.8386573%" x2="107.176197%" y2="-43.8247114%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="48.7351685%" y1="86.8386573%" x2="66.8880544%" y2="-43.8247114%" id="linearGradient-10">
+        <linearGradient x1="48.7351685%" y1="86.8386573%" x2="66.8880544%" y2="-43.8247114%" id="linearGradient-2">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="48.7351685%" y1="86.8386573%" x2="66.8880544%" y2="-43.8247114%" id="linearGradient-11">
+        <linearGradient x1="48.7351685%" y1="86.8386573%" x2="66.8880544%" y2="-43.8247114%" id="linearGradient-3">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-12">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-4">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
     </defs>
-    <g id="页面一" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="-TinyUI-Vue-组件总览" transform="translate(-696.000000, -1434.000000)">
-            <g id="编组-14备份" transform="translate(598.000000, 1401.000000)">
-                <g id="Split-面板分割" 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="编组-2" transform="translate(29.000000, 38.000000)">
-                        <path d="M22,0 L66,0 C67.1045695,-2.02906125e-16 68,0.8954305 68,2 L68,52 C68,53.1045695 67.1045695,54 66,54 L22,54 L22,54 L22,0 Z" id="形状结合备份-6" fill="url(#linearGradient-9)" opacity="0.204287574"></path>
-                        <path d="M2,0 L25,0 L25,0 L25,54 L2,54 C0.8954305,54 1.3527075e-16,53.1045695 0,52 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="形状结合备份-31" stroke="url(#linearGradient-11)" stroke-width="0.5" fill="url(#linearGradient-10)"></path>
-                        <path d="M25.5,6 C27.9852814,6 30,8.01471863 30,10.5 L30,26.5 C30,28.9852814 27.9852814,31 25.5,31 C23.0147186,31 21,28.9852814 21,26.5 L21,10.5 C21,8.01471863 23.0147186,6 25.5,6 Z" id="形状结合备份-32" fill="#FFFFFF" fill-rule="nonzero"></path>
-                        <g id="编组-11" transform="translate(23.500000, 10.000000)" fill="url(#linearGradient-12)">
-                            <path d="M2,0 C3.1045695,-2.02906125e-16 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 1.3527075e-16,3.1045695 0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="形状结合备份-33"></path>
-                            <path d="M2,7 C3.1045695,7 4,7.8954305 4,9 C4,10.1045695 3.1045695,11 2,11 C0.8954305,11 1.3527075e-16,10.1045695 0,9 C-1.3527075e-16,7.8954305 0.8954305,7 2,7 Z" id="形状结合备份-45"></path>
-                            <path d="M2,13 C3.1045695,13 4,13.8954305 4,15 C4,16.1045695 3.1045695,17 2,17 C0.8954305,17 1.3527075e-16,16.1045695 0,15 C-1.3527075e-16,13.8954305 0.8954305,13 2,13 Z" id="形状结合备份-46"></path>
+    <g id="Tiny-Vue" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Vue-组件总览1" transform="translate(-696.000000, -1485.000000)">
+            <g id="组件" transform="translate(596.000000, 311.000000)">
+                <g id="编组-14备份" transform="translate(2.000000, 1141.000000)">
+                    <g id="Split-面板分割" transform="translate(98.000000, 33.000000)">
+                        <g id="编组"></g>
+                        <g id="编组-2" transform="translate(29.000000, 38.000000)">
+                            <path d="M22,0 L66,0 C67.1045695,-2.02906125e-16 68,0.8954305 68,2 L68,52 C68,53.1045695 67.1045695,54 66,54 L22,54 L22,54 L22,0 Z" id="形状结合备份-6" fill="url(#linearGradient-1)" opacity="0.204287574"></path>
+                            <path d="M2,0 L25,0 L25,0 L25,54 L2,54 C0.8954305,54 1.3527075e-16,53.1045695 0,52 L0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="形状结合备份-31" stroke="url(#linearGradient-3)" stroke-width="0.5" fill="url(#linearGradient-2)"></path>
+                            <path d="M25.5,6 C27.9852814,6 30,8.01471863 30,10.5 L30,26.5 C30,28.9852814 27.9852814,31 25.5,31 C23.0147186,31 21,28.9852814 21,26.5 L21,10.5 C21,8.01471863 23.0147186,6 25.5,6 Z" id="形状结合备份-32" fill="#FFFFFF" fill-rule="nonzero"></path>
+                            <g id="编组-11" transform="translate(23.500000, 10.000000)" fill="url(#linearGradient-4)">
+                                <path d="M2,0 C3.1045695,-2.02906125e-16 4,0.8954305 4,2 C4,3.1045695 3.1045695,4 2,4 C0.8954305,4 1.3527075e-16,3.1045695 0,2 C-1.3527075e-16,0.8954305 0.8954305,2.02906125e-16 2,0 Z" id="形状结合备份-33"></path>
+                                <path d="M2,7 C3.1045695,7 4,7.8954305 4,9 C4,10.1045695 3.1045695,11 2,11 C0.8954305,11 1.3527075e-16,10.1045695 0,9 C-1.3527075e-16,7.8954305 0.8954305,7 2,7 Z" id="形状结合备份-45"></path>
+                                <path d="M2,13 C3.1045695,13 4,13.8954305 4,15 C4,16.1045695 3.1045695,17 2,17 C0.8954305,17 1.3527075e-16,16.1045695 0,15 C-1.3527075e-16,13.8954305 0.8954305,13 2,13 Z" id="形状结合备份-46"></path>
+                            </g>
+                            <path d="M53,41 C53.236906,41 53.4641914,41.0411906 53.6750852,41.1168006 L60.0958313,41.1170423 C60.648116,41.1170423 61.0958313,41.5647576 61.0958313,42.1170423 C61.0958313,42.3999726 60.9759798,42.6696616 60.7659819,42.8592675 L54.1441845,48.8380483 C53.7342649,49.2081623 53.1019227,49.1758934 52.7318088,48.7659738 C52.5658847,48.5822046 52.4740339,48.3434154 52.4740339,48.0958232 L52.474,45 L35,45 C33.8954305,45 33,44.1045695 33,43 C33,41.8954305 33.8954305,41 35,41 L53,41 Z" id="形状结合" fill="#5073E5"></path>
+                            <path d="M56,30.1170423 C56.5522847,30.1170423 57,30.5647576 57,31.1170423 C57,31.3999726 56.8801486,31.6696616 56.6701506,31.8592675 L50.0483533,37.8380483 C49.6384336,38.2081623 49.0060915,38.1758934 48.6359775,37.7659738 C48.4700534,37.5822046 48.3782027,37.3434154 48.3782027,37.0958232 L48.3779156,34.2120423 L31.0479156,34.2128736 C29.9433461,34.2128736 29.0479156,33.3174431 29.0479156,32.2128736 C29.0479156,31.1083041 29.9433461,30.2128736 31.0479156,30.2128736 L48.3779156,30.2120423 L48.3782027,30.1170423 L56,30.1170423 Z" id="形状结合备份-11" fill="#5073E5" transform="translate(43.023958, 34.106437) scale(-1, -1) translate(-43.023958, -34.106437) "></path>
                         </g>
-                        <path d="M53,41 C53.236906,41 53.4641914,41.0411906 53.6750852,41.1168006 L60.0958313,41.1170423 C60.648116,41.1170423 61.0958313,41.5647576 61.0958313,42.1170423 C61.0958313,42.3999726 60.9759798,42.6696616 60.7659819,42.8592675 L54.1441845,48.8380483 C53.7342649,49.2081623 53.1019227,49.1758934 52.7318088,48.7659738 C52.5658847,48.5822046 52.4740339,48.3434154 52.4740339,48.0958232 L52.474,45 L35,45 C33.8954305,45 33,44.1045695 33,43 C33,41.8954305 33.8954305,41 35,41 L53,41 Z" id="形状结合" fill="#5073E5"></path>
-                        <path d="M56,30.1170423 C56.5522847,30.1170423 57,30.5647576 57,31.1170423 C57,31.3999726 56.8801486,31.6696616 56.6701506,31.8592675 L50.0483533,37.8380483 C49.6384336,38.2081623 49.0060915,38.1758934 48.6359775,37.7659738 C48.4700534,37.5822046 48.3782027,37.3434154 48.3782027,37.0958232 L48.3779156,34.2120423 L31.0479156,34.2128736 C29.9433461,34.2128736 29.0479156,33.3174431 29.0479156,32.2128736 C29.0479156,31.1083041 29.9433461,30.2128736 31.0479156,30.2128736 L48.3779156,30.2120423 L48.3782027,30.1170423 L56,30.1170423 Z" id="形状结合备份-11" fill="#5073E5" transform="translate(43.023958, 34.106437) scale(-1, -1) translate(-43.023958, -34.106437) "></path>
                     </g>
                 </g>
             </g>

package/demos/pc/overviewimage/steps.svg CHANGED Viewed

@@ -2,89 +2,47 @@
 <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>Steps 步骤导航</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.4258133%" x2="128.792906%" y2="48.9154922%" id="linearGradient-9">
+        <linearGradient x1="44.0988019%" y1="50.4258133%" x2="128.792906%" y2="48.9154922%" id="linearGradient-1">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <path d="M98.2128736,84 C98.7651583,84 99.2128736,84.4477153 99.2128736,85 C99.2128736,85.2829303 99.0930222,85.5526192 98.8830242,85.7422251 L92.2612268,91.721006 C91.8513072,92.09112 91.2189651,92.0588511 90.8488511,91.6489314 C90.682927,91.4651622 90.5910762,91.2263731 90.5910762,90.9787808 L90.591,88.023 L27,88.023329 C25.8954305,88.023329 25,87.1278985 25,86.023329 C25,84.9187595 25.8954305,84.023329 27,84.023329 L90.591,84.023 L90.5910762,84 L98.2128736,84 Z" id="path-10"></path>
-        <filter x="-5.4%" y="-25.1%" width="110.8%" height="200.3%" filterUnits="objectBoundingBox" id="filter-11">
+        <path d="M98.2128736,84 C98.7651583,84 99.2128736,84.4477153 99.2128736,85 C99.2128736,85.2829303 99.0930222,85.5526192 98.8830242,85.7422251 L92.2612268,91.721006 C91.8513072,92.09112 91.2189651,92.0588511 90.8488511,91.6489314 C90.682927,91.4651622 90.5910762,91.2263731 90.5910762,90.9787808 L90.591,88.023 L27,88.023329 C25.8954305,88.023329 25,87.1278985 25,86.023329 C25,84.9187595 25.8954305,84.023329 27,84.023329 L90.591,84.023 L90.5910762,84 L98.2128736,84 Z" id="path-2"></path>
+        <filter x="-5.4%" y="-25.1%" width="110.8%" height="200.3%" filterUnits="objectBoundingBox" id="filter-3">
             <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.65213034 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="44.0988019%" y1="53.5975251%" x2="128.792906%" y2="40.8374305%" id="linearGradient-12">
+        <linearGradient x1="44.0988019%" y1="53.5975251%" x2="128.792906%" y2="40.8374305%" id="linearGradient-4">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="53.5975251%" x2="128.792906%" y2="40.8374305%" id="linearGradient-13">
+        <linearGradient x1="44.0988019%" y1="53.5975251%" x2="128.792906%" y2="40.8374305%" id="linearGradient-5">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-14">
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-6">
             <stop stop-color="#FFCC00" offset="0%"></stop>
             <stop stop-color="#FF9D00" offset="100%"></stop>
         </linearGradient>
-        <path d="M35.4999998,54 C32.4559858,54 29.988372,56.4624079 29.988372,59.5 C29.988372,62.5375921 32.4559858,65 35.4999998,65 C38.5440138,65 41.0116276,62.5375921 41.0116276,59.5 C41.0116276,56.4624079 38.5440138,54 35.4999998,54 Z" id="path-15"></path>
-        <filter x="-31.8%" y="-22.7%" width="163.5%" height="163.6%" filterUnits="objectBoundingBox" id="filter-16">
+        <path d="M35.4999998,54 C32.4559858,54 29.988372,56.4624079 29.988372,59.5 C29.988372,62.5375921 32.4559858,65 35.4999998,65 C38.5440138,65 41.0116276,62.5375921 41.0116276,59.5 C41.0116276,56.4624079 38.5440138,54 35.4999998,54 Z" id="path-7"></path>
+        <filter x="-31.8%" y="-22.7%" width="163.5%" height="163.6%" filterUnits="objectBoundingBox" id="filter-8">
             <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, -3209.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-1" transform="translate(-1089.000000, -3209.000000)">
             <g id="Steps-步骤导航" transform="translate(1089.000000, 3209.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="形状结合" opacity="0.604724702">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
-                    <use fill="url(#linearGradient-9)" fill-rule="evenodd" xlink:href="#path-10"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
                 </g>
-                <path d="M35.5,47 C41.4205357,47 46.3796429,51.1160714 47.6719643,56.6428571 L59.9514286,56.6428571 C61.1033036,53.6154464 64.0326786,51.4642857 67.4642857,51.4642857 C70.8959821,51.4642857 73.8252679,53.6154464 74.9772321,56.6428571 L87.4513393,56.6428571 C88.6033036,53.6154464 91.5325893,51.4642857 94.9642857,51.4642857 C99.4023214,51.4642857 103,55.0619643 103,59.5 C103,63.9380357 99.4023214,67.5357143 94.9642857,67.5357143 C91.5326786,67.5357143 88.6033929,65.3846429 87.4514286,62.3573214 L74.9771429,62.3573214 C73.8251786,65.3846429 70.8958929,67.5357143 67.4642857,67.5357143 C64.0326786,67.5357143 61.1033929,65.3846429 59.9514286,62.3573214 L47.6719643,62.3573214 C46.3796429,67.8839286 41.4204464,72 35.5,72 C28.5964286,72 23,66.4035714 23,59.5 C23,52.5964286 28.5964286,47 35.5,47 Z M35.5,64 C37.9852814,64 40,61.9852814 40,59.5 C40,57.0147186 37.9852814,55 35.5,55 C33.0147186,55 31,57.0147186 31,59.5 C31,61.9852814 33.0147186,64 35.5,64 Z M67.4642858,56.2857143 C65.680045,56.2857143 64.2337662,57.7247253 64.2337662,59.5 C64.2337662,61.2752747 65.680045,62.7142857 67.4642858,62.7142857 C69.2485266,62.7142857 70.6948053,61.2752747 70.6948053,59.5 C70.6948053,57.7247253 69.2485266,56.2857143 67.4642858,56.2857143 Z M94.9642858,56.2857143 C93.180045,56.2857143 91.7337662,57.7247253 91.7337662,59.5 C91.7337662,61.2752747 93.180045,62.7142857 94.9642858,62.7142857 C96.7485266,62.7142857 98.1948053,61.2752747 98.1948053,59.5 C98.1948053,57.7247253 96.7485266,56.2857143 94.9642858,56.2857143 Z" id="形状" stroke="url(#linearGradient-13)" fill="url(#linearGradient-12)"></path>
+                <path d="M35.5,47 C41.4205357,47 46.3796429,51.1160714 47.6719643,56.6428571 L59.9514286,56.6428571 C61.1033036,53.6154464 64.0326786,51.4642857 67.4642857,51.4642857 C70.8959821,51.4642857 73.8252679,53.6154464 74.9772321,56.6428571 L87.4513393,56.6428571 C88.6033036,53.6154464 91.5325893,51.4642857 94.9642857,51.4642857 C99.4023214,51.4642857 103,55.0619643 103,59.5 C103,63.9380357 99.4023214,67.5357143 94.9642857,67.5357143 C91.5326786,67.5357143 88.6033929,65.3846429 87.4514286,62.3573214 L74.9771429,62.3573214 C73.8251786,65.3846429 70.8958929,67.5357143 67.4642857,67.5357143 C64.0326786,67.5357143 61.1033929,65.3846429 59.9514286,62.3573214 L47.6719643,62.3573214 C46.3796429,67.8839286 41.4204464,72 35.5,72 C28.5964286,72 23,66.4035714 23,59.5 C23,52.5964286 28.5964286,47 35.5,47 Z M35.5,64 C37.9852814,64 40,61.9852814 40,59.5 C40,57.0147186 37.9852814,55 35.5,55 C33.0147186,55 31,57.0147186 31,59.5 C31,61.9852814 33.0147186,64 35.5,64 Z M67.4642858,56.2857143 C65.680045,56.2857143 64.2337662,57.7247253 64.2337662,59.5 C64.2337662,61.2752747 65.680045,62.7142857 67.4642858,62.7142857 C69.2485266,62.7142857 70.6948053,61.2752747 70.6948053,59.5 C70.6948053,57.7247253 69.2485266,56.2857143 67.4642858,56.2857143 Z M94.9642858,56.2857143 C93.180045,56.2857143 91.7337662,57.7247253 91.7337662,59.5 C91.7337662,61.2752747 93.180045,62.7142857 94.9642858,62.7142857 C96.7485266,62.7142857 98.1948053,61.2752747 98.1948053,59.5 C98.1948053,57.7247253 96.7485266,56.2857143 94.9642858,56.2857143 Z" id="形状" stroke="url(#linearGradient-5)" fill="url(#linearGradient-4)"></path>
                 <g id="路径">
-                    <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-15"></use>
-                    <use fill="url(#linearGradient-14)" 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="url(#linearGradient-6)" fill-rule="evenodd" xlink:href="#path-7"></use>
                 </g>
             </g>
         </g>

package/demos/pc/overviewimage/switch.svg CHANGED Viewed

@@ -2,112 +2,70 @@
 <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>Switch开关</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="109.750141%" y1="43.3182461%" x2="10.5359863%" y2="52.5042261%" id="linearGradient-9">
+        <linearGradient x1="109.750141%" y1="43.3182461%" x2="10.5359863%" y2="52.5042261%" id="linearGradient-1">
             <stop stop-color="#FFFFFF" offset="0%"></stop>
             <stop stop-color="#E5EAF3" offset="100%"></stop>
         </linearGradient>
-        <rect id="path-10" x="0" y="0" width="65" height="32" rx="16"></rect>
-        <filter x="-18.5%" y="-37.5%" width="136.9%" height="175.0%" filterUnits="objectBoundingBox" id="filter-11">
+        <rect id="path-2" x="0" y="0" width="65" height="32" rx="16"></rect>
+        <filter x="-18.5%" y="-37.5%" width="136.9%" height="175.0%" filterUnits="objectBoundingBox" id="filter-3">
             <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="4" 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.596087262 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <circle id="path-12" cx="18" cy="16" r="11"></circle>
-        <filter x="-22.7%" y="-18.2%" width="145.5%" height="145.5%" filterUnits="objectBoundingBox" id="filter-13">
+        <circle id="path-4" cx="18" cy="16" r="11"></circle>
+        <filter x="-22.7%" y="-18.2%" width="145.5%" height="145.5%" filterUnits="objectBoundingBox" id="filter-5">
             <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
             <feOffset dx="0" dy="1" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.616646842   0 0 0 0 0.660191387   0 0 0 0 0.805339869  0 0 0 0.511233883 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <linearGradient x1="44.0988019%" y1="58.9284698%" x2="128.792906%" y2="27.2599989%" id="linearGradient-14">
+        <linearGradient x1="44.0988019%" y1="58.9284698%" x2="128.792906%" y2="27.2599989%" id="linearGradient-6">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <linearGradient x1="44.0988019%" y1="58.9284698%" x2="128.792906%" y2="27.2599989%" id="linearGradient-15">
+        <linearGradient x1="44.0988019%" y1="58.9284698%" x2="128.792906%" y2="27.2599989%" id="linearGradient-7">
             <stop stop-color="#5073E5" offset="0%"></stop>
             <stop stop-color="#5E7CE0" offset="100%"></stop>
         </linearGradient>
-        <rect id="path-16" x="0" y="0" width="65" height="32" rx="16"></rect>
-        <filter x="-19.2%" y="-39.1%" width="138.5%" height="178.1%" filterUnits="objectBoundingBox" id="filter-17">
+        <rect id="path-8" x="0" y="0" width="65" height="32" rx="16"></rect>
+        <filter x="-19.2%" y="-39.1%" width="138.5%" height="178.1%" filterUnits="objectBoundingBox" id="filter-9">
             <feMorphology radius="0.5" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
             <feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
             <feColorMatrix values="0 0 0 0 0.368627451   0 0 0 0 0.48627451   0 0 0 0 0.878431373  0 0 0 0.65213034 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
         </filter>
-        <circle id="path-18" cx="47" cy="16" r="11"></circle>
-        <filter x="-13.6%" y="-13.6%" width="127.3%" height="127.3%" filterUnits="objectBoundingBox" id="filter-19">
+        <circle id="path-10" cx="47" cy="16" r="11"></circle>
+        <filter x="-13.6%" y="-13.6%" width="127.3%" height="127.3%" filterUnits="objectBoundingBox" id="filter-11">
             <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
             <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
             <feColorMatrix values="0 0 0 0 0.214740491   0 0 0 0 0.337753528   0 0 0 0 0.747796985  0 0 0 1 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, -573.000000)">
+    <g id="组件总览" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="-TinyUI-Ng-组件总览-1" transform="translate(-1089.000000, -573.000000)">
             <g id="Switch开关" transform="translate(1089.000000, 573.000000)">
-                <g id="编组">
-                    <g transform="translate(9.000000, 1.000000)" id="多边形">
-                        <polygon fill="url(#linearGradient-1)" opacity="0.54620216" points="53.2605623 0 106.521125 30.75 53.2605623 62 0 30.75"></polygon>
-                        <polygon fill="url(#linearGradient-2)" points="53.2605623 61.5 106.521125 86.75 53.2605623 118 0 86.75"></polygon>
-                        <polygon fill="url(#linearGradient-3)" opacity="0.600606283" points="53.2605623 62 53.2605623 123 7.39138783e-15 92.25 0 30.75"></polygon>
-                        <polygon fill="url(#linearGradient-4)" opacity="0.791265578" points="53.2605623 62 106.521125 30.75 106.521125 92.25 53.2605623 123"></polygon>
-                        <polygon fill="url(#linearGradient-5)" points="53.2605623 118.007802 53.2605623 123 7.39138783e-15 92.25 0 86.9161706"></polygon>
-                        <polygon fill="url(#linearGradient-6)" transform="translate(79.630281, 104.958085) scale(-1, 1) translate(-79.630281, -104.958085) " points="106.260562 118.007802 106.260562 123 53 92.25 53 86.9161706"></polygon>
-                    </g>
-                    <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="62.5" cy="90" rx="32.5" ry="10"></ellipse>
-                </g>
+                <g id="编组"></g>
                 <g id="编组-7" transform="translate(30.000000, 25.000000)">
                     <g id="编组-9" transform="translate(0.000000, 40.000000)">
                         <g id="矩形">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
-                            <use fill="url(#linearGradient-9)" fill-rule="evenodd" xlink:href="#path-10"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                            <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
                         </g>
                         <g id="椭圆形">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-13)" xlink:href="#path-12"></use>
-                            <use fill="#FFFFFF" 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="#FFFFFF" fill-rule="evenodd" xlink:href="#path-4"></use>
                         </g>
                         <rect id="矩形" stroke="#92A2C6" stroke-width="2" x="14" y="12" width="8" height="8" rx="4"></rect>
                     </g>
                     <g id="编组-10">
                         <g id="矩形">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-17)" xlink:href="#path-16"></use>
-                            <use stroke="url(#linearGradient-15)" stroke-width="1" fill="url(#linearGradient-14)" fill-rule="evenodd" xlink:href="#path-16"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                            <use stroke="url(#linearGradient-7)" stroke-width="1" fill="url(#linearGradient-6)" fill-rule="evenodd" xlink:href="#path-8"></use>
                         </g>
                         <g id="椭圆形备份">
-                            <use fill="black" fill-opacity="1" filter="url(#filter-19)" xlink:href="#path-18"></use>
-                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-18"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-10"></use>
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-10"></use>
                         </g>
                         <rect id="矩形备份-2" fill="#92A2C6" x="46" y="11" width="2" height="10"></rect>
                     </g>