| 12 |
- import"./index-DF0Gm8tW.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{e}from"./iconfont-DPUoc2h2.js";import{k as l,r as a,d as s,P as o,D as n,R as t,x as c,G as u,F as i,$ as d,a4 as r,i as m,u as p,a3 as v,a6 as f,Q as b,S as y,X as j,E as h}from"./vendor-CgKklJ4r.js";import{_ as x}from"./_plugin-vue_export-helper-BCo6x5W8.js";const k={class:"page-content"},_={class:"form"},C={class:"colors-icon"},V={class:"list"},g={class:"icon-list"},M=["onClick"],N=["innerHTML"],U=x(l({__name:"index",setup(l){const x=a("unicode"),U=[{value:"unicode",label:"Unicode"},{value:"fontClass",label:"Font class"}],E=a([]),F=a(!1);s((()=>{E.value=e()}));const H=()=>{const e=["#2d8cf0","#19be6b","#ff9900","#f24965","#9463f7"];return e[Math.floor(Math.random()*e.length)]},L=()=>F.value?{color:H()}:{color:"var(--art-text-gray-700)"};return(e,l)=>{const a=r,s=v,H=f;return n(),o("div",k,[t("div",_,[c(s,{modelValue:p(x),"onUpdate:modelValue":l[0]||(l[0]=e=>m(x)?x.value=e:null),placeholder:"Select",style:{width:"240px"}},{default:u((()=>[(n(),o(i,null,d(U,(e=>c(a,{key:e.value,label:e.label,value:e.value},null,8,["label","value"]))),64))])),_:1},8,["modelValue"]),t("div",C,[c(H,{modelValue:p(F),"onUpdate:modelValue":l[1]||(l[1]=e=>m(F)?F.value=e:null),label:"彩色图标"},null,8,["modelValue"])])]),t("div",V,[t("ul",g,[(n(!0),o(i,null,d(p(E),(e=>(n(),o("li",{key:e.className,onClick:l=>(e=>{if(!e)return;let l=document.createElement("input");l.setAttribute("value",("unicode"===x.value?e.unicode:e.className)||""),document.body.appendChild(l),l.select(),document.execCommand("copy"),document.body.removeChild(l),h.success("已复制")})(e)},["unicode"===p(x)?(n(),o("i",{key:0,class:"iconfont-sys",innerHTML:e.unicode,style:b(L())},null,12,N)):(n(),o("i",{key:1,class:y(`iconfont-sys ${e.className}`),style:b(L())},null,6)),t("span",null,j("unicode"===p(x)?e.unicode:e.className),1)],8,M)))),128))])])])}}}),[["__scopeId","data-v-1353bda8"]]);export{U as default};
|
