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 • 8.99 kB
JavaScript
import{A as e,C as t,Ct as n,D as r,E as i,J as a,M as o,T as s,Wt as c,Yt as l,ht as u,it as d,k as f,nt as p,t as m,w as h,y as g}from"./i18n.store-B4krJCIS.js";import{lt as _,o as v,x as y}from"./_plugin-vue_export-helper-67n0yneU.js";import{t as b}from"./VTextField-C3PCrz6s.js";import{t as x}from"./VTooltip-UUcBbF8q.js";import{n as S,t as C}from"./redis-state.store-DPDs81ZS.js";import{t as w}from"./common.store-C_dWn4yG.js";import{r as T}from"./main-command.store-8Rm0brAR.js";import{r as E,u as D}from"./index-CBO402jT.js";var O={class:`p3xr-settings-switch-row`},k={class:`p3xr-settings-switch-row`},ee={key:1,style:{"margin-top":`8px`,padding:`12px`,background:`rgba(128,128,128,0.1)`,"border-radius":`4px`,"font-size":`13px`,opacity:`0.8`}},A={class:`p3xr-settings-switch-row`},j={class:`p3xr-settings-switch-row`},M={class:`p3xr-settings-switch-row`},N={class:`p3xr-settings-switch-row`},P={style:{"font-size":`12px`,opacity:`0.7`,"margin-left":`50px`,"margin-top":`-4px`,"margin-bottom":`4px`}},F={class:`p3xr-settings-switch-row`},I={key:0},L=o({__name:`TreeSettingsDialog`,props:{open:{type:Boolean}},emits:[`close`],setup(o,{emit:L}){let R=o,z=L,B=m(),V=t(()=>B.strings),H=S(),U=C(),W=w(),G=T(),{width:K}=_(),q=t(()=>K.value>=600),J={pageCount:{min:10,max:5e3},keyPageCount:{min:5,max:100},maxValueDisplay:{min:-1,max:32768},maxKeys:{min:5,max:1e5}},Y=u({treeSeparator:``,pageCount:250,keyPageCount:5,maxValueDisplay:1024,maxKeys:1e3,keysSort:!0,searchClientSide:!1,searchStartsWith:!1,jsonFormat:!0,animation:!0,undoEnabled:!0,showDiffBeforeSave:!0}),X=u({});p(()=>R.open,e=>{e&&(Y.value={treeSeparator:H.redisTreeDivider,pageCount:H.pageCount,keyPageCount:H.keyPageCount,maxValueDisplay:H.maxValueDisplay,maxKeys:H.maxKeys,keysSort:H.keysSort,searchClientSide:H.searchClientSide,searchStartsWith:H.searchStartsWith,jsonFormat:Number(H.jsonFormat)!==2,animation:H.animation===!0||H.animation===1||String(H.animation)===`1`,undoEnabled:H.undoEnabled,showDiffBeforeSave:H.showDiffBeforeSave},X.value={})});function Z(e,t){Y.value[e]=t;let n=J[e];if(n){let r=Number(t);isNaN(r)||!Number.isInteger(r)?X.value[e]=V.value?.form?.error?.integer:r<n.min||r>n.max?X.value[e]=`${n.min} - ${n.max}`:delete X.value[e]}}function Q(){let e={};for(let[t,n]of Object.entries(J)){let r=Y.value[t],i=Number(r);r===``||r==null?e[t]=V.value?.form?.error?.required:isNaN(i)||!Number.isInteger(i)?e[t]=V.value?.form?.error?.integer:(i<n.min||i>n.max)&&(e[t]=`${n.min} - ${n.max}`)}return X.value=e,Object.keys(e).length===0}async function te(){if(!Q()){W.toast(V.value?.form?.error?.invalid);return}try{let e=Y.value;H.setSetting(`p3xr-main-treecontrol-divider`,e.treeSeparator),H.setSetting(`p3xr-main-treecontrol-page-size`,e.pageCount),H.setSetting(`p3xr-main-key-page-size`,e.keyPageCount),H.setSetting(`p3xr-main-treecontrol-max-value-display`,e.maxValueDisplay),H.setSetting(`p3xr-max-keys`,e.maxKeys),H.setSetting(`p3xr-main-treecontrol-key-sort`,e.keysSort),H.setSetting(`p3xr-main-treecontrol-search-client-mode`,e.searchClientSide),H.setSetting(`p3xr-main-treecontrol-search-starts-with`,e.searchStartsWith),H.setSetting(`p3xr-json-format`,e.jsonFormat?4:2),H.setSetting(`p3xr-animation-settings`,e.animation?`1`:`0`),H.setSetting(`p3xr-undo-enabled`,e.undoEnabled),H.setSetting(`p3xr-show-diff-before-save`,e.showDiffBeforeSave),U.page=1,U.redisChanged=!0,U.connection&&await G.refresh(),W.toast(V.value?.status?.saved),z(`close`)}catch(e){W.generalHandleError(e)}}let $=t(()=>U.reducedFunctions),ne=t(()=>U.keysRaw?.length??0),re=t(()=>U.dbsize??0);return(t,u)=>o.open?(a(),s(E,{key:0,open:!0,title:V.value?.form?.treeSettings?.label?.formName,onClose:u[17]||=e=>z(`close`)},{actions:d(()=>[e(v,{variant:`flat`,color:`warning`,onClick:u[16]||=e=>z(`close`)},{default:d(()=>[e(y,{class:c({"mr-1":q.value})},{default:d(()=>[...u[18]||=[f(`mdi-close-circle`,-1)]]),_:1},8,[`class`]),q.value?(a(),r(`span`,I,l(V.value?.intention?.cancel),1)):i(``,!0),q.value?i(``,!0):(a(),s(x,{key:1,activator:`parent`,location:`top`},{default:d(()=>[f(l(V.value?.intention?.cancel),1)]),_:1}))]),_:1}),e(v,{variant:`flat`,color:`primary`,onClick:te},{default:d(()=>[e(y,{class:`mr-1`},{default:d(()=>[...u[19]||=[f(`mdi-check`,-1)]]),_:1}),h(`span`,null,l(V.value?.intention?.save),1)]),_:1})]),default:d(()=>[e(b,{modelValue:Y.value.treeSeparator,"onUpdate:modelValue":u[0]||=e=>Y.value.treeSeparator=e,label:V.value?.form?.treeSettings?.field?.treeSeparator,variant:`outlined`,density:`comfortable`,"hide-details":``,class:`mb-3`},null,8,[`modelValue`,`label`]),e(b,{modelValue:Y.value.pageCount,"onUpdate:modelValue":[u[1]||=e=>Y.value.pageCount=e,u[2]||=e=>Z(`pageCount`,e)],modelModifiers:{number:!0},label:V.value?.form?.treeSettings?.field?.page,type:`number`,variant:`outlined`,density:`comfortable`,error:!!X.value.pageCount,"error-messages":X.value.pageCount,hint:X.value.pageCount?``:V.value?.form?.treeSettings?.error?.page,"persistent-hint":``,class:`mb-3`},null,8,[`modelValue`,`label`,`error`,`error-messages`,`hint`]),e(b,{modelValue:Y.value.keyPageCount,"onUpdate:modelValue":[u[3]||=e=>Y.value.keyPageCount=e,u[4]||=e=>Z(`keyPageCount`,e)],modelModifiers:{number:!0},label:V.value?.form?.treeSettings?.field?.keyPageCount,type:`number`,variant:`outlined`,density:`comfortable`,error:!!X.value.keyPageCount,"error-messages":X.value.keyPageCount,hint:X.value.keyPageCount?``:V.value?.form?.treeSettings?.error?.keyPageCount,"persistent-hint":``,class:`mb-3`},null,8,[`modelValue`,`label`,`error`,`error-messages`,`hint`]),e(b,{modelValue:Y.value.maxValueDisplay,"onUpdate:modelValue":[u[5]||=e=>Y.value.maxValueDisplay=e,u[6]||=e=>Z(`maxValueDisplay`,e)],modelModifiers:{number:!0},label:V.value?.form?.treeSettings?.maxValueDisplay,type:`number`,variant:`outlined`,density:`comfortable`,error:!!X.value.maxValueDisplay,"error-messages":X.value.maxValueDisplay,hint:X.value.maxValueDisplay?``:V.value?.form?.treeSettings?.maxValueDisplayInfo,"persistent-hint":``,class:`mb-3`},null,8,[`modelValue`,`label`,`error`,`error-messages`,`hint`]),e(b,{modelValue:Y.value.maxKeys,"onUpdate:modelValue":[u[7]||=e=>Y.value.maxKeys=e,u[8]||=e=>Z(`maxKeys`,e)],modelModifiers:{number:!0},label:V.value?.form?.treeSettings?.maxKeys,type:`number`,variant:`outlined`,density:`comfortable`,error:!!X.value.maxKeys,"error-messages":X.value.maxKeys,hint:X.value.maxKeys?``:V.value?.form?.treeSettings?.maxKeysInfo,"persistent-hint":``,class:`mb-3`},null,8,[`modelValue`,`label`,`error`,`error-messages`,`hint`]),$.value?i(``,!0):(a(),r(g,{key:0},[h(`div`,O,[e(D,{modelValue:Y.value.keysSort,"onUpdate:modelValue":u[9]||=e=>Y.value.keysSort=e,label:Y.value.keysSort?V.value?.label?.keysSort?.on:V.value?.label?.keysSort?.off,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])]),h(`div`,k,[e(D,{modelValue:Y.value.searchClientSide,"onUpdate:modelValue":u[10]||=e=>Y.value.searchClientSide=e,disabled:re.value>n(H).maxLightKeysCount,label:Y.value.searchClientSide?V.value?.form?.treeSettings?.label?.searchModeClient:V.value?.form?.treeSettings?.label?.searchModeServer,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`disabled`,`label`])])],64)),$.value?(a(),r(`div`,ee,l(typeof V.value?.label?.tooManyKeys==`function`?V.value.label.tooManyKeys({count:ne.value,maxLightKeysCount:n(H).maxLightKeysCount}):``),1)):i(``,!0),h(`div`,A,[e(D,{modelValue:Y.value.searchStartsWith,"onUpdate:modelValue":u[11]||=e=>Y.value.searchStartsWith=e,label:Y.value.searchStartsWith?V.value?.form?.treeSettings?.label?.searchModeStartsWith:V.value?.form?.treeSettings?.label?.searchModeIncludes,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])]),h(`div`,j,[e(D,{modelValue:Y.value.jsonFormat,"onUpdate:modelValue":u[12]||=e=>Y.value.jsonFormat=e,label:Y.value.jsonFormat?V.value?.form?.treeSettings?.label?.jsonFormatFourSpace:V.value?.form?.treeSettings?.label?.jsonFormatTwoSpace,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])]),h(`div`,M,[e(D,{modelValue:Y.value.animation,"onUpdate:modelValue":u[13]||=e=>Y.value.animation=e,label:Y.value.animation?V.value?.form?.treeSettings?.label?.animation:V.value?.form?.treeSettings?.label?.noAnimation,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])]),h(`div`,N,[e(D,{modelValue:Y.value.undoEnabled,"onUpdate:modelValue":u[14]||=e=>Y.value.undoEnabled=e,label:Y.value.undoEnabled?V.value?.form?.treeSettings?.label?.undoEnabled:V.value?.form?.treeSettings?.label?.undoDisabled,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])]),h(`div`,P,l(V.value?.form?.treeSettings?.undoHint),1),h(`div`,F,[e(D,{modelValue:Y.value.showDiffBeforeSave,"onUpdate:modelValue":u[15]||=e=>Y.value.showDiffBeforeSave=e,label:Y.value.showDiffBeforeSave?V.value?.form?.treeSettings?.label?.diffEnabled:V.value?.form?.treeSettings?.label?.diffDisabled,density:`comfortable`,"hide-details":``},null,8,[`modelValue`,`label`])])]),_:1},8,[`title`])):i(``,!0)}});export{L as t};