[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. (#404)

* [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.

webapp/packages/supersonic-fe/src/components/RightContent/AvatarDropdown.tsx

@@ -54,7 +54,7 @@ const AvatarDropdown: React.FC<GlobalHeaderRightProps> = () => {
     <HeaderDropdown menu={{ items }} disabled={APP_TARGET === 'inner'}>
       <span className={`${styles.action} ${styles.account}`}>
         <TMEAvatar className={styles.avatar} size="small" staffName={currentUser.staffName} />
-        <span className={cx(styles.name, 'anticon')}>{currentUser.staffName}</span>
+        <span style={{ color: '#fff' }}>{currentUser.staffName}</span>
       </span>
     </HeaderDropdown>
   );

webapp/packages/supersonic-fe/src/components/RightContent/index.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+
 
 @pro-header-hover-bg: rgba(0, 0, 0, 0.025);
 
@@ -26,15 +26,17 @@
     padding: 0 12px;
     cursor: pointer;
     transition: all 0.3s;
-
+    color: #fff;
     >span {
       vertical-align: middle;
     }
 
+
     &:hover {
-      background: @pro-header-hover-bg;
+      background: #296df3;
     }
 
+
     &:global(.opened) {
       background: @pro-header-hover-bg;
     }
@@ -57,49 +59,3 @@
     }
   }
 }
-
-.dark {
-  .action {
-    .download {
-      display: flex;
-      align-items: center;
-    }
-
-    .menuName {
-      margin-left: 5px;
-      color: #fff;
-      font-size: 13px;
-    }
-
-    &:hover {
-      background: #296df3;
-    }
-
-    &:global(.opened) {
-      background: #252a3d;
-    }
-  }
-}
-
-.actionIcon {
-  font-size: 20px;
-}
-
-
-
-.tooltip {
-  padding-top: 0 !important;
-  font-size: 12px !important;
-
-  :global {
-    .ant-tooltip-arrow {
-      display: none;
-    }
-
-    .ant-tooltip-inner {
-      min-height: 0 !important;
-      padding: 3px 6px !important;
-    }
-  }
-}
-

webapp/packages/supersonic-fe/src/components/RightContent/index.tsx

@@ -5,7 +5,6 @@ import Avatar from './AvatarDropdown';
 import { SettingOutlined } from '@ant-design/icons';
 import { getSystemConfig } from '@/services/user';
 import styles from './index.less';
-import cx from 'classnames';
 
 export type SiderTheme = 'light' | 'dark';
 
@@ -21,27 +20,20 @@ const GlobalHeaderRight: React.FC = () => {
   }
   const { currentUser = {} } = initialState as any;
 
-  const { layout } = initialState.settings;
-  let className = styles.right;
-
   const querySystemConfig = async () => {
     const { code, data } = await getSystemConfig();
     if (code === 200) {
       const { admins } = data;
-      if (admins.includes(currentUser?.staffName)) {
+      if (Array.isArray(admins) && admins.includes(currentUser?.staffName)) {
         setHasSettingPermisson(true);
       }
     }
   };
 
-  if (layout === 'top' || layout === 'mix') {
-    className = cx(styles.right, styles.dark);
-  }
-
   function handleLogin() {}
 
   return (
-    <Space className={className} style={{ marginRight: -8 }}>
+    <Space className={styles.right}>
       <Avatar onClickLogin={handleLogin} />
       {hasSettingPermisson && (
         <span