[improvement][semantic-fe] Optimizing pagination logic and some CSS styles (#294)

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

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/ClassDimensionTable.tsx

@@ -42,12 +42,12 @@ const ClassDimensionTable: React.FC<Props> = ({ domainManger, dispatch }) => {
       ...pagination,
       modelId,
     });
-    const { list, pageSize, current, total } = data || {};
+    const { list, pageSize, total } = data || {};
     let resData: any = {};
     if (code === 200) {
       setPagination({
+        ...pagination,
         pageSize: Math.min(pageSize, 100),
-        current,
         total,
       });
 
@@ -101,7 +101,7 @@ const ClassDimensionTable: React.FC<Props> = ({ domainManger, dispatch }) => {
     {
       dataIndex: 'alias',
       title: '别名',
-      width: 300,
+      width: 150,
       ellipsis: true,
       search: false,
     },

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/ClassMetricTable.tsx

@@ -1,7 +1,7 @@
 import type { ActionType, ProColumns } from '@ant-design/pro-table';
 import ProTable from '@ant-design/pro-table';
 import { message, Button, Space, Popconfirm, Input, Tag } from 'antd';
-import React, { useRef, useState } from 'react';
+import React, { useRef, useState, useEffect } from 'react';
 import type { Dispatch } from 'umi';
 import { connect } from 'umi';
 import type { StateType } from '../model';
@@ -25,7 +25,7 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
   const [metricItem, setMetricItem] = useState<ISemantic.IMetricItem>();
   const [pagination, setPagination] = useState({
     current: 1,
-    pageSize: 20,
+    pageSize: 2,
     total: 0,
   });
   const actionRef = useRef<ActionType>();
@@ -36,12 +36,12 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
       ...pagination,
       modelId,
     });
-    const { list, pageSize, current, total } = data || {};
+    const { list, pageSize, total } = data || {};
     let resData: any = {};
     if (code === 200) {
       setPagination({
+        ...pagination,
         pageSize: Math.min(pageSize, 100),
-        current,
         total,
       });
 
@@ -81,7 +81,7 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
     {
       dataIndex: 'alias',
       title: '别名',
-      width: 300,
+      width: 150,
       ellipsis: true,
       search: false,
     },

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/DimensionMetricVisibleTransfer.tsx

@@ -15,7 +15,8 @@ type Props = {
   titles?: string[];
   onKnowledgeInfosMapChange?: (knowledgeInfosMap: IChatConfig.IKnowledgeInfosItemMap) => void;
   onChange?: (params?: any) => void;
-  transferProps?: Record<string, any>;
+  // transferProps?: Record<string, any>;
+  [key: string]: any;
 };
 
 const DimensionMetricVisibleTransfer: React.FC<Props> = ({
@@ -24,8 +25,8 @@ const DimensionMetricVisibleTransfer: React.FC<Props> = ({
   sourceList = [],
   targetList = [],
   titles,
-  transferProps = {},
   onChange,
+  ...rest
 }) => {
   const [transferData, setTransferData] = useState<RecordType[]>([]);
   const [targetKeys, setTargetKeys] = useState<string[]>(targetList);
@@ -74,7 +75,7 @@ const DimensionMetricVisibleTransfer: React.FC<Props> = ({
         }}
         targetKeys={targetKeys}
         onChange={handleChange}
-        {...transferProps}
+        {...rest}
       />
     </div>
   );

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/MetricInfoCreateForm.tsx

@@ -395,7 +395,7 @@ const MetricInfoCreateForm: React.FC<CreateFormProps> = ({
             label={
               <FormItemTitle
                 title={'小数位数'}
-                subTitle={`对小数位数进行设置，如保留两位，0.021252 -> 2.12${
+                subTitle={`对小数位数进行设置，如保留两位，0.021252 -> 0.02${
                   isPercentState ? '%' : ''
                 }`}
               />

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/MetricMeasuresFormTable.tsx

@@ -45,33 +45,6 @@ const MetricMeasuresFormTable: React.FC<Props> = ({
       dataIndex: 'bizName',
       title: '度量名称',
     },
-    // {
-    //   dataIndex: 'alias',
-    //   title: '别名',
-    //   render: (_: any, record: any) => {
-    //     const { alias, name } = record;
-    //     const { measures } = measuresParams;
-    //     return (
-    //       <Input
-    //         placeholder="请输入别名"
-    //         value={alias}
-    //         onChange={(event) => {
-    //           const { value } = event.target;
-    //           const list = measures.map((item: any) => {
-    //             if (item.name === name) {
-    //               return {
-    //                 ...item,
-    //                 alias: value,
-    //               };
-    //             }
-    //             return item;
-    //           });
-    //           onFieldChange?.(list);
-    //         }}
-    //       />
-    //     );
-    //   },
-    // },
     {
       dataIndex: 'constraint',
       title: '限定条件',

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Permission/PermissionCreateDrawer.tsx

@@ -140,6 +140,10 @@ const PermissionCreateDrawer: React.FC<Props> = ({
             <ProCard title="列权限" bordered tooltip="仅对敏感度为高的指标/维度进行授权">
               <DimensionMetricVisibleTransfer
                 titles={['未授权维度/指标', '已授权维度/指标']}
+                listStyle={{
+                  width: 520,
+                  height: 600,
+                }}
                 sourceList={[
                   ...dimensionList
                     .map((item) => {