[improvement][semantic-fe] Added field type and metric type to the metric creation options. (#655)

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

webapp/packages/supersonic-fe/src/pages/System/index.tsx

@@ -17,21 +17,19 @@ import React, { useState, useEffect } from 'react';
 import { getSystemConfig, saveSystemConfig } from '@/services/user';
 import ProCard from '@ant-design/pro-card';
 import SelectTMEPerson from '@/components/SelectTMEPerson';
-import { SystemConfigParametersItem, SystemConfig } from './types';
+import { ConfigParametersItem, SystemConfig } from './types';
 import FormItemTitle from '@/components/FormHelper/FormItemTitle';
 import { groupBy } from 'lodash';
+import { genneratorFormItemList } from '../SemanticModel/utils';
 
 const FormItem = Form.Item;
 const { TextArea } = Input;
 const System: React.FC = () => {
-  const [systemConfig, setSystemConfig] = useState<Record<string, SystemConfigParametersItem[]>>(
-    {},
-  );
+  const [systemConfig, setSystemConfig] = useState<Record<string, ConfigParametersItem[]>>({});
   const [anchorItems, setAnchorItems] = useState<{ key: string; href: string; title: string }[]>(
     [],
   );
   const [configSource, setConfigSource] = useState<SystemConfig>();
-  const [paramDescMap, setParamDescMap] = useState<Record<string, string>>({});
 
   useEffect(() => {
     querySystemConfig();
@@ -52,25 +50,13 @@ 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 setInitData = (admins: string[], systemConfigParameters: ConfigParametersItem[]) => {
     const fieldsValue = systemConfigParameters.reduce(
       (fields, item) => {
         const { name, value } = item;
@@ -95,7 +81,6 @@ const System: React.FC = () => {
           return {
             ...item,
             value: submitData[name],
-            description: paramDescMap[name],
           };
         }
         return item;
@@ -143,69 +128,7 @@ const System: React.FC = () => {
                         bordered
                         id={key}
                       >
-                        {itemList.map((item) => {
-                          const { dataType, name, comment } = item;
-                          let defaultItem = <Input />;
-                          switch (dataType) {
-                            case 'string':
-                              defaultItem = <TextArea placeholder="" style={{ height: 100 }} />;
-                              break;
-                            case 'number':
-                              defaultItem = <InputNumber style={{ width: '100%' }} />;
-                              break;
-                            case 'bool':
-                              return (
-                                <FormItem
-                                  name={name}
-                                  label={comment}
-                                  key={name}
-                                  valuePropName="checked"
-                                  getValueFromEvent={(value) => {
-                                    return value === true ? 'true' : 'false';
-                                  }}
-                                  getValueProps={(value) => {
-                                    return {
-                                      checked: value === 'true',
-                                    };
-                                  }}
-                                >
-                                  <Switch />
-                                </FormItem>
-                              );
-                            case 'list': {
-                              const { candidateValues = [] } = item;
-                              const options = candidateValues.map((value) => {
-                                return { label: value, value };
-                              });
-                              defaultItem = <Select style={{ width: '100%' }} options={options} />;
-                              break;
-                            }
-                            default:
-                              defaultItem = <Input />;
-                              break;
-                          }
-                          return (
-                            <FormItem
-                              name={name}
-                              key={name}
-                              label={
-                                <FormItemTitle
-                                  title={comment}
-                                  subTitle={paramDescMap[name]}
-                                  // subTitleEditable={true}
-                                  onSubTitleChange={(title) => {
-                                    setParamDescMap({
-                                      ...paramDescMap,
-                                      [name]: title,
-                                    });
-                                  }}
-                                />
-                              }
-                            >
-                              {defaultItem}
-                            </FormItem>
-                          );
-                        })}
+                        {genneratorFormItemList(itemList)}
                       </ProCard>
                     );
                   })}

webapp/packages/supersonic-fe/src/pages/System/types.ts

@@ -1,15 +1,17 @@
-export type SystemConfigParametersItem = {
+export type ConfigParametersItem = {
   dataType: string;
   name: string;
   comment: string;
   value: string;
   candidateValues: string[];
   description: string;
+  require?: boolean;
+  placeholder?: string;
 };
 
 export type SystemConfig = {
   id: number;
   admin: string;
   admins: string[];
-  parameters: SystemConfigParametersItem[];
+  parameters: ConfigParametersItem[];
 };