[improvement][headless-fe] Added view management functionality. (#701)

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

* [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.

* [improvement][semantic-fe] Updating the datePicker component to use dayjs instead.

* [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market.

* [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model.

* [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market.

* [improvement][semantic-fe] Adding the ability to download and transpose data.

* [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity.

* [improvement][semantic-fe] Fixing the logic error in the dimension value setting.

* [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information.

* [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience.

* [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas.

* [improvement][semantic-fe] Changing the line type for canvas connections.

* [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless".

* [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model.

* [improvement][semantic-fe] Updating the logic for the fieldName.

* [improvement][semantic-fe] Adjusting the position of the metrics tab.

* [improvement][semantic-fe] Changing the 字段名称 to 英文名称.

* [improvement][semantic-fe] Fix metric measurement deletion.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI adjustment for metric details page.

* [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty.

* [improvement][semantic-fe] Added field type and metric type to the metric creation options.

* [improvement][semantic-fe] The organization structure selection feature has been added to the permission management.

* [improvement][semantic-fe] Improved user experience for the metric list.

* [improvement][semantic-fe] fix update the metric list.

* [improvement][headless-fe] Added view management functionality.

webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/MetricInfoSider.tsx

@@ -1,4 +1,4 @@
-import { Tag, Space, Tooltip } from 'antd';
+import { Tag, Space, Tooltip, Typography } from 'antd';
 import React from 'react';
 import { connect } from 'umi';
 import type { StateType } from '../model';
@@ -11,13 +11,15 @@ import {
   PartitionOutlined,
   PlusOutlined,
   AreaChartOutlined,
-  DeleteOutlined,
 } from '@ant-design/icons';
 import styles from './style.less';
+import { isString } from 'lodash';
 import { SENSITIVE_LEVEL_ENUM, SENSITIVE_LEVEL_COLOR } from '../constant';
 import { ISemantic } from '../data';
 import MetricStar from './components/MetricStar';
 
+const { Text } = Typography;
+
 type Props = {
   metircData: ISemantic.IMetricItem;
   domainManger: StateType;
@@ -40,7 +42,6 @@ const MetricInfoSider: React.FC<Props> = ({
           <Space>
             <MetricStar metricId={metircData?.id} initState={metircData?.isCollect} />
             {metircData?.name}
-            {metircData?.alias && `[${metircData.alias}]`}
             {metircData?.hasAdminRes && (
               <span
                 className={styles.gotoMetricListIcon}
@@ -105,6 +106,44 @@ const MetricInfoSider: React.FC<Props> = ({
               </Space>
             </span>
           </div>
+
+          {isArrayOfValues(metircData?.tags) && (
+            <div className={styles.item}>
+              <span className={styles.itemLable}>别名: </span>
+              <span className={styles.itemValue}>
+                <Space size={2} wrap>
+                  {isString(metircData?.alias) &&
+                    metircData?.alias.split(',').map((aliasName: string) => {
+                      return (
+                        <Tag
+                          color="#eee"
+                          key={aliasName}
+                          style={{
+                            borderRadius: 44,
+                            maxWidth: 90,
+                            minWidth: 40,
+                            backgroundColor: 'rgba(18, 31, 67, 0.04)',
+                          }}
+                        >
+                          <Text
+                            style={{
+                              maxWidth: 80,
+                              color: 'rgb(95, 116, 141)',
+                              textAlign: 'center',
+                              fontSize: 12,
+                            }}
+                            ellipsis={{ tooltip: aliasName }}
+                          >
+                            {aliasName}
+                          </Text>
+                        </Tag>
+                      );
+                    })}
+                </Space>
+              </span>
+            </div>
+          )}
+
           <div className={styles.item}>
             <span className={styles.itemLable}>描述: </span>
             <span className={styles.itemValue}>{metircData?.description}</span>