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 • 7.47 kB
import{A as e,C as t,D as n,E as r,I as i,K as a,M as o,Nt as s,T as c,Tt as l,Y as u,Z as d,Zt as f,_ as p,_t as m,at as h,g,lt as _,q as v,rt as y,t as b,u as x,w as S,y as C}from"./i18n.store-Bkc9i0ZB.js";import{t as w}from"./_plugin-vue_export-helper-BZ1AqotW.js";import{t as T}from"./redis-state.store-6nwmGrRG.js";import{t as E}from"./common.store-yJBdXfWc.js";import{i as D}from"./socket.service-CwqYs11N.js";import{C as O,D as k,i as A,w as j,x as M}from"./index-BNz7Rlxf.js";import{d as N}from"./key-type-base-COna9PL5.js";import{t as P}from"./P3xrAccordion-HdyTZEnI.js";i(),_(),x(),s();var F={class:`p3xr-key-type-content`},I={style:{display:`flex`,width:`100%`}},L={style:{flex:`1`,"font-weight":`500`}},R={style:{"word-break":`break-all`}},z={style:{padding:`16px`}},B={class:`p3xr-prob-controls`},ee={style:{display:`flex`,width:`100%`}},te={style:{flex:`1`,"font-weight":`500`}},V=w(o({__name:`KeyProbabilistic`,props:{response:{},value:{},valueBuffer:{},keyName:{},valueFormat:{}},emits:[`refresh`],setup(i,{emit:o}){let s=i,_=o,x=t(()=>b().strings),w=t(()=>T().connection?.readonly===!0),V=E(),H=t(()=>s.response?.type||``),U=m(``),W=m(1),G=m(.5),K=m([]),q=m(!1),J=null,Y=t(()=>{try{let e;if(typeof s.value==`object`&&s.value!==null&&!ArrayBuffer.isView(s.value)?e=s.value:typeof s.value==`string`?e=JSON.parse(s.value):ArrayBuffer.isView(s.value)&&(e=JSON.parse(new TextDecoder().decode(s.value))),e&&typeof e==`object`)return Object.entries(e).map(([e,t])=>({key:e,value:t}))}catch{}return[]});a(()=>{H.value===`topk`&&$()}),v(()=>clearInterval(J)),y(()=>s.value,()=>{H.value===`topk`&&$()}),y(q,e=>{clearInterval(J),e&&(J=setInterval(()=>{_(`refresh`),H.value===`topk`&&$()},1e4))});async function X(){if(U.value.trim())try{await D({action:`probabilistic/add`,payload:{key:s.keyName,type:H.value,item:U.value.trim(),increment:W.value}}),V.toast(N(x.value?.page?.key?.probabilistic?.addedSuccessfully)),U.value=``,_(`refresh`),H.value===`topk`&&$()}catch(e){V.toast(e.message)}}async function Z(){if(U.value.trim())try{let e=(await D({action:`probabilistic/check`,payload:{key:s.keyName,type:H.value,item:U.value.trim()}})).result===1;V.toast(`"${U.value}" — ${N(e?x.value?.page?.key?.probabilistic?.exists:x.value?.page?.key?.probabilistic?.doesNotExist)}`)}catch(e){V.toast(e.message)}}async function ne(){if(U.value.trim())try{await V.confirm({message:N(x.value?.confirm?.delete)}),await D({action:`probabilistic/delete`,payload:{key:s.keyName,type:H.value,item:U.value.trim()}}),V.toast(N(x.value?.page?.key?.probabilistic?.deletedSuccessfully)),U.value=``,_(`refresh`)}catch(e){e?.message&&V.toast(e.message)}}async function re(){if(U.value.trim())try{let e=await D({action:`probabilistic/check`,payload:{key:s.keyName,type:H.value,item:U.value.trim()}}),t=Array.isArray(e.result)?e.result[0]:e.result;V.toast(`"${U.value}" — ${N(x.value?.page?.key?.probabilistic?.topkCount)}: ${t}`)}catch(e){V.toast(e.message)}}async function Q(){try{let e=await D({action:`probabilistic/check`,payload:{key:s.keyName,type:H.value,quantile:G.value}}),t=Array.isArray(e.result)?e.result[0]:e.result;V.toast(`${N(x.value?.page?.key?.probabilistic?.quantile)} ${G.value} = ${t}`)}catch(e){V.toast(e.message)}}async function ie(){try{await V.confirm({message:N(x.value?.page?.key?.probabilistic?.resetConfirm)}),await D({action:`probabilistic/delete`,payload:{key:s.keyName,type:`tdigest`}}),V.toast(`Reset`),_(`refresh`)}catch(e){e?.message&&V.toast(e.message)}}async function $(){try{K.value=(await D({action:`probabilistic/check`,payload:{key:s.keyName,type:`topk`}})).result||[]}catch{K.value=[]}}return(t,i)=>(u(),n(`div`,F,[i[15]||=S(`br`,null,null,-1),e(P,{title:l(N)(x.value?.page?.key?.probabilistic?.info),"accordion-key":`prob-info`},{actions:h(()=>[e(A,{icon:q.value?`mdi-checkbox-marked`:`mdi-checkbox-blank-outline`,label:l(N)(x.value?.label?.autoRefresh),breakpoint:1280,color:`inherit`,onClick:i[0]||=p(e=>q.value=!q.value,[`stop`])},null,8,[`icon`,`label`]),q.value?r(``,!0):(u(),c(A,{key:0,icon:`mdi-refresh`,label:l(N)(x.value?.intention?.refresh),breakpoint:1280,color:`inherit`,onClick:i[1]||=p(e=>{_(`refresh`),H.value===`topk`&&$()},[`stop`])},null,8,[`label`]))]),default:h(()=>[e(O,{density:`compact`},{default:h(()=>[(u(!0),n(C,null,d(Y.value,(t,i)=>(u(),n(C,{key:t.key},[e(j,null,{default:h(()=>[S(`div`,I,[S(`span`,L,f(t.key),1),S(`span`,R,f(String(t.value)),1)])]),_:2},1024),i<Y.value.length-1?(u(),c(k,{key:0})):r(``,!0)],64))),128))]),_:1})]),_:1},8,[`title`]),i[16]||=S(`br`,null,null,-1),e(P,{title:H.value===`topk`?l(N)(x.value?.page?.key?.probabilistic?.topkList):l(N)(x.value?.page?.key?.probabilistic?.addItem),"accordion-key":`prob-actions`},{default:h(()=>[S(`div`,z,[S(`div`,B,[H.value===`tdigest`?(u(),c(M,{key:0,density:`compact`,variant:`outlined`,"hide-details":``,type:`number`,class:`p3xr-ts-field`,label:l(N)(x.value?.form?.key?.field?.value),modelValue:U.value,"onUpdate:modelValue":i[2]||=e=>U.value=e,onKeyup:i[3]||=g(e=>X(),[`enter`])},null,8,[`label`,`modelValue`])):(u(),c(M,{key:1,density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:l(N)(x.value?.page?.key?.probabilistic?.item),modelValue:U.value,"onUpdate:modelValue":i[4]||=e=>U.value=e,onKeyup:i[5]||=g(e=>X(),[`enter`])},null,8,[`label`,`modelValue`])),H.value===`cms`?(u(),c(M,{key:2,density:`compact`,variant:`outlined`,"hide-details":``,type:`number`,style:{"max-width":`120px`},label:l(N)(x.value?.form?.key?.field?.increment),modelValue:W.value,"onUpdate:modelValue":i[6]||=e=>W.value=e,modelModifiers:{number:!0}},null,8,[`label`,`modelValue`])):r(``,!0),H.value===`tdigest`?(u(),c(M,{key:3,density:`compact`,variant:`outlined`,"hide-details":``,type:`number`,step:`0.1`,style:{"max-width":`120px`},label:l(N)(x.value?.page?.key?.probabilistic?.quantile),modelValue:G.value,"onUpdate:modelValue":i[7]||=e=>G.value=e,modelModifiers:{number:!0},onKeyup:i[8]||=g(e=>Q(),[`enter`])},null,8,[`label`,`modelValue`])):r(``,!0),w.value?r(``,!0):(u(),c(A,{key:4,icon:`mdi-plus`,label:l(N)(x.value?.intention?.add),raised:``,color:`primary`,onClick:i[9]||=e=>X()},null,8,[`label`])),H.value===`bloom`||H.value===`cuckoo`?(u(),c(A,{key:5,icon:`mdi-magnify`,label:l(N)(x.value?.page?.key?.probabilistic?.checkItem),raised:``,color:`primary`,onClick:i[10]||=e=>Z()},null,8,[`label`])):r(``,!0),H.value===`cuckoo`&&!w.value?(u(),c(A,{key:6,icon:`mdi-delete`,label:l(N)(x.value?.intention?.delete),raised:``,color:`primary`,onClick:i[11]||=e=>ne()},null,8,[`label`])):r(``,!0),H.value===`cms`?(u(),c(A,{key:7,icon:`mdi-magnify`,label:l(N)(x.value?.page?.key?.probabilistic?.queryCount),raised:``,color:`primary`,onClick:i[12]||=e=>re()},null,8,[`label`])):r(``,!0),H.value===`tdigest`?(u(),c(A,{key:8,icon:`mdi-chart-bar`,label:l(N)(x.value?.page?.key?.probabilistic?.quantile),raised:``,color:`primary`,onClick:i[13]||=e=>Q()},null,8,[`label`])):r(``,!0),H.value===`tdigest`&&!w.value?(u(),c(A,{key:9,icon:`mdi-undo`,label:`Reset`,raised:``,color:`warning`,onClick:i[14]||=e=>ie()})):r(``,!0)])]),H.value===`topk`&&K.value.length>0?(u(),n(C,{key:0},[e(k),e(O,{density:`compact`},{default:h(()=>[(u(!0),n(C,null,d(K.value,(t,i)=>(u(),n(C,{key:i},[e(j,null,{default:h(()=>[S(`div`,ee,[S(`span`,te,f(t.item),1),S(`span`,null,f(t.count),1)])]),_:2},1024),i<K.value.length-1?(u(),c(k,{key:0})):r(``,!0)],64))),128))]),_:1})],64)):r(``,!0)]),_:1},8,[`title`])]))}}),[[`__scopeId`,`data-v-ea9b5633`]]);export{V as default};