bug fix

src/view/Manage/Model/Component/ImportAction.jsx

 import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';
 import { Spin, Tabs, Anchor, Affix, Button } from 'antd';
 import LocalStorage from 'local-storage';
+import { Subject } from 'rxjs';
 
 import ImportActionHeader from './ImportActionHeader'; 
 import { ImportActionTable } from './ImportActionTable';
@@ -14,6 +15,8 @@ import { dispatch } from '../../../../model';
 
 import './ImportAction.less'
 
+export const importActionSubject = new Subject()
+
 const ImportAction = React.forwardRef((props, ref) => {
   const { action, hints, onChange, form, modelerId, terms, ddl, roughModelerData, versionId, permitCheckOut, catalogId } = props;
 
@@ -586,8 +589,11 @@ const ImportAction = React.forwardRef((props, ref) => {
             setActiveValue(val);
             var targetElement = container?.querySelector(`.${val}`); // 找到目标元素
             if (targetElement) {
-              animating.current = true;
-              targetElement.scrollIntoView();
+              importActionSubject.next({ type: 'expand', key: val })
+              setTimeout(() => {
+                animating.current = true;
+                targetElement.scrollIntoView();
+              }, 100)
             }
           }}>
             <Tabs.TabPane tab='基本信息' key="model-import-action-basic" />

src/view/Manage/Model/Component/ImportActionComment.jsx

@@ -5,6 +5,7 @@ import { showMessage } from "../../../../util"
 import { dispatch } from '../../../../model'
 
 import './ImportActionComment.less'
+import { importActionSubject } from "./ImportAction"
 
 const FC = (props) => {
   const { modelerData } = props
@@ -16,6 +17,18 @@ const FC = (props) => {
   const [modal, contextHolder] = Modal.useModal()
 
   React.useEffect(() => {
+    const $importActionSubject = importActionSubject.subscribe((props) => {
+      if (props.type === 'expand' && props.key === 'model-import-action-comment') {
+        setCollapse(false)
+      } 
+    })
+
+    return () => {
+      $importActionSubject.unsubscribe()
+    }
+  }, [])
+
+  React.useEffect(() => {
     if (modelerData?.id) {
       getComments()
     }

src/view/Manage/Model/Component/ImportActionHeader.jsx

@@ -11,6 +11,7 @@ import DebounceInput from './DebounceInput';
 import DataQuality, { DataQualityFeignTagList } from '../../../QianKun/data-quality'
 
 import './ImportActionHeader.less';
+import { importActionSubject } from './ImportAction';
 
 const { TextArea } = Input;
 const { Option } = Select;
@@ -62,6 +63,18 @@ const ImportActionHeader = (props) => {
   })
 
   useEffect(() => {
+    const $importActionSubject = importActionSubject.subscribe((props) => {
+      if (props.type === 'expand' && props.key === 'model-import-action-technical') {
+        setCollapse(false)
+      } 
+    })
+
+    return () => {
+      $importActionSubject.unsubscribe()
+    }
+  }, [])
+
+  useEffect(() => {
     getDataTypeList();
   }, [])
 

src/view/Manage/Model/Component/ImportActionIndex.jsx

@@ -12,6 +12,7 @@ import { addEventListenerForSidebar, removeEventListenerForSidebar } from './Hel
 import { showMessage, highlightSearchContentByTerms, inputWidth } from '../../../../util';
 import { EditModelContext } from './ContextManage';
 import { ValidateTip } from './ImportActionHeader';
+import { importActionSubject } from './ImportAction';
 
 const { Option } = Select;
 
@@ -366,6 +367,18 @@ const ImportActionIndex = (props) => {
     id: MENU_ID,
   });
 
+  useEffect(() => {
+    const $importActionSubject = importActionSubject.subscribe((props) => {
+      if (props.type === 'expand' && props.key === 'model-import-action-index') {
+        setCollapse(false)
+      } 
+    })
+
+    return () => {
+      $importActionSubject.unsubscribe()
+    }
+  }, [])
+
   useClickAway(() => {
     save();
   }, tableRef);

src/view/Manage/Model/Component/ImportActionManage.jsx

@@ -4,6 +4,7 @@ import { DownOutlined, UpOutlined } from '@ant-design/icons'
 import { Subject } from 'rxjs';
 
 import { dispatch } from '../../../../model'
+import { importActionSubject } from './ImportAction';
 
 export const ImportActionHeaderSubject = new Subject();
 
@@ -13,6 +14,18 @@ const FC = (props) => {
   const [maintenanceRecords, setMaintenanceRecords] = React.useState()
 
   React.useEffect(() => {
+    const $importActionSubject = importActionSubject.subscribe((props) => {
+      if (props.type === 'expand' && props.key === 'model-import-action-manage') {
+        setCollapse(false)
+      } 
+    })
+
+    return () => {
+      $importActionSubject.unsubscribe()
+    }
+  }, [])
+
+  React.useEffect(() => {
     if (modelerData?.id) {
       getMaintenanceRecords()
     }

src/view/Manage/Model/Component/ImportActionRelation.jsx

@@ -3,6 +3,7 @@ import { Button, Descriptions, Space, Popover } from "antd"
 import { DownOutlined, UpOutlined, QuestionCircleOutlined } from '@ant-design/icons'
 
 import { Action, ModelerId, PermitCheckOut, Editable, StateId, Holder, ReadOnly } from '../../../../util/constant'
+import { importActionSubject } from "./ImportAction"
 
 export const inheritanceHistoricalType = 'historical'
 export const inheritanceZipperType = 'zipper'
@@ -13,6 +14,18 @@ const FC = (props) => {
   const [relationModelerDatas, setRelationModelerDatas] = React.useState([])
 
   React.useEffect(() => {
+    const $importActionSubject = importActionSubject.subscribe((props) => {
+      if (props.type === 'expand' && props.key === 'model-import-action-relation') {
+        setCollapse(false)
+      } 
+    })
+
+    return () => {
+      $importActionSubject.unsubscribe()
+    }
+  }, [])
+
+  React.useEffect(() => {
     if (modelerData?.inheritedFromEasyDataModelerDataModel) {
       const newRelationModelerDatas = [];