chore: table size放到settings (#1294)

src/components/Table/src/BasicTable.vue

@@ -222,7 +222,6 @@
       const getBindValues = computed(() => {
         const dataSource = unref(getDataSourceRef);
         let propsData: Recordable = {
-          size: 'middle',
           // ...(dataSource.length === 0 ? { getPopupContainer: () => document.body } : {}),
           ...attrs,
           customRow,

src/components/Table/src/const.ts

@@ -2,7 +2,14 @@ import componentSetting from '/@/settings/componentSetting';
 
 const { table } = componentSetting;
 
-const { pageSizeOptions, defaultPageSize, fetchSetting, defaultSortFn, defaultFilterFn } = table;
+const {
+  pageSizeOptions,
+  defaultPageSize,
+  fetchSetting,
+  defaultSize,
+  defaultSortFn,
+  defaultFilterFn,
+} = table;
 
 export const ROW_KEY = 'key';
 
@@ -15,6 +22,9 @@ export const PAGE_SIZE = defaultPageSize;
 // Common interface field settings
 export const FETCH_SETTING = fetchSetting;
 
+// Default Size
+export const DEFAULT_SIZE = defaultSize;
+
 // Configure general sort function
 export const DEFAULT_SORT_FN = defaultSortFn;
 

src/components/Table/src/props.ts

@@ -7,9 +7,10 @@ import type {
   SorterResult,
   TableCustomRecord,
   TableRowSelection,
+  SizeType,
 } from './types/table';
 import type { FormProps } from '/@/components/Form';
-import { DEFAULT_FILTER_FN, DEFAULT_SORT_FN, FETCH_SETTING } from './const';
+import { DEFAULT_FILTER_FN, DEFAULT_SORT_FN, FETCH_SETTING, DEFAULT_SIZE } from './const';
 import { propTypes } from '/@/utils/propTypes';
 
 export const basicProps = {
@@ -141,4 +142,8 @@ export const basicProps = {
       }) => Promise<any>
     >,
   },
+  size: {
+    type: String as PropType<SizeType>,
+    default: DEFAULT_SIZE,
+  },
 };

src/settings/componentSetting.ts

@@ -21,6 +21,8 @@ export default {
     pageSizeOptions: ['10', '50', '80', '100'],
     // Default display quantity on one page
     defaultPageSize: 10,
+    // Default Size
+    defaultSize: 'middle',
     // Custom general sort function
     defaultSortFn: (sortInfo: SorterResult) => {
       const { field, order } = sortInfo;