topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2025-12-18 00:07:21 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not. (#417)

Browse Source 
* [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.
This commit is contained in:
tristanliu
2023-11-23 16:29:10 +08:00
committed by GitHub
parent c168925f03
commit 30bb9a1dc0
28 changed files with 309 additions and 604 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/ClassDataSourceTable.tsx
View File

@@ -55,6 +55,7 @@ const ClassDataSourceTable: React.FC<Props> = ({ dispatch, domainManger }) => {
title: '操作',
dataIndex: 'x',
valueType: 'option',
width: 100,
render: (_, record) => {
return (
<Space>

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

@@ -8,6 +8,7 @@ import { excuteSql } from '../service';
import type { StateType } from '../model';
import DataSource from '../Datasource';
import { IDataSource } from '../data';
import styles from './style.less';
const { Meta } = Card;
type Props = {
@@ -95,6 +96,7 @@ const ClassDataSourceTypeModal: React.FC<Props> = ({
return (
<>
<Modal
className={styles.classDataSourceTypeModal}
open={createDataSourceModalOpen}
onCancel={() => {
setCreateDataSourceModalOpen(false);

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

@@ -1,6 +1,6 @@
import type { ActionType, ProColumns } from '@ant-design/pro-table';
import ProTable from '@ant-design/pro-table';
import { message, Button, Space, Popconfirm, Input, Tag, Dropdown } from 'antd';
import { message, Button, Space, Popconfirm, Input, Tag, Select } from 'antd';
import React, { useRef, useState, useEffect } from 'react';
import type { Dispatch } from 'umi';
import { connect } from 'umi';
@@ -168,6 +168,31 @@ const ClassDimensionTable: React.FC<Props> = ({ domainManger, dispatch }) => {
width: 80,
valueEnum: SENSITIVE_LEVEL_ENUM,
},
{
dataIndex: 'isTag',
title: '是否为标签',
// search: false,
renderFormItem: () => (
<Select
placeholder="请选择标签状态"
allowClear
options={[
{ value: 1, label: '是' },
{ value: 0, label: '否' },
]}
/>
),
render: (isTag) => {
switch (isTag) {
case 0:
return '否';
case 1:
return <span style={{ color: '#1677ff' }}>是</span>;
default:
return <Tag color="default">未知</Tag>;
}
},
},
{
dataIndex: 'status',
title: '状态',
@@ -220,6 +245,7 @@ const ClassDimensionTable: React.FC<Props> = ({ domainManger, dispatch }) => {
title: '操作',
dataIndex: 'x',
valueType: 'option',
width: 200,
render: (_, record) => {
return (
<Space className={styles.ctrlBtnContainer}>

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

@@ -190,6 +190,7 @@ const ClassMetricTable: React.FC<Props> = ({ domainManger, dispatch }) => {
title: '操作',
dataIndex: 'x',
valueType: 'option',
width: 150,
render: (_, record) => {
return (
<Space className={styles.ctrlBtnContainer}>

1
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Database/DatabaseTable.tsx
View File

@@ -72,6 +72,7 @@ const DatabaseTable: React.FC<Props> = ({}) => {
title: '操作',
dataIndex: 'x',
valueType: 'option',
width: 100,
render: (_, record) => {
if (!record.hasEditPermission) {
return <></>;

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

@@ -1,5 +1,5 @@
import React, { useEffect, useState } from 'react';
import { Button, Form, Input, Modal, Select, Row, Col, Space, Tooltip } from 'antd';
import { Button, Form, Input, Modal, Select, Row, Col, Space, Tooltip, Switch } from 'antd';
import { SENSITIVE_LEVEL_OPTIONS } from '../constant';
import { formLayout } from '@/components/FormHelper/utils';
import SqlEditor from '@/components/SqlEditor';
@@ -7,6 +7,7 @@ import InfoTagList from './InfoTagList';
import { ISemantic } from '../data';
import { InfoCircleOutlined } from '@ant-design/icons';
import { createDimension, updateDimension, mockDimensionAlias } from '../service';
import FormItemTitle from '@/components/FormHelper/FormItemTitle';
import { message } from 'antd';
@@ -231,6 +232,26 @@ const DimensionInfoModal: React.FC<CreateFormProps> = ({
<FormItem name="defaultValues" label="默认值">
<InfoTagList />
</FormItem>
<Form.Item
label={
<FormItemTitle
title={`设为标签`}
subTitle={`如果勾选，代表维度的取值都是一种'标签'，可用作对实体的圈选`}
/>
}
name="isTag"
valuePropName="checked"
getValueFromEvent={(value) => {
return value === true ? 1 : 0;
}}
getValueProps={(value) => {
return {
checked: value === 1,
};
}}
>
<Switch />
</Form.Item>
<FormItem
name="description"
label="维度描述"

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

@@ -10,7 +10,6 @@ import { createDomain, updateDomain, deleteDomain } from '../service';
import { treeParentKeyLists } from '../utils';
import ProjectInfoFormProps from './ProjectInfoForm';
import { constructorClassTreeFromList, addPathInTreeData } from '../utils';
import { PlusCircleOutlined } from '@ant-design/icons';
import styles from './style.less';
import { ISemantic } from '../data';
@@ -180,19 +179,17 @@ const DomainListTree: FC<DomainListProps> = ({
return (
<div className={styles.domainList}>
<div className={styles.searchContainer}>
<Row>
<Col flex="1 1 auto">
{/* <Space> */}
<Row style={{ gap: 20 }}>
<Col flex="1 1 215px">
<Search
allowClear
className={styles.search}
placeholder="请输入主题域名称进行查询"
placeholder="请输入主题域名称"
onSearch={onSearch}
/>
{/* </Space> */}
</Col>
{createDomainBtnVisible && (
<Col flex="0 0 40px" style={{ display: 'flex', alignItems: 'center' }}>
<Col flex="0 0 45px" style={{ display: 'flex', alignItems: 'center' }}>
<Tooltip title="新增顶级域">
<Button
type="primary"
@@ -205,16 +202,6 @@ const DomainListTree: FC<DomainListProps> = ({
}}
/>
</Tooltip>
{/* <Tooltip title="新增顶级域">
<PlusCircleOutlined
onClick={() => {
setProjectInfoParams({ type: 'top', modelType: 'add' });
setProjectInfoModalVisible(true);
onCreateDomainBtnClick?.();
}}
className={styles.addBtn}
/>
</Tooltip> */}
</Col>
)}
</Row>

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

@@ -6,7 +6,7 @@ import ClassDataSourceTable from './ClassDataSourceTable';
import ClassDimensionTable from './ClassDimensionTable';
import ClassMetricTable from './ClassMetricTable';
import PermissionSection from './Permission/PermissionSection';
import EntitySettingSection from './Entity/EntitySettingSection';
// import EntitySettingSection from './Entity/EntitySettingSection';
import ChatSettingSection from '../ChatSetting/ChatSettingSection';
import OverView from './OverView';
import styles from './style.less';
@@ -99,11 +99,11 @@ const DomainManagerTab: React.FC<Props> = ({
key: 'metric',
children: <ClassMetricTable />,
},
{
label: '实体',
key: 'entity',
children: <EntitySettingSection />,
},
// {
// label: '实体',
// key: 'entity',
// children: <EntitySettingSection />,
// },
{
label: '权限管理',
key: 'permissonSetting',

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

@@ -163,7 +163,7 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
</FormItem>
{chatConfigType === ChatConfigType.DETAIL && (
<FormItem name="dataItemIds" label="展示维度/指标">
<FormItem name="dataItemIds" label="圈选结果展示字段">
<Select
mode="multiple"
allowClear
@@ -176,63 +176,11 @@ const DefaultSettingForm: ForwardRefRenderFunction<any, Props> = (
}
return false;
}}
placeholder="请选择展示维度/指标信息"
placeholder="请选择圈选结果展示字段"
options={dataItemListOptions}
/>
</FormItem>
)}
{chatConfigType === ChatConfigType.AGG && (
<>
{/* <FormItem
name="metricIds"
label={
<FormItemTitle
title={'指标'}
subTitle={'问答搜索结果选择中，如果没有指定指标，将会采用默认指标进行展示'}
/>
}
>
<Select
mode="multiple"
allowClear
style={{ width: '100%' }}
filterOption={(inputValue: string, item: any) => {
const { label } = item;
if (label.includes(inputValue)) {
return true;
}
return false;
}}
placeholder="请选择展示指标信息"
options={metricListOptions}
/>
</FormItem>
<FormItem
name="ratioMetricIds"
label={
<FormItemTitle
title={'同环比指标'}
subTitle={'问答搜索含有指定的指标，将会同时计算该指标最后一天的同环比'}
/>
}
>
<Select
mode="multiple"
allowClear
style={{ width: '100%' }}
filterOption={(inputValue: string, item: any) => {
const { label } = item;
if (label.includes(inputValue)) {
return true;
}
return false;
}}
placeholder="请选择同环比指标"
options={metricListOptions}
/>
</FormItem> */}
</>
)}
<FormItem
label={
<FormItemTitle

218
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/DimensionMetricVisibleTableTransfer.tsx
View File

@@ -1,19 +1,13 @@
import { Table, Transfer, Checkbox, Button, Space, message, Tooltip } from 'antd';
import { Table, Transfer } from 'antd';
import type { ColumnsType, TableRowSelection } from 'antd/es/table/interface';
import type { TransferItem } from 'antd/es/transfer';
import type { CheckboxChangeEvent } from 'antd/es/checkbox';
import difference from 'lodash/difference';
import React, { useState, useEffect } from 'react';
import React from 'react';
import { connect } from 'umi';
import type { StateType } from '../../model';
import type { IChatConfig } from '../../data';
import DimensionValueSettingModal from './DimensionValueSettingModal';
import TransTypeTag from '../TransTypeTag';
import TableTitleTooltips from '../../components/TableTitleTooltips';
import { RedoOutlined } from '@ant-design/icons';
import { SemanticNodeType, DictTaskState, TransType } from '../../enum';
import { createDictTask, searchDictLatestTaskList } from '@/pages/SemanticModel/service';
import styles from '../style.less';
import { SemanticNodeType, TransType } from '../../enum';
interface RecordType {
id: number;
key: string;
@@ -29,105 +23,14 @@ type Props = {
[key: string]: any;
};
type TaskStateMap = Record<string, DictTaskState>;
// type TaskStateMap = Record<string, DictTaskState>;
const DimensionMetricVisibleTableTransfer: React.FC<Props> = ({
domainManger,
// domainManger,
knowledgeInfosMap,
onKnowledgeInfosMapChange,
// onKnowledgeInfosMapChange,
...restProps
}) => {
// const { selectModelId: modelId } = domainManger;
// const [dimensionValueSettingModalVisible, setDimensionValueSettingModalVisible] =
// useState<boolean>(false);
// const [currentRecord, setCurrentRecord] = useState<RecordType>({} as RecordType);
// const [currentDimensionSettingFormData, setCurrentDimensionSettingFormData] =
// useState<IChatConfig.IKnowledgeConfig>();
// const [recordLoadingMap, setRecordLoadingMap] = useState<Record<string, boolean>>({});
// const [taskStateMap, setTaskStateMap] = useState<TaskStateMap>({});
// useEffect(() => {
// queryDictLatestTaskList();
// }, []);
// const updateKnowledgeInfosMap = (record: RecordType, updateData: Record<string, any>) => {
// const { bizName, id } = record;
// const knowledgeMap = {
// ...knowledgeInfosMap,
// };
// const target = knowledgeMap[bizName];
// if (target) {
// knowledgeMap[bizName] = {
// ...target,
// ...updateData,
// };
// } else {
// knowledgeMap[bizName] = {
// itemId: id,
// bizName,
// ...updateData,
// };
// }
// onKnowledgeInfosMapChange?.(knowledgeMap);
// };
// const queryDictLatestTaskList = async () => {
// const { code, data } = await searchDictLatestTaskList({
// modelId,
// });
// if (code !== 200) {
// message.error('获取字典导入任务失败!');
// return;
// }
// const tastMap = data.reduce(
// (stateMap: TaskStateMap, item: { dimId: number; status: DictTaskState }) => {
// const { dimId, status } = item;
// stateMap[dimId] = status;
// return stateMap;
// },
// {},
// );
// setTaskStateMap(tastMap);
// };
// const createDictTaskQuery = async (recordData: RecordType) => {
// setRecordLoadingMap({
// ...recordLoadingMap,
// [recordData.id]: true,
// });
// const { code } = await createDictTask({
// updateMode: 'REALTIME_ADD',
// modelAndDimPair: {
// [modelId]: [recordData.id],
// },
// });
// setRecordLoadingMap({
// ...recordLoadingMap,
// [recordData.id]: false,
// });
// if (code !== 200) {
// message.error('字典导入任务创建失败!');
// return;
// }
// setTimeout(() => {
// queryDictLatestTaskList();
// }, 2000);
// };
// const deleteDictTask = async (recordData: RecordType) => {
// const { code } = await createDictTask({
// updateMode: 'REALTIME_DELETE',
// modelAndDimPair: {
// [modelId]: [recordData.id],
// },
// });
// if (code !== 200) {
// message.error('删除字典导入任务创建失败!');
// }
// };
let rightColumns: ColumnsType<RecordType> = [
{
dataIndex: 'name',
@@ -141,104 +44,6 @@ const DimensionMetricVisibleTableTransfer: React.FC<Props> = ({
return <TransTypeTag type={type} />;
},
},
// {
// dataIndex: 'y',
// title: (
// <TableTitleTooltips
// title="维度值可见"
// tooltips="勾选可见后，维度值将在搜索时可以被联想出来"
// />
// ),
// width: 120,
// render: (_: any, record: RecordType) => {
// const { type, bizName } = record;
// return type === TransType.DIMENSION ? (
// <Checkbox
// checked={knowledgeInfosMap?.[bizName]?.searchEnable}
// onChange={(e: CheckboxChangeEvent) => {
// updateKnowledgeInfosMap(record, { searchEnable: e.target.checked });
// if (!e.target.checked) {
// deleteDictTask(record);
// }
// }}
// onClick={(event) => {
// event.stopPropagation();
// }}
// />
// ) : (
// <></>
// );
// },
// },
// {
// dataIndex: 'taskState',
// width: 130,
// title: (
// <Space>
// 导入字典状态
// <span
// className={styles.taskStateRefreshIcon}
// onClick={() => {
// queryDictLatestTaskList();
// }}
// >
// <Tooltip title="刷新字典任务状态">
// <RedoOutlined />
// </Tooltip>
// </span>
// </Space>
// ),
// render: (_, record) => {
// const { id, type } = record;
// const target = taskStateMap[id];
// if (type === TransType.DIMENSION && target) {
// return DictTaskState[target] || '未知状态';
// }
// return '--';
// },
// },
// {
// title: '操作',
// dataIndex: 'x',
// render: (_: any, record: RecordType) => {
// const { type, bizName, id } = record;
// return type === TransType.DIMENSION ? (
// <Space>
// <Button
// style={{ padding: 0 }}
// key="importDictBtn"
// type="link"
// disabled={!knowledgeInfosMap?.[bizName]?.searchEnable}
// loading={!!recordLoadingMap[id]}
// onClick={(event) => {
// createDictTaskQuery(record);
// event.stopPropagation();
// }}
// >
// 导入字典
// </Button>
// <Button
// style={{ padding: 0 }}
// key="editable"
// type="link"
// disabled={!knowledgeInfosMap?.[bizName]?.searchEnable}
// onClick={(event) => {
// setCurrentRecord(record);
// setCurrentDimensionSettingFormData(
// knowledgeInfosMap?.[bizName]?.knowledgeAdvancedConfig,
// );
// setDimensionValueSettingModalVisible(true);
// event.stopPropagation();
// }}
// >
// 可见维度值设置
// </Button>
// </Space>
// ) : (
// <></>
// );
// },
// },
];
const leftColumns: ColumnsType<RecordType> = [
@@ -299,17 +104,6 @@ const DimensionMetricVisibleTableTransfer: React.FC<Props> = ({
);
}}
</Transfer>
{/* <DimensionValueSettingModal
visible={dimensionValueSettingModalVisible}
initialValues={currentDimensionSettingFormData}
onSubmit={(formValues) => {
updateKnowledgeInfosMap(currentRecord, { knowledgeAdvancedConfig: formValues });
setDimensionValueSettingModalVisible(false);
}}
onCancel={() => {
setDimensionValueSettingModalVisible(false);
}}
/> */}
</>
);
};

6
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/DimensionValueSettingForm.tsx
View File

@@ -209,7 +209,7 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
className={styles.form}
>
<FormItem
style={{ marginTop: 15, marginBottom: -30 }}
style={{ marginTop: 15 }}
label={
<FormItemTitle
title={
@@ -272,11 +272,11 @@ const DimensionValueSettingForm: ForwardRefRenderFunction<any, Props> = (
</FormItem>
{dimensionVisible && (
<>
<Divider
{/* <Divider
style={{
marginBottom: 35,
}}
/>
/> */}
<div style={{ padding: 20, border: '1px solid #eee', borderRadius: 10 }}>
<div
style={{

115
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/EntityCreateForm.tsx
View File

@@ -1,115 +0,0 @@
import { useEffect, useState, forwardRef, useImperativeHandle } from 'react';
import type { ForwardRefRenderFunction } from 'react';
import { message, Form, Input, Select, Button } from 'antd';
import { updateModel } from '../../service';
import type { ISemantic } from '../../data';
import { formLayout } from '@/components/FormHelper/utils';
import styles from '../style.less';
type Props = {
modelData?: ISemantic.IModelItem;
dimensionList: ISemantic.IDimensionList;
modelId: number;
onSubmit: () => void;
};
const FormItem = Form.Item;
const EntityCreateForm: ForwardRefRenderFunction<any, Props> = (
{ modelData, dimensionList, modelId, onSubmit },
ref,
) => {
const [form] = Form.useForm();
const [dimensionListOptions, setDimensionListOptions] = useState<any>([]);
const getFormValidateFields = async () => {
return await form.validateFields();
};
useEffect(() => {
form.resetFields();
if (!modelData?.entity) {
return;
}
const { entity } = modelData;
form.setFieldsValue({
...entity,
name: entity.names.join(','),
});
}, [modelData]);
useImperativeHandle(ref, () => ({
getFormValidateFields,
}));
useEffect(() => {
const dimensionEnum = dimensionList.map((item: ISemantic.IDimensionItem) => {
return {
label: item.name,
value: item.id,
};
});
setDimensionListOptions(dimensionEnum);
}, [dimensionList]);
const saveEntity = async () => {
const values = await form.validateFields();
const { name = '' } = values;
const { code, msg, data } = await updateModel({
...modelData,
entity: {
...values,
names: name.split(','),
},
id: modelId,
modelId,
});
if (code === 200) {
form.setFieldValue('id', data);
onSubmit?.();
message.success('保存成功');
return;
}
message.error(msg);
};
return (
<>
<Form {...formLayout} form={form} layout="vertical" className={styles.form}>
<FormItem hidden={true} name="id" label="ID">
<Input placeholder="id" />
</FormItem>
<FormItem name="name" label="实体别名">
<Input placeholder="请输入实体别名,多个名称以英文逗号分隔" />
</FormItem>
<FormItem name="entityId" label="唯一标识">
<Select
allowClear
style={{ width: '100%' }}
// filterOption={(inputValue: string, item: any) => {
// const { label } = item;
// if (label.includes(inputValue)) {
// return true;
// }
// return false;
// }}
placeholder="请选择主体标识"
options={dimensionListOptions}
/>
</FormItem>
<FormItem>
<Button
type="primary"
onClick={() => {
saveEntity();
}}
>
保 存
</Button>
</FormItem>
</Form>
</>
);
};
export default forwardRef(EntityCreateForm);

67
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/Entity/EntitySettingSection.tsx
View File

@@ -1,67 +0,0 @@
import { message, Space } from 'antd';
import React, { useState, useEffect, useRef } from 'react';
import type { Dispatch } from 'umi';
import { connect } from 'umi';
import type { StateType } from '../../model';
import { getModelDetail } from '../../service';
import ProCard from '@ant-design/pro-card';
import EntityCreateForm from './EntityCreateForm';
import type { ISemantic } from '../../data';
type Props = {
dispatch: Dispatch;
domainManger: StateType;
};
const EntitySettingSection: React.FC<Props> = ({ domainManger }) => {
const { dimensionList, selectModelId: modelId } = domainManger;
const [modelData, setModelData] = useState<ISemantic.IModelItem>();
const entityCreateRef = useRef<any>({});
const queryDomainData: any = async () => {
const { code, data } = await getModelDetail({
modelId,
});
if (code === 200) {
setModelData(data);
return;
}
message.error('获取问答设置信息失败');
};
const initPage = async () => {
queryDomainData();
};
useEffect(() => {
initPage();
}, [modelId]);
return (
<div style={{ width: 800, margin: '20px auto' }}>
<Space direction="vertical" style={{ width: '100%' }} size={20}>
{
<ProCard title="实体" bordered>
<EntityCreateForm
ref={entityCreateRef}
modelId={Number(modelId)}
modelData={modelData}
dimensionList={dimensionList}
onSubmit={() => {
queryDomainData();
}}
/>
</ProCard>
}
</Space>
</div>
);
};
export default connect(({ domainManger }: { domainManger: StateType }) => ({
domainManger,
}))(EntitySettingSection);

1
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/ModelTable.tsx
View File

@@ -133,6 +133,7 @@ const ModelTable: React.FC<Props> = ({
title: '操作',
dataIndex: 'x',
valueType: 'option',
width: 150,
render: (_, record) => {
return (
<Space className={styles.ctrlBtnContainer}>

57
webapp/packages/supersonic-fe/src/pages/SemanticModel/components/style.less
View File

@@ -12,9 +12,45 @@
display: flex;
position: relative;
.sider {
flex: 0 0 350px;
flex: 0 0 auto;
width: 285px;
border-right: 5px solid #eee;
position: relative;
transition: all 0.2s,background 0s;
.treeContainer {
width: 100%;
opacity: 1;
transition: all 0.2s,background 0s;
}
&.siderCollapsed {
width: 20px;
& .treeContainer{
opacity: 0;
}
}
.siderCollapsedButton {
position: absolute;
inset-block-start: 17px;
border: 1px solid #eee;
cursor: pointer;
z-index: 101;
width: 24px;
height: 24px;
text-align: center;
border-radius: 40px;
inset-inline-end: -13px;
transition: transform 0.3s;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: rgba(0, 0, 0, 0.25);
background-color: #ffffff;
box-shadow: 0 2px 8px -2px rgba(0,0,0,0.05), 0 1px 4px -1px rgba(25,15,15,0.07), 0 0 1px 0 rgba(0,0,0,0.08);
&:hover {
color: rgba(0, 0, 0, 0.75);
}
}
.domainTitle {
margin-bottom: 0;
font-size: 20px;
@@ -49,8 +85,9 @@
}
.search {
width: calc(100% - 60px);
margin: 10px 0 10px 35px;
// width: calc(100% - 100px);
width: 100%;
margin: 10px 0 10px 10px;
}
.tree {
@@ -190,6 +227,7 @@
width: 100%;
overflow: hidden;
.searchContainer {
width: 280px;
padding:3px 0;
border-bottom: 1px solid #eee;
}
@@ -327,7 +365,8 @@
.breadcrumb{
font-size: 18px;
margin: 20px 0 0 20px;
margin: 17px 0 0 20px;
padding-bottom: 3px;
:global {
.ant-breadcrumb-link {
height: 28px;
@@ -336,4 +375,12 @@
font-size: 18px;
}
}
}
.classDataSourceTypeModal {
:global {
.ant-modal-body{
padding: 0px;
}
}
}