pref: table组件去掉空状态

packages/base-components/BasicTable/src/index.js

-import React, { useContext, useState, useEffect } from 'react';
+import { ConfigProvider, Table } from 'antd';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
-import { Table, ConfigProvider } from 'antd';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Resizable } from 'react-resizable';
 import 'react-resizable/css/styles.css';
 import './index.less';
@@ -26,12 +26,12 @@ const ResizeableTitle = (props) => {
 };
 
 const BasicTable = (props) => {
+  const tableRef = useRef(null);
   const [cols, setCols] = useState(props.columns);
   const [columns, setColumns] = useState(props.columns);
   const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls('basic-table');
   const pagination = typeof props.pagination !== 'undefined' ? props.pagination : {};
-
   const showTotal = (total) => {
     return `共 ${Math.ceil(
       total / (props.pagination ? props.pagination.pageSize || 10 : 10),
@@ -74,20 +74,28 @@ const BasicTable = (props) => {
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [cols]);
-
+  const renderEmpty = () => {
+    let height = tableRef.current?.clientHeight;
+    // 表格高度减 表头 减padding
+    height = height ? (props.showHeader === false ? height - 15 - 32 : height - 60 - 32) : 200;
+    return <div style={{ height: height }} />;
+  };
   useEffect(() => {
     setCols(props.columns);
   }, [props.columns]);
 
   return (
-    <Table
-      className={classNames(prefixCls)}
-      scroll={{ y: 'calc(100% - 40px)' }}
-      components={components}
-      {...props}
-      columns={columns}
-      pagination={pagination ? { showTotal, ...pagination } : pagination}
-    />
+    <ConfigProvider renderEmpty={renderEmpty}>
+      <Table
+        ref={tableRef}
+        className={classNames(prefixCls)}
+        scroll={{ y: 'calc(100% - 40px)' }}
+        components={components}
+        {...props}
+        columns={columns}
+        pagination={pagination ? { showTotal, ...pagination } : pagination}
+      />
+    </ConfigProvider>
   );
 };