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.59 kB
JavaScript
import{A as e,C as t,Ct as n,D as r,E as i,G as a,J as o,K as s,M as c,R as l,T as u,Wt as ee,X as d,Yt as f,_ as p,g as m,ht as h,it as g,k as _,nt as te,t as ne,w as v,y}from"./i18n.store-B-qxQMr8.js";import{t as b,x}from"./_plugin-vue_export-helper-Cw5qm5mn.js";import{c as S,m as C,t as w}from"./VList-mCTikV89.js";import{t as T}from"./VTextField-8aQmyraC.js";import{t as E}from"./VTooltip-C0b2WZo6.js";import{t as re}from"./redis-state.store-DsiC4fU6.js";import{t as ie}from"./common.store-BrR1MJ05.js";import{i as D}from"./socket.service-DpzqLYDp.js";import{i as O}from"./index-Cn1nft6Q.js";import{d as k,r as ae,u as oe}from"./key-type-base-OuqdCVFM.js";import{t as se}from"./KeyPagerInline-Cj1mKmFu.js";import{t as ce}from"./redis-version-BOZyuHOZ.js";import{t as A}from"./P3xrAccordion-CsX4VLoL.js";var le={class:`p3xr-key-type-content`},ue={style:{display:`flex`,width:`100%`}},de={style:{flex:`1`,"font-weight":`500`}},fe={style:{"word-break":`break-all`}},pe={class:`p3xr-key-table-header`},me={style:{flex:`50%`}},he={style:{flex:`20%`}},ge={style:{flex:`30%`,"text-align":`right`,display:`flex`,"justify-content":`flex-end`,"align-items":`center`}},_e={style:{flex:`50%`,overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`}},ve={style:{flex:`20%`,"font-family":`'Roboto Mono', monospace`}},ye={style:{flex:`30%`,"text-align":`right`,"white-space":`nowrap`}},be={key:0,style:{padding:`16px`}},xe={class:`p3xr-vs-controls`},j={style:{padding:`16px`}},Se={class:`p3xr-vs-controls`},Ce={style:{display:`flex`,width:`100%`}},we={style:{flex:`1`,"font-weight":`500`}},M=b(c({__name:`KeyVectorset`,props:{response:{},value:{},valueBuffer:{},keyName:{},valueFormat:{}},emits:[`refresh`],setup(c,{emit:b}){let M=c,N=b,P=t(()=>ne().strings),F=re(),I=t(()=>F.connection?.readonly===!0),L=ie(),R=h([]),z=h(ae(0)),B=h([]),V=h(!1),H=h(``),U=h(``),W=h(10),G=h(``),K=h(``),q=h(!1),J=null,Te=t(()=>ce(F.info?.server?.redis_version).isAtLeast(8,2)),Y=t(()=>{try{let e;if(typeof M.value==`object`&&M.value!==null&&!ArrayBuffer.isView(M.value)?e=M.value:typeof M.value==`string`?e=JSON.parse(M.value):ArrayBuffer.isView(M.value)&&(e=JSON.parse(new TextDecoder().decode(M.value))),e&&typeof e==`object`)return Object.entries(e).map(([e,t])=>({key:e,value:t}))}catch{}return[]});a(()=>X()),s(()=>clearInterval(J)),te(V,e=>{clearInterval(J),e&&(J=setInterval(()=>{N(`refresh`),X()},1e4))});async function X(){try{R.value=(await D({action:`vectorset/elements`,payload:{key:M.keyName}})).elements||[],z.value=oe(z.value,R.value.length)}catch{R.value=[]}}function Z(e){z.value=e}async function Q(){if(K.value.trim())try{B.value=(await D({action:`vectorset/sim`,payload:{key:M.keyName,mode:`element`,element:K.value.trim(),count:W.value,filter:G.value.trim()||void 0}})).results||[],L.toast(k(P.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function Ee(){if(K.value.trim())try{let e=K.value.split(`,`).map(Number);B.value=(await D({action:`vectorset/sim`,payload:{key:M.keyName,mode:`vector`,values:e,count:W.value,filter:G.value.trim()||void 0}})).results||[],L.toast(k(P.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function De(e){try{B.value=(await D({action:`vectorset/sim`,payload:{key:M.keyName,mode:`element`,element:e,count:W.value}})).results||[],L.toast(k(P.value?.page?.key?.vectorset?.searchComplete))}catch(e){L.toast(e.message)}}async function Oe(e){try{let t=(await D({action:`vectorset/getattr`,payload:{key:M.keyName,element:e}})).attributes;L.toast(t&&Object.keys(t).length>0?`${e}: ${JSON.stringify(t)}`:`${e}: ${k(P.value?.page?.key?.vectorset?.noAttributes)}`)}catch(e){e?.message&&L.toast(e.message)}}async function $(){if(!(!H.value.trim()||!U.value.trim()))try{await D({action:`vectorset/add`,payload:{key:M.keyName,element:H.value.trim(),values:U.value.split(`,`).map(Number)}}),L.toast(k(P.value?.page?.key?.vectorset?.addedSuccessfully)),H.value=``,U.value=``,N(`refresh`),X()}catch(e){L.toast(e.message)}}async function ke(e){try{await L.confirm({message:k(P.value?.confirm?.delete)}),await D({action:`vectorset/remove`,payload:{key:M.keyName,element:e}}),L.toast(k(P.value?.page?.key?.vectorset?.deletedSuccessfully)),N(`refresh`),X()}catch(e){e?.message&&L.toast(e.message)}}return(t,a)=>(o(),r(`div`,le,[a[19]||=v(`br`,null,null,-1),e(A,{title:n(k)(P.value?.page?.key?.vectorset?.info),"accordion-key":`vs-info`},{actions:g(()=>[e(O,{icon:V.value?`mdi-checkbox-marked`:`mdi-checkbox-blank-outline`,label:n(k)(P.value?.label?.autoRefresh),breakpoint:1280,color:`inherit`,onClick:a[0]||=p(e=>V.value=!V.value,[`stop`])},null,8,[`icon`,`label`]),V.value?i(``,!0):(o(),u(O,{key:0,icon:`mdi-refresh`,label:n(k)(P.value?.intention?.refresh),breakpoint:1280,color:`inherit`,onClick:a[1]||=p(e=>{N(`refresh`),X()},[`stop`])},null,8,[`label`]))]),default:g(()=>[e(w,{density:`compact`},{default:g(()=>[(o(!0),r(y,null,d(Y.value,(t,n)=>(o(),r(y,{key:t.key},[e(S,null,{default:g(()=>[v(`div`,ue,[v(`span`,de,f(t.key),1),v(`span`,fe,f(String(t.value)),1)])]),_:2},1024),n<Y.value.length-1?(o(),u(C,{key:0})):i(``,!0)],64))),128))]),_:1})]),_:1},8,[`title`]),a[20]||=v(`br`,null,null,-1),e(A,{title:n(k)(P.value?.page?.key?.vectorset?.elements)+` (${R.value.length})`,"accordion-key":`vs-elements`},{default:g(()=>[e(se,{paging:z.value,onPageChanged:Z},null,8,[`paging`]),v(`div`,pe,[v(`span`,me,f(n(k)(P.value?.page?.key?.vectorset?.element)),1),v(`span`,he,f(n(k)(P.value?.page?.key?.vectorset?.score)),1),v(`span`,ge,[I.value?i(``,!0):(o(),u(E,{key:0,text:n(k)(P.value?.intention?.add),location:`top`},{activator:g(({props:t})=>[e(x,l(t,{style:{cursor:`pointer`,color:`inherit`},onClick:a[2]||=e=>q.value=!q.value}),{default:g(()=>[...a[15]||=[_(`mdi-plus`,-1)]]),_:1},16)]),_:1},8,[`text`]))])]),(o(!0),r(y,null,d(R.value.slice(z.value.startIndex,z.value.startIndex+z.value.pageCount),(t,s)=>(o(),r(`div`,{key:t.element,class:ee([`p3xr-vs-row`,{"p3xr-vs-odd":s%2==0}])},[v(`span`,_e,f(t.element),1),v(`span`,ve,f(t.score?.toFixed(4)),1),v(`span`,ye,[e(E,{text:`Find similar`,location:`top`},{activator:g(({props:n})=>[e(x,l({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>{K.value=t.element,De(t.element)}}),{default:g(()=>[...a[16]||=[_(`mdi-magnify`,-1)]]),_:1},16,[`onClick`])]),_:2},1024),e(E,{text:n(k)(P.value?.page?.key?.vectorset?.attributes),location:`top`},{activator:g(({props:n})=>[e(x,l({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>Oe(t.element)}),{default:g(()=>[...a[17]||=[_(`mdi-information`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),I.value?i(``,!0):(o(),u(E,{key:0,text:n(k)(P.value?.intention?.delete),location:`top`},{activator:g(({props:n})=>[e(x,l({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-error))`},onClick:e=>ke(t.element)}),{default:g(()=>[...a[18]||=[_(`mdi-delete`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]))])],2))),128)),!I.value&&q.value?(o(),r(`div`,be,[v(`div`,xe,[e(T,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:n(k)(P.value?.page?.key?.vectorset?.elementName),modelValue:H.value,"onUpdate:modelValue":a[3]||=e=>H.value=e,onKeyup:a[4]||=m(e=>$(),[`enter`])},null,8,[`label`,`modelValue`]),e(T,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:n(k)(P.value?.page?.key?.vectorset?.vectorValues),placeholder:`0.1, 0.2, 0.3`,modelValue:U.value,"onUpdate:modelValue":a[5]||=e=>U.value=e,onKeyup:a[6]||=m(e=>$(),[`enter`])},null,8,[`label`,`modelValue`]),e(O,{icon:`mdi-plus`,label:n(k)(P.value?.intention?.add),raised:``,color:`primary`,onClick:a[7]||=e=>$()},null,8,[`label`])])])):i(``,!0)]),_:1},8,[`title`]),a[21]||=v(`br`,null,null,-1),e(A,{title:n(k)(P.value?.page?.key?.vectorset?.similaritySearch),"accordion-key":`vs-sim`},{default:g(()=>[v(`div`,j,[v(`div`,Se,[e(T,{density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`200px`},label:n(k)(P.value?.page?.key?.vectorset?.searchTerm),modelValue:K.value,"onUpdate:modelValue":a[8]||=e=>K.value=e,onKeyup:a[9]||=m(e=>Q(),[`enter`])},null,8,[`label`,`modelValue`]),e(T,{density:`compact`,variant:`outlined`,"hide-details":``,type:`number`,style:{width:`80px`,"max-width":`80px`},label:n(k)(P.value?.page?.key?.vectorset?.count),modelValue:W.value,"onUpdate:modelValue":a[10]||=e=>W.value=e,modelModifiers:{number:!0}},null,8,[`label`,`modelValue`]),Te.value?(o(),u(T,{key:0,density:`compact`,variant:`outlined`,"hide-details":``,style:{flex:`1`,"min-width":`150px`},label:n(k)(P.value?.page?.key?.vectorset?.filter),placeholder:`attr == 'value'`,modelValue:G.value,"onUpdate:modelValue":a[11]||=e=>G.value=e,onKeyup:a[12]||=m(e=>Q(),[`enter`])},null,8,[`label`,`modelValue`])):i(``,!0),e(O,{icon:`mdi-account`,label:n(k)(P.value?.page?.key?.vectorset?.byElement),raised:``,color:`primary`,onClick:a[13]||=e=>Q()},null,8,[`label`]),e(O,{icon:`mdi-code-array`,label:n(k)(P.value?.page?.key?.vectorset?.byVector),raised:``,color:`primary`,onClick:a[14]||=e=>Ee()},null,8,[`label`])]),B.value.length>0?(o(),r(y,{key:0},[e(C,{class:`my-2`}),e(w,{density:`compact`},{default:g(()=>[(o(!0),r(y,null,d(B.value,(t,n)=>(o(),r(y,{key:n},[e(S,null,{default:g(()=>[v(`div`,Ce,[v(`span`,we,f(t.element),1),v(`span`,null,f(t.score),1)])]),_:2},1024),n<B.value.length-1?(o(),u(C,{key:0})):i(``,!0)],64))),128))]),_:1})],64)):i(``,!0)])]),_:1},8,[`title`])]))}}),[[`__scopeId`,`data-v-d64c748c`]]);export{M as default};