topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2026-04-20 21:54:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

[improvement][semantic-fe] Optimized the frontend display and code logic of visual modeling, and updated the relevant interface of the permission management module.

Browse Source
This commit is contained in:
tristanliu
2023-08-07 10:10:54 +08:00
parent aa0a100a85
commit ef7c37a8da
39 changed files with 878 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/packages/supersonic-fe/src/pages/SemanticModel/SemanticGraphCanvas.tsx
View File

@@ -1,10 +1,10 @@
import { Radio } from 'antd';
// import { Radio } from 'antd';
import React, { useState } from 'react';
import { connect } from 'umi';
import styles from './components/style.less';
import type { StateType } from './model';
import { SemanticNodeType } from './enum';
import SemanticFlow from './SemanticFlows';
// import SemanticFlow from './SemanticFlows';
import SemanticGraph from './SemanticGraph';
type Props = {
@@ -12,7 +12,7 @@ type Props = {
};
const SemanticGraphCanvas: React.FC<Props> = ({ domainManger }) => {
const [graphShowType, setGraphShowType] = useState<SemanticNodeType>(SemanticNodeType.DIMENSION);
// const [graphShowType, setGraphShowType] = useState<SemanticNodeType>(SemanticNodeType.DIMENSION);
const { selectDomainId } = domainManger;
return (
<div className={styles.semanticGraphCanvas}>
@@ -32,15 +32,15 @@ const SemanticGraphCanvas: React.FC<Props> = ({ domainManger }) => {
</div> */}
<div className={styles.canvasContainer}>
{graphShowType === SemanticNodeType.DATASOURCE ? (
{/* {graphShowType === SemanticNodeType.DATASOURCE ? (
<div style={{ width: '100%', height: 'calc(100vh - 200px)' }}>
<SemanticFlow />
</div>
) : (
<div style={{ width: '100%' }}>
<SemanticGraph domainId={selectDomainId} />
</div>
)}
) : ( */}
<div style={{ width: '100%' }}>
<SemanticGraph domainId={selectDomainId} />
</div>
{/* )} */}
</div>
</div>
);