[improvement][semantic-fe] Changing the line type for canvas connections. (#531)

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

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

@@ -254,7 +254,7 @@ const MDatePicker: React.FC<Props> = ({
 
   useEffect(() => {
     initDefaultDynamicData({ latestDateMap });
-  }, []);
+  }, [initialValues]);
 
   useEffect(() => {
     const { dateRange } = dateRangesParams;

webapp/packages/supersonic-fe/src/components/MDatePicker/type.ts

@@ -8,7 +8,7 @@ export enum DynamicAdvancedConfigType {
 }
 
 export enum DatePeriodType {
-  DAY = 'DAYS',
+  DAY = 'DAY',
   WEEK = 'WEEK',
   MONTH = 'MONTH',
   YEAR = 'YEAR',
@@ -44,6 +44,12 @@ export enum DateRangeType {
   MONTH = 'MONTH',
 }
 
+export const shortCutIdType = {
+  [DateRangeType.DAY]: 'Days',
+  [DateRangeType.WEEK]: 'Weeks',
+  [DateRangeType.MONTH]: 'Months',
+};
+
 export enum DateRangePicker {
   DATE = 'date',
   WEEK = 'week',

webapp/packages/supersonic-fe/src/components/MDatePicker/utils.ts

@@ -7,6 +7,7 @@ import {
   DateSettingType,
   DynamicAdvancedConfigType,
   DateRangeParams,
+  shortCutIdType,
 } from './type';
 import { LatestDateMap } from './type';
 
@@ -56,6 +57,21 @@ export const DATE_RANGE_TYPE_ITEM_LIST = [
 
 export const LATEST_TEXT = '最近1天';
 
+export const getDatePickerDynamicInitialValues = (number: number, dateRangeType: DateRangeType) => {
+  return {
+    dateSettingType: 'DYNAMIC',
+    dynamicParams: {
+      includesCurrentPeriod: true,
+      dateRangeType: dateRangeType,
+      dynamicAdvancedConfigType: 'last',
+      dateSettingType: DateSettingType.DYNAMIC,
+      shortCutId: `last${number}${shortCutIdType[dateRangeType]}`,
+      number,
+      periodType: dateRangeType,
+    },
+  };
+};
+
 export const SHORT_CUT_ITEM_LIST = [
   {
     id: 'last7Days',