@titaui/pc 1.12.9-beta.2 → 1.12.9-beta.5

package/lib/components/nav-top/components/app-center/images/performance.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><filter id="d" width="130%" height="245.6%" x="-15%" y="-72.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter><filter id="g" width="115.6%" height="115.6%" x="-7.8%" y="-7.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1.5"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="i" width="145.6%" height="145.6%" x="-22.8%" y="-14.5%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0.839215686 0 0 0 0 0.521568627 0 0 0 0.8 0"/></filter><filter id="k" width="144.4%" height="203.7%" x="-22.2%" y="-25.9%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0.839215686 0 0 0 0 0.521568627 0 0 0 0.8 0"/></filter><filter id="m" width="144.4%" height="203.7%" x="-22.2%" y="-25.9%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.650980392 0 0 0 0 0 0 0 0 0.4 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dy="2" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.5 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><path id="e" d="M34.1090909,10 L18.0363636,10 C13.5980026,10 10,13.1982245 10,17.1434343 L10,35.0020202 C10,38.9472301 13.5980026,42.1454545 18.0363636,42.1454545 L34.1090909,42.1454545 C38.547452,42.1454545 42.1454545,38.9472301 42.1454545,35.0020202 L42.1454545,17.1434343 C42.1454545,13.1982245 38.547452,10 34.1090909,10 Z"/><path id="h" d="M32.0818182,14 L20.0272727,14 C16.6985019,14 14,16.3986684 14,19.3575758 L14,32.7515152 C14,35.7104225 16.6985019,38.1090909 20.0272727,38.1090909 L32.0818182,38.1090909 C35.410589,38.1090909 38.1090909,35.7104225 38.1090909,32.7515152 L38.1090909,19.3575758 C38.1090909,16.3986684 35.410589,14 32.0818182,14 Z"/><path id="j" d="M27.4844608,29.3198371 C27.4103813,29.2500849 27.3463146,29.1736861 27.2923148,29.0924397 L23.427,25.452 L19.4164447,29.2292335 C18.8524228,29.760309 17.972382,29.760309 17.4083601,29.2292335 C16.886234,28.7376066 16.8615096,27.9157974 17.3531365,27.3936714 C17.3709865,27.374714 17.3894027,27.3562978 17.4083601,27.3384478 L22.4285717,22.6114836 C22.9925936,22.0804081 23.8726344,22.0804081 24.4366563,22.6114836 L24.528,22.707 L28.513,26.46 L30.411,24.673 L29.2373361,24.6739748 C28.4989384,24.6739748 27.9003487,24.0753851 27.9003487,23.3369874 C27.9003487,22.5985896 28.4989384,22 29.2373361,22 L33.6630126,22 C34.4014104,22 35,22.5985896 35,23.3369874 L34.9986576,23.3817182 C34.9995495,23.4023748 35,23.4231458 35,23.4440221 L35,27.9575921 C35,28.741798 34.3642756,29.3775224 33.5800697,29.3775224 C32.7958639,29.3775224 32.1601395,28.741798 32.1601395,27.9575921 L32.16,26.807 L29.7332714,29.0951043 C29.6936786,29.1543089 29.6486698,29.2110388 29.5982246,29.2646135 C29.5803746,29.2835709 29.5619584,29.3019871 29.5430011,29.3198371 C29.2797908,29.5676723 28.9477587,29.6998511 28.6111385,29.7163735 L28.4163234,29.7163735 C28.0797031,29.6998511 27.747671,29.5676723 27.4844608,29.3198371 Z"/><radialGradient id="f" cx="73.813%" cy="58.436%" r="71.697%" fx="73.813%" fy="58.436%"><stop offset="0%" stop-color="#00D685"/><stop offset="100%" stop-color="#75EBBE"/></radialGradient><radialGradient id="l" cx="50%" cy="70.049%" r="103.916%" fx="50%" fy="70.049%" gradientTransform="scale(.42865 1) rotate(-35.583 .833 -.338)"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#FFE18B"/></radialGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#00D685"/><stop offset="100%" stop-color="#00D685" stop-opacity="0"/></linearGradient><polygon id="a" points="0 0 52 0 52 52 0 52"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#00D685" fill-opacity=".16" d="M39.8666482,2.31108338 C43.5641899,3.6827713 48.3171222,8.43583913 49.6888111,12.1333784 C52.7703963,21.3777119 52.7703963,30.6221841 49.6888111,39.8666563 C48.3171222,43.5640569 43.5641899,48.3171247 39.8666482,49.6888126 C30.6221698,52.7703958 21.3778302,52.7703958 12.1333518,49.6888126 C8.43594875,48.3171247 3.68287776,43.5640569 2.31118892,39.8666563 C-0.770396306,30.6221841 -0.770396306,21.3777119 2.31118892,12.1333784 C3.68287776,8.43583913 8.43594875,3.6827713 12.1333518,2.31108338 C21.3778302,-0.770361126 30.6221698,-0.770361126 39.8666482,2.31108338 Z" mask="url(#b)"/><path fill="url(#c)" fill-opacity=".5" d="M36,44.5 C36,43.6715729 31.5228475,41 26,41 C20.4771525,41 16,43.6715729 16,44.5 C16,45.3284271 36,45.3284271 36,44.5 Z" filter="url(#d)" mask="url(#b)"/><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#e" fill="url(#f)"/><use xlink:href="#e" fill="#000" filter="url(#g)"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#h" fill="#000" filter="url(#i)"/><use xlink:href="#h" fill="#FFF" fill-opacity=".4"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#j" fill="#000" filter="url(#k)"/><use xlink:href="#j" fill="url(#l)"/><use xlink:href="#j" fill="#000" filter="url(#m)"/></g></g></svg>

package/lib/components/nav-top/components/app-center/images/plan.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><filter id="d" width="150%" height="198%" x="-25%" y="-49%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter><filter id="g" width="175.2%" height="109%" x="-37.6%" y="-4.5%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dx="1" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="j" width="115.4%" height="116.6%" x="-7.7%" y="-8.3%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1.5"/><feOffset dy="-1" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="l" width="157.9%" height="184.6%" x="-28.9%" y="-26.9%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.360784314 0 0 0 0 0.556862745 0 0 0 0 1 0 0 0 0.8 0"/></filter><filter id="n" width="332.7%" height="345.1%" x="-116.4%" y="-61.3%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.360784314 0 0 0 0 0.556862745 0 0 0 0 1 0 0 0 0.8 0"/></filter><filter id="p" width="332.7%" height="345.1%" x="-116.4%" y="-61.3%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.650980392 0 0 0 0 0 0 0 0 0.8 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><path id="e" d="M6.2863074,0.606249951 C7.37013039,0.605008299 8.24974908,1.48261387 8.25099073,2.56643687 C8.25099278,2.56822688 8.25099238,2.57001689 8.25098953,2.5718069 L8.20399081,32.1160303 C8.20226057,33.2036925 7.32071071,34.08485 6.23304791,34.086096 C5.14922492,34.0873377 4.26960623,33.2097321 4.26836458,32.1259091 C4.26836253,32.1241191 4.26836293,32.1223291 4.26836578,32.1205391 L4.3153645,2.57631564 C4.31709474,1.48865351 5.1986446,0.607496002 6.2863074,0.606249951 Z"/><path id="h" d="M1.8117376,2.76501465 C7.96054883,0.311125568 12.4791974,0.470272697 15.8340826,1.9850779 C21.1605288,4.39008669 23.9012116,0.757309531 24.9212452,0.196184545 C25.9412788,-0.364940441 26.436633,0.353174189 26.436633,1.39395026 C26.4370361,1.40976957 27.1819319,12.0499489 26.436633,13.6429491 C25.780812,15.0446993 23.7548893,18.2236108 15.8340826,18.2236108 C15.8399635,18.2005022 5.49385841,17.4744268 5.7858482,24.1164835 C5.78611246,24.1033888 4.25461408,17.4310064 0.806244431,4.44995117 C0.698317203,4.04366952 1.02654096,3.07837367 1.8117376,2.76501465 Z"/><path id="k" d="M3.8985224,5.4486135 C8.3188899,3.7939465 11.6128391,3.40910734 13.78037,4.29409601 C17.0316663,5.62157902 20.3686009,3.74360721 20.9912359,3.43388532 C21.6138708,3.12416342 21.9162381,3.52053826 21.9162381,4.09501123 C21.9164842,4.10374295 23.259385,9.75705884 22.8044498,10.6363407 C22.4041326,11.4100592 21.1674965,13.1647101 16.3325862,13.1647101 C16.3361759,13.151955 8.13311494,12.6594089 8.31134735,16.3255981 C8.3115137,16.3181441 6.84057205,12.6924826 3.8985224,5.4486135 Z"/><path id="m" d="M9.2424622,5.55140468 L9.44118261,5.52700489 C10.3288311,5.41801536 11.1367658,6.04924314 11.2457553,6.9368916 C11.3547448,7.82454006 10.7235171,8.63247478 9.8358686,8.74146431 L9.63714819,8.7658641 C8.74949974,8.87485363 7.94156502,8.24362585 7.83257549,7.35597739 C7.72358596,6.46832893 8.35481375,5.66039421 9.2424622,5.55140468 Z"/><radialGradient id="i" cx="73.813%" cy="58.436%" r="75.36%" fx="73.813%" fy="58.436%" gradientTransform="matrix(-.76839 -.561 .52072 -.82782 1.001 1.482)"><stop offset="0%" stop-color="#427CFF"/><stop offset="100%" stop-color="#8FB1FF"/></radialGradient><radialGradient id="o" cx="50%" cy="70.049%" r="64.997%" fx="50%" fy="70.049%" gradientTransform="scale(-.9493 -1) rotate(54.194 1.356 -1.003)"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#FFE18B"/></radialGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#2F5FFF"/><stop offset="100%" stop-color="#2F5FFF" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="0%" x2="100%" y1="43.558%" y2="43.558%"><stop offset="0%" stop-color="#5C8EFF"/><stop offset="100%" stop-color="#5C8EFF"/></linearGradient><polygon id="a" points="0 0 52 0 52 52 0 52"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#5C8EFF" fill-opacity=".16" d="M12.1333518,2.31108338 C21.3778302,-0.770361126 30.6221698,-0.770361126 39.8666482,2.31108338 C43.5641899,3.6827713 48.3171222,8.43583913 49.6888111,12.1333784 C52.7703963,21.3777119 52.7703963,30.6221841 49.6888111,39.8666563 C48.3171222,43.5640569 43.5641899,48.3171247 39.8666482,49.6888126 C30.6221698,52.7703958 21.3778302,52.7703958 12.1333518,49.6888126 C8.43594875,48.3171247 3.68287776,43.5640569 2.31118892,39.8666563 C-0.770396306,30.6221841 -0.770396306,21.3777119 2.31118892,12.1333784 C3.68287776,8.43583913 8.43594875,3.6827713 12.1333518,2.31108338" mask="url(#b)"/><path fill="url(#c)" fill-opacity=".3" d="M29,46.5 C29,45.6715729 26.3137085,41 23,41 C19.6862915,41 17,45.6715729 17,46.5 C17,47.3284271 29,47.3284271 29,46.5 Z" filter="url(#d)" mask="url(#b)"/><g mask="url(#b)"><g transform="translate(13 10)"><g transform="rotate(-15 6.26 17.346)"><use xlink:href="#e" fill="url(#f)"/><use xlink:href="#e" fill="#000" filter="url(#g)"/></g><use xlink:href="#h" fill="url(#i)"/><use xlink:href="#h" fill="#000" filter="url(#j)"/><g transform="rotate(7 13.399 9.826)"><use xlink:href="#k" fill="#000" filter="url(#l)"/><use xlink:href="#k" fill="#FFF" fill-opacity=".4"/></g><g fill-rule="nonzero" transform="rotate(7 9.54 7.146)"><use xlink:href="#m" fill="#000" filter="url(#n)"/><use xlink:href="#m" fill="url(#o)"/><use xlink:href="#m" fill="#000" filter="url(#p)"/></g></g></g></g></svg>

package/lib/components/nav-top/components/app-center/images/project.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><filter id="e" width="115.6%" height="115.6%" x="-7.8%" y="-7.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1.5"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/></filter><filter id="g" width="130%" height="245.6%" x="-15%" y="-72.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter><filter id="i" width="149.8%" height="149.8%" x="-24.9%" y="-12.4%" filterUnits="objectBoundingBox"><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.384313725 0 0 0 0 0.301960784 0 0 0 0 1 0 0 0 1 0"/></filter><filter id="k" width="398.6%" height="338.9%" x="-74.7%" y="-119.5%" filterUnits="objectBoundingBox"><feOffset dx="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.384313725 0 0 0 0 0.301960784 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="m" width="398.6%" height="338.9%" x="-74.7%" y="-119.5%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dx="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.650980392 0 0 0 0 0 0 0 0 0.5 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dx="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><filter id="o" width="398.6%" height="191.9%" x="-74.7%" y="-45.9%" filterUnits="objectBoundingBox"><feOffset dx="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.384313725 0 0 0 0 0.301960784 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="q" width="398.6%" height="191.9%" x="-74.7%" y="-45.9%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dx="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.650980392 0 0 0 0 0 0 0 0 0.5 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dx="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><filter id="s" width="398.6%" height="156.9%" x="-74.7%" y="-28.4%" filterUnits="objectBoundingBox"><feOffset dx="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0.384313725 0 0 0 0 0.301960784 0 0 0 0 1 0 0 0 0.6 0"/></filter><filter id="u" width="398.6%" height="156.9%" x="-74.7%" y="-28.4%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dx="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.650980392 0 0 0 0 0 0 0 0 0.5 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dx="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><path id="c" d="M34.0363636,9.92727273 L17.9636364,9.92727273 C13.5252753,9.92727273 9.92727273,13.1254972 9.92727273,17.0707071 L9.92727273,34.9292929 C9.92727273,38.8745028 13.5252753,42.0727273 17.9636364,42.0727273 L34.0363636,42.0727273 C38.4747247,42.0727273 42.0727273,38.8745028 42.0727273,34.9292929 L42.0727273,17.0707071 C42.0727273,13.1254972 38.4747247,9.92727273 34.0363636,9.92727273 Z"/><path id="h" d="M32.0272727,13.9454545 L19.9727273,13.9454545 C16.6439565,13.9454545 13.9454545,16.3441229 13.9454545,19.3030303 L13.9454545,32.6969697 C13.9454545,35.6558771 16.6439565,38.0545455 19.9727273,38.0545455 L32.0272727,38.0545455 C35.3560435,38.0545455 38.0545455,35.6558771 38.0545455,32.6969697 L38.0545455,19.3030303 C38.0545455,16.3441229 35.3560435,13.9454545 32.0272727,13.9454545 Z"/><path id="j" d="M20.6424242,27.6742424 C21.3821511,27.6742424 21.9818182,28.2739095 21.9818182,29.0136364 L21.9818182,29.6833333 C21.9818182,30.4230602 21.3821511,31.0227273 20.6424242,31.0227273 C19.9026974,31.0227273 19.3030303,30.4230602 19.3030303,29.6833333 L19.3030303,29.0136364 C19.3030303,28.2739095 19.9026974,27.6742424 20.6424242,27.6742424 Z"/><path id="n" d="M28.6787879,24.9954545 C29.4185147,24.9954545 30.0181818,25.5951216 30.0181818,26.3348485 L30.0181818,32.3621212 C30.0181818,33.1018481 29.4185147,33.7015152 28.6787879,33.7015152 C27.939061,33.7015152 27.3393939,33.1018481 27.3393939,32.3621212 L27.3393939,26.3348485 C27.3393939,25.5951216 27.939061,24.9954545 28.6787879,24.9954545 Z"/><path id="r" d="M26,15.619697 C26.7397268,15.619697 27.3393939,16.2193641 27.3393939,16.9590909 L27.3393939,28.3439394 C27.3393939,29.0836662 26.7397268,29.6833333 26,29.6833333 C25.2602732,29.6833333 24.6606061,29.0836662 24.6606061,28.3439394 L24.6606061,16.9590909 C24.6606061,16.2193641 25.2602732,15.619697 26,15.619697 Z"/><radialGradient id="d" cx="26.486%" cy="8.756%" r="56.457%" fx="26.486%" fy="8.756%"><stop offset="0%" stop-color="#BCB3FF"/><stop offset="100%" stop-color="#7866FF"/></radialGradient><radialGradient id="l" cx="50%" cy="70.049%" r="83.816%" fx="50%" fy="70.049%" gradientTransform="matrix(.43221 -.72142 .90177 .34577 -.348 .819)"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#FFE18B"/></radialGradient><radialGradient id="p" cx="50%" cy="70.049%" r="199.827%" fx="50%" fy="70.049%" gradientTransform="matrix(.18129 -.3026 .98343 .05578 -.28 .813)"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#FFE18B"/></radialGradient><radialGradient id="t" cx="50%" cy="70.049%" r="319.509%" fx="50%" fy="70.049%" gradientTransform="scale(1 .19048) rotate(-83.49 2.168 2.189)"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#FFE18B"/></radialGradient><linearGradient id="f" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#7866FF"/><stop offset="100%" stop-color="#7866FF" stop-opacity="0"/></linearGradient><polygon id="a" points="0 0 52 0 52 52 0 52"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#624DFF" fill-opacity=".16" d="M12.1333518,2.31108338 C21.3778302,-0.770361126 30.6221698,-0.770361126 39.8666482,2.31108338 C43.5641899,3.6827713 48.3171222,8.43583913 49.6888111,12.1333784 C52.7703963,21.3777119 52.7703963,30.6221841 49.6888111,39.8666563 C48.3171222,43.5640569 43.5641899,48.3171247 39.8666482,49.6888126 C30.6221698,52.7703958 21.3778302,52.7703958 12.1333518,49.6888126 C8.43594875,48.3171247 3.68287776,43.5640569 2.31118892,39.8666563 C-0.770396306,30.6221841 -0.770396306,21.3777119 2.31118892,12.1333784 C3.68287776,8.43583913 8.43594875,3.6827713 12.1333518,2.31108338" mask="url(#b)"/><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#c" fill="url(#d)"/><use xlink:href="#c" fill="#000" filter="url(#e)"/></g><path fill="url(#f)" fill-opacity=".6" d="M36,44.5 C36,43.6715729 31.5228475,41 26,41 C20.4771525,41 16,43.6715729 16,44.5 C16,45.3284271 36,45.3284271 36,44.5 Z" filter="url(#g)" mask="url(#b)"/><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#h" fill="#000" filter="url(#i)"/><use xlink:href="#h" fill="#FFF" fill-opacity=".4"/></g><g fill-rule="nonzero" mask="url(#b)" transform="rotate(90 20.642 29.348)"><use xlink:href="#j" fill="#000" filter="url(#k)"/><use xlink:href="#j" fill="url(#l)"/><use xlink:href="#j" fill="#000" filter="url(#m)"/></g><g fill-rule="nonzero" mask="url(#b)" transform="rotate(90 28.679 29.348)"><use xlink:href="#n" fill="#000" filter="url(#o)"/><use xlink:href="#n" fill="url(#p)"/><use xlink:href="#n" fill="#000" filter="url(#q)"/></g><g fill-rule="nonzero" mask="url(#b)" transform="rotate(90 26 22.652)"><use xlink:href="#r" fill="#000" filter="url(#s)"/><use xlink:href="#r" fill="url(#t)"/><use xlink:href="#r" fill="#000" filter="url(#u)"/></g></g></svg>

package/lib/components/nav-top/components/app-center/images/summary.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="52" height="52" viewBox="0 0 52 52"><defs><filter id="d" width="130%" height="245.6%" x="-15%" y="-72.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceGraphic" stdDeviation="1"/></filter><filter id="g" width="115.6%" height="115.6%" x="-7.8%" y="-7.8%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1.5"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/></filter><filter id="i" width="149.8%" height="149.8%" x="-24.9%" y="-12.4%" filterUnits="objectBoundingBox"><feOffset dy="3" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1.5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 1 0 0 0 0 0.604939494 0 0 0 0 0 0 0 0 1 0"/></filter><filter id="k" width="166.4%" height="166.4%" x="-33.2%" y="-16.6%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 1 0 0 0 0 0.603921569 0 0 0 0 0 0 0 0 0.6 0"/></filter><filter id="m" width="166.4%" height="166.4%" x="-33.2%" y="-16.6%" filterUnits="objectBoundingBox"><feGaussianBlur in="SourceAlpha" result="shadowBlurInner1" stdDeviation="1"/><feOffset dy="-2" in="shadowBlurInner1" result="shadowOffsetInner1"/><feComposite in="shadowOffsetInner1" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner1"/><feColorMatrix in="shadowInnerInner1" result="shadowMatrixInner1" values="0 0 0 0 1 0 0 0 0 0.761011937 0 0 0 0 0 0 0 0 0.5 0"/><feGaussianBlur in="SourceAlpha" result="shadowBlurInner2" stdDeviation="1"/><feOffset dy="1" in="shadowBlurInner2" result="shadowOffsetInner2"/><feComposite in="shadowOffsetInner2" in2="SourceAlpha" k2="-1" k3="1" operator="arithmetic" result="shadowInnerInner2"/><feColorMatrix in="shadowInnerInner2" result="shadowMatrixInner2" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.8 0"/><feMerge><feMergeNode in="shadowMatrixInner1"/><feMergeNode in="shadowMatrixInner2"/></feMerge></filter><path id="e" d="M34.0363636,9.92727273 L17.9636364,9.92727273 C13.5252753,9.92727273 9.92727273,13.1254972 9.92727273,17.0707071 L9.92727273,34.9292929 C9.92727273,38.8745028 13.5252753,42.0727273 17.9636364,42.0727273 L34.0363636,42.0727273 C38.4747247,42.0727273 42.0727273,38.8745028 42.0727273,34.9292929 L42.0727273,17.0707071 C42.0727273,13.1254972 38.4747247,9.92727273 34.0363636,9.92727273 Z"/><path id="h" d="M32.0272727,13.9454545 L19.9727273,13.9454545 C16.6439565,13.9454545 13.9454545,16.3441229 13.9454545,19.3030303 L13.9454545,32.6969697 C13.9454545,35.6558771 16.6439565,38.0545455 19.9727273,38.0545455 L32.0272727,38.0545455 C35.3560435,38.0545455 38.0545455,35.6558771 38.0545455,32.6969697 L38.0545455,19.3030303 C38.0545455,16.3441229 35.3560435,13.9454545 32.0272727,13.9454545 Z"/><path id="j" d="M25.397292,19.9727273 C28.3040069,19.9727273 30.6823714,22.2680903 30.8159052,25.1509079 L30.8218182,25.4067553 L30.8190101,25.5743738 C30.786559,26.5815822 30.4788491,27.5194058 29.968624,28.3154957 L31.6849023,30.0317919 C32.1413962,30.4882857 32.1413962,31.2284085 31.6849023,31.6849023 C31.2381211,32.1316836 30.5196519,32.1411895 30.0613095,31.7134203 L28.3155396,29.9671093 C27.5848861,30.4346862 26.7349083,30.7325158 25.8216612,30.8048471 L25.4763373,30.8212922 L25.2192106,30.8190188 C22.3011127,30.7245095 19.9727273,28.3220929 19.9727273,25.397312 C19.9727273,22.4050973 22.4050854,19.9727273 25.397292,19.9727273 Z M25.3972727,22.3836364 C23.7328873,22.3836364 22.3836364,23.7328873 22.3836364,25.3972727 C22.3836364,27.0616581 23.7328873,28.4109091 25.3972727,28.4109091 C27.0616581,28.4109091 28.4109091,27.0616581 28.4109091,25.3972727 C28.4109091,23.7328873 27.0616581,22.3836364 25.3972727,22.3836364 Z"/><radialGradient id="f" cx="26.486%" cy="8.756%" r="56.457%" fx="26.486%" fy="8.756%"><stop offset="0%" stop-color="#FFDE7D"/><stop offset="100%" stop-color="#F6BD16"/></radialGradient><radialGradient id="l" cx="57.437%" cy="67.761%" r="66.729%" fx="57.437%" fy="67.761%"><stop offset="0%" stop-color="#FFF800"/><stop offset="100%" stop-color="#FDE396"/></radialGradient><linearGradient id="c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#F6BD16"/><stop offset="100%" stop-color="#F6BD16" stop-opacity="0"/></linearGradient><polygon id="a" points="0 0 52 0 52 52 0 52"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path fill="#F6BD16" fill-opacity=".16" d="M12.1333518,2.31108338 C21.3778302,-0.770361126 30.6221698,-0.770361126 39.8666482,2.31108338 C43.5641899,3.6827713 48.3171222,8.43583913 49.6888111,12.1333784 C52.7703963,21.3777119 52.7703963,30.6221841 49.6888111,39.8666563 C48.3171222,43.5640569 43.5641899,48.3171247 39.8666482,49.6888126 C30.6221698,52.7703958 21.3778302,52.7703958 12.1333518,49.6888126 C8.43594875,48.3171247 3.68287776,43.5640569 2.31118892,39.8666563 C-0.770396306,30.6221841 -0.770396306,21.3777119 2.31118892,12.1333784 C3.68287776,8.43583913 8.43594875,3.6827713 12.1333518,2.31108338" mask="url(#b)"/><path fill="url(#c)" fill-opacity=".8" d="M36,44.5 C36,43.6715729 31.5228475,41 26,41 C20.4771525,41 16,43.6715729 16,44.5 C16,45.3284271 36,45.3284271 36,44.5 Z" filter="url(#d)" mask="url(#b)"/><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#e" fill="url(#f)"/><use xlink:href="#e" fill="#000" filter="url(#g)"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#h" fill="#000" filter="url(#i)"/><use xlink:href="#h" fill="#FFF" fill-opacity=".4"/></g><g fill-rule="nonzero" mask="url(#b)"><use xlink:href="#j" fill="#000" filter="url(#k)"/><use xlink:href="#j" fill="url(#l)"/><use xlink:href="#j" fill="#000" filter="url(#m)"/></g></g></svg>

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

@@ -0,0 +1,104 @@
+.app-center {
+  width: 872px;
+  padding: 40px 0 44px;
+  margin: 0 auto;
+}
+
+.app-center__title {
+  font-size: 24px;
+  color: #141c28;
+  line-height: 38px;
+  margin-bottom: 32px;
+  font-weight: 500;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+.app-center__app-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.app-center__app-item {
+  box-sizing: border-box;
+  width: 280px;
+  height: 84px;
+  padding: 16px 20px;
+  border-radius: 24px;
+  border: 1px solid #e9ecf0;
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  margin-bottom: 16px;
+  cursor: pointer;
+}
+
+.app-center__app-item:nth-child(3n) {
+  margin-right: 0;
+}
+
+.app-center__app-item:hover {
+  box-shadow: 0px 8px 16px 0px rgba(127, 145, 180, 0.1);
+}
+
+.app-center__app-item-icon {
+  width: 52px;
+  height: 52px;
+  margin-right: 12px;
+  background-size: contain;
+}
+
+.app-center__app-item-icon--chart {
+  background-image: url(./images/chart.svg);
+}
+
+.app-center__app-item-icon--file {
+  background-image: url("./images/file.svg");
+}
+
+.app-center__app-item-icon--interview {
+  background-image: url("./images/interview.svg");
+}
+
+.app-center__app-item-icon--learning {
+  background-image: url("./images/learning.svg");
+}
+
+.app-center__app-item-icon--okr {
+  background-image: url("./images/okr.svg");
+}
+
+.app-center__app-item-icon--performance {
+  background-image: url("./images/performance.svg");
+}
+
+.app-center__app-item-icon--project {
+  background-image: url("./images/project.svg");
+}
+
+.app-center__app-item-icon--summary {
+  background-image: url("./images/summary.svg");
+}
+
+.app-center__app-item-icon--plan {
+  background-image: url("./images/plan.svg");
+}
+
+.app-center__app-item-name {
+  font-size: 18px;
+  color: #141c28;
+  line-height: 26px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica, sans-serif, PingFang SC, Microsoft YaHei;
+}
+
+.app-center__drawer {
+  transform: translateY(54px);
+}
+
+.app-center__drawer .drawer-content-wrapper,
+    .app-center__drawer .drawer-content {
+  border-radius: 24px;
+}
+
+.app-center__drawer .drawer-mask {
+  border-radius: 24px 24px 0 0;
+}

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

@@ -0,0 +1,133 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _getLocale = require("../../../../utils/getLocale");
+
+var _drawer = _interopRequireDefault(require("../../../drawer"));
+
+var _utils = require("../../utils");
+
+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 _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 precls = "app-center";
+
+var AppCenter = function AppCenter(props) {
+  var _useState = (0, _react.useState)(function () {
+    var menus = (0, _utils.getMenus)();
+    return menus.filter(function (menu) {
+      return menu.code !== "dynamic";
+    });
+  }),
+      _useState2 = _slicedToArray(_useState, 1),
+      apps = _useState2[0];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      init = _useState4[0],
+      setInit = _useState4[1];
+
+  var _props$appCenterVisib = props.appCenterVisible,
+      appCenterVisible = _props$appCenterVisib === void 0 ? false : _props$appCenterVisib,
+      closeAppCenter = props.closeAppCenter,
+      setMenu = props.setMenu;
+
+  var _useState5 = (0, _react.useState)(function () {
+    var hash = window.location.hash.split("?")[0] || "";
+
+    if (hash) {
+      var activeApp = apps.find(function (app) {
+        return hash.includes(app.key);
+      });
+      return (activeApp === null || activeApp === void 0 ? void 0 : activeApp.id) || apps[0].id;
+    }
+
+    return apps[0].id;
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentAppId = _useState6[0],
+      setCurrentAppId = _useState6[1];
+
+  (0, _react.useEffect)(function () {
+    setInit(true);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var _apps$find;
+
+    var menus = ((_apps$find = apps.find(function (app) {
+      return app.id === currentAppId;
+    })) === null || _apps$find === void 0 ? void 0 : _apps$find.children) || [];
+    setMenu(menus);
+
+    if (init) {
+      window.location.href = menus === null || menus === void 0 ? void 0 : menus[0].href;
+    }
+
+    closeAppCenter();
+  }, [currentAppId]);
+
+  var onAppSelectHandler = function onAppSelectHandler(app) {
+    if (app.type === "page") {
+      window.location.href = "".concat(window.BSGlobal.apiPath, "/").concat(app.href);
+      return;
+    }
+
+    setCurrentAppId(app.id);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    className: "".concat(precls, "__drawer"),
+    placement: "top",
+    onClose: closeAppCenter,
+    visible: appCenterVisible,
+    mask: true,
+    width: "100%"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: precls
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(precls, "__title")
+  }, (0, _getLocale.getLocale)("Feed_Title_HiwelcTita")), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(precls, "__app-list")
+  }, apps.length > 0 && apps.map(function (app) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "".concat(precls, "__app-item"),
+      onClick: function onClick() {
+        return onAppSelectHandler(app);
+      }
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])("".concat(precls, "__app-item-icon"), "".concat(precls, "__app-item-icon--").concat(app.iconName))
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      className: "".concat(precls, "__app-item-name")
+    }, app.title));
+  }))));
+};
+
+var _default = AppCenter;
+exports["default"] = _default;

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

@@ -19,8 +19,6 @@ var _popup = _interopRequireDefault(require("../../../popup"));
 
 var _conditionRender = _interopRequireDefault(require("../../../../components/condition-render"));
 
-var _useGlobalValue3 = _interopRequireDefault(require("../../useGlobalValue"));
-
 var _new = _interopRequireDefault(require("./img/new.svg"));
 
 require("./index.css");
@@ -76,12 +74,10 @@ var Menu = function Menu(_ref) {
   var _useState3 = (0, _react.useState)(false),
       _useState4 = _slicedToArray(_useState3, 2),
       popupVisible = _useState4[0],
-      setPopupVisible = _useState4[1];
+      setPopupVisible = _useState4[1]; // const [feedNum] = useGlobalValue();
 
-  var _useGlobalValue = (0, _useGlobalValue3["default"])(),
-      _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
-      feedNum = _useGlobalValue2[0];
 
+  var feedNum = 20;
   var containerRef = (0, _react.useRef)();
   var apiPath = (0, _bsGlobal.getBSGlobal)("apiPath");
   var userId = (0, _bsGlobal.getUserInfo)().Id;

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

@@ -14,18 +14,17 @@
   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;
+  padding: 0 20px;
   cursor: default;
 }
 
 .titaui-nav-top__left-home {
   display: inline-flex;
   border-radius: 4px;
-  padding: 4px;
+  margin-right: 24px;
 }
 
 .titaui-nav-top__left-home--active {
@@ -33,8 +32,8 @@
 }
 
 .titaui-nav-top__left-home-img {
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
 }
 
 .titaui-nav-top__left-home--hover:hover {
@@ -50,6 +49,46 @@
   cursor: pointer;
 }
 
+.titaui-nav-top__left-dynamic, .titaui-nav-top__left-app-center {
+  font-size: 24px;
+  color: #ffffff;
+  padding: 2px;
+  border-radius: 8px;
+  cursor: pointer;
+}
+
+.titaui-nav-top__left-dynamic:hover, .titaui-nav-top__left-dynamic--active, .titaui-nav-top__left-app-center:hover, .titaui-nav-top__left-app-center--active {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.titaui-nav-top__left-dynamic {
+  position: relative;
+  margin-right: -6px;
+  margin-left: 20px;
+}
+
+.titaui-nav-top__left-dynamic-feed-num {
+  position: absolute;
+  right: -6px;
+  top: -2px;
+  background: #fe5042;
+  border-radius: 18px;
+  height: 16px;
+  font-size: 12px;
+  color: #ffffff;
+  line-height: 18px;
+  padding: 0 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 8px;
+  font-weight: 400;
+}
+
+.titaui-nav-top__left-app-center {
+  margin-right: 12px;
+}
+
 .titaui-nav-top__line {
   width: 1px;
   min-width: 1px;
@@ -68,8 +107,8 @@
 
 .titaui-nav-top__msg {
   margin-right: 24px;
-  width: 20px;
-  height: 20px;
+  width: 24px;
+  height: 24px;
   cursor: pointer;
   display: inline-flex;
 }

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

@@ -11,25 +11,27 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _toast = _interopRequireDefault(require("../toast"));
+
 var _bsGlobal = require("../../utils/bs-global");
 
-var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
+var _request = require("../../utils/request");
 
-var _useGlobalValue = _interopRequireDefault(require("./useGlobalValue"));
+var _appCenter = _interopRequireDefault(require("./components/app-center"));
+
+var _userOwnMenu = _interopRequireDefault(require("./components/user-own-menu"));
 
 var _menu = _interopRequireDefault(require("./components/menu"));
 
 var _userMessage = _interopRequireDefault(require("./components/user-message"));
 
-var _home = _interopRequireDefault(require("./images/home.png"));
-
 var _version = _interopRequireDefault(require("./components/version"));
 
-var _utils = require("./utils");
+var _useGlobalValue3 = _interopRequireDefault(require("./useGlobalValue"));
 
-var _request = require("../../utils/request");
+var _home = _interopRequireDefault(require("./images/home.png"));
 
-var _toast = _interopRequireDefault(require("../toast"));
+var _utils = require("./utils");
 
 require("./index.css");
 
@@ -61,11 +63,21 @@ var hasOKRApp = newNavigation.find(function (item) {
 var preCls = "titaui-nav-top";
 
 var NavTop = function NavTop() {
-  var _classNames2;
+  var _classNames3;
+
+  var isUseNewMenu = window.BSGlobal.isUseNewMenu;
+
+  var _useState = (0, _react.useState)(function () {
+    if (isUseNewMenu) return [];
+    return (0, _utils.getMenus)();
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      menu = _useState2[0],
+      setMenu = _useState2[1];
 
-  var _useState = (0, _react.useState)((0, _utils.getMenus)()),
-      _useState2 = _slicedToArray(_useState, 1),
-      menu = _useState2[0];
+  var _useGlobalValue = (0, _useGlobalValue3["default"])(),
+      _useGlobalValue2 = _slicedToArray(_useGlobalValue, 1),
+      feedNum = _useGlobalValue2[0];
 
   var versionInfo = (0, _bsGlobal.getBSGlobal)("tenantAuthentication");
 
@@ -74,6 +86,11 @@ var NavTop = function NavTop() {
       activeMenuId = _useState4[0],
       setActiveMenuId = _useState4[1];
 
+  var _useState5 = (0, _react.useState)(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      appCenterVisible = _useState6[0],
+      setAppCenterVisible = _useState6[1];
+
   var ua = navigator.userAgent.toLowerCase();
   var showWxInvite = (0, _bsGlobal.getTenantInfo)().mainCorpId && ua.indexOf("micromessenger") !== -1;
   var openWxInvite = (0, _react.useCallback)(function () {
@@ -84,15 +101,9 @@ var NavTop = function NavTop() {
         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
 
           (0, _request.rpost)("v1")("wx/send/templateMessage?selectedTickets=".concat(selectedTicket)).then(function () {
@@ -107,6 +118,7 @@ var NavTop = function NavTop() {
   }, []);
 
   var handleHashChange = function handleHashChange() {
+    setAppCenterVisible(false);
     var hash = window.location.hash.split("?")[0] || "";
 
     if (hash) {
@@ -121,6 +133,11 @@ var NavTop = function NavTop() {
         return;
       }
 
+      if (hash.includes("dynamic")) {
+        setActiveMenuId("dynamic");
+        return;
+      }
+
       if (activeMenu) {
         setActiveMenuId(activeMenu.id);
       } else {
@@ -135,44 +152,61 @@ var NavTop = function NavTop() {
     return function () {
       window.removeEventListener("hashchange", 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: hasOKRApp ? "#homepage" : ""
+    className: "".concat(preCls, "__left"),
+    href: "#dynamic"
   }, /*#__PURE__*/_react["default"].createElement("img", {
     alt: "logo",
     src: Logo,
-    className: (0, _classnames["default"])("".concat(preCls, "__left-logo"), _defineProperty({}, "".concat(preCls, "__left-logo--hover"), hasOKRApp))
-  }), hasOKRApp && /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames2 = {}, _defineProperty(_classNames2, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames2, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames2))
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    alt: "home-img",
-    src: _home["default"],
-    className: (0, _classnames["default"])("".concat(preCls, "__left-home-img"))
-  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__left-logo")
+  }), isUseNewMenu && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-dynamic"), "tu-icon-feed-m", _defineProperty({}, "".concat(preCls, "__left-dynamic--active"), activeMenuId === "dynamic"))
+  }, feedNum > 0 && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__left-dynamic-feed-num")
+  }, feedNum > 100 ? "99+" : feedNum))), isUseNewMenu && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-app-center"), "tu-icon-work-m", _defineProperty({}, "".concat(preCls, "__left-app-center--active"), appCenterVisible)),
+    onClick: function onClick() {
+      return setAppCenterVisible(true);
+    }
+  }), /*#__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
-  })), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__invite")),
+  })), hasOKRApp && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])("".concat(preCls, "__left-home"), (_classNames3 = {}, _defineProperty(_classNames3, "".concat(preCls, "__left-home--active"), activeMenuId === 99999), _defineProperty(_classNames3, "".concat(preCls, "__left-home--hover"), hasOKRApp), _classNames3))
+  }, /*#__PURE__*/_react["default"].createElement("a", {
+    href: "#homepage"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    alt: "home-img",
+    src: _home["default"],
+    className: "".concat(preCls, "__left-home-img")
+  }))), showWxInvite && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "".concat(preCls, "__invite"),
     onClick: openWxInvite
   }, /*#__PURE__*/_react["default"].createElement("i", {
     className: (0, _classnames["default"])("tu-icon-add-people", "".concat(preCls, "__invite-icon"))
   })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__msg"))
+    className: "".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"))
+    className: "".concat(preCls, "__version")
   }, /*#__PURE__*/_react["default"].createElement(_version["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(preCls, "__photo"))
-  }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)));
+    className: "".concat(preCls, "__photo")
+  }, /*#__PURE__*/_react["default"].createElement(_userOwnMenu["default"], null)), isUseNewMenu && /*#__PURE__*/_react["default"].createElement(_appCenter["default"], {
+    appCenterVisible: appCenterVisible,
+    closeAppCenter: function closeAppCenter() {
+      return setAppCenterVisible(false);
+    },
+    setMenu: setMenu
+  }));
 };
 
 var _default = NavTop; // @ts-ignore
 
 exports["default"] = _default;
-NavTop.useGlobalValue = _useGlobalValue["default"];
+NavTop.useGlobalValue = _useGlobalValue3["default"];