console UI optimize&&update version

qishibo · Nov 3, 2024 · 7f912d6 · 7f912d6
1 parent 2014ea3
commit 7f912d6
Show file tree

Hide file tree

Showing 5 changed files with 39 additions and 66 deletions.
diff --git a/README.md b/README.md
@@ -57,6 +57,7 @@
 
 ## Feature Log
 
+- 2024-11-03: Import batch commands from files
 - 2024-10-07: Hash field TTL support(Redis>=7.4)
 - 2024-06-06: Search connections support
 - 2024-04-10: DB custom name support

diff --git a/README.zh-CN.md b/README.zh-CN.md
@@ -52,6 +52,7 @@
 
 ## 里程碑
 
+- 2024-11-03: 支持从文件批量导入命令并执行
 - 2024-10-07: Hash键值支持TTL(Redis>=7.4)
 - 2024-06-06: 搜索链接支持
 - 2024-04-10: DB自定义名称支持

diff --git a/pack/electron/package.json b/pack/electron/package.json
@@ -1,6 +1,6 @@
 {
   "name": "another-redis-desktop-manager",
-  "version": "1.6.8",
+  "version": "1.7.0",
   "description": "A faster, better and more stable redis desktop manager.",
   "author": "Another",
   "private": true,

diff --git a/src/components/CliContent.vue b/src/components/CliContent.vue
@@ -97,7 +97,7 @@ export default {
 <style type="text/css">
   .cli-content-container .monaco-editor-con {
     min-height: 150px;
-    height: calc(100vh - 160px);
+    height: calc(100vh - 123px);
     clear: both;
     overflow: hidden;
     background: #263238;

diff --git a/src/components/CliTab.vue b/src/components/CliTab.vue
@@ -1,44 +1,31 @@
 <template>
-<div>
-  <el-form @submit.native.prevent>
-    <el-form-item>
-      <!-- content textarea -->
-      <!-- <el-input
-        ref="cliContent"
-        type="textarea"
-        :value="contentStr"
-        rows='22'
-        :disabled="true"
-        :readonly="true"
-        id='cli-content'>
-      </el-input> -->
-
-      <CliContent ref="editor" :content="contentStr"></CliContent>
-
-      <!-- input params -->
-      <el-autocomplete
-        class="input-suggestion"
-        autocomplete="off"
-        v-model="params"
-        :debounce='10'
-        :disabled='subscribeMode || monitorMode'
-        :fetch-suggestions="inputSuggestion"
-        :placeholder="$t('message.enter_to_exec')"
-        :select-when-unmatched="true"
-        :trigger-on-focus="false"
-        popper-class="cli-console-suggestion"
-        ref="cliParams"
-        @select='$refs.cliParams.focus()'
-        @keyup.enter.native="consoleExec"
-        @keyup.up.native="searchUp"
-        @keyup.down.native="searchDown">
-      </el-autocomplete>
-    </el-form-item>
-  </el-form>
-
-  <el-button v-if='subscribeMode' @click='stopSubscribe' type='danger' class='stop-subscribe'>Stop Subscribe</el-button>
-  <el-button v-else-if='monitorMode' @click='stopMonitor' type='danger' class='stop-subscribe'>Stop Monitor</el-button>
-</div>
+  <div class="tab-cli">
+    <!-- result container -->
+    <CliContent ref="editor" :content="contentStr"></CliContent>
+
+    <!-- input params -->
+    <el-autocomplete
+      class="input-suggestion"
+      autocomplete="off"
+      v-model="params"
+      :debounce='10'
+      :disabled='subscribeMode || monitorMode'
+      :fetch-suggestions="inputSuggestion"
+      :placeholder="$t('message.enter_to_exec')"
+      :select-when-unmatched="true"
+      :trigger-on-focus="false"
+      popper-class="cli-console-suggestion"
+      ref="cliParams"
+      @select='$refs.cliParams.focus()'
+      @keyup.enter.native="consoleExec"
+      @keyup.up.native="searchUp"
+      @keyup.down.native="searchDown">
+    </el-autocomplete>
+
+    <!-- stop sub\monitor btn -->
+    <el-button v-if='subscribeMode' @click='stopSubscribe' type='danger' class='stop-subscribe'>Stop Subscribe</el-button>
+    <el-button v-else-if='monitorMode' @click='stopMonitor' type='danger' class='stop-subscribe'>Stop Monitor</el-button>
+  </div>
 </template>
 
 <script type="text/javascript">
@@ -451,45 +438,29 @@ export default {
 </script>
 
 <style type="text/css">
-  .cli-dailog .el-dialog__body {
-    padding: 0 20px;
-  }
-  .input-suggestion {
+  .tab-cli .input-suggestion {
     width: 100%;
-    line-height: 34px !important;
+    margin-top: 2px;
   }
 
-  .input-suggestion input {
+  .tab-cli .input-suggestion input {
     color: #babdc1;
     background: #263238;
     border-top: 0px;
     border-radius: 0 0 4px 4px;
   }
-  .dark-mode .input-suggestion input  {
+  .dark-mode .tab-cli .input-suggestion input  {
     color: #f7f7f7;
     background: #324148;
   }
 
-  .input-suggestion input::-webkit-input-placeholder {
+  .tab-cli .input-suggestion input::-webkit-input-placeholder {
     color: #8a8b8e;
   }
 
-  #cli-content {
-    color: #babdc1;
-    background: #263238;
-    border-bottom: 0px;
-    border-radius: 4px 4px 0 0;
-    cursor: text;
-    height: calc(100vh - 160px);
-  }
-  .dark-mode #cli-content {
-    color: #f7f7f7;
-    background: #324148;
-  }
-
-  .stop-subscribe {
+  .tab-cli .stop-subscribe {
     position: fixed;
-    right: 30px;
-    bottom: 104px;
+    right: 34px;
+    bottom: 68px;
   }
 </style>