birdpaper-icon
Version:
基于 Remix icon 生成的 Vue3 图标组件库
2 lines (1 loc) • 2.04 kB
JavaScript
import{defineComponent as p}from"vue";import{computed as i}from"vue";import{createElementVNode as m,normalizeClass as c,normalizeStyle as d,openBlock as f,createElementBlock as u}from"vue";var k=["fill"],y=function(l,e){return f(),u("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",class:c(l.cls),style:d(l.innerStyle),fill:l.fill,onClick:e[0]||(e[0]=(...a)=>l.onClick&&l.onClick(...a))},[...e[1]||(e[1]=[m("path",{d:"M15.526 3.526a3.5 3.5 0 1 1 4.949 4.949l-.17.172a.5.5 0 0 0 0 .707l.17.172a3.5 3.5 0 0 1 0 4.949l-.17.172a.5.5 0 0 0 0 .707l.17.172a3.5 3.5 0 0 1-4.95 4.949l-.171-.17a.5.5 0 0 0-.707 0l-.172.17a3.5 3.5 0 0 1-4.95 0l-.171-.17a.5.5 0 0 0-.707 0l-.172.17a3.5 3.5 0 0 1-4.95-4.95l.172-.171a.5.5 0 0 0 0-.707l-.171-.172a3.5 3.5 0 0 1 0-4.95l.17-.171a.5.5 0 0 0 0-.707l-.17-.172a3.5 3.5 0 1 1 4.949-4.95l.172.172a.5.5 0 0 0 .707 0l.172-.171a3.5 3.5 0 0 1 4.949 0l.172.17a.5.5 0 0 0 .707 0l.172-.17ZM19.06 4.94a1.5 1.5 0 0 0-2.121 0l-.172.172a2.5 2.5 0 0 1-3.535 0l-.172-.172a1.5 1.5 0 0 0-2.121 0l-.172.172a2.5 2.5 0 0 1-3.535 0L7.06 4.94A1.5 1.5 0 1 0 4.94 7.06l.172.173a2.5 2.5 0 0 1 0 3.535l-.172.172a1.5 1.5 0 0 0 0 2.12l.172.173a2.5 2.5 0 0 1 0 3.535l-.172.172a1.5 1.5 0 1 0 2.12 2.12l.173-.171a2.5 2.5 0 0 1 3.535 0l.172.172a1.5 1.5 0 0 0 2.12 0l.173-.172a2.5 2.5 0 0 1 3.535 0l.172.172a1.5 1.5 0 0 0 2.12-2.121l-.171-.172a2.5 2.5 0 0 1 0-3.535l.172-.172a1.5 1.5 0 0 0 0-2.121l-.172-.172a2.5 2.5 0 0 1 0-3.535l.172-.172a1.5 1.5 0 0 0 0-2.121ZM14.5 7.5a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-5a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h5Zm-5 7h5v-5h-5v5Z"},null,-1)])],14,k)},z=p({name:"IconPaintingLine",render:y,props:{size:{type:String,default:"18px"},fill:{type:String,default:"#595959"},spin:{type:Boolean,default:!1},rotate:{type:Number}},emits:["click"],setup(n,{emit:l}){let e=n,a=l,t="bp-icon",s=i(()=>[t,`${t}-icon-painting-line`,{[`${t}-spin`]:e.spin}]),r=i(()=>({width:e.size,height:e.size,transform:e.rotate?`rotate(${e.rotate}deg)`:void 0}));return{cls:s,innerStyle:r,onClick:o=>a("click",o)}}});export{z as default};