feat(module:collapse): change nzExpandIconPosition type from left | right to start | end (#8561)

* fix(module:collapse): fix nzExpandIconPosition type

* docs: update docs

Author: HyperLife1119

components/collapse/collapse.component.ts

@@ -31,8 +31,8 @@ const NZ_CONFIG_MODULE_NAME: NzConfigKey = 'collapse';
   template: ` <ng-content></ng-content> `,
   host: {
     class: 'ant-collapse',
-    '[class.ant-collapse-icon-position-start]': `nzExpandIconPosition === 'left'`,
-    '[class.ant-collapse-icon-position-end]': `nzExpandIconPosition === 'right'`,
+    '[class.ant-collapse-icon-position-start]': `nzExpandIconPosition === 'start'`,
+    '[class.ant-collapse-icon-position-end]': `nzExpandIconPosition === 'end'`,
     '[class.ant-collapse-ghost]': `nzGhost`,
     '[class.ant-collapse-borderless]': '!nzBordered',
     '[class.ant-collapse-rtl]': "dir === 'rtl'"
@@ -46,8 +46,7 @@ export class NzCollapseComponent implements OnInit {
   @Input({ transform: booleanAttribute }) @WithConfig() nzAccordion: boolean = false;
   @Input({ transform: booleanAttribute }) @WithConfig() nzBordered: boolean = true;
   @Input({ transform: booleanAttribute }) @WithConfig() nzGhost: boolean = false;
-  // TODO(v18): change 'left' | 'right' to 'start' | 'end, it's gonna be a break changing.
-  @Input() nzExpandIconPosition: 'left' | 'right' = 'left';
+  @Input() nzExpandIconPosition: 'start' | 'end' = 'start';
 
   dir: Direction = 'ltr';
 

components/collapse/demo/extra.ts

@@ -25,13 +25,13 @@ import { Component } from '@angular/core';
     <br />
     <span>Expand Icon Position: </span>
     <nz-select [(ngModel)]="expandIconPosition">
-      <nz-option nzValue="left" nzLabel="left"></nz-option>
-      <nz-option nzValue="right" nzLabel="right"></nz-option>
+      <nz-option nzValue="start" nzLabel="start"></nz-option>
+      <nz-option nzValue="end" nzLabel="end"></nz-option>
     </nz-select>
   `
 })
 export class NzDemoCollapseExtraComponent {
-  expandIconPosition: 'left' | 'right' = 'left';
+  expandIconPosition: 'start' | 'end' = 'start';
 
   panels = [
     {

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

@@ -26,7 +26,7 @@ import { NzCollapseModule } from 'ng-zorro-antd/collapse';
 | `[nzAccordion]`          | Accordion mode                                              | `boolean`           | `false` | ✅            |
 | `[nzBordered]`           | Set border style                                            | `boolean`           | `true`  | ✅            |
 | `[nzGhost]`              | Make the collapse borderless and its background transparent | `boolean`           | `false` | ✅            |
-| `[nzExpandIconPosition]` | Set expand icon position                                    | `'left' \| 'right'` | `left`  | -             |
+| `[nzExpandIconPosition]` | Set expand icon position                                    | `'start' \| 'end'` | `start`  | -             |
 
 ### nz-collapse-panel:standalone
 

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

@@ -27,7 +27,7 @@ import { NzCollapseModule } from 'ng-zorro-antd/collapse';
 | `[nzAccordion]`          | 是否每次只打开一个 tab | `boolean`           | `false` | ✅       |
 | `[nzBordered]`           | 是否有边框             | `boolean`           | `true`  | ✅       |
 | `[nzGhost]`              | 使折叠面板透明且无边框 | `boolean`           | `false` | ✅       |
-| `[nzExpandIconPosition]` | 设置图标位置           | `'left' \| 'right'` | `left`  | -        |
+| `[nzExpandIconPosition]` | 设置图标位置           | `'start' \| 'end'` | `start`  | -        |
 
 ### nz-collapse-panel:standalone