From 26e6e4cdca65049df0429b47b70a1c55c8687e92 Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Tue, 6 Jun 2023 11:11:11 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=BF=9E=E6=8E=A5?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../advanced-option/advanced-option.component.html        | 4 ++--
 .../advanced-option/advanced-option.component.ts          | 1 +
 src/app/services/http.ts                                  | 8 ++++----
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.html b/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.html
index 2343e3c6..14fcbf34 100644
--- a/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.html
+++ b/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.html
@@ -21,7 +21,7 @@
           <ng-container *ngIf="item.type === 'select'">
             <mat-form-field class="option-item">
               <mat-label>{{ item.label | translate }}</mat-label>
-              <mat-select [(ngModel)]="item.value" [name]="item.field">
+              <mat-select (ngModelChange)="optionChange(item)" [(ngModel)]="item.value" [name]="item.field">
                 <mat-option *ngFor="let option of item.options" [value]="option.value">
                   {{ option.label | translate }}
                 </mat-option>
@@ -30,7 +30,7 @@
           </ng-container>
           <ng-container *ngIf="item.type === 'radio'">
             <div class="option-item">
-              <mat-radio-group [(ngModel)]="item.value" [name]="item.field">
+              <mat-radio-group (ngModelChange)="optionChange(item)" [(ngModel)]="item.value" [name]="item.field">
                 <mat-label style="margin-right: 10px">{{ item.label | translate }}</mat-label>
                 <mat-radio-button *ngFor="let option of item.options" [value]="option.value">
                   {{ option.label | translate }}
diff --git a/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.ts b/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.ts
index 67afbe77..94c2423c 100644
--- a/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.ts
+++ b/src/app/elements/connect/connect-dialog/advanced-option/advanced-option.component.ts
@@ -73,6 +73,7 @@ export class ElementAdvancedOptionComponent implements OnChanges {
     ];
     this.advancedOptions = this.advancedOptions.filter(i => !i.hidden());
     this.isShowAdvancedOption = this.advancedOptions.length > 0;
+    this.optionChange(null);
   }
 
   optionChange(event) {
diff --git a/src/app/services/http.ts b/src/app/services/http.ts
index 50ab0cc9..7abdca0a 100644
--- a/src/app/services/http.ts
+++ b/src/app/services/http.ts
@@ -239,10 +239,10 @@ export class HttpService {
     const {account, protocol, manualAuthInfo, connectMethod} = connectData;
     const username = account.username.startsWith('@') ? manualAuthInfo.username : account.username;
     const secret = encryptPassword(manualAuthInfo.secret);
-    const connectOption = connectData.connectOptions.reduce((result, option) => {
-      result[option.field] = option.value;
-      return result;
-    }, {});
+    const connectOption = {};
+    for (const option of connectData.connectOptions) {
+      connectOption[option.field] = option.value;
+    }
     const data = {
       asset: asset.id,
       account: account.alias,