t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 906 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),c=require("./index3.js"),l=require("../../svg-icon/index.js"),i=require("../../_components/svg/index5.js"),d=e.defineComponent({name:"FCloseBtn"}),u=e.defineComponent({...d,props:c.Props,setup(s){const n=s,r=o=>{n.disabled||n.click&&n.click(o)},t=e.computed(()=>[{"f-close-btn":!n.disabled,"f-close-btn__round":n.round,"f-close-btn__disabled":n.disabled}]);return(o,a)=>(e.openBlock(),e.createElementBlock("div",{role:"button",class:e.normalizeClass(e.unref(t)),onClick:r},[e.createVNode(e.unref(l.FSvgIcon),{size:o.size,color:o.color},{default:e.withCtx(()=>[o.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.icon),{key:0})):e.renderSlot(o.$slots,"default",{key:1},()=>[e.createVNode(e.unref(i.default))])]),_:3},8,["size","color"])],2))}});exports.default=u;