topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2026-01-09 11:17:28 +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

12
webapp/packages/supersonic-fe/src/components/SqlEditor/index.tsx
View File

@@ -49,11 +49,13 @@ export interface ISqlEditorProps {
isRightTheme?: boolean;
editorConfig?: IAceEditorProps;
sizeChanged?: number;
isFullScreen?: boolean;
fullScreenBtnVisible?: boolean;
onSqlChange?: (sql: string) => void;
onChange?: (sql: string) => void;
onSelect?: (sql: string) => void;
onCmdEnter?: () => void;
triggerBackToNormal?: () => void;
}
/**
@@ -71,10 +73,12 @@ function SqlEditor(props: ISqlEditorProps) {
sizeChanged,
editorConfig,
fullScreenBtnVisible = true,
isFullScreen = false,
onSqlChange,
onChange,
onSelect,
onCmdEnter,
triggerBackToNormal,
} = props;
const resize = useCallback(
debounce(() => {
@@ -118,11 +122,15 @@ function SqlEditor(props: ISqlEditorProps) {
setHintsPopover(hints);
}, [hints]);
const [isSqlIdeFullScreen, setIsSqlIdeFullScreen] = useState<boolean>(false);
const [isSqlIdeFullScreen, setIsSqlIdeFullScreen] = useState<boolean>(isFullScreen);
useEffect(() => {
setIsSqlIdeFullScreen(isFullScreen);
}, [isFullScreen]);
const handleNormalScreenSqlIde = () => {
setIsSqlIdeFullScreen(false);
// setSqlEditorHeight(getDefaultSqlEditorHeight(screenSize));
triggerBackToNormal?.();
};
return (
<div className={styles.sqlEditor} style={{ height }}>