UNPKG

@gits-id/icon

Version:

GITS Icon Component

2 lines (1 loc) 1.01 kB
var VIcon=function(l,n,f,m){"use strict";const d=["xxs","xs","sm","md","lg","xl"],_="",u={key:2},s=n.defineComponent({__name:"Icon",props:{name:null,size:{default:"md"}},setup(o){const e=o,t=n.ref(!1),c=n.ref();async function a(){t.value=!0,c.value=await m.loadIcon(e.name).catch(()=>{}),t.value=!1}n.watch(()=>e.name,a);const i=n.computed(()=>`v-icon v-icon--${e.size}`),r=n.computed(()=>d.includes(String(e.size))?{}:{width:e.size,height:e.size});return a(),(p,k)=>t.value?(n.openBlock(),n.createElementBlock("span",{key:0,class:n.normalizeClass(n.unref(i)),style:n.normalizeStyle(n.unref(r))},null,6)):c.value?(n.openBlock(),n.createBlock(n.unref(f.Icon),{key:1,icon:c.value,class:n.normalizeClass(n.unref(i)),style:n.normalizeStyle(n.unref(r))},null,8,["icon","class","style"])):(n.openBlock(),n.createElementBlock("span",u,n.toDisplayString(o.name),1))}}),y="";return l.Icon=s,l.default=s,Object.defineProperties(l,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),l}({},Vue,offline,vue$1);