[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/components/FormHelper/FormItemTitle.tsx

@@ -1,15 +1,43 @@
-import { Space } from 'antd';
+import { Space, Typography } from 'antd';
 import { ReactNode } from 'react';
+import styles from './index.less';
 export interface IProps {
   title: string | ReactNode;
   subTitle?: string;
+  subTitleEditable?: boolean;
+  onSubTitleChange?: (title: string) => void;
 }
 
-const FormItemTitle: React.FC<IProps> = ({ title, subTitle }) => {
+const { Paragraph } = Typography;
+
+const FormItemTitle: React.FC<IProps> = ({
+  title,
+  subTitle,
+  subTitleEditable = false,
+  onSubTitleChange,
+}) => {
   return (
-    <Space direction="vertical" size={2}>
-      <span>{title}</span>
-      {subTitle && <span style={{ fontSize: '12px', color: '#6a6a6a' }}>{subTitle}</span>}
+    // <div style={{ display: 'block' }}>
+
+    // </div>
+    <Space direction="vertical" size={2} style={{ width: '100%' }}>
+      <div>{title}</div>
+      <div className={styles.subTitleContainer}>
+        {subTitleEditable ? (
+          <Paragraph
+            editable={{
+              // editing: true,
+              onChange: (title: string) => {
+                onSubTitleChange?.(title);
+              },
+            }}
+          >
+            {subTitle || '添加描述'}
+          </Paragraph>
+        ) : (
+          subTitle && <span style={{ fontSize: '12px', color: '#6a6a6a' }}>{subTitle}</span>
+        )}
+      </div>
     </Space>
   );
 };

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

@@ -1,39 +1,13 @@
-.normalState {
-  position: static;
-  height: 100%;
-
-  .backNormal {
-    display: none;
-  }
-}
-
-.maxState {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 999;
-
-  .innerWrap {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    background: #fff;
-  }
-
-  .backNormal {
-    display: block;
-    height: 30px;
-    padding-right: 20px;
-    color: #02a7f0;
-    font-size: 22px;
-    line-height: 30px;
-    text-align: right;
-
-    .fullscreenExitIcon {
-      cursor: pointer;
+.subTitleContainer {
+  width: 500px;
+  :global {
+    .ant-typography{
+      font-size: 12px;
+      color: #6a6a6a;
+    }
+    .ant-typography-edit-content {
+      margin-left: 12px;
+      margin-top: 8px;
     }
   }
-}
+}