From ef353362fb657cbd3cfa0bbe767e96a20410aaca Mon Sep 17 00:00:00 2001
From: "Jingwei.Zhang" <zhang.jingwei@99cloud.net>
Date: Tue, 6 Dec 2022 17:37:43 +0800
Subject: [PATCH] feat: support component in the table header

Support custom component in the table header of the list page, the custom component is placed in front of the magicSearch component

Change-Id: I980552818bcb6375d3b412b63732c02597ff2a94
---
 src/components/Tables/Base/index.jsx | 10 ++++++++++
 src/containers/List/index.jsx        |  5 +++++
 2 files changed, 15 insertions(+)

diff --git a/src/components/Tables/Base/index.jsx b/src/components/Tables/Base/index.jsx
index 2cb3642d..b723ef29 100644
--- a/src/components/Tables/Base/index.jsx
+++ b/src/components/Tables/Base/index.jsx
@@ -98,6 +98,7 @@ export class BaseTable extends React.Component {
     primaryActionsExtra: PropTypes.any,
     isAdminPage: PropTypes.bool,
     containerProps: PropTypes.any,
+    middleComponentInHeader: PropTypes.node,
   };
 
   static defaultProps = {
@@ -653,6 +654,14 @@ export class BaseTable extends React.Component {
     );
   }
 
+  renderMiddleInHeader() {
+    const { middleComponentInHeader } = this.props;
+    if (middleComponentInHeader) {
+      return middleComponentInHeader;
+    }
+    return null;
+  }
+
   renderActions() {
     const {
       isAdminPage,
@@ -791,6 +800,7 @@ export class BaseTable extends React.Component {
           {this.renderRefreshAuto()}
         </div>
         {this.renderTimeFilter()}
+        {this.renderMiddleInHeader()}
         {this.renderSearch()}
       </div>
     );
diff --git a/src/containers/List/index.jsx b/src/containers/List/index.jsx
index 1531d740..379406de 100644
--- a/src/containers/List/index.jsx
+++ b/src/containers/List/index.jsx
@@ -440,6 +440,10 @@ export default class BaseList extends React.Component {
     return false;
   }
 
+  get middleComponentInTableHeader() {
+    return null;
+  }
+
   setRefreshDataTimerTransition = () => {
     this.stopRefreshAuto();
     if (this.dataTimerTransition) {
@@ -557,6 +561,7 @@ export default class BaseList extends React.Component {
       primaryActionsExtra: this.primaryActionsExtra,
       isAdminPage: this.isAdminPage,
       initFilter: this.initFilter,
+      middleComponentInHeader: this.middleComponentInTableHeader,
       ...this.getEnabledTableProps(),
     };
   }