chore: fix directionality

packages/abc/auto-focus/auto-focus.directive.ts

@@ -20,7 +20,7 @@ import { timer } from 'rxjs';
 export class AutoFocusDirective implements AfterViewInit {
   private readonly el: HTMLElement = inject(ElementRef).nativeElement;
   private readonly platform = inject(Platform);
-  private readonly d$ = inject(DestroyRef);
+  private readonly destroy$ = inject(DestroyRef);
 
   @Input({ transform: booleanAttribute }) enabled = true;
   @Input({ transform: numberAttribute }) delay = 300;
@@ -31,7 +31,7 @@ export class AutoFocusDirective implements AfterViewInit {
       return;
     }
     timer(this.delay)
-      .pipe(takeUntilDestroyed(this.d$))
+      .pipe(takeUntilDestroyed(this.destroy$))
       .subscribe(() => el.focus({ preventScroll: false }));
   }
 }

packages/abc/avatar-list/avatar-list.component.ts

@@ -6,6 +6,7 @@ import {
   ChangeDetectorRef,
   Component,
   ContentChildren,
+  DestroyRef,
   Input,
   OnChanges,
   QueryList,
@@ -38,7 +39,7 @@ import { AvatarListItemComponent } from './avatar-list-item.component';
 export class AvatarListComponent implements AfterViewInit, OnChanges {
   private readonly cdr = inject(ChangeDetectorRef);
   private readonly directionality = inject(Directionality, { optional: true });
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
+  private readonly destroy$ = inject(DestroyRef);
 
   private inited = false;
   @ContentChildren(AvatarListItemComponent, { descendants: false })
@@ -79,7 +80,7 @@ export class AvatarListComponent implements AfterViewInit, OnChanges {
 
   ngAfterViewInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/error-collect/error-collect.component.ts

@@ -84,7 +84,7 @@ export class ErrorCollectComponent implements OnInit {
 
   private install(): void {
     this.dir = this.directionality?.value;
-    this.directionality?.change?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/exception/exception.component.ts

@@ -117,7 +117,7 @@ export class ExceptionComponent implements OnInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.directionality?.change?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/global-footer/global-footer.component.ts

@@ -43,7 +43,6 @@ export class GlobalFooterComponent implements OnInit {
   private readonly cdr = inject(ChangeDetectorRef);
   private readonly destroy$ = inject(DestroyRef);
 
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
   private _links: GlobalFooterLink[] = [];
 
   dir?: Direction = 'ltr';
@@ -76,7 +75,7 @@ export class GlobalFooterComponent implements OnInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/page-header/page-header.component.ts

@@ -67,7 +67,6 @@ export class PageHeaderComponent implements OnInit, OnChanges, AfterViewInit {
   private readonly reuseSrv = inject(ReuseTabService, { optional: true });
   private readonly directionality = inject(Directionality, { optional: true });
 
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
   @ViewChild('conTpl', { static: false }) private conTpl!: ElementRef;
   @ViewChild('affix', { static: false }) private affix!: NzAffixComponent;
   inited = false;
@@ -207,7 +206,7 @@ export class PageHeaderComponent implements OnInit, OnChanges, AfterViewInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed()).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/result/result.component.ts

@@ -31,7 +31,7 @@ import { NzIconDirective } from 'ng-zorro-antd/icon';
 export class ResultComponent implements OnInit {
   private readonly cdr = inject(ChangeDetectorRef);
   private readonly directionality = inject(Directionality, { optional: true });
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
+
   _type = '';
   _icon = '';
   @Input()
@@ -57,7 +57,7 @@ export class ResultComponent implements OnInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed()).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/reuse-tab/reuse-tab.component.ts

@@ -303,7 +303,7 @@ export class ReuseTabComponent implements OnInit, OnChanges {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.directionality?.change?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/abc/tag-select/tag-select.component.ts

@@ -49,8 +49,9 @@ export class TagSelectComponent implements OnInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.directionality?.change?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
+      this.cdr.detectChanges();
     });
     this.i18n.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(() => {
       this.locale = this.i18n.getData('tagSelect');

packages/theme/layout-default/layout-nav.component.ts

@@ -260,7 +260,7 @@ export class LayoutDefaultNavComponent implements OnInit, OnDestroy {
     this.underPad();
 
     this.dir = this.directionality?.value;
-    this.directionality?.change?.pipe(takeUntilDestroyed(this.destroy$)).subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed(this.destroy$)).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/theme/setting-drawer/setting-drawer.component.ts

@@ -46,7 +46,6 @@ export class SettingDrawerComponent implements OnInit {
   @Input() lessJs = 'https://cdn.jsdelivr.net/npm/less';
 
   private loadedLess = false;
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
   dir?: Direction = 'ltr';
   isDev = isDevMode();
   collapse = false;
@@ -72,7 +71,7 @@ export class SettingDrawerComponent implements OnInit {
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed()).subscribe(direction => {
       this.dir = direction;
       this.cdr.detectChanges();
     });

packages/theme/theme-btn/theme-btn.component.ts

@@ -58,13 +58,12 @@ export class ThemeBtnComponent implements OnInit, OnDestroy {
   @Input() devTips = `When the dark.css file can't be found, you need to run it once: npm run theme`;
   @Input() deployUrl = '';
   @Output() readonly themeChange = new EventEmitter<string>();
-  private dir$ = this.directionality?.change?.pipe(takeUntilDestroyed());
   dir?: Direction = 'ltr';
   private key = inject(ALAIN_THEME_BTN_KEYS, { optional: true }) ?? 'site-theme';
 
   ngOnInit(): void {
     this.dir = this.directionality?.value;
-    this.dir$?.subscribe((direction: Direction) => {
+    this.directionality?.change.pipe(takeUntilDestroyed()).subscribe((direction: Direction) => {
       this.dir = direction;
       this.cdr.detectChanges();
     });