t-fighting-design
Version:
Fighting design can quickly build interactive interfaces in vue3 applications, which looks good.
2 lines (1 loc) • 752 B
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),t=require("./index3.js"),r=require("../../svg-icon/index.js"),u=e.defineComponent({name:"FSwap"}),p=e.defineComponent({...u,props:t.Props,emits:t.Emits,setup(i,{emit:a}){const o=i,l=()=>{a("update:modelValue",!o.modelValue),o.onChange&&o.onChange(!o.modelValue)},c=e.computed(()=>{const{modelValue:n,type:s}=o;return["f-swap",n?`f-swap__${s}-on`:`f-swap__${s}-off`]});return(n,s)=>(e.openBlock(),e.createElementBlock("div",{role:"switch",class:e.normalizeClass(e.unref(c)),onClick:l},[e.createVNode(e.unref(r.FSvgIcon),{icon:n.modelValue?n.iconOn:n.iconOff,size:n.size},null,8,["icon","size"])],2))}});exports.default=p;