feat(module:descriptions): add nzColon to toggle colon

components/descriptions/doc/index.en-US.md

@@ -29,6 +29,7 @@ import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
 | `[nzBordered]` | Whether to display the border | `boolean` | `false` |
 | `[nzColumn]` | The number of `nz-descriptions-item` in a row. It could be a number or a object like `{ xs: 8, sm: 16, md: 24}` | `number\|object` | `{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }` |
 | `[nzSize]` | Set the size of the list. Only works when `nzBordered` is set | `'default' \| 'middle' \| 'small'` | `'default'` |
+| `[nzColon]` | Show colon after title | `boolean` | `true` |
 
 ### nz-descriptions-item
 

components/descriptions/doc/index.zh-CN.md

@@ -30,6 +30,7 @@ import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
 | `[nzBorderer]` | 是否展示边框 | `boolean` | `false` |
 | `[nzColumn]` | 一行的 `nz-descriptions-item` 的数量，可以写成像素值或支持响应式的对象写法 `{ xs: 8, sm: 16, md: 24}` | `number\|object` | `{ xxl: 3, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }` |
 | `[nzSize]` | 设置列表的大小（只有设置 `nzBordered` 时生效） | `'default' \| 'middle' \| 'small'` | `'default'` |
+| `[nzColon]` | 在标题后显示冒号 | `boolean` | `true` |
 
 ### nz-descriptions-item
 

components/descriptions/nz-descriptions.component.html

@@ -10,7 +10,7 @@
           <ng-container *ngFor="let item of row; let isLast = last">
             <!-- Horizontal & NOT Bordered -->
             <ng-container *ngIf="!nzBordered">
-              <td class="ant-descriptions-item" [colSpan]="item.span">
+              <td class="ant-descriptions-item" [class.ant-descriptions-item-colon]="nzColon" [colSpan]="item.span">
                 <span class="ant-descriptions-item-label">{{ item.title }}</span>
                 <span class="ant-descriptions-item-content">
                   <ng-template [ngTemplateOutlet]="item.content"></ng-template>
@@ -34,7 +34,7 @@
           <ng-container *ngFor="let row of itemMatrix; let i = index">
             <tr class="ant-descriptions-row">
               <ng-container *ngFor="let item of row; let isLast = last">
-                <td class="ant-descriptions-item" [colSpan]="item.span">
+                <td class="ant-descriptions-item" [class.ant-descriptions-item-colon]="nzColon" [colSpan]="item.span">
                   <span class="ant-descriptions-item-label">{{ item.title }}</span>
                 </td>
               </ng-container>

components/descriptions/nz-descriptions.component.ts

@@ -67,6 +67,7 @@ export class NzDescriptionsComponent implements OnChanges, OnDestroy, AfterConte
   @Input() nzColumn: number | { [key in Breakpoint]: number } = defaultColumnMap;
   @Input() nzSize: NzDescriptionsSize = 'default';
   @Input() nzTitle: string | TemplateRef<void> = '';
+  @Input() @InputBoolean() nzColon: boolean = true;
 
   itemMatrix: NzDescriptionsItemRenderProps[][] = [];