refactor(module:radio): refactor way to manage radio button style (#8299

)
NG-ZORRO · Feb 8, 2024 · 2eb5cfb · 2eb5cfb
1 parent 3648747
commit 2eb5cfb
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 19 deletions.
diff --git a/components/radio/public-api.ts b/components/radio/public-api.ts
@@ -3,7 +3,6 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-export * from './radio-button.directive';
 export * from './radio-group.component';
 export * from './radio.component';
 export * from './radio.service';

diff --git a/components/radio/radio-button.directive.ts b/components/radio/radio-button.directive.ts
diff --git a/components/radio/radio.component.ts b/components/radio/radio.component.ts
@@ -7,6 +7,7 @@ import { FocusMonitor } from '@angular/cdk/a11y';
 import { Direction, Directionality } from '@angular/cdk/bidi';
 import {
   AfterViewInit,
+  booleanAttribute,
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
@@ -29,7 +30,6 @@ import { NzFormStatusService } from 'ng-zorro-antd/core/form';
 import { BooleanInput, NzSafeAny, OnChangeType, OnTouchedType } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
 
-import { NzRadioButtonDirective } from './radio-button.directive';
 import { NzRadioService } from './radio.service';
 
 @Component({
@@ -90,13 +90,13 @@ export class NzRadioComponent implements ControlValueAccessor, AfterViewInit, On
   private isNzDisableFirstChange: boolean = true;
   isChecked = false;
   name: string | null = null;
-  isRadioButton = !!this.nzRadioButtonDirective;
   onChange: OnChangeType = () => {};
   onTouched: OnTouchedType = () => {};
   @ViewChild('inputElement', { static: true }) inputElement!: ElementRef<HTMLInputElement>;
   @Input() nzValue: NzSafeAny | null = null;
   @Input() @InputBoolean() nzDisabled = false;
   @Input() @InputBoolean() nzAutoFocus = false;
+  @Input({ alias: 'nz-radio-button', transform: booleanAttribute }) isRadioButton = false;
 
   dir: Direction = 'ltr';
 
@@ -115,7 +115,6 @@ export class NzRadioComponent implements ControlValueAccessor, AfterViewInit, On
     private focusMonitor: FocusMonitor,
     @Optional() private directionality: Directionality,
     @Optional() @Inject(NzRadioService) private nzRadioService: NzRadioService | null,
-    @Optional() @Inject(NzRadioButtonDirective) private nzRadioButtonDirective: NzRadioButtonDirective | null,
     @Optional() public nzFormStatusService?: NzFormStatusService
   ) {}
 

diff --git a/components/radio/radio.module.ts b/components/radio/radio.module.ts
@@ -5,12 +5,11 @@
 
 import { NgModule } from '@angular/core';
 
-import { NzRadioButtonDirective } from './radio-button.directive';
 import { NzRadioGroupComponent } from './radio-group.component';
 import { NzRadioComponent } from './radio.component';
 
 @NgModule({
-  imports: [NzRadioComponent, NzRadioButtonDirective, NzRadioGroupComponent],
-  exports: [NzRadioComponent, NzRadioButtonDirective, NzRadioGroupComponent]
+  imports: [NzRadioComponent, NzRadioGroupComponent],
+  exports: [NzRadioComponent, NzRadioGroupComponent]
 })
 export class NzRadioModule {}