From 306c3820f90ffc2c2b13886b8eb836f9fabf0e21 Mon Sep 17 00:00:00 2001 From: chenc Date: Tue, 19 Apr 2022 20:48:32 +0800 Subject: [PATCH 1/8] feat(module:input-number): add nzReadOnly property --- components/input-number/doc/index.en-US.md | 37 ++++++++-------- components/input-number/doc/index.zh-CN.md | 39 ++++++++--------- .../input-number/input-number.component.ts | 4 ++ components/input-number/input-number.spec.ts | 42 ++++++++++++++++++- 4 files changed, 84 insertions(+), 38 deletions(-) diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md index 964e723550..57b6e79d3d 100755 --- a/components/input-number/doc/index.en-US.md +++ b/components/input-number/doc/index.en-US.md @@ -19,25 +19,26 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ### nz-input-number -| property | description | type | default | -| -------- | ----------- | ---- | ------- | -| `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | -| `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | -| `[nzDisabled]` | disable the input | `boolean` | `false` | -| `[nzMax]` | max value | `number` | `Infinity` | -| `[nzMin]` | min value | `number` | `-Infinity` | -| `[nzFormatter]` | Specifies the format of the value presented | `(value: number \| string) => string \| number` | - | -| `[nzParser]` | Specifies the value extracted from nzFormatter | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | -| `[nzPrecision]` | precision of input value | `number` | - | +| property | description | type | default | +|---------------------| ----------- | ---- | ------- | +| `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | +| `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | +| `[nzDisabled]` | disable the input | `boolean` | `false` | +| `[nzReadonly]` | If readonly the input | `boolean` | `false` | +| `[nzMax]` | max value | `number` | `Infinity` | +| `[nzMin]` | min value | `number` | `-Infinity` | +| `[nzFormatter]` | Specifies the format of the value presented | `(value: number \| string) => string \| number` | - | +| `[nzParser]` | Specifies the value extracted from nzFormatter | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | +| `[nzPrecision]` | precision of input value | `number` | - | | `[nzPrecisionMode]` | The method for calculating the precision of input value | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | -| `[nzSize]` | width of input box | `'large' \| 'small' \| 'default'` | `'default'` | -| `[nzStep]` | The number to which the current value is increased or decreased. It can be an integer or decimal. | `number \| string` | `1` | -| `[nzInputMode]` | enumerated attribute that hints at the type of data that might be entered by the user, [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | -| `[nzPlaceHolder]` | Placeholder of select | `string` | - | -| `[nzId]` | input id attribute inside the component| `string` | - | -| `(ngModelChange)` | The callback triggered when the value is changed | `EventEmitter` | - | -| `(nzFocus)` | focus callback | `EventEmitter` | - | -| `(nzBlur)` | blur callback | `EventEmitter` | - | +| `[nzSize]` | width of input box | `'large' \| 'small' \| 'default'` | `'default'` | +| `[nzStep]` | The number to which the current value is increased or decreased. It can be an integer or decimal. | `number \| string` | `1` | +| `[nzInputMode]` | enumerated attribute that hints at the type of data that might be entered by the user, [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | +| `[nzPlaceHolder]` | Placeholder of select | `string` | - | +| `[nzId]` | input id attribute inside the component| `string` | - | +| `(ngModelChange)` | The callback triggered when the value is changed | `EventEmitter` | - | +| `(nzFocus)` | focus callback | `EventEmitter` | - | +| `(nzBlur)` | blur callback | `EventEmitter` | - | #### Methods diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md index 076cd8426e..de5238fd2e 100755 --- a/components/input-number/doc/index.zh-CN.md +++ b/components/input-number/doc/index.zh-CN.md @@ -20,25 +20,26 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ### nz-input-number -| 成员 | 说明 | 类型 | 默认值 | -| --- | --- | --- | --- | -| `[ngModel]` | 当前值，可双向绑定 | `number \| string` \| `string` | - | -| `[nzAutoFocus]` | 自动获取焦点 | `boolean` | `false` | -| `[nzDisabled]` | 禁用 | `boolean` | `false` | -| `[nzMax]` | 最大值 | `number` | `Infinity` | -| `[nzMin]` | 最小值 | `number` | `-Infinity` | -| `[nzFormatter]` | 指定输入框展示值的格式 | `(value: number \| string) => string \| number` | - | -| `[nzParser]` | 指定从 nzFormatter 里转换回数字的方式，和 nzFormatter 搭配使用 | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | -| `[nzPrecision]` | 数值精度 | `number` | - | -| `[nzPrecisionMode]` | 数值精度的取值方式 | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | -| `[nzSize]` | 输入框大小 | `'large' \| 'small' \| 'default'` | `'default'` | -| `[nzStep]` | 每次改变步数，可以为小数 | `number \| string` | `1` | -| `[nzInputMode]` | 提供了用户在编辑元素或其内容时可能输入的数据类型的提示，详见[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | -| `[nzPlaceHolder]` | 选择框默认文字 | `string` | - | -| `[nzId]` | 组件内部 input 的 id 值 | `string` | - | -| `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | -| `(nzFocus)` | focus时回调 | `EventEmitter` | - | -| `(nzBlur)` | blur时回调 | `EventEmitter` | - | +| 成员 | 说明 | 类型 | 默认值 | +|---------------------|--------------------------------------------------------------------------------------------------------------------| --- | --- | +| `[ngModel]` | 当前值，可双向绑定 | `number \| string` \| `string` | - | +| `[nzAutoFocus]` | 自动获取焦点 | `boolean` | `false` | +| `[nzDisabled]` | 禁用 | `boolean` | `false` | +| `[nzReadonly]` | 只读 | `boolean` | `false` | +| `[nzMax]` | 最大值 | `number` | `Infinity` | +| `[nzMin]` | 最小值 | `number` | `-Infinity` | +| `[nzFormatter]` | 指定输入框展示值的格式 | `(value: number \| string) => string \| number` | - | +| `[nzParser]` | 指定从 nzFormatter 里转换回数字的方式，和 nzFormatter 搭配使用 | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | +| `[nzPrecision]` | 数值精度 | `number` | - | +| `[nzPrecisionMode]` | 数值精度的取值方式 | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | +| `[nzSize]` | 输入框大小 | `'large' \| 'small' \| 'default'` | `'default'` | +| `[nzStep]` | 每次改变步数，可以为小数 | `number \| string` | `1` | +| `[nzInputMode]` | 提供了用户在编辑元素或其内容时可能输入的数据类型的提示，详见[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | +| `[nzPlaceHolder]` | 选择框默认文字 | `string` | - | +| `[nzId]` | 组件内部 input 的 id 值 | `string` | - | +| `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | +| `(nzFocus)` | focus时回调 | `EventEmitter` | - | +| `(nzBlur)` | blur时回调 | `EventEmitter` | - | #### 方法 diff --git a/components/input-number/input-number.component.ts b/components/input-number/input-number.component.ts index f15665e01f..8c8af32fe2 100644 --- a/components/input-number/input-number.component.ts +++ b/components/input-number/input-number.component.ts @@ -70,6 +70,7 @@ import { InputBoolean, isNotNil } from 'ng-zorro-antd/core/util'; [attr.max]="nzMax" [placeholder]="nzPlaceHolder" [attr.step]="nzStep" + [readOnly]="nzReadOnly" [attr.inputmode]="nzInputMode" [ngModel]="displayValue" (ngModelChange)="onModelChange($event)" @@ -91,11 +92,13 @@ import { InputBoolean, isNotNil } from 'ng-zorro-antd/core/util'; '[class.ant-input-number-lg]': `nzSize === 'large'`, '[class.ant-input-number-sm]': `nzSize === 'small'`, '[class.ant-input-number-disabled]': 'nzDisabled', + '[class.ant-input-number-readonly]': 'nzReadOnly', '[class.ant-input-number-rtl]': `dir === 'rtl'` } }) export class NzInputNumberComponent implements ControlValueAccessor, AfterViewInit, OnChanges, OnInit, OnDestroy { static ngAcceptInputType_nzDisabled: BooleanInput; + static ngAcceptInputType_nzReadOnly: BooleanInput; static ngAcceptInputType_nzAutoFocus: BooleanInput; private autoStepTimer?: number; @@ -127,6 +130,7 @@ export class NzInputNumberComponent implements ControlValueAccessor, AfterViewIn @Input() nzInputMode: string = 'decimal'; @Input() nzId: string | null = null; @Input() @InputBoolean() nzDisabled = false; + @Input() @InputBoolean() nzReadOnly = false; @Input() @InputBoolean() nzAutoFocus = false; @Input() nzFormatter: (value: number) => string | number = value => value; diff --git a/components/input-number/input-number.spec.ts b/components/input-number/input-number.spec.ts index d916129557..2e84740843 100644 --- a/components/input-number/input-number.spec.ts +++ b/components/input-number/input-number.spec.ts @@ -14,7 +14,11 @@ describe('input number', () => { beforeEach(fakeAsync(() => { TestBed.configureTestingModule({ imports: [NzInputNumberModule, FormsModule, ReactiveFormsModule], - declarations: [NzTestInputNumberBasicComponent, NzTestInputNumberFormComponent] + declarations: [ + NzTestInputNumberBasicComponent, + NzTestInputNumberFormComponent, + NzTestReadOnlyInputNumberBasicComponent + ] }); TestBed.compileComponents(); })); @@ -467,6 +471,34 @@ describe('input number', () => { expect(testComponent.formGroup.get('inputNumber')!.value).toBe(10); })); }); + describe('input number readOnly', () => { + let fixture: ComponentFixture; + let testComponent: NzTestReadOnlyInputNumberBasicComponent; + let inputNumber: DebugElement; + let inputElement: HTMLInputElement; + + beforeEach(fakeAsync(() => { + fixture = TestBed.createComponent(NzTestReadOnlyInputNumberBasicComponent); + fixture.detectChanges(); + flush(); + fixture.detectChanges(); + testComponent = fixture.debugElement.componentInstance; + + inputNumber = fixture.debugElement.query(By.directive(NzInputNumberComponent)); + inputElement = inputNumber.nativeElement.querySelector('input'); + })); + it('should autofocus work', () => { + fixture.detectChanges(); + testComponent.readonly = true; + testComponent.nzInputNumberComponent.nzReadOnly = true; + testComponent.nzInputNumberComponent.ngAfterViewInit(); + fixture.detectChanges(); + expect(inputElement.attributes.getNamedItem('readOnly')!.name).toBe('readonly'); + testComponent.readonly = false; + fixture.detectChanges(); + expect(inputElement.attributes.getNamedItem('readOnly')).toBe(null); + }); + }); }); @Component({ @@ -505,6 +537,14 @@ export class NzTestInputNumberBasicComponent { modelChange = jasmine.createSpy('change callback'); } +@Component({ + template: ` ` +}) +export class NzTestReadOnlyInputNumberBasicComponent { + @ViewChild(NzInputNumberComponent, { static: false }) nzInputNumberComponent!: NzInputNumberComponent; + readonly = false; +} + @Component({ template: `
From effedfc9c1e0bd8c97a2e90bf1dd80c5b9d5d6ff Mon Sep 17 00:00:00 2001 From: chenc Date: Tue, 19 Apr 2022 20:52:19 +0800 Subject: [PATCH 2/8] chore(module:input-number): modify property name --- components/input-number/doc/index.en-US.md | 2 +- components/input-number/doc/index.zh-CN.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md index 57b6e79d3d..a78cffbc28 100755 --- a/components/input-number/doc/index.en-US.md +++ b/components/input-number/doc/index.en-US.md @@ -24,7 +24,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; | `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | | `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | | `[nzDisabled]` | disable the input | `boolean` | `false` | -| `[nzReadonly]` | If readonly the input | `boolean` | `false` | +| `[nzReadOnly]` | If readonly the input | `boolean` | `false` | | `[nzMax]` | max value | `number` | `Infinity` | | `[nzMin]` | min value | `number` | `-Infinity` | | `[nzFormatter]` | Specifies the format of the value presented | `(value: number \| string) => string \| number` | - | diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md index de5238fd2e..cc2c3c3ef5 100755 --- a/components/input-number/doc/index.zh-CN.md +++ b/components/input-number/doc/index.zh-CN.md @@ -25,7 +25,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; | `[ngModel]` | 当前值，可双向绑定 | `number \| string` \| `string` | - | | `[nzAutoFocus]` | 自动获取焦点 | `boolean` | `false` | | `[nzDisabled]` | 禁用 | `boolean` | `false` | -| `[nzReadonly]` | 只读 | `boolean` | `false` | +| `[nzReadOnly]` | 只读 | `boolean` | `false` | | `[nzMax]` | 最大值 | `number` | `Infinity` | | `[nzMin]` | 最小值 | `number` | `-Infinity` | | `[nzFormatter]` | 指定输入框展示值的格式 | `(value: number \| string) => string \| number` | - | From 58eeadd399cabd929955103a3acb4af7f880018f Mon Sep 17 00:00:00 2001 From: chenc Date: Tue, 19 Apr 2022 20:54:09 +0800 Subject: [PATCH 3/8] chore(module:input-number): modify test case name --- components/input-number/input-number.spec.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/input-number/input-number.spec.ts b/components/input-number/input-number.spec.ts index 2e84740843..711356c936 100644 --- a/components/input-number/input-number.spec.ts +++ b/components/input-number/input-number.spec.ts @@ -487,7 +487,7 @@ describe('input number', () => { inputNumber = fixture.debugElement.query(By.directive(NzInputNumberComponent)); inputElement = inputNumber.nativeElement.querySelector('input'); })); - it('should autofocus work', () => { + it('should readOnly work', () => { fixture.detectChanges(); testComponent.readonly = true; testComponent.nzInputNumberComponent.nzReadOnly = true; From 237e30fd658666942a8792aacd800804ac79fa66 Mon Sep 17 00:00:00 2001 From: chenc Date: Wed, 20 Apr 2022 17:29:45 +0800 Subject: [PATCH 4/8] chore: modify doc style --- components/input-number/doc/index.en-US.md | 38 ++++++++++---------- components/input-number/doc/index.zh-CN.md | 40 +++++++++++----------- 2 files changed, 38 insertions(+), 40 deletions(-) diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md index a78cffbc28..c1a8b9c822 100755 --- a/components/input-number/doc/index.en-US.md +++ b/components/input-number/doc/index.en-US.md @@ -19,27 +19,25 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ### nz-input-number -| property | description | type | default | -|---------------------| ----------- | ---- | ------- | -| `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | -| `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | -| `[nzDisabled]` | disable the input | `boolean` | `false` | -| `[nzReadOnly]` | If readonly the input | `boolean` | `false` | -| `[nzMax]` | max value | `number` | `Infinity` | -| `[nzMin]` | min value | `number` | `-Infinity` | -| `[nzFormatter]` | Specifies the format of the value presented | `(value: number \| string) => string \| number` | - | -| `[nzParser]` | Specifies the value extracted from nzFormatter | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | -| `[nzPrecision]` | precision of input value | `number` | - | +| -------- | ----------- | ---- | ------- | +| `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | +| `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | +| `[nzDisabled]` | disable the input | `boolean` | `false` | +| `[nzReadOnly]` | If readonly the input | `boolean` | `false` | +| `[nzMax]` | max value | `number` | `Infinity` | +| `[nzMin]` | min value | `number` | `-Infinity` | +| `[nzFormatter]` | Specifies the format of the value presented | `(value: number \| string) => string \| number` | - | +| `[nzParser]` | Specifies the value extracted from nzFormatter | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | +| `[nzPrecision]` | precision of input value | `number` | - | | `[nzPrecisionMode]` | The method for calculating the precision of input value | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | -| `[nzSize]` | width of input box | `'large' \| 'small' \| 'default'` | `'default'` | -| `[nzStep]` | The number to which the current value is increased or decreased. It can be an integer or decimal. | `number \| string` | `1` | -| `[nzInputMode]` | enumerated attribute that hints at the type of data that might be entered by the user, [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | -| `[nzPlaceHolder]` | Placeholder of select | `string` | - | -| `[nzId]` | input id attribute inside the component| `string` | - | -| `(ngModelChange)` | The callback triggered when the value is changed | `EventEmitter` | - | -| `(nzFocus)` | focus callback | `EventEmitter` | - | -| `(nzBlur)` | blur callback | `EventEmitter` | - | - +| `[nzSize]` | width of input box | `'large' \| 'small' \| 'default'` | `'default'` | +| `[nzStep]` | The number to which the current value is increased or decreased. It can be an integer or decimal. | `number \| string` | `1` | +| `[nzInputMode]` | enumerated attribute that hints at the type of data that might be entered by the user, [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | +| `[nzPlaceHolder]` | Placeholder of select | `string` | - | +| `[nzId]` | input id attribute inside the component| `string` | - | +| `(ngModelChange)` | The callback triggered when the value is changed | `EventEmitter` | - | +| `(nzFocus)` | focus callback | `EventEmitter` | - | +| `(nzBlur)` | blur callback | `EventEmitter` | - | #### Methods You can get instance by `ViewChild` diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md index cc2c3c3ef5..09d6f16130 100755 --- a/components/input-number/doc/index.zh-CN.md +++ b/components/input-number/doc/index.zh-CN.md @@ -20,26 +20,26 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ### nz-input-number -| 成员 | 说明 | 类型 | 默认值 | -|---------------------|--------------------------------------------------------------------------------------------------------------------| --- | --- | -| `[ngModel]` | 当前值，可双向绑定 | `number \| string` \| `string` | - | -| `[nzAutoFocus]` | 自动获取焦点 | `boolean` | `false` | -| `[nzDisabled]` | 禁用 | `boolean` | `false` | -| `[nzReadOnly]` | 只读 | `boolean` | `false` | -| `[nzMax]` | 最大值 | `number` | `Infinity` | -| `[nzMin]` | 最小值 | `number` | `-Infinity` | -| `[nzFormatter]` | 指定输入框展示值的格式 | `(value: number \| string) => string \| number` | - | -| `[nzParser]` | 指定从 nzFormatter 里转换回数字的方式，和 nzFormatter 搭配使用 | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | -| `[nzPrecision]` | 数值精度 | `number` | - | -| `[nzPrecisionMode]` | 数值精度的取值方式 | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | -| `[nzSize]` | 输入框大小 | `'large' \| 'small' \| 'default'` | `'default'` | -| `[nzStep]` | 每次改变步数，可以为小数 | `number \| string` | `1` | -| `[nzInputMode]` | 提供了用户在编辑元素或其内容时可能输入的数据类型的提示，详见[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | -| `[nzPlaceHolder]` | 选择框默认文字 | `string` | - | -| `[nzId]` | 组件内部 input 的 id 值 | `string` | - | -| `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | -| `(nzFocus)` | focus时回调 | `EventEmitter` | - | -| `(nzBlur)` | blur时回调 | `EventEmitter` | - | +| 成员 | 说明 | 类型 | 默认值 | +| --- | --- | --- | --- | +| `[ngModel]` | 当前值，可双向绑定 | `number \| string` \| `string` | - | +| `[nzAutoFocus]` | 自动获取焦点 | `boolean` | `false` | +| `[nzDisabled]` | 禁用 | `boolean` | `false` | +| `[nzReadOnly]` | 只读 | `boolean` | `false` | +| `[nzMax]` | 最大值 | `number` | `Infinity` | +| `[nzMin]` | 最小值 | `number` | `-Infinity` | +| `[nzFormatter]` | 指定输入框展示值的格式 | `(value: number \| string) => string \| number` | - | +| `[nzParser]` | 指定从 nzFormatter 里转换回数字的方式，和 nzFormatter 搭配使用 | `(value: string) => string \| number` | `(value: string) => value.trim().replace(/。/g, '.').replace(/[^\w\.-]+/g, '')` | +| `[nzPrecision]` | 数值精度 | `number` | - | +| `[nzPrecisionMode]` | 数值精度的取值方式 | `'cut' \| 'toFixed' \| ((value: number \| string, precision?: number) => number)` | `'toFixed'` | +| `[nzSize]` | 输入框大小 | `'large' \| 'small' \| 'default'` | `'default'` | +| `[nzStep]` | 每次改变步数，可以为小数 | `number \| string` | `1` | +| `[nzInputMode]` | 提供了用户在编辑元素或其内容时可能输入的数据类型的提示，详见[MDN](https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/inputmode) | `string` | `decimal` | +| `[nzPlaceHolder]` | 选择框默认文字 | `string` | - | +| `[nzId]` | 组件内部 input 的 id 值 | `string` | - | +| `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | +| `(nzFocus)` | focus时回调 | `EventEmitter` | - | +| `(nzBlur)` | blur时回调 | `EventEmitter` | - | | `EventEmitter` | - | #### 方法 From 02ba595f8769f4f37e8123f73f206b83ec0e6f0a Mon Sep 17 00:00:00 2001 From: chenc Date: Wed, 20 Apr 2022 17:31:06 +0800 Subject: [PATCH 5/8] chore: doc style --- components/input-number/doc/index.zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md index 09d6f16130..9eff2a9d91 100755 --- a/components/input-number/doc/index.zh-CN.md +++ b/components/input-number/doc/index.zh-CN.md @@ -39,7 +39,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; | `[nzId]` | 组件内部 input 的 id 值 | `string` | - | | `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | | `(nzFocus)` | focus时回调 | `EventEmitter` | - | -| `(nzBlur)` | blur时回调 | `EventEmitter` | - | | `EventEmitter` | - | +| `(nzBlur)` | blur时回调 | `EventEmitter` | - | `EventEmitter` | - | #### 方法 From e37feef076ed981ed383949085bd5aa615caf8df Mon Sep 17 00:00:00 2001 From: chenc Date: Wed, 20 Apr 2022 17:32:11 +0800 Subject: [PATCH 6/8] chore: doc style --- components/input-number/doc/index.en-US.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md index c1a8b9c822..297969913d 100755 --- a/components/input-number/doc/index.en-US.md +++ b/components/input-number/doc/index.en-US.md @@ -18,7 +18,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ## API ### nz-input-number - +| property | description | type | default | | -------- | ----------- | ---- | ------- | | `[ngModel]` | current value, double binding | `number \| string` \| `string` | - | | `[nzAutoFocus]` | get focus when component mounted | `boolean` | `false` | @@ -38,6 +38,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; | `(ngModelChange)` | The callback triggered when the value is changed | `EventEmitter` | - | | `(nzFocus)` | focus callback | `EventEmitter` | - | | `(nzBlur)` | blur callback | `EventEmitter` | - | + #### Methods You can get instance by `ViewChild` From 551f6225524ebaf8bbd0b1b21cb028d14ef9940a Mon Sep 17 00:00:00 2001 From: chenc Date: Wed, 20 Apr 2022 17:33:22 +0800 Subject: [PATCH 7/8] chore: input doc style --- components/input-number/doc/index.zh-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/input-number/doc/index.zh-CN.md b/components/input-number/doc/index.zh-CN.md index 9eff2a9d91..f073ea2dc5 100755 --- a/components/input-number/doc/index.zh-CN.md +++ b/components/input-number/doc/index.zh-CN.md @@ -39,7 +39,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; | `[nzId]` | 组件内部 input 的 id 值 | `string` | - | | `(ngModelChange)` | 数值改变时回调 | `EventEmitter` | - | | `(nzFocus)` | focus时回调 | `EventEmitter` | - | -| `(nzBlur)` | blur时回调 | `EventEmitter` | - | `EventEmitter` | - | +| `(nzBlur)` | blur时回调 | `EventEmitter` | - | #### 方法 From 9d713bdc7c9956eaeeb9eef5f39309a8cf986ed4 Mon Sep 17 00:00:00 2001 From: chenc Date: Wed, 20 Apr 2022 17:33:54 +0800 Subject: [PATCH 8/8] chore: doc style --- components/input-number/doc/index.en-US.md | 1 + 1 file changed, 1 insertion(+) diff --git a/components/input-number/doc/index.en-US.md b/components/input-number/doc/index.en-US.md index 297969913d..35499546fa 100755 --- a/components/input-number/doc/index.en-US.md +++ b/components/input-number/doc/index.en-US.md @@ -18,6 +18,7 @@ import { NzInputNumberModule } from 'ng-zorro-antd/input-number'; ## API ### nz-input-number + | property | description | type | default | | -------- | ----------- | ---- | ------- | | `[ngModel]` | current value, double binding | `number \| string` \| `string` | - |