Feature/modify tag links by drag and drop (#7469)

* change tags link by drag and drop

* optimize

* optimize drag image

* optimize drag effect

* update codes

---------

Co-authored-by: zhouwenxuan <aries@Mac.local>
Co-authored-by: renjie-run <rj.aiyayao@gmail.com>

frontend/src/components/sf-table/utils/record-metrics.js

@@ -42,6 +42,14 @@ function isSelectedAll(recordIds, recordMetrics) {
   return recordIds.every(recordId => isRecordSelected(recordId, recordMetrics));
 }
 
+function getDraggedRecordsIds(draggingRecordId, recordMetrics) {
+  const selectedRecordIds = getSelectedIds(recordMetrics);
+  if (selectedRecordIds.includes(draggingRecordId)) {
+    return selectedRecordIds;
+  }
+  return [draggingRecordId];
+}
+
 export const RecordMetrics = {
   selectRecord,
   selectRecordsById,
@@ -51,4 +59,5 @@ export const RecordMetrics = {
   getSelectedIds,
   hasSelectedRecords,
   isSelectedAll,
+  getDraggedRecordsIds,
 };

frontend/src/components/sf-table/utils/tree-metrics.js

@@ -49,6 +49,14 @@ const checkIsSelectedAll = (nodeKeys, treeMetrics) => {
   return nodeKeys.every(nodeKey => checkIsTreeNodeSelected(nodeKey, treeMetrics));
 };
 
+const getDraggedTreeNodesKeys = (draggingTreeNodeKey, treeMetrics) => {
+  const selectedNodeKeys = getSelectedTreeNodesKeys(treeMetrics);
+  if (selectedNodeKeys.includes(draggingTreeNodeKey)) {
+    return selectedNodeKeys;
+  }
+  return [draggingTreeNodeKey];
+};
+
 export const TreeMetrics = {
   checkIsTreeNodeSelected,
   selectTreeNode,
@@ -59,4 +67,5 @@ export const TreeMetrics = {
   getSelectedIds,
   checkHasSelectedTreeNodes,
   checkIsSelectedAll,
+  getDraggedTreeNodesKeys,
 };