From 0b234d65f8906d93e0a505993c75aff67a2b0b5e Mon Sep 17 00:00:00 2001 From: Wenqi <1264578441@qq.com> Date: Sat, 22 Jun 2019 19:35:26 +0800 Subject: [PATCH] chore(module:divider): sync style with antd (#3627) --- components/divider/divider.spec.ts | 2 +- components/divider/doc/index.en-US.md | 2 +- components/divider/doc/index.zh-CN.md | 2 +- components/divider/nz-divider.component.ts | 5 ++--- 4 files changed, 5 insertions(+), 6 deletions(-) diff --git a/components/divider/divider.spec.ts b/components/divider/divider.spec.ts index 61f1d274a6..ea034c8620 100644 --- a/components/divider/divider.spec.ts +++ b/components/divider/divider.spec.ts @@ -60,7 +60,7 @@ describe('divider', () => { }); describe('#nzOrientation', () => { - ['left', 'right'].forEach(type => { + ['center', 'left', 'right'].forEach(type => { it(`with ${type}`, () => { context.nzOrientation = type; fixture.detectChanges(); diff --git a/components/divider/doc/index.en-US.md b/components/divider/doc/index.en-US.md index 8c8f5bfceb..d31eae5020 100644 --- a/components/divider/doc/index.en-US.md +++ b/components/divider/doc/index.en-US.md @@ -28,4 +28,4 @@ import { NzDividerModule } from 'ng-zorro-antd/divider'; | `[nzDashed]` | whether line is dasded | `boolean` | `false` | | `[nzType]` | direction type of divider | `'horizontal' \| 'vertical'` | `'horizontal'` | | `[nzText]` | inner text of divider | `string \| TemplateRef` | - | -| `[nzOrientation]` | inner text orientation | `'left' \| 'right'` | - | +| `[nzOrientation]` | inner text orientation | `'center' \| 'left' \| 'right'` | `'center'` | diff --git a/components/divider/doc/index.zh-CN.md b/components/divider/doc/index.zh-CN.md index 57d3e5461c..a2afee526f 100644 --- a/components/divider/doc/index.zh-CN.md +++ b/components/divider/doc/index.zh-CN.md @@ -29,4 +29,4 @@ import { NzDividerModule } from 'ng-zorro-antd/divider'; | `[nzDashed]` | 是否虚线 | `boolean` | `false` | | `[nzType]` | 水平还是垂直类型 | `'horizontal' \| 'vertical'` | `'horizontal'` | | `[nzText]` | 中间文字 | `string \| TemplateRef` | - | -| `[nzOrientation]` | 中间文字方向 | `'left' \| 'right'` | - | +| `[nzOrientation]` | 中间文字方向 | `'center' \| 'left' \| 'right'` | `'center'` | diff --git a/components/divider/nz-divider.component.ts b/components/divider/nz-divider.component.ts index 61a0a3f2c6..b3093dd7d4 100644 --- a/components/divider/nz-divider.component.ts +++ b/components/divider/nz-divider.component.ts @@ -31,15 +31,14 @@ import { InputBoolean, NzUpdateHostClassService } from 'ng-zorro-antd/core'; export class NzDividerComponent implements OnChanges, OnInit { @Input() nzText: string | TemplateRef; @Input() nzType: 'horizontal' | 'vertical' = 'horizontal'; - @Input() nzOrientation: 'left' | 'right' | '' = ''; + @Input() nzOrientation: 'left' | 'right' | 'center' = 'center'; @Input() @InputBoolean() nzDashed = false; private setClass(): void { - const orientationPrefix = this.nzOrientation.length > 0 ? '-' + this.nzOrientation : this.nzOrientation; this.nzUpdateHostClassService.updateHostClass(this.elementRef.nativeElement, { ['ant-divider']: true, [`ant-divider-${this.nzType}`]: true, - [`ant-divider-with-text${orientationPrefix}`]: this.nzText, + [`ant-divider-with-text-${this.nzOrientation}`]: this.nzText, [`ant-divider-dashed`]: this.nzDashed }); }