Skip to content

W
WebPublic
切换分支/标签
查找文件
Normal viewHistoryPermalink
index.tsx 162.3 KB
Newer Older
钟是志's avatar
将流程详情页面搬入iframe
5e75fe20
 
钟是志 committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 
/**
 * @file SVG库
 * @author 徐立 SVG设计与搭建
 * iconFont矢量图标库
 * 已有一下图标
 * @param { ?string|number } width 图标宽度
 * @param { ?string|number } height 图标高度
 * @param { ?string|Array<string> } color 颜色
 * @param { ?string } mouseColor 鼠标移入颜色
 * @param { ?any } style 样式配置
 * @param { string } name 需要调用的svg库
 * phone 手机图标
 * phoneTwo 手机图标 单色版
 * leftArrows 向左箭头
 * rightArrows 向右箭头
 * bottomArrows 向下箭头
 * topArrows 向上箭头
 * email 邮箱
 * vertical 竖线
 * filePreview 文件预览
 * preview 预览 扩展图标
 * cssRight 动画用 右箭头
 * cssLeft css用左箭头
 * delete 删除图标
 * examine 审批图表
 * trunTo 转办图标
 * screen 筛选图表
 * unfold 展开图标
 * packUp 收起图标
 * listSvg 列表图标
 * horn 喇叭图标
 * coverage 图层图标
 * module 组件图标
 * rightPanel 右侧面板
 * toolbar 工具栏图标
 * filter 过滤图标
 * refresh 刷新图标
 * beautify 美化图标
 * project 项目图标
 * help 帮助图标
 * transpond 转发功能
 * previewDynamic 场景设计器预览图标
 * breviary 缩略图标
 * drawer 抽屉图标
 * shiftdown 下移图标
 * topdown 上移图标
 * stick 置顶图标
 * bottommost 置底图标
 * trashcan 垃圾桶图标
 * lock 锁定图标
 * disnone 隐藏图标
 * textType 文字排版
 * location 定位图标
 * charts 图表图表
 * diagram 柱状图表
 * pages 页面图标
 * link 链接图标
 * portal 门户图标
 * login 登录图标
 * personalCenter 个人中心图标
 * backstage 后台图标
 * arraySVG 阵列图标
 * pickUp 收起图标
 * pickDown 打开图标
 * allSvg 表示所有内容相关图标
 * empty 表示空图标
 * close 关闭图标
 * color 颜色板图标
 * config 配置图标
 * introduce 介绍图标
 * await 等待图标
 * theme 主题图标
 * darg 拖动图标
 * colorPalette 调色板
 * cat 集成图标
 * dot 圆点
 * oneModal 单模板图标
 * twoModal 多模板图标
 * fulfill 完成图标
 * borderColor 边框颜色
 * borderType 线段类型
 * add 添加按钮
 * omit 三个点省略
 * insert 插入
 * ren 重命名

 */
/**
 * 样式修改颜色示例
 * svg {
 *    path {
 *      fill: red;
 *    }
 *  }
 */
import React, { useState, useEffect } from 'react';
import './style.css';
interface configProps {
  name: string;
  width?: string | number;
  height?: string | number;
  color?: string | Array<string>;
  mouseColor?: string;
  style?: any;
}
export default function index(props: configProps) {
  const { name, width, height, color: deaColor = '#888888', mouseColor, style } = props;
  const [showColor, setMouseColor] = useState<string | Array<string>>(
    Array.isArray(deaColor) ? deaColor[0] : deaColor || '',
  );
  const [color, setColor] = useState<string | Array<string>>(
    Array.isArray(deaColor) ? deaColor[0] : deaColor || '',
  );
  function mouseEnterColor() {
    if (mouseColor) {
      setMouseColor(mouseColor);
    }
  }
  function mouseLeaveColor() {
    if (mouseColor) {
      setMouseColor('');
    }
  }
  useEffect(() => {
    setColor(deaColor);
    setMouseColor(deaColor);
  }, [deaColor]);
  switch (name) {
    case 'phone': // 手机图标
      return (
        <svg
          t="1585203232204"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2260"
          width={width ? width : '16'}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
          style={{ cursor: 'pointer' }}
        >
          <path
            d="M181.677419 726.709677h660.645162v49.548388H181.677419z"
            fill="#8a8a8a"
            p-id="2261"
          ></path>
          <path
            d="M231.225806 57.806452A24.774194 24.774194 0 0 0 206.451613 82.580645v858.83871A24.774194 24.774194 0 0 0 231.225806 966.193548h561.548388a24.774194 24.774194 0 0 0 24.774193-24.774193V82.580645A24.774194 24.774194 0 0 0 792.774194 57.806452H231.225806z m0-49.548387h561.548388A74.322581 74.322581 0 0 1 867.096774 82.580645v858.83871a74.322581 74.322581 0 0 1-74.32258 74.32258H231.225806A74.322581 74.322581 0 0 1 156.903226 941.419355V82.580645A74.322581 74.322581 0 0 1 231.225806 8.258065z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2262"
          ></path>
          <path
            d="M503.741935 867.096774m-41.290322 0a41.290323 41.290323 0 1 0 82.580645 0 41.290323 41.290323 0 1 0-82.580645 0Z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="2263"
          ></path>
        </svg>
      );
    case 'phoneTwo': // 手机图标 单色版
      return (
        <svg
          t="1585205938395"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2004"
          width={width ? width : '16'}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
          style={{ cursor: 'pointer' }}
        >
          <path
            d="M736 0 288 0c-52.8 0-96 43.2-96 96l0 832c0 52.8 43.2 96 96 96l448 0c52.8 0 96-43.2 96-96L832 96C832 43.2 788.8 0 736 0zM384 48l256 0 0 32L384 80 384 48zM512 960c-35.346 0-64-28.654-64-64s28.654-64 64-64 64 28.654 64 64S547.346 960 512 960zM768 768 256 768 256 128l512 0L768 768z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2005"
          ></path>
        </svg>
      );
    case 'leftArrows': // 向左箭头
      return (
        <svg
          t="1585205394038"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1314"
          width={width ? width : '16'}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
          style={{ cursor: 'pointer' }}
        >
          <path
            d="M402.746 146.746l-320 320c-24.994 24.992-24.994 65.516 0 90.508l320 320c24.994 24.992 65.516 24.992 90.51 0 24.996-24.992 24.996-65.516 0-90.508L282.508 576 896 576c35.346 0 64-28.652 64-64 0-35.346-28.654-64-64-64L282.508 448l210.746-210.746C505.75 224.758 512 208.378 512 192s-6.248-32.758-18.744-45.254C468.26 121.752 427.74 121.752 402.746 146.746z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1315"
          ></path>
        </svg>
      );
    case 'rightArrows': // 向右箭头
      return (
        <svg
          t="1585205490262"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1452"
          width={width ? width : '16'}
          height={height ? height : '16'}
          style={{ cursor: 'pointer' }}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M621.254 877.254l320-320c24.994-24.992 24.994-65.516 0-90.51l-320-320c-24.994-24.992-65.516-24.992-90.51 0-24.994 24.994-24.994 65.516 0 90.51L741.49 448 128 448c-35.346 0-64 28.654-64 64s28.654 64 64 64l613.49 0L530.744 786.746C518.248 799.242 512 815.622 512 832s6.248 32.758 18.744 45.254C555.738 902.248 596.26 902.248 621.254 877.254z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1453"
          ></path>
        </svg>
      );
    case 'bottomArrows': // 向下箭头
      return (
        <svg
          t="1585205593014"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1590"
          width={width ? width : '16'}
          height={height ? height : '16'}
          style={{ cursor: 'pointer' }}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M146.746 621.254l320 320c24.992 24.994 65.516 24.994 90.51 0l320-320c24.992-24.994 24.992-65.516 0-90.51-24.994-24.994-65.516-24.994-90.51 0L576 741.49 576 128c0-35.346-28.654-64-64-64s-64 28.654-64 64l0 613.49L237.254 530.744C224.758 518.248 208.378 512 192 512s-32.758 6.248-45.254 18.744C121.752 555.738 121.752 596.26 146.746 621.254z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1591"
          ></path>
        </svg>
      );
    case 'topArrows': // 向上箭头
      return (
        <svg
          t="1585205724335"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1728"
          width={width ? width : '16'}
          height={height ? height : '16'}
          style={{ cursor: 'pointer' }}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M877.254 402.746l-320-320c-24.992-24.994-65.514-24.994-90.508 0l-320 320c-24.994 24.994-24.994 65.516 0 90.51 24.994 24.996 65.516 24.996 90.51 0L448 282.51 448 896c0 35.346 28.654 64 64 64 35.346 0 64-28.654 64-64L576 282.51l210.746 210.746C799.242 505.752 815.622 512 832 512s32.758-6.248 45.254-18.746C902.248 468.26 902.248 427.74 877.254 402.746z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1729"
          ></path>
        </svg>
      );
    case 'email': // 邮箱
      return (
        <svg
          t="1585205803829"
          className="icon"
          viewBox="0 0 1026 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1866"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M928 96 96 96C43.2 96 0 139.2 0 192l0 640c0 52.8 43.2 96 96 96l832 0c52.8 0 96-43.2 96-96L1024 192C1024 139.2 980.8 96 928 96zM176.38 224l671.24 0L512 476 176.38 224zM512 640l384-412.378L895 800l-766.666 0.334L128 227.622"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1867"
          ></path>
        </svg>
      );
    case 'vertical': // 竖线
      return (
        <svg
          t="1585371781000"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1869"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M450.56 128h61.44v768H450.56zM512 128h61.44v768h-61.44z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1870"
          ></path>
        </svg>
      );
    case 'filePreview': // 文件预览
      return (
        <svg
          t="1585379297430"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2282"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M614.4 1024H128c-70.656 0-128-57.344-128-128V128C0 57.344 57.344 0 128 0h614.4c70.656 0 128 57.344 128 128v230.4c0 14.336-11.264 25.6-25.6 25.6s-25.6-11.264-25.6-25.6V128c0-42.496-34.304-76.8-76.8-76.8H128c-42.496 0-76.8 34.304-76.8 76.8v768c0 42.496 34.304 76.8 76.8 76.8h486.4c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2283"
          ></path>
          <path
            d="M691.2 256H179.2c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h512c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM384 443.904H179.2c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h204.8c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM281.6 631.296H179.2c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h102.4c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM332.8 819.2H179.2c-14.336 0-25.6-11.264-25.6-25.6s11.264-25.6 25.6-25.6h153.6c14.336 0 25.6 11.264 25.6 25.6s-11.264 25.6-25.6 25.6zM640 896c-141.312 0-256-114.688-256-256s114.688-256 256-256 256 114.688 256 256-114.688 256-256 256z m0-460.8c-113.152 0-204.8 91.648-204.8 204.8s91.648 204.8 204.8 204.8 204.8-91.648 204.8-204.8-91.648-204.8-204.8-204.8z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="2284"
          ></path>
          <path
            d="M998.4 1024c-6.656 0-13.312-2.56-17.92-7.68l-189.44-189.44c-10.24-10.24-10.24-26.112 0-36.352s26.112-10.24 36.352 0l189.44 189.44c10.24 10.24 10.24 26.112 0 36.352-5.12 5.12-11.776 7.68-18.432 7.68z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="2285"
          ></path>
        </svg>
      );
    case 'preview': // 预览 扩展图标
      return (
        <svg
          t="1585790369493"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2253"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M32.321058 1023.900012h-0.699915C14.223267 1023.900012 0.025 1009.701745 0.025 992.203881V671.543025C0.025 654.245136 14.223267 639.946881 31.721131 639.946881h0.699914c17.397876 0 31.696131 14.298255 31.696131 31.696131v320.660857c-0.099988 17.397876-14.298255 31.596143-31.796118 31.596143z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2254"
          ></path>
          <path
            d="M383.978131 991.603955v0.699914c0 17.397876-14.298255 31.696131-31.696131 31.696131H31.721131C14.223267 1023.900012 0.025 1009.701745 0.025 992.203881v-0.699914C0.025 974.206078 14.223267 959.907824 31.721131 959.907824h320.660857c17.397876 0 31.596143 14.298255 31.596143 31.696131z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="2255"
          ></path>
          <path
            d="M9.723816 1014.701135l-0.499939-0.499939c-12.298499-12.298499-12.298499-32.496033 0-44.794532l294.564043-294.564042c12.298499-12.298499 32.496033-12.298499 44.794531 0l0.499939 0.499939c12.298499 12.298499 12.298499 32.496033 0 44.794532L54.518348 1014.701135c-12.298499 12.298499-32.496033 12.298499-44.794532 0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="2256"
          ></path>
          <path
            d="M32.321058 0.024997h-0.699915C14.223267 0.024997 0.025 14.223264 0.025 31.721128v320.660857C0.025 369.779861 14.223267 383.978128 31.721131 383.978128h0.699914c17.397876 0 31.696131-14.298255 31.696131-31.696131V31.721128C64.017188 14.223264 49.818922 0.024997 32.321058 0.024997z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
            p-id="2257"
          ></path>
          <path
            d="M383.978131 32.321055v-0.699915C383.978131 14.223264 369.779864 0.024997 352.282 0.024997H31.721131C14.223267 0.024997 0.025 14.223264 0.025 31.721128v0.699914C0.025 49.818919 14.223267 64.017185 31.721131 64.017185h320.660857c17.397876 0 31.596143-14.198267 31.596143-31.69613z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
            p-id="2258"
          ></path>
          <path
            d="M9.723816 9.223874l-0.499939 0.499939C-3.074622 22.022312-3.074622 42.219846 9.223877 54.518345l294.564043 294.564042c12.298499 12.298499 32.496033 12.298499 44.794531 0l0.499939-0.499939c12.298499-12.298499 12.298499-32.496033 0-44.794531L54.518348 9.223874C42.219849-3.074625 22.022315-3.074625 9.723816 9.223874z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[5]
                  : showColor
                : Array.isArray(color)
                ? color[5]
                : color
            }
            p-id="2259"
          ></path>
          <path
            d="M991.603958 1023.900012h0.699914c17.397876 0 31.696131-14.298255 31.696131-31.696131V671.643012c0-17.397876-14.298255-31.696131-31.696131-31.696131h-0.699914c-17.397876 0-31.696131 14.298255-31.696131 31.696131v320.660857c0 17.397876 14.298255 31.596143 31.696131 31.596143z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[6]
                  : showColor
                : Array.isArray(color)
                ? color[6]
                : color
            }
            p-id="2260"
          ></path>
          <path
            d="M639.946885 991.603955v0.699914c0 17.397876 14.298255 31.696131 31.69613 31.696131h320.660857c17.397876 0 31.696131-14.298255 31.696131-31.696131v-0.699914c0-17.397876-14.298255-31.696131-31.696131-31.696131H671.643015c-17.397876 0-31.696131 14.298255-31.69613 31.696131z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[7]
                  : showColor
                : Array.isArray(color)
                ? color[7]
                : color
            }
            p-id="2261"
          ></path>
          <path
            d="M1014.201199 1014.701135l0.499939-0.499939c12.298499-12.298499 12.298499-32.496033 0-44.794532L720.037108 674.842622c-12.298499-12.298499-32.496033-12.298499-44.794532 0l-0.499939 0.499939c-12.298499 12.298499-12.298499 32.496033 0 44.794532l294.564042 294.564042c12.398487 12.298499 32.596021 12.298499 44.89452 0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[8]
                  : showColor
                : Array.isArray(color)
                ? color[8]
                : color
            }
            p-id="2262"
          ></path>
          <path
            d="M991.603958 0.024997h0.699914c17.397876 0 31.696131 14.198267 31.696131 31.696131v320.660857c0 17.397876-14.298255 31.696131-31.696131 31.69613h-0.699914c-17.397876 0-31.696131-14.298255-31.696131-31.69613V31.721128C959.907827 14.223264 974.206081 0.024997 991.603958 0.024997z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[9]
                  : showColor
                : Array.isArray(color)
                ? color[9]
                : color
            }
            p-id="2263"
          ></path>
          <path
            d="M639.946885 32.321055v-0.699915C639.946885 14.223264 654.245139 0.024997 671.643015 0.024997h320.660857c17.397876 0 31.696131 14.198267 31.696131 31.696131v0.699914c0 17.397876-14.298255 31.696131-31.696131 31.696131H671.643015C654.245139 64.017185 639.946885 49.818919 639.946885 32.321055z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[10]
                  : showColor
                : Array.isArray(color)
                ? color[10]
                : color
            }
            p-id="2264"
          ></path>
          <path
            d="M1014.201199 9.223874l0.499939 0.499939c12.298499 12.298499 12.298499 32.496033 0 44.794532L720.037108 349.082387c-12.298499 12.298499-32.496033 12.298499-44.794532 0l-0.499939-0.499939c-12.298499-12.298499-12.298499-32.496033 0-44.794531L969.406667 9.223874c12.298499-12.298499 32.496033-12.298499 44.794532 0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[11]
                  : showColor
                : Array.isArray(color)
                ? color[11]
                : color
            }
            p-id="2265"
          ></path>
        </svg>
      );
    case 'cssRight': // 动画用 右箭头
      return (
        <svg
          t="1585892088918"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1218"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M836.8 551.2L462 176.4c-32.3-32.3-84.8-32.3-117 0-32.3 32.3-32.3 84.8 0 117L671.5 620c10.3 10.3 10.3 27.1 0 37.4-10.3 10.3-27.1 10.3-37.4 0L307.6 330.8c-52.9-52.9-52.9-139 0-191.8 26.4-26.4 61.2-39.7 95.9-39.7s69.5 13.2 95.9 39.7l374.8 374.8M403.5 99.3"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1219"
          ></path>
          <path
            d="M818.1 532.5L475.8 874.9c-42.6 42.6-111.8 42.6-154.4 0-42.7-42.6-42.7-111.8 0-154.4l342.4-342.4"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="1220"
          ></path>
          <path
            d="M645 359.4L307.6 696.8c-52.9 52.9-52.9 139 0 191.8 25.6 25.6 59.7 39.7 95.9 39.7s70.3-14.1 95.9-39.7l337.4-337.4m0-74.8L820 493.2l-20.6 20.6L462 851.2c-15.6 15.6-36.4 24.2-58.5 24.2s-42.9-8.6-58.5-24.2c-32.3-32.3-32.3-84.8 0-117l337.4-337.4 19.9-19.9 17.5-17.5"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="1221"
          ></path>
        </svg>
      );
    case 'cssLeft': // css用左箭头
      return (
        <svg
          t="1585892592534"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1358"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M161.1 511.2l373.6-373.6c26.4-26.4 61-39.5 95.6-39.5 34.6 0 69.2 13.2 95.6 39.5 52.7 52.7 52.7 138.5 0 191.2L400.4 654.3c-10.3 10.3-27 10.3-37.3 0-10.3-10.3-10.3-27 0-37.3l325.4-325.4c32.2-32.2 32.2-84.5 0-116.6-32.2-32.2-84.5-32.2-116.6 0L198.4 548.5M630.3 98.1"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1359"
          ></path>
          <path
            d="M371 375.9l341.2 341.2c42.5 42.5 42.5 111.4 0 153.9s-111.4 42.5-153.9 0L217 529.9"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="1360"
          ></path>
          <path
            d="M198.4 548.5l336.3 336.3c25.5 25.5 59.5 39.6 95.6 39.6 36.1 0 70.1-14.1 95.6-39.6 52.7-52.7 52.7-138.5 0-191.2L389.6 357.3m-74.6 0l17.4 17.4 19.8 19.8 336.3 336.3c32.2 32.2 32.2 84.5 0 116.6-15.6 15.6-36.3 24.2-58.3 24.2s-42.7-8.6-58.3-24.2L235.7 511.2l-20.5-20.5-16.7-16.7"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="1361"
          ></path>
        </svg>
      );
    case 'delete': // 删除图标
      return (
        <svg
          t="1586225333815"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1175"
          width={width ? width : '16'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 1024a512 512 0 1 1 512-512 512 512 0 0 1-512 512zM512 64a448 448 0 1 0 448 448 448 448 0 0 0-448-448z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1176"
          ></path>
          <path
            d="M818.56 544H203.52a32 32 0 1 1 0-64h615.04a32 32 0 0 1 0 64z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="1177"
          ></path>
        </svg>
      );
    case 'examine': // 审批图表
      return (
        <svg
          t="1586504684446"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="14853"
          xlink="http://www.w3.org/1999/xlink"
          width={width ? width : '14'}
          style={{ cursor: 'pointer' }}
          height={height ? height : '14'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <defs>
            <style type="text/css"></style>
          </defs>
          <path
            d="M888.156551 675.947131H603.162672v-143.315888a274.142819 274.142819 0 1 0-182.625388 0v143.315888H135.543405A108.305863 108.305863 0 0 0 27.442278 784.048257v56.30267h968.815399v-55.483722A108.305863 108.305863 0 0 0 888.156551 675.947131zM132.47235 951.932582c0 39.718974 38.081079 72.067418 84.556374 72.067418h589.642508c46.475295 0 84.556374-32.348443 84.556373-72.067418v-37.671604H132.47235z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="14854"
          ></path>
        </svg>
      );
    case 'trunTo': // 转办图标
      return (
        <svg
          t="1586504661137"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="13456"
          xlink="http://www.w3.org/1999/xlink"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <defs>
            <style type="text/css"></style>
          </defs>
          <path
            d="M955.733333 887.466667s-6.826667 20.48-20.48 0c0 0-136.533333-382.293333-464.213333-286.72v116.053333s-6.826667 68.266667-68.266667 27.306667L81.92 484.693333s-68.266667-34.133333 6.826667-81.92L409.6 136.533333s47.786667-34.133333 61.44 20.48v129.706667s607.573333 27.306667 484.693333 600.746667z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="13457"
          ></path>
        </svg>
      );
    case 'screen': // 筛选图表
      return (
        <svg
          t="1586757156769"
          className="icon"
          viewBox="0 0 1031 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1140"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M544.24 870.052a24.08 24.08 0 0 1-24.053-24.054V434.555c0-5.755 2.063-11.32 5.816-15.678l182.513-212.265H213.545l167.578 213.074a24.151 24.151 0 0 1 5.145 14.869v245.637l72.458 72.453a23.849 23.849 0 0 1 6.887 17.024 23.916 23.916 0 0 1-7.173 16.958c-4.532 4.464-10.527 6.922-16.881 6.922s-12.355-2.453-16.88-6.922l-79.463-79.468a23.92 23.92 0 0 1-7.045-17.014V442.88L145.126 197.422a24.08 24.08 0 0 1 4.025-33.777 24.151 24.151 0 0 1 14.868-5.145h596.885a23.884 23.884 0 0 1 17.003 7.05 23.875 23.875 0 0 1 7.04 17.014 24.054 24.054 0 0 1-5.811 15.672L568.284 443.47v402.524a24.074 24.074 0 0 1-24.043 24.059z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1141"
          ></path>
          <path
            d="M660.951 805.99a23.885 23.885 0 0 1-16.998-7.055 23.905 23.905 0 0 1-7.03-17.019 24.084 24.084 0 0 1 24.033-24.033h186.117a24.084 24.084 0 0 1 24.028 24.074 24.084 24.084 0 0 1-24.033 24.033h0.005-186.122z m0-150.553a24.074 24.074 0 0 1-24.028-24.07 24.09 24.09 0 0 1 24.033-24.038h186.117a24.084 24.084 0 0 1 24.028 24.075 24.09 24.09 0 0 1-24.033 24.033h0.005-186.122z m0-148.823c-13.184-0.17-23.839-11.095-23.67-24.356a23.9 23.9 0 0 1 23.747-23.747h186.045c13.261 0 24.049 10.788 24.049 24.054s-10.788 24.054-24.049 24.054H660.951z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="1142"
          ></path>
        </svg>
      );
    case 'unfold': // 展开图标
      return (
        <svg
          t="1586828348739"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2734"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 736 128 320 896 320Z"
            p-id="2735"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'packUp': // 收起图标
      return (
        <svg
          t="1586828524466"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2857"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 320 128 736 896 736Z"
            p-id="2858"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'listSvg': // 列表图标
      return (
        <svg
          t="1587026384401"
          className="icon"
          viewBox="0 0 1515 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2637"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M355.19474 402.291726c-30.481534 0-56.383123 10.660822-77.718795 31.996493C256.147288 455.616877 245.479452 481.518466 245.479452 512c0 30.474521 10.667836 56.383123 32.003507 77.711781s47.244274 31.996493 77.718795 31.996493c30.474521 0 56.37611-10.667836 77.711781-31.996493 21.328658-21.328658 31.996493-47.23726 31.996493-77.711781 0-30.481534-10.667836-56.383123-32.003507-77.711781C411.577863 412.959562 385.676274 402.291726 355.19474 402.291726z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2638"
          ></path>
          <path
            d="M355.201753 109.715288c-30.481534 0-56.383123 10.667836-77.718795 31.996493-21.328658 21.335671-31.996493 47.23726-31.996493 77.711781 0 30.481534 10.660822 56.383123 31.996493 77.718795 21.335671 21.328658 47.244274 31.996493 77.718795 31.996493 30.474521 0 56.37611-10.667836 77.711781-31.996493 21.328658-21.335671 31.996493-47.23726 31.996493-77.718795 0-30.474521-10.667836-56.37611-31.996493-77.711781C411.584877 120.383123 385.683288 109.715288 355.201753 109.715288z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="2639"
          ></path>
          <path
            d="M355.201753 694.861151c-30.481534 0-56.390137 10.660822-77.718795 31.996493s-31.996493 47.23726-31.996493 77.711781c0 30.488548 10.660822 56.383123 31.996493 77.718795 21.335671 21.328658 47.244274 31.996493 77.718795 31.996493 30.474521 0 56.37611-10.667836 77.711781-31.996493 21.328658-21.335671 31.996493-47.230247 31.996493-77.718795 0-30.474521-10.667836-56.383123-31.996493-77.711781S385.683288 694.861151 355.201753 694.861151z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="2640"
          ></path>
          <path
            d="M1264.057863 151.713315c-3.633096-3.612055-7.904438-5.421589-12.863123-5.421589L556.333589 146.291726c-4.951671 0-9.237041 1.802521-12.85611 5.421589-3.619068 3.626082-5.428603 7.904438-5.428603 12.85611l0 109.722301c0 4.951671 1.809534 9.230027 5.428603 12.85611 3.619068 3.612055 7.904438 5.421589 12.85611 5.421589l694.861151 0c4.958685 0 9.237041-1.802521 12.863123-5.421589 3.619068-3.626082 5.421589-7.904438 5.421589-12.85611L1269.479452 164.569425C1269.479452 159.617753 1267.669918 155.332384 1264.057863 151.713315z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
            p-id="2641"
          ></path>
          <path
            d="M1251.19474 438.861151 556.333589 438.861151c-4.951671 0-9.237041 1.802521-12.85611 5.428603-3.619068 3.619068-5.428603 7.904438-5.428603 12.85611l0 109.722301c0 4.944658 1.809534 9.230027 5.428603 12.849096 3.619068 3.626082 7.904438 5.428603 12.85611 5.428603l694.861151 0c4.958685 0 9.237041-1.802521 12.863123-5.428603 3.619068-3.619068 5.421589-7.904438 5.421589-12.849096L1269.479452 457.145863c0-4.951671-1.809534-9.244055-5.421589-12.85611C1260.424767 440.670685 1256.153425 438.861151 1251.19474 438.861151z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
            p-id="2642"
          ></path>
          <path
            d="M1251.19474 731.430575 556.333589 731.430575c-4.951671 0-9.237041 1.809534-12.85611 5.428603-3.619068 3.619068-5.428603 7.904438-5.428603 12.849096l0 109.722301c0 4.958685 1.809534 9.237041 5.428603 12.863123 3.619068 3.612055 7.904438 5.414575 12.85611 5.414575l694.861151 0c4.958685 0 9.237041-1.802521 12.863123-5.414575 3.619068-3.626082 5.421589-7.904438 5.421589-12.863123l0-109.722301c0-4.944658-1.809534-9.237041-5.421589-12.849096C1260.424767 733.247123 1256.153425 731.430575 1251.19474 731.430575z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[5]
                  : showColor
                : Array.isArray(color)
                ? color[5]
                : color
            }
            p-id="2643"
          ></path>
        </svg>
      );
    case 'horn': // 喇叭svg
      return (
        <svg
          t="1589012238656"
          className="icon"
          viewBox="0 0 1096 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2284"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M321.254185 760.42463L0 717.658968V292.341674l337.37355-44.849116L584.829556 0v1024l-263.575371-263.57537zM657.93325 255.862931a292.524433 292.524433 0 0 1 0 542.319757V255.862931z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2285"
          ></path>
          <path
            d="M657.93325 0c235.86907 49.929823 412.889666 259.335356 412.889666 510.081028S893.80232 970.268785 657.93325 1020.162056v-134.035624c163.313653-47.042227 282.801642-197.599286 282.801642-376.081956 0-178.446118-119.487989-329.003177-282.801642-376.045404V0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="2286"
          ></path>
        </svg>
      );
    case 'coverage': // 图层图标
      return (
        <svg
          t="1589778166307"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1943"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 78.77l433.23 315.076L512 708.923 78.77 393.846 512 78.77z m352 492.307l81.23 59.077L512 945.23 78.77 630.154 160 571.077l352 256 352-256z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="1944"
          ></path>
        </svg>
      );
    case 'module': // 组件图标
      return (
        <svg
          t="1589778653804"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3303"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M917.376 243.456L500.8 4.8a34.144 34.144 0 0 0-34.336 0.096l0.16-0.096L50.112 243.52a33.952 33.952 0 0 0-17.088 29.376v477.44c0 12.16 6.528 23.296 17.088 29.44l416.512 238.72a34.88 34.88 0 0 0 34.336-0.064l-0.16 0.096 416.576-238.72c10.272-5.952 17.088-16.896 17.088-29.44v-477.44c0-12.544-6.816-23.488-16.928-29.344l-0.16-0.096z m-51.264 487.36l-382.4 219.136-382.336-219.136V292.48L483.712 73.344l382.4 219.136v438.272zM198.784 360.512a33.76 33.76 0 0 0 12.384 46.304l0.16 0.096 237.824 136.32V812.8c0 18.816 15.232 33.92 34.176 33.92h0.256a33.92 33.92 0 0 0 33.92-33.92V543.616L756.16 406.784a33.92 33.92 0 0 0 12.48-46.528l0.096 0.16a34.4 34.4 0 0 0-46.88-12.32l0.16-0.096-238.272 136.512L245.536 348a34.464 34.464 0 0 0-46.624 12.384l-0.096 0.16z"
            p-id="3304"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'rightPanel': // 右侧面板SVG
      return (
        <svg
          t="1589778787866"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3528"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M896.05 200v624.47H128.63V200h767.42M960 136H64.68v752.43H960z"
            p-id="3529"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M896.05 200v624.47H696.2V200h199.85M960 136H632.25v752.43H960z"
            p-id="3530"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
          <path
            d="M832.1 279.89h-64v447.66h64z"
            p-id="3531"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
          ></path>
        </svg>
      );
    case 'toolbar': // 工具栏图标
      return (
        <svg
          t="1589778990522"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4271"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M768 256h-74.666667v-42.666667a64 64 0 0 0-64-64h-234.666666a64 64 0 0 0-64 64v42.666667h-73.173334A106.666667 106.666667 0 0 0 149.333333 362.666667v405.333333a106.666667 106.666667 0 0 0 107.733334 106.666667H768a106.666667 106.666667 0 0 0 106.666667-106.666667V362.666667a106.666667 106.666667 0 0 0-106.666667-106.666667z m-394.666667-42.666667a21.333333 21.333333 0 0 1 21.333334-21.333333h234.666666a21.333333 21.333333 0 0 1 21.333334 21.333333v42.666667h-277.333334zM832 768a64 64 0 0 1-64 64H257.493333a64 64 0 0 1-64-64V362.666667a64 64 0 0 1 64-64H768a64 64 0 0 1 64 64z"
            p-id="4272"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M757.333333 544H704v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-42.666666a42.666667 42.666667 0 0 0-42.666667 42.666666v42.666667h-128v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-42.666666a42.666667 42.666667 0 0 0-42.666667 42.666666v42.666667h-53.333333a21.333333 21.333333 0 0 0 0 42.666667H320v42.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h42.666666a42.666667 42.666667 0 0 0 42.666667-42.666667v-42.666666h128v42.666666a42.666667 42.666667 0 0 0 42.666667 42.666667h42.666666a42.666667 42.666667 0 0 0 42.666667-42.666667v-42.666666h53.333333a21.333333 21.333333 0 0 0 0-42.666667z m-352 85.333333h-42.666666v-128h42.666666v128z m256 0h-42.666666v-128h42.666666v128z"
            p-id="4273"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'filter': // 过滤按钮
      return (
        <svg
          t="1589782054801"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4991"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M537.6 934.4c-19.2 0-32-12.8-32-32V396.8c0-6.4 0-19.2 6.4-19.2l217.6-243.2H147.2l217.6 243.2c6.4 6.4 6.4 12.8 6.4 19.2v300.8l51.2 44.8c12.8 12.8 19.2 32 6.4 44.8-12.8 12.8-32 19.2-44.8 6.4l-64-51.2c-6.4-6.4-12.8-12.8-12.8-25.6V409.6l-256-288c-12.8-6.4-12.8-25.6-6.4-38.4 0-6.4 12.8-19.2 25.6-19.2h736c12.8 0 25.6 6.4 32 19.2 6.4 12.8 0 25.6-6.4 38.4L576 409.6V896c0 19.2-19.2 38.4-38.4 38.4z m364.8-518.4h-224c-19.2 0-32 12.8-32 32s12.8 32 32 32h224c19.2 0 32-12.8 32-32 0-12.8-12.8-32-32-32z m0 179.2h-224c-19.2 0-32 12.8-32 32s12.8 32 32 32h224c19.2 0 32-12.8 32-32s-12.8-32-32-32z m0 179.2h-224c-19.2 0-32 12.8-32 32s12.8 32 32 32h224c19.2 0 32-12.8 32-32s-12.8-32-32-32z"
            p-id="4992"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'refresh': // 刷新图标
      return (
        <svg
          t="1591164665142"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3216"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M171.309757 549.028173C146.751772 395.45579 231.111425 240.268869 381.752145 181.550641c111.636862-43.528816 232.004979-22.709763 317.235633 39.471225l-72.526783 117.478943 325.244596-1.253392L835.458797 0l-59.546741 96.426206c-125.572881-81.321771-296.756483-107.919173-446.653666-49.477117C121.577713 127.909713 2.038109 337.289905 25.640117 549.028173L171.309757 549.028173zM852.687625 464.965935c24.536741 153.572383-59.780424 308.780549-210.421144 367.477532-102.693166 40.023567-215.859591 24.940376-302.874735-29.019211 16.570267-26.894818 65.53753-106.198415 65.53753-106.198415L55.169182 676.704203l148.006473 347.295797 62.053525-100.483797c125.551637 81.321771 279.591386 101.992117 429.488569 43.55006 207.638189-80.981868 327.220281-290.340816 303.618273-502.05784L852.687625 465.008423z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'beautify': //美化SVG
      return (
        <svg
          t="1589782551637"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="7595"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M410.9824 615.68a48.4864 48.4864 0 0 1 0.512 68.608L134.144 961.4336a48.4864 48.4864 0 0 1-68.5568-0.512 48.4864 48.4864 0 0 1-0.512-68.608l277.248-277.1968a48.4864 48.4864 0 0 1 68.608 0.512zM464.896 561.664L205.7216 479.488 425.728 324.608l-5.4272-270.848 218.2144 163.584 255.8976-85.1456-85.1456 255.8464L972.8 606.3104l-270.848-5.376-154.7776 220.0064L464.896 561.664z"
            p-id="7596"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'project': // 项目图标
      return (
        <svg
          t="1589785791333"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="11642"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M787.308264 551.182943 604.465062 551.182943C575.089819 551.182943 551.277133 575.022177 551.277133 604.436008L551.271298 787.477208C551.271298 917.984949 656.948189 1023.776146 787.308264 1023.776146 917.663673 1023.776146 1023.339396 917.983781 1023.339396 787.481882 1023.339396 656.979981 917.663673 551.182943 787.308264 551.182943L787.308264 551.182943 787.308264 551.182943Z"
            p-id="11643"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M787.312556 599.236379 787.312556 599.236379C837.551437 599.236379 884.77647 618.825397 920.306803 654.386776 955.825732 689.946728 975.387231 737.234399 975.387231 787.519298 975.387231 837.814186 955.825732 885.100432 920.296823 920.657529 884.77647 956.221764 837.551437 975.803643 787.312556 975.803643 737.075099 975.803643 689.850066 956.221764 654.321161 920.657529 618.797956 885.091867 599.237881 837.814186 599.237881 787.519298L599.237881 599.236379 787.312556 599.236379 787.312556 599.236379Z"
            p-id="11644"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
          <path
            d="M787.308264 0.385327C656.954024 0.385327 551.277133 106.17886 551.277133 236.678424L551.277133 419.725466C551.277133 449.134623 575.089819 472.972688 604.465062 472.972688L787.308264 472.978531C917.663673 472.978531 1023.339396 367.18266 1023.339396 236.678424 1023.339396 106.177692 917.663673 0.385327 787.308264 0.385327L787.308264 0.385327 787.308264 0.385327Z"
            p-id="11645"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
          ></path>
          <path
            d="M787.312556 48.435259C837.551437 48.435259 884.77647 68.019995 920.306803 103.588509 955.825732 139.148462 975.387231 186.427569 975.387231 236.721031 975.387231 287.014493 955.825732 334.29931 920.296823 369.862117 884.77647 405.423497 837.551437 425.006804 787.312556 425.006804L599.237881 425.006804 599.237881 236.721031C599.237881 186.426143 618.797956 139.148462 654.321161 103.588509 689.850066 68.025702 737.080803 48.435259 787.312556 48.435259L787.312556 48.435259Z"
            p-id="11646"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
          ></path>
          <path
            d="M237.122842 551.182943C106.767434 551.182943 1.091711 656.978814 1.091711 787.477208 1.091711 917.984949 106.767434 1023.776146 237.122842 1023.776146 367.482917 1023.776146 473.153973 917.983781 473.159808 787.477208L473.159806 604.436008C473.159806 575.029186 449.341286 551.182943 419.966045 551.182943L237.122842 551.182943 237.122842 551.182943Z"
            p-id="11647"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
          ></path>
          <path
            d="M237.127391 599.236379 237.127391 599.236379 425.20064 599.236379 425.20064 787.519298C425.20064 837.814186 405.640567 885.100432 370.117361 920.657529 334.597008 956.221764 287.364848 975.803643 237.125967 975.803643 186.885659 975.803643 139.660627 956.221764 104.140273 920.657529 68.611366 885.100432 49.051292 837.814186 49.051292 787.519298 49.051292 737.225836 68.611366 689.946728 104.140273 654.386776 139.662052 618.81826 186.887084 599.236379 237.127391 599.236379L237.127391 599.236379Z"
            p-id="11648"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[5]
                  : showColor
                : Array.isArray(color)
                ? color[5]
                : color
            }
          ></path>
          <path
            d="M237.122842 0.385327C106.767434 0.385327 1.091711 106.17886 1.091711 236.678424 1.091711 367.18266 106.767434 472.978531 237.122842 472.978531L419.966045 472.978531C449.341286 472.978531 473.153973 449.134623 473.153973 419.725466L473.153973 236.685433C473.159806 106.177692 367.482917 0.385327 237.122842 0.385327L237.122842 0.385327 237.122842 0.385327Z"
            p-id="11649"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[6]
                  : showColor
                : Array.isArray(color)
                ? color[6]
                : color
            }
          ></path>
          <path
            d="M237.127587 48.435259C287.366658 48.435259 334.598998 68.025777 370.119486 103.588718 405.642825 139.148805 425.202973 186.433801 425.202973 236.721744L425.202973 425.006804 237.129011 425.006804C186.888516 425.006804 139.663303 405.423422 104.135686 369.861906 68.612347 334.298964 49.053625 287.013968 49.053625 236.720316 49.053625 186.432373 68.613773 139.147377 104.135686 103.58729 139.661878 68.025776 186.887089 48.435259 237.127587 48.435259L237.127587 48.435259Z"
            p-id="11650"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[7]
                  : showColor
                : Array.isArray(color)
                ? color[7]
                : color
            }
          ></path>
        </svg>
      );
    case 'help': // 帮助图标
      return (
        <svg
          t="1589788114473"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="12393"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 1021.724C230.514 1021.724 2.276 793.486 2.276 512S230.514 2.276 512 2.276 1021.724 230.514 1021.724 512 793.486 1021.724 512 1021.724z m0-67.925c243.94 0 441.8-197.746 441.8-441.799S755.94 70.2 512 70.2 70.2 268.06 70.2 512 268.06 953.8 512 953.8z"
            p-id="12394"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M525.198 262.827c46.422 0 84.082 12.288 113.095 38.457 29.014 25.372 43.463 60.188 43.463 103.651 0 35.499-9.443 65.195-27.534 88.405-6.485 7.965-26.851 26.852-60.87 56.548-13.768 11.605-23.894 24.69-30.493 37.66-7.965 14.45-11.606 30.493-11.606 47.9v12.289h-77.596v-12.288c0-26.852 4.323-50.062 14.45-68.836 9.443-20.252 36.977-50.062 81.92-89.884l12.288-13.767c13.084-16.726 20.252-34.02 20.252-52.907 0-25.372-7.282-44.942-21.049-59.392-14.45-14.45-35.498-21.731-61.667-21.731-32.655 0-56.548 10.126-70.998 31.175-13.084 17.408-19.57 42.097-19.57 73.955h-76.117c0-52.906 15.246-94.208 45.625-124.7 30.72-31.29 72.818-46.535 126.407-46.535z m-12.97 424.05c15.246 0 28.216 4.323 38.456 14.45 10.127 9.443 15.247 21.73 15.247 36.977 0 15.246-5.803 27.534-15.93 37.66-10.125 9.444-23.21 14.45-37.66 14.45-14.45 0-27.534-5.12-37.66-15.246-10.126-10.126-15.246-22.528-15.246-36.978 0-15.246 5.12-27.534 15.246-36.978 9.899-10.012 22.983-14.336 37.547-14.336z"
            p-id="12395"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'transpond': // 转发svg
      return (
        <svg
          t="1589788348603"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="13157"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M773.3 747.8l-309.1-95.1L773.3 296 369.1 652.7l-237.8-95.1 760.9-404.3-118.9 594.5zM464.2 890.5V724l95.1 47.6-95.1 118.9z"
            p-id="13158"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'previewDynamic': // 预览svg
      return (
        <svg
          t="1589788529051"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="18283"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M81.188571 340.845714a18.285714 18.285714 0 0 1-18.285714-18.285714V158.72a24.137143 24.137143 0 0 1 24.868572-24.137143h159.451428a18.285714 18.285714 0 0 1 18.285714 18.285714 18.285714 18.285714 0 0 1-18.285714 18.285715h-146.285714v151.405714a18.285714 18.285714 0 0 1-19.748572 18.285714zM942.811429 340.845714a18.285714 18.285714 0 0 1-18.285715-18.285714V171.154286h-146.285714a18.285714 18.285714 0 0 1-18.285714-18.285715 18.285714 18.285714 0 0 1 18.285714-18.285714h157.988571a24.137143 24.137143 0 0 1 24.868572 24.137143v163.84a18.285714 18.285714 0 0 1-18.285714 18.285714zM247.222857 890.148571H87.771429a24.868571 24.868571 0 0 1-24.868572-24.868571V701.44a18.285714 18.285714 0 0 1 36.571429 0v152.137143h146.285714a18.285714 18.285714 0 0 1 18.285714 18.285714 18.285714 18.285714 0 0 1-16.822857 18.285714zM936.228571 890.148571h-159.451428a18.285714 18.285714 0 0 1-18.285714-18.285714 18.285714 18.285714 0 0 1 18.285714-18.285714h146.285714V701.44a18.285714 18.285714 0 0 1 36.571429 0v163.84a24.868571 24.868571 0 0 1-23.405715 24.868571zM804.571429 650.24H219.428571a36.571429 36.571429 0 0 1-36.571428-36.571429V410.331429a36.571429 36.571429 0 0 1 36.571428-36.571429h585.142858a36.571429 36.571429 0 0 1 36.571428 36.571429v203.337142a36.571429 36.571429 0 0 1-36.571428 36.571429zM219.428571 410.331429v203.337142h585.142858V410.331429z"
            p-id="18284"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'breviary': // 缩略SVG
      return (
        <svg
          t="1589860549471"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2091"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M479.355 155.746H153.087v325.957h326.267V155.746z m-48.008 277.949H201.1V203.759h230.247v229.936z m-278.26 436.589H479.67V544.225H153.087v326.059zM201.1 592.237h230.559v230.039H201.1V592.237zM543.131 154.6v326.374h326.583V154.6H543.131z m278.57 278.361H591.143V202.612H821.7v230.349zM544.277 870.6h325.329V544.327H544.277V870.6z m48.013-278.26h229.304v230.247H592.29V592.34z m0 0"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2092"
          ></path>
        </svg>
      );
    case 'drawer': // 抽屉图标
      return (
        <svg
          t="1589860809511"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="9834"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M816.374754 246.569722 237.717611 246.569722l0 51.244104 578.658166 0L816.375777 246.569722zM816.374754 451.584002 237.717611 451.584002l0 51.244104 578.658166 0L816.375777 451.584002zM816.374754 656.597259 237.717611 656.597259l0 51.244104 578.658166 0L816.375777 656.597259zM135.602909 75.724659 135.602909 878.685403l782.88757 0L918.490479 75.724659 135.602909 75.724659zM867.432617 827.421856 186.659749 827.421856 186.659749 126.96774l680.772868 0L867.432617 827.421856z"
            p-id="9835"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'shiftdown': // 下移图标
      return (
        <svg
          t="1589866287331"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2572"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M460.8 759.232L460.8 204.8l-307.2 0a51.2 51.2 0 1 1 0-102.4L870.4 102.4a51.2 51.2 0 1 1 0 102.4l-307.2 0L563.2 755.584l128-128a51.2 51.2 0 0 1 72.384 72.384l-217.216 217.216a51.2 51.2 0 0 1-72.384 0l-217.216-217.216a51.2 51.2 0 0 1 72.384-72.384L460.8 759.232zM819.2 409.6l-153.6 0a51.2 51.2 0 1 1 0-102.4L819.2 307.2a51.2 51.2 0 1 1 0 102.4z m-460.8 0l-153.6 0a51.2 51.2 0 1 1 0-102.4l153.6 0a51.2 51.2 0 1 1 0 102.4z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2573"
          ></path>
        </svg>
      );
    case 'topdown': // 上移图标
      return (
        <svg
          t="1589866364136"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2693"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M563.2 264.832V819.2h307.2a51.2 51.2 0 1 1 0 102.4H153.6a51.2 51.2 0 1 1 0-102.4h307.2V268.416l-128 128a51.2 51.2 0 0 1-72.384-72.448L477.568 106.88a51.2 51.2 0 0 1 72.448 0l217.216 217.152a51.2 51.2 0 1 1-72.384 72.448L563.2 264.832zM204.8 614.4h153.6a51.2 51.2 0 1 1 0 102.4H204.8a51.2 51.2 0 1 1 0-102.4z m460.8 0h153.6a51.2 51.2 0 1 1 0 102.4h-153.6a51.2 51.2 0 1 1 0-102.4z"
            p-id="2694"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'stick': // 置顶图标
      return (
        <svg
          t="1589866481629"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3435"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M533.196 164.62c-22.197-8.878-48.835-4.438-67.228 13.319L160.277 486.805c-12.048 12.05-17.758 27.902-17.758 43.126 0 15.852 6.346 31.712 18.393 43.76 24.096 24.102 63.423 23.467 87.52-0.635l195.34-190.899v577.771c0 34.252 34.252 61.524 68.497 61.524 34.246 0 68.498-27.907 68.498-61.524V385.962l192.799 185.829c24.103 24.099 63.423 24.099 87.526 0 24.097-24.102 24.097-63.423 0-87.525L554.13 177.939c-5.71-5.71-12.689-9.515-19.664-12.683-0.635-0.636-1.27-0.636-1.27-0.636z m0 0"
            p-id="3436"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M142.519 19.714C142.519 8.827 147.869 0 154.471 0H867.6c6.601 0 11.951 8.827 11.951 19.714v75.572c0 10.888-5.351 19.714-11.951 19.714H154.471c-6.602 0-11.952-8.826-11.952-19.714V19.714z"
            p-id="3437"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'bottommost': // 置底图标
      return (
        <svg
          t="1589866605403"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4162"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M146.285714 877.714286h731.428572c40.228571 0 73.142857 32.914286 73.142857 73.142857s-32.914286 73.142857-73.142857 73.142857H146.285714c-40.228571 0-73.142857-32.914286-73.142857-73.142857s32.914286-73.142857 73.142857-73.142857z m21.333715-387.169143l288.914285 292.692571c14.628571 14.628571 34.254857 21.821714 53.515429 21.333715h5.364571c0.731429 0 1.462857-0.122286 2.194286-0.122286 0.486857 0 0.852571 0 1.340571-0.121143 0.731429-0.122286 1.462857-0.122286 2.072-0.244571 0.488-0.121143 0.976-0.121143 1.462858-0.243429 0.610286-0.122286 1.219429-0.243429 1.707428-0.243429a58.316571 58.316571 0 0 1 1.949714-0.365714c0.365714-0.122286 0.731429-0.122286 1.219429-0.244571 0.853714-0.243429 1.706286-0.365714 2.56-0.609143 0.122286 0 0.243429-0.122286 0.365714-0.122286 12.190857-3.169143 23.649143-9.508571 33.157715-18.894857l292.937142-292.814857c28.404571-28.404571 28.404571-74.971429 0-103.497143-28.403429-28.404571-74.971429-28.404571-103.497142 0L585.142857 554.788571V73.142857c0-40.228571-32.914286-73.142857-73.142857-73.142857s-73.142857 32.914286-73.142857 73.142857v483.962286l-167.740572-170.057143c-28.404571-28.404571-74.971429-28.404571-103.497142 0-28.404571 28.403429-28.404571 74.971429 0 103.497143z"
            p-id="4163"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'trashcan': // 垃圾桶图标
      return (
        <svg
          t="1589869500297"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4911"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M292.864 163.84c22.95808-94.04416 107.78624-163.84 208.896-163.84 101.10976 0 185.93792 69.79584 208.896 163.84H983.04a40.96 40.96 0 1 1 0 81.92H40.96a40.96 40.96 0 1 1 0-81.92h251.904z m85.97504 0h245.84192a133.16096 133.16096 0 0 0-245.84192 0zM819.2 368.64a40.96 40.96 0 1 1 81.92 0v491.52a163.84 163.84 0 0 1-163.84 163.84H286.72a163.84 163.84 0 0 1-163.84-163.84V368.64a40.96 40.96 0 1 1 81.92 0v491.52a81.92 81.92 0 0 0 81.92 81.92h450.56a81.92 81.92 0 0 0 81.92-81.92V368.64z m-409.6-40.96a40.96 40.96 0 0 1 40.96 40.96v409.6a40.96 40.96 0 1 1-81.92 0V368.64a40.96 40.96 0 0 1 40.96-40.96z m204.8 0a40.96 40.96 0 0 1 40.96 40.96v409.6a40.96 40.96 0 1 1-81.92 0V368.64a40.96 40.96 0 0 1 40.96-40.96z"
            p-id="4912"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'lock': // 锁定图标
      return (
        <svg
          t="1589869660565"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5838"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M768 362.6h85.4c23.6 0 42.6 19.1 42.6 42.6v512.1c0 23.6-19.1 42.6-42.6 42.6H170.6c-23.6 0-42.6-19.1-42.6-42.6v-512c0-23.6 19.1-42.6 42.6-42.6H256V320c0-141.4 114.6-256 256-256s256 114.6 256 256v42.6z m-298.6 330v96.8h85.4v-96.8C595.6 669 609.6 616.8 586 576c-23.6-40.8-75.8-54.8-116.6-31.2s-54.8 75.8-31.2 116.6c7.4 12.9 18.2 23.7 31.2 31.2z m213.3-329.9V320c0-94.3-76.4-170.7-170.7-170.7S341.4 225.7 341.4 320v42.6l341.3 0.1z"
            p-id="5839"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'disnone':
      return (
        <svg
          t="1589869764069"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="6572"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M669.9 490.4L501 659.3c3.5 0.5 7.3 0.5 11.1 0.5 87.1 0 158.3-70.9 158.3-158.3 0.1-3.8 0.1-7.3-0.5-11.1zM512.1 343.2c-13 0-25.4 1.6-37.3 4.6-57.4 13.8-102.6 59-116.4 116.4-3 11.9-4.6 24.6-4.6 37.3 0 10 0.8 19.8 3 29.2l184.6-184.6c-9.5-2.1-19.3-2.9-29.3-2.9z"
            p-id="6573"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M863.2 297.2L805 355.4c78.5 51.4 127.2 112 127.2 146.1 0 66.6-186.5 236-420 236-28.1 0-55.8-2.4-82.3-6.8l-67.7 67.4c47.4 12.4 98 19.5 149.9 19.5 271.2 0 499.9-194.3 499.9-316.1 0-60.9-57.4-140.2-148.8-204.3zM121.3 562.7c-18.9-23.8-29.5-45.5-29.5-61.2 0-56.3 133.2-185.9 315.6-224.6 33.3-7.3 68.5-11.4 104.7-11.4 14.6 0 29 0.5 43 1.9h0.3c19.2 1.6 37.9 4.6 56.3 8.4l66.3-66.3c-17.1-5.1-34.4-9.5-52.2-12.7-36.5-7.3-74.7-11.4-113.7-11.4-4.6 0-9.2 0-13.8 0.3C233.1 191.9 12 381.9 12 501.5c0 35.2 19.2 76.6 53 117.5 18.9 23.3 42.8 46.3 70.6 67.9 11.9 9.5 24.4 18.4 37.6 27.3l58.7-58.7c-14.1-8.4-27.1-17.1-39-26-29.9-22.1-54.2-45.4-71.6-66.8zM82.7 990.4c-12.6 0-25.1-4.8-34.7-14.4-19.2-19.2-19.2-50.2 0-69.4L906.7 48c19.2-19.1 50.2-19.1 69.4 0 19.2 19.2 19.2 50.2 0 69.4L117.4 976c-9.6 9.6-22.1 14.4-34.7 14.4z"
            p-id="6574"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'textType': // 文字排版
      return (
        <svg
          t="1589955480479"
          className="icon"
          viewBox="0 0 1075 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3195"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M27.6992 1024h1013.248v-59.904H27.7504V1024z m0-240.9472h1013.248v-59.7504H27.7504v59.7504zM452.352 588.8L387.7376 419.1232H155.8016L94.8736 588.8H17.0496L230.144 28.416h79.0528L536.2176 588.8H452.352zM237.9264 194.304L176.9984 358.4h187.9552l-57.9072-155.136a1571.9936 1571.9936 0 0 1-39.424-116.224 721.92 721.92 0 0 1-29.8496 107.0592l0.1536 0.1536z m445.2352 347.5456h357.8368V482.0992h-357.888v59.7504z m0-240.9472h357.8368V241.152h-357.888v59.7504z m0-240.8448V0.1536h357.8368V59.904l-357.888 0.1536z"
            p-id="3196"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'location': // 定位图标
      return (
        <svg
          t="1589955826394"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3988"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M511.2 234.4c-36 0-70.4 14.4-96 40.8-25.6 25.6-40 60-40 96s14.4 70.4 40 96c25.6 25.6 60 39.2 96 39.2s70.4-14.4 96-40c25.6-25.6 40-60 40-96s-14.4-70.4-40-96c-25.6-25.6-59.2-40-96-40z m0 208.8c-20 0-37.6-7.2-52-21.6-13.6-13.6-21.6-32-21.6-52 0-19.2 7.2-36.8 21.6-51.2 13.6-13.6 32-21.6 52-21.6s37.6 7.2 52 21.6c13.6 13.6 21.6 32 21.6 52 0 19.2-7.2 36.8-21.6 51.2-13.6 14.4-32 21.6-52 21.6z"
            p-id="3989"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M962.4 885.6L872 572c-7.2-24.8-32.8-42.4-60-42.4h-48.8c32.8-49.6 50.4-107.2 50.4-167.2 0-80.8-31.2-156.8-88.8-213.6-56-57.6-132-89.6-213.6-89.6-80.8 0-156 31.2-213.6 88.8-56.8 56.8-88.8 132.8-88.8 213.6 0 60.8 17.6 118.4 50.4 167.2h-48.8c-27.2 0-52.8 17.6-60 42.4L60.8 885.6c-5.6 19.2-2.4 38.4 8.8 52.8 10.4 13.6 26.4 20.8 44 20.8h796.8c17.6 0 33.6-8 44.8-21.6 10.4-14.4 12.8-33.6 7.2-52zM680 530.4L511.2 699.2l-168-168.8c-44.8-44.8-69.6-104.8-69.6-168.8 0-64 24.8-124 69.6-168.8 44.8-44.8 104.8-69.6 168.8-69.6 64 0 124 24.8 168.8 69.6 44.8 44.8 69.6 104.8 69.6 168.8S725.6 485.6 680 530.4z m81.6 62.4h50.4l87.2 304h-776l87.2-304H264c14.4 0 25.6-8.8 29.6-21.6 1.6 1.6 2.4 3.2 4 4.8l213.6 213.6L724.8 576l6.4-6.4c3.2 12.8 16 23.2 30.4 23.2z"
            p-id="3990"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'charts': // 图表图表
      return (
        <svg
          t="1589956003706"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4781"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M128 896h816c8.837 0 16 7.163 16 16v32c0 8.837-7.163 16-16 16H80c-8.837 0-16-7.163-16-16V80c0-8.837 7.163-16 16-16h32c8.837 0 16 7.163 16 16v816z m96-325h48c8.837 0 16 7.163 16 16v220c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V587c0-8.837 7.163-16 16-16z m360-112h48c8.837 0 16 7.163 16 16v332c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V475c0-8.837 7.163-16 16-16zM404 248h48c8.837 0 16 7.163 16 16v543c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V264c0-8.837 7.163-16 16-16z m360-99h48c8.837 0 16 7.163 16 16v642c0 8.837-7.163 16-16 16h-48c-8.837 0-16-7.163-16-16V165c0-8.837 7.163-16 16-16z"
            p-id="4782"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'diagram': // 柱状图表
      return (
        <svg
          t="1590110720189"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2924"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M153.6 204.8h-51.2C45.8 204.8 0 250.6 0 307.2v614.4C0 978.2 45.8 1024 102.4 1024h51.2c56.6 0 102.4-45.8 102.4-102.4V307.2c0-56.6-45.8-102.4-102.4-102.4zM537.6 0h-51.2C429.8 0 384 45.8 384 102.4v819.2c0 56.6 45.8 102.4 102.4 102.4h51.2c56.6 0 102.4-45.8 102.4-102.4V102.4C640 45.8 594.2 0 537.6 0z m384 409.6h-51.2C813.8 409.6 768 455.4 768 512v409.6c0 56.6 45.8 102.4 102.4 102.4h51.2c56.6 0 102.4-45.8 102.4-102.4V512c0-56.6-45.8-102.4-102.4-102.4z m0 0"
            p-id="2925"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'pages': // 页面组件
      return (
        <svg
          t="1590110999628"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3688"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M658.32207031 243.28496094L207.04414063 243.28496094c-79.97818359 0-145.04414063 65.06613281-145.04414063 145.04414062L62 783.17861328C61.99912109 863.16171875 127.06455078 928.22714844 207.04589844 928.22451172l451.27792969 0c79.97818359 0 145.03535156-65.06613281 145.03535156-145.04414063l0-394.85126953c0-79.97818359-65.05716797-145.04414063-145.03535156-145.04414062Zm0 620.47792969L207.04414063 863.76201172c-44.4393457 0-80.58120117-36.15082031-80.58120118-80.58120117l0-394.85126953c0-44.4393457 36.15082031-80.59016602 80.58102539-80.58999024l451.27792969 0c44.43029297 0 80.58120117 36.15978516 80.58102539 80.58999024L738.90283203 783.18037109c0 44.4393457-36.15978516 80.58120117-80.58120117 80.58120118Zm-405.44384765-714.66503907l564.08642578 0c44.43029297 0 80.58120117 36.15978516 80.58120117 80.58120117L897.54628906 737.35595703 962 737.35244141l0-507.67734375c0-79.97818359-65.05743164-145.03535156-145.03535156-145.03535157l-564.08642578 0 0 64.45415039Z"
            p-id="3689"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'link': // 链接组件
      return (
        <svg
          t="1590111125208"
          className="icon"
          viewBox="0 0 1025 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4424"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M768.512 256l-128 0c-35.392 0-64 28.608-64 64 0 35.328 28.608 64 64 64l128 0c70.656 0 128 57.344 128 128s-57.344 128-128 128l-128 0c-35.392 0-64 28.608-64 64s28.608 64 64 64l128 0c141.376 0 256-114.624 256-256S909.888 256 768.512 256zM384.512 640l-128 0c-70.656 0-128-57.344-128-128s57.344-128 128-128l128 0c35.392 0 64-28.672 64-64 0-35.392-28.608-64-64-64l-128 0c-141.376 0-256 114.624-256 256s114.624 256 256 256l128 0c35.392 0 64-28.608 64-64S419.904 640 384.512 640zM320.512 512c0 35.392 28.608 64 64 64l256 0c35.392 0 64-28.608 64-64s-28.608-64-64-64l-256 0C349.12 448 320.512 476.608 320.512 512z"
            p-id="4425"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'portal': // 门户或者书本图标
      return (
        <svg
          t="1590111332076"
          className="icon"
          viewBox="0 0 1212 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5792"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M1212.072602 0a88.504754 88.504754 0 0 1-84.964564 75.229041c-489.431288 22.568712-495.626621 188.072602-495.626621 188.072601v760.255834s6.195333-173.911841 508.017287-189.400173a74.343993 74.343993 0 0 0 73.016421-72.573898V0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="5793"
          ></path>
          <path
            d="M85.407087 645.199654c2.655143 0-2.655143 0 0 0a88.504754 88.504754 0 0 1-84.964563-73.901469v190.28522a88.504754 88.504754 0 0 0 84.964563 73.90147c489.431288 22.568712 495.626621 188.072602 495.626621 188.072601v-190.28522s-6.195333-165.946413-495.626621-188.072602zM85.407087 359.3293c2.655143 0-2.655143 0 0 0A88.504754 88.504754 0 0 1 0.442524 285.427831v190.727744a88.504754 88.504754 0 0 0 84.964563 73.458945c489.431288 22.568712 495.626621 188.515125 495.626621 188.515126v-190.727745s-6.195333-165.946413-495.626621-188.072601zM85.407087 75.229041c2.655143 0-2.655143 0 0 0A88.504754 88.504754 0 0 1 0.442524 0v190.28522a88.504754 88.504754 0 0 0 84.964563 73.90147c489.431288 22.126188 495.626621 188.072602 495.626621 188.072601V261.531547s-6.195333-165.503889-495.626621-186.302506z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="5794"
          ></path>
        </svg>
      );
    case 'login': // 登录图标
      return (
        <svg
          t="1590111448340"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="6555"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512.966327 67.064929a444.944102 444.944102 0 0 1 314.55312 759.551408 444.944102 444.944102 0 1 1-629.232674-629.232674A442.018027 442.018027 0 0 1 512.966327 67.064929m0-33.704056c-264.358281 0-478.648158 214.289877-478.648157 478.648158s214.289877 478.648158 478.648157 478.648158 478.648158-214.289877 478.648158-478.648158-214.289877-478.648158-478.648158-478.648158z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="6556"
          ></path>
          <path
            d="M512.225777 127.049477a385.627855 385.627855 0 1 1-272.739138 112.942903 383.081086 383.081086 0 0 1 272.739138-112.942903m0-16.852028C289.95241 110.179387 109.763957 290.403965 109.763957 512.677332s180.188454 402.461821 402.46182 402.461821 402.479883-180.188454 402.479883-402.461821S734.499145 110.179387 512.225777 110.179387z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="6557"
          ></path>
          <path
            d="M280.108514 491.996119q-10.006456 5.147725-15.714109-4.569735a10.331575 10.331575 0 0 1-0.848923-8.579542 10.548322 10.548322 0 0 1 5.418658-6.863634l30.290301-16.581095q41.163742-24.293652 56.588855-49.165294H286.105163a11.722364 11.722364 0 0 1-11.433369-11.433369q0-11.433369 11.433369-11.433369h79.744589a15.714109 15.714109 0 0 1 14.287196 8.001552 16.003104 16.003104 0 0 1 1.137918 16.003105q-18.062195 37.153934-70.876051 67.733229v0.288996z m217.775881 104.887165a11.722364 11.722364 0 0 1 11.433369 11.433369q0 11.433369-11.433369 11.433369H278.663539q-11.433369 0-11.433369-11.433369a10.385762 10.385762 0 0 1 3.431816-8.001552 10.963752 10.963752 0 0 1 8.001553-3.431817h41.434674l-5.147725-8.290548a11.776551 11.776551 0 0 1-1.137919-8.868537 10.494135 10.494135 0 0 1 5.147726-6.863634q9.717461-5.707654 15.714109 4.009807l12.01136 20.012912h81.171502l12.282293-20.012912a10.602508 10.602508 0 0 1 7.224878-5.147725 11.216623 11.216623 0 0 1 8.579542 1.137918 10.530259 10.530259 0 0 1 5.147725 6.863634 11.812675 11.812675 0 0 1-1.137918 8.868537l-5.147725 8.290548z m-187.48558-160.338102a12.42679 12.42679 0 0 1-17.719013 0 11.505618 11.505618 0 0 1-3.720812-8.868538 12.10167 12.10167 0 0 1 3.720812-8.868537 13.16734 13.16734 0 0 1 17.719013 0 12.10167 12.10167 0 0 1 3.720812 8.868537 11.52368 11.52368 0 0 1-3.720812 8.868538z m-5.418659 87.746141a27.599033 27.599033 0 0 1 8.272485-20.356093 28.213148 28.213148 0 0 1 20.283845-8.290547h109.456899a28.303459 28.303459 0 0 1 28.574392 28.574392v12.011359a28.303459 28.303459 0 0 1-28.574392 28.574392h-109.456899a28.195086 28.195086 0 0 1-20.283845-8.290547 27.580971 27.580971 0 0 1-8.290547-20.283845z m143.757007 0q0-5.707654-5.707653-5.707653h-109.4569q-5.725716 0-5.707653 5.707653v12.01136q0 5.725716 5.707653 5.707653h109.4569q5.707654 0 5.707653-5.707653z m-17.719013-66.017321q11.433369 0 11.43337 11.433369t-11.43337 11.433369h-85.470305A11.722364 11.722364 0 0 1 334.150601 469.61706a10.385762 10.385762 0 0 1 3.431817-8.001552 10.963752 10.963752 0 0 1 8.001552-3.431817z m79.166599 17.141023q9.717461 5.725716 4.009808 15.425114a12.788034 12.788034 0 0 1-6.863634 5.418658A11.054063 11.054063 0 0 1 498.516572 494.904133a265.279452 265.279452 0 0 1-38.869843-24.582647A198.684141 198.684141 0 0 1 417.236696 427.676644q-3.720812-5.418658-13.438273-21.674633l-9.428466-15.425114q-5.725716-9.717461 4.009808-15.71411a11.812675 11.812675 0 0 1 8.868537-1.137918 11.595929 11.595929 0 0 1 6.863634 5.418658l8.868538 14.576191q9.428466 15.714109 13.149277 20.57284A158.477696 158.477696 0 0 0 473.229499 451.970296q5.996649 4.569735 21.999753 14.287196zM458.779744 412.540525q-8.868538 7.224878-16.255976-0.288995-7.712557-8.290547 0.288995-16.255975l18.062195-17.141023a11.469494 11.469494 0 0 1 8.001552-3.142822 10.385762 10.385762 0 0 1 8.001553 3.431817q8.001552 8.001552-0.288996 16.255976z m12.282292 22.866739a11.469494 11.469494 0 0 1 3.142822-8.001553l14.287196-14.865186a11.343058 11.343058 0 0 1 8.001552-3.720812 11.487556 11.487556 0 0 1 8.001552 3.142822 11.343058 11.343058 0 0 1 3.720812 8.001552 11.830737 11.830737 0 0 1-3.142822 8.290548l-14.287196 14.865186q-7.224878 7.224878-16.255975 0.288995a10.3677 10.3677 0 0 1-3.504066-8.001552zM559.042986 503.700422a11.722364 11.722364 0 0 1-11.433369-11.43337 10.385762 10.385762 0 0 1 3.431817-8.001552 10.963752 10.963752 0 0 1 8.001552-3.431817h86.590161q11.433369 0 11.433369 11.433369t-11.433369 11.43337zM639.40169 569.735805l-74.054998 34.860036a12.372603 12.372603 0 0 1-8.290548 0.57799 9.554901 9.554901 0 0 1-6.863633-5.996649 11.866862 11.866862 0 0 1-0.577991-8.868537 11.415307 11.415307 0 0 1 5.996649-6.285644l57.799023-27.093292-51.441131-20.283844a11.36112 11.36112 0 0 1 8.290548-21.15083l68.31122 26.58755a14.449756 14.449756 0 0 1 9.717461 13.438273 14.720689 14.720689 0 0 1-8.8866 14.214947z m46.961706-66.017321v89.751045a34.065299 34.065299 0 0 1-9.428466 23.715661 32.855132 32.855132 0 0 1-24.871642 10.566384h-36.720441a11.722364 11.722364 0 0 1-11.43337-11.433369 10.385762 10.385762 0 0 1 3.431817-8.001552 10.963752 10.963752 0 0 1 8.001553-3.431817h36.575944q11.433369 0 11.433369-11.433369v-101.14829q0-11.433369 11.433369-11.433369h70.027129v-64.301413q0-9.13947-9.139471-9.139471H581.602667a11.722364 11.722364 0 0 1-11.433369-11.433369q0-11.433369 11.433369-11.433369h154.07052a32.204893 32.204893 0 0 1 31.970085 31.970084v64.301413h19.723916a11.722364 11.722364 0 0 1 11.433369 11.433369 10.963752 10.963752 0 0 1-3.431817 8.001553 10.385762 10.385762 0 0 1-8.001552 3.431817z m-95.458699-48.009314a11.722364 11.722364 0 0 1-11.433369-11.433369 10.385762 10.385762 0 0 1 3.431817-8.001552 10.963752 10.963752 0 0 1 8.001552-3.431817h127.753903a11.722364 11.722364 0 0 1 11.433369 11.433369 10.963752 10.963752 0 0 1-3.431817 8.001552 10.385762 10.385762 0 0 1-8.001552 3.431817z m200.056868 128.241582a11.415307 11.415307 0 0 1 5.996649 6.285644 11.902986 11.902986 0 0 1-0.577991 8.868538 10.331575 10.331575 0 0 1-6.285643 5.707653 11.017939 11.017939 0 0 1-8.868538-0.288995l-74.307869-34.860036a13.709206 13.709206 0 0 1-8.579542-14.287196 14.449756 14.449756 0 0 1 9.717461-13.438272l68.31122-26.587551a11.415307 11.415307 0 0 1 14.576191 6.574639 11.144374 11.144374 0 0 1 0 8.579542 11.415307 11.415307 0 0 1-6.285644 5.996649l-51.549503 20.356093z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="6558"
          ></path>
        </svg>
      );
    case 'personalCenter': // 个人中心
      return (
        <svg
          t="1590111550403"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="7272"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M996.9152 951.8592s-28.16 49.5616-93.4912 49.5616H114.944c-36.608 0-67.584-19.712-85.0432-49.5616 0 0-13.5168-14.08-13.5168-49.5616V878.08h1.6896c12.9536-149.248 144.1792-273.7152 323.84-322.7136-77.1584-53.504-128.4096-142.4896-128.4096-243.8656 0-163.328 132.352-295.68 295.68-295.68 163.328 0 295.68 132.352 295.68 295.68 0 101.376-51.2512 190.3616-128.9728 243.8656 179.6608 48.4352 310.8864 173.4656 323.84 322.7136h1.6896v24.7808c0 16.3328-1.6896 32.6656-4.5056 48.9984z"
            p-id="7273"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'backstage': // 后台图标
      return (
        <svg
          t="1590111669521"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="8025"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 0C229.228089 0 0 229.228089 0 512s229.228089 512 512 512 512-229.228089 512-512S794.771911 0 512 0z m0 972.8C257.501867 972.8 51.2 766.486756 51.2 512S257.501867 51.2 512 51.2c254.486756 0 460.8 206.313244 460.8 460.8S766.486756 972.8 512 972.8z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="8026"
          ></path>
          <path
            d="M725.333333 264.533333h-426.666666c-23.552 0-42.666667 19.273956-42.666667 43.042134v301.2608c0 23.768178 17.396622 47.524978 40.96 47.524977h174.08v61.872356h-40.96c-11.810133 0-24.746667 7.816533-24.746667 19.717689s9.5232 21.526756 21.333334 21.526755h170.666666c11.798756 0 21.333333-9.614222 21.333334-21.526755s-12.936533-19.717689-24.758045-19.717689h-40.96v-61.872356H727.04c23.552 0 40.96-23.7568 40.96-47.524977V307.575467c0-23.768178-19.114667-43.042133-42.666667-43.042134z m8.419556 335.758223a22.755556 22.755556 0 0 1-22.755556 22.755555H312.991289a22.755556 22.755556 0 0 1-22.755556-22.755555V321.308444a22.755556 22.755556 0 0 1 22.755556-22.755555H710.997333a22.755556 22.755556 0 0 1 22.755556 22.755555v278.983112zM702.691556 307.2H321.319822a22.755556 22.755556 0 0 0-22.755555 22.755556v261.688888a22.755556 22.755556 0 0 0 22.755555 22.755556H702.691556a22.755556 22.755556 0 0 0 22.755555-22.755556V329.955556c0-12.561067-10.205867-22.755556-22.755555-22.755556zM556.373333 551.662933l-32.119466 18.921245a8.339911 8.339911 0 0 1-11.502934-3.185778l-29.058844-51.291022c-1.536-2.787556-4.061867-4.539733-6.314667-4.881067-1.581511-0.273067-3.675022 0.682667-2.8672 0.4096a59.778844 59.778844 0 0 1-20.297955 4.824178c-30.856533-10.148978-53.1456-39.048533-53.1456-73.181867 0-12.242489 2.935467-23.768178 8.044089-34.053689 6.530844-6.166756 10.319644-9.511822 13.073066-4.630755l25.270045 44.669155a6.064356 6.064356 0 0 0 8.305777 2.230045l33.644089-19.785956c2.935467-1.627022 3.857067-5.552356 2.195911-8.533333l-16.554666-29.149867-8.715378-15.405511c-0.841956-1.536-3.925333-9.022578 22.243556-11.684978a77.289244 77.289244 0 0 1 62.702933 50.471823h-4.687645c-6.269156 0-13.835378 4.539733-16.884622 9.966933l-23.870578 42.166044c-1.661156 2.912711-2.4576 6.781156-2.332444 10.569956v0.068267c0.068267 3.390578 0.876089 6.712889 2.332444 9.272888l23.870578 42.029512c3.060622 5.484089 10.626844 9.955556 16.884622 9.955555h13.437156a8.624356 8.624356 0 0 1-3.652267 10.228622z m64.091023-63.658666l-16.110934 27.739022c-2.980978 5.165511-10.331022 9.352533-16.247466 9.352533h-32.290134c11.446044 0-9.307022 2.776178-16.315733-9.352533l-16.110933-27.739022c-2.935467-5.028978-2.935467-13.425778 0-18.579911l16.110933-27.739023c3.003733-5.154133 10.331022-9.341156 16.315733-9.341155h32.290134c5.927822 0 13.266489 4.187022 16.247466 9.341155l16.110934 27.739023c2.935467 5.165511 2.935467 13.539556 0 18.579911z m-33.6896-24.064c-1.365333-2.070756-4.699022-3.743289-7.384178-3.743289h-14.677334c-2.707911 0-6.052978 1.672533-7.406933 3.743289l-7.327289 11.093333a7.406933 7.406933 0 0 0 0 7.429689l7.327289 11.093333c3.1744 4.858311 12.606578 3.743289 7.395556 3.743289h14.677333c2.685156 0 6.018844-1.672533 7.3728-3.743289l7.338667-11.093333a7.406933 7.406933 0 0 0 0-7.429689l-7.315911-11.093333z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="8027"
          ></path>
        </svg>
      );
    case 'arraySVG': // 阵列svg
      return (
        <svg
          t="1590119634267"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="9352"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M401.066667 155.733333H234.666667c-44.8 0-83.2 36.266667-83.2 83.2V405.333333c0 44.8 36.266667 83.2 83.2 83.2h166.4c44.8 0 83.2-36.266667 83.2-83.2v-166.4c0-44.8-36.266667-83.2-83.2-83.2z m19.2 241.066667c0 14.933333-12.8 27.733333-27.733334 27.733333H234.666667c-14.933333 0-27.733333-12.8-27.733334-27.733333v-149.333333c0-14.933333 12.8-27.733333 27.733334-27.733334h157.866666c14.933333 0 27.733333 12.8 27.733334 27.733334v149.333333zM401.066667 544H234.666667c-44.8 0-83.2 36.266667-83.2 83.2v166.4c0 44.8 36.266667 83.2 83.2 83.2h166.4c44.8 0 83.2-36.266667 83.2-83.2v-166.4c0-44.8-36.266667-83.2-83.2-83.2z m19.2 241.066667c0 14.933333-12.8 27.733333-27.733334 27.733333h-149.333333c-14.933333 0-27.733333-12.8-27.733333-27.733333v-149.333334c0-14.933333 12.8-27.733333 27.733333-27.733333h149.333333c14.933333 0 27.733333 12.8 27.733334 27.733333v149.333334zM789.333333 155.733333h-166.4c-44.8 0-83.2 36.266667-83.2 83.2V405.333333c0 44.8 36.266667 83.2 83.2 83.2H789.333333c44.8 0 83.2-36.266667 83.2-83.2v-166.4c0-44.8-38.4-83.2-83.2-83.2z m19.2 241.066667c0 14.933333-12.8 27.733333-27.733333 27.733333h-157.866667c-14.933333 0-27.733333-12.8-27.733333-27.733333v-149.333333c0-14.933333 12.8-27.733333 27.733333-27.733334h157.866667c14.933333 0 27.733333 12.8 27.733333 27.733334v149.333333zM789.333333 544h-166.4c-44.8 0-83.2 36.266667-83.2 83.2v166.4c0 44.8 36.266667 83.2 83.2 83.2H789.333333c44.8 0 83.2-36.266667 83.2-83.2v-166.4c0-44.8-38.4-83.2-83.2-83.2z m19.2 241.066667c0 14.933333-12.8 27.733333-27.733333 27.733333h-149.333333c-14.933333 0-27.733333-12.8-27.733334-27.733333v-149.333334c0-14.933333 12.8-27.733333 27.733334-27.733333h149.333333c14.933333 0 27.733333 12.8 27.733333 27.733333v149.333334z"
            p-id="9353"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'pickUp': // 收起图标
      return (
        <svg
          t="1590123856411"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="10074"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M511.936 285.376a73.792 73.792 0 0 0-58.496 20.992L150.08 609.92a75.776 75.776 0 0 0 0 106.944 75.52 75.52 0 0 0 106.688-0.128l255.104-255.488 255.296 255.424c29.44 29.184 77.312 29.312 106.816-0.192a75.776 75.776 0 0 0 0-106.816L570.24 306.368a75.008 75.008 0 0 0-58.304-20.992z m0 0"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="10075"
          ></path>
        </svg>
      );
    case 'pickDown': // 下拉图标
      return (
        <svg
          t="1590123982687"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1733"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M52.335 261.072c-31.269 30.397-31.269 79.722 0 110.194l403.212 391.718c31.325 30.382 82.114 30.382 113.377 0l403.197-391.718c31.325-30.466 31.325-79.793 0-110.194-31.28-30.449-82.058-30.449-113.39 0l-346.497 336.64-346.457-336.64c-31.325-30.448-82.105-30.448-113.446 0l0 0z"
            p-id="1734"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'allSvg': // 表示所有内容相关图标
      return (
        <svg
          t="1590139189752"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3496"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M960.4 215c0-60.8-49.3-110.1-110.1-110.1S740.2 154.2 740.2 215s49.3 110.1 110.1 110.1c60.8-0.1 110.1-49.3 110.1-110.1z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="3497"
          ></path>
          <path
            d="M64 215a146 146 0 1 0 292 0 146 146 0 1 0-292 0Z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="3498"
          ></path>
          <path
            d="M664.4 215c0-65.8-53.3-119.1-119.1-119.1S426.2 149.2 426.2 215s53.3 119.1 119.1 119.1c65.8-0.1 119.1-53.4 119.1-119.1zM931.2 558.7c0-44.7-36.2-80.9-80.9-80.9s-80.9 36.2-80.9 80.9 36.2 80.9 80.9 80.9c44.7-0.1 80.9-36.3 80.9-80.9z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="3499"
          ></path>
          <path
            d="M208.545913 670.994097a112.298877 112.298877 0 1 0 3.033965-224.577261 112.298877 112.298877 0 1 0-3.033965 224.577261Z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
            p-id="3500"
          ></path>
          <path
            d="M643 558.7c0-54-43.7-97.7-97.7-97.7s-97.7 43.7-97.7 97.7 43.7 97.7 97.7 97.7 97.7-43.8 97.7-97.7zM897.9 865.6c0-26.3-21.3-47.6-47.6-47.6s-47.6 21.3-47.6 47.6 21.3 47.6 47.6 47.6 47.6-21.3 47.6-47.6zM297.1 865.6c0-48.1-39-87-87-87-48.1 0-87 39-87 87 0 48.1 39 87 87 87s87-38.9 87-87zM613.5 865.6c0-37.6-30.5-68.2-68.2-68.2s-68.2 30.5-68.2 68.2 30.5 68.2 68.2 68.2 68.2-30.6 68.2-68.2z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
            p-id="3501"
          ></path>
        </svg>
      );
    case 'empty':
      return (
        <svg
          t="1590385163638"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2785"
          width="200"
          height="200"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M456 864.8v-1.6 1.6z m57.6-58.4c-32 0-57.6 24.8-57.6 56.8v0.8c0 6.4 4.8 11.2 11.2 11.2s11.2-4.8 11.2-11.2v-0.8c0-18.4 15.2-34.4 34.4-34.4s34.4 16 34.4 34.4v0.8c0 6.4 4.8 11.2 11.2 11.2 6.4 0 11.2-4.8 11.2-11.2v-0.8c1.6-30.4-24.8-56.8-56-56.8zM380 717.6c-16-3.2-39.2-3.2-44.8 13.6-3.2 10.4 13.6 11.2 28.8 15.2 12 3.2 18.4 9.6 17.6 11.2-3.2 4-21.6-3.2-37.6 2.4s-12.8 20-3.2 24c9.6 3.2 24.8-0.8 60 4.8 17.6 3.2 28.8-3.2 31.2-13.6 3.2-24.8-29.6-52.8-52-57.6zM593.6 776c2.4 10.4 12 16.8 31.2 13.6 35.2-5.6 50.4-1.6 60-4.8 9.6-3.2 12-18.4-3.2-24-16-5.6-33.6 1.6-37.6-2.4-2.4-3.2 4.8-9.6 17.6-12 15.2-3.2 32-4.8 28.8-15.2-4.8-16.8-28-17.6-44.8-13.6-23.2 4.8-56 32.8-52 58.4z"
            p-id="2786"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M71.2 1024C32 1024 0 992 0 952.8V502.4c0-7.2 3.2-13.6 8-18.4l201.6-184c4.8-4 10.4-6.4 16.8-6.4h572.8c7.2 0 12.8 2.4 16.8 5.6l200 184c4.8 4.8 8.8 12 8.8 18.4V952c0 39.2-32 71.2-71.2 71.2H71.2z m-40-71.2c0 21.6 18.4 39.2 40.8 39.2h882.4c21.6 0 39.2-16.8 39.2-39.2V509.6H676.8l-1.6 9.6c-5.6 34.4-22.4 66.4-48.8 92.8-31.2 28.8-70.4 44.8-112 44.8-41.6 0-81.6-16-112-44.8-26.4-24-43.2-56.8-48.8-92.8l-1.6-9.6H31.2v443.2zM54.4 484h310.4c6.4 0 12 6.4 12 12.8 0 73.6 63.2 136 137.6 136S652 570.4 652 496.8c0-7.2 5.6-12.8 12-12.8h307.2L797.6 324h-568L54.4 484z m130.4-378.4c-28.8 0-52.8-24-52.8-52.8C132 24 156 0 184.8 0c28.8 0 52.8 24 52.8 52.8 0 28.8-24 52.8-52.8 52.8z m0-89.6c-20 0-36.8 16.8-36.8 36.8 0 20 16.8 36.8 36.8 36.8 20 0 36.8-16.8 36.8-36.8 0-20-16.8-36.8-36.8-36.8z m553.6 207.2c-19.2 0-35.2-16-35.2-35.2s16-35.2 35.2-35.2c19.2 0 35.2 16 35.2 35.2s-16 35.2-35.2 35.2z m0-53.6c-10.4 0-19.2 8.8-19.2 19.2S728 208 738.4 208s19.2-8.8 19.2-19.2-8.8-19.2-19.2-19.2zM364 179.2c-4.8 0-8-3.2-8-8v-36c0-4.8 3.2-8 8-8s8 3.2 8 8v36c0 4.8-4 8-8 8z"
            p-id="2787"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
          <path
            d="M381.6 160.8h-36c-4.8 0-8-3.2-8-8s3.2-8 8-8h36c4.8 0 8 3.2 8 8s-3.2 8-8 8zM72 301.6c-4.8 0-8-3.2-8-8v-70.4c0-4.8 3.2-8 8-8s8 3.2 8 8v70.4c0 4.8-3.2 8-8 8z"
            p-id="2788"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
          ></path>
          <path
            d="M107.2 266.4H36.8c-4.8 0-8-3.2-8-8s3.2-8 8-8h70.4c4.8 0 8 3.2 8 8s-3.2 8-8 8zM944 308c-4.8 0-8-3.2-8-8v-51.2c0-4.8 3.2-8 8-8s8 3.2 8 8V300c0 4.8-3.2 8-8 8z"
            p-id="2789"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
          ></path>
          <path
            d="M969.6 282.4h-51.2c-4.8 0-8-3.2-8-8s3.2-8 8-8h51.2c4.8 0 8 3.2 8 8s-3.2 8-8 8zM856 169.6c-4.8 0-8-3.2-8-8V80.8c0-4.8 3.2-8 8-8s8 3.2 8 8v80.8c0 4.8-3.2 8-8 8z"
            p-id="2790"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
          ></path>
          <path
            d="M896 129.6h-80c-4.8 0-8-3.2-8-8s3.2-8 8-8h80c4.8 0 8 3.2 8 8s-3.2 8-8 8z"
            p-id="2791"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[5]
                  : showColor
                : Array.isArray(color)
                ? color[5]
                : color
            }
          ></path>
        </svg>
      );
    case 'close':
      return (
        <svg
          t="1590386563568"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3544"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M572.267 512l225.867-225.867c16.533-16.533 16.533-43.733 0-60.267s-43.733-16.533-60.267 0L512 451.733 286.133 225.866c-16.533-16.533-43.733-16.533-60.267 0s-16.533 43.733 0 60.267L451.733 512 225.866 737.867c-16.533 16.533-16.533 43.733 0 60.267 8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533l225.867-225.867 225.867 225.867c8.267 8.267 19.2 12.533 30.133 12.533s21.867-4.267 30.133-12.533c16.533-16.533 16.533-43.733 0-60.267L572.265 512z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="3545"
          ></path>
        </svg>
      );
    case 'color': // 颜色版
      return (
        <svg
          t="1590479298970"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2717"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 0a512 512 0 0 0 0 1024c180.224 0-110.592-204.8 204.8-204.8a302.08 302.08 0 0 0 307.2-307.2A512 512 0 0 0 512 0zM179.2 486.4A76.8 76.8 0 1 1 256 409.6a76.8 76.8 0 0 1-76.8 76.8zM358.4 307.2a76.8 76.8 0 1 1 76.8-76.8A76.8 76.8 0 0 1 358.4 307.2z m307.2 0a76.8 76.8 0 1 1 76.8-76.8A76.8 76.8 0 0 1 665.6 307.2z m179.2 179.2A76.8 76.8 0 1 1 921.6 409.6a76.8 76.8 0 0 1-76.8 76.8z"
            p-id="2718"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'config': // 配置图标
      return (
        <svg
          t="1590545658011"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2667"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M264.704 749.568c8.192-47.616 48.128-84.992 97.792-84.992 54.784 0 99.328 45.568 99.328 101.888 0 55.808-44.544 101.888-99.328 101.888-49.664 0-89.6-37.376-97.792-84.992H172.032c-9.728 0-16.384-6.656-16.384-16.896 0-10.24 6.656-16.896 16.384-16.896h92.672z m0-508.928c8.192-47.616 48.128-84.992 97.792-84.992 54.784 0 99.328 45.568 99.328 101.888 0 55.808-44.544 101.888-99.328 101.888-49.664 0-89.6-37.376-97.792-84.992H172.032c-9.728 0-16.384-6.656-16.384-16.896 0-10.24 6.656-16.896 16.384-16.896h92.672z m494.592 254.464c-8.192-47.616-48.128-84.992-97.792-84.992-54.784 0-99.328 46.08-99.328 101.888s44.544 101.888 99.328 101.888c49.664 0 89.6-37.376 97.792-84.992h92.672c9.728 0 16.384-6.656 16.384-16.896 0-10.24-6.656-16.896-16.384-16.896h-92.672zM851.968 240.64c9.728 0 16.384 6.656 16.384 16.896 0 10.24-6.656 16.896-16.384 16.896h-331.776c-9.728 0-16.384-6.656-16.384-16.896 0-10.24 6.656-16.896 16.384-16.896h331.776z m0 508.928c9.728 0 16.384 6.656 16.384 16.896 0 10.24-6.656 16.896-16.384 16.896h-331.776c-9.728 0-16.384-6.656-16.384-16.896 0-10.24 6.656-16.896 16.384-16.896h331.776zM594.944 512c0-37.376 29.696-68.096 66.56-68.096 36.352 0 66.56 30.72 66.56 68.096s-29.696 68.096-66.56 68.096-66.56-30.72-66.56-68.096z m-91.136-16.896c9.728 0 16.384 6.656 16.384 16.896 0 10.24-6.656 16.896-16.384 16.896H172.032c-9.728 0-16.384-6.656-16.384-16.896s6.656-16.896 16.384-16.896h331.776zM296.448 257.536c0 37.376 29.696 68.096 66.56 68.096 36.352 0 66.56-30.72 66.56-68.096S399.36 189.44 362.496 189.44c-36.352 0-66.048 30.72-66.048 68.096z m0 508.928c0 37.376 29.696 68.096 66.56 68.096 36.352 0 66.56-30.72 66.56-68.096 0-37.376-29.696-68.096-66.56-68.096-36.864 0.512-66.56 30.72-66.56 68.096z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2668"
          ></path>
        </svg>
      );
    case 'introduce': // 介绍图标
      return (
        <svg
          t="1590546424241"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3400"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M787.607552 64H234.952704c-0.258048 0-0.48128 0.038912-0.765952 0.053248-0.258048-0.014336-0.507904-0.053248-0.765952-0.053248-60.520448 0-109.764608 50.663424-109.764608 112.920576v660.146176c0 8.323072 3.258368 16.246784 9.078784 21.983232l89.673728 88.981504c11.49952 11.38688 29.691904 11.38688 41.191424 0l91.48416-90.773504 94.918656 94.162944c11.503616 11.436032 29.710336 11.436032 41.209856 0l94.9248-94.162944 94.932992 94.162944c5.746688 5.701632 13.176832 8.57088 20.578304 8.57088 7.424 0 14.864384-2.869248 20.617216-8.57088l85.927936-85.233664c5.799936-5.77536 9.07264-13.694976 9.07264-21.979136V285.78816c47.802368-13.129728 83.075072-56.91392 83.075072-108.867584 0.002048-62.257152-50.569216-112.920576-112.734208-112.920576z m-22.76352 775.03488l-57.636864 57.206784-97.220608-96.454656c-11.759616-11.69408-30.386176-11.69408-42.162176 0l-97.19808 96.454656-97.210368-96.454656c-11.778048-11.69408-30.404608-11.69408-42.186752 0l-93.683712 92.928-61.458432-60.946432V169.013248c0-29.30688 23.164928-53.133312 51.636224-53.133312 0.258048 0 0.483328-0.077824 0.7168-0.077824 0.309248 0 0.575488 0.077824 0.86016 0.077824h0.106496c30.101504 0.069632 54.566912 23.885824 54.566912 53.133312 0 29.300736-24.520704 53.147648-54.675456 53.147648-16.791552 0-30.369792 13.96736-30.369792 31.227904 0 17.281024 13.576192 31.287296 30.369792 31.287296h535.545856v554.358784z m26.247168-605.673472l-15.958016 1.47456-473.073664-3.024896c28.807168-14.125056 28.827648-42.502144 28.807168-51.040256-0.07168-31.852544-4.909056-45.942784-13.029376-61.642752l473.624576-0.79872c29.71648 0 60.715008 31.16032 60.715008 60.03712 0 28.860416-31.37536 54.994944-61.085696 54.994944z"
            p-id="3401"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M283.240448 521.242624h360.763392c6.557696 0 11.855872-8.849408 11.855872-19.795968 0-10.98752-5.302272-19.867648-11.855872-19.867648H283.240448c-6.565888 0-11.864064 8.880128-11.864064 19.867648 0 10.944512 5.300224 19.795968 11.864064 19.795968zM283.240448 612.780032h360.763392c6.557696 0 11.855872-8.845312 11.855872-19.795968 0-10.954752-5.302272-19.857408-11.855872-19.857408H283.240448c-6.565888 0-11.864064 8.912896-11.864064 19.857408 0 10.950656 5.300224 19.795968 11.864064 19.795968zM283.240448 429.733888h360.763392c6.557696 0 11.855872-8.88832 11.855872-19.836928s-5.302272-19.80416-11.855872-19.80416H283.240448c-6.565888 0-11.864064 8.855552-11.864064 19.808256 0 10.944512 5.300224 19.832832 11.864064 19.832832z"
            p-id="3402"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
        </svg>
      );
    case 'await': // 等待图标
      return (
        <svg
          t="1590546740999"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4193"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M815.552527 511.178285c-43.008536 0.651846-67.994604 11.053754-81.297584 18.24248l0-13.235442c0-0.542352 0.212848-3.193739 0.212848-4.00522 0-32.408107-40.074717-60.886719-106.070804-77.308737-4.803399-0.552585-11.205203-0.552585-13.526061 5.877871-1.165546 3.228531-1.88186 11.683087 3.741207 12.57234 40.24254 10.224876 65.877383 25.467021 65.877383 42.503023 0 30.786167-83.355453 55.743582-186.222285 55.743582s-186.239681-24.957415-186.239681-55.743582c0-17.026792 25.546839-32.260751 65.750493-42.485627 13.033851-4.912893 14.373359-6.915503 12.748349-14.250562-1.031493-4.657067-5.716188-8.686846-11.888771-6.789637-72.091922 15.903202-123.737162 45.709041-123.737162 79.882352 0 0.811482-0.574075 3.462868-0.574075 4.00522l0 244.336868c0 74.661444 109.422132 135.185912 242.154155 135.185912 120.906697 0 221.834364-50.227961 238.70152-115.609041 1.393743-0.743944 2.752694-13.910824 2.996241-15.572674 1.948375-13.280468 23.25975-20.027126 74.830289-53.072753 51.571562-33.045627 83.635839-79.108732 82.635045-120.543424C894.640794 549.477566 881.643782 510.177492 815.552527 511.178285zM785.53384 677.212786c-30.726815 17.483186-46.162366 24.821315-51.278897 24.876574L734.254943 579.49216c5.116531-4.121877 35.790134-23.801079 69.985958-24.261567 39.377846-0.530073 46.537919 24.267706 47.134507 46.189995C851.971995 623.341854 816.260655 659.729599 785.53384 677.212786z"
            p-id="4194"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
          <path
            d="M456.243115 150.681838c0 0 78.285994 48.021713 80.110549 112.154359 1.338485 47.064922-27.836999 59.137889-32.04381 114.15697-3.004427 39.281655 34.046421 92.127234 18.024515 110.151749s-107.147322-9.012258-107.147322-86.891999c0-52.300156 14.369266-78.422094 42.057885-122.396631 18.285458-29.040407 23.031553-60.0824 15.021112-89.122807C468.097094 173.624363 456.243115 150.681838 456.243115 150.681838z"
            p-id="4195"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
          <path
            d="M577.420989 429.065126c17.927301 12.252045 30.364565 3.004427 29.696346-27.036773-0.667196-30.0412-1.793856-38.492686 4.840238-70.052472 6.007831-28.584012-12.016685-57.623395-20.862143-74.813916-6.607488-12.841469-13.674441-24.033369-13.674441-24.033369s9.361205 53.632501 5.496178 78.274738c-5.496178 35.048237-21.694091 57.579393-21.091364 84.118839C562.071396 406.328285 567.897078 422.556898 577.420989 429.065126z"
            p-id="4196"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
          ></path>
        </svg>
      );
    case 'theme': // 主题图标
      return (
        <svg
          t="1590658760194"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3191"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M1004.094293 321.092267L762.737493 79.735467a68.266667 68.266667 0 0 0-96.546133 0l-30.293333 30.293333a68.283733 68.283733 0 0 1-48.264534 20.002133h-151.1936a68.181333 68.181333 0 0 1-48.264533-20.002133l-30.293333-30.293333a68.266667 68.266667 0 0 0-96.546134 0L19.962027 321.092267a68.266667 68.266667 0 0 0 0 96.546133l96.546133 96.546133a67.84 67.84 0 0 0 66.645333 17.271467c10.8032-3.072 21.674667 4.181333 21.674667 15.4112V896c0 37.546667 30.72 68.266667 68.266667 68.266667h477.866666c37.546667 0 68.266667-30.72 68.266667-68.266667V546.8672c0-11.229867 10.871467-18.4832 21.674667-15.4112a67.84 67.84 0 0 0 66.645333-17.271467l96.546133-96.546133a68.266667 68.266667 0 0 0 0-96.546133z"
            p-id="3192"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'darg': // 拖动图标
      return (
        <svg
          t="1590997735668"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2575"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M1013.964333 488.004182L865.949488 339.988337a33.984735 33.984735 0 0 0-48.119624 0v118.193078H565.699831V206.119382h118.387076c13.311896-13.311896 13.311896-34.814728 0-48.119625L536.067062 9.982912a33.984735 33.984735 0 0 0-48.119624 0L339.931593 157.993757a33.984735 33.984735 0 0 0 0 48.119625h118.193077v252.063033H206.122637V339.988337h-0.061c-13.310896-13.310896-34.813728-13.310896-48.119624 0L9.987167 487.937183c-13.309896 13.311896-13.309896 34.813728 0 48.119624L158.003012 684.068652a33.974735 33.974735 0 0 0 48.119625 0V565.751576h252.002033V817.881608H339.931593a33.984735 33.984735 0 0 0 0 48.119625l148.014845 148.015845c13.311896 13.309896 34.809728 13.309896 48.119624 0L684.082907 866.001233c13.311896-13.315896 13.311896-34.813728 0-48.119625H565.694831V565.751576h252.129033v118.388076c13.310896 13.310896 34.809728 13.310896 48.119624 0l148.015845-148.015845c13.310896-13.315896 13.310896-34.813728 0.005-48.119625z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'colorPalette': // 调色板
      return (
        <svg
          t="1591338869724"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5477"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M647.786916 376.524764A191.534094 191.534094 0 1 1 512.149811 320.22257a190.595724 190.595724 0 0 1 135.637105 56.302194z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            // fill="#FCFCFC"
            p-id="5478"
          ></path>
          <path
            d="M512.149811 192.263037v127.959533a190.595724 190.595724 0 0 0-135.637105 56.302194l-90.638002-90.638002A319.685566 319.685566 0 0 1 512.149811 192.263037z"
            // fill="#00E8CF"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="5479"
          ></path>
          <path
            d="M512.149811 21.650326v170.612711a319.685566 319.685566 0 0 0-226.275107 93.623725L165.379477 165.391535A488.144291 488.144291 0 0 1 512.149811 21.650326z"
            // fill="#70FFEF"
            p-id="5480"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
          ></path>
          <path
            d="M285.874704 285.886762l90.638002 90.638002A190.595724 190.595724 0 0 0 320.210512 512.161869H192.250979a319.685566 319.685566 0 0 1 93.623725-226.275107z"
            // fill="#0064B5"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[3]
                  : showColor
                : Array.isArray(color)
                ? color[3]
                : color
            }
            p-id="5481"
          ></path>
          <path
            d="M285.874704 285.886762A319.685566 319.685566 0 0 0 192.250979 512.161869H21.638269A488.144291 488.144291 0 0 1 165.379477 165.391535z"
            // fill="#0091FF"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[4]
                  : showColor
                : Array.isArray(color)
                ? color[4]
                : color
            }
            p-id="5482"
          ></path>
          <path
            d="M320.210512 512.161869a190.595724 190.595724 0 0 0 56.302194 135.637105l-90.638002 90.638002A319.685566 319.685566 0 0 1 192.250979 512.161869z"
            // fill="#31C4FF"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[5]
                  : showColor
                : Array.isArray(color)
                ? color[5]
                : color
            }
            p-id="5483"
          ></path>
          <path
            d="M192.250979 512.161869a319.685566 319.685566 0 0 0 93.623725 226.275107l-120.495227 120.495227A488.144291 488.144291 0 0 1 21.638269 512.161869z"
            // fill="#9EEBFF"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[6]
                  : showColor
                : Array.isArray(color)
                ? color[6]
                : color
            }
            p-id="5484"
          ></path>
          <path
            d="M512.149811 704.101168v127.959533a319.685566 319.685566 0 0 1-226.275107-93.623725l90.638002-90.638002A190.595724 190.595724 0 0 0 512.149811 704.101168z"
            // fill="#5F4A9E"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[6]
                  : showColor
                : Array.isArray(color)
                ? color[6]
                : color
            }
            p-id="5485"
          ></path>
          <path
            d="M285.874704 738.436976A319.685566 319.685566 0 0 0 512.149811 832.060701v170.61271a488.144291 488.144291 0 0 1-346.770334-143.741208z"
            // fill="#9D87E0"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[7]
                  : showColor
                : Array.isArray(color)
                ? color[7]
                : color
            }
            p-id="5486"
          ></path>
          <path
            d="M738.424918 738.436976A319.685566 319.685566 0 0 1 512.149811 832.060701v-127.959533a190.595724 190.595724 0 0 0 135.637105-56.302194z"
            // fill="#FF468C"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[8]
                  : showColor
                : Array.isArray(color)
                ? color[8]
                : color
            }
            p-id="5487"
          ></path>
          <path
            d="M738.424918 738.436976l120.495227 120.495227A488.144291 488.144291 0 0 1 512.149811 1002.673411v-170.61271a319.685566 319.685566 0 0 0 226.275107-93.623725z"
            // fill="#FFA1C8"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[9]
                  : showColor
                : Array.isArray(color)
                ? color[9]
                : color
            }
            p-id="5488"
          ></path>
          <path
            d="M704.08911 512.161869h127.959533a319.685566 319.685566 0 0 1-93.623725 226.275107l-90.638002-90.638002A190.595724 190.595724 0 0 0 704.08911 512.161869z"
            // fill="#F03049"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[10]
                  : showColor
                : Array.isArray(color)
                ? color[10]
                : color
            }
            p-id="5489"
          ></path>
          <path
            d="M832.048643 512.161869h170.612711a488.144291 488.144291 0 0 1-143.741209 346.770334l-120.495227-120.495227A319.685566 319.685566 0 0 0 832.048643 512.161869z"
            // fill="#FF636E"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[11]
                  : showColor
                : Array.isArray(color)
                ? color[11]
                : color
            }
            p-id="5490"
          ></path>
          <path
            d="M738.424918 285.886762A319.685566 319.685566 0 0 1 832.048643 512.161869h-127.959533a190.595724 190.595724 0 0 0-56.302194-135.637105z"
            // fill="#FE8205"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[12]
                  : showColor
                : Array.isArray(color)
                ? color[12]
                : color
            }
            p-id="5491"
          ></path>
          <path
            d="M1002.661354 512.161869h-170.612711a319.685566 319.685566 0 0 0-93.623725-226.275107l120.495227-120.495227A488.144291 488.144291 0 0 1 1002.661354 512.161869z"
            // fill="#FFA426"
            p-id="5492"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[13]
                  : showColor
                : Array.isArray(color)
                ? color[13]
                : color
            }
          ></path>
          <path
            d="M738.424918 285.886762l-90.638002 90.638002A190.595724 190.595724 0 0 0 512.149811 320.22257V192.263037a319.685566 319.685566 0 0 1 226.275107 93.623725z"
            // fill="#FFC247"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[14]
                  : showColor
                : Array.isArray(color)
                ? color[14]
                : color
            }
            p-id="5493"
          ></path>
          <path
            d="M858.920145 165.391535l-120.495227 120.495227A319.685566 319.685566 0 0 0 512.149811 192.263037V21.650326a488.144291 488.144291 0 0 1 346.770334 143.741209z"
            // fill="#FFFD78"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[15]
                  : showColor
                : Array.isArray(color)
                ? color[15]
                : color
            }
            p-id="5494"
          ></path>
          <path
            d="M934.757495 308.109067l38.38786-18.575459c-7.272367-14.928612-15.44045-29.857224-24.269658-44.401958l-36.383161 22.243633c8.12543 13.265138 15.525757 26.956808 22.264959 40.733784z"
            p-id="5495"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[16]
                  : showColor
                : Array.isArray(color)
                ? color[16]
                : color
            }
          ></path>
          <path
            d="M992.126019 334.020873l-39.987354 14.928612A466.071272 466.071272 0 0 1 980.396395 490.83528h-127.959533A337.983779 337.983779 0 0 0 768.068877 286.419926l90.616676-90.595349c8.99982 9.874211 17.615762 20.1323 25.741192 30.710288l33.82397-25.975785a516.231408 516.231408 0 0 0-44.146039-50.33075 511.838131 511.838131 0 0 0-798.595444 629.13437l36.340507-22.328939A468.139951 468.139951 0 0 1 43.434043 533.488458h128.151472a337.983779 337.983779 0 0 0 84.879823 204.202087L165.806009 828.349874c-9.042474-9.895537-17.829028-20.046993-25.911805-30.561001l-33.82397 25.975785a518.790599 518.790599 0 0 0 44.146039 50.330749 511.987417 511.987417 0 0 0 841.909746-540.074534zM165.635396 195.803251L256.230746 286.419926A337.983779 337.983779 0 0 0 171.884087 490.83528h-127.959533A464.919636 464.919636 0 0 1 165.635396 195.803251z m467.158928 437.003131A170.61271 170.61271 0 1 1 682.762522 512.161869a169.503728 169.503728 0 0 1-49.968198 120.644513z m-285.77629-255.620494A211.133229 211.133229 0 0 0 300.035559 490.83528h-85.412988a295.543868 295.543868 0 0 1 72.062543-173.982311z m300.107758-30.177123A211.133229 211.133229 0 0 0 533.4764 300.047617v-85.412989a295.543868 295.543868 0 0 1 173.982311 72.062544zM490.823222 299.940984a211.133229 211.133229 0 0 0-113.585412 47.153087l-60.396899-60.396899A295.543868 295.543868 0 0 1 490.823222 214.634628zM299.928926 533.488458a211.133229 211.133229 0 0 0 47.153088 113.585412l-60.3969 60.396899A295.543868 295.543868 0 0 1 214.622571 533.488458z m77.244905 143.826514A211.133229 211.133229 0 0 0 490.823222 724.276121v85.412988a295.543868 295.543868 0 0 1-173.982311-72.062543zM533.4764 724.382754a211.133229 211.133229 0 0 0 113.585412-47.153088l60.396899 60.3969A295.543868 295.543868 0 0 1 533.4764 809.689109z m204.138108-16.911985l-60.33292-60.33292A211.133229 211.133229 0 0 0 724.264063 533.488458h85.412989a295.543868 295.543868 0 0 1-72.062544 173.982311zM809.677052 490.83528h-85.306356a211.133229 211.133229 0 0 0-47.153087-113.585412l60.396899-60.396899A295.543868 295.543868 0 0 1 809.677052 490.83528zM533.4764 43.4461a465.282188 465.282188 0 0 1 294.669477 122.563906l-90.467389 90.46739A338.197045 338.197045 0 0 0 533.4764 171.576246z m-42.653178 0.511838v127.959533A338.175719 338.175719 0 0 0 286.407869 256.242803L195.791193 165.647454A464.919636 464.919636 0 0 1 490.823222 43.957938zM286.407869 768.080934A338.175719 338.175719 0 0 0 490.823222 852.427593v127.959533a465.175555 465.175555 0 0 1-295.032029-121.710842zM533.4764 980.877637V852.747492A338.410311 338.410311 0 0 0 737.891754 768.080934l90.616675 90.616676A465.602087 465.602087 0 0 1 533.4764 980.877637z m324.825274-152.719702l-90.46739-90.46739A337.983779 337.983779 0 0 0 852.714108 533.488458h128.151472a465.111575 465.111575 0 0 1-122.563906 294.669477z"
            p-id="5496"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[17]
                  : showColor
                : Array.isArray(color)
                ? color[17]
                : color
            }
          ></path>
        </svg>
      );
    case 'cat':
      return (
        <svg
          t="1591925532828"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2687"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M649.728 859.166l-3.072-3.072a63.307 63.307 0 0 0-60.838-15.36 251.302 251.302 0 0 1-68.066 9.758 257.807 257.807 0 0 1-71.59-10.24 53.097 53.097 0 0 0-61.379 24.034 55.145 55.145 0 0 0-4.096 46.562c6.144 15.36 18.402 27.106 34.274 31.714 33.25 10.24 67.524 15.36 102.791 15.36 35.84 0 71.108-5.12 104.87-15.872 15.36-5.12 27.618-16.866 33.762-31.714a53.91 53.91 0 0 0-3.584-46.05l-3.072-5.12z m54.212-444.988a248.2 248.2 0 0 1 44.514 58.308c11.746 20.962 19.938 43.971 25.058 67.523 5.12 24.034 26.081 41.412 50.145 42.466h2.018c15.872 0 30.72-7.168 40.96-18.974 10.722-12.77 14.818-29.124 11.234-44.996a354.424 354.424 0 0 0-36.322-97.19 342.83 342.83 0 0 0-64.451-83.877 53.338 53.338 0 0 0-43.972-14.306 53.399 53.399 0 0 0-38.882 25.058 54.302 54.302 0 0 0 9.698 65.958zM209.318 580.909c2.048 0 4.096 0 6.144-0.512a53.308 53.308 0 0 0 47.074-47.044 243.712 243.712 0 0 1 18.913-71.077 256.03 256.03 0 0 1 38.37-61.922c15.36-18.914 16.866-45.508 2.56-65.476-9.728-13.282-24.546-21.986-40.93-22.498a53.158 53.158 0 0 0-42.947 18.402 354.756 354.756 0 0 0-55.266 88.004A342.106 342.106 0 0 0 156.13 520.04c-2.048 16.384 3.614 32.226 14.848 43.972 10.722 11.294 24.034 16.896 38.34 16.896z m193.355-210.733c9.728 16.866 27.618 27.106 47.074 27.106H581.18c19.456 0 37.346-10.24 47.074-27.106l65.958-114.056c9.728-16.865 9.728-37.345 0-54.211L628.254 87.823c-9.728-16.866-27.618-27.106-47.074-27.106H449.747c-19.456 0-37.346 10.24-47.074 27.106L337.197 201.91a54.061 54.061 0 0 0 0 54.211l65.476 114.056z m24.546-141.161l44.002-76.74h88.485l43.972 76.74-43.972 76.71h-88.485l-43.972-76.71zM298.315 638.193c-9.698-16.866-27.618-27.106-47.043-27.106H119.808c-19.426 0-37.346 10.24-47.044 27.106L7.288 752.279a54.061 54.061 0 0 0 0 54.211l65.958 114.056c9.758 16.866 27.648 27.106 47.074 27.106h131.464c19.425 0 37.345-10.24 47.073-27.106l65.958-114.056c9.728-16.866 9.728-37.346 0-54.211l-66.47-114.086z m-24.034 141.191l-43.971 76.71h-88.486l-43.972-76.71 43.972-76.74h88.486l43.971 76.74z m741.678-19.937L950 645.36c-9.728-16.866-27.648-27.106-47.074-27.106H771.464c-19.426 0-37.346 10.24-47.044 27.106l-65.476 114.086a54.061 54.061 0 0 0 0 54.211l65.958 114.056c9.728 16.866 27.648 27.106 47.074 27.106h131.463c19.426 0 37.346-10.24 47.044-27.106l65.988-114.056a55.326 55.326 0 0 0-0.512-54.211z m-90.022 27.105l-43.972 76.71h-88.997l-44.002-76.71 43.971-76.74h88.516l44.484 76.74z"
            p-id="2688"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'dot':
      return (
        <svg
          t="1594710675065"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="1541"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            d="M480 480m-288 0a4.5 4.5 0 1 0 576 0 4.5 4.5 0 1 0-576 0Z"
            p-id="1542"
          ></path>
        </svg>
      );
    case 'oneModal':
      return (
        <svg
          t="1594710910524"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3506"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M410.709944 409.99607c0 8.636859 6.577147 15.616993 14.68863 15.616993 0.099503 0 0.159205 0 0.283584 0 3.024891 41.114632 35.385251 82.231255 74.930721 82.231255s71.937671-41.116622 74.967537-82.231255c0.079602 0 0.179105 0 0.263683 0 8.129394 0 14.706541-6.980134 14.706541-15.616993 0-6.335355-3.597033-11.783143-8.716461-14.201066 2.990065-9.240842 4.602013-19.126463 4.602013-29.415072 0-50.278857-38.388251-91.030304-85.823313-91.030304-47.390286 0-85.806397 40.751447-85.806397 91.030304 0 10.288608 1.633839 20.17423 4.599028 29.415072C414.259215 398.212926 410.709944 403.660715 410.709944 409.99607zM318.309484 653.633103l364.62072 0c4.422908 0 8.014965-3.557232 8.014965-7.995065l0-28.567306c0-2.139314-0.895527-4.233852-2.422898-5.731372-35.039975-34.015095-77.836208-58.020189-123.856338-69.517759-1.174135-0.606968-2.457724-0.975129-3.810964-0.975129l-4.159225 0c-1.33334 0-2.616928 0.32836-3.791064 0.950253-13.880666 7.442823-32.965338 11.721451-52.290807 11.721451-19.330444 0-38.375315-4.278628-52.275882-11.721451-1.16916-0.621894-2.440808-0.950253-3.774148-0.950253l-3.024891 0c-0.624879 0-1.251748 0.079602-1.857721 0.203981-47.206205 11.17916-91.109906 35.472813-126.937945 70.288907-1.555232 1.48757-2.422898 3.592058-2.422898 5.731372l0 28.567306C310.319395 650.075871 313.891552 653.633103 318.309484 653.633103zM709.50148 755.554008 291.739203 755.554008c-7.567202 0-13.738377 6.149284-13.738377 13.761262 0 7.582127 6.171175 13.716486 13.738377 13.716486l417.762277 0c7.582127 0 13.761262-6.134359 13.761262-13.716486C723.262743 761.703292 717.083607 755.554008 709.50148 755.554008zM907.587043 165.921223 759.456953 19.933433c-6.422918-6.375156-15.044851-9.885621-24.104598-9.885621L149.003169 10.047811c-18.985169 0-34.37828 15.35331-34.37828 34.338479l0 945.27336c0 18.970244 15.393111 34.343454 34.37828 34.343454l734.489226 0c18.965268 0 34.333504-15.373211 34.333504-34.343454l0-799.287559C917.8259 181.172046 914.159215 172.375982 907.587043 165.921223zM183.358564 955.30127 183.358564 78.721785l531.386723 0L714.745287 190.737267c0 11.378166 9.218951 20.617018 20.607068 20.617018l113.756785 0 0 743.946985L183.358564 955.30127z"
            p-id="3507"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'twoModal':
      return (
        <svg
          t="1594710975346"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="3634"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M935.875038 232.997248 730.025085 10.164552C724.022981 3.688207 715.605215 0 706.787308 0L370.250547 0c-48.980136 0-88.816326 39.838165-88.816326 88.801506l0 40.791586 63.318003 0L344.752224 88.801506c0-14.05431 11.445988-25.477575 25.497335-25.477575l310.167022 0 0 215.885076c0 8.165826 6.619605 14.785431 14.785431 14.785431l185.763897 0 0 478.245706c0 14.06419-11.445988 25.480539-25.500299 25.480539l-79.301879 0 0 63.325907 79.301879 0c48.965316 0 88.821266-39.841129 88.821266-88.806446L944.286876 254.481324C944.287864 246.500254 941.274462 238.839297 935.875038 232.997248zM709.988431 81.773857l168.740645 182.646755-168.740645 0L709.988431 81.773857zM530.617886 173.137248c-6.002104-6.476345-14.439631-10.181348-23.257537-10.181348L170.800864 162.955901c-48.960376 0-88.778782 39.836189-88.778782 88.796566l0 683.43271c0 48.980136 39.818405 88.816326 88.778782 88.816326l485.237787 0c48.960376 0 88.821266-39.836189 88.821266-88.816326L744.859916 417.417465c0-7.943526-2.993642-15.622268-8.417766-21.466292L530.617886 173.137248zM668.54674 415.747744l-142.489465 0L526.057274 261.507986 668.54674 415.747744zM656.038651 960.675595 170.798888 960.675595c-14.04937 0-25.457815-11.426228-25.457815-25.490419L145.341073 251.751478c0-14.051346 11.403504-25.477575 25.457815-25.477575l322.712655 0 2.973882 3.217918 0 201.017641c0 8.165826 6.616641 14.767647 14.785431 14.767647l170.264142 0 0 489.906091C681.534009 949.249366 670.088021 960.675595 656.038651 960.675595zM576.224 808.385162 229.216407 808.385162c-6.300481 0-11.413384 5.088204-11.413384 11.426228 0 6.298505 5.112904 11.401528 11.413384 11.401528l347.007593 0c6.318265 0 11.426228-5.103024 11.426228-11.401528C587.64924 813.473366 582.541276 808.385162 576.224 808.385162zM576.224 713.932292 229.216407 713.932292c-6.300481 0-11.413384 5.122784-11.413384 11.436108 0 6.298505 5.112904 11.386708 11.413384 11.386708l347.007593 0c6.318265 0 11.426228-5.088204 11.426228-11.386708C587.64924 719.055076 582.541276 713.932292 576.224 713.932292zM576.224 619.51499 229.216407 619.51499c-6.300481 0-11.413384 5.122784-11.413384 11.436108 0 6.298505 5.112904 11.411408 11.413384 11.411408l347.007593 0c6.318265 0 11.426228-5.112904 11.426228-11.411408C587.64924 624.652594 582.541276 619.51499 576.224 619.51499zM229.216407 550.102999l158.732197 0c6.315301 0 11.411408-5.098084 11.411408-11.396588s-5.096108-11.421288-11.411408-11.421288l-158.732197 0c-6.300481 0-11.413384 5.122784-11.413384 11.421288C217.800058 545.004915 222.914938 550.102999 229.216407 550.102999zM269.704677 362.163524c0 4.462799 3.401687 8.071966 7.589822 8.071966 0.052364 0 0.086944 0 0.1482 0 1.563017 21.256836 18.29481 42.513671 38.739509 42.513671 20.441735 0 37.193288-21.256836 38.759269-42.513671 0.03952 0 0.090896 0 0.136344 0 4.200979 0 7.599702-3.608179 7.599702-8.071966 0-3.277198-1.855465-6.091025-4.505283-7.342821 1.546221-4.776984 2.381082-9.889887 2.381082-15.207307 0-25.991335-19.848935-47.063415-44.371113-47.063415-24.504394 0-44.361233 21.071092-44.361233 47.063415 0 5.31742 0.842765 10.430324 2.379106 15.207307C271.539394 356.072499 269.704677 358.885338 269.704677 362.163524zM221.931877 488.117809l188.507575 0c2.282282 0 4.141699-1.834717 4.141699-4.129843l0-14.767647c0-1.106561-0.45942-2.190398-1.256737-2.964002-18.114993-17.583449-40.238306-29.997678-64.029363-35.943467-0.60268-0.31122-1.271557-0.496964-1.971061-0.496964l-2.148902 0c-0.686661 0-1.353561 0.165984-1.958217 0.487084-7.177825 3.848263-17.043013 6.06336-27.033676 6.06336-9.995603 0-19.841031-2.213122-27.02676-6.06336-0.60268-0.3211-1.259701-0.487084-1.951301-0.487084l-1.561041 0c-0.32604 0-0.650104 0.042484-0.960337 0.10374-24.408558 5.77684-47.104911 18.33433-65.627949 36.335703-0.805221 0.773605-1.251797 1.857441-1.251797 2.964002l0 14.767647C217.800058 486.283092 219.64762 488.117809 221.931877 488.117809z"
            p-id="3635"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'fulfill':
      return (
        <svg
          t="1594715476030"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4371"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M512 0C230.4 0 0 230.4 0 512s230.4 512 512 512c281.6 0 512-230.4 512-512S793.6 0 512 0zM838.4 371.2l-384 384C448 761.6 428.8 768 416 768c-12.8 0-25.6-6.4-38.4-12.8L147.2 524.8C128 505.6 128 467.2 147.2 448c19.2-19.2 57.6-19.2 76.8 0l192 192 345.6-345.6c19.2-19.2 57.6-19.2 76.8 0C864 313.6 864 345.6 838.4 371.2z"
            p-id="4372"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'borderColor': // 边框颜色
      return (
        <svg
          t="1593654578160"
          className="icon"
          viewBox="0 0 1028 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2277"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M320 768H0V0h834v64H64v640h256z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="2278"
          ></path>
          <path
            d="M0 832h1024v192H0z"
            p-id="2279"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
          ></path>
          <path
            d="M1004.3 83.8c-26.4-26.4-68.9-26.4-95.2 0l-47.6 47.8 95.2 95.5 47.6-47.7c26.3-26.5 26.3-69.2 0-95.6zM812.4 178.8L526.8 465.2l95.2 95.5 285.6-286.4zM384 704l190.4-95.5-95.2-95.5z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="2280"
          ></path>
        </svg>
      );
    case 'borderType': // 线段类型
      return (
        <svg
          t="1593658444933"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="10034"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M153.6 204.8h716.8v51.2H153.6zM153.6 409.6h716.8v102.4H153.6zM153.6 665.6h716.8v153.6H153.6z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="10035"
          ></path>
        </svg>
      );
    case 'add': // 添加按钮
      return (
        <svg
          t="1593744781834"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4559"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M546.133333 477.866667h136.533334v68.266666h-136.533334v136.533334h-68.266666v-136.533334h-136.533334v-68.266666h136.533334v-136.533334h68.266666v136.533334z m-34.133333 341.333333a307.2 307.2 0 1 0 0-614.4 307.2 307.2 0 0 0 0 614.4z m0 68.266667C304.64 887.466667 136.533333 719.36 136.533333 512S304.64 136.533333 512 136.533333s375.466667 168.106667 375.466667 375.466667-168.106667 375.466667-375.466667 375.466667z"
            p-id="4560"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'omit': // 三个点省略
      return (
        <svg
          t="1593759127839"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="4737"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M221 592c-44.183 0-80-35.817-80-80s35.817-80 80-80 80 35.817 80 80-35.817 80-80 80z m291 0c-44.183 0-80-35.817-80-80s35.817-80 80-80 80 35.817 80 80-35.817 80-80 80z m291 0c-44.183 0-80-35.817-80-80s35.817-80 80-80 80 35.817 80 80-35.817 80-80 80z"
            p-id="4738"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
          ></path>
        </svg>
      );
    case 'insert': // 插入图标
      return (
        <svg
          t="1593763080764"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5506"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M251.733333 917.333333h-128c-12.8 0-21.333333-8.533333-21.333333-21.333333V341.333333c0-12.8 8.533333-21.333333 21.333333-21.333333h128c12.8 0 21.333333 8.533333 21.333334 21.333333v554.666667c0 12.8-8.533333 21.333333-21.333334 21.333333zM891.733333 917.333333h-128c-12.8 0-21.333333-8.533333-21.333333-21.333333V341.333333c0-12.8 8.533333-21.333333 21.333333-21.333333h128c12.8 0 21.333333 8.533333 21.333334 21.333333v554.666667c0 12.8-8.533333 21.333333-21.333334 21.333333z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="5507"
          ></path>
          <path
            d="M573.866667 597.333333h-132.266667c-10.666667 0-19.2-8.533333-19.2-19.2V125.866667c0-10.666667 8.533333-19.2 19.2-19.2h132.266667c10.666667 0 19.2 8.533333 19.2 19.2v452.266666c0 10.666667-8.533333 19.2-19.2 19.2z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[1]
                  : showColor
                : Array.isArray(color)
                ? color[1]
                : color
            }
            p-id="5508"
          ></path>
          <path
            d="M524.8 789.333333l140.8-179.2a21.333333 21.333333 0 0 0-17.066667-34.133333H366.933333c-17.066667 0-27.733333 21.333333-17.066666 34.133333L490.666667 789.333333c8.533333 10.666667 25.6 10.666667 34.133333 0z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[2]
                  : showColor
                : Array.isArray(color)
                ? color[2]
                : color
            }
            p-id="5509"
          ></path>
        </svg>
      );
    case 'ren':
      return (
        <svg
          t="1593763260063"
          className="icon"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="5850"
          width={width ? width : '16'}
          style={{ ...style, cursor: 'pointer' }}
          height={height ? height : '16'}
          onMouseEnter={mouseEnterColor}
          onMouseLeave={mouseLeaveColor}
        >
          <path
            d="M163.84 619.52l-57.6 219.52a38.4 38.4 0 0 0 8.96 35.84 37.76 37.76 0 0 0 25.6 10.24h14.72L355.84 832h6.4l551.68-576a92.8 92.8 0 0 0 24.32-74.24 112.64 112.64 0 0 0-32-78.08l-52.48-50.56a106.24 106.24 0 0 0-74.88-32.64 88.96 88.96 0 0 0-64 26.24l-550.4 571.52z m694.4-424.32l-54.4 56.32-88.96-93.44 53.12-56.96a25.6 25.6 0 0 1 34.56 0l53.12 53.76a30.72 30.72 0 0 1 8.32 20.48 22.4 22.4 0 0 1-5.76 16zM261.76 628.48l394.88-411.52 89.6 94.08-394.88 410.88z m-73.6 167.68l28.8-109.44L293.76 768z m693.12-376.32M938.88 1001.6h-832a35.2 35.2 0 0 1-35.2-35.2 34.56 34.56 0 0 1 35.2-35.2h832a35.2 35.2 0 0 1 35.2 35.2 35.2 35.2 0 0 1-35.2 35.2z"
            fill={
              showColor
                ? Array.isArray(showColor)
                  ? showColor[0]
                  : showColor
                : Array.isArray(color)
                ? color[0]
                : color
            }
            p-id="5851"
          ></path>
        </svg>
      );

    default:
      return <>缺乏匹配项</>;
  }
}