UNPKG

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 • 9.12 kB
import{A as e,C as t,E as n,J as r,Kt as i,M as a,R as o,T as s,Wt as c,Yt as l,Z as u,_t as d,at as f,ht as p,it as m,k as h,nt as g,o as _,w as v,y,z as b}from"./i18n.store-Bbsc3Bab.js";import{B as x,Bt as S,Ct as C,F as w,G as T,I as E,L as D,Lt as O,M as k,N as A,P as j,Pt as M,Q as N,R as ee,V as te,Vt as P,W as ne,X as re,Y as ie,Yn as ae,Z as F,_ as oe,a as se,c as I,d as ce,g as le,gn as ue,h as de,ht as fe,j as pe,l as L,lt as R,m as z,n as B,nt as me,o as he,p as ge,rt as _e,vt as V,x as H,z as ve}from"./_plugin-vue_export-helper-D1H5elb2.js";import{n as ye,t as U}from"./VOverlay-CU45m6XG.js";import{o as be,r as xe,t as W}from"./VAvatar-Bo3xpDUh.js";import{t as Se}from"./VToolbar-D9ECjpl2.js";import{_ as Ce}from"./transitions-Bp2Q4Qu5.js";import{n as we}from"./theme-CuJUeSHe.js";var G=P({fullscreen:Boolean,scrollable:Boolean,...ae(ye({captureFocus:!0,origin:`center center`,scrollStrategy:`block`,transition:{component:Ce},zIndex:2400,retainFocus:!0}),[`disableInitialFocus`])},`VDialog`),K=M()({name:`VDialog`,props:G(),emits:{"update:modelValue":e=>!0,afterEnter:()=>!0,afterLeave:()=>!0},setup(t,{emit:n,slots:r}){let i=fe(t,`modelValue`),{scopeId:a}=B(),s=p();function c(){n(`afterEnter`),(t.scrim||t.retainFocus)&&s.value?.contentEl&&!s.value.contentEl.contains(document.activeElement)&&s.value.contentEl.focus({preventScroll:!0})}function l(){n(`afterLeave`)}return g(i,async e=>{e||(await b(),s.value.activatorEl?.focus({preventScroll:!0}))}),C(()=>{let n=U.filterProps(t),u=o({"aria-haspopup":`dialog`},t.activatorProps),d=o({tabindex:-1},t.contentProps);return e(U,o({ref:s,class:[`v-dialog`,{"v-dialog--fullscreen":t.fullscreen,"v-dialog--scrollable":t.scrollable},t.class],style:t.style},n,{modelValue:i.value,"onUpdate:modelValue":e=>i.value=e,"aria-modal":`true`,activatorProps:u,contentProps:d,height:t.fullscreen?void 0:t.height,width:t.fullscreen?void 0:t.width,maxHeight:t.fullscreen?void 0:t.maxHeight,maxWidth:t.fullscreen?void 0:t.maxWidth,role:`dialog`,onAfterEnter:c,onAfterLeave:l},a),{activator:r.activator,default:(...t)=>e(F,{root:`VDialog`},{default:()=>[r.default?.(...t)]})})}),se({},s)}}),Te=P({...S(),...N()},`VCardActions`),q=M()({name:`VCardActions`,props:Te(),setup(t,{slots:n}){return O({VBtn:{slim:!0,variant:`text`}}),C(()=>e(t.tag,{class:c([`v-card-actions`,t.class]),style:i(t.style)},n)),{}}}),Ee=P({opacity:[Number,String],...S(),...N()},`VCardSubtitle`),J=M()({name:`VCardSubtitle`,props:Ee(),setup(t,{slots:n}){return C(()=>e(t.tag,{class:c([`v-card-subtitle`,t.class]),style:i([{"--v-card-subtitle-opacity":t.opacity},t.style])},n)),{}}}),Y=be(`v-card-title`),X=P({appendAvatar:String,appendIcon:V,prependAvatar:String,prependIcon:V,subtitle:{type:[String,Number,Boolean],default:void 0},title:{type:[String,Number,Boolean],default:void 0},...S(),...j(),...N()},`VCardItem`),Z=M()({name:`VCardItem`,props:X(),setup(t,{slots:n}){return C(()=>{let r=!!(t.prependAvatar||t.prependIcon),a=!!(r||n.prepend),o=!!(t.appendAvatar||t.appendIcon),s=!!(o||n.append),u=!!(t.title!=null||n.title),d=!!(t.subtitle!=null||n.subtitle);return e(t.tag,{class:c([`v-card-item`,t.class]),style:i(t.style)},{default:()=>[a&&v(`div`,{key:`prepend`,class:`v-card-item__prepend`},[n.prepend?e(F,{key:`prepend-defaults`,disabled:!r,defaults:{VAvatar:{density:t.density,image:t.prependAvatar},VIcon:{density:t.density,icon:t.prependIcon}}},n.prepend):v(y,null,[t.prependAvatar&&e(W,{key:`prepend-avatar`,density:t.density,image:t.prependAvatar},null),t.prependIcon&&e(H,{key:`prepend-icon`,density:t.density,icon:t.prependIcon},null)])]),v(`div`,{class:`v-card-item__content`},[u&&e(Y,{key:`title`},{default:()=>[n.title?.()??l(t.title)]}),d&&e(J,{key:`subtitle`},{default:()=>[n.subtitle?.()??l(t.subtitle)]}),n.default?.()]),s&&v(`div`,{key:`append`,class:`v-card-item__append`},[n.append?e(F,{key:`append-defaults`,disabled:!o,defaults:{VAvatar:{density:t.density,image:t.appendAvatar},VIcon:{density:t.density,icon:t.appendIcon}}},n.append):v(y,null,[t.appendIcon&&e(H,{key:`append-icon`,density:t.density,icon:t.appendIcon},null),t.appendAvatar&&e(W,{key:`append-avatar`,density:t.density,image:t.appendAvatar},null)])])]})}),{}}}),De=P({opacity:[Number,String],...S(),...N()},`VCardText`),Q=M()({name:`VCardText`,props:De(),setup(t,{slots:n}){return C(()=>e(t.tag,{class:c([`v-card-text`,t.class]),style:i([{"--v-card-text-opacity":t.opacity},t.style])},n)),{}}}),Oe=P({appendAvatar:String,appendIcon:V,disabled:Boolean,flat:Boolean,hover:Boolean,image:String,link:{type:Boolean,default:void 0},prependAvatar:String,prependIcon:V,ripple:{type:[Boolean,Object],default:!0},subtitle:{type:[String,Number,Boolean],default:void 0},text:{type:[String,Number,Boolean],default:void 0},title:{type:[String,Number,Boolean],default:void 0},...x(),...S(),...j(),...ie(),...ee(),...le(),...E(),...ge(),...ne(),...L(),...N(),...me(),...k({variant:`elevated`})},`VCard`),$=M()({name:`VCard`,directives:{vRipple:I},props:Oe(),setup(t,{attrs:n,slots:r}){let{themeClasses:i}=_e(t),{borderClasses:a}=te(t),{colorClasses:s,colorStyles:c,variantClasses:l}=A(t),{densityClasses:u}=w(t),{dimensionStyles:p}=re(t),{elevationClasses:m}=ve(t),{loaderClasses:h}=oe(t),{locationStyles:_}=D(t),{positionClasses:y}=z(t),{roundedClasses:b}=T(t),x=ce(t,n),S=d(void 0);return g(()=>t.loading,(e,t)=>{S.value=!e&&typeof t==`string`?t:typeof e==`boolean`?void 0:e},{immediate:!0}),C(()=>{let n=t.link!==!1&&x.isLink.value,d=!t.disabled&&t.link!==!1&&(t.link||x.isClickable.value),g=n?`a`:t.tag,C=!!(r.title||t.title!=null),w=!!(r.subtitle||t.subtitle!=null),T=C||w,E=!!(r.append||t.appendAvatar||t.appendIcon),D=!!(r.prepend||t.prependAvatar||t.prependIcon),O=!!(r.image||t.image),k=T||D||E,A=!!(r.text||t.text!=null);return f(e(g,o(x.linkProps,{class:[`v-card`,{"v-card--disabled":t.disabled,"v-card--flat":t.flat,"v-card--hover":t.hover&&!(t.disabled||t.flat),"v-card--link":d},i.value,a.value,s.value,u.value,m.value,h.value,y.value,b.value,l.value,t.class],style:[c.value,p.value,_.value,{"--v-card-height":ue(t.height)},t.style],onClick:d&&x.navigate.value,tabindex:t.disabled?-1:void 0}),{default:()=>[O&&v(`div`,{key:`image`,class:`v-card__image`},[r.image?e(F,{key:`image-defaults`,disabled:!t.image,defaults:{VImg:{cover:!0,src:t.image}}},r.image):e(xe,{key:`image-img`,cover:!0,src:t.image},null)]),e(de,{name:`v-card`,active:!!t.loading,color:S.value},{default:r.loader}),k&&e(Z,{key:`item`,prependAvatar:t.prependAvatar,prependIcon:t.prependIcon,title:t.title,subtitle:t.subtitle,appendAvatar:t.appendAvatar,appendIcon:t.appendIcon},{default:r.item,prepend:r.prepend,title:r.title,subtitle:r.subtitle,append:r.append}),A&&e(Q,{key:`text`},{default:()=>[r.text?.()??t.text]}),r.default?.(),r.actions&&e(q,null,{default:r.actions}),pe(d,`v-card`)]}),[[I,d&&t.ripple]])}),{}}}),ke={style:{flex:`1`,display:`flex`,"align-items":`center`,height:`100%`,"padding-left":`12px`,"font-size":`16px`,"font-weight":`500`,overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},Ae=a({__name:`P3xrDialog`,props:{open:{type:Boolean},title:{},icon:{},fullScreenOnMobile:{type:Boolean,default:!0},width:{default:`75vw`},contentPadding:{type:Boolean,default:!0},height:{}},emits:[`close`],setup(a,{emit:o}){let c=a,d=o,{width:f}=R(),{themeKey:p}=_(we()),g=t(()=>f.value<600),y=t(()=>c.fullScreenOnMobile&&g.value),b={enterprise:`#212121`,light:`#263238`,redis:`#b71c1c`,dark:`#212121`,darkNeu:`#263238`,darkoBluo:`#1a237e`,matrix:`#33691e`},x={enterprise:`#9e9e9e`,light:`#b0bec5`,redis:`#ef9a9a`,dark:`#9e9e9e`,darkNeu:`#90a4ae`,darkoBluo:`#3f51b5`,matrix:`#76ff03`},S=t(()=>b[p.value]),C=t(()=>p.value===`matrix`?`#0a2e0d`:x[p.value]);return(t,o)=>(r(),s(K,{"model-value":a.open,"onUpdate:modelValue":o[1]||=e=>{e||d(`close`)},fullscreen:y.value,"max-width":y.value?void 0:a.width,width:y.value?void 0:a.width,scrollable:``},{default:m(()=>[e($,{style:i({maxHeight:y.value?void 0:`calc(100vh - 64px)`,display:`flex`,flexDirection:`column`,overflow:`hidden`,...a.height&&!y.value?{height:a.height}:{}})},{default:m(()=>[e(Se,{density:`compact`,style:i({backgroundColor:S.value,color:`rgba(255,255,255,0.87)`,flexShrink:0,boxShadow:`none`,height:`48px`,minHeight:`48px`,maxHeight:`48px`})},{default:m(()=>[v(`div`,ke,[a.icon?(r(),s(H,{key:0,size:`20`,style:{"margin-right":`8px`}},{default:m(()=>[h(l(a.icon),1)]),_:1})):n(``,!0),h(` `+l(a.title),1)]),u(t.$slots,`headerActions`),e(he,{icon:``,variant:`text`,color:`inherit`,size:`small`,onClick:o[0]||=e=>d(`close`),style:{margin:`0`}},{default:m(()=>[e(H,null,{default:m(()=>[...o[2]||=[h(`mdi-close`,-1)]]),_:1})]),_:1})]),_:3},8,[`style`]),e(Q,{style:i({flex:`1 1 auto`,minHeight:0,overflow:`auto`,padding:a.contentPadding?`16px`:`0`})},{default:m(()=>[u(t.$slots,`default`)]),_:3},8,[`style`]),t.$slots.actions?(r(),s(q,{key:0,style:i({flexShrink:0,backgroundColor:C.value,gap:`8px`,padding:`8px`,justifyContent:`flex-end`})},{default:m(()=>[u(t.$slots,`actions`)]),_:3},8,[`style`])):n(``,!0)]),_:3},8,[`style`])]),_:3},8,[`model-value`,`fullscreen`,`max-width`,`width`]))}});export{Y as a,K as c,Z as i,G as l,$ as n,J as o,Q as r,q as s,Ae as t};