feat: 表格支持配置列的展示和隐藏（复杂模式，支持拖拽和重置）

Author: liyuan-meng

src/components/c-table/css/business.less

@@ -478,6 +478,7 @@
       display: flex;
       align-items: center;
       gap: 4px;
+      margin-left: 4px;
 
       i {
         color: @gray-6;

src/components/c-table/demos/config-column-basic.md

@@ -132,7 +132,6 @@ export default function CTableDemo() {
         style={{ height: 500, marginTop: 20 }}
         ref={tableRef}
         supportPage
-        supportCheckbox
         columnData={columns}
         supportConfigColumn
         defaultShowColumns={columns.slice(0, 4).map(item => item.dataIndex)}

src/components/c-table/demos/config-column.md

@@ -132,7 +132,6 @@ export default function CTableDemo() {
         style={{ height: 500, marginTop: 20 }}
         ref={tableRef}
         supportPage
-        supportCheckbox
         columnData={columns}
         supportConfigColumn
         defaultShowColumns={columns.slice(0, 4).map(item => item.dataIndex)}

src/components/c-table/index.md

@@ -374,28 +374,25 @@ this.tableRef.current.setColumn(columnData, isReloadGrid?);
 
 <embed src="@components/c-table/demos/splitTable.md" />
 
-### 标准化表格-数值类型
+### 标准化列表格
 
+#### 数值类型
 <embed src="@components/c-table/demos/uniform_number.md" />
 
-### 标准化表格-时间类型
-
+#### 时间类型
 <embed src="@components/c-table/demos/uniform_time.md" />
 
-### 标准化表格-时间范围类型
-
+#### 时间范围类型
 <embed src="@components/c-table/demos/uniform_time_range.md" />
 
-### 标准化表格-文本类型
+#### 文本类型
 
 <embed src="@components/c-table/demos/uniform_text.md" />
 
-### 标准化表格-标签类型
-
+#### 标签类型
 <embed src="@components/c-table/demos/uniform_tag.md" />
 
-### 标准化表格-使用列模板形式
-
+#### 使用列模板形式
 <embed src="@components/c-table/demos/uniform_tpl.md" />
 
 ### 解决方案

src/components/c-table/js/columnConfig.js

@@ -87,7 +87,7 @@ class ColumnConfig extends Component {
     return (
       <section className={`${tablePrefixCls}-tooltip-complex`}>
         <p className={`${tablePrefixCls}-tooltip-complex-title`}>配置列的显示状态</p>
-        <div style={{ maxHeight: columnConfigPanelHeight - 92 - 24, overflow: 'auto' }}>
+        <div style={{ maxHeight: columnConfigPanelHeight - 128, overflow: 'auto' }}>
           <ReactDragListView
             onDragEnd={this.onDragEnd}
             handleSelector={`.${dragSelector}`}

src/components/popover/index.js

@@ -46,7 +46,7 @@ function Popover(props) {
         && (ele.classList.contains(cancelBtnClass)
           || ele.classList.contains(confirmBtnClass)
           || ele.classList.contains(closeIconClass)
-          || ignoreClassList.find(c => ele.classList.contains(c))),
+          || ignoreClassList?.find(c => ele.classList.contains(c))),
   );
 
   const handleCancelClick = () => {