fix(comp:transfer): pagination should enable quick jumper, meanwhile …

…fix header suffix style (#1459)

* style(comp:transfer): transfer header suffix isn't vertially centered

* fix(comp:transfer): pagination quick jumper should be enabled

* docs(comp:transfer): modify header suffix size of demo

packages/components/transfer/demo/CustomHeaderLabelSuffix.vue

@@ -11,15 +11,17 @@
       <span v-else> Target ({{ data.length }}) </span>
     </template>
     <template #headerSuffix>
-      <IxIcon name="plus" :onClick="handleSuffixClick" />
+      <IxIcon name="plus" size="16px" :onClick="handleSuffixClick" />
     </template>
   </IxTransfer>
 </template>
 
 <script setup lang="ts">
+import type { TransferData } from '@idux/components/transfer'
+
 import { ref } from 'vue'
 
-interface Data {
+interface Data extends TransferData {
   key: number
   value: number
   label: string

packages/components/transfer/src/composables/usePagination.ts

@@ -79,6 +79,7 @@ function createPagination(
     return {
       simple: true,
       showTotal: false,
+      showQuickJumper: true,
       ...pagination,
       pageIndex: pageIndex.value,
       pageSize: pageSize.value,

packages/components/transfer/style/content.less

@@ -74,6 +74,7 @@
   }
 
   &-suffix {
+    line-height: 1;
     margin-left: auto;
   }
   &-clear-icon + &-suffix,