[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/components/style.less

@@ -12,9 +12,45 @@
     display: flex;
     position: relative;
     .sider {
-      flex: 0 0 350px;
+      flex: 0 0 auto;
+      width: 285px;
       border-right: 5px solid #eee;
-
+      position: relative;
+      transition: all 0.2s,background 0s;
+      .treeContainer {
+        width: 100%;
+        opacity: 1;
+        transition: all 0.2s,background 0s;
+      }
+      &.siderCollapsed {
+        width: 20px;
+        & .treeContainer{
+          opacity: 0;
+        }
+      }
+      .siderCollapsedButton {
+        position: absolute;
+        inset-block-start: 17px;
+        border: 1px solid #eee;
+        cursor: pointer;
+        z-index: 101;
+        width: 24px;
+        height: 24px;
+        text-align: center;
+        border-radius: 40px;
+        inset-inline-end: -13px;
+        transition: transform 0.3s;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        color: rgba(0, 0, 0, 0.25);
+        background-color: #ffffff;
+        box-shadow: 0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08);
+        &:hover {
+          color: rgba(0, 0, 0, 0.75);
+        }
+      }
       .domainTitle {
         margin-bottom: 0;
         font-size: 20px;
@@ -49,8 +85,9 @@
       }
     
       .search {
-        width: calc(100% - 60px);
-        margin: 10px 0 10px 35px;
+        // width: calc(100% - 100px);
+        width: 100%;
+        margin: 10px 0 10px 10px;
       }
     
       .tree {
@@ -190,6 +227,7 @@
   width: 100%;
   overflow: hidden;
   .searchContainer {
+    width: 280px;
     padding:3px 0;
     border-bottom: 1px solid #eee;
   }
@@ -327,7 +365,8 @@
 
 .breadcrumb{
   font-size: 18px;
-  margin: 20px 0 0 20px;
+  margin: 17px 0 0 20px;
+  padding-bottom: 3px;
   :global {
     .ant-breadcrumb-link {
       height: 28px;
@@ -336,4 +375,12 @@
       font-size: 18px;
     }
   }
+}
+
+.classDataSourceTypeModal {
+  :global {
+    .ant-modal-body{
+      padding: 0px;
+    }
+  }
 }