n20-common-lib 1.1.10

package/src/components/Empty/img/relevant.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="351px" height="350px" viewBox="0 0 351 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>-mockplus-</title>
+    <defs>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-2">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="62.6522593%" y1="52.2173606%" x2="0%" y2="36.6425829%" id="linearGradient-3">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="46.3152118%" y1="50%" x2="50%" y2="45.8827248%" id="linearGradient-4">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-5">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="49.0301089%" x2="0%" y2="49.1253097%" id="linearGradient-6">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" stop-opacity="0.911806468" offset="91.1806468%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="49.9276112%" x2="0%" y2="49.9347166%" id="linearGradient-7">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" stop-opacity="0.911806468" offset="91.1806468%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="反馈" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="反馈:6" transform="translate(-848.000000, -7137.000000)">
+            <g id="缺少许可" transform="translate(848.062500, 7137.000000)">
+                <rect id="矩形备份-5" x="0" y="0" width="350" height="350"></rect>
+                <g id="编组-20" transform="translate(0.000000, 48.000000)">
+                    <g id="background/default/mountain">
+                        <path d="M0,98.23836 C17.5783059,87.127218 31.7108951,75.9509382 42.3977677,64.7095205 C58.4280765,47.847394 72.7504377,40 95.4742748,40 C118.198112,40 163.578834,93.3401391 196.718973,114" id="路径-26" fill="url(#linearGradient-1)" opacity="0.16"></path>
+                        <path d="M170.756063,20 C188.892799,6.66666667 202.604353,0 211.890727,0 C225.820286,0 251.699788,20 264.621969,20" id="路径-27" fill="url(#linearGradient-2)" opacity="0.16"></path>
+                        <path d="M210.106923,120 C194.863293,113.931498 178.68082,102.735317 161.559504,86.4114548 C144.438187,70.087593 128.364382,56.7837748 113.338088,46.5 C167.672808,70.9353048 206.16543,85.5336481 228.815956,90.2950299 C251.466481,95.0564117 266.968339,98.0088037 275.32153,99.1522059" id="路径-28" fill="url(#linearGradient-3)" opacity="0.26"></path>
+                        <path d="M179.243937,105.568252 C179.243937,105.568252 226.619927,89.5 248.271674,89.5 C269.923421,89.5 317.333076,128.549612 350,138.5" id="路径-29" fill="url(#linearGradient-4)" opacity="0.16"></path>
+                        <path d="M0.499286733,188 C43.8079684,170.333333 102.058087,161.5 175.249643,161.5 C248.441199,161.5 306.691318,170.333333 350,188" id="路径-19" fill="url(#linearGradient-5)" opacity="0.16"></path>
+                    </g>
+                    <ellipse id="椭圆形备份-8" fill="url(#linearGradient-6)" opacity="0.16" cx="220.185449" cy="215" rx="26.4621969" ry="3.5"></ellipse>
+                    <ellipse id="椭圆形备份-8" fill="url(#linearGradient-7)" opacity="0.16" cx="172.253923" cy="194.5" rx="96.8616262" ry="3.5"></ellipse>
+                    <g id="objects/element/person" transform="translate(80.884451, 54.000000)">
+                        <rect id="矩形" fill="#D7DAE0" transform="translate(147.539230, 89.750000) scale(-1, 1) translate(-147.539230, -89.750000) " x="111.840228" y="42" width="71.3980029" height="95.5" rx="14"></rect>
+                        <path d="M145.542083,58.5 C151.469297,58.5 156.291877,63.4561905 156.291877,69.547619 C156.291877,73.6001905 154.157487,77.1499047 150.983703,79.0721905 L152.214369,79.0714286 C155.280655,79.0714286 157.774608,81.6344762 157.774608,84.7857143 C157.774608,87.9369524 155.280655,90.5 152.214369,90.5 L138.869796,90.5 C135.80351,90.5 133.309558,87.9369524 133.309558,84.7857143 C133.309558,81.6344762 135.80351,79.0714286 138.869796,79.0714286 L140.100463,79.0721905 C136.92742,77.1499047 134.792288,73.6009524 134.792288,69.547619 C134.792288,63.4561905 139.614868,58.5 145.542083,58.5 Z" id="形状备份" fill="#DFE2E8"></path>
+                        <path d="M162.764622,121.5 C163.869191,121.5 164.764622,122.395431 164.764622,123.5 C164.764622,124.604569 163.869191,125.5 162.764622,125.5 L132.313837,125.5 C131.209268,125.5 130.313837,124.604569 130.313837,123.5 C130.313837,122.395431 131.209268,121.5 132.313837,121.5 L162.764622,121.5 Z M163.014622,113 C163.98112,113 164.764622,113.783502 164.764622,114.75 C164.764622,115.716498 163.98112,116.5 163.014622,116.5 L132.063837,116.5 C131.097339,116.5 130.313837,115.716498 130.313837,114.75 C130.313837,113.783502 131.097339,113 132.063837,113 L163.014622,113 Z M162.764622,104.5 C163.869191,104.5 164.764622,105.395431 164.764622,106.5 C164.764622,107.604569 163.869191,108.5 162.764622,108.5 L132.313837,108.5 C131.209268,108.5 130.313837,107.604569 130.313837,106.5 C130.313837,105.395431 131.209268,104.5 132.313837,104.5 L162.764622,104.5 Z" id="形状结合" fill="#DFE2E8"></path>
+                        <rect id="矩形" fill="#DFE2E8" x="0" y="0" width="145.292439" height="137.5" rx="14"></rect>
+                        <rect id="矩形" fill="#E6E8ED" x="0" y="0" width="137.303852" height="137.5" rx="14"></rect>
+                        <path d="M81.1340942,68.5 C89.4805797,68.5 96.2715601,75.3147619 96.2715601,83.6904762 C96.2715601,89.2627619 93.2659901,94.143619 88.7967838,96.7867619 L90.5297627,96.7857143 C94.8475944,96.7857143 98.3594864,100.309905 98.3594864,104.642857 C98.3594864,108.97581 94.8475943,112.5 90.5297627,112.5 L71.7384256,112.5 C67.4205939,112.5 63.9087019,108.97581 63.9087019,104.642857 C63.9087019,100.309905 67.4205939,96.7857143 71.7384256,96.7857143 L73.4714045,96.7867619 C69.0032421,94.143619 65.9966282,89.2638095 65.9966282,83.6904762 C65.9966282,75.3147619 72.7876086,68.5 81.1340942,68.5 Z M117.827389,39 C119.484244,39 120.827389,40.3431458 120.827389,42 C120.827389,43.6568542 119.484244,45 117.827389,45 L85.8815977,45 C84.2247435,45 82.8815977,43.6568542 82.8815977,42 C82.8815977,40.3431458 84.2247435,39 85.8815977,39 L117.827389,39 Z M117.827389,25.5 C119.484244,25.5 120.827389,26.8431458 120.827389,28.5 C120.827389,30.1568542 119.484244,31.5 117.827389,31.5 L85.8815977,31.5 C84.2247435,31.5 82.8815977,30.1568542 82.8815977,28.5 C82.8815977,26.8431458 84.2247435,25.5 85.8815977,25.5 L117.827389,25.5 Z M117.827389,12 C119.484244,12 120.827389,13.3431458 120.827389,15 C120.827389,16.6568542 119.484244,18 117.827389,18 L85.8815977,18 C84.2247435,18 82.8815977,16.6568542 82.8815977,15 C82.8815977,13.3431458 84.2247435,12 85.8815977,12 L117.827389,12 Z" id="形状结合" fill="#F0F2F5"></path>
+                        <path d="M37.9457917,65.5 C48.5905849,65.5 57.2515454,74.1733333 57.2515454,84.8333333 C57.2515454,91.9253333 53.4183547,98.1373333 47.7184973,101.501333 L49.9286733,101.5 C55.4354732,101.5 59.914408,105.985333 59.914408,111.5 C59.914408,117.014667 55.4354731,121.5 49.9286733,121.5 L25.9629101,121.5 C20.4561103,121.5 15.9771755,117.014667 15.9771755,111.5 C15.9771755,105.985333 20.4561103,101.5 25.9629101,101.5 L28.173086,101.501333 C22.4745601,98.1373333 18.640038,91.9266667 18.640038,84.8333333 C18.640038,74.1733333 27.3009986,65.5 37.9457917,65.5 Z" id="形状" fill="#D7DAE0"></path>
+                    </g>
+                    <ellipse id="椭圆形备份-8" fill="url(#linearGradient-6)" opacity="0.16" cx="217.689016" cy="250.5" rx="26.4621969" ry="3.5"></ellipse>
+                    <g id="objects/-element/warrant" transform="translate(191.476462, 163.750000)">
+                        <path d="M26.2125535,0 C40.6893723,0 52.425107,11.7525 52.425107,26.25 C52.425107,40.7475 40.6893723,52.5 26.2125535,52.5 C11.7357347,52.5 0,40.7475 0,26.25 C0,11.7525 11.7357347,0 26.2125535,0 Z" id="形状" fill="#C9CDD4"></path>
+                        <path d="M38.3054379,14.1621 C37.1402525,12.957 35.5312511,12.28395 33.8554451,12.3003 C32.1836833,12.30465 30.582321,12.9744 29.4054522,14.1621 L24.5408516,19.02825 C24.0459586,19.51545 24.0395178,20.3118 24.526622,20.8071 C25.0137261,21.3024 25.809689,21.30885 26.3047318,20.8215 L31.1691826,15.95535 C31.8929486,15.26835 32.8505307,14.88195 33.8481056,14.874 C34.8500243,14.86095 35.8149458,15.2505 36.5273281,15.95535 C37.2139472,16.6794 37.6002454,17.6373 37.6083338,18.63525 C37.6212154,19.6374 37.2317718,20.6028 36.5273281,21.3153 L30.7620642,27.08265 C29.2715435,28.5363 26.8944394,28.5363 25.4039187,27.08265 C24.9150171,26.59335 24.1220499,26.59335 23.6329986,27.08265 C23.1439472,27.5718 23.1439472,28.36515 23.6329986,28.8543 C24.7980342,30.0594 26.4070357,30.73275 28.0829914,30.71595 L28.0901812,30.69255 C29.7619429,30.68835 31.3631555,30.01845 32.540174,28.8309 L38.3054379,23.06355 C40.7550385,20.6025 40.7550385,16.6233 38.3054379,14.1621" id="Fill-1" fill="#FFFFFF"></path>
+                        <path d="M26.1372261,31.7307 L21.2727753,36.59685 C20.5490093,37.28385 19.591577,37.6704 18.5940021,37.6782 C17.5920835,37.69125 16.6271619,37.30185 15.9147796,36.59685 C15.2281605,35.8728 14.8418623,34.91505 14.8337739,33.91695 C14.8208923,32.9148 15.2103359,31.9494 15.9147796,31.2369 L21.6800435,25.46955 C23.1704144,24.01575 25.5475185,24.01575 27.038189,25.46955 C27.2703573,25.7091 27.5898509,25.84425 27.9235742,25.84425 C28.2571476,25.84425 28.5766412,25.7091 28.8091091,25.46955 C29.0297439,25.21995 29.1570621,24.9015 29.1696148,24.5685 C29.1741377,24.23205 29.044423,23.9076 28.8091091,23.6673 C27.6439237,22.4622 26.0349223,21.78915 24.3589665,21.8055 C22.6873545,21.80985 21.0861419,22.47975 19.9089736,23.6673 L14.1438595,29.4345 C12.9389807,30.60015 12.2661419,32.2098 12.2827682,33.8862 C12.287112,35.5587 12.9568053,37.1604 14.1438595,38.3379 C15.3088951,39.54315 16.9178966,40.21635 18.5940021,40.1997 C20.2603716,40.19955 21.8594872,39.5415 23.043995,38.36865 L27.9081462,33.5025 C28.3973474,33.0132 28.3973474,32.22 27.9081462,31.7307 C27.4192447,31.24155 26.6262775,31.24155 26.1372261,31.7307" id="Fill-3" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/Empty/img/search.svg

@@ -0,0 +1,73 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="351px" height="350px" viewBox="0 0 351 350" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>-mockplus-</title>
+    <defs>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-1">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-2">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-3">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="100%" x2="50%" y2="0%" id="linearGradient-4">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="49.8792597%" x2="0%" y2="49.8911111%" id="linearGradient-5">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" stop-opacity="0.911806468" offset="91.1806468%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="100%" y1="49.8218849%" x2="0%" y2="49.839368%" id="linearGradient-6">
+            <stop stop-color="#B4B8BF" stop-opacity="0" offset="0%"></stop>
+            <stop stop-color="#B4B8BF" stop-opacity="0.911806468" offset="91.1806468%"></stop>
+            <stop stop-color="#B4B8BF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="反馈" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="反馈:6" transform="translate(-480.000000, -7137.000000)">
+            <g id="查找失败" transform="translate(480.062500, 7137.000000)">
+                <rect id="矩形备份-4" x="0" y="0" width="350" height="350"></rect>
+                <g id="编组-17" transform="translate(0.000000, 48.854669)">
+                    <path d="M0,229.032236 C43.3705512,211.365569 101.703885,202.532236 175,202.532236 C248.296115,202.532236 306.629449,211.365569 350,229.032236" id="路径-19" fill="url(#linearGradient-1)" opacity="0.16"></path>
+                    <path d="M242,154.532236 L276.428932,120.103303 C280.334175,116.198061 286.665825,116.198061 290.571068,120.103303 L325,154.532236 L325,154.532236" id="路径-22备份-2" fill="url(#linearGradient-2)" opacity="0.26"></path>
+                    <path d="M49,103.032236 L75.9289322,76.1033035 C79.8341751,72.1980606 86.1658249,72.1980606 90.0710678,76.1033035 L117,103.032236 L117,103.032236" id="路径-22" fill="url(#linearGradient-3)" opacity="0.26"></path>
+                    <path d="M24,133.532236 L41.9289322,115.603303 C45.8341751,111.698061 52.1658249,111.698061 56.0710678,115.603303 L74,133.532236 L74,133.532236" id="路径-22备份" fill="url(#linearGradient-4)" opacity="0.26"></path>
+                    <path d="M211.644511,82.808351 L234.479246,212.31057 C235.342376,217.205619 232.073859,221.873545 227.17881,222.736674 L182.965519,230.53168 L112.286519,230.53168 L90.0207536,104.253901 C89.1576244,99.3588522 92.426141,94.6909267 97.3211897,93.8277975 L201.218408,75.5079148 C206.113456,74.6447856 210.781382,77.9133022 211.644511,82.808351 Z" id="形状结合" fill="#D7DAE0"></path>
+                    <path d="M114,86.0322357 L208.837242,86.0322357 L208.837242,86.0322357 L228.5,106.753023 L228.5,221.532236 C228.5,226.502798 224.470563,230.532236 219.5,230.532236 L114,230.532236 C109.029437,230.532236 105,226.502798 105,221.532236 L105,95.0322357 C105,90.0616729 109.029437,86.0322357 114,86.0322357 Z" id="矩形" fill="#E6E8ED"></path>
+                    <path d="M176.25,172.532236 C178.59721,172.532236 180.5,174.435025 180.5,176.782236 C180.5,179.129446 178.59721,181.032236 176.25,181.032236 L123.25,181.032236 C120.90279,181.032236 119,179.129446 119,176.782236 C119,174.435025 120.90279,172.532236 123.25,172.532236 L176.25,172.532236 Z M204.75,149.032236 C207.09721,149.032236 209,150.935025 209,153.282236 C209,155.629446 207.09721,157.532236 204.75,157.532236 L123.25,157.532236 C120.90279,157.532236 119,155.629446 119,153.282236 C119,150.935025 120.90279,149.032236 123.25,149.032236 L204.75,149.032236 Z M204.75,125.532236 C207.09721,125.532236 209,127.435025 209,129.782236 C209,132.129446 207.09721,134.032236 204.75,134.032236 L123.25,134.032236 C120.90279,134.032236 119,132.129446 119,129.782236 C119,127.435025 120.90279,125.532236 123.25,125.532236 L204.75,125.532236 Z M176.25,102.032236 C178.59721,102.032236 180.5,103.935025 180.5,106.282236 C180.5,108.629446 178.59721,110.532236 176.25,110.532236 L123.25,110.532236 C120.90279,110.532236 119,108.629446 119,106.282236 C119,103.935025 120.90279,102.032236 123.25,102.032236 L176.25,102.032236 Z" id="形状结合" fill="#F0F2F5"></path>
+                    <path d="M208.837242,86.0322357 L228.5,106.753023 L214.837242,106.753023 C211.523534,106.753023 208.837242,104.066731 208.837242,100.753023 L208.837242,86.0322357 L208.837242,86.0322357 Z" id="路径-23" fill="#F0F2F5"></path>
+                    <ellipse id="椭圆形备份-8" fill="url(#linearGradient-5)" opacity="0.16" cx="174.5" cy="232.532236" rx="75" ry="3.5"></ellipse>
+                    <ellipse id="椭圆形备份-7" fill="url(#linearGradient-6)" opacity="0.16" cx="274.25" cy="248.532236" rx="61.75" ry="3.5"></ellipse>
+                    <g id="编组-2" transform="translate(209.980711, 0.000000)">
+                        <g id="编组" transform="translate(28.391326, 30.018205) rotate(-39.000000) translate(-28.391326, -30.018205) translate(13.129386, 3.750868)">
+                            <path d="M16.9513495,29.2667748 C17.0380857,35.1526238 18.733652,39.678259 22.0380485,42.8436804 C25.342445,46.0091019 28.1710555,47.9348376 30.5238802,48.6208874 C21.982891,53.5533565 15.5048339,53.8236059 11.0897089,49.4316357 C6.6745838,45.0396655 8.62846401,38.3180452 16.9513495,29.2667748 Z" id="路径-7" fill="#DFE2E8"></path>
+                            <path d="M18.0671562,0 C17.2512856,5.49741605 17.5730291,10.0475784 19.0323867,13.650487 C20.4917442,17.2533956 23.1458298,22.0334322 26.9946432,27.990597 C20.8899091,30.1880418 16.3758687,33.3461648 13.452522,37.4649662 C10.5291753,41.5837676 9.74157094,45.5726575 11.0897089,49.4316357 C0.947468484,35.4896014 -2.23798152,24.5749446 1.53335886,16.6876651 C5.30469925,8.80038563 10.815965,3.2378306 18.0671562,0 Z" id="路径-6" fill="#E6E8ED"></path>
+                        </g>
+                    </g>
+                    <g id="编组-3" transform="translate(40.269295, 142.861705)">
+                        <g id="编组-2" transform="translate(26.225755, 25.638209) rotate(42.000000) translate(-26.225755, -25.638209) translate(3.894772, 11.245503)">
+                            <path d="M0,8.95632788 C2.83859648,16.6673225 6.70126665,22.0521098 11.5880105,25.1106898 C18.9181263,29.6985598 27.7953656,29.686447 34.1565173,25.8830633 C38.3972852,23.3474742 41.8991012,19.9371172 44.6619654,15.6519923 C40.0210361,16.3106281 35.1389734,14.5723171 30.0157771,10.4370595 C24.8925808,6.30180178 21.7370578,2.82278196 20.549208,0 C14.1546164,3.76437538 9.7556126,6.02084246 7.35219646,6.76940123 C4.94878033,7.51796 2.49804817,8.24693555 0,8.95632788 Z" id="路径-8" fill="#E6E8ED"></path>
+                            <path d="M24.5787352,17.9494053 C27.5405541,20.223599 30.8721807,21.1464947 34.573615,20.7180921 C38.2750492,20.2896896 41.6378327,18.6009897 44.6619654,15.6519923 C39.3144689,22.7037572 34.4296987,26.7975894 30.0076546,27.9334887 C25.5856106,29.0693881 21.6534943,29.0693881 18.2113057,27.9334887 C21.4706154,27.7471206 23.5930919,26.5017934 24.5787352,24.1975069 C25.5643784,21.8932205 25.5643784,19.8105199 24.5787352,17.9494053 Z" id="路径-9" fill="#DFE2E8"></path>
+                        </g>
+                    </g>
+                    <g id="objects/element/-readingglass" transform="translate(166.220000, 165.099736)">
+                        <path d="M33.21,0 C51.5513765,0 66.42,14.8686235 66.42,33.21 C66.42,51.5513765 51.5513765,66.42 33.21,66.42 C14.8686235,66.42 0,51.5513765 0,33.21 C0,14.8686235 14.8686235,0 33.21,0 Z M33.21,7.38 C18.9444849,7.38 7.38,18.9444849 7.38,33.21 C7.38,47.4755151 18.9444849,59.04 33.21,59.04 C47.4755151,59.04 59.04,47.4755151 59.04,33.21 C59.04,18.9444849 47.4755151,7.38 33.21,7.38 Z" id="形状结合" fill="#C9CDD4"></path>
+                        <g id="镜片透明度30%" opacity="0.299079" transform="translate(7.380000, 7.380000)" fill="#F2F7FF">
+                            <circle id="椭圆形" cx="25.83" cy="25.83" r="25.83"></circle>
+                        </g>
+                        <rect id="矩形" fill="#C9CDD4" transform="translate(64.226994, 67.609494) rotate(-45.000000) translate(-64.226994, -67.609494) " x="60.5369936" y="49.9282436" width="7.38" height="35.3625" rx="3.53625"></rect>
+                        <rect id="矩形" fill="#B4B8BF" transform="translate(70.110000, 73.492500) rotate(-45.000000) translate(-70.110000, -73.492500) " x="64.575" y="59.655" width="11.07" height="27.675" rx="3.53625"></rect>
+                        <rect id="矩形" fill="#FFFFFF" transform="translate(47.886336, 33.741336) rotate(-315.000000) translate(-47.886336, -33.741336) " x="46.963836" y="29.128836" width="1.845" height="9.225" rx="0.9225"></rect>
+                        <rect id="矩形" fill="#FFFFFF" transform="translate(50.066541, 36.879472) rotate(-315.000000) translate(-50.066541, -36.879472) " x="48.990291" y="28.7307223" width="2.1525" height="16.2975" rx="0.9225"></rect>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/Empty/index.vue

@@ -0,0 +1,92 @@
+<template>
+  <div class="cl-empty">
+    <img
+      :src="src || imgSrc"
+      :style="{ height: `${height}px`, width: `${width}px` }"
+    />
+    <slot name="content"></slot>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Empty',
+  props: {
+    type: {
+      type: String,
+      default: 'empty'
+    },
+    src: {
+      type: String,
+      default: ''
+    },
+    height: {
+      type: Number,
+      default: 351
+    },
+    width: {
+      type: Number,
+      default: 351
+    }
+  },
+  data() {
+    return {
+      imgSrc: undefined
+    }
+  },
+  watch: {
+    type: {
+      handler(vn) {
+        switch (vn) {
+          case 'empty':
+            import('./img/empty.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'abnormal':
+            import('./img/abnormal.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'relevant':
+            import('./img/relevant.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'dispose':
+            import('./img/dispose.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'general':
+            import('./img/general.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'network':
+            import('./img/network.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'search':
+            import('./img/search.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case 'lock':
+            import('./img/lock.svg').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+          case '404':
+            import('./img/404.png').then((res) => {
+              this.imgSrc = res.default
+            })
+            break
+        }
+      },
+      immediate: true
+    }
+  }
+}
+</script>

package/src/components/Expandable/index.vue

@@ -0,0 +1,47 @@
+/**
+* author: zhengwei
+* time: 2021-9-2
+*/
+<template>
+  <div class="cl-form-expandable">
+    <div ref="title" class="cl-title" @click="expand = !expand">
+      <slot name="title"></slot>
+      <slot name="tips" :expand="expand">
+        <div ref="tips" class="tips">
+          <span>{{ expand ? '收起' : '展开' }}</span
+          ><i class="el-icon-arrow-right" :class="{ expand: expand }"></i>
+        </div>
+      </slot>
+    </div>
+    <el-collapse-transition>
+      <div v-show="expand">
+        <slot></slot>
+      </div>
+    </el-collapse-transition>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Expandable',
+  props: {
+    defaultExpand: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      expand: true
+    }
+  },
+  mounted() {
+    this.expand = this.defaultExpand
+    if (this.$refs.tips) {
+      let titleHeight = this.$refs.title.offsetHeight
+      let tipHeight = this.$refs.tips.offsetHeight
+      this.$refs.tips.style.top = (titleHeight - tipHeight) / 2 + 'px'
+    }
+  }
+}
+</script>