feat(module:segmented): now supports segmented with icon only (#8368)

* feat(module:segmented): now supports segmented with icon only

* feat(module:segmented): now supports segmented with icon only

components/segmented/demo/with-icon-only.md

@@ -0,0 +1,14 @@
+---
+order: 11
+title:
+  zh-CN: 只设置图标
+  en-US: With Icon only
+---
+
+## zh-CN
+
+在 Segmented Item 选项中只设置 Icon。
+
+## en-US
+
+Set `icon` without `label` for Segmented Item.

components/segmented/demo/with-icon-only.ts

@@ -0,0 +1,14 @@
+import { Component } from '@angular/core';
+
+import { NzSegmentedOptions } from 'ng-zorro-antd/segmented';
+
+@Component({
+  selector: 'nz-demo-segmented-with-icon-only',
+  template: `<nz-segmented [nzOptions]="options"></nz-segmented>`
+})
+export class NzDemoSegmentedWithIconOnlyComponent {
+  options: NzSegmentedOptions = [
+    { value: 'List', icon: 'bars' },
+    { value: 'Kanban', icon: 'appstore' }
+  ];
+}

components/segmented/types.ts

@@ -3,13 +3,21 @@
  * found in the LICENSE file at https://github.com/NG-ZORRO/ng-zorro-antd/blob/master/LICENSE
  */
 
-export interface NzSegmentedOption {
-  label: string;
+export type NzSegmentedOption = {
   value: string | number;
   useTemplate?: boolean;
-  icon?: string;
   disabled?: boolean;
   className?: string;
+} & (NzSegmentedWithLabel | NzSegmentedWithIcon);
+
+export interface NzSegmentedWithLabel {
+  label: string;
+  icon?: string;
+}
+
+export interface NzSegmentedWithIcon {
+  icon: string;
+  label?: string;
 }
 
 export type NzSegmentedOptions = Array<NzSegmentedOption | string | number>;