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 • 5.07 kB
import{A as e,C as t,D as n,E as r,I as i,Kt as a,M as o,Nt as s,T as c,Tt as l,Y as u,Z as ee,Zt as d,_t as f,at as p,k as m,lt as h,rt as g,t as _,w as v,y,z as b}from"./i18n.store-Bkc9i0ZB.js";import{x}from"./_plugin-vue_export-helper-BZ1AqotW.js";import{t as S}from"./redis-state.store-6nwmGrRG.js";import{t as C}from"./common.store-yJBdXfWc.js";import{i as w}from"./socket.service-CwqYs11N.js";import{d as T}from"./index-BNz7Rlxf.js";import{a as te,d as E,n as D,o as O,p as k,r as A,s as ne,u as re}from"./key-type-base-COna9PL5.js";import{t as ie}from"./JsonViewDialog-DFmNO6gL.js";import{t as j}from"./KeyNewOrSetDialog-BuqDvXgd.js";import{t as M}from"./HexMonitor-Bg_4eWTr.js";import{t as N}from"./KeyPagerInline-BJ2uIwfG.js";/* empty css */i(),h(),s();var P={class:`p3xr-key-table-header`},F={style:{flex:`20%`}},I={style:{flex:`60%`}},L={class:`p3xr-key-table-header-actions`},R=[`onClick`],z=[`onClick`],B={key:0,style:{opacity:`0.5`}},V={class:`p3xr-key-table-actions`},H=o({__name:`KeyArray`,props:{response:{},value:{},valueBuffer:{},keyName:{},valueFormat:{}},emits:[`refresh`],setup(i,{emit:o}){let s=i,h=o,H=t(()=>_().strings),U=t(()=>S().connection?.readonly===!0),W=C(),G=f(A(0)),K=f([]),q=f(!1),J=f(null),Y=f(!1),X=f(``);function Z(){return!s.value||typeof s.value!=`object`?[]:Object.keys(s.value).sort((e,t)=>Number(e)-Number(t))}function Q(e){G.value=e,K.value=Z().slice(e.startIndex,e.endIndex).map(e=>({index:e,value:s.value[e]}))}g(()=>s.value,()=>Q(re(G.value,Z().length)),{immediate:!0});function ae(){J.value={type:`append`,model:{type:`array`,key:s.keyName}},q.value=!0}function $(e,t){J.value={type:`edit`,model:{type:`array`,key:s.keyName,index:e,value:t}},q.value=!0}function oe(e){q.value=!1,J.value=null,e&&h(`refresh`)}async function se(e){try{await W.confirm({message:E(H.value?.confirm?.deleteArrayIndex)}),await w({action:`key/array-delete-index`,payload:{key:s.keyName,index:e}}),W.toast(E(H.value?.status?.deletedArrayIndex)),h(`refresh`)}catch(e){e!==void 0&&W.generalHandleError(e)}}return(t,o)=>(u(),n(`div`,null,[e(N,{paging:G.value,onPageChanged:Q},null,8,[`paging`]),v(`div`,P,[v(`span`,F,d(l(E)(H.value?.page?.key?.array?.table?.index)),1),v(`span`,I,d(l(E)(H.value?.page?.key?.array?.table?.value)),1),v(`span`,L,[U.value?r(``,!0):(u(),c(T,{key:0,text:l(E)(H.value?.intention?.add),location:`top`},{activator:p(({props:t})=>[e(x,b(t,{style:{cursor:`pointer`,color:`inherit`},onClick:ae}),{default:p(()=>[...o[1]||=[m(`mdi-plus`,-1)]]),_:1},16)]),_:1},8,[`text`]))])]),(u(!0),n(y,null,ee(K.value,(t,s)=>(u(),n(`div`,{key:t.index,class:a([`p3xr-key-table-row`,{"p3xr-key-table-odd":s%2==0}])},[v(`span`,{style:{flex:`20%`,cursor:`pointer`,overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`,"user-select":`text`},onClick:e=>!U.value&&$(t.index,t.value)},d(t.index),9,R),v(`span`,{class:`p3xr-key-table-value`,onClick:e=>!U.value&&$(t.index,t.value)},[i.valueFormat===`hex`?(u(),c(M,{key:0,value:l(k)(t.value)},null,8,[`value`])):(u(),n(y,{key:1},[m(d(l(k)(l(O)(t.value,i.valueFormat))),1),l(ne)(t.value)?(u(),n(`span`,B,`...`)):r(``,!0)],64))],8,z),v(`span`,V,[U.value?r(``,!0):(u(),c(T,{key:0,text:l(E)(H.value?.intention?.delete),location:`top`},{activator:p(({props:n})=>[e(x,b({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-error))`},onClick:e=>se(t.index)}),{default:p(()=>[...o[2]||=[m(`mdi-delete`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`])),e(T,{text:l(E)(H.value?.intention?.jsonViewShow),location:`top`},{activator:p(({props:n})=>[e(x,b({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>{X.value=String(t.value??``),Y.value=!0}}),{default:p(()=>[...o[3]||=[m(`mdi-file-tree`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),e(T,{text:l(E)(H.value?.intention?.copy),location:`top`},{activator:p(({props:n})=>[e(x,b({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>l(D)(String(t.value??``))}),{default:p(()=>[...o[4]||=[m(`mdi-content-copy`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),e(T,{text:l(E)(H.value?.intention?.downloadBuffer),location:`top`},{activator:p(({props:n})=>[e(x,b({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>l(te)(i.valueBuffer?.[t.index],i.keyName,`${i.keyName}-${t.index}`)}),{default:p(()=>[...o[5]||=[m(`mdi-download`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),U.value?r(``,!0):(u(),c(T,{key:1,text:l(E)(H.value?.intention?.edit),location:`top`},{activator:p(({props:n})=>[e(x,b({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-primary))`},onClick:e=>$(t.index,t.value)}),{default:p(()=>[...o[6]||=[m(`mdi-pencil`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]))])],2))),128)),e(j,{open:q.value,data:J.value,onClose:oe},null,8,[`open`,`data`]),e(ie,{open:Y.value,value:X.value,onClose:o[0]||=e=>Y.value=!1},null,8,[`open`,`value`])]))}});export{H as default};