chore: table size放到settings (#1294)

Joyboo · GitHub
1 parent 787bc462
Showing 4 changed files with 19 additions and 3 deletions
src/components/Table/src/BasicTable.vue
src/components/Table/src/const.ts
src/components/Table/src/props.ts
src/settings/componentSetting.ts
@@ -222,7 +222,6 @@
       const getBindValues = computed(() => {
         const dataSource = unref(getDataSourceRef);
         let propsData: Recordable = {
-          size: 'middle',
           // ...(dataSource.length === 0 ? { getPopupContainer: () => document.body } : {}),
           ...attrs,
           customRow,
@@ -2,7 +2,14 @@ import componentSetting from &#39;/@/settings/componentSetting&#39;;
  
 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;
  
@@ -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,
+  },
 };
@@ -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;