From fb4369711ae208139fffd42bbca9526341433dfd Mon Sep 17 00:00:00 2001
From: zhaojinfeng <121016171@qq.com>
Date: Mon, 14 Aug 2023 18:55:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8F=92=E6=A7=BD=E9=87=8D=E5=A4=8D?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=EF=BC=9B=E9=BB=98=E8=AE=A4=E5=88=86=E9=A1=B5?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/select-transfer-modal/index.vue | 18 +++++-------------
 stories/SelectTransferModal.stories.ts   |  5 ++---
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/packages/select-transfer-modal/index.vue b/packages/select-transfer-modal/index.vue
index 493d965..e9e180c 100644
--- a/packages/select-transfer-modal/index.vue
+++ b/packages/select-transfer-modal/index.vue
@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-14 11:07:15
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-08-14 17:26:33
+ * @LastEditTime: 2023-08-14 18:54:43
  * @FilePath: \vue3\packages\select-transfer-modal\index.vue
  * @Description:
  *
@@ -44,15 +44,8 @@
         }" :data="data" :filter-method="filterMethod" :props="props"
       >
         <template #default="{ option }">
-          <slot :option="option">
-            <div flex h-100px>
-              <div grow>
-                {{ option.name }}
-              </div>
-              <div v-if="optionRight">
-                {{ option[optionRight] }}
-              </div>
-            </div>
+          <slot name="transfer" :option="option">
+            {{ option[props.label] }}
           </slot>
         </template>
         <template #left-footer>
@@ -90,7 +83,6 @@ const properties = withDefaults(
     defaultParams?: Record<string, any>
     formItems?: FormItem[]
     request: (args: any) => Promise<Page>
-    layout?: string
     optionRight?: string
     pageSizes?: number[]
     pagerCount?: number
@@ -105,7 +97,7 @@ const properties = withDefaults(
     props: () => ({ key: 'id', label: 'name', disabled: 'disabled' }),
     show: false,
     defaultParams: () => ({}),
-    pageSizes: () => [10, 20, 30, 50],
+    pageSizes: () => [20, 50, 100, 200],
     pagerCount: document.body.clientWidth < 992 ? 5 : 7,
     hidePagination: false,
     title: '选择',
@@ -133,7 +125,7 @@ function filterMethod(_query: string, item: TransferDataItem) {
 
 const queryParams = reactive({
   pageNum: 1,
-  pageSize: 10,
+  pageSize: properties.pageSizes[0] || 10,
 })
 
 const data = computed(() => {
diff --git a/stories/SelectTransferModal.stories.ts b/stories/SelectTransferModal.stories.ts
index 4173292..dcb2e60 100644
--- a/stories/SelectTransferModal.stories.ts
+++ b/stories/SelectTransferModal.stories.ts
@@ -2,7 +2,7 @@
  * @Author: zhaojinfeng 121016171@qq.com
  * @Date: 2023-08-14 11:07:15
  * @LastEditors: zhaojinfeng 121016171@qq.com
- * @LastEditTime: 2023-08-14 16:45:09
+ * @LastEditTime: 2023-08-14 18:52:56
  * @FilePath: \vue3\stories\SelectTransferModal.stories.ts
  * @Description:
  *
@@ -43,8 +43,7 @@ const meta = {
     formItems: [{ label: 'label1', prop: 'prop1' }, { label: 'label2', prop: 'prop2', selectOptions: [{ label: '1', value: '1' }, { label: '2', value: '2' }] }],
     request,
     optionRight: 'value',
-    layout: 'total, sizes, prev, pager, next, jumper',
-    pageSizes: [10, 20, 30, 50],
+    pageSizes: [20, 50, 100, 200],
     pagerCount: document.body.clientWidth < 992 ? 5 : 7,
     props: { key: 'id', label: 'name', disabled: 'disabled' },
     hidePagination: false,