Merge branch 'v19'

.npmrc

@@ -1 +1 @@
-registry=https://registry.npmmirror.com
+# registry=https://registry.npmmirror.com

README-zh_CN.md

@@ -66,7 +66,8 @@ npm install [email protected] --save
 
 | angular | ng-zorro-antd | ng-zorro-antd-extension | LTS ENDS        |
 | ------- | ------------- | ----------------------- | --------------- |
-| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-xx      |
+| ^19.0.0 | ^19.0.0       | ^19.0.0                 | 2026-05-19      |
+| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-19      |
 | ^17.0.0 | ^17.0.0       | ^15.6.0                 | 2025-05-15      |
 | ^16.0.0 | ^16.0.0       | ^15.6.0                 | 2024-11-08(end) |
 | ^15.0.0 | ^15.0.0       | ^15.0.0                 | 2024-05-18(end) |

README.md

@@ -60,7 +60,8 @@ export class AppModule {}
 
 | angular | ng-zorro-antd | ng-zorro-antd-extension | LTS ends        |
 | ------- | ------------- | ----------------------- | --------------- |
-| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-xx      |
+| ^19.0.0 | ^19.0.0       | ^19.0.0                 | 2026-05-19      |
+| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-19      |
 | ^17.0.0 | ^17.0.0       | ^15.6.0                 | 2025-05-15      |
 | ^16.0.0 | ^16.0.0       | ^15.6.0                 | 2024-11-08(end) |
 | ^15.0.0 | ^15.0.0       | ^15.0.0                 | 2024-05-18(end) |

components/README-zh_CN.md

@@ -60,7 +60,8 @@ export class AppModule {}
 
 | angular | ng-zorro-antd | ng-zorro-antd-extension | LTS ends        |
 | ------- | ------------- | ----------------------- | --------------- |
-| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-xx      |
+| ^19.0.0 | ^19.0.0       | ^19.0.0                 | 2026-05-19      |
+| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-19      |
 | ^17.0.0 | ^17.0.0       | ^15.6.0                 | 2025-05-15      |
 | ^16.0.0 | ^16.0.0       | ^15.6.0                 | 2024-11-08(end) |
 | ^15.0.0 | ^15.0.0       | ^15.0.0                 | 2024-05-18(end) |

components/README.md

@@ -60,7 +60,8 @@ export class AppModule {}
 
 | angular | ng-zorro-antd | ng-zorro-antd-extension | LTS ends        |
 | ------- | ------------- | ----------------------- | --------------- |
-| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-xx      |
+| ^19.0.0 | ^19.0.0       | ^19.0.0                 | 2026-05-19      |
+| ^18.0.0 | ^18.0.0       | ^18.0.0                 | 2025-11-19      |
 | ^17.0.0 | ^17.0.0       | ^15.6.0                 | 2025-05-15      |
 | ^16.0.0 | ^16.0.0       | ^15.6.0                 | 2024-11-08(end) |
 | ^15.0.0 | ^15.0.0       | ^15.0.0                 | 2024-05-18(end) |

components/acl/examples/acl/acl.component.ts

@@ -7,7 +7,6 @@ import { NzDividerModule } from 'ng-zorro-antd/divider';
 
 import { NzxAclModule, NzxAclService } from 'ng-zorro-antd-extension/acl';
 @Component({
-  standalone: true,
   imports: [CommonModule, NzButtonModule, NzDividerModule, NzxAclModule],
   selector: 'nzx-acl-example',
   template: `

components/acl/nzx-acl.module.ts

@@ -1,11 +1,9 @@
-import { CommonModule } from '@angular/common';
 import { ModuleWithProviders, NgModule } from '@angular/core';
 import { NzxAclDirective } from './nzx-acl.directive';
 import { NzxAclService } from './nzx-acl.service';
 
 @NgModule({
-  imports: [CommonModule],
-  declarations: [NzxAclDirective],
+  imports: [NzxAclDirective],
   exports: [NzxAclDirective],
 })
 export class NzxAclModule {

components/blank-field/blank-field.component.ts

@@ -1,4 +1,5 @@
 /* eslint-disable @angular-eslint/component-selector */
+import { CommonModule } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   Component,
@@ -14,9 +15,11 @@ interface Context {
 }
 @Component({
   selector: 'nzx-blank-field',
-  template: ` <ng-container
-    *ngTemplateOutlet="templateRefExp; context: contextExp"
-  ></ng-container>`,
+  imports: [CommonModule],
+  template: `
+    <ng-container *ngTemplateOutlet="templateRefExp; context: contextExp">
+    </ng-container>
+  `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   providers: [
     {

components/blank-field/blank-field.module.ts

@@ -1,11 +1,9 @@
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { NzxBlankFieldComponent } from './blank-field.component';
 
 @NgModule({
-  declarations: [NzxBlankFieldComponent],
-  imports: [CommonModule],
+  imports: [NzxBlankFieldComponent],
   exports: [NzxBlankFieldComponent],
 })
 export class NzxBlankFieldModule {}

components/blank-field/examples/blank-field/blank-field.component.ts

@@ -18,7 +18,6 @@ import { NzSpaceModule } from 'ng-zorro-antd/space';
 import { NzSwitchModule } from 'ng-zorro-antd/switch';
 
 @Component({
-  standalone: true,
   imports: [
     CommonModule,
     FormsModule,

components/checkbox/checkbox-group.component.ts

@@ -1,13 +1,19 @@
+import { CommonModule } from '@angular/common';
 import {
   ChangeDetectionStrategy,
   ChangeDetectorRef,
   Component,
   forwardRef,
   Input,
 } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+import {
+  ControlValueAccessor,
+  FormsModule,
+  NG_VALUE_ACCESSOR,
+} from '@angular/forms';
 
 import { NzxOptions } from 'ng-zorro-antd-extension/types';
+import { NzCheckboxModule, NzCheckboxOption } from 'ng-zorro-antd/checkbox';
 
 /**
  * nzx-checkbox-group
@@ -16,10 +22,12 @@ import { NzxOptions } from 'ng-zorro-antd-extension/types';
 @Component({
   selector: 'nzx-checkbox-group',
   exportAs: 'NzxCheckboxGroup',
+  imports: [CommonModule, FormsModule, NzCheckboxModule],
   template: `
     <nz-checkbox-group
       [nzDisabled]="nzDisabled"
-      [ngModel]="_checkOptions"
+      [ngModel]="selectValue"
+      [nzOptions]="checkOptions"
       (ngModelChange)="valueChange($event)"
     >
     </nz-checkbox-group>
@@ -33,21 +41,8 @@ import { NzxOptions } from 'ng-zorro-antd-extension/types';
     },
   ],
 })
-export class NzxCheckboxGroupComponent
-  implements ControlValueAccessor
-{
-  @Input() set checkOptions(value: Array<NzxOptions<string | number>>) {
-    this._checkOptions = value.map((i) => {
-      return { ...i, checked: false };
-    });
-  }
-
-  _checkOptions: Array<{
-    label: string;
-    value: number | string;
-    disabled?: boolean;
-    checked?: boolean;
-  }> = [];
+export class NzxCheckboxGroupComponent implements ControlValueAccessor {
+  @Input() checkOptions: Array<NzCheckboxOption> = [];
 
   /**
    * 自定义函数用来格式化输输入内容用来回显
@@ -62,22 +57,25 @@ export class NzxCheckboxGroupComponent
     checkedList;
 
   nzDisabled = false;
-  private templateValue: any;
+  selectValue = [];
+
   private propagateChange = (_: any) => {};
 
   constructor(private cd: ChangeDetectorRef) {}
 
   writeValue(v: (string | number)[] | any): void {
-    this._checkOptions.forEach((i) => (i['checked'] = false));
-    this.templateValue = v;
-    this._updateView();
+    console.log(v);
+    if (v) {
+      this.selectValue = this.customFormateInFn(v);
+    } else {
+      this.selectValue = [];
+    }
+    this.cd.markForCheck();
   }
 
   /**更新视图 */
   updateView() {
-    setTimeout(() => {
-      this._updateView();
-    }, 0);
+    this.cd.markForCheck();
   }
 
   registerOnChange(fn: any): void {
@@ -91,25 +89,8 @@ export class NzxCheckboxGroupComponent
     this.cd.markForCheck();
   }
 
-  valueChange(
-    value: Array<{
-      label: string;
-      value: number | string;
-      checked?: boolean;
-    }>
-  ): void {
-    const checkedList = value.filter((i) => i['checked']).map((i) => i.value);
-    this.propagateChange(this.customFormateOutFn(checkedList));
-  }
-
-  private _updateView() {
-    let list = this.customFormateInFn(this.templateValue) || [];
-    list.forEach((value: string | number) => {
-      const index = this._checkOptions.findIndex((i) => i.value === value);
-      if (index > -1) {
-        this._checkOptions[index]['checked'] = true;
-      }
-    });
-    this.cd.markForCheck();
+  valueChange(value: Array<number | string>): void {
+    console.log(value);
+    this.propagateChange(this.customFormateOutFn(value));
   }
 }

components/checkbox/checkbox.module.ts

@@ -1,14 +1,9 @@
 import { NgModule } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
 
 import { NzxCheckboxGroupComponent } from './checkbox-group.component';
 
 @NgModule({
-  declarations: [NzxCheckboxGroupComponent],
-  imports: [CommonModule, FormsModule, NzCheckboxModule],
+  imports: [NzxCheckboxGroupComponent],
   exports: [NzxCheckboxGroupComponent],
 })
 export class NzxCheckboxModule {}

components/checkbox/doc/zh-cn.md

@@ -9,6 +9,8 @@ order: 1
 
 提供`customFormateInFn`和`customFormateOutFn`自定义函数转换出入参格式
 
+**注意(v19+):zorro19版本增加了`nzOptions`属性，解决了checkbox group使用不便的情况，请酌情使用此组件，现与zorro的不同之处仅仅是自定义函数转换出入参**
+
 ## 版本支持
 
 <label type="success">v13.0.0+</label>
@@ -18,14 +20,19 @@ order: 1
 ### 引入
 
 ```ts
-import { NzxCheckboxModule } from "ng-zorro-antd-extension/checkbox";
+import { NzxCheckboxModule } from 'ng-zorro-antd-extension/checkbox';
 ```
 
 ### html
 
 ```html
 <form [formGroup]="form">
-  <nzx-checkbox-group [customFormateInFn]="inFn" [customFormateOutFn]="outFn" [checkOptions]="checkOptions" formControlName="value"></nzx-checkbox-group>
+  <nzx-checkbox-group
+    [customFormateInFn]="inFn"
+    [customFormateOutFn]="outFn"
+    [checkOptions]="checkOptions"
+    formControlName="value"
+  ></nzx-checkbox-group>
 </form>
 ```
 
@@ -34,8 +41,8 @@ import { NzxCheckboxModule } from "ng-zorro-antd-extension/checkbox";
 ```ts
 class CheckboxGroupDemoComponent implements OnInit {
   checkOptions = [
-    { label: "客户信赖", value: 1 },
-    { label: "技术评估", value: 2 },
+    { label: '客户信赖', value: 1 },
+    { label: '技术评估', value: 2 },
   ];
   form!: FormGroup;
 

components/checkbox/examples/checkbox-group/checkbox-group.component.ts

@@ -4,20 +4,18 @@ import {
   Component,
   OnInit,
   ViewChild,
-  ViewEncapsulation,
 } from '@angular/core';
 import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
 
 import { NzButtonModule } from 'ng-zorro-antd/button';
 import { NzCardModule } from 'ng-zorro-antd/card';
 
 import {
-  NzxCheckboxModule,
   NzxCheckboxGroupComponent,
+  NzxCheckboxModule,
 } from 'ng-zorro-antd-extension/checkbox';
 
 @Component({
-  standalone: true,
   imports: [
     CommonModule,
     ReactiveFormsModule,

components/checkbox/public-api.ts

@@ -2,7 +2,5 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
-
-
 export * from './checkbox-group.component';
 export * from './checkbox.module';

components/configurable-query/configurable-query-item/configurable-query-item.component.ts

@@ -1,4 +1,5 @@
 import {
+  ChangeDetectionStrategy,
   Component,
   Input,
   OnDestroy,
@@ -11,6 +12,8 @@ import { FormGroup } from '@angular/forms';
 import { Subject, takeUntil } from 'rxjs';
 import { NzxQueryConfigService } from '../query-config.service';
 import { NzxQueryControlOptions, NzxQueryControlType } from '../type';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import { NgIf } from '@angular/common';
 
 @Component({
   selector: 'nzx-configurable-query-item',
@@ -30,6 +33,8 @@ import { NzxQueryControlOptions, NzxQueryControlType } from '../type';
       </nz-form-control>
     </nz-form-item>
   `,
+  imports: [NzFormModule,NgIf],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class NzxConfigurableQueryItemComponent implements OnInit, OnDestroy {
   @Input() form!: FormGroup;

components/configurable-query/configurable-query.component.ts

@@ -16,15 +16,21 @@ import {
   SimpleChanges,
   ViewChild,
 } from '@angular/core';
-import { AbstractControl, FormBuilder, FormGroup } from '@angular/forms';
+import { AbstractControl, FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms';
 
 import { NzxQueryI18nInterface } from 'ng-zorro-antd-extension/i18n';
 import { updateControlStatus } from 'ng-zorro-antd-extension/util';
-import { NzJustify } from 'ng-zorro-antd/grid';
+import { NzGridModule, NzJustify } from 'ng-zorro-antd/grid';
 import { NzI18nService } from 'ng-zorro-antd/i18n';
 import { Subject, fromEvent, takeUntil } from 'rxjs';
 import { NzxControlDirective } from './control.directive';
 import { NzxQueryControlOptions, NzxQueryParams } from './type';
+import { NzCardModule } from 'ng-zorro-antd/card';
+import { NzxConfigurableQueryItemComponent } from './configurable-query-item/configurable-query-item.component';
+import { CommonModule } from '@angular/common';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzButtonModule } from 'ng-zorro-antd/button';
 
 /**
  * 查询组件
@@ -37,6 +43,16 @@ import { NzxQueryControlOptions, NzxQueryParams } from './type';
   styleUrls: ['./configurable-query.component.less'],
   changeDetection: ChangeDetectionStrategy.OnPush,
   exportAs: 'NzxConfigurableQuery',
+  imports: [
+    CommonModule,
+    ReactiveFormsModule,
+    NzCardModule,
+    NzGridModule,
+    NzSpaceModule,
+    NzButtonModule,
+    NzIconModule,
+    NzxConfigurableQueryItemComponent,
+  ],
 })
 export class NzxConfigurableQueryComponent
   implements OnChanges, OnInit, AfterViewInit, AfterContentInit, OnDestroy