t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 927 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),d=require("./index3.js"),f=require("../../_utils/index4.js"),_=e.defineComponent({name:"Ripple"}),m=e.defineComponent({..._,props:d.Props,setup(l){const p=l,s=e.ref(null),r=e.computed(()=>{const{startOpacity:t,endOpacity:n}=p;return{"--f-ripple-start-opacity":t,"--f-ripple-end-opacity":n}}),o=e.computed(()=>{const{noSelect:t}=p;return["f-ripple",{"f-ripple__select":t}]}),i=t=>{const{type:n,ripplesColor:c,duration:a,disabled:u}=p;if(u)return;new f.Ripples(t,s.value,{duration:a,component:"f-ripple",className:"f-ripple__animation",type:n,ripplesColor:c}).clickRipples()};return(t,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"FRipple",ref:s,class:e.normalizeClass(e.unref(o)),style:e.normalizeStyle(e.unref(r)),onClick:i},[e.renderSlot(t.$slots,"default")],6))}});exports.default=m;