调整连接信息弹框样式以及国际化

src/renderer/src/components/NewConnectionDialog.vue

@@ -67,7 +67,7 @@ watch(() => props.visible, async (v) => {
         sentinelNodePassword: props.connection.sentinelNodePassword || '',
         cluster: props.connection.cluster || false,
         separator: props.connection.separator,
-        scanCount: props.connection.scanCount ?? 100,
+        scanCount: props.connection.scanCount ?? 2000,
         sshEnabled: props.connection.sshEnabled || false,
         sshHost: props.connection.sshHost || '',
         sshPort: props.connection.sshPort || 22,
@@ -86,7 +86,7 @@ watch(() => props.visible, async (v) => {
         sentinelMasterName: '', sentinelNodePassword: '',
         cluster: false,
         separator: ':',
-        scanCount: 100,
+        scanCount: 2000,
         sshEnabled: false, sshHost: '', sshPort: 22,
         sshUsername: '', sshPassword: '', sshPrivateKeyPath: '', sshPassphrase: '',
       })
@@ -224,19 +224,20 @@ async function handleSave() {
 <template>
   <el-dialog
     :model-value="visible"
-    :title="isEdit ? t('connection.edit') : t('connection.new')"
     width="580px"
     :close-on-click-modal="false"
     @update:model-value="close"
     class="connection-dialog"
   >
-    <el-form label-position="top" size="small" class="connection-form">
+    <template #title>
+      <span class="dialog-title">
+        <span class="title-icon">🔌</span>
+        {{ isEdit ? t('connection.edit') : t('connection.new') }}
+    </span>
+    </template>
+    <el-form label-position="left" size="small" class="connection-form">
       <!-- Basic Connection Info -->
       <div class="section basic-section">
-        <div class="section-header">
-          <div class="section-icon">🔌</div>
-          <span class="section-title">Basic Connection</span>
-        </div>
         <div class="section-content">
           <el-form-item :label="t('connection.name')" required>
             <el-input v-model="form.name" placeholder="My Redis" class="form-input" />
@@ -253,18 +254,30 @@ async function handleSave() {
               </el-form-item>
             </el-col>
           </el-row>
-          <el-form-item :label="t('connection.password')">
+          <el-row :gutter="12">
-            <el-input v-model="form.auth" type="password" show-password :placeholder="t('connection.password')" class="form-input" />
+            <el-col :span="8">
-          </el-form-item>
+              <el-form-item :label="t('connection.username')">
-          <el-form-item :label="t('connection.username')">
+                <el-input v-model="form.username" placeholder="default" class="form-input" />
-            <el-input v-model="form.username" placeholder="default" class="form-input" />
+              </el-form-item>
-          </el-form-item>
+            </el-col>
-          <el-form-item label="Key Separator">
+            <el-col :span="16">
-            <el-input v-model="form.separator" placeholder=":" class="form-input" />
+              <el-form-item :label="t('connection.password')">
-          </el-form-item>
+                <el-input v-model="form.auth" type="password" show-password :placeholder="t('connection.password')" class="form-input" />
-          <el-form-item label="Scan Count">
+              </el-form-item>
-            <el-input-number v-model="form.scanCount" :min="10" :max="10000" :step="10" controls-position="right" class="form-input" />
+            </el-col>
-          </el-form-item>
+          </el-row>
+          <el-row :gutter="12">
+            <el-col :span="12">
+              <el-form-item :label="t('connection.keySeparator')">
+                <el-input v-model="form.separator" placeholder=":" class="form-input" />
+              </el-form-item>
+            </el-col>
+            <el-col :span="12">
+              <el-form-item :label="t('connection.scanCount')">
+                <el-input-number v-model="form.scanCount" :min="10" :max="100000" :step="10" controls-position="right" class="form-input" />
+              </el-form-item>
+            </el-col>
+          </el-row>
         </div>
       </div>
       <!-- Advanced Options -->

src/renderer/src/i18n/locales/de.ts

@@ -34,6 +34,8 @@ export default {
     port: 'Port',
     password: 'Passwort',
     username: 'Benutzername',
+    keySeparator: 'Key Separator',
+    scanCount: 'Scan Count',
     tls: 'TLS aktivieren',
     tlsCaPath: 'CA-Zertifikat',
     tlsCertPath: 'Client-Zertifikat',

src/renderer/src/i18n/locales/en.ts

@@ -34,6 +34,8 @@ export default {
     port: 'Port',
     password: 'Password',
     username: 'Username',
+    keySeparator: 'Key Separator',
+    scanCount: 'Scan Count',
     tls: 'Enable TLS',
     tlsCaPath: 'CA Certificate',
     tlsCertPath: 'Client Certificate',

src/renderer/src/i18n/locales/ja.ts

@@ -34,6 +34,8 @@ export default {
     port: 'ポート',
     password: 'パスワード',
     username: 'ユーザー名',
+    keySeparator: 'Key Separator',
+    scanCount: 'Scan Count',
     tls: 'TLSを有効化',
     tlsCaPath: 'CA証明書',
     tlsCertPath: 'クライアント証明書',

src/renderer/src/i18n/locales/ko.ts

@@ -34,6 +34,8 @@ export default {
     port: '포트',
     password: '비밀번호',
     username: '사용자 이름',
+    keySeparator: 'Key Separator',
+    scanCount: 'Scan Count',
     tls: 'TLS 활성화',
     tlsCaPath: 'CA 인증서',
     tlsCertPath: '클라이언트 인증서',

src/renderer/src/i18n/locales/zh-CN.ts

@@ -34,6 +34,8 @@ export default {
     port: '端口',
     password: '密码',
     username: '用户名',
+    keySeparator: '键分割符',
+    scanCount: '检索数量',
     tls: '启用 TLS',
     tlsCaPath: 'CA 证书',
     tlsCertPath: '客户端证书',