style: pagination

Author: tangjinzhou

components/pagination/Pagination.tsx

@@ -4,8 +4,7 @@ import LeftOutlined from '@ant-design/icons-vue/LeftOutlined';
 import RightOutlined from '@ant-design/icons-vue/RightOutlined';
 import DoubleLeftOutlined from '@ant-design/icons-vue/DoubleLeftOutlined';
 import DoubleRightOutlined from '@ant-design/icons-vue/DoubleRightOutlined';
-import VcSelect from '../select';
-import MiniSelect from './MiniSelect';
+import MiniSelect, { MiddleSelect } from './Select';
 import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';
 import VcPagination from '../vc-pagination';
 import enUS from '../vc-pagination/locale/en_US';
@@ -145,7 +144,7 @@ export default defineComponent({
         ...getIconsProps(prefixCls.value),
         prefixCls: prefixCls.value,
         selectPrefixCls: selectPrefixCls.value,
-        selectComponentClass: selectComponentClass || (isSmall ? MiniSelect : VcSelect),
+        selectComponentClass: selectComponentClass || (isSmall ? MiniSelect : MiddleSelect),
         locale: locale.value,
         buildOptionText,
         ...attrs,

components/pagination/MiniSelect.tsx renamed to components/pagination/Select.tsx

@@ -2,6 +2,7 @@ import { defineComponent } from 'vue';
 import VcSelect, { selectProps } from '../select';
 
 export default defineComponent({
+  name: 'MiniSelect',
   inheritAttrs: false,
   props: selectProps(),
   Option: VcSelect.Option,
@@ -16,3 +17,20 @@ export default defineComponent({
     };
   },
 });
+
+export const MiddleSelect = defineComponent({
+  name: 'MiddleSelect',
+  inheritAttrs: false,
+  props: selectProps(),
+  Option: VcSelect.Option,
+  setup(props, { attrs, slots }) {
+    return () => {
+      const selelctProps: any = {
+        ...props,
+        size: 'middle',
+        ...attrs,
+      };
+      return <VcSelect {...selelctProps} v-slots={slots}></VcSelect>;
+    };
+  },
+});