p3x-redis-ui-material
Version:
💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity
1 lines • 1.75 kB
JavaScript
import{A as e,C as t,E as n,J as r,M as i,R as a,T as o,Yt as s,it as c,k as l,w as u}from"./i18n.store-Bbsc3Bab.js";import{lt as d,o as f,x as p}from"./_plugin-vue_export-helper-D1H5elb2.js";import{t as m}from"./VTooltip-Cv2PsKY_.js";var h=i({__name:`P3xrButton`,props:{label:{default:``},icon:{},raised:{type:Boolean,default:!1},color:{default:`inherit`},disabled:{type:Boolean,default:!1},tooltipPlacement:{default:`top`},breakpoint:{default:720}},emits:[`click`],setup(i,{emit:h}){let g=i,_=h,{width:v}=d(),y=t(()=>v.value>=g.breakpoint);return(t,d)=>y.value?(r(),o(f,{key:0,variant:i.raised?`flat`:`text`,color:i.color,disabled:i.disabled,onClick:d[0]||=e=>_(`click`,e),style:{gap:`3px`}},{default:c(()=>[i.icon?(r(),o(p,{key:0},{default:c(()=>[l(s(i.icon),1)]),_:1})):n(``,!0),u(`span`,null,s(i.label),1)]),_:1},8,[`variant`,`color`,`disabled`])):i.raised?(r(),o(m,{key:1,text:i.label,location:i.tooltipPlacement},{activator:c(({props:t})=>[e(f,a(t,{color:i.color===`inherit`?`primary`:i.color,disabled:i.disabled,variant:`flat`,size:`small`,onClick:d[1]||=e=>_(`click`,e),style:{"border-radius":`4px`,"box-shadow":`none`,"min-width":`40px`,width:`40px`,height:`36px`,padding:`0`}}),{default:c(()=>[i.icon?(r(),o(p,{key:0},{default:c(()=>[l(s(i.icon),1)]),_:1})):n(``,!0)]),_:1},16,[`color`,`disabled`])]),_:1},8,[`text`,`location`])):(r(),o(m,{key:2,text:i.label,location:i.tooltipPlacement},{activator:c(({props:t})=>[e(f,a(t,{color:i.color,disabled:i.disabled,variant:`text`,icon:``,size:`small`,onClick:d[2]||=e=>_(`click`,e),style:{"border-radius":`4px`,margin:`0`}}),{default:c(()=>[i.icon?(r(),o(p,{key:0},{default:c(()=>[l(s(i.icon),1)]),_:1})):n(``,!0)]),_:1},16,[`color`,`disabled`])]),_:1},8,[`text`,`location`]))}});export{h as t};