[improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not. (#417)

* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab.
[improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions.
[improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager.

* [improvement][semantic-fe] Add time granularity setting in the data source configuration.

* [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility

* [improvement][semantic-fe] Modification of data source creation prompt wording"

* [improvement][semantic-fe] metric market experience optimization

* [improvement][semantic-fe] enhance the analysis of metric trends

* [improvement][semantic-fe] optimize the presentation of metric trend permissions

* [improvement][semantic-fe] add metric trend download functionality

* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation

* [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source.

* [improvement][semantic-fe] Optimizing pagination logic and some CSS styles

* [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum"

* [improvement][semantic-fe] Fixing the default value setting for the indicator list

* [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models

* [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API

* [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators

* [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality

* [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.

* [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not.

webapp/packages/supersonic-fe/src/pages/SemanticModel/OverviewContainer.tsx

@@ -5,7 +5,7 @@ import DomainListTree from './components/DomainList';
 
 import styles from './components/style.less';
 import type { StateType } from './model';
-import { DownOutlined, LeftOutlined } from '@ant-design/icons';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
 import { ISemantic } from './data';
 import { getDomainList, getModelList } from './service';
 import ChatSettingTab from './ChatSetting/ChatSettingTab';
@@ -24,17 +24,12 @@ const OverviewContainer: React.FC<Props> = ({ mode, domainManger, dispatch }) =>
   const modelId = params.modelId;
 
   const menuKey = params.menuKey ? params.menuKey : !Number(modelId) ? 'overview' : '';
-  const { selectDomainId, selectModelId, selectDomainName, selectModelName, domainList } =
-    domainManger;
+  const { selectDomainId, selectModelId, domainList } = domainManger;
   const [modelList, setModelList] = useState<ISemantic.IModelItem[]>([]);
   const [isModel, setIsModel] = useState<boolean>(false);
-  const [open, setOpen] = useState(false);
+  const [collapsedState, setCollapsedState] = useState(true);
   const [activeKey, setActiveKey] = useState<string>(menuKey);
 
-  const handleOpenChange = (newOpen: boolean) => {
-    setOpen(newOpen);
-  };
-
   const initSelectedDomain = (domainList: ISemantic.IDomainItem[]) => {
     const targetNode = domainList.filter((item: any) => {
       return `${item.id}` === domainId;
@@ -198,39 +193,43 @@ const OverviewContainer: React.FC<Props> = ({ mode, domainManger, dispatch }) =>
     });
   };
 
+  const handleCollapsedBtn = () => {
+    setCollapsedState(!collapsedState);
+  };
+
   return (
     <div className={styles.projectBody}>
       <Helmet title={'语义模型-超音数'} />
       <div className={styles.projectManger}>
-        <div className={styles.sider}>
-          {/* <div className={styles.domainTitle}>
-            <Space>
-              {selectDomainName ? `${selectDomainName}` : '主题域信息'}
-              {selectModelName && (
-                <>
-                  <span style={{ position: 'relative' }}> | </span>
-                  <span style={{ fontSize: 16, color: '#296DF3' }}>{selectModelName}</span>
-                </>
-              )}
-            </Space>
-          </div> */}
-          <DomainListTree
-            createDomainBtnVisible={mode === 'domain' ? true : false}
-            onTreeSelected={(domainData) => {
-              setOpen(false);
-              const { id, name } = domainData;
-              cleanModelInfo(id);
-              dispatch({
-                type: 'domainManger/setSelectDomain',
-                selectDomainId: id,
-                selectDomainName: name,
-                domainData,
-              });
+        <div className={`${styles.sider} ${!collapsedState ? styles.siderCollapsed : ''}`}>
+          <div className={styles.treeContainer}>
+            <DomainListTree
+              createDomainBtnVisible={mode === 'domain' ? true : false}
+              onTreeSelected={(domainData) => {
+                const { id, name } = domainData;
+                cleanModelInfo(id);
+                dispatch({
+                  type: 'domainManger/setSelectDomain',
+                  selectDomainId: id,
+                  selectDomainName: name,
+                  domainData,
+                });
+              }}
+              onTreeDataUpdate={() => {
+                initProjectTree();
+              }}
+            />
+          </div>
+
+          <div
+            className={styles.siderCollapsedButton}
+            onClick={() => {
+              handleCollapsedBtn();
             }}
-            onTreeDataUpdate={() => {
-              initProjectTree();
-            }}
-          />
+          >
+            {collapsedState ? <LeftOutlined /> : <RightOutlined />}
+          </div>
+          {/* <RightOutlined /> */}
         </div>
         <div className={styles.content}>
           {selectDomainId ? (