73 lines
8.9 KiB
JavaScript
73 lines
8.9 KiB
JavaScript
import { h } from "vue";
|
|
|
|
const icons = {
|
|
search: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M477.14 854.79c-217.11 0-393.74-176.63-393.74-393.74 0-217.1 176.63-393.73 393.74-393.73 217.1 0 393.73 176.63 393.73 393.73 0 217.11-176.63 393.74-393.73 393.74z m0-721.72c-180.86 0-327.99 147.13-327.99 327.98s147.14 327.99 327.99 327.99S805.12 641.9 805.12 461.05 658 133.07 477.14 133.07z" fill="#606266" p-id="2877"></path><path d="M872.89 946.09L696.43 775.03c-15.45-14.98-15.45-39.27 0-54.25 15.45-14.98 40.51-14.98 55.96 0l176.46 171.06c15.45 14.98 15.45 39.27 0 54.25-15.45 14.98-40.51 14.98-55.96 0z" p-id="2878"></path>
|
|
`,
|
|
},
|
|
refresh: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M83.858742 413.835636C86.860924 413.835636 89.886379 413.44 92.935106 412.648727L265.548923 366.405818C284.143832 361.402182 295.198378 342.272 290.218014 323.630545 285.214378 305.012364 266.154014 294.074182 247.442742 298.938182L156.236924 323.397818C227.474742 170.007273 381.330742 69.818182 553.642014 69.818182 764.795469 69.818182 946.090014 220.253091 984.699469 427.52 987.841287 444.322909 1002.503105 456.029091 1018.980196 456.029091 1021.098014 456.029091 1023.239105 455.866182 1025.403469 455.447273 1044.347469 451.933091 1056.868196 433.710545 1053.330742 414.743273 1008.554014 174.429091 798.401287 0 553.642014 0 356.05656 0 179.439833 113.640727 95.70456 288.209455L68.661651 187.205818C63.658015 168.587636 44.551106 157.649455 25.886379 162.513455 7.268197 167.517091-3.786349 186.647273 1.194015 205.288727L50.159833 387.979636C54.325651 403.572364 68.452197 413.835636 83.858742 413.835636ZM1109.860196 790.360436 1060.894378 607.6928C1055.914014 589.097891 1036.807105 578.136436 1018.142378 583.023709L845.52856 629.266618C826.910378 634.270255 815.855832 653.400436 820.836196 672.041891 825.839832 690.660073 844.923469 701.621527 863.611469 696.734255L961.031105 670.598982C895.332196 835.113891 733.121287 947.009164 553.642014 947.009164 341.743832 947.009164 160.356197 795.969164 122.305288 587.864436 118.837651 568.873891 100.56856 556.306618 81.694379 559.797527 62.727106 563.265164 50.183106 581.441164 53.627469 600.408436 97.75256 841.700073 308.021651 1016.827345 553.642014 1016.827345 754.602014 1016.827345 936.687832 895.622982 1017.490742 715.492073L1042.415832 808.443345C1046.581651 824.036073 1060.708196 834.322618 1076.114742 834.322618 1079.116923 834.322618 1082.142378 833.926982 1085.167832 833.135709 1103.786014 828.132073 1114.84056 809.001891 1109.860196 790.360436Z" p-id="3183"></path>
|
|
`,
|
|
},
|
|
more: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M109.714286 621.714286a109.714286 109.714286 0 1 1 0-219.428572 109.714286 109.714286 0 0 1 0 219.428572z m402.285714 0a109.714286 109.714286 0 1 1 0-219.428572 109.714286 109.714286 0 0 1 0 219.428572z m402.285714 0a109.714286 109.714286 0 1 1 0-219.428572 109.714286 109.714286 0 0 1 0 219.428572z" fill="#838487" p-id="3314"></path>
|
|
`,
|
|
},
|
|
caiwu: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M628.058 610.883c15.618-0.329 28.109-13.078 28.109-28.699 0-15.623-12.491-28.377-28.109-28.701h-60.561l57.511-57.51c10.94-11.251 10.814-29.201-0.276-40.293-11.099-11.096-29.052-11.218-40.295-0.281l-71.132 71.125-71.11-71.125c-11.25-10.938-29.201-10.815-40.295 0.281-11.095 11.093-11.221 29.042-0.28 40.293l57.513 57.51h-60.586c-15.853 0-28.699 12.848-28.699 28.701 0 15.847 12.846 28.699 28.699 28.699h86.069v57.348h-86.069c-15.853 0-28.708 12.853-28.708 28.706 0 15.852 12.855 28.705 28.708 28.705h86.069v76.507c0 15.841 12.841 28.685 28.684 28.685 15.845 0 28.689-12.844 28.689-28.685v-76.507h86.068a28.712 28.712 0 0 0 20.299-8.405 28.684 28.684 0 0 0 8.393-20.313 28.65 28.65 0 0 0-8.401-20.291 28.65 28.65 0 0 0-20.29-8.402H541.99v-57.348h86.068z m0 0" p-id="3524"></path><path d="M942.081 681.9c-6.751-186.794-167.086-311.27-242.62-359.756 25.051-27.951 50.199-67.312 56.136-108.461 4.331-29.878-2.33-57.173-19.262-78.956-21.63-27.731-47.304-33.55-65.037-33.55-22.286 0-42.856 9.179-58.817 19.384-18.579-24.93-50.57-53.158-100.207-53.337-0.555 0-1.091 0-1.65 0.034-48.706 0.678-80.192 28.6-98.552 53.283-15.96-10.172-36.542-19.354-58.76-19.354-17.733 0-43.408 5.823-65.04 33.553-16.962 21.783-23.62 49.075-19.292 79.014 5.942 41.145 31.097 80.452 56.137 108.392C249.57 370.63 89.199 495.106 82.452 681.9c-3.333 92.366 18.761 163.851 65.628 212.471 56.764 58.811 132.366 65.171 162.201 65.171h403.956c29.883 0 105.474-6.346 162.234-65.194 46.883-48.62 68.977-120.081 65.61-212.448zM338.544 173.944c7.004-9.023 12.235-9.023 14.753-9.023 15.352 0 36.542 17.277 44.352 25.552a31.648 31.648 0 0 0 29.465 9.526 32.086 32.086 0 0 0 23.75-20.01c0.745-2 18.892-48.174 60.498-49.023 0.347 0.035 0.683 0.035 1.062 0.035 42.072 0.124 60.465 46.989 61.177 48.762a31.871 31.871 0 0 0 23.575 20.263 31.874 31.874 0 0 0 29.606-9.452c7.911-8.375 29.134-25.641 44.502-25.641 2.525 0 7.756 0 14.76 8.987 3.948 5.077 8.934 13.785 6.47 30.654-4.954 34.23-54.442 93.365-54.442 93.365l-251.367 0.159s-49.676-59.105-54.664-93.494c-2.452-16.873 2.522-25.594 6.503-30.66z m492.06 676.133c-39.805 41.268-94.639 45.718-116.355 45.718H310.29c-21.728 0-76.527-4.45-116.333-45.684-34.389-35.669-50.503-91.496-47.838-165.904 6.879-190.212 233.716-324.196 237.608-324.196h255.195c3.608 0 232.598 134.294 239.478 324.196 2.676 74.408-13.373 130.212-47.796 165.87z m0 0" p-id="3525"></path>
|
|
`,
|
|
},
|
|
tongji: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M932 815H92V175h80v560h760z" fill="#2c2c2c" p-id="3986"></path><path d="M439.5 307.1h14.3v319.1h-14.3z" fill="#2c2c2c" p-id="3987"></path><path d="M470.8 267.1h-48.2c-12.7 0-23 10.4-23 23v353.1c0 12.7 10.4 23 23 23h48.2c12.7 0 23-10.4 23-23V290.1c0-12.6-10.4-23-23-23z" fill="#2c2c2c" p-id="3988"></path><path d="M744.1 399.2h14.3v227h-14.3z" fill="#2c2c2c" p-id="3989"></path><path d="M780.7 359.2h-58.9c-9.7 0-17.7 8-17.7 17.7v271.6c0 9.7 8 17.7 17.7 17.7h58.9c9.7 0 17.7-8 17.7-17.7V376.9c0-9.7-7.9-17.7-17.7-17.7z" fill="#2c2c2c" p-id="3990"></path><path d="M591.8 491.3h14.3v134.9h-14.3z" fill="#2c2c2c" p-id="3991"></path><path d="M633.7 451.3h-69.5c-6.8 0-12.4 5.6-12.4 12.4v190.1c0 6.8 5.6 12.4 12.4 12.4h69.5c6.8 0 12.4-5.6 12.4-12.4V463.7c0-6.8-5.6-12.4-12.4-12.4z" fill="#2c2c2c" p-id="3992"></path><path d="M287.2 307.1h14.3v319.1h-14.3z" fill="#2c2c2c" p-id="3993"></path><path d="M318.4 267.1h-48.2c-12.7 0-23 10.4-23 23v353.1c0 12.7 10.4 23 23 23h48.2c12.7 0 23-10.4 23-23V290.1c0.1-12.6-10.3-23-23-23z" fill="#2c2c2c" p-id="3994"></path>
|
|
`,
|
|
},
|
|
shenpi: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M894.1 417.4c-16 0-28.3 12.3-28.3 28.3v358.4c0 47.2-37.7 84.9-84.9 84.9H205.5c-47.2 0-84.9-37.7-84.9-84.9V304.2c0-47.2 37.7-84.9 84.9-84.9h360.3c16 0 28.3-12.3 28.3-28.3s-12.3-28.3-28.3-28.3H205.5C127.2 162.7 64 225.9 64 304.2v499.9c0 78.3 63.2 141.5 141.5 141.5h575.4c78.3 0 141.5-63.2 141.5-141.5V445.7c0-15.1-12.3-28.3-28.3-28.3z m0 0" p-id="3771"></path><path d="M932.7 120.2l-15.1-15.1c-17.9-17.9-41.5-27.4-66-27.4s-48.1 9.4-66 27.4L513 376.8l-66 66c-45.3 45.3-33 143.4-31.1 154.7l2.8 20.8 20.8 2.8c4.7 0.9 22.6 3.8 46.2 3.8 34.9 0 81.1-5.7 108.5-33l338.6-338.6c17.9-17.9 27.4-41.5 27.4-66-0.1-25.6-9.5-49.1-27.5-67.1zM553.6 552.3c-15.1 15.1-54.7 17.9-84 16-0.9-29.2 0.9-68.9 17-84.9l23.6-23.6 67.9 67.9-24.5 24.6z m338.6-339.6L620.5 484.3l-67-67 271.7-271.7c14.1-14.1 38.7-14.1 51.9 0l15.1 15.1c15.1 14.3 15.1 37.8 0 52z m0 0" p-id="3772"></path>
|
|
`,
|
|
},
|
|
svghome: {
|
|
viewBox: "0 0 1024 1024",
|
|
path: `
|
|
<path d="M459.52 127.872a128 128 0 0 1 147.626667 0l277.333333 195.797333a128 128 0 0 1 54.186667 104.533334V810.666667a128 128 0 0 1-128 128H256a128 128 0 0 1-128-128v-382.421334a128 128 0 0 1 54.186667-104.576l277.333333-195.797333z m98.432 69.717333a42.666667 42.666667 0 0 0-49.237333 0l-277.333334 195.797334a42.666667 42.666667 0 0 0-18.048 34.816V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h554.666667a42.666667 42.666667 0 0 0 42.666666-42.666666v-382.421334a42.666667 42.666667 0 0 0-18.048-34.858666l-277.333333-195.797334z" fill="#525252" p-id="1729"></path><path d="M384 618.666667a42.666667 42.666667 0 0 1 42.666667-42.666667h213.333333a42.666667 42.666667 0 0 1 42.666667 42.666667V896a42.666667 42.666667 0 0 1-42.666667 42.666667h-213.333333a42.666667 42.666667 0 0 1-42.666667-42.666667v-277.333333z m85.333333 42.666666V853.333333h128v-192h-128z" fill="#525252" p-id="1730"></path>
|
|
`,
|
|
},
|
|
};
|
|
|
|
export default {
|
|
install(app) {
|
|
app.component("SvgIcon", {
|
|
name: "SvgIcon",
|
|
props: {
|
|
name: { type: String, required: true },
|
|
size: { type: [String, Number], default: 12 },
|
|
color: { type: String, default: "#606266" },
|
|
},
|
|
render() {
|
|
const icon = icons[this.name];
|
|
if (!icon) return null;
|
|
|
|
return h("svg", {
|
|
width: this.size,
|
|
height: this.size,
|
|
viewBox: icon.viewBox,
|
|
fill: this.color,
|
|
xmlns: "http://www.w3.org/2000/svg",
|
|
innerHTML: icon.path,
|
|
});
|
|
},
|
|
});
|
|
},
|
|
};
|