@titaui/pc 1.7.13 → 1.7.17

package/src/components/nav-top/images/app-tixing.svg

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>app-tixing</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.964706 0 0 0 0 0.741176 0 0 0 0 0.086275 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(-598.000000, -123.000000)">
+            <g id="编组-4备份" transform="translate(578.000000, 42.000000)">
+                <g id="编组-3" transform="translate(0.000000, 68.000000)">
+                    <g id="app-tixing" transform="translate(20.000000, 13.000000)">
+                        <circle id="椭圆形" fill-opacity="0.2" fill="#F6BD16" cx="16" cy="16" r="16"></circle>
+                        <g id="app-tixing" transform="translate(6.000000, 6.000000)" filter="url(#filter-1)">
+                            <g>
+                                <path d="M10,4.25 C11.6566811,4.25 13.1567183,4.92179403 14.2429288,6.00740452 C15.3286277,7.09310336 16,8.59310921 16,10.25 C16,11.9066719 15.3285393,13.4067183 14.2430591,14.4927986 C13.1567183,15.5785393 11.6566719,16.25 10,16.25 C8.34310921,16.25 6.84310336,15.5786277 5.75753473,14.4930591 C4.67179403,13.4067183 4,11.9066811 4,10.25 C4,8.5931 4.67170568,7.09310336 5.75740452,6.00740452 C6.84310336,4.92170568 8.3431,4.25 10,4.25 Z" id="员" stroke="#141C28" stroke-width="1.33333333"></path>
+                                <path d="M5.53655495,3.23702961 C4.43502016,3.23702961 3.33348537,4.01646392 3.33348537,5.24911447 M16.6812187,5.26823842 C16.6812187,4.24307204 15.5921387,3.25 14.5030587,3.23702961" id="形状" stroke="#141C28" stroke-width="1.33333333" stroke-linecap="round" stroke-linejoin="round"></path>
+                                <rect id="矩形" fill="#141C28" x="9.33333333" y="6.91666667" width="1.33333333" height="4.66666667" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(5.858608, 16.058058) rotate(-315.000000) translate(-5.858608, -16.058058) " x="5.19194174" y="14.3497249" width="1.33333333" height="3.41666667" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(14.111929, 16.028595) scale(-1, 1) rotate(-315.000000) translate(-14.111929, -16.028595) " x="13.4452621" y="14.3619288" width="1.33333333" height="3.33333333" rx="0.666666667"></rect>
+                                <rect id="矩形" fill="#141C28" transform="translate(11.238034, 11.666667) rotate(-330.000000) translate(-11.238034, -11.666667) " x="9.23803387" y="11" width="4" height="1.33333333" rx="0.666666667"></rect>
+                            </g>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/nav-top/images/bell.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" 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 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 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(-973.000000, -17.000000)">
+            <g id="bell" transform="translate(973.000000, 17.000000)" filter="url(#filter-1)">
+                <g>
+                    <path d="M10.0134137,3.33333333 C10.2596762,3.33333333 10.4882019,3.40947271 10.67644,3.53984587 C10.8704247,3.67419907 11.0219839,3.86564749 11.1062357,4.09010883 C12.500322,4.8105417 13.3405282,5.43573057 13.9317732,6.25272971 C14.5075396,7.04834 14.846747,8.02624604 14.846747,9.08333333 L14.846747,9.08333333 L14.846747,12.891045 L15.8081933,14.4046034 L11.9979898,14.9171476 C11.9263157,15.4924975 11.6099219,15.9913803 11.156905,16.3078121 C10.8328747,16.534147 10.4385967,16.6666667 10.0134137,16.6666667 C9.58823067,16.6666667 9.19395274,16.534147 8.8699224,16.3078121 C8.41690551,15.9913803 8.10051172,15.4924975 8.02883757,14.9171476 L8.02883757,14.9171476 L4.5,14.9166667 L5.18008038,12.891045 L5.18008038,9.08333333 C5.18008038,8.02620525 5.51931376,7.04826289 6.09518007,6.25271046 C6.68643877,5.43589363 7.52666233,4.8109336 8.50479979,4.48990505 C9.00530961,3.86567916 9.15667087,3.67423861 9.35047606,3.53990042 C9.53865336,3.40946327 9.76716819,3.33333333 10.0134137,3.33333333 Z" stroke="#141C28" stroke-width="1.33333333"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/components/nav-top/index.scss

@@ -0,0 +1,101 @@
+.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;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
+    sans-serif, PingFang SC, Microsoft YaHei;
+  &__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: default;
+    &-home {
+      display: inline-flex;
+      border-radius: 4px;
+      padding: 4px;
+      &--active {
+        background: #5c8eff;
+      }
+      &-img {
+        width: 20px;
+        height: 20px;
+      }
+      &--hover:hover {
+        cursor: pointer;
+      }
+    }
+    &-logo {
+      max-width: 120px;
+      max-height: 24px;
+      &--hover:hover {
+        cursor: pointer;
+      }
+    }
+  }
+  &__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;
+  }
+
+  &__middle {
+    flex: 1;
+    overflow: hidden;
+    height: 54px;
+    display: inline-flex;
+    align-items: center;
+  }
+
+  &__msg {
+    margin-right: 24px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    display: inline-flex;
+  }
+
+  &__photo {
+    width: 28px;
+    height: 28px;
+    border-radius: 50%;
+    margin-right: 20px;
+    cursor: pointer;
+    .titaui-pc-avator-container {
+      display: inline-flex;
+      .titaui-pc-avatar--text {
+        width: 28px !important;
+        height: 28px !important;
+      }
+      img {
+        width: 28px !important;
+        height: 28px !important;
+      }
+    }
+  }
+  &__invite {
+    margin-right: 24px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    display: inline-flex;
+    font-size: 20px;
+    color: #ffffff;
+  }
+}

package/src/components/nav-top/index.tsx

@@ -0,0 +1,145 @@
+import React, { FC, useState, useEffect, useCallback } from "react";
+import classNames from "classnames";
+import { getTenantInfo, getBSGlobal } from "../../utils/bs-global";
+import UserOwnMenu from "./components/user-own-menu";
+import Menu from "./components/menu";
+import Msg from "./components/user-message";
+import Home from "./images/home.png";
+import Version from "./components/version";
+import { getMenus } from "./utils";
+import "./index.scss";
+import defaultLogo from "./images/logo-white.png";
+import { rpost } from "../../utils/request";
+import Toast from "../toast";
+import { isLocal } from "../../utils/helpers";
+const Logo = isLocal() ? getTenantInfo().Logo : defaultLogo;
+const hasOKRApp = getBSGlobal("newNavigation").find(
+  (item) => item.appId === 113
+);
+const preCls = "titaui-nav-top";
+
+const NavTop: FC = () => {
+  const [menu] = useState(getMenus());
+  const versionInfo = getBSGlobal("tenantAuthentication");
+  const [activeMenuId, setActiveMenuId] = useState(-1);
+  const ua = navigator.userAgent.toLowerCase();
+  const showWxInvite =
+    getTenantInfo().mainCorpId && ua.indexOf("micromessenger") != -1;
+  const openWxInvite = useCallback(() => {
+    //@ts-ignore
+    WeixinJSBridge &&
+      //@ts-ignore
+      WeixinJSBridge.invoke(
+        "selectPrivilegedContact",
+        {
+          fromDepartmentId: -1, // 必填，表示打开的通讯录从指定的部门开始展示，-1表示自己所在部门开始, 0表示从最上层开始
+          mode: "multi", // 必填，选择模式，single表示单选，multi表示多选
+          selectedContextContact: 0, // 是否勾选当前环境的参与者。例如在群+号聊天附件栏打开，默认勾选当前群成员。
+          // "selectedOpenUserIds"["xxx","yyy"], // 非必填，已选用户OpenID列表。single模式忽略该参数。
+          // "selectedTickets"["ticket1","ticket2"] // 非必填，已选ticket列表。single模式忽略该参数
+        },
+        function (res) {
+          if (res.err_msg == "selectPrivilegedContact:ok") {
+            // var selectedUserList = res.result.userList; // 已选的成员列表
+            // for (var i = 0; i < selectedUserList.length; i++) {
+            //   var openUserId = selectedUserList[i].openUserId; //成员openUserId
+            // }
+            var selectedTicket = res.result.selectedTicket.replace(/['"]/g, ""); // 已选的集合Ticket
+            rpost("v1")(
+              "wx/send/templateMessage?selectedTickets=" + selectedTicket
+            )
+              .then(() => {
+                Toast.Success("邀请成功");
+              })
+              .catch((e) => {
+                Toast.Error("邀请失败");
+              });
+          } else {
+            // console.log(res);
+          }
+        }
+      );
+  }, []);
+
+  const handleHashChange = () => {
+    const hash = location.hash.split('?')[0] || "";
+    if (hash) {
+      const activeMenu = menu.find((item) =>
+        hash.includes(item.href.split("#")[1].split('?')[0])
+      );
+      if (hash.includes('homepage')) {
+        setActiveMenuId(99999);
+        return;
+      }
+      if (activeMenu) {
+        setActiveMenuId(activeMenu.id);
+      } else {
+        setActiveMenuId(-1);
+      }
+    }
+  };
+
+  useEffect(() => {
+    handleHashChange();
+    window.addEventListener("hashchange", handleHashChange);
+    return () => {
+      window.removeEventListener("hashchange", handleHashChange);
+    };
+  }, []);
+
+  return (
+    <div className={classNames(`${preCls}`)}>
+      <a
+        className={classNames(`${preCls}__left`)}
+        href={hasOKRApp ? `#homepage` : ""}
+      >
+        <img
+          src={Logo}
+          className={classNames(`${preCls}__left-logo`, {
+            [`${preCls}__left-logo--hover`]: hasOKRApp,
+          })}
+        />
+        {hasOKRApp && (
+          <span
+            className={classNames(`${preCls}__left-home`, {
+              [`${preCls}__left-home--active`]: activeMenuId == 99999,
+              [`${preCls}__left-home--hover`]: hasOKRApp,
+            })}
+          >
+            <img
+              src={Home}
+              className={classNames(`${preCls}__left-home-img`)}
+            />
+          </span>
+        )}
+      </a>
+      <div className={classNames(`${preCls}__line`)}></div>
+      <div className={classNames(`${preCls}__middle`)}>
+        <Menu menus={menu} activeMenuId={activeMenuId} />
+      </div>
+      {showWxInvite && (
+        <div className={classNames(`${preCls}__invite`)} onClick={openWxInvite}>
+          <i
+            className={classNames(
+              "tu-icon-add-people",
+              `${preCls}__invite-icon`
+            )}
+          />
+        </div>
+      )}
+      <div className={classNames(`${preCls}__msg`)}>
+        <Msg />
+      </div>
+      {versionInfo.Version === 1 && (
+        <div className={classNames(`${preCls}__version`)}>
+          <Version />
+        </div>
+      )}
+      <div className={classNames(`${preCls}__photo`)}>
+        <UserOwnMenu />
+      </div>
+    </div>
+  );
+};
+
+export default NavTop;

package/src/components/nav-top/interface.ts

@@ -0,0 +1,37 @@
+export interface IMenuProps {
+  menus: INavType[];
+  activeMenuId: number | string;
+}
+
+export interface IOwnSetItemType {
+  id: string;
+  url: any;
+  title: string;
+  objUrl: string;
+}
+
+export type IOwnSetType = IOwnSetItemType[];
+
+export interface INavType {
+  DataSource: any;
+  appCode: any;
+  appId: number;
+  children: any[];
+  code: string;
+  color: string;
+  defaultExpand: boolean;
+  domain: string;
+  groupId: number;
+  href: string;
+  iconName: string;
+  id: number;
+  labelName: null
+  menuPoint: null
+  orderId: number;
+  originUrl: null
+  signUrl: string;
+  status: number;
+  tenantId: number;
+  title: string;
+  type: string;
+}