feat(module:divider): support standalone component (#8258)

NG-ZORRO · Dec 4, 2023 · 3a7cd50 · 3a7cd50
1 parent 0f1690c
commit 3a7cd50
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 23 deletions.
diff --git a/components/divider/divider.component.ts b/components/divider/divider.component.ts
@@ -3,8 +3,10 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
+import { NgIf } from '@angular/common';
 import { ChangeDetectionStrategy, Component, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
 
+import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
 import { BooleanInput } from 'ng-zorro-antd/core/types';
 import { InputBoolean } from 'ng-zorro-antd/core/util';
 
@@ -29,7 +31,9 @@ import { InputBoolean } from 'ng-zorro-antd/core/util';
     '[class.ant-divider-with-text-right]': `nzText && nzOrientation === 'right'`,
     '[class.ant-divider-with-text-center]': `nzText && nzOrientation === 'center'`,
     '[class.ant-divider-dashed]': `nzDashed`
-  }
+  },
+  imports: [NgIf, NzOutletModule],
+  standalone: true
 })
 export class NzDividerComponent {
   static ngAcceptInputType_nzDashed: BooleanInput;

diff --git a/components/divider/divider.module.ts b/components/divider/divider.module.ts
@@ -3,17 +3,12 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-import { BidiModule } from '@angular/cdk/bidi';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { NzOutletModule } from 'ng-zorro-antd/core/outlet';
-
 import { NzDividerComponent } from './divider.component';
 
 @NgModule({
-  imports: [BidiModule, CommonModule, NzOutletModule],
-  declarations: [NzDividerComponent],
+  imports: [NzDividerComponent],
   exports: [NzDividerComponent]
 })
 export class NzDividerModule {}
diff --git a/components/divider/doc/index.en-US.md b/components/divider/doc/index.en-US.md
@@ -18,12 +18,12 @@ import { NzDividerModule } from 'ng-zorro-antd/divider';
 
 ## API
 
-### nz-divider
+### nz-divider:standalone
 
-| Property | Description | Type | Default |
-| -------- | ----------- | ---- | ------- |
-| `[nzDashed]` | whether line is dashed | `boolean` | `false` |
-| `[nzType]` | direction type of divider | `'horizontal' \| 'vertical'` | `'horizontal'` |
-| `[nzText]` | inner text of divider | `string \| TemplateRef<void>` | - |
-| `[nzPlain]` | Divider text show as plain style | `boolean` | `false` |
-| `[nzOrientation]` | inner text orientation | `'center' \| 'left' \| 'right'` | `'center'` |
+| Property          | Description                      | Type                            | Default        |
+| ----------------- | -------------------------------- | ------------------------------- | -------------- |
+| `[nzDashed]`      | whether line is dashed           | `boolean`                       | `false`        |
+| `[nzType]`        | direction type of divider        | `'horizontal' \| 'vertical'`    | `'horizontal'` |
+| `[nzText]`        | inner text of divider            | `string \| TemplateRef<void>`   | -              |
+| `[nzPlain]`       | Divider text show as plain style | `boolean`                       | `false`        |
+| `[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
@@ -19,12 +19,12 @@ import { NzDividerModule } from 'ng-zorro-antd/divider';
 
 ## API
 
-### nz-divider
+### nz-divider:standalone
 
-| 参数 | 说明 | 类型 | 默认值 |
-| --- | --- | --- | --- |
-| `[nzDashed]` | 是否虚线 | `boolean` | `false` |
-| `[nzType]` | 水平还是垂直类型 | `'horizontal' \| 'vertical'` | `'horizontal'` |
-| `[nzText]` | 中间文字 | `string \| TemplateRef<void>` | - |
-| `[nzPlain]` | 文字是否显示为普通正文样式	 | `boolean` | `false` |
-| `[nzOrientation]` | 中间文字方向 | `'center' \| 'left' \| 'right'` | `'center'` |
+| 参数              | 说明                       | 类型                            | 默认值         |
+| ----------------- | -------------------------- | ------------------------------- | -------------- |
+| `[nzDashed]`      | 是否虚线                   | `boolean`                       | `false`        |
+| `[nzType]`        | 水平还是垂直类型           | `'horizontal' \| 'vertical'`    | `'horizontal'` |
+| `[nzText]`        | 中间文字                   | `string \| TemplateRef<void>`   | -              |
+| `[nzPlain]`       | 文字是否显示为普通正文样式 | `boolean`                       | `false`        |
+| `[nzOrientation]` | 中间文字方向               | `'center' \| 'left' \| 'right'` | `'center'`     |