@titaui/pc 1.17.0-beta.1 → 1.17.3

package/lib/components/dynamic/components/new-upvote-item/img/fighting.svg

@@ -0,0 +1,152 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>加油</title>
+    <defs>
+        <circle id="path-1" cx="16.4694862" cy="16.4833643" r="11.1428571"></circle>
+        <filter x="-13.5%" y="-13.5%" width="126.9%" height="126.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="2" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="-1" 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 0.695442253   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="2" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="0" 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 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M18.3973601,17.6068995 L24.8003452,16.678328 C25.1884049,18.8449947 24.4122855,20.08309 22.471987,20.3926138 C20.5316885,20.7021376 19.1734795,19.7735661 18.3973601,17.6068995 Z" id="path-3"></path>
+        <filter x="-7.7%" y="-13.3%" width="115.4%" height="126.5%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 0.858823529   0 0 0 0 0.807843137  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M8.26436589,17.3616079 L14.667351,16.4330365 C15.0554107,18.5997031 14.2792913,19.8377984 12.3389928,20.1473222 C10.3986942,20.456846 9.04048529,19.5282746 8.26436589,17.3616079 Z" id="path-5"></path>
+        <filter x="-7.7%" y="-13.3%" width="115.4%" height="126.5%" filterUnits="objectBoundingBox" id="filter-6">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 0.858823529   0 0 0 0 0.807843137  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="0%" y1="43.9269652%" x2="84.5926795%" y2="50%" id="linearGradient-7">
+            <stop stop-color="#FF4B4B" offset="0%"></stop>
+            <stop stop-color="#FF1313" offset="100%"></stop>
+        </linearGradient>
+        <path d="M7.18377196,9.5190786 C5.63615291,9.82860241 4.39805767,10.1381262 3.46948624,10.44765 C2.0766291,10.9119357 4.39805767,12.7690786 5.79091481,12.7690786 C6.10043862,11.8405072 6.56472434,10.7571738 7.18377196,9.5190786 Z" id="path-8"></path>
+        <filter x="-12.1%" y="-15.4%" width="124.1%" height="130.8%" filterUnits="objectBoundingBox" id="filter-9">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-10">
+            <stop stop-color="#FF5A5A" offset="0%"></stop>
+            <stop stop-color="#FF1313" offset="100%"></stop>
+        </linearGradient>
+        <path d="M7.64508143,7.78526729 C7.16621213,5.75754006 6.20847354,4.40572192 5.72960424,2.3779947 C5.25073495,0.350267474 3.33525776,7.10935821 4.29299635,7.78526729 C5.25073495,8.46117636 6.68734284,8.46117636 6.68734284,9.81299451 C6.68734284,11.1648127 8.12395073,9.81299451 7.64508143,7.78526729 Z" id="path-11"></path>
+        <filter x="-13.5%" y="-6.0%" width="126.9%" height="112.0%" filterUnits="objectBoundingBox" id="filter-12">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="100%" y1="50%" x2="27.911212%" y2="50%" id="linearGradient-13">
+            <stop stop-color="#FF3F3F" offset="0%"></stop>
+            <stop stop-color="#FF7A7A" offset="72.088788%"></stop>
+            <stop stop-color="#FF3F3F" offset="100%"></stop>
+        </linearGradient>
+        <path d="M7.75538842,8.59050718 C8.6789444,9.5190786 19.8123434,10.44765 24.9315233,8.59050718 C25.5425462,8.28098337 26.3123434,9.67384051 27.2409148,12.7690786 C21.0682074,14.6262215 13.9182074,14.6262215 5.79091481,12.7690786 C5.51384802,12.3047929 6.83183245,7.66193575 7.75538842,8.59050718 Z" id="path-14"></path>
+        <filter x="-9.3%" y="-17.6%" width="118.6%" height="170.3%" filterUnits="objectBoundingBox" id="filter-15">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.792156863   0 0 0 0 0.278431373   0 0 0 0 0.223529412  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-7.0%" y="-8.8%" width="114.0%" height="152.7%" filterUnits="objectBoundingBox" id="filter-16">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 0.903584699   0 0 0 0 0.903584699  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="57.6627978%" y1="0%" x2="57.6627978%" y2="100%" id="linearGradient-17">
+            <stop stop-color="#9F1900" offset="0%"></stop>
+            <stop stop-color="#FF6363" offset="100%"></stop>
+        </linearGradient>
+        <path d="M0.402172671,0.134276416 C1.12335375,-0.150686157 1.15831247,0.349605653 1.73018964,0.323858096 C2.19587123,0.302891769 2.03373555,0.134276416 2.72431096,0.134276416 C3.41488637,0.134276416 3.25888781,0.430208117 3.66231609,0.430208117 C3.73133758,0.430208117 3.82443214,0.323858096 4.41021771,0.323858096 C4.99600329,0.323858096 4.88961234,0.733289619 5.23043012,0.677455676 C5.81367076,0.581907183 6.18481417,1.141843 6.29323997,1.50318019 C6.76,3.05869322 5.95503302,3.92435552 5.15096143,5.17564452 C5.15096143,6.21092353 6.11983584,7.14150937 6.29323997,10.0063972 C6.46664411,12.8712851 1.59749714,13.0926814 1.46746413,10.0063972 C1.39248726,8.22684974 1.59749714,7.1740266 1.46746413,5.38697486 C1.38636994,4.27249234 0.859534797,4.06480505 0.637145052,3.45699675 C0.227953205,2.33864393 -0.025158957,0.303129321 0.402172671,0.134276416 Z" id="path-18"></path>
+        <filter x="-16.0%" y="-16.4%" width="164.0%" height="132.8%" filterUnits="objectBoundingBox" id="filter-20">
+            <feOffset dx="1" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.968627451   0 0 0 0 0.709803922   0 0 0 0 0  0 0 0 0.4 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-16.0%" y="-16.4%" width="164.0%" height="132.8%" filterUnits="objectBoundingBox" id="filter-21">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="1" dy="1" 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.6 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M2.21763422,1.09741976 C4.06930122,-1.09917538 6.14618281,0.427334411 6.67965253,1.9768066 C7.21312226,3.52627879 6.7683166,4.93739396 5.5287082,5.08705424 C4.65052646,5.29515001 3.80498685,5.18572099 3.12230167,4.86861411 C3.62346592,4.98012269 4.21769807,4.98197864 4.87627948,4.83745568 C5.9673168,4.71018491 6.51356009,3.67619526 6.04402843,2.35852758 C5.57449678,1.0408599 3.74653618,-0.257280609 2.11679747,1.61069898 C1.8587555,1.90646242 1.68242683,2.2046414 1.57935783,2.49465274 C1.62495177,2.03904236 1.82540215,1.56271674 2.21763422,1.09741976 Z" id="path-22"></path>
+        <filter x="-17.6%" y="-18.0%" width="135.1%" height="136.0%" filterUnits="objectBoundingBox" id="filter-23">
+            <feGaussianBlur stdDeviation="0.312" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-45.7%" y="-46.9%" width="191.5%" height="193.8%" filterUnits="objectBoundingBox" id="filter-24">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="OKR列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="任务/项目-交互说明" transform="translate(-132.000000, -373.000000)">
+            <g id="编组" transform="translate(55.000000, 359.000000)">
+                <g id="加油" transform="translate(77.000000, 14.000000)">
+                    <g id="椭圆形">
+                        <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    </g>
+                    <g id="路径-28" transform="translate(21.647360, 18.564489) rotate(-5.000000) translate(-21.647360, -18.564489) ">
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-3"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                    </g>
+                    <path d="M22.3503811,18.6119782 C23.0341622,18.6119782 24.0301383,17.856289 24.0301383,17.3434532 C24.0301383,16.8306174 23.0341622,16.7548353 22.3503811,16.7548353 C21.6665999,16.7548353 20.6744996,16.8552612 20.6744996,17.368097 C20.6744996,17.8809329 21.6665999,18.6119782 22.3503811,18.6119782 Z" id="椭圆形" fill="#5B1A01" transform="translate(22.352319, 17.683407) rotate(-14.000000) translate(-22.352319, -17.683407) "></path>
+                    <g id="路径-28" transform="translate(11.514366, 18.319197) scale(-1, 1) rotate(-5.000000) translate(-11.514366, -18.319197) ">
+                        <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    </g>
+                    <path d="M11.2689864,18.6199866 C11.9527676,18.6199866 12.648414,17.7894168 12.648414,17.276581 C12.648414,16.7637452 11.9527676,16.7628437 11.2689864,16.7628437 C10.5852053,16.7628437 9.83312649,16.5403143 9.83312649,17.0531502 C9.83312649,17.565986 10.5852053,18.6199866 11.2689864,18.6199866 Z" id="椭圆形" fill="#5B1A01" transform="translate(11.240770, 17.667396) scale(-1, 1) rotate(-14.000000) translate(-11.240770, -17.667396) "></path>
+                    <g id="路径-23">
+                        <use fill="url(#linearGradient-7)" fill-rule="evenodd" xlink:href="#path-8"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-9)" xlink:href="#path-8"></use>
+                    </g>
+                    <g id="路径-22">
+                        <use fill="url(#linearGradient-10)" fill-rule="evenodd" xlink:href="#path-11"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                    </g>
+                    <g id="路径-21">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-14"></use>
+                        <use fill="url(#linearGradient-13)" fill-rule="evenodd" xlink:href="#path-14"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-14"></use>
+                    </g>
+                    <path d="M13.6953791,21.1262215 L18.802522,21.1262215 C18.9882362,23.9119357 18.152522,25.3047929 16.2953791,25.3047929 C14.4382362,25.3047929 13.5715696,23.9119357 13.6953791,21.1262215 Z" id="路径-24" fill="url(#linearGradient-17)"></path>
+                    <line x1="21.1123434" y1="15.5547929" x2="23.6728188" y2="14.4574463" id="路径-27" stroke="#5B1A01" stroke-width="0.624" stroke-linecap="round" stroke-linejoin="round"></line>
+                    <line x1="9.44948624" y1="15.5547929" x2="12.0123434" y2="14.4574463" id="路径-27" stroke="#5B1A01" stroke-width="0.624" stroke-linecap="round" stroke-linejoin="round" transform="translate(10.730915, 15.006120) scale(-1, 1) translate(-10.730915, -15.006120) "></line>
+                    <g id="形状结合" transform="translate(2.489570, 15.487203)">
+                        <mask id="mask-19" fill="white">
+                            <use xlink:href="#path-18"></use>
+                        </mask>
+                        <g id="蒙版">
+                            <use fill="black" fill-opacity="1" filter="url(#filter-20)" xlink:href="#path-18"></use>
+                            <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-18"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-21)" xlink:href="#path-18"></use>
+                        </g>
+                        <g filter="url(#filter-23)" mask="url(#mask-19)">
+                            <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-22"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-24)" xlink:href="#path-22"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/components/new-upvote-item/img/nice.svg

@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>有见地</title>
+    <defs>
+        <path d="M11.6404987,21.4833041 C17.9523244,21.4833041 23.0690701,17.9665583 23.0690701,11.6547326 C23.0690701,5.34290692 17.9523244,0.226161206 11.6404987,0.226161206 C5.328673,0.226161206 0.21192728,5.34290692 0.21192728,11.6547326 C0.21192728,17.9665583 5.328673,21.4833041 11.6404987,21.4833041 Z" id="path-1"></path>
+        <filter x="-13.1%" y="-14.1%" width="126.2%" height="128.2%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="2" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="-1" 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 0.764705882   0 0 0 0 0.0784313725  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="2" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="0" 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 1   0 0 0 0 0.949019608   0 0 0 0 0.929411765  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <linearGradient x1="105.685464%" y1="44.9653507%" x2="0%" y2="56.3969685%" id="linearGradient-3">
+            <stop stop-color="#5B0B01" offset="0%"></stop>
+            <stop stop-color="#920808" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-166.7%" y="-83.3%" width="433.3%" height="266.7%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="2.66666667" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M5.21136772,6.60932114 C6.53685112,6.60932114 7.61136772,4.96703425 7.61136772,2.94117071 C7.61136772,0.915307168 7.44641538,0.742654475 6.12093198,0.742654475 C4.79544858,0.742654475 0.674308038,0.801107122 0.674308038,2.82697066 C0.674308038,4.85283421 3.88588432,6.60932114 5.21136772,6.60932114 Z" id="path-5"></path>
+        <filter x="-14.4%" y="-17.0%" width="128.8%" height="134.1%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 0.858154076   0 0 0 0 0.808508003  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M14.2780344,4.47598781 C15.6035178,4.47598781 16.6780344,2.83370092 16.6780344,0.807837377 C16.6780344,-1.21802617 16.513082,-1.39067886 15.1875986,-1.39067886 C13.8621152,-1.39067886 9.7409747,-1.33222621 9.7409747,0.693637331 C9.7409747,2.71950087 12.952551,4.47598781 14.2780344,4.47598781 Z" id="path-8"></path>
+        <filter x="-14.4%" y="-17.0%" width="128.8%" height="134.1%" filterUnits="objectBoundingBox" id="filter-10">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 0.858154076   0 0 0 0 0.808508003  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M11,24.6062686 C11,22.7850906 13.8818859,21.107928 18.5486531,20.2895204 C23.2154202,19.4711127 24.5716051,19 25.4086791,19 C26.2457531,19 26.2994396,20.3738879 23.9248923,21.5737406 C24.4909466,23.0761802 24.3367871,24.6289666 22.5764417,25.1863203 C21.4028781,25.5578894 20.3592668,25.1839062 19.4456077,24.0643706 C16.3161645,25.6659013 14.3470322,26.4666667 13.5382109,26.4666667 C12.3249789,26.4666667 11,26.4274465 11,24.6062686 Z" id="path-11"></path>
+        <filter x="-10.0%" y="-20.1%" width="120.1%" height="140.2%" filterUnits="objectBoundingBox" id="filter-12">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="0" dy="-1" 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 1   0 0 0 0 0.744680851   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M23.7738013,4.8064969 L23.3345465,6.47672005 C23.2505988,6.79592322 23.0236106,7.0582842 22.7197992,7.18726682 L21.6081145,7.65923065 C21.5538886,7.68225215 21.5285925,7.74487349 21.551614,7.79909934 C21.5636472,7.827443 21.5873421,7.84920372 21.6166054,7.85878582 L22.6306809,8.19083827 C22.9850426,8.30687172 23.2530902,8.59952539 23.3376355,8.96268938 L23.6461953,10.2881073 C23.6595526,10.3454834 23.7168933,10.3811677 23.7742694,10.3678104 C23.8132522,10.3587351 23.8438737,10.3286 23.853572,10.2897675 L24.1893653,8.9452242 C24.2776493,8.59172824 24.5402605,8.30774821 24.8857853,8.19213634 L25.8825998,7.85860422 C25.9384659,7.83991155 25.9686009,7.77946976 25.9499082,7.7236037 C25.9403062,7.69490644 25.9189669,7.67163821 25.8912057,7.65959471 L24.8668278,7.21519459 C24.5330457,7.07039178 24.2960937,6.76544184 24.2382477,6.40623134 L23.98227,4.81666808 C23.972904,4.75850701 23.9181625,4.71895084 23.8600014,4.72831689 C23.818331,4.73502735 23.7845364,4.76567767 23.7738013,4.8064969 Z" id="path-13"></path>
+        <filter x="-6.3%" y="-1.4%" width="112.8%" height="103.8%" filterUnits="objectBoundingBox" id="filter-14">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="OKR列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="任务/项目-交互说明" transform="translate(-306.000000, -373.000000)">
+            <g id="编组" transform="translate(55.000000, 359.000000)">
+                <g id="有见地" transform="translate(251.000000, 14.000000)">
+                    <g id="点赞" transform="translate(3.000000, 3.000000)">
+                        <g id="椭圆形">
+                            <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-1"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                        </g>
+                        <path d="M6.35248602,17.1294291 C9.6820623,17.7272505 11.6663668,17.1752966 12.3053996,15.4735674" id="路径-43" stroke="url(#linearGradient-3)" stroke-width="0.533333333" stroke-linecap="round" transform="translate(9.328943, 16.418061) scale(-1, 1) translate(-9.328943, -16.418061) "></path>
+                        <ellipse id="眼睛" fill="#FFFFFF" filter="url(#filter-4)" transform="translate(10.933333, 8.533333) rotate(-90.000000) translate(-10.933333, -8.533333) " cx="10.9333333" cy="8.53333333" rx="2.4" ry="4.8"></ellipse>
+                    </g>
+                    <g id="眼睛" transform="translate(4.550910, 10.861968)">
+                        <mask id="mask-6" fill="white">
+                            <use xlink:href="#path-5"></use>
+                        </mask>
+                        <g id="蒙版" transform="translate(4.142838, 3.675988) rotate(-4.000000) translate(-4.142838, -3.675988) ">
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-5"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-5"></use>
+                        </g>
+                        <path d="M2.43983287,4.89761234 C3.15317132,4.89761234 4.25684865,3.66746822 4.25684865,2.19411291 C4.25684865,0.72075761 4.16807587,0.595192015 3.45473743,0.595192015 C2.74139898,0.595192015 -0.00188695128,0.673456689 -0.00188695128,2.14681199 C-0.00188695128,3.6201673 1.72649443,4.89761234 2.43983287,4.89761234 Z" fill="#5B1A01" mask="url(#mask-6)" transform="translate(2.127481, 2.746402) rotate(-4.000000) translate(-2.127481, -2.746402) "></path>
+                        <mask id="mask-9" fill="white">
+                            <use xlink:href="#path-8"></use>
+                        </mask>
+                        <g id="蒙版" transform="translate(13.209505, 1.542654) rotate(-4.000000) translate(-13.209505, -1.542654) ">
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-8"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-8"></use>
+                        </g>
+                        <path d="M11.5064995,2.76427901 C12.219838,2.76427901 13.3235153,1.53413488 13.3235153,0.0607795809 C13.3235153,-1.41257572 13.2347425,-1.53814132 12.5214041,-1.53814132 C11.8080656,-1.53814132 9.06477972,-1.45987664 9.06477972,0.0134786591 C9.06477972,1.48683396 10.7931611,2.76427901 11.5064995,2.76427901 Z" fill="#5B1A01" mask="url(#mask-9)" transform="translate(11.194148, 0.613069) rotate(-4.000000) translate(-11.194148, -0.613069) "></path>
+                    </g>
+                    <path d="M7.31902059,9.29333333 C7.04541287,7.92691732 6.5899743,7.16752998 5.95270487,7.01517131 C4.99680074,6.7866333 3.59007874,8.58218587 3.59007874,10.1821859 C4.78623589,7.31337056 6.02921651,7.01708638 7.31902059,9.29333333 Z" id="路径-25" fill="#5B1A01" transform="translate(5.454550, 8.588793) scale(-1, 1) translate(-5.454550, -8.588793) "></path>
+                    <path d="M13.6842556,9.3145553 C13.9727725,8.05250432 14.6748667,7.29487619 15.7905383,7.04167093 C16.9062099,6.78846567 18.3284321,7.49957678 20.057205,9.17500426 C18.4794466,8.09377847 17.1524214,7.61935275 16.0761293,7.75172711 C14.9998372,7.88410147 14.202546,8.4050442 13.6842556,9.3145553 Z" id="路径-37" fill="#5B1A01" transform="translate(16.870730, 8.153181) rotate(-8.000000) translate(-16.870730, -8.153181) "></path>
+                    <g id="路径-44">
+                        <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-11"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                    </g>
+                    <g id="路径-10" transform="translate(23.746443, 7.518721) rotate(-345.000000) translate(-23.746443, -7.518721) ">
+                        <use fill="#2879FF" fill-rule="evenodd" xlink:href="#path-13"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/components/new-upvote-item/img/thumb-up.svg

@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>点赞</title>
+    <defs>
+        <path d="M4.02108643,13.7869534 C3.4459385,12.8283735 2.67907459,12.1094386 1.72049471,11.6301486 C0.282624887,10.9112137 -1.01145795,8.75440897 1.14534678,6.59760424 C3.30215151,4.4407995 8.04712193,6.59760424 8.04712193,10.9112137 C7.56783199,11.8697936 6.22582015,12.8283735 4.02108643,13.7869534 Z" id="path-1"></path>
+        <filter x="-24.9%" y="-24.9%" width="149.7%" height="149.8%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="-1" 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 0.694117647   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.8 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M8.05747142,5.70700193 L10.3384627,5.49979118 C10.4966341,5.4854225 10.6132093,5.34555113 10.5988406,5.18737971 C10.5936393,5.13012365 10.5713958,5.07574088 10.5349813,5.03125157 L9.58439013,3.86986756 C9.48379426,3.74696465 9.3026127,3.72888121 9.17970979,3.82947707 C9.17127866,3.83637794 9.16324653,3.84375237 9.15565223,3.85156469 L7.82525215,5.22015945 C7.71454788,5.33404194 7.71712435,5.51610548 7.83100683,5.62680974 C7.8911788,5.68530243 7.97389856,5.71459389 8.05747142,5.70700193 Z" id="path-3"></path>
+        <filter x="-1.1%" y="-16.5%" width="107.3%" height="136.5%" filterUnits="objectBoundingBox" id="filter-4">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" 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.8 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M6.89523492,4.96891335 L8.1505371,1.58049014 C8.20571129,1.43155907 8.12970632,1.26609907 7.98077525,1.21092488 C7.96157045,1.20381012 7.94166057,1.19876728 7.92138446,1.19588219 L5.8137757,0.895990051 C5.65653678,0.873616489 5.51093209,0.982946465 5.48855853,1.14018539 C5.48356915,1.17525015 5.48510017,1.21093492 5.49307451,1.24544348 L6.34538109,4.93375882 C6.38113997,5.08850364 6.53557373,5.1849608 6.69031854,5.14920192 C6.78460827,5.12741317 6.86161596,5.05966063 6.89523492,4.96891335 Z" id="path-5"></path>
+        <filter x="-31.7%" y="-18.8%" width="162.8%" height="124.5%" filterUnits="objectBoundingBox" id="filter-6">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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.8 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M5.38265748,4.33324911 L4.24502401,2.55149977 C4.15955325,2.41763638 3.9817478,2.37840641 3.84788442,2.46387717 C3.84676103,2.46459444 3.84564264,2.46531952 3.84452934,2.46605234 L2.75497614,3.18324181 C2.62231407,3.27056553 2.58556008,3.44889924 2.6728838,3.5815613 C2.70166704,3.62528876 2.7418406,3.66032975 2.78907278,3.68290598 L5.01625946,4.74746586 C5.1595543,4.81595852 5.33124199,4.75531937 5.39973465,4.61202453 C5.44257941,4.52238815 5.4361227,4.41698575 5.38265748,4.33324911 Z" id="path-7"></path>
+        <filter x="-19.6%" y="-30.8%" width="133.6%" height="151.5%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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.8 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="57.0153643%" y1="-10.223569%" x2="18.9094328%" y2="100%" id="linearGradient-9">
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="50.610323%"></stop>
+            <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-67.9%" y="-41.7%" width="235.8%" height="183.3%" filterUnits="objectBoundingBox" id="filter-10">
+            <feGaussianBlur stdDeviation="0.359467456" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <path d="M13.3672403,26.0088468 C8.33469589,28.1656516 3.4459385,25.2899119 2.29564264,19.5384326 C1.14534678,13.7869534 6.89682607,10.6236397 9.77256572,10.6236397 C12.6483054,10.6236397 14.5175361,12.3490835 14.5175361,13.7869534 C14.5175361,14.7455332 15.332329,16.423048 16.9619148,18.8194977 C17.9204947,22.1745273 16.7222699,24.570977 13.3672403,26.0088468 Z" id="path-11"></path>
+        <filter x="-13.2%" y="-12.4%" width="126.4%" height="124.8%" filterUnits="objectBoundingBox" id="filter-12">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="-1" 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 0.694117647   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowInnerInner1" result="shadowMatrixInner1"></feColorMatrix>
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner2"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1   0 0 0 0 1   0 0 0 0 1  0 0 0 0.8 0" type="matrix" in="shadowInnerInner2" result="shadowMatrixInner2"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
+                <feMergeNode in="shadowMatrixInner2"></feMergeNode>
+            </feMerge>
+        </filter>
+        <path d="M16.9619148,15.2248232 C17.2854355,15.8718646 17.3687421,16.584419 17.2118346,17.3624863 C17.1580309,17.1210698 17.0745247,16.8879127 16.9619148,16.662693 C16.2429799,15.2248232 13.2292884,14.4763099 9.77256572,17.1507772 C8.97811341,17.7654452 8.32997813,18.356622 7.82815985,18.9243074 L6.89682607,18.8194977 C7.37611601,17.8609178 8.33469589,16.8253877 9.77256572,15.7129074 C13.2292884,13.03844 16.2429799,13.7869534 16.9619148,15.2248232 Z" id="path-13"></path>
+        <filter x="-12.5%" y="-25.9%" width="124.9%" height="151.8%" filterUnits="objectBoundingBox" id="filter-14">
+            <feGaussianBlur stdDeviation="0.431360947" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-22.1%" y="-45.9%" width="144.2%" height="191.8%" filterUnits="objectBoundingBox" id="filter-15">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="57.2829326%" y1="39.1992779%" x2="16.1059216%" y2="60.71977%" id="linearGradient-16">
+            <stop stop-color="#FFD048" offset="0%"></stop>
+            <stop stop-color="#FFC93A" stop-opacity="0" offset="100%"></stop>
+        </linearGradient>
+        <path d="M17.3932758,18.8194977 C18.3096021,19.837638 18.3427838,20.9819419 17.8756854,22.067358 C17.9217755,21.3496005 17.699366,20.6341279 17.1034615,19.9720118 C15.9326318,19.0713736 13.8309833,19.8631332 10.7985159,22.3472906 L10.4915006,21.6952374 C13.8465302,18.8194977 16.1471219,17.8609178 17.3932758,18.8194977 Z" id="path-17"></path>
+        <filter x="-16.8%" y="-33.3%" width="133.7%" height="166.6%" filterUnits="objectBoundingBox" id="filter-18">
+            <feGaussianBlur stdDeviation="0.431360947" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+        <filter x="-29.9%" y="-59.0%" width="159.7%" height="218.0%" filterUnits="objectBoundingBox" id="filter-19">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="OKR列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="任务/项目-交互说明" transform="translate(-364.000000, -373.000000)">
+            <g id="编组" transform="translate(55.000000, 359.000000)">
+                <g id="编组-4" transform="translate(309.000000, 14.000000)">
+                    <g id="加油-手" transform="translate(6.000000, 1.000000)">
+                        <g id="路径-26">
+                            <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-1"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                        </g>
+                        <g id="路径-14" transform="translate(9.081001, 4.698894) rotate(-345.000000) translate(-9.081001, -4.698894) ">
+                            <use fill="#2879FF" fill-rule="evenodd" xlink:href="#path-3"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
+                        </g>
+                        <g id="路径-14" transform="translate(6.836543, 3.353197) rotate(-345.000000) translate(-6.836543, -3.353197) ">
+                            <use fill="#FFC639" fill-rule="evenodd" xlink:href="#path-5"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                        </g>
+                        <g id="路径-14" transform="translate(4.126899, 3.743595) rotate(-345.000000) translate(-4.126899, -3.743595) ">
+                            <use fill="#F05E5E" fill-rule="evenodd" xlink:href="#path-7"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
+                        </g>
+                        <path d="M5.36733319,6.31956296 C5.78111486,8.23811779 4.93283718,9.67598762 2.82250016,10.6331724" id="路径-12" stroke="url(#linearGradient-9)" stroke-width="1.43786982" opacity="0.6" stroke-linecap="round" filter="url(#filter-10)" transform="translate(4.145790, 8.476368) rotate(-95.000000) translate(-4.145790, -8.476368) "></path>
+                        <g id="路径-34">
+                            <use fill="#FFD048" fill-rule="evenodd" xlink:href="#path-11"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
+                        </g>
+                        <path d="M6.89682607,18.8194977 C7.37611601,17.8609178 8.33469589,16.8253877 9.77256572,15.7129074 C13.2292884,13.03844 16.2429799,13.7869534 16.9619148,15.2248232 C17.4412048,16.1834031 17.3932758,17.2857699 16.8181278,18.5319238 L13.3672403,19.5384326" id="路径-35" fill="#FFD048"></path>
+                        <g id="形状结合" opacity="0.8" filter="url(#filter-14)">
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-13"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-15)" xlink:href="#path-13"></use>
+                        </g>
+                        <path d="M10.4915006,21.6952374 C13.8465302,18.8194977 16.1471219,17.8609178 17.3932758,18.8194977 C19.9814415,21.6952374 15.524045,25.5774859 12.6483054,26.2964208" id="路径-36" fill="url(#linearGradient-16)"></path>
+                        <g id="形状结合" opacity="0.8" filter="url(#filter-18)">
+                            <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-17"></use>
+                            <use fill="black" fill-opacity="1" filter="url(#filter-19)" xlink:href="#path-17"></use>
+                        </g>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/components/new-upvote-item/img/welldone.svg

@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="30px" height="30px" viewBox="0 0 30 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>给力</title>
+    <defs>
+        <path d="M28.970811,4.13489332 C28.9902052,4.21731882 29,4.30171106 29,4.38638749 L29,20.1219944 C29,20.68693 28.5713381,21.1596727 28.009098,21.2147943 L10.684,22.9131008 L6.37744688,26.5438947 C6.33784064,26.5772804 6.29121668,26.6006161 6.24151243,26.6124637 L6.16513804,26.6214393 C5.98320894,26.6214393 5.83572627,26.4739567 5.83572627,26.2920276 L5.83572627,26.2920276 L5.835,23.3881008 L2.20517647,23.7445905 C1.60163972,23.8037608 1.06440954,23.3624646 1.00523927,22.7589278 C1.00174851,22.7233221 1,22.687567 1,22.6517906 L1,10.4578984 C1,9.94835172 1.35054351,9.50575447 1.84654505,9.38904822 L27.6504666,3.31753727 C28.2407763,3.17864087 28.8319146,3.54458364 28.970811,4.13489332 Z" id="path-1"></path>
+        <filter x="-5.4%" y="-6.4%" width="110.7%" height="112.9%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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.8 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="50.8454232%" y1="97.500305%" x2="49.8005483%" y2="4.01182731%" id="linearGradient-3">
+            <stop stop-color="#FAA300" offset="0%"></stop>
+            <stop stop-color="#FCE1AF" offset="100%"></stop>
+        </linearGradient>
+        <path d="M27.3233823,4.13541664 C27.3430214,4.21833759 27.3529412,4.30326285 27.3529412,4.38847777 L27.3529412,19.1690729 C27.3529412,19.7337399 26.9246747,20.2063498 26.3627373,20.2618042 L10.032,21.8731897 L6.4894375,25.0224608 C6.44923804,25.0581936 6.40122823,25.0832633 6.34978383,25.0960061 L6.27058824,25.1056671 C6.08865914,25.1056671 5.94117647,24.9581845 5.94117647,24.7762554 L5.94117647,24.7762554 L5.941,22.2761897 L2.20587454,22.6457051 C1.60237572,22.7052609 1.06486374,22.264308 1.00530793,21.6608091 C1.00177145,21.6249728 1,21.5889842 1,21.5529738 L1,10.10984 C1,9.60089487 1.34973362,9.15865442 1.84497809,9.04135968 L26.0018408,3.31999745 C26.5919462,3.18023565 27.1836205,3.54531125 27.3233823,4.13541664 Z" id="path-4"></path>
+        <filter x="-5.7%" y="-6.9%" width="111.4%" height="113.8%" filterUnits="objectBoundingBox" id="filter-5">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="1" 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 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <path d="M14.0786396,13.049887 L14.5496197,11.9516675 L10.7264618,11.0541916 L11.5046295,10.0156934 L10.9080548,9.27613499 L7.7435882,13.2632627 L8.34016292,13.9898763 L10.0498245,11.919484 L14.0786396,13.049887 Z M7.79591931,17.2174901 L7.82731798,16.1613394 L6.30971563,17.0603937 L7.22027704,15.1343439 L7.00285835,14.0121654 L5.85165981,14.4432564 L7.22027704,11.919484 L6.30971563,11.4848833 L4.54329592,15.1524575 L4.71075549,15.9809849 L6.09229694,15.2931345 L4.92817418,17.4611447 L4.92817418,18.5963739 L7.79591931,17.2174901 Z M12.8825037,14.6809638 L12.9243686,13.5369099 L8.79021051,14.0699528 L8.75881184,15.1343439 L12.8825037,14.6809638 Z M9.83794903,19.7661837 L12.8511051,19.7661837 L13.2383553,19.2918548 L13.2383553,16.1613394 L12.7883077,15.5276048 L9.50558088,15.8036006 L8.99273594,16.4793119 L9.26230676,19.3849624 L9.83794903,19.7661837 Z M10.1728682,18.5963739 L10.0498245,16.8388255 L12.3696588,16.6476951 L12.3696588,18.7435572 L10.1728682,18.5963739 Z M4.71075549,20.537782 L8.10653414,18.9839345 L7.65648655,18.1099078 L4.92817418,19.2918548 L4.71075549,20.537782 Z M16.3780479,18.9839345 L19.2278077,11.4848833 L22.417233,11.0541916 L21.9985841,17.0603937 L20.7348154,16.1613394 L20.2345047,17.4611447 L22.417233,18.6777647 L23.1917335,18.1413364 L23.7359771,10.2307294 L23.2649971,9.56754837 L19.6902611,10.0156934 L20.2345047,8.13455138 L19.0680416,8.05431569 L18.3982033,10.3506914 L15.708384,10.7793034 L15.6769853,11.9629526 L18.0109531,11.6366174 L14.9251197,19.2918548 L16.3780479,18.9839345 Z" id="path-6"></path>
+        <filter x="-13.0%" y="-20.0%" width="136.5%" height="156.1%" filterUnits="objectBoundingBox" id="filter-7">
+            <feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.93970788   0 0 0 0 0.407798002   0 0 0 0 0  0 0 0 1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-7.8%" y="-12.0%" width="126.1%" height="140.1%" filterUnits="objectBoundingBox" id="filter-8">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 0.980392157   0 0 0 0 0.639215686   0 0 0 0 0  0 0 0 0.7 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="OKR列表" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="任务/项目-交互说明" transform="translate(-74.000000, -373.000000)">
+            <g id="编组" transform="translate(55.000000, 359.000000)">
+                <g id="给力" transform="translate(19.000000, 14.000000)">
+                    <g id="形状结合">
+                        <use fill="#FAA300" fill-rule="evenodd" xlink:href="#path-1"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
+                    </g>
+                    <path d="M26.2626929,3.29018973 L27.9019608,3.29018973 C28.5083911,3.29018973 29,3.78179863 29,4.38822894 L29,20.1224377 C29,20.6871869 28.5716125,21.1598375 28.0095824,21.21519 L26.8026149,21.3340603 L26.8026149,21.3340603 L26.2626929,3.29018973 Z" id="路径-46" fill="url(#linearGradient-3)"></path>
+                    <g id="形状结合" transform="translate(14.176471, 14.197928) rotate(-360.000000) translate(-14.176471, -14.197928) ">
+                        <use fill="#FAA300" fill-rule="evenodd" xlink:href="#path-4"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-5)" xlink:href="#path-4"></use>
+                    </g>
+                    <g fill-rule="nonzero">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-6"></use>
+                        <use fill="#FFFFFF" xlink:href="#path-6"></use>
+                        <use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-6"></use>
+                    </g>
+                    <path d="M21.2929295,6.48387858 L25.0454025,5.4176146 C25.3370714,5.33473698 25.6407013,5.50399574 25.7235789,5.79566461 C25.7374495,5.84447908 25.7444853,5.89498093 25.7444853,5.94572781 L25.7444853,9.27613499 L25.7444853,9.27613499 L25.1634298,6.67722568 C25.1041356,6.41201831 24.8597426,6.23009402 24.588673,6.24938107 L21.2929295,6.48387858 L21.2929295,6.48387858 Z" id="路径-47" fill="#FFFFFF"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/lib/components/dynamic/components/new-upvote-item/index.css

@@ -0,0 +1,32 @@
+.titaui-dynamic-new-upvote-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 28px;
+  background: #f0f4fa;
+  border-radius: 16px;
+  padding: 0 8px;
+  box-sizing: border-box;
+}
+
+.titaui-dynamic-new-upvote-item__img {
+  width: 24px;
+  height: 24px;
+}
+
+.titaui-dynamic-new-upvote-item__line {
+  width: 1px;
+  height: 14px;
+  background: linear-gradient(270deg, rgba(191, 199, 213, 0) 0%, #bfc7d5 50%, rgba(240, 242, 245, 0) 100%);
+  border-radius: 50%;
+  margin: 0 4px;
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+
+.titaui-dynamic-new-upvote-item__name {
+  font-size: 12px;
+  font-weight: normal;
+  color: #6f7886;
+  line-height: 18px;
+}

package/lib/components/dynamic/components/new-upvote-item/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _tooltip = _interopRequireDefault(require("../../../tooltip"));
+var _openData = require("../../../../utils/open-data");
+var _attitude = _interopRequireDefault(require("./attitude"));
+require("./index.css");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var preCls = 'titaui-dynamic-new-upvote-item';
+var NewUpvoteItem = function NewUpvoteItem(props) {
+  var _getAttitude$find;
+  var type = props.type,
+    name = props.name,
+    userId = props.userId;
+  var imgSrc = (_getAttitude$find = (0, _attitude["default"])().find(function (i) {
+    return i.type == type;
+  })) === null || _getAttitude$find === void 0 ? void 0 : _getAttitude$find.img;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: preCls
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    className: "".concat(preCls, "__img"),
+    src: imgSrc
+  }), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "".concat(preCls, "__line")
+  }), /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Text, {
+    exClass: "".concat(preCls, "__name"),
+    text: /*#__PURE__*/_react["default"].createElement(_openData.OpenUserName, {
+      name: name,
+      id: userId
+    }),
+    maxWidth: 120
+  }));
+};
+var _default = NewUpvoteItem;
+exports["default"] = _default;