[improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab. (#63)

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

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

@@ -124,7 +124,6 @@ const ClassDataSourceTypeModal: React.FC<Props> = ({
         <DataSourceCreateForm
           sql={fastModeSql}
           basicInfoFormMode="fast"
-          domainId={Number(selectDomainId)}
           dataSourceItem={dataSourceItem}
           onCancel={() => {
             setDataSourceModalVisible(false);

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

@@ -57,7 +57,7 @@ const DimensionInfoModal: React.FC<CreateFormProps> = ({
 
   const saveDimension = async (fieldsValue: any, isSilenceSubmit = false) => {
     const queryParams = {
-      modelId,
+      modelId: isEdit ? dimensionItem.modelId : modelId,
       type: 'categorical',
       ...fieldsValue,
     };

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

@@ -115,7 +115,7 @@ const DomainListTree: FC<DomainListProps> = ({
   };
 
   const titleRender = (node: any) => {
-    const { id, name, path } = node as any;
+    const { id, name, path, hasEditPermission } = node as any;
     return (
       <div className={styles.projectItem}>
         <span
@@ -126,7 +126,7 @@ const DomainListTree: FC<DomainListProps> = ({
         >
           {name}
         </span>
-        {createDomainBtnVisible && (
+        {createDomainBtnVisible && hasEditPermission && (
           <span className={styles.operation}>
             {Array.isArray(path) && path.length < 2 && (
               <PlusOutlined

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

@@ -33,12 +33,13 @@ const DomainManagerTab: React.FC<Props> = ({
   isModel,
   activeKey,
   modelList,
+  domainManger,
   handleModelChange,
   onBackDomainBtnClick,
   onMenuChange,
 }) => {
   const defaultTabKey = 'xflow';
-
+  const { selectDomainId, domainList } = domainManger;
   const tabItem = [
     {
       label: '模型',
@@ -62,7 +63,13 @@ const DomainManagerTab: React.FC<Props> = ({
       key: 'permissonSetting',
       children: <PermissionSection permissionTarget={'domain'} />,
     },
-  ];
+  ].filter((item) => {
+    const target = domainList.find((domain) => domain.id === selectDomainId);
+    if (target?.hasEditPermission) {
+      return true;
+    }
+    return item.key !== 'permissonSetting';
+  });
 
   const isModelItem = [
     {

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

@@ -28,11 +28,10 @@ const FormItem = Form.Item;
 const Option = Select.Option;
 
 const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
-  { metricList, dimensionList, domainId, entityData, chatConfigKey, chatConfigType, onSubmit },
+  { metricList, dimensionList, entityData, chatConfigKey, chatConfigType, onSubmit },
   ref,
 ) => {
   const [form] = Form.useForm();
-  const [metricListOptions, setMetricListOptions] = useState<any>([]);
   const [dataItemListOptions, setDataItemListOptions] = useState<any>([]);
   const formatEntityData = formatRichEntityDataListToIds(entityData);
   const getFormValidateFields = async () => {
@@ -74,16 +73,6 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
     });
   };
 
-  useEffect(() => {
-    const metricOption = metricList.map((item: any) => {
-      return {
-        label: item.name,
-        value: item.id,
-      };
-    });
-    setMetricListOptions(metricOption);
-  }, [metricList]);
-
   useEffect(() => {
     if (Array.isArray(dimensionList) && Array.isArray(metricList)) {
       const dimensionEnum = dimensionList.map((item: ISemantic.IDimensionItem) => {
@@ -141,9 +130,10 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
       ...formatEntityData,
       chatDefaultConfig: { ...values, ...dimensionConfig },
     };
+    const { modelId } = entityData;
     const { code, msg, data } = await saveDomainExtendQuery({
       [chatConfigKey]: params,
-      // domainId,
+      modelId,
       id,
     });
     if (code === 200) {

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

@@ -81,7 +81,7 @@ const DimensionAndMetricVisibleModal: React.FC<Props> = ({
     if (globalKnowledgeConfigFormFields) {
       globalKnowledgeConfig = globalKnowledgeConfigFormFields;
     }
-    const { id } = entityData;
+    const { id, modelId } = entityData;
     let saveDomainExtendQuery = addDomainExtend;
     if (id) {
       saveDomainExtendQuery = editDomainExtend;
@@ -126,8 +126,8 @@ const DimensionAndMetricVisibleModal: React.FC<Props> = ({
 
     const { code, msg } = await saveDomainExtendQuery({
       [chatConfigKey]: params,
-      // domainId,
       id,
+      modelId,
     });
     if (code === 200) {
       if (!isSilenceSubmit) {

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

@@ -8,7 +8,7 @@ type Props = {
 const FormLabelRequire: React.FC<Props> = ({ title, labelStyles = {} }) => {
   return (
     <>
-      <div className="ant-col ant-form-item-label">
+      <div className="ant-col ant-form-item-label" style={{ padding: 0 }}>
         <label
           htmlFor="description"
           className="ant-form-item-required"

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

@@ -136,7 +136,7 @@ const MetricInfoCreateForm: React.FC<CreateFormProps> = ({
       sensitiveLevel,
       description,
       // isPercent,
-      dataFormatType,
+      dataFormatType: dataFormatType || '',
       alias: alias && alias.trim() ? alias.split(',') : [],
       dataFormat: dataFormat || {
         decimalPlaces: 2,
@@ -163,7 +163,7 @@ const MetricInfoCreateForm: React.FC<CreateFormProps> = ({
 
   const saveMetric = async (fieldsValue: any) => {
     const queryParams = {
-      modelId,
+      modelId: isEdit ? metricItem.modelId : modelId,
       ...fieldsValue,
     };
     const { typeParams, alias, dataFormatType } = queryParams;

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

@@ -1,5 +1,5 @@
 import React, { useState, useEffect } from 'react';
-import { Form, Button, Modal, Input, Switch } from 'antd';
+import { Form, Button, Modal, Input, Switch, Select } from 'antd';
 import styles from './style.less';
 import { message } from 'antd';
 import { formLayout } from '@/components/FormHelper/utils';
@@ -22,13 +22,20 @@ const ModelCreateFormModal: React.FC<ModelCreateFormModalProps> = (props) => {
   const [form] = Form.useForm();
 
   useEffect(() => {
-    form.setFieldsValue(basicInfo);
+    form.setFieldsValue({
+      ...basicInfo,
+      alias: basicInfo?.alias && basicInfo.alias.trim() ? basicInfo.alias.split(',') : [],
+    });
   }, [basicInfo]);
 
   const handleConfirm = async () => {
     const fieldsValue = await form.validateFields();
     const columnsValue = { ...fieldsValue, isUnique: 1, domainId };
-    const submitData = { ...formVals, ...columnsValue };
+    const submitData = {
+      ...formVals,
+      ...columnsValue,
+      alias: Array.isArray(fieldsValue.alias) ? fieldsValue.alias.join(',') : '',
+    };
     setFormVals(submitData);
     setSaveLoading(true);
     const { code, msg } = await (!submitData.id ? createModel : updateModel)(submitData);
@@ -81,6 +88,14 @@ const ModelCreateFormModal: React.FC<ModelCreateFormModalProps> = (props) => {
         >
           <Input placeholder="请输入模型英文名称" />
         </FormItem>
+        <FormItem name="alias" label="别名">
+          <Select
+            mode="tags"
+            placeholder="输入别名后回车确认，多别名输入、复制粘贴支持英文逗号自动分隔"
+            tokenSeparators={[',']}
+            maxTagCount={9}
+          />
+        </FormItem>
         <FormItem name="description" label="模型描述">
           <Input.TextArea placeholder="模型描述" />
         </FormItem>

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

@@ -141,24 +141,28 @@ const PermissionCreateDrawer: React.FC<Props> = ({
               <DimensionMetricVisibleTransfer
                 titles={['未授权维度/指标', '已授权维度/指标']}
                 sourceList={[
-                  ...dimensionList.map((item) => {
-                    const transType = TransType.DIMENSION;
-                    const { id } = item;
-                    return {
-                      ...item,
-                      transType,
-                      key: wrapperTransTypeAndId(transType, id),
-                    };
-                  }),
-                  ...metricList.map((item) => {
-                    const transType = TransType.METRIC;
-                    const { id } = item;
-                    return {
-                      ...item,
-                      transType,
-                      key: wrapperTransTypeAndId(transType, id),
-                    };
-                  }),
+                  ...dimensionList
+                    .map((item) => {
+                      const transType = TransType.DIMENSION;
+                      const { id } = item;
+                      return {
+                        ...item,
+                        transType,
+                        key: wrapperTransTypeAndId(transType, id),
+                      };
+                    })
+                    .filter((item) => item.sensitiveLevel === 2),
+                  ...metricList
+                    .map((item) => {
+                      const transType = TransType.METRIC;
+                      const { id } = item;
+                      return {
+                        ...item,
+                        transType,
+                        key: wrapperTransTypeAndId(transType, id),
+                      };
+                    })
+                    .filter((item) => item.sensitiveLevel === 2),
                 ]}
                 targetList={selectedKeyList}
                 onChange={(newTargetKeys: string[]) => {