Compare commits
4 Commits
acd3fa9304
...
54864fe7d5
| Author | SHA1 | Date |
|---|---|---|
tiny-craft
|
54864fe7d5 | |
|
tiny-craft
|
1cf893149a | |
|
tiny-craft
|
5b4683a735 | |
|
tiny-craft
|
6f5ea748f5 |
|
|
@ -2,6 +2,7 @@ build/bin
|
|||
node_modules
|
||||
frontend/dist
|
||||
frontend/wailsjs
|
||||
frontend/package.json.md5
|
||||
design/
|
||||
.vscode
|
||||
.idea
|
||||
|
|
|
|||
|
|
@ -0,0 +1,160 @@
|
|||
package services
|
||||
|
||||
import (
|
||||
"context"
|
||||
"fmt"
|
||||
"github.com/redis/go-redis/v9"
|
||||
"github.com/wailsapp/wails/v2/pkg/runtime"
|
||||
"strings"
|
||||
"sync"
|
||||
"tinyrdm/backend/types"
|
||||
sliceutil "tinyrdm/backend/utils/slice"
|
||||
strutil "tinyrdm/backend/utils/string"
|
||||
)
|
||||
|
||||
type cliService struct {
|
||||
ctx context.Context
|
||||
ctxCancel context.CancelFunc
|
||||
mutex sync.Mutex
|
||||
clients map[string]redis.UniversalClient
|
||||
selectedDB map[string]int
|
||||
}
|
||||
|
||||
type cliOutput struct {
|
||||
Content string `json:"content"` // output content
|
||||
Prompt string `json:"prompt,omitempty"` // new line prompt, empty if not ready to input
|
||||
}
|
||||
|
||||
var cli *cliService
|
||||
var onceCli sync.Once
|
||||
|
||||
func Cli() *cliService {
|
||||
if cli == nil {
|
||||
onceCli.Do(func() {
|
||||
cli = &cliService{
|
||||
clients: map[string]redis.UniversalClient{},
|
||||
selectedDB: map[string]int{},
|
||||
}
|
||||
})
|
||||
}
|
||||
return cli
|
||||
}
|
||||
|
||||
func (c *cliService) runCommand(server, data string) {
|
||||
if cmds := strings.Split(data, " "); len(cmds) > 0 && len(cmds[0]) > 0 {
|
||||
if client, err := c.getRedisClient(server); err == nil {
|
||||
args := sliceutil.Map(cmds, func(i int) any {
|
||||
return cmds[i]
|
||||
})
|
||||
if result, err := client.Do(c.ctx, args...).Result(); err == nil || err == redis.Nil {
|
||||
if strings.ToLower(cmds[0]) == "select" {
|
||||
// switch database
|
||||
if db, ok := strutil.AnyToInt(cmds[1]); ok {
|
||||
c.selectedDB[server] = db
|
||||
}
|
||||
}
|
||||
|
||||
c.echo(server, strutil.AnyToString(result), true)
|
||||
} else {
|
||||
c.echoError(server, err.Error())
|
||||
}
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
c.echoReady(server)
|
||||
}
|
||||
|
||||
func (c *cliService) echo(server, data string, newLineReady bool) {
|
||||
output := cliOutput{
|
||||
Content: data,
|
||||
}
|
||||
if newLineReady {
|
||||
output.Prompt = fmt.Sprintf("%s:db%d> ", server, c.selectedDB[server])
|
||||
}
|
||||
runtime.EventsEmit(c.ctx, "cmd:output:"+server, output)
|
||||
}
|
||||
|
||||
func (c *cliService) echoReady(server string) {
|
||||
c.echo(server, "", true)
|
||||
}
|
||||
|
||||
func (c *cliService) echoError(server, data string) {
|
||||
c.echo(server, "\x1b[31m"+data+"\x1b[0m", true)
|
||||
}
|
||||
|
||||
func (c *cliService) getRedisClient(server string) (redis.UniversalClient, error) {
|
||||
c.mutex.Lock()
|
||||
defer c.mutex.Unlock()
|
||||
|
||||
client, ok := c.clients[server]
|
||||
if !ok {
|
||||
var err error
|
||||
conf := Connection().getConnection(server)
|
||||
if conf == nil {
|
||||
return nil, fmt.Errorf("no connection profile named: %s", server)
|
||||
}
|
||||
if client, err = Connection().createRedisClient(conf.ConnectionConfig); err != nil {
|
||||
return nil, err
|
||||
}
|
||||
c.clients[server] = client
|
||||
}
|
||||
return client, nil
|
||||
}
|
||||
|
||||
func (c *cliService) Start(ctx context.Context) {
|
||||
c.ctx, c.ctxCancel = context.WithCancel(ctx)
|
||||
}
|
||||
|
||||
// StartCli start a cli session
|
||||
func (c *cliService) StartCli(server string, db int) (resp types.JSResp) {
|
||||
client, err := c.getRedisClient(server)
|
||||
if err != nil {
|
||||
resp.Msg = err.Error()
|
||||
return
|
||||
}
|
||||
client.Do(c.ctx, "select", db)
|
||||
c.selectedDB[server] = db
|
||||
|
||||
// monitor input
|
||||
runtime.EventsOn(c.ctx, "cmd:input:"+server, func(data ...interface{}) {
|
||||
if len(data) > 0 {
|
||||
if str, ok := data[0].(string); ok {
|
||||
c.runCommand(server, str)
|
||||
return
|
||||
}
|
||||
}
|
||||
c.echoReady(server)
|
||||
})
|
||||
|
||||
// echo prefix
|
||||
c.echoReady(server)
|
||||
resp.Success = true
|
||||
return
|
||||
}
|
||||
|
||||
// CloseCli close cli session
|
||||
func (c *cliService) CloseCli(server string) (resp types.JSResp) {
|
||||
c.mutex.Lock()
|
||||
defer c.mutex.Unlock()
|
||||
|
||||
if client, ok := c.clients[server]; ok {
|
||||
client.Close()
|
||||
delete(c.clients, server)
|
||||
delete(c.selectedDB, server)
|
||||
}
|
||||
runtime.EventsOff(c.ctx, "cmd:input:"+server)
|
||||
resp.Success = true
|
||||
return
|
||||
}
|
||||
|
||||
// CloseAll close all cli sessions
|
||||
func (c *cliService) CloseAll() {
|
||||
if c.ctxCancel != nil {
|
||||
c.ctxCancel()
|
||||
}
|
||||
|
||||
for server := range c.clients {
|
||||
c.CloseCli(server)
|
||||
}
|
||||
}
|
||||
|
|
@ -71,7 +71,7 @@ func (c *connectionService) Start(ctx context.Context) {
|
|||
c.ctx = ctx
|
||||
}
|
||||
|
||||
func (c *connectionService) Stop(ctx context.Context) {
|
||||
func (c *connectionService) Stop() {
|
||||
for _, item := range c.connMap {
|
||||
if item.client != nil {
|
||||
item.cancelFunc()
|
||||
|
|
@ -307,9 +307,13 @@ func (c *connectionService) ListConnection() (resp types.JSResp) {
|
|||
return
|
||||
}
|
||||
|
||||
func (c *connectionService) getConnection(name string) *types.Connection {
|
||||
return c.conns.GetConnection(name)
|
||||
}
|
||||
|
||||
// GetConnection get connection profile by name
|
||||
func (c *connectionService) GetConnection(name string) (resp types.JSResp) {
|
||||
conn := c.conns.GetConnection(name)
|
||||
conn := c.getConnection(name)
|
||||
resp.Success = conn != nil
|
||||
resp.Data = conn
|
||||
return
|
||||
|
|
|
|||
|
|
@ -0,0 +1,107 @@
|
|||
package strutil
|
||||
|
||||
import (
|
||||
"encoding/json"
|
||||
"strconv"
|
||||
sliceutil "tinyrdm/backend/utils/slice"
|
||||
)
|
||||
|
||||
func AnyToString(value interface{}) (s string) {
|
||||
if value == nil {
|
||||
return
|
||||
}
|
||||
|
||||
switch value.(type) {
|
||||
case float64:
|
||||
ft := value.(float64)
|
||||
s = strconv.FormatFloat(ft, 'f', -1, 64)
|
||||
case float32:
|
||||
ft := value.(float32)
|
||||
s = strconv.FormatFloat(float64(ft), 'f', -1, 64)
|
||||
case int:
|
||||
it := value.(int)
|
||||
s = strconv.Itoa(it)
|
||||
case uint:
|
||||
it := value.(uint)
|
||||
s = strconv.Itoa(int(it))
|
||||
case int8:
|
||||
it := value.(int8)
|
||||
s = strconv.Itoa(int(it))
|
||||
case uint8:
|
||||
it := value.(uint8)
|
||||
s = strconv.Itoa(int(it))
|
||||
case int16:
|
||||
it := value.(int16)
|
||||
s = strconv.Itoa(int(it))
|
||||
case uint16:
|
||||
it := value.(uint16)
|
||||
s = strconv.Itoa(int(it))
|
||||
case int32:
|
||||
it := value.(int32)
|
||||
s = strconv.Itoa(int(it))
|
||||
case uint32:
|
||||
it := value.(uint32)
|
||||
s = strconv.Itoa(int(it))
|
||||
case int64:
|
||||
it := value.(int64)
|
||||
s = strconv.FormatInt(it, 10)
|
||||
case uint64:
|
||||
it := value.(uint64)
|
||||
s = strconv.FormatUint(it, 10)
|
||||
case string:
|
||||
s = value.(string)
|
||||
case bool:
|
||||
val, _ := value.(bool)
|
||||
if val {
|
||||
s = "True"
|
||||
} else {
|
||||
s = "False"
|
||||
}
|
||||
case []byte:
|
||||
s = string(value.([]byte))
|
||||
case []string:
|
||||
ss := value.([]string)
|
||||
anyStr := sliceutil.Map(ss, func(i int) string {
|
||||
str := AnyToString(ss[i])
|
||||
return strconv.Itoa(i+1) + ") \"" + str + "\""
|
||||
})
|
||||
s = sliceutil.JoinString(anyStr, "\r\n")
|
||||
case []any:
|
||||
as := value.([]any)
|
||||
anyItems := sliceutil.Map(as, func(i int) string {
|
||||
str := AnyToString(as[i])
|
||||
return strconv.Itoa(i+1) + ") \"" + str + "\""
|
||||
})
|
||||
s = sliceutil.JoinString(anyItems, "\r\n")
|
||||
default:
|
||||
b, _ := json.Marshal(value)
|
||||
s = string(b)
|
||||
}
|
||||
|
||||
return
|
||||
}
|
||||
|
||||
//func AnyToHex(val any) (string, bool) {
|
||||
// var src string
|
||||
// switch val.(type) {
|
||||
// case string:
|
||||
// src = val.(string)
|
||||
// case []byte:
|
||||
// src = string(val.([]byte))
|
||||
// }
|
||||
//
|
||||
// if len(src) <= 0 {
|
||||
// return "", false
|
||||
// }
|
||||
//
|
||||
// var output strings.Builder
|
||||
// for i := range src {
|
||||
// if !utf8.ValidString(src[i : i+1]) {
|
||||
// output.WriteString(fmt.Sprintf("\\x%02x", src[i:i+1]))
|
||||
// } else {
|
||||
// output.WriteString(src[i : i+1])
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// return output.String(), true
|
||||
//}
|
||||
|
|
@ -12,15 +12,17 @@
|
|||
"highlight.js": "^11.9.0",
|
||||
"lodash": "^4.17.21",
|
||||
"pinia": "^2.1.7",
|
||||
"sass": "^1.69.4",
|
||||
"vue": "^3.3.6",
|
||||
"vue-i18n": "^9.5.0"
|
||||
"sass": "^1.69.5",
|
||||
"vue": "^3.3.7",
|
||||
"vue-i18n": "^9.6.0",
|
||||
"xterm": "^5.3.0",
|
||||
"xterm-addon-fit": "^0.8.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.4.0",
|
||||
"naive-ui": "^2.35.0",
|
||||
"prettier": "^3.0.3",
|
||||
"unplugin-auto-import": "^0.16.6",
|
||||
"unplugin-auto-import": "^0.16.7",
|
||||
"unplugin-icons": "^0.17.1",
|
||||
"unplugin-vue-components": "^0.25.2",
|
||||
"vite": "^4.5.0"
|
||||
|
|
@ -462,23 +464,23 @@
|
|||
}
|
||||
},
|
||||
"node_modules/@intlify/core-base": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.5.0.tgz",
|
||||
"integrity": "sha512-y3ufM1RJbI/DSmJf3lYs9ACq3S/iRvaSsE3rPIk0MGH7fp+JxU6rdryv/EYcwfcr3Y1aHFlCBir6S391hRZ57w==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.6.0.tgz",
|
||||
"integrity": "sha512-9xWsUFrQq4iP1amH3cEIlUHsCXO541RGRDfrKqaDhlYvMbf2qTzpSjqeL3kWw1b+rC8XWHw+cgZXa4VPdOzqfg==",
|
||||
"dependencies": {
|
||||
"@intlify/message-compiler": "9.5.0",
|
||||
"@intlify/shared": "9.5.0"
|
||||
"@intlify/message-compiler": "9.6.0",
|
||||
"@intlify/shared": "9.6.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
}
|
||||
},
|
||||
"node_modules/@intlify/message-compiler": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.5.0.tgz",
|
||||
"integrity": "sha512-CAhVNfEZcOVFg0/5MNyt+OFjvs4J/ARjCj2b+54/FvFP0EDJI5lIqMTSDBE7k0atMROSP0SvWCkwu/AZ5xkK1g==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.6.0.tgz",
|
||||
"integrity": "sha512-GucIIYA2H86gdf/lKHAahfLpyYm9Q1IUc/yUEMk8wwwfrzBwuYmTDg90ooed7eRVx2N/omyDyuhKV4cRp3b+DQ==",
|
||||
"dependencies": {
|
||||
"@intlify/shared": "9.5.0",
|
||||
"@intlify/shared": "9.6.0",
|
||||
"source-map-js": "^1.0.2"
|
||||
},
|
||||
"engines": {
|
||||
|
|
@ -486,9 +488,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/@intlify/shared": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.5.0.tgz",
|
||||
"integrity": "sha512-tAxV14LMXZDZbu32XzLMTsowNlgJNmLwWHYzvMUl6L8gvQeoYiZONjY7AUsqZW8TOZDX9lfvF6adPkk9FSRdDA==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.6.0.tgz",
|
||||
"integrity": "sha512-vZeID7kn10rhgRYZQvjULTOYXDGnC0j49HI0AD9CK08aj4nWmlPai/8awTsMg0qrfHVMTna8ZMNmBZNyFAUCfA==",
|
||||
"engines": {
|
||||
"node": ">= 16"
|
||||
}
|
||||
|
|
@ -540,9 +542,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/@rollup/pluginutils": {
|
||||
"version": "5.0.4",
|
||||
"resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz",
|
||||
"integrity": "sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==",
|
||||
"version": "5.0.5",
|
||||
"resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.0.5.tgz",
|
||||
"integrity": "sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@types/estree": "^1.0.0",
|
||||
|
|
@ -553,7 +555,7 @@
|
|||
"node": ">=14.0.0"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"rollup": "^1.20.0||^2.0.0||^3.0.0"
|
||||
"rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
|
||||
},
|
||||
"peerDependenciesMeta": {
|
||||
"rollup": {
|
||||
|
|
@ -602,36 +604,36 @@
|
|||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-core": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.6.tgz",
|
||||
"integrity": "sha512-2JNjemwaNwf+MkkatATVZi7oAH1Hx0B04DdPH3ZoZ8vKC1xZVP7nl4HIsk8XYd3r+/52sqqoz9TWzYc3yE9dqA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.7.tgz",
|
||||
"integrity": "sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==",
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"source-map-js": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-dom": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.6.tgz",
|
||||
"integrity": "sha512-1MxXcJYMHiTPexjLAJUkNs/Tw2eDf2tY3a0rL+LfuWyiKN2s6jvSwywH3PWD8bKICjfebX3GWx2Os8jkRDq3Ng==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.7.tgz",
|
||||
"integrity": "sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==",
|
||||
"dependencies": {
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-sfc": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.6.tgz",
|
||||
"integrity": "sha512-/Kms6du2h1VrXFreuZmlvQej8B1zenBqIohP0690IUBkJjsFvJxY0crcvVRJ0UhMgSR9dewB+khdR1DfbpArJA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.7.tgz",
|
||||
"integrity": "sha512-7pfldWy/J75U/ZyYIXRVqvLRw3vmfxDo2YLMwVtWVNew8Sm8d6wodM+OYFq4ll/UxfqVr0XKiVwti32PCrruAw==",
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/compiler-ssr": "3.3.6",
|
||||
"@vue/reactivity-transform": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/compiler-ssr": "3.3.7",
|
||||
"@vue/reactivity-transform": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"magic-string": "^0.30.5",
|
||||
"postcss": "^8.4.31",
|
||||
|
|
@ -639,12 +641,12 @@
|
|||
}
|
||||
},
|
||||
"node_modules/@vue/compiler-ssr": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.6.tgz",
|
||||
"integrity": "sha512-QTIHAfDCHhjXlYGkUg5KH7YwYtdUM1vcFl/FxFDlD6d0nXAmnjizka3HITp8DGudzHndv2PjKVS44vqqy0vP4w==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.7.tgz",
|
||||
"integrity": "sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==",
|
||||
"dependencies": {
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/devtools-api": {
|
||||
|
|
@ -653,41 +655,41 @@
|
|||
"integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
|
||||
},
|
||||
"node_modules/@vue/reactivity": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.6.tgz",
|
||||
"integrity": "sha512-gtChAumfQz5lSy5jZXfyXbKrIYPf9XEOrIr6rxwVyeWVjFhJwmwPLtV6Yis+M9onzX++I5AVE9j+iPH60U+B8Q==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.7.tgz",
|
||||
"integrity": "sha512-cZNVjWiw00708WqT0zRpyAgduG79dScKEPYJXq2xj/aMtk3SKvL3FBt2QKUlh6EHBJ1m8RhBY+ikBUzwc7/khg==",
|
||||
"dependencies": {
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/reactivity-transform": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.6.tgz",
|
||||
"integrity": "sha512-RlJl4dHfeO7EuzU1iJOsrlqWyJfHTkJbvYz/IOJWqu8dlCNWtxWX377WI0VsbAgBizjwD+3ZjdnvSyyFW1YVng==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.7.tgz",
|
||||
"integrity": "sha512-APhRmLVbgE1VPGtoLQoWBJEaQk4V8JUsqrQihImVqKT+8U6Qi3t5ATcg4Y9wGAPb3kIhetpufyZ1RhwbZCIdDA==",
|
||||
"dependencies": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"magic-string": "^0.30.5"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/runtime-core": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.6.tgz",
|
||||
"integrity": "sha512-qp7HTP1iw1UW2ZGJ8L3zpqlngrBKvLsDAcq5lA6JvEXHmpoEmjKju7ahM9W2p/h51h0OT5F2fGlP/gMhHOmbUA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.7.tgz",
|
||||
"integrity": "sha512-LHq9du3ubLZFdK/BP0Ysy3zhHqRfBn80Uc+T5Hz3maFJBGhci1MafccnL3rpd5/3wVfRHAe6c+PnlO2PAavPTQ==",
|
||||
"dependencies": {
|
||||
"@vue/reactivity": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/reactivity": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/runtime-dom": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.6.tgz",
|
||||
"integrity": "sha512-AoX3Cp8NqMXjLbIG9YR6n/pPLWE9TiDdk6wTJHFnl2GpHzDFH1HLBC9wlqqQ7RlnvN3bVLpzPGAAH00SAtOxHg==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.7.tgz",
|
||||
"integrity": "sha512-PFQU1oeJxikdDmrfoNQay5nD4tcPNYixUBruZzVX/l0eyZvFKElZUjW4KctCcs52nnpMGO6UDK+jF5oV4GT5Lw==",
|
||||
"dependencies": {
|
||||
"@vue/runtime-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/runtime-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"csstype": "^3.1.2"
|
||||
}
|
||||
},
|
||||
|
|
@ -697,21 +699,21 @@
|
|||
"integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
|
||||
},
|
||||
"node_modules/@vue/server-renderer": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.6.tgz",
|
||||
"integrity": "sha512-kgLoN43W4ERdZ6dpyy+gnk2ZHtcOaIr5Uc/WUP5DRwutgvluzu2pudsZGoD2b7AEJHByUVMa9k6Sho5lLRCykw==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.7.tgz",
|
||||
"integrity": "sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==",
|
||||
"dependencies": {
|
||||
"@vue/compiler-ssr": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-ssr": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"vue": "3.3.6"
|
||||
"vue": "3.3.7"
|
||||
}
|
||||
},
|
||||
"node_modules/@vue/shared": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.6.tgz",
|
||||
"integrity": "sha512-Xno5pEqg8SVhomD0kTSmfh30ZEmV/+jZtyh39q6QflrjdJCXah5lrnOLi9KB6a5k5aAHXMXjoMnxlzUkCNfWLQ=="
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.7.tgz",
|
||||
"integrity": "sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg=="
|
||||
},
|
||||
"node_modules/acorn": {
|
||||
"version": "8.10.0",
|
||||
|
|
@ -1545,9 +1547,9 @@
|
|||
}
|
||||
},
|
||||
"node_modules/sass": {
|
||||
"version": "1.69.4",
|
||||
"resolved": "https://registry.npmmirror.com/sass/-/sass-1.69.4.tgz",
|
||||
"integrity": "sha512-+qEreVhqAy8o++aQfCJwp0sklr2xyEzkm9Pp/Igu9wNPoe7EZEQ8X/MBvvXggI2ql607cxKg/RKOwDj6pp2XDA==",
|
||||
"version": "1.69.5",
|
||||
"resolved": "https://registry.npmmirror.com/sass/-/sass-1.69.5.tgz",
|
||||
"integrity": "sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==",
|
||||
"dependencies": {
|
||||
"chokidar": ">=3.0.0 <4.0.0",
|
||||
"immutable": "^4.0.0",
|
||||
|
|
@ -1658,9 +1660,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"node_modules/unimport": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.3.0.tgz",
|
||||
"integrity": "sha512-3jhq3ZG5hFZzrWGDCpx83kjPzefP/EeuKkIO1T0MA4Zwj+dO/Og1mFvZ4aZ5WSDm0FVbbdVIRH1zKBG7c4wOpg==",
|
||||
"version": "3.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.4.0.tgz",
|
||||
"integrity": "sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@rollup/pluginutils": "^5.0.4",
|
||||
|
|
@ -1668,12 +1670,12 @@
|
|||
"fast-glob": "^3.3.1",
|
||||
"local-pkg": "^0.4.3",
|
||||
"magic-string": "^0.30.3",
|
||||
"mlly": "^1.4.1",
|
||||
"mlly": "^1.4.2",
|
||||
"pathe": "^1.1.1",
|
||||
"pkg-types": "^1.0.3",
|
||||
"scule": "^1.0.0",
|
||||
"strip-literal": "^1.3.0",
|
||||
"unplugin": "^1.4.0"
|
||||
"unplugin": "^1.5.0"
|
||||
}
|
||||
},
|
||||
"node_modules/unplugin": {
|
||||
|
|
@ -1689,19 +1691,19 @@
|
|||
}
|
||||
},
|
||||
"node_modules/unplugin-auto-import": {
|
||||
"version": "0.16.6",
|
||||
"resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.16.6.tgz",
|
||||
"integrity": "sha512-M+YIITkx3C/Hg38hp8HmswP5mShUUyJOzpifv7RTlAbeFlO2Tyw0pwrogSSxnipHDPTtI8VHFBpkYkNKzYSuyA==",
|
||||
"version": "0.16.7",
|
||||
"resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz",
|
||||
"integrity": "sha512-w7XmnRlchq6YUFJVFGSvG1T/6j8GrdYN6Em9Wf0Ye+HXgD/22kont+WnuCAA0UaUoxtuvRR1u/mXKy63g/hfqQ==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"@antfu/utils": "^0.7.5",
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"fast-glob": "^3.3.0",
|
||||
"local-pkg": "^0.4.3",
|
||||
"magic-string": "^0.30.1",
|
||||
"minimatch": "^9.0.2",
|
||||
"unimport": "^3.0.14",
|
||||
"unplugin": "^1.3.2"
|
||||
"@antfu/utils": "^0.7.6",
|
||||
"@rollup/pluginutils": "^5.0.5",
|
||||
"fast-glob": "^3.3.1",
|
||||
"local-pkg": "^0.5.0",
|
||||
"magic-string": "^0.30.5",
|
||||
"minimatch": "^9.0.3",
|
||||
"unimport": "^3.4.0",
|
||||
"unplugin": "^1.5.0"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
|
|
@ -1719,6 +1721,19 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"node_modules/unplugin-auto-import/node_modules/local-pkg": {
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
|
||||
"integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
|
||||
"dev": true,
|
||||
"dependencies": {
|
||||
"mlly": "^1.4.2",
|
||||
"pkg-types": "^1.0.3"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=14"
|
||||
}
|
||||
},
|
||||
"node_modules/unplugin-icons": {
|
||||
"version": "0.17.1",
|
||||
"resolved": "https://registry.npmmirror.com/unplugin-icons/-/unplugin-icons-0.17.1.tgz",
|
||||
|
|
@ -1882,15 +1897,15 @@
|
|||
}
|
||||
},
|
||||
"node_modules/vue": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.3.6.tgz",
|
||||
"integrity": "sha512-jJIDETeWJnoY+gfn4ZtMPMS5KtbP4ax+CT4dcQFhTnWEk8xMupFyQ0JxL28nvT/M4+p4a0ptxaV2WY0LiIxvRg==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.3.7.tgz",
|
||||
"integrity": "sha512-YEMDia1ZTv1TeBbnu6VybatmSteGOS3A3YgfINOfraCbf85wdKHzscD6HSS/vB4GAtI7sa1XPX7HcQaJ1l24zA==",
|
||||
"dependencies": {
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/compiler-sfc": "3.3.6",
|
||||
"@vue/runtime-dom": "3.3.6",
|
||||
"@vue/server-renderer": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/compiler-sfc": "3.3.7",
|
||||
"@vue/runtime-dom": "3.3.7",
|
||||
"@vue/server-renderer": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
},
|
||||
"peerDependencies": {
|
||||
"typescript": "*"
|
||||
|
|
@ -1902,12 +1917,12 @@
|
|||
}
|
||||
},
|
||||
"node_modules/vue-i18n": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.5.0.tgz",
|
||||
"integrity": "sha512-NiI3Ph1qMstNf7uhYh8trQBOBFLxeJgcOxBq51pCcZ28Vs18Y7BDS58r8HGDKCYgXdLUYqPDXdKatIF4bvBVZg==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.6.0.tgz",
|
||||
"integrity": "sha512-DSUaHmc2qpXpB0oeHXrW4JtOXnzpmAeaPopDIlubRyXkxIdbzGTsQekZYrCoI3rCEouYKwD1tIw01/YYSYqWAw==",
|
||||
"dependencies": {
|
||||
"@intlify/core-base": "9.5.0",
|
||||
"@intlify/shared": "9.5.0",
|
||||
"@intlify/core-base": "9.6.0",
|
||||
"@intlify/shared": "9.6.0",
|
||||
"@vue/devtools-api": "^6.5.0"
|
||||
},
|
||||
"engines": {
|
||||
|
|
@ -1965,6 +1980,19 @@
|
|||
"node": ">= 8"
|
||||
}
|
||||
},
|
||||
"node_modules/xterm": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/xterm/-/xterm-5.3.0.tgz",
|
||||
"integrity": "sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg=="
|
||||
},
|
||||
"node_modules/xterm-addon-fit": {
|
||||
"version": "0.8.0",
|
||||
"resolved": "https://registry.npmmirror.com/xterm-addon-fit/-/xterm-addon-fit-0.8.0.tgz",
|
||||
"integrity": "sha512-yj3Np7XlvxxhYF/EJ7p3KHaMt6OdwQ+HDu573Vx1lRXsVxOcnVJs51RgjZOouIZOczTsskaS+CpXspK81/DLqw==",
|
||||
"peerDependencies": {
|
||||
"xterm": "^5.0.0"
|
||||
}
|
||||
},
|
||||
"node_modules/yocto-queue": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
|
||||
|
|
@ -2201,27 +2229,27 @@
|
|||
}
|
||||
},
|
||||
"@intlify/core-base": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.5.0.tgz",
|
||||
"integrity": "sha512-y3ufM1RJbI/DSmJf3lYs9ACq3S/iRvaSsE3rPIk0MGH7fp+JxU6rdryv/EYcwfcr3Y1aHFlCBir6S391hRZ57w==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/core-base/-/core-base-9.6.0.tgz",
|
||||
"integrity": "sha512-9xWsUFrQq4iP1amH3cEIlUHsCXO541RGRDfrKqaDhlYvMbf2qTzpSjqeL3kWw1b+rC8XWHw+cgZXa4VPdOzqfg==",
|
||||
"requires": {
|
||||
"@intlify/message-compiler": "9.5.0",
|
||||
"@intlify/shared": "9.5.0"
|
||||
"@intlify/message-compiler": "9.6.0",
|
||||
"@intlify/shared": "9.6.0"
|
||||
}
|
||||
},
|
||||
"@intlify/message-compiler": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.5.0.tgz",
|
||||
"integrity": "sha512-CAhVNfEZcOVFg0/5MNyt+OFjvs4J/ARjCj2b+54/FvFP0EDJI5lIqMTSDBE7k0atMROSP0SvWCkwu/AZ5xkK1g==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/message-compiler/-/message-compiler-9.6.0.tgz",
|
||||
"integrity": "sha512-GucIIYA2H86gdf/lKHAahfLpyYm9Q1IUc/yUEMk8wwwfrzBwuYmTDg90ooed7eRVx2N/omyDyuhKV4cRp3b+DQ==",
|
||||
"requires": {
|
||||
"@intlify/shared": "9.5.0",
|
||||
"@intlify/shared": "9.6.0",
|
||||
"source-map-js": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"@intlify/shared": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.5.0.tgz",
|
||||
"integrity": "sha512-tAxV14LMXZDZbu32XzLMTsowNlgJNmLwWHYzvMUl6L8gvQeoYiZONjY7AUsqZW8TOZDX9lfvF6adPkk9FSRdDA=="
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/@intlify/shared/-/shared-9.6.0.tgz",
|
||||
"integrity": "sha512-vZeID7kn10rhgRYZQvjULTOYXDGnC0j49HI0AD9CK08aj4nWmlPai/8awTsMg0qrfHVMTna8ZMNmBZNyFAUCfA=="
|
||||
},
|
||||
"@jridgewell/sourcemap-codec": {
|
||||
"version": "1.4.15",
|
||||
|
|
@ -2261,9 +2289,9 @@
|
|||
}
|
||||
},
|
||||
"@rollup/pluginutils": {
|
||||
"version": "5.0.4",
|
||||
"resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.0.4.tgz",
|
||||
"integrity": "sha512-0KJnIoRI8A+a1dqOYLxH8vBf8bphDmty5QvIm2hqm7oFCFYKCAZWWd2hXgMibaPsNDhI0AtpYfQZJG47pt/k4g==",
|
||||
"version": "5.0.5",
|
||||
"resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.0.5.tgz",
|
||||
"integrity": "sha512-6aEYR910NyP73oHiJglti74iRyOwgFU4x3meH/H8OJx6Ry0j6cOVZ5X/wTvub7G7Ao6qaHBEaNsV3GLJkSsF+Q==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@types/estree": "^1.0.0",
|
||||
|
|
@ -2306,36 +2334,36 @@
|
|||
"requires": {}
|
||||
},
|
||||
"@vue/compiler-core": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.6.tgz",
|
||||
"integrity": "sha512-2JNjemwaNwf+MkkatATVZi7oAH1Hx0B04DdPH3ZoZ8vKC1xZVP7nl4HIsk8XYd3r+/52sqqoz9TWzYc3yE9dqA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.3.7.tgz",
|
||||
"integrity": "sha512-pACdY6YnTNVLXsB86YD8OF9ihwpolzhhtdLVHhBL6do/ykr6kKXNYABRtNMGrsQXpEXXyAdwvWWkuTbs4MFtPQ==",
|
||||
"requires": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"source-map-js": "^1.0.2"
|
||||
}
|
||||
},
|
||||
"@vue/compiler-dom": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.6.tgz",
|
||||
"integrity": "sha512-1MxXcJYMHiTPexjLAJUkNs/Tw2eDf2tY3a0rL+LfuWyiKN2s6jvSwywH3PWD8bKICjfebX3GWx2Os8jkRDq3Ng==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.3.7.tgz",
|
||||
"integrity": "sha512-0LwkyJjnUPssXv/d1vNJ0PKfBlDoQs7n81CbO6Q0zdL7H1EzqYRrTVXDqdBVqro0aJjo/FOa1qBAPVI4PGSHBw==",
|
||||
"requires": {
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"@vue/compiler-sfc": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.6.tgz",
|
||||
"integrity": "sha512-/Kms6du2h1VrXFreuZmlvQej8B1zenBqIohP0690IUBkJjsFvJxY0crcvVRJ0UhMgSR9dewB+khdR1DfbpArJA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.3.7.tgz",
|
||||
"integrity": "sha512-7pfldWy/J75U/ZyYIXRVqvLRw3vmfxDo2YLMwVtWVNew8Sm8d6wodM+OYFq4ll/UxfqVr0XKiVwti32PCrruAw==",
|
||||
"requires": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/compiler-ssr": "3.3.6",
|
||||
"@vue/reactivity-transform": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/compiler-ssr": "3.3.7",
|
||||
"@vue/reactivity-transform": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"magic-string": "^0.30.5",
|
||||
"postcss": "^8.4.31",
|
||||
|
|
@ -2343,12 +2371,12 @@
|
|||
}
|
||||
},
|
||||
"@vue/compiler-ssr": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.6.tgz",
|
||||
"integrity": "sha512-QTIHAfDCHhjXlYGkUg5KH7YwYtdUM1vcFl/FxFDlD6d0nXAmnjizka3HITp8DGudzHndv2PjKVS44vqqy0vP4w==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.3.7.tgz",
|
||||
"integrity": "sha512-TxOfNVVeH3zgBc82kcUv+emNHo+vKnlRrkv8YvQU5+Y5LJGJwSNzcmLUoxD/dNzv0bhQ/F0s+InlgV0NrApJZg==",
|
||||
"requires": {
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"@vue/devtools-api": {
|
||||
|
|
@ -2357,41 +2385,41 @@
|
|||
"integrity": "sha512-o9KfBeaBmCKl10usN4crU53fYtC1r7jJwdGKjPT24t348rHxgfpZ0xL3Xm/gLUYnc0oTp8LAmrxOeLyu6tbk2Q=="
|
||||
},
|
||||
"@vue/reactivity": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.6.tgz",
|
||||
"integrity": "sha512-gtChAumfQz5lSy5jZXfyXbKrIYPf9XEOrIr6rxwVyeWVjFhJwmwPLtV6Yis+M9onzX++I5AVE9j+iPH60U+B8Q==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.3.7.tgz",
|
||||
"integrity": "sha512-cZNVjWiw00708WqT0zRpyAgduG79dScKEPYJXq2xj/aMtk3SKvL3FBt2QKUlh6EHBJ1m8RhBY+ikBUzwc7/khg==",
|
||||
"requires": {
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"@vue/reactivity-transform": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.6.tgz",
|
||||
"integrity": "sha512-RlJl4dHfeO7EuzU1iJOsrlqWyJfHTkJbvYz/IOJWqu8dlCNWtxWX377WI0VsbAgBizjwD+3ZjdnvSyyFW1YVng==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.3.7.tgz",
|
||||
"integrity": "sha512-APhRmLVbgE1VPGtoLQoWBJEaQk4V8JUsqrQihImVqKT+8U6Qi3t5ATcg4Y9wGAPb3kIhetpufyZ1RhwbZCIdDA==",
|
||||
"requires": {
|
||||
"@babel/parser": "^7.23.0",
|
||||
"@vue/compiler-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/compiler-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"estree-walker": "^2.0.2",
|
||||
"magic-string": "^0.30.5"
|
||||
}
|
||||
},
|
||||
"@vue/runtime-core": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.6.tgz",
|
||||
"integrity": "sha512-qp7HTP1iw1UW2ZGJ8L3zpqlngrBKvLsDAcq5lA6JvEXHmpoEmjKju7ahM9W2p/h51h0OT5F2fGlP/gMhHOmbUA==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.3.7.tgz",
|
||||
"integrity": "sha512-LHq9du3ubLZFdK/BP0Ysy3zhHqRfBn80Uc+T5Hz3maFJBGhci1MafccnL3rpd5/3wVfRHAe6c+PnlO2PAavPTQ==",
|
||||
"requires": {
|
||||
"@vue/reactivity": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/reactivity": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"@vue/runtime-dom": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.6.tgz",
|
||||
"integrity": "sha512-AoX3Cp8NqMXjLbIG9YR6n/pPLWE9TiDdk6wTJHFnl2GpHzDFH1HLBC9wlqqQ7RlnvN3bVLpzPGAAH00SAtOxHg==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.3.7.tgz",
|
||||
"integrity": "sha512-PFQU1oeJxikdDmrfoNQay5nD4tcPNYixUBruZzVX/l0eyZvFKElZUjW4KctCcs52nnpMGO6UDK+jF5oV4GT5Lw==",
|
||||
"requires": {
|
||||
"@vue/runtime-core": "3.3.6",
|
||||
"@vue/shared": "3.3.6",
|
||||
"@vue/runtime-core": "3.3.7",
|
||||
"@vue/shared": "3.3.7",
|
||||
"csstype": "^3.1.2"
|
||||
},
|
||||
"dependencies": {
|
||||
|
|
@ -2403,18 +2431,18 @@
|
|||
}
|
||||
},
|
||||
"@vue/server-renderer": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.6.tgz",
|
||||
"integrity": "sha512-kgLoN43W4ERdZ6dpyy+gnk2ZHtcOaIr5Uc/WUP5DRwutgvluzu2pudsZGoD2b7AEJHByUVMa9k6Sho5lLRCykw==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.3.7.tgz",
|
||||
"integrity": "sha512-UlpKDInd1hIZiNuVVVvLgxpfnSouxKQOSE2bOfQpBuGwxRV/JqqTCyyjXUWiwtVMyeRaZhOYYqntxElk8FhBhw==",
|
||||
"requires": {
|
||||
"@vue/compiler-ssr": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-ssr": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"@vue/shared": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.6.tgz",
|
||||
"integrity": "sha512-Xno5pEqg8SVhomD0kTSmfh30ZEmV/+jZtyh39q6QflrjdJCXah5lrnOLi9KB6a5k5aAHXMXjoMnxlzUkCNfWLQ=="
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.3.7.tgz",
|
||||
"integrity": "sha512-N/tbkINRUDExgcPTBvxNkvHGu504k8lzlNQRITVnm6YjOjwa4r0nnbd4Jb01sNpur5hAllyRJzSK5PvB9PPwRg=="
|
||||
},
|
||||
"acorn": {
|
||||
"version": "8.10.0",
|
||||
|
|
@ -3046,9 +3074,9 @@
|
|||
}
|
||||
},
|
||||
"sass": {
|
||||
"version": "1.69.4",
|
||||
"resolved": "https://registry.npmmirror.com/sass/-/sass-1.69.4.tgz",
|
||||
"integrity": "sha512-+qEreVhqAy8o++aQfCJwp0sklr2xyEzkm9Pp/Igu9wNPoe7EZEQ8X/MBvvXggI2ql607cxKg/RKOwDj6pp2XDA==",
|
||||
"version": "1.69.5",
|
||||
"resolved": "https://registry.npmmirror.com/sass/-/sass-1.69.5.tgz",
|
||||
"integrity": "sha512-qg2+UCJibLr2LCVOt3OlPhr/dqVHWOa9XtZf2OjbLs/T4VPSJ00udtgJxH3neXZm+QqX8B+3cU7RaLqp1iVfcQ==",
|
||||
"requires": {
|
||||
"chokidar": ">=3.0.0 <4.0.0",
|
||||
"immutable": "^4.0.0",
|
||||
|
|
@ -3135,9 +3163,9 @@
|
|||
"dev": true
|
||||
},
|
||||
"unimport": {
|
||||
"version": "3.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.3.0.tgz",
|
||||
"integrity": "sha512-3jhq3ZG5hFZzrWGDCpx83kjPzefP/EeuKkIO1T0MA4Zwj+dO/Og1mFvZ4aZ5WSDm0FVbbdVIRH1zKBG7c4wOpg==",
|
||||
"version": "3.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/unimport/-/unimport-3.4.0.tgz",
|
||||
"integrity": "sha512-M/lfFEgufIT156QAr/jWHLUn55kEmxBBiQsMxvRSIbquwmeJEyQYgshHDEvQDWlSJrVOOTAgnJ3FvlsrpGkanA==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@rollup/pluginutils": "^5.0.4",
|
||||
|
|
@ -3145,12 +3173,12 @@
|
|||
"fast-glob": "^3.3.1",
|
||||
"local-pkg": "^0.4.3",
|
||||
"magic-string": "^0.30.3",
|
||||
"mlly": "^1.4.1",
|
||||
"mlly": "^1.4.2",
|
||||
"pathe": "^1.1.1",
|
||||
"pkg-types": "^1.0.3",
|
||||
"scule": "^1.0.0",
|
||||
"strip-literal": "^1.3.0",
|
||||
"unplugin": "^1.4.0"
|
||||
"unplugin": "^1.5.0"
|
||||
}
|
||||
},
|
||||
"unplugin": {
|
||||
|
|
@ -3166,19 +3194,31 @@
|
|||
}
|
||||
},
|
||||
"unplugin-auto-import": {
|
||||
"version": "0.16.6",
|
||||
"resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.16.6.tgz",
|
||||
"integrity": "sha512-M+YIITkx3C/Hg38hp8HmswP5mShUUyJOzpifv7RTlAbeFlO2Tyw0pwrogSSxnipHDPTtI8VHFBpkYkNKzYSuyA==",
|
||||
"version": "0.16.7",
|
||||
"resolved": "https://registry.npmmirror.com/unplugin-auto-import/-/unplugin-auto-import-0.16.7.tgz",
|
||||
"integrity": "sha512-w7XmnRlchq6YUFJVFGSvG1T/6j8GrdYN6Em9Wf0Ye+HXgD/22kont+WnuCAA0UaUoxtuvRR1u/mXKy63g/hfqQ==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"@antfu/utils": "^0.7.5",
|
||||
"@rollup/pluginutils": "^5.0.2",
|
||||
"fast-glob": "^3.3.0",
|
||||
"local-pkg": "^0.4.3",
|
||||
"magic-string": "^0.30.1",
|
||||
"minimatch": "^9.0.2",
|
||||
"unimport": "^3.0.14",
|
||||
"unplugin": "^1.3.2"
|
||||
"@antfu/utils": "^0.7.6",
|
||||
"@rollup/pluginutils": "^5.0.5",
|
||||
"fast-glob": "^3.3.1",
|
||||
"local-pkg": "^0.5.0",
|
||||
"magic-string": "^0.30.5",
|
||||
"minimatch": "^9.0.3",
|
||||
"unimport": "^3.4.0",
|
||||
"unplugin": "^1.5.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"local-pkg": {
|
||||
"version": "0.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.5.0.tgz",
|
||||
"integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"mlly": "^1.4.2",
|
||||
"pkg-types": "^1.0.3"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"unplugin-icons": {
|
||||
|
|
@ -3257,24 +3297,24 @@
|
|||
}
|
||||
},
|
||||
"vue": {
|
||||
"version": "3.3.6",
|
||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.3.6.tgz",
|
||||
"integrity": "sha512-jJIDETeWJnoY+gfn4ZtMPMS5KtbP4ax+CT4dcQFhTnWEk8xMupFyQ0JxL28nvT/M4+p4a0ptxaV2WY0LiIxvRg==",
|
||||
"version": "3.3.7",
|
||||
"resolved": "https://registry.npmmirror.com/vue/-/vue-3.3.7.tgz",
|
||||
"integrity": "sha512-YEMDia1ZTv1TeBbnu6VybatmSteGOS3A3YgfINOfraCbf85wdKHzscD6HSS/vB4GAtI7sa1XPX7HcQaJ1l24zA==",
|
||||
"requires": {
|
||||
"@vue/compiler-dom": "3.3.6",
|
||||
"@vue/compiler-sfc": "3.3.6",
|
||||
"@vue/runtime-dom": "3.3.6",
|
||||
"@vue/server-renderer": "3.3.6",
|
||||
"@vue/shared": "3.3.6"
|
||||
"@vue/compiler-dom": "3.3.7",
|
||||
"@vue/compiler-sfc": "3.3.7",
|
||||
"@vue/runtime-dom": "3.3.7",
|
||||
"@vue/server-renderer": "3.3.7",
|
||||
"@vue/shared": "3.3.7"
|
||||
}
|
||||
},
|
||||
"vue-i18n": {
|
||||
"version": "9.5.0",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.5.0.tgz",
|
||||
"integrity": "sha512-NiI3Ph1qMstNf7uhYh8trQBOBFLxeJgcOxBq51pCcZ28Vs18Y7BDS58r8HGDKCYgXdLUYqPDXdKatIF4bvBVZg==",
|
||||
"version": "9.6.0",
|
||||
"resolved": "https://registry.npmmirror.com/vue-i18n/-/vue-i18n-9.6.0.tgz",
|
||||
"integrity": "sha512-DSUaHmc2qpXpB0oeHXrW4JtOXnzpmAeaPopDIlubRyXkxIdbzGTsQekZYrCoI3rCEouYKwD1tIw01/YYSYqWAw==",
|
||||
"requires": {
|
||||
"@intlify/core-base": "9.5.0",
|
||||
"@intlify/shared": "9.5.0",
|
||||
"@intlify/core-base": "9.6.0",
|
||||
"@intlify/shared": "9.6.0",
|
||||
"@vue/devtools-api": "^6.5.0"
|
||||
}
|
||||
},
|
||||
|
|
@ -3314,6 +3354,17 @@
|
|||
"isexe": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"xterm": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://registry.npmmirror.com/xterm/-/xterm-5.3.0.tgz",
|
||||
"integrity": "sha512-8QqjlekLUFTrU6x7xck1MsPzPA571K5zNqWm0M0oroYEWVOptZ0+ubQSkQ3uxIEhcIHRujJy6emDWX4A7qyFzg=="
|
||||
},
|
||||
"xterm-addon-fit": {
|
||||
"version": "0.8.0",
|
||||
"resolved": "https://registry.npmmirror.com/xterm-addon-fit/-/xterm-addon-fit-0.8.0.tgz",
|
||||
"integrity": "sha512-yj3Np7XlvxxhYF/EJ7p3KHaMt6OdwQ+HDu573Vx1lRXsVxOcnVJs51RgjZOouIZOczTsskaS+CpXspK81/DLqw==",
|
||||
"requires": {}
|
||||
},
|
||||
"yocto-queue": {
|
||||
"version": "0.1.0",
|
||||
"resolved": "https://registry.npmmirror.com/yocto-queue/-/yocto-queue-0.1.0.tgz",
|
||||
|
|
|
|||
|
|
@ -13,15 +13,17 @@
|
|||
"highlight.js": "^11.9.0",
|
||||
"lodash": "^4.17.21",
|
||||
"pinia": "^2.1.7",
|
||||
"sass": "^1.69.4",
|
||||
"vue": "^3.3.6",
|
||||
"vue-i18n": "^9.5.0"
|
||||
"sass": "^1.69.5",
|
||||
"vue": "^3.3.7",
|
||||
"vue-i18n": "^9.6.0",
|
||||
"xterm": "^5.3.0",
|
||||
"xterm-addon-fit": "^0.8.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vitejs/plugin-vue": "^4.4.0",
|
||||
"naive-ui": "^2.35.0",
|
||||
"prettier": "^3.0.3",
|
||||
"unplugin-auto-import": "^0.16.6",
|
||||
"unplugin-auto-import": "^0.16.7",
|
||||
"unplugin-icons": "^0.17.1",
|
||||
"unplugin-vue-components": "^0.25.2",
|
||||
"vite": "^4.5.0"
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
bc30c6eabdfdaebcae482c47907c6546
|
||||
7c3f3d30a242641f2f308ca9c3a8e4f1
|
||||
|
|
|
|||
|
|
@ -1,16 +1,19 @@
|
|||
<script setup>
|
||||
import { computed, onMounted, onUnmounted, reactive, watch } from 'vue'
|
||||
import { types } from '@/consts/support_redis_type.js'
|
||||
import ContentValueHash from '@/components/content_value/ContentValueHash.vue'
|
||||
import ContentValueList from '@/components/content_value/ContentValueList.vue'
|
||||
import ContentValueString from '@/components/content_value/ContentValueString.vue'
|
||||
import ContentValueSet from '@/components/content_value/ContentValueSet.vue'
|
||||
import ContentValueZset from '@/components/content_value/ContentValueZSet.vue'
|
||||
import { get, isEmpty, keyBy, map, size, toUpper } from 'lodash'
|
||||
import useTabStore from 'stores/tab.js'
|
||||
import useConnectionStore from 'stores/connections.js'
|
||||
import ContentServerStatus from '@/components/content_value/ContentServerStatus.vue'
|
||||
import ContentValueStream from '@/components/content_value/ContentValueStream.vue'
|
||||
import Status from '@/components/icons/Status.vue'
|
||||
import { useThemeVars } from 'naive-ui'
|
||||
import { BrowserTabType } from '@/consts/browser_tab_type.js'
|
||||
import Terminal from '@/components/icons/Terminal.vue'
|
||||
import Log from '@/components/icons/Log.vue'
|
||||
import Detail from '@/components/icons/Detail.vue'
|
||||
import ContentValueWrapper from '@/components/content_value/ContentValueWrapper.vue'
|
||||
import ContentCli from '@/components/content_value/ContentCli.vue'
|
||||
|
||||
const themeVars = useThemeVars()
|
||||
|
||||
/**
|
||||
* @typedef {Object} ServerStatusItem
|
||||
|
|
@ -112,15 +115,6 @@ onUnmounted(() => {
|
|||
clearInterval(intervalId)
|
||||
})
|
||||
|
||||
const valueComponents = {
|
||||
[types.STRING]: ContentValueString,
|
||||
[types.HASH]: ContentValueHash,
|
||||
[types.LIST]: ContentValueList,
|
||||
[types.SET]: ContentValueSet,
|
||||
[types.ZSET]: ContentValueZset,
|
||||
[types.STREAM]: ContentValueStream,
|
||||
}
|
||||
|
||||
const connectionStore = useConnectionStore()
|
||||
const tabStore = useTabStore()
|
||||
const tab = computed(() =>
|
||||
|
|
@ -162,6 +156,7 @@ const tabContent = computed(() => {
|
|||
}
|
||||
return {
|
||||
name: tab.name,
|
||||
subTab: tab.subTab,
|
||||
type: toUpper(tab.type),
|
||||
db: tab.db,
|
||||
keyPath: tab.key,
|
||||
|
|
@ -177,7 +172,7 @@ const showServerStatus = computed(() => {
|
|||
return tabContent.value == null || isEmpty(tabContent.value.keyPath)
|
||||
})
|
||||
|
||||
const showNonexists = computed(() => {
|
||||
const isBlankValue = computed(() => {
|
||||
return tabContent.value.value == null
|
||||
})
|
||||
|
||||
|
|
@ -192,38 +187,105 @@ const onReloadKey = async () => {
|
|||
}
|
||||
await connectionStore.loadKeyValue(tab.name, tab.db, tab.key, tab.viewAs)
|
||||
}
|
||||
|
||||
const selectedSubTab = computed(() => {
|
||||
const { subTab = 'status' } = tabStore.currentTab || {}
|
||||
return subTab
|
||||
})
|
||||
|
||||
const onSwitchSubTab = (name) => {
|
||||
tabStore.switchSubTab(name)
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="content-container flex-box-v">
|
||||
<div v-if="showServerStatus" class="content-container flex-item-expand flex-box-v">
|
||||
<!-- select nothing or select server node, display server status -->
|
||||
<content-server-status
|
||||
v-model:auto-refresh="currentServer.autoRefresh"
|
||||
:auto-loading="currentServer.autoLoading"
|
||||
:info="currentServer.info"
|
||||
:loading="currentServer.loading"
|
||||
:server="currentServer.name"
|
||||
@refresh="refreshInfo(currentServer.name, true)" />
|
||||
</div>
|
||||
<div v-else-if="showNonexists" class="content-container flex-item-expand flex-box-v">
|
||||
<n-empty :description="$t('interface.nonexist_tab_content')" class="empty-content">
|
||||
<template #extra>
|
||||
<n-button :focusable="false" @click="onReloadKey">{{ $t('interface.reload') }}</n-button>
|
||||
<n-tabs
|
||||
:tabs-padding="5"
|
||||
:theme-overrides="{
|
||||
tabFontWeightActive: 'normal',
|
||||
tabGapSmallLine: '10px',
|
||||
tabGapMediumLine: '10px',
|
||||
tabGapLargeLine: '10px',
|
||||
}"
|
||||
:value="selectedSubTab"
|
||||
class="content-sub-tab"
|
||||
default-value="status"
|
||||
pane-class="content-sub-tab-pane"
|
||||
placement="top"
|
||||
tab-style="padding-left: 10px; padding-right: 10px;"
|
||||
type="line"
|
||||
@update:value="onSwitchSubTab">
|
||||
<!-- server status pane -->
|
||||
<n-tab-pane :name="BrowserTabType.Status.toString()">
|
||||
<template #tab>
|
||||
<n-space :size="5" :wrap-item="false" align="center" inline justify="center">
|
||||
<n-icon size="16">
|
||||
<status :inverse="selectedSubTab === BrowserTabType.Status.toString()" stroke-width="4" />
|
||||
</n-icon>
|
||||
<span>{{ $t('interface.sub_tab.status') }}</span>
|
||||
</n-space>
|
||||
</template>
|
||||
</n-empty>
|
||||
</div>
|
||||
<component
|
||||
:is="valueComponents[tabContent.type]"
|
||||
v-else
|
||||
:db="tabContent.db"
|
||||
:key-code="tabContent.keyCode"
|
||||
:key-path="tabContent.keyPath"
|
||||
:name="tabContent.name"
|
||||
:size="tabContent.size"
|
||||
:ttl="tabContent.ttl"
|
||||
:value="tabContent.value"
|
||||
:view-as="tabContent.viewAs" />
|
||||
<content-server-status
|
||||
v-model:auto-refresh="currentServer.autoRefresh"
|
||||
:auto-loading="currentServer.autoLoading"
|
||||
:info="currentServer.info"
|
||||
:loading="currentServer.loading"
|
||||
:server="currentServer.name"
|
||||
@refresh="refreshInfo(currentServer.name, true)" />
|
||||
</n-tab-pane>
|
||||
|
||||
<!-- key detail pane -->
|
||||
<n-tab-pane :name="BrowserTabType.KeyDetail.toString()">
|
||||
<template #tab>
|
||||
<n-space :size="5" :wrap-item="false" align="center" inline justify="center">
|
||||
<n-icon size="16">
|
||||
<detail
|
||||
:inverse="selectedSubTab === BrowserTabType.KeyDetail.toString()"
|
||||
fill-color="none" />
|
||||
</n-icon>
|
||||
<span>{{ $t('interface.sub_tab.key_detail') }}</span>
|
||||
</n-space>
|
||||
</template>
|
||||
<content-value-wrapper
|
||||
:blank="isBlankValue"
|
||||
:type="tabContent.type"
|
||||
:db="tabContent.db"
|
||||
:key-code="tabContent.keyCode"
|
||||
:key-path="tabContent.keyPath"
|
||||
:name="tabContent.name"
|
||||
:size="tabContent.size"
|
||||
:ttl="tabContent.ttl"
|
||||
:value="tabContent.value"
|
||||
:view-as="tabContent.viewAs"
|
||||
@reload="onReloadKey" />
|
||||
</n-tab-pane>
|
||||
|
||||
<!-- cli pane -->
|
||||
<n-tab-pane :name="BrowserTabType.Cli.toString()">
|
||||
<template #tab>
|
||||
<n-space :size="5" :wrap-item="false" align="center" inline justify="center">
|
||||
<n-icon size="16">
|
||||
<terminal :inverse="selectedSubTab === BrowserTabType.Cli.toString()" />
|
||||
</n-icon>
|
||||
<span>{{ $t('interface.sub_tab.cli') }}</span>
|
||||
</n-space>
|
||||
</template>
|
||||
<content-cli :name="currentServer.name" />
|
||||
</n-tab-pane>
|
||||
|
||||
<!-- slow log pane -->
|
||||
<n-tab-pane :name="BrowserTabType.SlowLog.toString()">
|
||||
<template #tab>
|
||||
<n-space :size="5" :wrap-item="false" align="center" inline justify="center">
|
||||
<n-icon size="16">
|
||||
<log :inverse="selectedSubTab === BrowserTabType.SlowLog.toString()" />
|
||||
</n-icon>
|
||||
<span>{{ $t('interface.sub_tab.slow_log') }}</span>
|
||||
</n-space>
|
||||
</template>
|
||||
</n-tab-pane>
|
||||
</n-tabs>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -231,27 +293,23 @@ const onReloadKey = async () => {
|
|||
@import '@/styles/content';
|
||||
|
||||
.content-container {
|
||||
padding: 5px;
|
||||
//padding: 5px 5px 0;
|
||||
//padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
background-color: v-bind('themeVars.tabColor');
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
.content-sub-tab {
|
||||
background-color: v-bind('themeVars.bodyColor');
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
//.tab-item {
|
||||
// gap: 5px;
|
||||
// padding: 0 5px 0 10px;
|
||||
// align-items: center;
|
||||
// max-width: 150px;
|
||||
//
|
||||
// transition: all var(--transition-duration-fast) var(--transition-function-ease-in-out-bezier);
|
||||
//
|
||||
// &-label {
|
||||
// font-size: 15px;
|
||||
// text-align: center;
|
||||
// }
|
||||
//
|
||||
// &-close {
|
||||
// &:hover {
|
||||
// background-color: rgb(176, 177, 182, 0.4);
|
||||
// }
|
||||
// }
|
||||
//}
|
||||
.content-sub-tab-pane {
|
||||
padding: 0 !important;
|
||||
height: 100%;
|
||||
background-color: v-bind('themeVars.tabColor');
|
||||
overflow: hidden;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<script setup>
|
||||
import ToggleServer from '@/components/icons/ToggleServer.vue'
|
||||
import Server from '@/components/icons/Server.vue'
|
||||
import useTabStore from 'stores/tab.js'
|
||||
import { computed } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
|
|
@ -52,7 +52,7 @@ const tab = computed(() =>
|
|||
<n-tabs
|
||||
v-model:value="tabStore.activatedIndex"
|
||||
:closable="true"
|
||||
:tabs-padding="2"
|
||||
:tabs-padding="0"
|
||||
:tab-style="{
|
||||
borderStyle: 'solid',
|
||||
borderWidth: '1px',
|
||||
|
|
@ -82,7 +82,9 @@ const tab = computed(() =>
|
|||
:class="tabClass(i)"
|
||||
@dblclick.stop="() => {}">
|
||||
<n-space :size="5" :wrap-item="false" align="center" inline justify="center">
|
||||
<n-icon :component="ToggleServer" size="18" />
|
||||
<n-icon size="18">
|
||||
<server stroke-width="4" />
|
||||
</n-icon>
|
||||
<n-ellipsis style="max-width: 150px">{{ t.label }}</n-ellipsis>
|
||||
</n-space>
|
||||
</n-tab>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,396 @@
|
|||
<script setup>
|
||||
import { Terminal } from 'xterm'
|
||||
import { FitAddon } from 'xterm-addon-fit'
|
||||
import { computed, onMounted, onUnmounted, ref, watch } from 'vue'
|
||||
import 'xterm/css/xterm.css'
|
||||
import { EventsEmit, EventsOff, EventsOn } from 'wailsjs/runtime/runtime.js'
|
||||
import { get, isEmpty, set, size } from 'lodash'
|
||||
import { CloseCli, StartCli } from 'wailsjs/go/services/cliService.js'
|
||||
import usePreferencesStore from 'stores/preferences.js'
|
||||
import { i18nGlobal } from '@/utils/i18n.js'
|
||||
|
||||
const props = defineProps({
|
||||
name: String,
|
||||
activated: Boolean,
|
||||
})
|
||||
|
||||
const prefStore = usePreferencesStore()
|
||||
const termRef = ref(null)
|
||||
/**
|
||||
*
|
||||
* @type {xterm.Terminal|null}
|
||||
*/
|
||||
let termInst = null
|
||||
/**
|
||||
*
|
||||
* @type {xterm-addon-fit.FitAddon|null}
|
||||
*/
|
||||
let fitAddonInst = null
|
||||
|
||||
/**
|
||||
*
|
||||
* @return {{fitAddon: xterm-addon-fit.FitAddon, term: Terminal}}
|
||||
*/
|
||||
const newTerm = () => {
|
||||
const term = new Terminal({
|
||||
allowProposedApi: true,
|
||||
fontSize: prefStore.general.fontSize || 14,
|
||||
cursorBlink: true,
|
||||
disableStdin: false,
|
||||
screenReaderMode: true,
|
||||
// LogLevel: 'debug',
|
||||
theme: {
|
||||
// foreground: '#ECECEC',
|
||||
background: '#000000',
|
||||
// cursor: 'help',
|
||||
// lineHeight: 20,
|
||||
},
|
||||
})
|
||||
const fitAddon = new FitAddon()
|
||||
term.open(termRef.value)
|
||||
term.loadAddon(fitAddon)
|
||||
|
||||
term.onData(onTermData)
|
||||
return { term, fitAddon }
|
||||
}
|
||||
|
||||
let intervalID
|
||||
onMounted(() => {
|
||||
const { term, fitAddon } = newTerm()
|
||||
termInst = term
|
||||
fitAddonInst = fitAddon
|
||||
// window.addEventListener('resize', resizeTerm)
|
||||
|
||||
term.writeln('\r\n' + i18nGlobal.t('interface.cli_welcome'))
|
||||
// term.write('\x1b[4h') // insert mode
|
||||
CloseCli(props.name)
|
||||
StartCli(props.name, 0)
|
||||
|
||||
EventsOn(`cmd:output:${props.name}`, receiveTermOutput)
|
||||
fitAddon.fit()
|
||||
term.focus()
|
||||
|
||||
intervalID = setInterval(() => {
|
||||
if (props.activated) {
|
||||
resizeTerm()
|
||||
}
|
||||
}, 1000)
|
||||
})
|
||||
|
||||
onUnmounted(() => {
|
||||
clearInterval(intervalID)
|
||||
// window.removeEventListener('resize', resizeTerm)
|
||||
EventsOff(`cmd:output:${props.name}`)
|
||||
termInst.dispose()
|
||||
termInst = null
|
||||
console.warn('destroy term')
|
||||
})
|
||||
|
||||
const resizeTerm = () => {
|
||||
if (fitAddonInst != null) {
|
||||
fitAddonInst.fit()
|
||||
}
|
||||
}
|
||||
|
||||
watch(
|
||||
() => prefStore.general.fontSize,
|
||||
(fontSize) => {
|
||||
if (termInst != null) {
|
||||
termInst.options.fontSize = fontSize
|
||||
}
|
||||
resizeTerm()
|
||||
},
|
||||
)
|
||||
|
||||
const prefixContent = computed(() => {
|
||||
return '\x1b[33m' + promptPrefix.value + '\x1b[0m'
|
||||
})
|
||||
|
||||
let promptPrefix = ref('')
|
||||
let inputCursor = 0
|
||||
const inputHistory = []
|
||||
let historyIndex = 0
|
||||
let waitForOutput = false
|
||||
const onTermData = (data) => {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
if (data) {
|
||||
const cc = data.charCodeAt(0)
|
||||
switch (cc) {
|
||||
case 127: // backspace
|
||||
deleteInput(true)
|
||||
return
|
||||
|
||||
case 13: // enter
|
||||
// try to process local command first
|
||||
console.log('enter con', getCurrentInput())
|
||||
switch (getCurrentInput()) {
|
||||
case 'clear':
|
||||
case 'clr':
|
||||
termInst.clear()
|
||||
replaceTermInput()
|
||||
newInputLine()
|
||||
return
|
||||
|
||||
default: // send command to server
|
||||
flushTermInput()
|
||||
return
|
||||
}
|
||||
|
||||
case 27:
|
||||
switch (data.substring(1)) {
|
||||
case '[A': // arrow up
|
||||
changeHistory(true)
|
||||
return
|
||||
case '[B': // arrow down
|
||||
changeHistory(false)
|
||||
return
|
||||
case '[C': // arrow right ->
|
||||
moveInputCursor(1)
|
||||
return
|
||||
case '[D': // arrow left <-
|
||||
moveInputCursor(-1)
|
||||
return
|
||||
case '[3~': // del
|
||||
deleteInput(false)
|
||||
return
|
||||
}
|
||||
|
||||
case 9: // tab
|
||||
return
|
||||
}
|
||||
}
|
||||
|
||||
updateInput(data)
|
||||
// term.write(data)
|
||||
}
|
||||
|
||||
/**
|
||||
* move input cursor by step
|
||||
* @param {number} step above 0 indicate move right; 0 indicate move to last
|
||||
*/
|
||||
const moveInputCursor = (step) => {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
let updateCursor = false
|
||||
if (step > 0) {
|
||||
// move right
|
||||
const currentLine = getCurrentInput()
|
||||
if (inputCursor + step <= currentLine.length) {
|
||||
inputCursor += step
|
||||
updateCursor = true
|
||||
}
|
||||
} else if (step < 0) {
|
||||
// move left
|
||||
if (inputCursor + step >= 0) {
|
||||
inputCursor += step
|
||||
updateCursor = true
|
||||
}
|
||||
} else {
|
||||
// update cursor position only
|
||||
const currentLine = getCurrentInput()
|
||||
inputCursor = Math.min(Math.max(0, inputCursor), currentLine.length)
|
||||
updateCursor = true
|
||||
}
|
||||
|
||||
if (updateCursor) {
|
||||
termInst.write(`\x1B[${size(promptPrefix.value) + inputCursor + 1}G`)
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* update current input cache and refresh term
|
||||
* @param {string} data
|
||||
*/
|
||||
const updateInput = (data) => {
|
||||
if (data == null || data.length <= 0) {
|
||||
return
|
||||
}
|
||||
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
let currentLine = getCurrentInput()
|
||||
if (inputCursor < currentLine.length) {
|
||||
// insert
|
||||
currentLine = currentLine.substring(0, inputCursor) + data + currentLine.substring(inputCursor)
|
||||
replaceTermInput()
|
||||
termInst.write(currentLine)
|
||||
moveInputCursor(data.length)
|
||||
} else {
|
||||
// append
|
||||
currentLine += data
|
||||
termInst.write(data)
|
||||
inputCursor += data.length
|
||||
}
|
||||
updateCurrentInput(currentLine)
|
||||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {boolean} back backspace or not
|
||||
*/
|
||||
const deleteInput = (back = false) => {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
let currentLine = getCurrentInput()
|
||||
if (inputCursor < currentLine.length) {
|
||||
// delete middle part
|
||||
if (back) {
|
||||
currentLine = currentLine.substring(0, inputCursor - 1) + currentLine.substring(inputCursor)
|
||||
inputCursor -= 1
|
||||
} else {
|
||||
currentLine = currentLine.substring(0, inputCursor) + currentLine.substring(inputCursor + 1)
|
||||
}
|
||||
} else {
|
||||
// delete last one
|
||||
currentLine = currentLine.slice(0, -1)
|
||||
inputCursor -= 1
|
||||
}
|
||||
|
||||
replaceTermInput()
|
||||
termInst.write(currentLine)
|
||||
updateCurrentInput(currentLine)
|
||||
moveInputCursor(0)
|
||||
}
|
||||
|
||||
const getCurrentInput = () => {
|
||||
return get(inputHistory, historyIndex, '')
|
||||
}
|
||||
|
||||
const updateCurrentInput = (input) => {
|
||||
set(inputHistory, historyIndex, input || '')
|
||||
}
|
||||
|
||||
const newInputLine = () => {
|
||||
if (historyIndex >= 0 && historyIndex < inputHistory.length - 1) {
|
||||
// edit prev history, move to last
|
||||
const pop = inputHistory.splice(historyIndex, 1)
|
||||
inputHistory[inputHistory.length - 1] = pop[0]
|
||||
}
|
||||
if (get(inputHistory, inputHistory.length - 1, '')) {
|
||||
historyIndex = inputHistory.length
|
||||
updateCurrentInput('')
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* get prev or next history record
|
||||
* @param prev
|
||||
* @return {*|null}
|
||||
*/
|
||||
const changeHistory = (prev) => {
|
||||
let currentLine = null
|
||||
if (prev) {
|
||||
if (historyIndex > 0) {
|
||||
historyIndex -= 1
|
||||
currentLine = inputHistory[historyIndex]
|
||||
}
|
||||
} else {
|
||||
if (historyIndex < inputHistory.length - 1) {
|
||||
historyIndex += 1
|
||||
currentLine = inputHistory[historyIndex]
|
||||
}
|
||||
}
|
||||
|
||||
if (currentLine != null) {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
replaceTermInput()
|
||||
termInst.write(currentLine)
|
||||
moveInputCursor(0)
|
||||
}
|
||||
|
||||
return null
|
||||
}
|
||||
|
||||
/**
|
||||
* flush terminal input and send current prompt to server
|
||||
* @param {boolean} flushCmd
|
||||
*/
|
||||
const flushTermInput = (flushCmd = false) => {
|
||||
const currentLine = getCurrentInput()
|
||||
console.log('===send cmd', currentLine, currentLine.length)
|
||||
EventsEmit(`cmd:input:${props.name}`, currentLine)
|
||||
inputCursor = 0
|
||||
// historyIndex = inputHistory.length
|
||||
waitForOutput = true
|
||||
}
|
||||
|
||||
/**
|
||||
* clear current input line and replace with new content
|
||||
* @param {string} [content]
|
||||
*/
|
||||
const replaceTermInput = (content = '') => {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
// erase current line and write new content
|
||||
termInst.write('\r\x1B[K' + prefixContent.value + (content || ''))
|
||||
}
|
||||
|
||||
/**
|
||||
* process receive output content
|
||||
* @param {{content, prompt}} data
|
||||
*/
|
||||
const receiveTermOutput = (data) => {
|
||||
if (termInst == null) {
|
||||
return
|
||||
}
|
||||
|
||||
const { content, prompt } = data || {}
|
||||
if (!isEmpty(content)) {
|
||||
termInst.write('\r\n' + content)
|
||||
}
|
||||
if (!isEmpty(prompt)) {
|
||||
promptPrefix.value = prompt
|
||||
termInst.write('\r\n' + prefixContent.value)
|
||||
waitForOutput = false
|
||||
inputCursor = 0
|
||||
newInputLine()
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div ref="termRef" class="xterm" />
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.xterm {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
overflow: hidden;
|
||||
background-color: #000000;
|
||||
}
|
||||
</style>
|
||||
|
||||
<style lang="scss">
|
||||
.xterm-screen {
|
||||
padding: 0 5px !important;
|
||||
}
|
||||
|
||||
.xterm-viewport::-webkit-scrollbar {
|
||||
background-color: #000000;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.xterm-viewport::-webkit-scrollbar-thumb {
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
.xterm-decoration-overview-ruler {
|
||||
right: 1px;
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -75,7 +75,7 @@ const infoFilter = ref('')
|
|||
<template>
|
||||
<n-scrollbar ref="scrollRef">
|
||||
<n-back-top :listen-to="scrollRef" />
|
||||
<n-space vertical>
|
||||
<n-space vertical :wrap-item="false" :size="5" style="padding: 5px">
|
||||
<n-card>
|
||||
<template #header>
|
||||
<n-space :wrap-item="false" align="center" inline size="small">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,72 @@
|
|||
<script setup>
|
||||
import { types } from '@/consts/value_view_type.js'
|
||||
import { types as redisTypes } from '@/consts/support_redis_type.js'
|
||||
import ContentValueString from '@/components/content_value/ContentValueString.vue'
|
||||
import ContentValueHash from '@/components/content_value/ContentValueHash.vue'
|
||||
import ContentValueList from '@/components/content_value/ContentValueList.vue'
|
||||
import ContentValueSet from '@/components/content_value/ContentValueSet.vue'
|
||||
import ContentValueZset from '@/components/content_value/ContentValueZSet.vue'
|
||||
import ContentValueStream from '@/components/content_value/ContentValueStream.vue'
|
||||
import { useThemeVars } from 'naive-ui'
|
||||
|
||||
const themeVars = useThemeVars()
|
||||
|
||||
const props = defineProps({
|
||||
blank: Boolean,
|
||||
type: String,
|
||||
name: String,
|
||||
db: Number,
|
||||
keyPath: String,
|
||||
keyCode: {
|
||||
type: Array,
|
||||
default: null,
|
||||
},
|
||||
ttl: {
|
||||
type: Number,
|
||||
default: -1,
|
||||
},
|
||||
value: [String, Object],
|
||||
size: Number,
|
||||
viewAs: {
|
||||
type: String,
|
||||
default: types.PLAIN_TEXT,
|
||||
},
|
||||
})
|
||||
|
||||
const emit = defineEmits(['reload'])
|
||||
|
||||
const valueComponents = {
|
||||
[redisTypes.STRING]: ContentValueString,
|
||||
[redisTypes.HASH]: ContentValueHash,
|
||||
[redisTypes.LIST]: ContentValueList,
|
||||
[redisTypes.SET]: ContentValueSet,
|
||||
[redisTypes.ZSET]: ContentValueZset,
|
||||
[redisTypes.STREAM]: ContentValueStream,
|
||||
}
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<n-empty v-if="props.blank" :description="$t('interface.nonexist_tab_content')" class="empty-content">
|
||||
<template #extra>
|
||||
<n-button :focusable="false" @click="emit('reload')">{{ $t('interface.reload') }}</n-button>
|
||||
</template>
|
||||
</n-empty>
|
||||
<component
|
||||
class="content-value-wrapper"
|
||||
:is="valueComponents[props.type]"
|
||||
v-else
|
||||
:db="props.db"
|
||||
:key-code="props.keyCode"
|
||||
:key-path="props.keyPath"
|
||||
:name="props.name"
|
||||
:size="props.size"
|
||||
:ttl="props.ttl"
|
||||
:value="props.value"
|
||||
:view-as="props.viewAs" />
|
||||
</template>
|
||||
|
||||
<style scoped lang="scss">
|
||||
.content-value-wrapper {
|
||||
background-color: v-bind('themeVars.bodyColor');
|
||||
}
|
||||
</style>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
|
|
@ -10,18 +10,14 @@ const props = defineProps({
|
|||
type: [Number, String],
|
||||
default: 3,
|
||||
},
|
||||
fillColor: {
|
||||
type: String,
|
||||
default: '#dc423c',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.modelValue" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
:fill="props.fillColor"
|
||||
:stroke="props.fillColor"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
height="8"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -30,8 +26,8 @@ const props = defineProps({
|
|||
x="4"
|
||||
y="34" />
|
||||
<rect
|
||||
:fill="props.fillColor"
|
||||
:stroke="props.fillColor"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
height="12"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -40,20 +36,20 @@ const props = defineProps({
|
|||
x="8"
|
||||
y="6" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M24 34V18"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M8 34V26H40V34"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<rect
|
||||
:fill="props.fillColor"
|
||||
:stroke="props.fillColor"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
height="8"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -62,8 +58,8 @@ const props = defineProps({
|
|||
x="36"
|
||||
y="34" />
|
||||
<rect
|
||||
:fill="props.fillColor"
|
||||
:stroke="props.fillColor"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
height="8"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -78,50 +74,6 @@ const props = defineProps({
|
|||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M5 24L43 24"
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M28 4H20C18.8954 4 18 4.89543 18 6V14C18 15.1046 18.8954 16 20 16H28C29.1046 16 30 15.1046 30 14V6C30 4.89543 29.1046 4 28 4Z"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M16 32H8C6.89543 32 6 32.8954 6 34V42C6 43.1046 6.89543 44 8 44H16C17.1046 44 18 43.1046 18 42V34C18 32.8954 17.1046 32 16 32Z"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M40 32H32C30.8954 32 30 32.8954 30 34V42C30 43.1046 30.8954 44 32 44H40C41.1046 44 42 43.1046 42 42V34C42 32.8954 41.1046 32 40 32Z"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M24 24V16"
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M36 32V24"
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M12 32V24"
|
||||
stroke="currentColor"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
:stroke-width="props.strokeWidth"
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
|
|
@ -10,39 +10,35 @@ const props = defineProps({
|
|||
type: [Number, String],
|
||||
default: 3,
|
||||
},
|
||||
fillColor: {
|
||||
type: String,
|
||||
default: '#dc423c',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.modelValue" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M44.0001 11C44.0001 11 44 36.0623 44 38C44 41.3137 35.0457 44 24 44C12.9543 44 4.00003 41.3137 4.00003 38C4.00003 36.1423 4 11 4 11"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M44 29C44 32.3137 35.0457 35 24 35C12.9543 35 4 32.3137 4 29"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M44 20C44 23.3137 35.0457 26 24 26C12.9543 26 4 23.3137 4 20"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<ellipse
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
cx="24"
|
||||
cy="10"
|
||||
fill="#dc423c"
|
||||
fill="currentColor"
|
||||
rx="20"
|
||||
ry="6"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -0,0 +1,109 @@
|
|||
<script setup>
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
strokeWidth: {
|
||||
type: [Number, String],
|
||||
default: 3,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="6"
|
||||
y="6"
|
||||
width="36"
|
||||
height="36"
|
||||
rx="3"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<rect
|
||||
x="13"
|
||||
y="13"
|
||||
width="8"
|
||||
height="8"
|
||||
fill="#FFF"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M27 13L35 13"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M27 20L35 20"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M13 28L35 28"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M13 35H35"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg v-else viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="6"
|
||||
y="6"
|
||||
width="36"
|
||||
height="36"
|
||||
rx="3"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<rect
|
||||
x="13"
|
||||
y="13"
|
||||
width="8"
|
||||
height="8"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M27 13L35 13"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M27 20L35 20"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M13 28L35 28"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M13 35H35"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
open: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
|
|
@ -18,7 +18,7 @@ const props = defineProps({
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.modelValue" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.open" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M4 9V41L9 21H39.5V15C39.5 13.8954 38.6046 13 37.5 13H24L19 7H6C4.89543 7 4 7.89543 4 9Z"
|
||||
|
|
@ -26,7 +26,7 @@ const props = defineProps({
|
|||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:fill="props.fillColor"
|
||||
:fill="props.fillColor || 'currentColor'"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M40 41L44 21H8.8125L4 41H40Z"
|
||||
stroke="currentColor"
|
||||
|
|
@ -35,7 +35,7 @@ const props = defineProps({
|
|||
</svg>
|
||||
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
:fill="props.fillColor"
|
||||
:fill="props.fillColor || 'currentColor'"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M5 8C5 6.89543 5.89543 6 7 6H19L24 12H41C42.1046 12 43 12.8954 43 14V40C43 41.1046 42.1046 42 41 42H7C5.89543 42 5 41.1046 5 40V8Z"
|
||||
stroke="currentColor"
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
<script setup>
|
||||
const props = defineProps({
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
strokeWidth: {
|
||||
type: [Number, String],
|
||||
default: 3,
|
||||
|
|
@ -8,7 +12,26 @@ const props = defineProps({
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="13"
|
||||
y="10"
|
||||
width="28"
|
||||
height="34"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-width="3"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M35 10V4H8C7.44772 4 7 4.44772 7 5V38H13"
|
||||
stroke="currentColor"
|
||||
stroke-width="3"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path d="M21 22H33" stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
|
||||
<path d="M21 30H33" stroke="#FFF" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
:stroke-width="strokeWidth"
|
||||
fill="none"
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
modelValue: {
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
|
|
@ -10,18 +10,14 @@ const props = defineProps({
|
|||
type: [Number, String],
|
||||
default: 3,
|
||||
},
|
||||
fillColor: {
|
||||
type: String,
|
||||
default: '#dc423c',
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.modelValue" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.inverse" fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
:fill="props.fillColor"
|
||||
:stroke="props.fillColor"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M41 4H7C5.34315 4 4 5.34315 4 7V41C4 42.6569 5.34315 44 7 44H41C42.6569 44 44 42.6569 44 41V7C44 5.34315 42.6569 4 41 4Z"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -40,13 +36,13 @@ const props = defineProps({
|
|||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M44 37V27"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
:stroke="props.fillColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
d="M4 37V27"
|
||||
stroke-linecap="round"
|
||||
|
|
@ -1,5 +1,9 @@
|
|||
<script setup>
|
||||
const props = defineProps({
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
strokeWidth: {
|
||||
type: [Number, String],
|
||||
default: 3,
|
||||
|
|
@ -8,7 +12,17 @@ const props = defineProps({
|
|||
</script>
|
||||
|
||||
<template>
|
||||
<svg fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M42 8H6C4.89543 8 4 8.89543 4 10V38C4 39.1046 4.89543 40 6 40H42C43.1046 40 44 39.1046 44 38V10C44 8.89543 43.1046 8 42 8Z"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
stroke-width="3" />
|
||||
<path d="M24 17V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
|
||||
<path d="M32 24V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
|
||||
<path d="M16 22V31" stroke="#FFF" :stroke-width="props.strokeWidth" stroke-linecap="round" />
|
||||
</svg>
|
||||
<svg v-else fill="none" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
:stroke-width="props.strokeWidth"
|
||||
fill="none"
|
||||
|
|
|
|||
|
|
@ -0,0 +1,67 @@
|
|||
<script setup>
|
||||
const emit = defineEmits(['update:modelValue'])
|
||||
|
||||
const props = defineProps({
|
||||
inverse: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
strokeWidth: {
|
||||
type: [Number, String],
|
||||
default: 3,
|
||||
},
|
||||
})
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<svg v-if="props.inverse" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="4"
|
||||
y="8"
|
||||
width="40"
|
||||
height="32"
|
||||
rx="2"
|
||||
fill="currentColor"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M12 18L19 24L12 30"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M23 32H36"
|
||||
stroke="#FFF"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
<svg v-else viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect
|
||||
x="4"
|
||||
y="8"
|
||||
width="40"
|
||||
height="32"
|
||||
rx="2"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M12 18L19 24L12 30"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
<path
|
||||
d="M23 32H36"
|
||||
stroke="currentColor"
|
||||
:stroke-width="props.strokeWidth"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round" />
|
||||
</svg>
|
||||
</template>
|
||||
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
@ -4,7 +4,7 @@ import { ConnectionType } from '@/consts/connection_type.js'
|
|||
import { NIcon, NSpace, NTag } from 'naive-ui'
|
||||
import Key from '@/components/icons/Key.vue'
|
||||
import Binary from '@/components/icons/Binary.vue'
|
||||
import ToggleDb from '@/components/icons/ToggleDb.vue'
|
||||
import Database from '@/components/icons/Database.vue'
|
||||
import { find, get, includes, indexOf, isEmpty, remove, size, startsWith } from 'lodash'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import Refresh from '@/components/icons/Refresh.vue'
|
||||
|
|
@ -399,9 +399,9 @@ const renderPrefix = ({ option }) => {
|
|||
case ConnectionType.RedisDB:
|
||||
return h(
|
||||
NIcon,
|
||||
{ size: 20 },
|
||||
{ size: 20, color: option.opened === true ? '#dc423c' : undefined },
|
||||
{
|
||||
default: () => h(ToggleDb, { modelValue: option.opened === true }),
|
||||
default: () => h(Database, { inverse: option.opened === true }),
|
||||
},
|
||||
)
|
||||
case ConnectionType.RedisKey:
|
||||
|
|
|
|||
|
|
@ -4,9 +4,9 @@ import { h, nextTick, reactive, ref } from 'vue'
|
|||
import useConnectionStore from 'stores/connections.js'
|
||||
import { NIcon, NSpace, NText, useThemeVars } from 'naive-ui'
|
||||
import { ConnectionType } from '@/consts/connection_type.js'
|
||||
import ToggleFolder from '@/components/icons/ToggleFolder.vue'
|
||||
import ToggleServer from '@/components/icons/ToggleServer.vue'
|
||||
import ToggleCluster from '@/components/icons/ToggleCluster.vue'
|
||||
import Folder from '@/components/icons/Folder.vue'
|
||||
import Server from '@/components/icons/Server.vue'
|
||||
import Cluster from '@/components/icons/Cluster.vue'
|
||||
import { debounce, get, includes, indexOf, isEmpty, split } from 'lodash'
|
||||
import Config from '@/components/icons/Config.vue'
|
||||
import Delete from '@/components/icons/Delete.vue'
|
||||
|
|
@ -185,8 +185,8 @@ const renderPrefix = ({ option }) => {
|
|||
{ size: 20 },
|
||||
{
|
||||
default: () =>
|
||||
h(ToggleFolder, {
|
||||
modelValue: opened,
|
||||
h(Folder, {
|
||||
open: opened,
|
||||
fillColor: `rgba(255,206,120,${iconTransparency})`,
|
||||
}),
|
||||
},
|
||||
|
|
@ -194,14 +194,14 @@ const renderPrefix = ({ option }) => {
|
|||
case ConnectionType.Server:
|
||||
const connected = connectionStore.isConnected(option.name)
|
||||
const color = getServerMarkColor(option.name)
|
||||
const icon = option.cluster === true ? ToggleCluster : ToggleServer
|
||||
const icon = option.cluster === true ? Cluster : Server
|
||||
return h(
|
||||
NIcon,
|
||||
{ size: 20, color: !!!connected ? color : undefined },
|
||||
{ size: 20, color: !!!connected ? color : '#dc423c' },
|
||||
{
|
||||
default: () =>
|
||||
h(icon, {
|
||||
modelValue: !!connected,
|
||||
inverse: !!connected,
|
||||
fillColor: `rgba(220,66,60,${iconTransparency})`,
|
||||
}),
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,9 +1,9 @@
|
|||
<script setup>
|
||||
import { computed, h } from 'vue'
|
||||
import { NIcon, useThemeVars } from 'naive-ui'
|
||||
import ToggleDb from '@/components/icons/ToggleDb.vue'
|
||||
import Database from '@/components/icons/Database.vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import ToggleServer from '@/components/icons/ToggleServer.vue'
|
||||
import Server from '@/components/icons/Server.vue'
|
||||
import IconButton from '@/components/common/IconButton.vue'
|
||||
import Config from '@/components/icons/Config.vue'
|
||||
import useDialogStore from 'stores/dialog.js'
|
||||
|
|
@ -40,13 +40,13 @@ const menuOptions = computed(() => {
|
|||
{
|
||||
label: i18n.t('ribbon.browser'),
|
||||
key: 'browser',
|
||||
icon: renderIcon(ToggleDb),
|
||||
icon: renderIcon(Database),
|
||||
show: connectionStore.anyConnectionOpened,
|
||||
},
|
||||
{
|
||||
label: i18n.t('ribbon.server'),
|
||||
key: 'server',
|
||||
icon: renderIcon(ToggleServer),
|
||||
icon: renderIcon(Server),
|
||||
},
|
||||
{
|
||||
label: i18n.t('ribbon.log'),
|
||||
|
|
|
|||
|
|
@ -0,0 +1,10 @@
|
|||
/**
|
||||
* all types of Browser sub tabs
|
||||
* @enum {string}
|
||||
*/
|
||||
export const BrowserTabType = {
|
||||
Status: 'status',
|
||||
KeyDetail: 'key_detail',
|
||||
Cli: 'cli',
|
||||
SlowLog: 'slow_log',
|
||||
}
|
||||
|
|
@ -87,13 +87,20 @@
|
|||
"load_more": "Load More Keys",
|
||||
"load_all": "Load All Left Keys",
|
||||
"more_action": "More Action",
|
||||
"nonexist_tab_content": "Selected key does not exist. Please retry",
|
||||
"nonexist_tab_content": "Selected key does not exist or no key is selected. Please retry",
|
||||
"empty_server_content": "Select and open a connection from the left",
|
||||
"empty_server_list": "No redis server",
|
||||
"action": "Action",
|
||||
"type": "Type",
|
||||
"score": "Score",
|
||||
"total": "Length: {size}"
|
||||
"total": "Length: {size}",
|
||||
"cli_welcome": "Welcome to Tiny RDM Redis Console",
|
||||
"sub_tab": {
|
||||
"status": "Status",
|
||||
"key_detail": "Key Detail",
|
||||
"cli": "Command Line",
|
||||
"slow_log": "Slow Log"
|
||||
}
|
||||
},
|
||||
"ribbon": {
|
||||
"server": "Server",
|
||||
|
|
|
|||
|
|
@ -87,13 +87,20 @@
|
|||
"load_more": "加载更多键",
|
||||
"load_all": "加载剩余所有键",
|
||||
"more_action": "更多操作",
|
||||
"nonexist_tab_content": "所选键不存在，请尝试刷新重试",
|
||||
"nonexist_tab_content": "所选键不存在或未选中任何键，请尝试刷新重试",
|
||||
"empty_server_content": "可以从左边选择并打开连接",
|
||||
"empty_server_list": "还没添加Redis服务器",
|
||||
"action": "操作",
|
||||
"type": "类型",
|
||||
"score": "分值",
|
||||
"total": "总数：{size}"
|
||||
"total": "总数：{size}",
|
||||
"cli_welcome": "欢迎使用Tiny RDM的Redis命令行控制台",
|
||||
"sub_tab": {
|
||||
"status": "状态",
|
||||
"key_detail": "键详情",
|
||||
"cli": "命令行",
|
||||
"slow_log": "慢日志"
|
||||
}
|
||||
},
|
||||
"ribbon": {
|
||||
"server": "服务器",
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ import useTabStore from './tab.js'
|
|||
import { types } from '@/consts/support_redis_type.js'
|
||||
import { decodeRedisKey, nativeRedisKey } from '@/utils/key_convert.js'
|
||||
import { KeyViewType } from '@/consts/key_view_type.js'
|
||||
import { nextTick } from 'vue'
|
||||
import { BrowserTabType } from '@/consts/browser_tab_type.js'
|
||||
|
||||
const useConnectionStore = defineStore('connections', {
|
||||
/**
|
||||
|
|
@ -668,6 +668,7 @@ const useConnectionStore = defineStore('connections', {
|
|||
const k = decodeRedisKey(key)
|
||||
const binaryKey = k !== key
|
||||
tab.upsertTab({
|
||||
subTab: BrowserTabType.KeyDetail,
|
||||
server,
|
||||
db,
|
||||
type,
|
||||
|
|
@ -690,6 +691,7 @@ const useConnectionStore = defineStore('connections', {
|
|||
}
|
||||
|
||||
tab.upsertTab({
|
||||
subTab: BrowserTabType.Status,
|
||||
server,
|
||||
db,
|
||||
type: 'none',
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
import { find, findIndex, get, size } from 'lodash'
|
||||
import { find, findIndex, get, isEmpty, set, size } from 'lodash'
|
||||
import { defineStore } from 'pinia'
|
||||
|
||||
const useTabStore = defineStore('tab', {
|
||||
|
|
@ -6,6 +6,7 @@ const useTabStore = defineStore('tab', {
|
|||
* @typedef {Object} TabItem
|
||||
* @property {string} name connection name
|
||||
* @property {boolean} blank is blank tab
|
||||
* @property {string} subTab secondary tab value
|
||||
* @property {string} [title] tab title
|
||||
* @property {string} [icon] tab icon
|
||||
* @property {string[]} selectedKeys
|
||||
|
|
@ -64,12 +65,16 @@ const useTabStore = defineStore('tab', {
|
|||
*
|
||||
* @param idx
|
||||
* @param {boolean} [switchNav]
|
||||
* @param {string} [subTab]
|
||||
* @private
|
||||
*/
|
||||
_setActivatedIndex(idx, switchNav) {
|
||||
_setActivatedIndex(idx, switchNav, subTab) {
|
||||
this.activatedIndex = idx
|
||||
if (switchNav === true) {
|
||||
this.nav = idx >= 0 ? 'browser' : 'server'
|
||||
if (!isEmpty(subTab)) {
|
||||
set(this.tabList, [idx, 'subTab'], subTab)
|
||||
}
|
||||
} else {
|
||||
if (idx < 0) {
|
||||
this.nav = 'server'
|
||||
|
|
@ -79,6 +84,7 @@ const useTabStore = defineStore('tab', {
|
|||
|
||||
/**
|
||||
* update or insert a new tab if not exists with the same name
|
||||
* @param {string} subTab
|
||||
* @param {string} server
|
||||
* @param {number} [db]
|
||||
* @param {number} [type]
|
||||
|
|
@ -89,11 +95,13 @@ const useTabStore = defineStore('tab', {
|
|||
* @param {*} [value]
|
||||
* @param {string} [viewAs]
|
||||
*/
|
||||
upsertTab({ server, db, type, ttl, key, keyCode, size, value, viewAs }) {
|
||||
upsertTab({ subTab, server, db, type, ttl, key, keyCode, size, value, viewAs }) {
|
||||
let tabIndex = findIndex(this.tabList, { name: server })
|
||||
if (tabIndex === -1) {
|
||||
this.tabList.push({
|
||||
name: server,
|
||||
title: server,
|
||||
subTab,
|
||||
server,
|
||||
db,
|
||||
type,
|
||||
|
|
@ -105,21 +113,23 @@ const useTabStore = defineStore('tab', {
|
|||
viewAs,
|
||||
})
|
||||
tabIndex = this.tabList.length - 1
|
||||
} else {
|
||||
const tab = this.tabList[tabIndex]
|
||||
tab.blank = false
|
||||
tab.subTab = subTab
|
||||
// tab.title = db !== undefined ? `${server}/db${db}` : `${server}`
|
||||
tab.title = server
|
||||
tab.server = server
|
||||
tab.db = db
|
||||
tab.type = type
|
||||
tab.ttl = ttl
|
||||
tab.key = key
|
||||
tab.keyCode = keyCode
|
||||
tab.size = size
|
||||
tab.value = value
|
||||
tab.viewAs = viewAs
|
||||
}
|
||||
const tab = this.tabList[tabIndex]
|
||||
tab.blank = false
|
||||
// tab.title = db !== undefined ? `${server}/db${db}` : `${server}`
|
||||
tab.title = server
|
||||
tab.server = server
|
||||
tab.db = db
|
||||
tab.type = type
|
||||
tab.ttl = ttl
|
||||
tab.key = key
|
||||
tab.keyCode = keyCode
|
||||
tab.size = size
|
||||
tab.value = value
|
||||
tab.viewAs = viewAs
|
||||
this._setActivatedIndex(tabIndex, true)
|
||||
this._setActivatedIndex(tabIndex, true, subTab)
|
||||
// this.activatedTab = tab.name
|
||||
},
|
||||
|
||||
|
|
@ -162,6 +172,14 @@ const useTabStore = defineStore('tab', {
|
|||
// this.activatedIndex = tabIndex
|
||||
},
|
||||
|
||||
switchSubTab(name) {
|
||||
const tab = this.currentTab
|
||||
if (tab == null) {
|
||||
return
|
||||
}
|
||||
tab.subTab = name
|
||||
},
|
||||
|
||||
/**
|
||||
*
|
||||
* @param {number} tabIndex
|
||||
|
|
|
|||
|
|
@ -1,8 +1,6 @@
|
|||
.content-container {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ body {
|
|||
background-color: #0000;
|
||||
line-height: 1.5;
|
||||
font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
//--wails-draggable: drag;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#app {
|
||||
|
|
@ -75,7 +75,7 @@ body {
|
|||
}
|
||||
|
||||
.content-wrapper {
|
||||
//height: 100%;
|
||||
height: 100%;
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
gap: 5px;
|
||||
|
|
@ -95,6 +95,7 @@ body {
|
|||
.value-wrapper {
|
||||
//border-top: v-bind('themeVars.borderColor') 1px solid;
|
||||
user-select: text;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
2
go.mod
2
go.mod
|
|
@ -37,7 +37,7 @@ require (
|
|||
github.com/tkrajina/go-reflector v0.5.6 // indirect
|
||||
github.com/valyala/bytebufferpool v1.0.0 // indirect
|
||||
github.com/valyala/fasttemplate v1.2.2 // indirect
|
||||
github.com/wailsapp/go-webview2 v1.0.8 // indirect
|
||||
github.com/wailsapp/go-webview2 v1.0.10 // indirect
|
||||
github.com/wailsapp/mimetype v1.4.1 // indirect
|
||||
golang.org/x/exp v0.0.0-20230817173708-d852ddb80c63 // indirect
|
||||
golang.org/x/net v0.17.0 // indirect
|
||||
|
|
|
|||
4
go.sum
4
go.sum
|
|
@ -82,8 +82,8 @@ github.com/valyala/fasttemplate v1.2.2 h1:lxLXG0uE3Qnshl9QyaK6XJxMXlQZELvChBOCmQ
|
|||
github.com/valyala/fasttemplate v1.2.2/go.mod h1:KHLXt3tVN2HBp8eijSv/kGJopbvo7S+qRAEEKiv+SiQ=
|
||||
github.com/vrischmann/userdir v0.0.0-20151206171402-20f291cebd68 h1:Ah2/69Z24rwD6OByyOdpJDmttftz0FTF8Q4QZ/SF1E4=
|
||||
github.com/vrischmann/userdir v0.0.0-20151206171402-20f291cebd68/go.mod h1:EqKqAeKddSL9XSGnfXd/7iLncccKhR16HBKVva7ENw8=
|
||||
github.com/wailsapp/go-webview2 v1.0.8 h1:hyoFPlMSfb/NM64wuVbgBaq1MASJjqsSUYhN+Rbcr9Y=
|
||||
github.com/wailsapp/go-webview2 v1.0.8/go.mod h1:Uk2BePfCRzttBBjFrBmqKGJd41P6QIHeV9kTgIeOZNo=
|
||||
github.com/wailsapp/go-webview2 v1.0.10 h1:PP5Hug6pnQEAhfRzLCoOh2jJaPdrqeRgJKZhyYyDV/w=
|
||||
github.com/wailsapp/go-webview2 v1.0.10/go.mod h1:Uk2BePfCRzttBBjFrBmqKGJd41P6QIHeV9kTgIeOZNo=
|
||||
github.com/wailsapp/mimetype v1.4.1 h1:pQN9ycO7uo4vsUUuPeHEYoUkLVkaRntMnHJxVwYhwHs=
|
||||
github.com/wailsapp/mimetype v1.4.1/go.mod h1:9aV5k31bBOv5z6u+QP8TltzvNGJPmNJD4XlAL3U+j3o=
|
||||
github.com/wailsapp/wails/v2 v2.6.0 h1:EyH0zR/EO6dDiqNy8qU5spaXDfkluiq77xrkabPYD4c=
|
||||
|
|
|
|||
6
main.go
6
main.go
|
|
@ -28,6 +28,7 @@ func main() {
|
|||
// Create an instance of the app structure
|
||||
sysSvc := services.System()
|
||||
connSvc := services.Connection()
|
||||
cliSvc := services.Cli()
|
||||
prefSvc := services.Preferences()
|
||||
prefSvc.SetAppVersion(version)
|
||||
windowWidth, windowHeight := prefSvc.GetWindowSize()
|
||||
|
|
@ -56,16 +57,19 @@ func main() {
|
|||
OnStartup: func(ctx context.Context) {
|
||||
sysSvc.Start(ctx)
|
||||
connSvc.Start(ctx)
|
||||
cliSvc.Start(ctx)
|
||||
|
||||
services.GA().SetSecretKey(gaMeasurementID, gaSecretKey)
|
||||
services.GA().Startup(version)
|
||||
},
|
||||
OnShutdown: func(ctx context.Context) {
|
||||
connSvc.Stop(ctx)
|
||||
connSvc.Stop()
|
||||
cliSvc.CloseAll()
|
||||
},
|
||||
Bind: []interface{}{
|
||||
sysSvc,
|
||||
connSvc,
|
||||
cliSvc,
|
||||
prefSvc,
|
||||
},
|
||||
Mac: &mac.Options{
|
||||
|
|
|
|||
Loading…
Reference in New Issue