feat(module:transfer): add nzOneWay to support one way style (#8717)

Author: OriginRing

components/transfer/demo/advanced.md

@@ -1,5 +1,5 @@
 ---
-order: 2
+order: 4
 title:
   zh-CN: 高级用法
   en-US: Advanced

components/transfer/demo/can-move.md

@@ -1,5 +1,5 @@
 ---
-order: 4
+order: 6
 debug: true
 title:
   zh-CN: 二次校验

components/transfer/demo/custom-item.md

@@ -1,5 +1,5 @@
 ---
-order: 3
+order: 5
 title:
   zh-CN: 自定义渲染行数据
   en-US: Custom datasource

components/transfer/demo/one-way.md

@@ -0,0 +1,16 @@
+---
+order: 1
+title:
+  zh-CN: 单向样式
+  en-US: One Way
+---
+
+## zh-CN
+
+通过 `nzOneWay` 将 Transfer 转为单向样式。
+
+## en-US
+
+Use `nzOneWay` to make Transfer the one way style.
+
+

components/transfer/demo/one-way.ts

@@ -0,0 +1,46 @@
+import { Component, OnInit } from '@angular/core';
+
+import { TransferItem } from 'ng-zorro-antd/transfer';
+
+@Component({
+  selector: 'nz-demo-transfer-one-way',
+  template: `
+    <nz-transfer
+      [nzDataSource]="list"
+      [nzDisabled]="disabled"
+      [nzTitles]="['Source', 'Target']"
+      (nzSelectChange)="select($event)"
+      [nzSelectedKeys]="['0', '2', '3']"
+      nzOneWay
+      (nzChange)="change($event)"
+    ></nz-transfer>
+    <div style="margin-top: 8px;">
+      <nz-switch [(ngModel)]="disabled" nzCheckedChildren="disabled" nzUnCheckedChildren="disabled"></nz-switch>
+      <div></div>
+    </div>
+  `
+})
+export class NzDemoTransferOneWayComponent implements OnInit {
+  list: TransferItem[] = [];
+  disabled = false;
+
+  ngOnInit(): void {
+    for (let i = 0; i < 20; i++) {
+      this.list.push({
+        key: i.toString(),
+        title: `content${i + 1}`,
+        disabled: i % 3 < 1
+      });
+    }
+
+    [2, 3].forEach(idx => (this.list[idx].direction = 'right'));
+  }
+
+  select(ret: {}): void {
+    console.log('nzSelectChange', ret);
+  }
+
+  change(ret: {}): void {
+    console.log('nzChange', ret);
+  }
+}

components/transfer/demo/search.md

@@ -1,5 +1,5 @@
 ---
-order: 1
+order: 2
 title:
   zh-CN: 带搜索框
   en-US: Search

components/transfer/demo/status.md

@@ -1,5 +1,5 @@
 ---
-order: 7
+order: 11
 title:
   zh-CN: 自定义状态
   en-US: Status

components/transfer/demo/table-transfer.md

@@ -1,5 +1,5 @@
 ---
-order: 5
+order: 8
 title:
   zh-CN: 表格穿梭框
   en-US: Table Transfer

components/transfer/demo/tree-transfer.md

@@ -1,5 +1,5 @@
 ---
-order: 6
+order: 9
 title:
   zh-CN: 树穿梭框
   en-US: Tree Transfer

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

@@ -23,7 +23,7 @@ import { NzTransferModule } from 'ng-zorro-antd/transfer';
 ### nz-transfer:standalone
 
 | Property                | Description                                                                                                                       | Type                                                   | Default               |
-| ----------------------- |-----------------------------------------------------------------------------------------------------------------------------------| ------------------------------------------------------ |-----------------------|
+|-------------------------|-----------------------------------------------------------------------------------------------------------------------------------| ------------------------------------------------------ |-----------------------|
 | `[nzDataSource]`        | Used for setting the data source. Except for the elements whose keys are `direction: 'right'` prop, or using `nzTargetKeys` prop. | `TransferItem[]`                                       | `[]`                  |
 | `[nzDisabled]`          | Whether the transfer is disabled                                                                                                  | `boolean`                                              | `false`               |
 | `[nzTitles]`            | A set of titles that are sorted from left to right.                                                                               | `string[]`                                             | `['', '']`            |
@@ -42,6 +42,7 @@ import { NzTransferModule } from 'ng-zorro-antd/transfer';
 | `[nzCanMove]`           | A function to determine what items should be moved (by default all checked items are moved). please refer to the case.            | `(arg: TransferCanMove) => Observable<TransferItem[]>` | -                     |
 | `[nzSelectedKeys]`      | A set of keys of selected items.                                                                                                  | `string[]`                                             | -                     |
 | `[nzTargetKeys]`        | A set of keys of elements that are listed on the right column.                                                                    | `string[]`                                             | -                     |
+| `[nzOneWay]`            | Display as single direction style                                                                                                 | `boolean`                                              | `false`               |
 | `[nzStatus]`            | Set validation status                                                                                                             | `'error' \| 'warning'`                                 | -                     |
 | `(nzChange)`            | A callback function that is executed when the transfer between columns is complete.                                               | `EventEmitter<TransferChange>`                         | -                     |
 | `(nzSearchChange)`      | A callback function which is executed when search field are changed                                                               | `EventEmitter<TransferSearchChange>`                   | -                     |