[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/System/index.tsx

@@ -18,6 +18,7 @@ import { getSystemConfig, saveSystemConfig } from '@/services/user';
 import ProCard from '@ant-design/pro-card';
 import SelectTMEPerson from '@/components/SelectTMEPerson';
 import { SystemConfigParametersItem, SystemConfig } from './types';
+import FormItemTitle from '@/components/FormHelper/FormItemTitle';
 import { groupBy } from 'lodash';
 
 const FormItem = Form.Item;
@@ -30,6 +31,7 @@ const System: React.FC = () => {
     [],
   );
   const [configSource, setConfigSource] = useState<SystemConfig>();
+  const [paramDescMap, setParamDescMap] = useState<Record<string, string>>({});
 
   useEffect(() => {
     querySystemConfig();
@@ -37,8 +39,8 @@ const System: React.FC = () => {
   const [form] = Form.useForm();
   const querySystemConfig = async () => {
     const { code, data, msg } = await getSystemConfig();
-    if (code === 200) {
-      const { parameters, admins } = data;
+    if (code === 200 && data) {
+      const { parameters = [], admins = [] } = data;
       const groupByConfig = groupBy(parameters, 'module');
       const anchor = Object.keys(groupByConfig).map((key: string) => {
         return {
@@ -50,12 +52,24 @@ const System: React.FC = () => {
       setAnchorItems(anchor);
       setSystemConfig(groupByConfig);
       setInitData(admins, parameters);
+      initDescMap(parameters);
       setConfigSource(data);
     } else {
       message.error(msg);
     }
   };
 
+  const initDescMap = (systemConfigParameters: SystemConfigParametersItem[]) => {
+    const descData = systemConfigParameters.reduce(
+      (descMap: Record<string, string>, item: SystemConfigParametersItem) => {
+        descMap[item.name] = item.description;
+        return descMap;
+      },
+      {},
+    );
+    setParamDescMap(descData);
+  };
+
   const setInitData = (admins: string[], systemConfigParameters: SystemConfigParametersItem[]) => {
     const fieldsValue = systemConfigParameters.reduce(
       (fields, item) => {
@@ -81,6 +95,7 @@ const System: React.FC = () => {
           return {
             ...item,
             value: submitData[name],
+            description: paramDescMap[name],
           };
         }
         return item;
@@ -158,7 +173,7 @@ const System: React.FC = () => {
                                 </FormItem>
                               );
                             case 'list': {
-                              const { candidateValues } = item;
+                              const { candidateValues = [] } = item;
                               const options = candidateValues.map((value) => {
                                 return { label: value, value };
                               });
@@ -170,7 +185,23 @@ const System: React.FC = () => {
                               break;
                           }
                           return (
-                            <FormItem name={name} label={comment} key={name}>
+                            <FormItem
+                              name={name}
+                              key={name}
+                              label={
+                                <FormItemTitle
+                                  title={comment}
+                                  subTitle={paramDescMap[name]}
+                                  // subTitleEditable={true}
+                                  onSubTitleChange={(title) => {
+                                    setParamDescMap({
+                                      ...paramDescMap,
+                                      [name]: title,
+                                    });
+                                  }}
+                                />
+                              }
+                            >
                               {defaultItem}
                             </FormItem>
                           );