From a7c5ca8f480809a12ef151a7fe67430ba31c46c2 Mon Sep 17 00:00:00 2001
From: Hefeng <1057605508@qq.com>
Date: Tue, 30 Jan 2024 13:24:07 +0800
Subject: [PATCH] =?UTF-8?q?chore:=20select-transfer-modal=20=20=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/select-transfer-modal/index.vue | 45 +++++++++++-------------
 types/auto-imports.d.ts                  |  2 --
 2 files changed, 20 insertions(+), 27 deletions(-)

diff --git a/packages/select-transfer-modal/index.vue b/packages/select-transfer-modal/index.vue
index 4cc4c6d..e65032b 100644
--- a/packages/select-transfer-modal/index.vue
+++ b/packages/select-transfer-modal/index.vue
@@ -14,15 +14,14 @@
     </slot>
   </span>
   <el-config-provider :locale="locale">
-    <el-dialog
-      v-model="showDialog" class="select-transfer-modal" :title="title" :width="width" append-to-body
-      :z-index="zIndex" @open="getList" @closed="closed"
-    >
+    <el-dialog v-model="showDialog" class="select-transfer-modal" :title="title" :width="width" append-to-body
+      :z-index="zIndex" @open="getList" @closed="closed">
       <div flex>
         <slot name="left" />
         <div grow>
           <el-form ref="queryRef" :model="queryParams" inline>
-            <el-form-item v-for="formItem in formItems" :key="formItem.prop" :label="formItem.label" :prop="formItem.prop">
+            <el-form-item v-for="formItem in formItems" :key="formItem.prop" :label="formItem.label"
+              :prop="formItem.prop">
               <el-select v-if="formItem.selectOptions" :placeholder="formItem.placeholder">
                 <el-option v-for="option in formItem.selectOptions" :key="option.value" :value="option.value">
                   {{ option.label }}
@@ -39,34 +38,21 @@
               </el-button>
             </el-form-item>
           </el-form>
-          <el-transfer
-            v-model="transferValue"
-            v-loading="loading"
-            inline-block
-            text-left
-            style="--el-transfer-panel-width:25vw"
-            :titles="['待选项', '已选项']"
-            :button-texts="['移除', '添加']"
-            :format="{
+          <el-transfer v-model="transferValue" v-loading="loading" inline-block text-left
+            style="--el-transfer-panel-width:25vw" :titles="['待选项', '已选项']" :button-texts="['移除', '添加']" :format="{
               noChecked: '${total}',
               hasChecked: '${checked}/${total}',
-            }"
-            :data="data"
-            :filter-method="filterMethod"
-            :props="props"
-          >
+            }" :data="data" :filter-method="filterMethod" :props="props">
             <template #default="{ option }">
               <slot name="transfer" :option="option">
                 {{ option[props.label] }}
               </slot>
             </template>
             <template #left-footer>
-              <el-pagination
-                v-if="!hidePagination && total > queryParams.pageSize" v-model:current-page="queryParams.pageNum"
-                v-model:page-size="queryParams.pageSize" background small layout="total, sizes, prev, next, jumper" mt-9px
-                :page-sizes="pageSizes" :pager-count="pagerCount" :total="total" @size-change="handleSizeChange"
-                @current-change="getList"
-              />
+              <el-pagination v-if="!hidePagination && total > queryParams.pageSize"
+                v-model:current-page="queryParams.pageNum" v-model:page-size="queryParams.pageSize" background small
+                layout="total, sizes, prev, next, jumper" mt-9px :page-sizes="pageSizes" :pager-count="pagerCount"
+                :total="total" @size-change="handleSizeChange" @current-change="getList" />
             </template>
           </el-transfer>
         </div>
@@ -262,5 +248,14 @@ watch(() => properties.show, (show) => {
   .el-checkbox:last-of-type {
     margin-right: 30px;
   }
+
+  .el-transfer {
+    width: 100%;
+    display: flex;
+
+    .el-transfer-panel {
+      flex: 1;
+    }
+  }
 }
 </style>
diff --git a/types/auto-imports.d.ts b/types/auto-imports.d.ts
index 54cfeb9..b0a515f 100644
--- a/types/auto-imports.d.ts
+++ b/types/auto-imports.d.ts
@@ -306,7 +306,6 @@ declare module 'vue' {
     readonly $shallowRef: UnwrapRef<typeof import('vue/macros')['$shallowRef']>
     readonly $toRef: UnwrapRef<typeof import('vue/macros')['$toRef']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>
@@ -594,7 +593,6 @@ declare module '@vue/runtime-core' {
     readonly $shallowRef: UnwrapRef<typeof import('vue/macros')['$shallowRef']>
     readonly $toRef: UnwrapRef<typeof import('vue/macros')['$toRef']>
     readonly EffectScope: UnwrapRef<typeof import('vue')['EffectScope']>
-    readonly ElMessage: UnwrapRef<typeof import('element-plus/es')['ElMessage']>
     readonly asyncComputed: UnwrapRef<typeof import('@vueuse/core')['asyncComputed']>
     readonly autoResetRef: UnwrapRef<typeof import('@vueuse/core')['autoResetRef']>
     readonly computed: UnwrapRef<typeof import('vue')['computed']>