[Feature-251][web] Modify FlinkSQL Studio to Data Studio

dlink-web/config/routes.ts

@@ -16,11 +16,11 @@ export default [
     ],
   },
   {
-    path: '/flinksqlstudio',
-    name: 'flinksqlstudio',
+    path: '/datastudio',
+    name: 'datastudio',
     icon: 'consoleSql',
     footerRender: false,
-    component: './FlinkSqlStudio',
+    component: './DataStudio',
   },
   {
     path: '/devops',
@@ -94,7 +94,7 @@ export default [
   },
   {
     path: '/',
-    redirect: '/flinksqlstudio',
+    redirect: '/datastudio',
   },
   {
     name: 'settings',

dlink-web/src/components/Chart/BarChartSetting/index.tsx

 import {Button, Tag, Row, Col, Form, Select, Empty, Switch} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import {FireOutlined, SearchOutlined, RedoOutlined, InfoCircleOutlined} from '@ant-design/icons';

dlink-web/src/components/Chart/LineChartSetting/index.tsx

 import {Button, Tag, Row, Col, Form, Select, Empty, Switch} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import {FireOutlined, SearchOutlined, RedoOutlined, InfoCircleOutlined} from '@ant-design/icons';

dlink-web/src/components/Chart/PieChartSetting/index.tsx

 import {Button, Tag, Row, Col, Form, Select, Empty, Switch} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import {FireOutlined, SearchOutlined, RedoOutlined, InfoCircleOutlined} from '@ant-design/icons';

dlink-web/src/components/Chart/index.tsx

 import {Button, Tag,Row, Col,Form,Select, Empty} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import {RedoOutlined} from '@ant-design/icons';

dlink-web/src/components/DraggleLayout/DraggleLayout.tsx

@@ -2,7 +2,7 @@ import React, {useRef, useState} from 'react';
 import useDraggable from '../../hooks/useDraggable';
 import styles from './DraggleLayout.less';
 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 
 function DraggleLayout({
                          children, // 两列布局

dlink-web/src/components/DraggleLayout/DraggleVerticalLayout.tsx

@@ -2,7 +2,7 @@ import React, { useRef, useState } from 'react';
 import useDraggable from '../../hooks/useDraggable';
 import styles from './DraggleVerticalLayout.less';
 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 
 function DraggleVerticalLayout({
    children, // 两行布局

dlink-web/src/components/Studio/StudioConsole/StudioCA/index.tsx

 import { Tabs,Tooltip,Button } from "antd";
 import {SearchOutlined} from "@ant-design/icons";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
-import {getLineage} from "@/pages/FlinkSqlStudio/service";
+import {getLineage} from "@/pages/DataStudio/service";
 import {useState} from "react";
 import Lineage, {getInit} from "@/components/Lineage";
 

dlink-web/src/components/Studio/StudioConsole/StudioExplain/index.tsx

-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {Button, Tag, Space, Typography, Modal,} from 'antd';
 import {ConsoleSqlOutlined} from "@ant-design/icons";
 import ProList from '@ant-design/pro-list';
-import {explainSql} from "@/pages/FlinkSqlStudio/service";
+import {explainSql} from "@/pages/DataStudio/service";
 import {useRef, useState, useEffect} from "react";
 
 const {Paragraph,Text} = Typography;

dlink-web/src/components/Studio/StudioConsole/StudioHistory/index.tsx

-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {Tag, Space, Typography, Divider, Badge, Modal} from 'antd';
 import {MessageOutlined,ClusterOutlined,FireOutlined,RocketOutlined} from "@ant-design/icons";
@@ -12,7 +12,7 @@ import {
 import styles from "./index.less";
 import {Scrollbars} from 'react-custom-scrollbars';
 import StudioPreview from "../StudioPreview";
-import {getJobData} from "@/pages/FlinkSqlStudio/service";
+import {getJobData} from "@/pages/DataStudio/service";
 import {HistoryItem} from "@/components/Studio/StudioConsole/StudioHistory/data";
 
 

dlink-web/src/components/Studio/StudioConsole/StudioMsg/index.tsx

 import {Typography, Divider, Badge, Empty,Tag} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {FireOutlined, ScheduleOutlined} from '@ant-design/icons';
 import StudioSqlConfig from "@/components/Studio/StudioRightTool/StudioSqlConfig";

dlink-web/src/components/Studio/StudioConsole/StudioPreview/index.tsx

 import {Input, Button, Space, Empty} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import { SearchOutlined } from '@ant-design/icons';

dlink-web/src/components/Studio/StudioConsole/StudioProcess/index.tsx

 import {Empty, Tag, Divider, Tooltip, message, Select, Button, Space, Modal,Dropdown,Menu} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import {SearchOutlined,CheckCircleOutlined,SyncOutlined,CloseCircleOutlined,ClockCircleOutlined,MinusCircleOutlined,DownOutlined} from '@ant-design/icons';

dlink-web/src/components/Studio/StudioConsole/StudioTable/index.tsx

 import {Button, Tag, Empty} from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {FireOutlined, SearchOutlined} from '@ant-design/icons';
 import {showJobData} from "@/components/Studio/StudioEvent/DQL";

dlink-web/src/components/Studio/StudioConsole/index.tsx

@@ -3,7 +3,7 @@ import {
   CodeOutlined, TableOutlined, RadarChartOutlined, CalendarOutlined, FileSearchOutlined, DesktopOutlined
   , FunctionOutlined, ApartmentOutlined,BarChartOutlined
 } from "@ant-design/icons";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import StudioMsg from "./StudioMsg";

dlink-web/src/components/Studio/StudioEdit/index.tsx

 import React, {useEffect, useImperativeHandle, useRef,useState} from 'react';
 import * as _monaco from "monaco-editor";
 import MonacoEditor from "react-monaco-editor";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect,Dispatch} from "umi";
 import {DocumentStateType} from "@/pages/Document/model";
 import {DocumentTableListItem} from "@/pages/Document/data";

dlink-web/src/components/Studio/StudioEvent/DDL.ts

-import {executeDDL} from "@/pages/FlinkSqlStudio/service";
+import {executeDDL} from "@/pages/DataStudio/service";
 import FlinkSQL from "./FlinkSQL";
-import {SessionType} from "@/pages/FlinkSqlStudio/model";
+import {SessionType} from "@/pages/DataStudio/model";
 import {Modal, message} from "antd";
 import {addOrUpdateData, getData, handleRemove} from "@/components/Common/crud";
 

dlink-web/src/components/Studio/StudioEvent/DQL.ts

-import {getJobData} from "@/pages/FlinkSqlStudio/service";
+import {getJobData} from "@/pages/DataStudio/service";
 
 export function showJobData(key: number,jobId: string,dispatch: any) {
   if(!jobId){

dlink-web/src/components/Studio/StudioHome/index.tsx

 import {Typography,Divider} from 'antd';
 import React from 'react';
 import {connect} from 'umi';
-import {StateType} from '@/pages/FlinkSqlStudio/model';
+import {StateType} from '@/pages/DataStudio/model';
 import {Scrollbars} from 'react-custom-scrollbars';
 
 const {Title, Paragraph, Text} = Typography;

dlink-web/src/components/Studio/StudioLeftTool/StudioCluster/index.tsx

@@ -3,7 +3,7 @@ import {
   Tooltip, Drawer, Modal
 } from "antd";
 import ProDescriptions from '@ant-design/pro-descriptions';
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioLeftTool/StudioConnector/components/SessionForm.tsx

@@ -3,7 +3,7 @@ import {Form, Button, Input, Modal,Select,Tag,Switch} from 'antd';
 
 import {SessionItem} from '../data.d';
 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 
 export type UpdateFormProps = {
   onCancel: (flag?: boolean, formVals?: Partial<SessionItem>) => void;

dlink-web/src/components/Studio/StudioLeftTool/StudioConnector/index.tsx

@@ -2,7 +2,7 @@ import {
   message, Input, Button, Space, Table, Dropdown, Menu, Empty, Divider,
   Tooltip
 } from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioLeftTool/StudioDataBase/index.tsx

@@ -2,7 +2,7 @@ import {
   message, Button, Table, Empty, Divider,
   Tooltip, Drawer, Modal
 } from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioLeftTool/StudioMetaData/index.tsx

@@ -2,7 +2,7 @@ import {
   Tabs, Button,Tree, Empty, Select,Tag,
   Tooltip
 } from "antd";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {useState} from "react";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioLeftTool/index.tsx

 import {Tabs, Empty} from "antd";
 import {BarsOutlined,DatabaseOutlined,AppstoreOutlined,ClusterOutlined,MessageOutlined,FireOutlined,FunctionOutlined} from "@ant-design/icons";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import StudioTree from "../StudioTree";

dlink-web/src/components/Studio/StudioMenu/StudioGraph/index.tsx

 import { Empty } from "antd";
 import {FlowAnalysisGraph} from '@ant-design/charts';
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import styles from "./index.less";
 import React, {useState} from "react";

dlink-web/src/components/Studio/StudioMenu/index.tsx

@@ -10,10 +10,10 @@ import Space from "antd/es/space";
 import Divider from "antd/es/divider";
 import Button from "antd/es/button/button";
 import Breadcrumb from "antd/es/breadcrumb/Breadcrumb";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import {CODE, postDataArray} from "@/components/Common/crud";
-import {executeSql, getJobPlan} from "@/pages/FlinkSqlStudio/service";
+import {executeSql, getJobPlan} from "@/pages/DataStudio/service";
 import StudioHelp from "./StudioHelp";
 import StudioGraph from "./StudioGraph";
 import {
@@ -37,7 +37,7 @@ import {
 import {
   ModalForm,
 } from '@ant-design/pro-form';
-import SqlExport from "@/pages/FlinkSqlStudio/SqlExport";
+import SqlExport from "@/pages/DataStudio/SqlExport";
 import {Dispatch} from "@@/plugin-dva/connect";
 import StudioTabs from "@/components/Studio/StudioTabs";
 import {isDeletedTask, JOB_LIFE_CYCLE} from "@/components/Common/JobLifeCycle";

dlink-web/src/components/Studio/StudioRightTool/StudioConfig/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {
   Form, InputNumber,Switch, Row, Col, Tooltip, Button,
 } from "antd";

dlink-web/src/components/Studio/StudioRightTool/StudioEnvSetting/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {Form, Switch, Row, Col,Tooltip, Button} from "antd";
 import {InfoCircleOutlined,MinusSquareOutlined} from "@ant-design/icons";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioRightTool/StudioGuide/index.tsx

 import {Typography,Divider} from 'antd';
 import React from 'react';
 import {connect} from 'umi';
-import {StateType} from '@/pages/FlinkSqlStudio/model';
+import {StateType} from '@/pages/DataStudio/model';
 import {Scrollbars} from 'react-custom-scrollbars';
 import { history } from 'umi';
 

dlink-web/src/components/Studio/StudioRightTool/StudioJarSetting/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {Form, InputNumber, Input, Switch, Select, Tag, Row, Col, Badge, Tooltip, Button, Space} from "antd";
 import {InfoCircleOutlined, PlusOutlined, MinusSquareOutlined, MinusCircleOutlined,PaperClipOutlined} from "@ant-design/icons";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioRightTool/StudioSavePoint/index.tsx

@@ -6,7 +6,7 @@ import ProTable from '@ant-design/pro-table';
 import ProDescriptions from '@ant-design/pro-descriptions';
 import {queryData} from "@/components/Common/crud";
 import {SavePointTableListItem} from "@/components/Studio/StudioRightTool/StudioSavePoint/data";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import { Scrollbars } from 'react-custom-scrollbars';
 

dlink-web/src/components/Studio/StudioRightTool/StudioSetting/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {Form, InputNumber, Input, Switch, Select, Tag, Row, Col, Badge, Tooltip, Button, Typography, Space} from "antd";
 import {InfoCircleOutlined, PlusOutlined, MinusSquareOutlined, MinusCircleOutlined,PaperClipOutlined} from "@ant-design/icons";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioRightTool/StudioSqlConfig/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {
   Form, InputNumber, Select, Tag, Row, Col,  Tooltip, Button,
 } from "antd";

dlink-web/src/components/Studio/StudioRightTool/StudioUDFInfo/index.tsx

 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {Form, Switch, Row, Col, Tooltip, Button, Input} from "antd";
 import {InfoCircleOutlined,MinusSquareOutlined} from "@ant-design/icons";
 import styles from "./index.less";

dlink-web/src/components/Studio/StudioRightTool/index.tsx

 import {Tabs, Empty, Form} from "antd";
 import {SettingOutlined,ScheduleOutlined} from "@ant-design/icons";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {connect} from "umi";
 import StudioConfig from "./StudioConfig";
 import StudioSetting from "./StudioSetting";

dlink-web/src/components/Studio/StudioTabs/index.tsx

 import {message, Tabs, Menu, Dropdown} from 'antd';
 import React, {useState} from 'react';
 import {connect} from 'umi';
-import {StateType} from '@/pages/FlinkSqlStudio/model';
+import {StateType} from '@/pages/DataStudio/model';
 import styles from './index.less';
 import StudioEdit from '../StudioEdit';
 import {DIALECT} from '../conf';

dlink-web/src/components/Studio/StudioTree/index.tsx

@@ -2,10 +2,10 @@ import React, {useEffect, useState, Key} from "react";
 import {connect} from "umi";
 import {DownOutlined, SwitcherOutlined, FolderAddOutlined} from "@ant-design/icons";
 import {Tree, Menu, Empty, Button, message, Modal, Tooltip, Row, Col, Input} from 'antd';
-import {getCatalogueTreeData} from "@/pages/FlinkSqlStudio/service";
+import {getCatalogueTreeData} from "@/pages/DataStudio/service";
 import {convertToTreeData, getTreeNodeByKey, TreeDataNode} from "@/components/Studio/StudioTree/Function";
 import style from "./index.less";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {
   getInfoById, handleAddOrUpdate, handleAddOrUpdateWithResult, handleRemoveById, handleSubmit
 } from "@/components/Common/crud";

dlink-web/src/components/Studio/index.tsx

@@ -6,7 +6,7 @@ import StudioMenu from "./StudioMenu";
 import {Row, Col, Card, Form} from "antd";
 import StudioTabs from "./StudioTabs";
 import StudioHome from "./StudioHome";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import StudioConsole from "./StudioConsole";
 import StudioLeftTool from "./StudioLeftTool";
 import StudioRightTool from "./StudioRightTool";

dlink-web/src/locales/zh-CN/menu.ts

@@ -58,8 +58,7 @@ export default {
   'menu.registration.alert': '报警管理',
   'menu.registration.alert.alertInstance': '报警实例管理',
   'menu.registration.alert.alertGroup': '报警组管理',
-  'menu.studio': 'FlinkSql IDE',
-  'menu.flinksqlstudio': 'FlinkSQL Studio',
+  'menu.datastudio': '数据开发',
   'menu.devops': '运维中心',
   'menu.job': '作业实例',
   'menu.registration.jar': 'Jar 管理',

dlink-web/src/pages/DataBase/components/DBForm.tsx

@@ -3,7 +3,7 @@ import {Card, Image, List, Modal} from 'antd';
 
 import {DataBaseItem} from '../data.d';
 import {connect} from "umi";
-import {StateType} from "@/pages/FlinkSqlStudio/model";
+import {StateType} from "@/pages/DataStudio/model";
 import {FALLBACK, getDBImage} from "@/pages/DataBase/DB";
 import DataBaseForm from "@/pages/DataBase/components/DataBaseForm";
 import {createOrModifyDatabase, testDatabaseConnect} from "@/pages/DataBase/service";