refactor: 代码优化

Author: huajian123

src/app/pages/login/login-form/login-form.component.ts

@@ -86,6 +86,7 @@ export class LoginFormComponent implements OnInit {
                 源码地址：<a href="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/huajian123/ng-ant-admin">在这里</a>
             `,
               {
+                nzPlacement: 'top',
                 nzDuration: 0
               }
             );

src/app/pages/page-demo/task/task-list-panel/task-list-panel.component.html

@@ -1,7 +1,7 @@
 <nz-card [nzBodyStyle]="{ padding: 0 }">
   <nz-collapse nzGhost>
     <nz-collapse-panel *ngFor="let panel of panels" [nzActive]="panel.active" [nzDisabled]="panel.disabled" [nzExtra]="extraTpl" [nzHeader]="panel.name">
-      <p style="margin: 0">A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.</p>
+      <p style="margin: 0">我还在紧张开发中。。。嘻嘻</p>
     </nz-collapse-panel>
   </nz-collapse>
 </nz-card>

src/app/shared/biz-components/icon-sel/icon-sel.component.html

@@ -6,7 +6,7 @@
   nzTheme="outline"
   [nzPopoverContent]="contentTemplate"
   [nzPopoverTitle]="searchTitle"
-  [nzType]="seletedIcon || 'appstore'"
+  [nzType]="selectedIcon || 'appstore'"
   [(nzPopoverVisible)]="visible"
 ></i>
 <ng-template #searchTitle>

src/app/shared/biz-components/icon-sel/icon-sel.component.ts

@@ -30,7 +30,7 @@ export class IconSelComponent implements OnInit, AfterViewInit {
   @Input({ transform: booleanAttribute }) visible = false;
   // 做图标搜索防抖
   private searchText$ = new Subject<string>();
-  seletedIcon = '';
+  selectedIcon = '';
   @Output() readonly selIcon = new EventEmitter<string>();
   // 分页信息
   pageObj = {
@@ -58,11 +58,10 @@ export class IconSelComponent implements OnInit, AfterViewInit {
   }
 
   selIconFn(item: IconItem): void {
-    this.seletedIcon = item.icon;
-    this.sourceIconsArray.forEach(icon => (icon.isChecked = false));
-    this.iconsStrShowArray.forEach(icon => (icon.isChecked = false));
-    this.iconsStrAllArray.forEach(icon => (icon.isChecked = false));
-
+    this.selectedIcon = item.icon;
+    [this.sourceIconsArray, this.iconsStrShowArray, this.iconsStrAllArray].forEach(item => {
+      item.forEach(icon => (icon.isChecked = false));
+    });
     item.isChecked = true;
     this.selIcon.emit(item.icon);
   }

src/app/shared/biz-components/password-strength-meter/psm-progress-bar.directive.ts

@@ -31,15 +31,15 @@ export class PSMProgressBarDirective implements OnChanges {
     this.progressBar = this.el.nativeElement;
   }
 
-  ngOnChanges(changes: SimpleChanges) {
+  ngOnChanges(changes: SimpleChanges): void {
     if (changes['numberOfProgressBarItems']) {
       this.setProgressBarItems();
     }
 
     this.setProgressBar();
   }
 
-  setProgressBarItems() {
+  setProgressBarItems(): void {
     const progressBarItemContainer = this.progressBar.querySelector('.psm__progress-bar-items');
     const width = 100 / this.numberOfProgressBarItems!;
 
@@ -57,7 +57,7 @@ export class PSMProgressBarDirective implements OnChanges {
       });
   }
 
-  setProgressBar() {
+  setProgressBar(): void {
     const progressBarOverlayWidth = this.getFillMeterWidth(this.passwordStrength as number);
     const progressBarOverlayWidthInPx = `${progressBarOverlayWidth}%`;
 
@@ -87,7 +87,7 @@ export class PSMProgressBarDirective implements OnChanges {
     return roundedStrengthInPercentage;
   }
 
-  getMeterFillColor(progressLevel: number) {
+  getMeterFillColor(progressLevel: number): string {
     if (!progressLevel || progressLevel <= 0 || (progressLevel > this.colors.length && progressLevel > this.defaultColors.length)) {
       return this.colors[0] ? this.colors[0] : this.defaultColors[0];
     }