From f6823d646ac3322b1c312fe266aefaff42a1f79d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E6=B1=9F=E8=BE=B0?= <SpaceCode@foxmail.com>
Date: Fri, 15 Sep 2023 17:07:14 +0800
Subject: [PATCH] feat(transfer): add icon slot

---
 .../web-vue/components/transfer/README.en-US.md    |  2 ++
 .../web-vue/components/transfer/README.zh-CN.md    |  2 ++
 packages/web-vue/components/transfer/transfer.vue  | 14 ++++++++++++--
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/packages/web-vue/components/transfer/README.en-US.md b/packages/web-vue/components/transfer/README.en-US.md
index 6e9c02c7d..8d55bdd2c 100644
--- a/packages/web-vue/components/transfer/README.en-US.md
+++ b/packages/web-vue/components/transfer/README.en-US.md
@@ -56,6 +56,8 @@ description: A two-column multi-select component that moves elements from one co
 |---|---|---|:---|
 |source|Source content|data: `TransferItem[]`<br>selectedKeys: `string[]`<br>onSelect: `(value: string[]) => void`|2.39.0|
 |source-title|Source Header|countTotal: `number`<br>countSelected: `number`<br>searchValue: `string`<br>checked: `boolean`<br>indeterminate: `boolean`<br>onSelectAllChange: `(checked:boolean) => void`<br>onClear: `() => void`|2.45.0|
+|to-target-icon| To target icon slot|-||
+|to-source-icon| To source icon slot|-||
 |target|Target content|data: `TransferItem[]`<br>selectedKeys: `string[]`<br>onSelect: `(value: string[]) => void`|2.39.0|
 |target-title|Target Header|countTotal: `number`<br>countSelected: `number`<br>searchValue: `string`<br>checked: `boolean`<br>indeterminate: `boolean`<br>onSelectAllChange: `(checked:boolean) => void`<br>onClear: `() => void`|2.45.0|
 |item|Option|value: `string`<br>label: `string`||
diff --git a/packages/web-vue/components/transfer/README.zh-CN.md b/packages/web-vue/components/transfer/README.zh-CN.md
index 822d7fdd8..212379481 100644
--- a/packages/web-vue/components/transfer/README.zh-CN.md
+++ b/packages/web-vue/components/transfer/README.zh-CN.md
@@ -54,6 +54,8 @@ description: 两栏布局的多选组件，将元素从一栏即时移到另一
 |---|:---:|---|:---|
 |source|源面板|data: `TransferItem[]`<br>selectedKeys: `string[]`<br>onSelect: `(value: string[]) => void`|2.39.0|
 |source-title|源标题插槽|countTotal: `number`<br>countSelected: `number`<br>searchValue: `string`<br>checked: `boolean`<br>indeterminate: `boolean`<br>onSelectAllChange: `(checked:boolean) => void`<br>onClear: `() => void`|2.45.0|
+|to-target-icon| 移至目标图标插槽|-||
+|to-source-icon| 移至源图标插槽|-||
 |target|目标面板|data: `TransferItem[]`<br>selectedKeys: `string[]`<br>onSelect: `(value: string[]) => void`|2.39.0|
 |target-title|目标标题插槽|countTotal: `number`<br>countSelected: `number`<br>searchValue: `string`<br>checked: `boolean`<br>indeterminate: `boolean`<br>onSelectAllChange: `(checked:boolean) => void`<br>onClear: `() => void`|2.45.0|
 |item|选项|value: `string`<br>label: `string`||
diff --git a/packages/web-vue/components/transfer/transfer.vue b/packages/web-vue/components/transfer/transfer.vue
index 07ad03659..0e030a07d 100644
--- a/packages/web-vue/components/transfer/transfer.vue
+++ b/packages/web-vue/components/transfer/transfer.vue
@@ -30,7 +30,7 @@
         @click="handleClick('target')"
       >
         <template #icon>
-          <icon-right />
+          <slot name="to-target-icon"> <icon-right /> </slot>
         </template>
       </arco-button>
       <arco-button
@@ -43,7 +43,7 @@
         @click="handleClick('source')"
       >
         <template #icon>
-          <icon-left />
+          <slot name="to-source-icon"><icon-left /></slot>
         </template>
       </arco-button>
     </div>
@@ -281,6 +281,16 @@ export default defineComponent({
    * @binding {() => void} onClear
    * @version 2.45.0
    */
+  /**
+   * @zh 移至源图标插槽
+   * @en To source icon slot
+   * @slot to-source-icon
+   */
+  /**
+   * @zh 移至目标图标插槽
+   * @en To target icon slot
+   * @slot to-target-icon
+   */
   setup(props, { emit, slots }) {
     const { mergedDisabled, eventHandlers } = useFormItem({
       disabled: toRef(props, 'disabled'),