@titaui/pc 1.6.8 → 1.6.12

package/lib/components/nav-top/images/empty-img.svg

@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="160px" height="106px" viewBox="0 0 160 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>图</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="57.8739431%" id="linearGradient-1">
+            <stop stop-color="#F0F2F5" offset="0%"></stop>
+            <stop stop-color="#F0F2F5" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#E9ECF0" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#E9ECF0" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="71.4436849%" y1="74.1965974%" x2="0%" y2="25.8034026%" id="linearGradient-4">
+            <stop stop-color="#F0F2F5" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#F0F2F5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="71.4436849%" y1="74.5%" x2="0%" y2="25.5%" id="linearGradient-5">
+            <stop stop-color="#F0F2F5" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#F0F2F5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="71.4436849%" y1="79.5313803%" x2="0%" y2="20.4686197%" id="linearGradient-6">
+            <stop stop-color="#F0F2F5" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#F0F2F5" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0.913217905%" x2="50%" y2="100%" id="linearGradient-7">
+            <stop stop-color="#C4D8FC" offset="0%"></stop>
+            <stop stop-color="#E0EAF6" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-11.1%" y="-33.3%" width="122.2%" height="166.7%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="1" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-9">
+            <stop stop-color="#E9ECF0" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="85.7774864%" y1="63.0435802%" x2="14.4844044%" y2="76.8526297%" id="linearGradient-10">
+            <stop stop-color="#F6BD16" offset="0%"></stop>
+            <stop stop-color="#FFE18B" offset="100%"></stop>
+        </linearGradient>
+        <circle id="path-11" cx="13.4029414" cy="13.3298068" r="9.75058836"></circle>
+        <linearGradient x1="53.7995468%" y1="83.4710744%" x2="0.325960726%" y2="49.7817949%" id="linearGradient-13">
+            <stop stop-color="#F6BD16" offset="0%"></stop>
+            <stop stop-color="#FFE18B" offset="100%"></stop>
+        </linearGradient>
+        <path d="M25.1670592,-24.7058824 C36.2738305,-24.7058824 45.2776477,-15.7020652 45.2776477,-4.59529386 L45.2776477,8.61872203 L45.2776477,8.61872203 L48.4131123,13.5547329 C49.4959007,15.2593144 48.9918378,17.5189241 47.2872563,18.6017125 C46.701122,18.9740381 46.0210861,19.1717653 45.3266945,19.1717653 L5.00742384,19.1717653 C2.98801087,19.1717653 1.35095321,17.5347076 1.35095321,15.5152946 C1.35095321,14.820903 1.54868039,14.1408671 1.921006,13.5547329 L5.05647067,8.61872203 L5.05647067,8.61872203 L5.05647067,-4.59529386 C5.05647067,-15.7020652 14.0602878,-24.7058824 25.1670592,-24.7058824 Z" id="path-14"></path>
+        <filter x="-4.7%" y="-8.0%" width="109.3%" height="125.1%" filterUnits="objectBoundingBox" id="filter-15">
+            <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.964705882   0 0 0 0 0.741176471   0 0 0 0 0.0862745098  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="26.5859117%" y1="5.68434189e-12%" x2="65.2945559%" y2="50%" id="linearGradient-16">
+            <stop stop-color="#AFCAFF" offset="0%"></stop>
+            <stop stop-color="#2879FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="-1.11022302e-14%" y1="50%" x2="100%" y2="50%" id="linearGradient-17">
+            <stop stop-color="#9FBFFF" offset="0%"></stop>
+            <stop stop-color="#5897FF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M34.2258827,10.7058824 C45.332654,10.7058824 54.3364712,19.7096995 54.3364712,30.8164708 L54.3364712,44.0304867 L54.3364712,44.0304867 L57.4719359,48.9664976 C58.5547242,50.6710791 58.0506613,52.9306888 56.3460798,54.0134772 C55.7599455,54.3858028 55.0799096,54.58353 54.385518,54.58353 L14.0662474,54.58353 C12.0468344,54.58353 10.4097767,52.9464723 10.4097767,50.9270593 C10.4097767,50.2326677 10.6075039,49.5526318 10.9798295,48.9664976 L14.1152942,44.0304867 L14.1152942,44.0304867 L14.1152942,30.8164708 C14.1152942,19.7096995 23.1191114,10.7058824 34.2258827,10.7058824 Z" id="path-18"></path>
+        <filter x="-5.6%" y="-13.7%" width="111.2%" height="127.3%" filterUnits="objectBoundingBox" id="filter-20">
+            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="3" 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 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.5 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="3" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="-6" dy="-2" in="shadowBlurInner2" result="shadowOffsetInner2"></feOffset>
+            <feComposite in="shadowOffsetInner2" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner2"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.156862745   0 0 0 0 0.474509804   0 0 0 0 1  0 0 0 0.4 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <filter x="-42.9%" y="-37.7%" width="185.9%" height="175.4%" filterUnits="objectBoundingBox" id="filter-21">
+            <feGaussianBlur stdDeviation="4.94117647" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="消息-为空状态" transform="translate(-708.000000, -220.000000)">
+            <g id="编组-4备份-7" transform="translate(578.000000, 42.000000)">
+                <g id="图" transform="translate(130.000000, 178.000000)">
+                    <ellipse id="椭圆形" fill="url(#linearGradient-1)" cx="80" cy="77" rx="80" ry="29"></ellipse>
+                    <g id="编组-17" transform="translate(130.000000, 50.000000)">
+                        <rect id="矩形" fill="#E9ECF0" x="2.53846154" y="8.125" width="1" height="4.875"></rect>
+                        <path d="M2.76923077,0 C0.923076923,1.70238095 0,3.25 0,4.64285714 C0,6.73214286 1.15384615,8.58928571 2.76923077,8.58928571 C4.38461538,8.58928571 6,7.42857143 6,4.64285714 C6,2.78571429 4.92307692,1.23809524 2.76923077,0 Z" id="路径-2" fill="url(#linearGradient-2)"></path>
+                    </g>
+                    <g id="编组-17备份" transform="translate(145.000000, 61.000000)">
+                        <rect id="矩形" fill="#E9ECF0" x="1.94444444" y="5.53846154" width="1" height="3.46153846"></rect>
+                        <path d="M2.30769231,0 C0.769230769,1.18918919 0,2.27027027 0,3.24324324 C0,4.7027027 0.961538462,6 2.30769231,6 C3.65384615,6 5,5.18918919 5,3.24324324 C5,1.94594595 4.1025641,0.864864865 2.30769231,0 Z" id="路径-2" fill="url(#linearGradient-3)"></path>
+                    </g>
+                    <path d="M138.92,33 C141.927734,33 144.465559,34.8464371 145.261086,37.371578 C148.482098,37.6563393 151,40.1444098 151,43.1714286 C151,46.3904597 148.152531,49 144.64,49 C141.868597,49 139.511213,47.3754873 138.6398,45.1088416 C138.486125,45.103038 138.333681,45.0923146 138.182773,45.0769217 C137.155985,46.3472915 135.50354,47.1714286 133.64,47.1714286 C130.525114,47.1714286 128,44.868893 128,42.0285714 C128,39.4708067 130.047704,37.3491516 132.729803,36.9523372 C133.661133,34.6447595 136.081275,33 138.92,33 Z" id="形状结合" fill="url(#linearGradient-4)"></path>
+                    <path d="M104.255814,0 C109.309293,0 113.570207,3.26132826 114.884235,7.71349319 L115.132106,7.70364844 L115.132106,7.70364844 L115.418605,7.7 C121.262548,7.7 126,12.2443098 126,17.85 C126,23.4556902 121.262548,28 115.418605,28 C110.788675,28 106.853265,25.1476373 105.417997,21.17492 C105.036191,21.2136513 104.648394,21.2333333 104.255814,21.2333333 C103.81026,21.2333333 103.370867,21.2079812 102.939112,21.1586961 C101.220893,23.3296532 98.4916148,24.7333333 95.4186047,24.7333333 C90.2168529,24.7333333 86,20.711358 86,15.75 C86,11.2776683 89.4265363,7.56866151 93.9122423,6.88094071 C95.4850798,2.86076716 99.5228366,0 104.255814,0 Z" id="形状结合备份" fill="url(#linearGradient-5)"></path>
+                    <path d="M18.6086957,33 C22.6512863,33 26.0580426,35.7016918 27.0957202,39.3849712 C30.9892322,40.1383948 33.9275362,43.5365268 33.9275362,47.6145833 C33.9275362,52.2457211 30.1381782,56 25.4637681,56 C21.8024302,56 18.684086,53.6966892 17.5044012,50.4728132 C16.1263843,52.2317884 13.9655414,53.3645833 11.5362319,53.3645833 C7.37408594,53.3645833 4,50.0393649 4,45.9375 C4,42.2210085 6.76987219,39.1420856 10.386134,38.5963558 C11.6589502,35.3224932 14.8605273,33 18.6086957,33 Z" id="形状结合备份-2" fill="url(#linearGradient-6)"></path>
+                    <ellipse id="椭圆形" fill="url(#linearGradient-7)" filter="url(#filter-8)" cx="91.5" cy="66.5" rx="13.5" ry="4.5"></ellipse>
+                    <g id="编组-17备份-2" transform="translate(22.000000, 53.000000)">
+                        <rect id="矩形" fill="#E9ECF0" x="2.84375" y="9.97101449" width="1.09375" height="6.02898551"></rect>
+                        <path d="M3.23076923,0 C1.07692308,2.11411411 0,4.03603604 0,5.76576577 C0,8.36036036 1.34615385,10.6666667 3.23076923,10.6666667 C5.11538462,10.6666667 7,9.22522523 7,5.76576577 C7,3.45945946 5.74358974,1.53753754 3.23076923,0 Z" id="路径-2" fill="url(#linearGradient-9)"></path>
+                    </g>
+                    <g id="编组-4" transform="translate(50.000000, 2.000000)">
+                        <g id="蒙版" transform="translate(11.735294, 36.141571)">
+                            <mask id="mask-12" fill="white">
+                                <use xlink:href="#path-11"></use>
+                            </mask>
+                            <use fill="url(#linearGradient-10)" transform="translate(13.402941, 13.329807) rotate(-330.000000) translate(-13.402941, -13.329807) " xlink:href="#path-11"></use>
+                            <g mask="url(#mask-12)" transform="translate(25.167059, -2.767059) rotate(-315.000000) translate(-25.167059, 2.767059) ">
+                                <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
+                                <use fill="url(#linearGradient-13)" fill-rule="evenodd" style="mix-blend-mode: multiply;" xlink:href="#path-14"></use>
+                            </g>
+                        </g>
+                        <ellipse id="椭圆形" fill="url(#linearGradient-16)" transform="translate(44.944118, 15.754118) rotate(-330.000000) translate(-44.944118, -15.754118) " cx="44.9441182" cy="15.7541178" rx="5.76470588" ry="6.7035295"></ellipse>
+                        <g id="路径-3" transform="translate(0.205882, 0.729806)">
+                            <mask id="mask-19" fill="white">
+                                <use xlink:href="#path-18"></use>
+                            </mask>
+                            <g id="蒙版" transform="translate(34.225883, 32.644706) rotate(-330.000000) translate(-34.225883, -32.644706) ">
+                                <use fill="url(#linearGradient-17)" fill-rule="evenodd" xlink:href="#path-18"></use>
+                                <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-18"></use>
+                            </g>
+                            <path d="M52.0709443,13.8466642 C39.1805108,15.4479713 30.1343137,20.4997455 24.9323532,29.0019867 C19.7303926,37.5042279 17.2739185,44.0642184 17.5629307,48.6819583 L25.7839721,53.1492155 C23.9573397,47.0141813 25.2195903,40.0348994 29.5707241,32.21137 C33.9218579,24.3878406 41.4219313,18.266272 52.0709443,13.8466642 Z" fill-opacity="0.9" fill="#FFFFFF" filter="url(#filter-21)" mask="url(#mask-19)"></path>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/exit.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -274.000000)">
+            <g id="退出" transform="translate(944.000000, 44.000000)" filter="url(#filter-1)">
+                <g transform="translate(20.000000, 230.000000)">
+                    <path d="M8.66666667,1.86666667 C9.84487413,1.86666667 10.8,2.82179253 10.8,4 L10.8,4.2 C10.8,4.49455187 10.5612185,4.73333333 10.2666667,4.73333333 L10.2,4.73333333 C9.94226712,4.73333333 9.73333333,4.52439955 9.73333333,4.26666667 L9.73333333,4.26666667 L9.73333333,4.26666667 C9.73333333,3.53795762 9.14875143,2.945785 8.42296596,2.93352714 L8.4,2.93333333 L5.06666667,2.93333333 C4.33795762,2.93333333 3.745785,3.51791524 3.73352714,4.24370071 L3.73333333,4.26666667 L3.73333333,11.7333333 C3.73333333,12.4620424 4.31791524,13.054215 5.04370071,13.0664729 L5.06666667,13.0666667 L8.4,13.0666667 C9.12870904,13.0666667 9.72088167,12.4820848 9.73313953,11.7562993 L9.73333333,11.7333333 C9.73333333,11.4756005 9.94226712,11.2666667 10.2,11.2666667 L10.2666667,11.2666667 C10.5612185,11.2666667 10.8,11.5054481 10.8,11.8 L10.8,12 L10.8,12 C10.8,13.1782075 9.84487413,14.1333333 8.66666667,14.1333333 L4.8,14.1333333 C3.62179253,14.1333333 2.66666667,13.1782075 2.66666667,12 L2.66666667,4 C2.66666667,2.82179253 3.62179253,1.86666667 4.8,1.86666667 L8.66666667,1.86666667 Z" id="路径" fill="#141C28"></path>
+                    <rect id="矩形" fill="#141C28" x="6.66666667" y="7.46666667" width="6.66666667" height="1.06666667" rx="0.533333333"></rect>
+                    <rect id="矩形备份" fill="#141C28" transform="translate(12.000000, 7.200000) rotate(-315.000000) translate(-12.000000, -7.200000) " x="10.3333333" y="6.66666667" width="3.33333333" height="1.06666667" rx="0.533333333"></rect>
+                    <rect id="矩形备份-2" fill="#141C28" transform="translate(12.000000, 8.800000) scale(1, -1) rotate(-315.000000) translate(-12.000000, -8.800000) " x="10.3333333" y="8.26666667" width="3.33333333" height="1.06666667" rx="0.533333333"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/manage.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -137.000000)">
+            <g id="下拉框" transform="translate(944.000000, 44.000000)">
+                <g id="企业管理后台" transform="translate(12.000000, 85.000000)" filter="url(#filter-1)">
+                    <g transform="translate(8.000000, 8.000000)">
+                        <path d="M11.8666667,2.66666667 C13.0448741,2.66666667 14,3.62179253 14,4.8 L14,9.33333333 C14,10.5115408 13.0448741,11.4666667 11.8666667,11.4666667 L4.13333333,11.4666667 C2.95512587,11.4666667 2,10.5115408 2,9.33333333 L2,4.8 C2,3.62179253 2.95512587,2.66666667 4.13333333,2.66666667 L11.8666667,2.66666667 Z M11.6,3.73333333 L4.4,3.73333333 C3.66362033,3.73333333 3.06666667,4.330287 3.06666667,5.06666667 L3.06666667,5.06666667 L3.06666667,9.06666667 C3.06666667,9.80304633 3.66362033,10.4 4.4,10.4 L4.4,10.4 L11.6,10.4 C12.3363797,10.4 12.9333333,9.80304633 12.9333333,9.06666667 L12.9333333,9.06666667 L12.9333333,5.06666667 C12.9333333,4.330287 12.3363797,3.73333333 11.6,3.73333333 L11.6,3.73333333 Z" id="形状结合" fill="#444444"></path>
+                        <rect id="矩形" fill="#444444" x="3.6" y="12.2666667" width="8.8" height="1.06666667" rx="0.533333333"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/open.svg

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -169.000000)">
+            <g id="下拉框" transform="translate(944.000000, 44.000000)">
+                <g id="开启高级功能" transform="translate(12.000000, 85.000000)" filter="url(#filter-1)">
+                    <g transform="translate(8.000000, 40.000000)">
+                        <path d="M10.3333333,3.66666667 C12.7265672,3.66666667 14.6666667,5.60676608 14.6666667,8 C14.6666667,10.3932339 12.7265672,12.3333333 10.3333333,12.3333333 L5.66666667,12.3333333 C3.27343275,12.3333333 1.33333333,10.3932339 1.33333333,8 C1.33333333,5.60676608 3.27343275,3.66666667 5.66666667,3.66666667 L10.3333333,3.66666667 Z M10.3333333,4.73333333 L5.66666667,4.73333333 C3.86253648,4.73333333 2.4,6.19586982 2.4,8 C2.4,9.80413018 3.86253648,11.2666667 5.66666667,11.2666667 L5.66666667,11.2666667 L10.3333333,11.2666667 C12.1374635,11.2666667 13.6,9.80413018 13.6,8 C13.6,6.19586982 12.1374635,4.73333333 10.3333333,4.73333333 L10.3333333,4.73333333 Z" id="形状结合" fill="#444444"></path>
+                        <path d="M10.3333333,5.66666667 C11.6219977,5.66666667 12.6666667,6.71133558 12.6666667,8 C12.6666667,9.28866442 11.6219977,10.3333333 10.3333333,10.3333333 C9.04466892,10.3333333 8,9.28866442 8,8 C8,6.71133558 9.04466892,5.66666667 10.3333333,5.66666667 Z M10.3333333,6.73333333 C9.63377265,6.73333333 9.06666667,7.30043932 9.06666667,8 C9.06666667,8.69956068 9.63377265,9.26666667 10.3333333,9.26666667 C11.032894,9.26666667 11.6,8.69956068 11.6,8 C11.6,7.30043932 11.032894,6.73333333 10.3333333,6.73333333 Z" id="形状结合" fill="#444444"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/own-home.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -68.000000)">
+            <g id="个人主页" transform="translate(944.000000, 44.000000)" filter="url(#filter-1)">
+                <g transform="translate(20.000000, 24.000000)">
+                    <ellipse id="椭圆形" stroke="#444444" stroke-width="1.06666667" cx="8" cy="5.83703704" rx="2.8" ry="3.17037037"></ellipse>
+                    <path d="M9.95242311,8.13333333 L10.7789474,8.13333333 C11.8951439,8.13333333 12.8,9.06675179 12.8,10.2181818 L12.8,11.7818182 C12.8,12.9332482 11.8951439,13.8666667 10.7789474,13.8666667 L5.22105263,13.8666667 C4.10485608,13.8666667 3.2,12.9332482 3.2,11.7818182 L3.2,10.2181818 C3.2,9.06675179 4.10485608,8.13333333 5.22105263,8.13333333 L5.91205458,8.13333333" id="路径" stroke="#444444" stroke-width="1.06666667" stroke-linecap="round" stroke-linejoin="round"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/qiye-o.svg

@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -201.000000)">
+            <g id="下拉框" transform="translate(944.000000, 44.000000)">
+                <g id="qiye-o" transform="translate(12.000000, 85.000000)" filter="url(#filter-1)">
+                    <g transform="translate(8.000000, 72.000000)">
+                        <g id="OKR-gongsi" transform="translate(3.200000, 2.200000)">
+                            <path d="M1.6,11.5515889 C0.7163444,11.5515889 0,10.8352445 0,9.95158894 L0,2.67699271 C0,2.04183544 0.375703133,1.46681837 0.957379213,1.21171508 L3.41217373,0.135125935 C4.22142422,-0.219783727 5.16516249,0.148532285 5.52007215,0.957782771 C5.60892131,1.16037299 5.65479452,1.37918654 5.65479452,1.60040356 L5.65479452,3.81825562 L8.851513,5.82774837 C9.31731493,6.12055663 9.6,6.63215348 9.6,7.1823426 L9.6,7.1823426 L9.6,9.95158894 C9.6,10.8352445 8.8836556,11.5515889 8,11.5515889 L8,11.5515889 L1.6,11.5515889 Z" id="形状结合" stroke="#141C28" stroke-width="1.06666667" stroke-linejoin="round"></path>
+                            <rect id="矩形" fill="#2879FF" fill-rule="nonzero" x="7.13333333" y="6.75158894" width="1.06666667" height="3.33333333" rx="0.533333333"></rect>
+                            <rect id="矩形" fill="#141C28" fill-rule="nonzero" x="2.26666667" y="2.35158895" width="1.06666667" height="7.73333333" rx="0.533333333"></rect>
+                            <rect id="矩形" fill="#141C28" fill-rule="nonzero" x="5.13333333" y="3.41825562" width="1.06666667" height="7.86666667"></rect>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/images/set.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.247059 0 0 0 0 0.278431 0 0 0 0 0.333333 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="整体框架" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="头像" transform="translate(-964.000000, -100.000000)">
+            <g id="设置" transform="translate(944.000000, 44.000000)" filter="url(#filter-1)">
+                <g transform="translate(20.000000, 56.000000)">
+                    <path d="M9.91966602,2.41004184 C10.690023,2.41004184 11.4005422,2.82536272 11.7785345,3.4966091 L13.7438784,6.98670673 C14.1098316,7.63657382 14.1098316,8.43037178 13.7438784,9.08023888 L11.7785345,12.5703365 C11.4005422,13.2415829 10.690023,13.6569038 9.91966602,13.6569038 L6.08033398,13.6569038 C5.309977,13.6569038 4.59945782,13.2415829 4.22146553,12.5703365 L2.25612162,9.08023888 C1.89016844,8.43037178 1.89016844,7.63657382 2.25612162,6.98670673 L4.22146553,3.4966091 C4.59945782,2.82536272 5.309977,2.41004184 6.08033398,2.41004184 L9.91966602,2.41004184 Z M9.63198422,3.48117155 L6.36801578,3.48117155 C5.79055104,3.48117155 5.25789202,3.79233844 4.97428019,4.29535917 L4.97428019,4.29535917 L3.30972136,7.24766042 C3.03470215,7.73544106 3.03470215,8.33150455 3.30972136,8.81928518 L3.30972136,8.81928518 L4.97428019,11.7715864 C5.25789202,12.2746072 5.79055104,12.5857741 6.36801578,12.5857741 L6.36801578,12.5857741 L9.63198422,12.5857741 C10.209449,12.5857741 10.742108,12.2746072 11.0257198,11.7715864 L11.0257198,11.7715864 L12.6902786,8.81928518 C12.9652978,8.33150455 12.9652978,7.73544106 12.6902786,7.24766042 L12.6902786,7.24766042 L11.0257198,4.29535917 C10.742108,3.79233844 10.209449,3.48117155 9.63198422,3.48117155 L9.63198422,3.48117155 Z" id="形状结合" fill="#444444"></path>
+                    <path d="M8,5.35564854 C9.47275933,5.35564854 10.6666667,6.5545513 10.6666667,8.0334728 C10.6666667,9.51239431 9.47275933,10.7112971 8,10.7112971 C6.52724067,10.7112971 5.33333333,9.51239431 5.33333333,8.0334728 C5.33333333,6.5545513 6.52724067,5.35564854 8,5.35564854 Z M8,6.42677824 C7.1163444,6.42677824 6.4,7.1461199 6.4,8.0334728 C6.4,8.92082571 7.1163444,9.64016736 8,9.64016736 C8.8836556,9.64016736 9.6,8.92082571 9.6,8.0334728 C9.6,7.1461199 8.8836556,6.42677824 8,6.42677824 Z" id="形状结合" fill="#444444"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/nav-top/index.css

@@ -0,0 +1,89 @@
+.titaui-nav-top {
+  display: flex;
+  align-items: center;
+  height: 54px;
+  background: #2879ff;
+  box-shadow: 0px 0px 16px 0px rgba(40, 121, 255, 0.6);
+  border-radius: 0px 0px 24px 24px;
+  word-break: keep-all;
+  white-space: nowrap;
+}
+
+.titaui-nav-top__left {
+  display: inline-flex;
+  justify-content: space-between;
+  align-items: center;
+  min-width: 204px;
+  height: 54px;
+  border-radius: 0px 0px 0px 24px;
+  box-sizing: border-box;
+  padding: 0 10px 0 20px;
+  cursor: pointer;
+}
+
+.titaui-nav-top__left-home {
+  display: inline-flex;
+  border-radius: 4px;
+  padding: 4px;
+}
+
+.titaui-nav-top__left-home:hover {
+  cursor: pointer;
+}
+
+.titaui-nav-top__left-home--active {
+  background: #5c8eff;
+}
+
+.titaui-nav-top__left-home-img {
+  width: 20px;
+  height: 20px;
+}
+
+.titaui-nav-top__left-logo {
+  max-width: 120px;
+  max-height: 24px;
+}
+
+.titaui-nav-top__line {
+  width: 1px;
+  min-width: 1px;
+  height: 30px;
+  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #dfe3ea 49%, rgba(255, 255, 255, 0) 100%);
+  border-radius: 1px;
+}
+
+.titaui-nav-top__middle {
+  flex: 1;
+  overflow: hidden;
+}
+
+.titaui-nav-top__msg {
+  margin-right: 20px;
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+  display: inline-flex;
+}
+
+.titaui-nav-top__photo {
+  width: 28px;
+  height: 28px;
+  border-radius: 50%;
+  margin-right: 20px;
+  cursor: pointer;
+}
+
+.titaui-nav-top__photo .titaui-pc-avator-container {
+  display: inline-flex;
+}
+
+.titaui-nav-top__photo .titaui-pc-avator-container .titaui-pc-avatar--text {
+  width: 28px !important;
+  height: 28px !important;
+}
+
+.titaui-nav-top__photo .titaui-pc-avator-container img {
+  width: 28px !important;
+  height: 28px !important;
+}

package/lib/components/nav-top/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _bsGlobal = require("../../utils/bs-global");
+
+var _popup = _interopRequireDefault(require("../popup"));
+
+var _default2 = _interopRequireDefault(require("../../components/avatar/default"));
+
+var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
+
+var _menu = _interopRequireDefault(require("./components/menu"));
+
+var _mock = require("./mock");
+
+var _userMessage = _interopRequireDefault(require("./components/user-message"));
+
+var _home = _interopRequireDefault(require("./images/home.png"));
+
+var _version = _interopRequireDefault(require("./components/version"));
+
+var _constant = require("./constant");
+
+require("./index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var Logo = (0, _bsGlobal.getTenantInfo)().Logo;
+
+var _getUserInfo = (0, _bsGlobal.getUserInfo)(),
+    Id = _getUserInfo.Id,
+    Name = _getUserInfo.Name,
+    Avatar = _getUserInfo.Avatar,
+    UserAvatar = _getUserInfo.UserAvatar;
+
+var preCls = "titaui-nav-top";
+
+var NavTop = function NavTop() {
+  var _useState = (0, _react.useState)(_mock.menuData),
+      _useState2 = _slicedToArray(_useState, 2),
+      menu = _useState2[0],
+      setMenu = _useState2[1];
+
+  var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
+
+  var _useState3 = (0, _react.useState)(""),
+      _useState4 = _slicedToArray(_useState3, 2),
+      activeMenuId = _useState4[0],
+      setActiveMenuId = _useState4[1];
+
+  var handleHashChange = function handleHashChange() {
+    var hash = location.hash || "";
+
+    if (hash) {
+      var activeMenu = menu.find(function (item) {
+        return hash.includes(item.hash);
+      });
+
+      if (activeMenu) {
+        setActiveMenuId(activeMenu.id);
+      }
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    window.addEventListener("hashchange", handleHashChange);
+  }, []);
+  (0, _react.useEffect)(function () {
+    handleHashChange();
+  }, [menu]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls))
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left")),
+    href: "#".concat(menu[0].hash)
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: Logo,
+    className: (0, _classnames["default"])("".concat(preCls, "__left-logo"))
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), _defineProperty({}, "".concat(preCls, "__left-home--active"), activeMenuId == menu[0].id))
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _home["default"],
+    className: (0, _classnames["default"])("".concat(preCls, "__left-home-img"))
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__line"))
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__middle"))
+  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], {
+    menus: menu,
+    activeMenuId: activeMenuId
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__msg"))
+  }, /*#__PURE__*/_react["default"].createElement(_userMessage["default"], null)), versionInfo.Version === 1 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__version"))
+  }, /*#__PURE__*/_react["default"].createElement(_version["default"], null)), /*#__PURE__*/_react["default"].createElement(_popup["default"], {
+    popup: /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null),
+    popupAlign: _constant.popupAlignPhoto
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__photo"))
+  }, /*#__PURE__*/_react["default"].createElement(_default2["default"], {
+    userId: Id,
+    name: Name,
+    color: UserAvatar.Color,
+    src: Avatar
+  }))));
+};
+
+var _default = NavTop;
+exports["default"] = _default;

package/lib/components/nav-top/interface.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/components/nav-top/mock.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.menuData = void 0;
+var menuData = [{
+  name: '动态',
+  id: '1',
+  hash: 'dynamic'
+}, {
+  name: 'OKR',
+  id: '2',
+  hash: 'okr/manage?iTalentNavId=44231&iTalentNavCode=tita-okrmanage'
+}, {
+  name: '项目',
+  id: '3',
+  hash: 'work?iTalentNavId=44237&iTalentNavCode=tita-work'
+}, {
+  name: '绩效考核',
+  id: '4',
+  hash: 'performance?reactRouterName=self&iTalentNavId=44270'
+}, {
+  name: '任务',
+  id: '5',
+  hash: 'plan?iTalentNavId=44236&iTalentNavCode=tita-plan'
+}, {
+  name: '总结',
+  id: '6',
+  hash: 'daily?iTalentNavId=44238&iTalentNavCode=tita-daily'
+}, {
+  name: '报表',
+  id: '7',
+  hash: 'report'
+}];
+exports.menuData = menuData;