birdpaper-icon
Version:
基于 Remix icon 生成的 Vue3 图标组件库
2 lines (1 loc) • 1.41 kB
JavaScript
import{defineComponent as m}from"vue";import{computed as i}from"vue";import{createElementVNode as p,normalizeClass as c,normalizeStyle as d,openBlock as f,createElementBlock as u}from"vue";var L=["fill"],k=function(t,e){return f(),u("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",class:c(t.cls),style:d(t.innerStyle),fill:t.fill,onClick:e[0]||(e[0]=(...l)=>t.onClick&&t.onClick(...l))},[...e[1]||(e[1]=[p("path",{d:"m12 2 4.292 4.292 1.061-1.06L16.121 4H20v3.879l-1.233-1.233-1.06 1.061L22 12l-4.292 4.293 1.059 1.059L20 16.121V20h-3.88l1.232-1.233-1.059-1.06L12 22l-4.293-4.293-1.061 1.06L7.879 20H4v-3.88l1.231 1.232 1.061-1.06L2 12l4.293-4.293-1.062-1.061L4 7.879V4h3.879L6.646 5.23l1.062 1.062L12 2Zm0 11.413-2.88 2.879 2.88 2.88 2.879-2.88L12 13.412ZM7.707 9.12 4.828 12l2.878 2.878 2.88-2.88-2.879-2.877Zm8.585 0-2.877 2.878 2.878 2.879L19.172 12l-2.88-2.879ZM12 4.828 9.122 7.707l2.879 2.878 2.877-2.879L12 4.828Z"},null,-1)])],14,L)},v=m({name:"IconCentosLine",render:k,props:{size:{type:String,default:"18px"},fill:{type:String,default:"#595959"},spin:{type:Boolean,default:!1},rotate:{type:Number}},emits:["click"],setup(o,{emit:t}){let e=o,l=t,n="bp-icon",r=i(()=>[n,`${n}-icon-centos-line`,{[`${n}-spin`]:e.spin}]),a=i(()=>({width:e.size,height:e.size,transform:e.rotate?`rotate(${e.rotate}deg)`:void 0}));return{cls:r,innerStyle:a,onClick:s=>l("click",s)}}});export{v as default};