perf: 优化连接方式为空时页面显示

src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.scss

@@ -1,5 +1,5 @@
 .advanced-option {
-  margin-top: 1.25em;
+  margin-top: 1.1em;
 }
 
 .mat-expansion-panel-header {

src/app/elements/connect/connect-dialog/connect-method/connect-method.component.html

@@ -2,7 +2,7 @@
   <label class="zone-label">
     {{ "Connect Method" | translate }}
   </label>
-  <div class="connect-type-group">
+  <div *ngIf="connectMethodTypes.length > 0; else empty" class="connect-type-group">
     <mat-tab-group
       [selectedIndex]="currentConnectMethodTypeIndex()"
       (selectedIndexChange)="onConnectMethodTypeChange($event)"
@@ -37,4 +37,9 @@
       </mat-tab>
     </mat-tab-group>
   </div>
+  <ng-template #empty>
+    <div class="empty">
+      {{ "No available connect method" | translate }}
+    </div>
+  </ng-template>
 </div>

src/assets/i18n/en.json

@@ -75,6 +75,7 @@
   "Select account": "Select account",
   "No matching found": "No matching found",
   "Connect Method": "Connect Method",
+  "No available connect method": "No available connect method",
   "Need to use": "Need to use",
   "Download the client": "Please download",
   "Yes": "Yes",

src/assets/i18n/ja.json

@@ -75,6 +75,7 @@
   "Select account": "システムユーザーの選択",
   "No matching found": "マッチがありません",
   "Connect Method": "接続方法",
+  "No available connect method": "接続方法がありません",
   "Need to use": "使用する必要がある",
   "Yes": "はい",
   "No": "いいえ",

src/assets/i18n/zh.json

@@ -75,6 +75,7 @@
   "Select account": "选择账号",
   "No matching found": "没有匹配项",
   "Connect Method": "连接方式",
+  "No available connect method": "没有可用的连接方法",
   "Need to use": "需要使用",
   "Yes": "是",
   "No": "否",