t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 862 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),d=require("./index3.js"),p=o.defineComponent({name:"FToolbar"}),f=o.defineComponent({...p,props:d.Props,setup(c){const r=c,l=o.computed(()=>{const{size:e,round:n,fixed:t}=r;return["f-toolbar",{[`f-toolbar__${e}`]:e,"f-toolbar__round":n,"f-toolbar__fixed":t}]}),a=o.computed(()=>{const{textColor:e,background:n,width:t,height:s}=r;return{color:e,background:n,width:t,height:s}}),i=e=>{const t=(e.path||e.composedPath&&e.composedPath()||[]).find(u=>u.className==="f-toolbar-item"),s=t?t.dataset.key:"";r.click&&r.click({evt:e,key:s})};return(e,n)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(o.unref(l)),style:o.normalizeStyle(o.unref(a)),onClick:i},[o.renderSlot(e.$slots,"default")],6))}});exports.default=f;