maybe works

src/app/ygopro/ygopro.component.html

@@ -27,15 +27,24 @@
   <div class="col-sm-8 input-group input-group-sm">
     <label i18n class="input-group-text" id="basic-addon1">卡组</label>
     <select class="form-select form-select-sm" id="exampleSelect1" name="deck" [(ngModel)]="current_deck">
-      <option *ngFor="let deck of group[1]" [value]="group[0] + '/' + deck">{{deck}}</option>
-      <ng-container *ngFor="let group of deckGroup()">
-        <ng-container *ngIf="group[0] == '.'; else #x">
-
-        </ng-container>
-        <ng-template #elseBlock>Content to render when condition is false.</ng-template>
-        <optgroup [label]="group[0]"></optgroup>
-        <option *ngFor="let deck of group[1]" [value]="group[0] + '/' + deck">{{deck}}</option>
+      <option *ngFor="let deck of decks_grouped['.']" [value]="deck">{{deck}}</option>
+      <ng-container *ngFor="let group of decks_grouped | keyvalue">
+        <optgroup *ngIf="group.key !== '.'" [label]='group.key'>
+          <option *ngFor="let deck of group.value" [value]="group.key + '/' + deck">{{deck}}</option>
+        </optgroup>
       </ng-container>
+
+
+<!--      <option *ngFor="let deck of group[1]" [value]="group[0] + '/' + deck">{{deck}}</option>-->
+<!--      -->
+<!--      <ng-container *ngFor="let group of deck_grouped | keyvalue">-->
+<!--        <ng-container *ngIf="group[0] == '.'; else #x">-->
+
+<!--        </ng-container>-->
+<!--        <ng-template #elseBlock>Content to render when condition is false.</ng-template>-->
+<!--        <optgroup [label]="group[0]"></optgroup>-->
+<!--        <option *ngFor="let deck of group[1]" [value]="group[0] + '/' + deck">{{deck}}</option>-->
+<!--      </ng-container>-->
     </select>
     <span class="input-group-btn">
         <button id="edit_deck_button" i18n [disabled]="!appsService.allReady(app)" class="btn btn-secondary btn-sm" (click)="edit_deck(current_deck)">编辑</button>

src/app/ygopro/ygopro.component.ts

@@ -137,7 +137,7 @@ export class YGOProComponent implements OnInit, OnDestroy {
   @Output()
   points: EventEmitter<any> = new EventEmitter();
   decks: string[] = [];
-  decks_grouped: Record<string, string[]>;
+  decks_grouped: Record<string, string[]> = {};
   replays: string[] = [];
   current_deck: string;
   system_conf?: string;
@@ -492,6 +492,8 @@ export class YGOProComponent implements OnInit, OnDestroy {
       } else if (init) {
         this.current_deck = this.decks[0];
       }
+
+      console.log(this.current_deck)
     }
 
     this.replays = await this.get_replays();
@@ -513,7 +515,7 @@ export class YGOProComponent implements OnInit, OnDestroy {
 
   async get_decks(): Promise<string[]> {
     try {
-      return fg.sync('**/*.ydk', { cwd: this.app.ygoproDeckPath });
+      return (await fg('**/*.ydk', { cwd: this.app.ygoproDeckPath })).map(d => d.slice(0, -4));
     } catch (error) {
       console.error(`Load deck fail: ${error.toString()}`);
       return [];