Optimize/all tags view toolbar (#7593)

* all tags view toolbar

* optimize

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>

frontend/src/components/sf-table/index.js

@@ -160,6 +160,7 @@ SFTable.propTypes = {
   loadAll: PropTypes.func,
   moveRecords: PropTypes.func,
   renderCustomDraggedRows: PropTypes.func,
+  updateSelectedRecordIds: PropTypes.func,
 };
 
 export default SFTable;

frontend/src/components/sf-table/table-main/records/index.js

@@ -411,6 +411,7 @@ class Records extends Component {
 
     // clear selected records
     this.onDeselectAllRecords();
+    this.props.updateSelectedRecordIds([]);
   };
 
   selectCell = (cellPosition) => {
@@ -603,6 +604,7 @@ class Records extends Component {
     const { treeMetrics } = this.state;
     let updatedTreeMetrics = { ...treeMetrics };
     TreeMetrics.selectTreeNodesByKeys(nodesKeys, updatedTreeMetrics);
+    this.props.updateSelectedRecordIds(TreeMetrics.getSelectedIds(updatedTreeMetrics, this.props.treeNodeKeyRecordIdMap));
     this.setState({ treeMetrics: updatedTreeMetrics });
   };
 
@@ -614,6 +616,7 @@ class Records extends Component {
 
     let updatedTreeMetrics = { ...treeMetrics };
     TreeMetrics.selectTreeNode(nodeKey, updatedTreeMetrics);
+    this.props.updateSelectedRecordIds(TreeMetrics.getSelectedIds(updatedTreeMetrics, this.props.treeNodeKeyRecordIdMap));
     this.setState({ treeMetrics: updatedTreeMetrics });
   };
 
@@ -624,6 +627,7 @@ class Records extends Component {
     }
     let updatedTreeMetrics = { ...treeMetrics };
     TreeMetrics.deselectTreeNode(nodeKey, updatedTreeMetrics);
+    this.props.updateSelectedRecordIds(TreeMetrics.getSelectedIds(updatedTreeMetrics, this.props.treeNodeKeyRecordIdMap));
     this.setState({ treeMetrics: updatedTreeMetrics });
   };
 
@@ -633,6 +637,7 @@ class Records extends Component {
     let updatedTreeMetrics = { ...treeMetrics };
     const allNodesKeys = recordsTree.map((node) => getTreeNodeKey(node)).filter(Boolean);
     TreeMetrics.selectTreeNodesByKeys(allNodesKeys, updatedTreeMetrics);
+    this.props.updateSelectedRecordIds(TreeMetrics.getSelectedIds(updatedTreeMetrics, this.props.treeNodeKeyRecordIdMap));
     this.setState({ recordMetrics: updatedTreeMetrics });
   };
 
@@ -1063,6 +1068,7 @@ Records.propTypes = {
   moveRecord: PropTypes.func,
   addFolder: PropTypes.func,
   moveRecords: PropTypes.func,
+  updateSelectedRecordIds: PropTypes.func,
 };
 
 export default Records;