birdpaper-icon
Version:
基于 Remix icon 生成的 Vue3 图标组件库
2 lines (1 loc) • 2.31 kB
JavaScript
import{defineComponent as a}from"vue";import{computed as i}from"vue";import{createElementVNode as p,normalizeClass as m,normalizeStyle as d,openBlock as f,createElementBlock as u}from"vue";var C=["fill"],k=function(t,e){return f(),u("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",class:m(t.cls),style:d(t.innerStyle),fill:t.fill,onClick:e[0]||(e[0]=(...n)=>t.onClick&&t.onClick(...n))},[...e[1]||(e[1]=[p("path",{d:"M8.127 6.22C9.177 5.377 10.499 5 12 5c1.409 0 2.485.33 3.358.834.74.425 1.354 1.007 1.948 1.61.646.657.996.976 1.437 1.086.473.118.873.082 1.239-.074.38-.163.791-.487 1.218-1.056l1.77.843c-.37 1.484-1.047 2.7-2.095 3.538-1.051.84-2.372 1.219-3.875 1.219-1.408 0-2.484-.331-3.357-.834-.834-.48-1.443-1.098-1.92-1.583-.663-.672-1.018-1.001-1.465-1.113-.473-.118-.873-.082-1.239.074-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538ZM12 7c-.828 0-1.495.146-2.033.408 1.32.082 2.181.895 3.057 1.721.504.476 1.013.956 1.617 1.304.56.322 1.29.567 2.36.567.828 0 1.495-.146 2.033-.408-1.32-.083-2.181-.895-3.056-1.721-.505-.476-1.013-.956-1.618-1.304-.559-.322-1.29-.567-2.36-.567Zm-8.874 5.22C4.177 11.377 5.499 11 7 11c1.409 0 2.485.33 3.358.834.74.425 1.354 1.007 1.948 1.61.646.657.996.976 1.437 1.086.473.118.873.083 1.239-.074.38-.163.791-.487 1.218-1.056l1.77.842c-.37 1.485-1.047 2.7-2.095 3.539-1.051.84-2.372 1.219-3.875 1.219-1.408 0-2.484-.331-3.357-.834-.834-.48-1.443-1.098-1.92-1.583-.663-.672-1.018-1.001-1.465-1.113-.473-.118-.873-.083-1.239.074-.38.163-.792.487-1.219 1.056l-1.77-.843c.371-1.484 1.048-2.7 2.096-3.538ZM7 13c-.828 0-1.495.146-2.033.408 1.32.083 2.181.895 3.057 1.721.504.476 1.013.956 1.617 1.304.56.322 1.29.567 2.36.567.828 0 1.495-.146 2.033-.408-1.32-.082-2.181-.895-3.056-1.721-.505-.476-1.014-.956-1.618-1.304-.559-.322-1.29-.567-2.36-.567Z"},null,-1)])],14,C)},B=a({name:"IconTailwindCssLine",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,n=t,l="bp-icon",r=i(()=>[l,`${l}-icon-tailwind-css-line`,{[`${l}-spin`]:e.spin}]),c=i(()=>({width:e.size,height:e.size,transform:e.rotate?`rotate(${e.rotate}deg)`:void 0}));return{cls:r,innerStyle:c,onClick:s=>n("click",s)}}});export{B as default};