@@ -7,7 +7,7 @@ import { treeConfig } from '../Tree/treeConfig';
77import Tree from '../Tree' ;
88import Iconfont from '@/components/Iconfont' ;
99import { TreeNodeType } from '@/constants/tree' ;
10- import { ITreeNode } from '@/typings/tree'
10+ import { ITreeNode } from '@/typings/tree' ;
1111import { useReducerContext } from '../../index' ;
1212import { workspaceActionType } from '../../context' ;
1313interface IProps {
@@ -17,15 +17,17 @@ interface IProps {
1717export default memo < IProps > ( function WorkspaceLeft ( props ) {
1818 const { className } = props ;
1919
20- return < div className = { classnames ( styles . box , className ) } >
21- < div className = { styles . header } >
22- < RenderSelectDatabase > </ RenderSelectDatabase >
20+ return (
21+ < div className = { classnames ( styles . box , className ) } >
22+ < div className = { styles . header } >
23+ < RenderSelectDatabase > </ RenderSelectDatabase >
24+ </ div >
25+ < div className = { styles . save_box } > Save</ div >
26+ < Divider />
27+ < RenderTableBox > </ RenderTableBox >
2328 </ div >
24- < div className = { styles . save_box } > Save</ div >
25- < Divider />
26- < RenderTableBox > </ RenderTableBox >
27- </ div >
28- } )
29+ ) ;
30+ } ) ;
2931
3032interface Option {
3133 value : number ;
@@ -47,18 +49,18 @@ function RenderSelectDatabase() {
4749 pageNo : 1 ,
4850 pageSize : 999 ,
4951 } ;
50- treeConfig [ TreeNodeType . DATA_SOURCES ] . getChildren ! ( p ) . then ( res => {
52+ treeConfig [ TreeNodeType . DATA_SOURCES ] . getChildren ! ( p ) . then ( ( res ) => {
5153 let newOptions : any = res . map ( ( t ) => {
5254 return {
5355 label : t . name ,
5456 value : t . key ,
5557 type : TreeNodeType . DATA_SOURCE ,
5658 isLeaf : false ,
57- databaseType : t . extraParams ?. databaseType
59+ databaseType : t . extraParams ?. databaseType ,
5860 } ;
5961 } ) ;
6062 setOptions ( newOptions ) ;
61- } )
63+ } ) ;
6264 }
6365
6466 const onChange : any = ( valueArr : any , selectedOptions : any ) => {
@@ -72,36 +74,36 @@ function RenderSelectDatabase() {
7274 databaseSourceName : labelArr [ 0 ] ,
7375 databaseName : labelArr [ 1 ] ,
7476 schemaName : labelArr [ 2 ] ,
75- databaseType : selectedOptions [ 0 ] . databaseType
76- }
77+ databaseType : selectedOptions [ 0 ] . databaseType ,
78+ } ;
7779
7880 dispatch ( {
7981 type : workspaceActionType . CURRENT_WORKSPACE_DATA ,
80- payload : currentWorkspaceData
82+ payload : currentWorkspaceData ,
8183 } ) ;
8284 } ;
8385
8486 // 及联loadData
8587 const loadData = ( selectedOptions : any ) => {
8688 if ( selectedOptions . length > 1 ) {
87- return
89+ return ;
8890 }
8991
9092 const targetOption = selectedOptions [ 0 ] ;
9193 treeConfig [ TreeNodeType . DATA_SOURCE ] . getChildren ! ( {
92- id : targetOption . value
93- } ) . then ( res => {
94+ id : targetOption . value ,
95+ } ) . then ( ( res ) => {
9496 let newOptions = res . map ( ( t ) => {
9597 return {
9698 label : t . name ,
9799 value : t . key ,
98100 type : TreeNodeType . DATABASE ,
99- databaseType : t . extraParams ?. databaseType
101+ databaseType : t . extraParams ?. databaseType ,
100102 } ;
101103 } ) ;
102104 targetOption . children = newOptions ;
103105 setOptions ( [ ...( options || [ ] ) ] ) ;
104- } )
106+ } ) ;
105107
106108 // TODO:根据后端字段 如果有SCHEMAS再去查询SCHEMAS
107109 // if (targetOption.type === TreeNodeType.SCHEMAS) {
@@ -120,7 +122,6 @@ function RenderSelectDatabase() {
120122 // })
121123 // } else {
122124 // }
123-
124125 } ;
125126
126127 const dropdownRender = ( menus : React . ReactNode ) => (
@@ -132,7 +133,7 @@ function RenderSelectDatabase() {
132133
133134 function renderCurrentSelected ( ) {
134135 const { databaseName, schemaName, databaseSourceName } = currentWorkspaceData ;
135- const currentSelectedArr = [ databaseSourceName , databaseName , schemaName ] . filter ( t => t ) ;
136+ const currentSelectedArr = [ databaseSourceName , databaseName , schemaName ] . filter ( ( t ) => t ) ;
136137 return currentSelectedArr . join ( '/' ) ;
137138 }
138139
@@ -145,16 +146,17 @@ function RenderSelectDatabase() {
145146 loadData = { loadData }
146147 bordered = { false }
147148 dropdownRender = { dropdownRender }
149+ placeholder = { 'xxxxxxx' }
148150 >
149151 < div className = { styles . current_database } >
150- < div className = { styles . name } >
151- { renderCurrentSelected ( ) }
152- </ div >
152+ < div className = { styles . name } > { renderCurrentSelected ( ) } </ div >
153153 < Iconfont code = "" />
154154 </ div >
155155 </ Cascader >
156156 < div className = { styles . other_operations } >
157- < div className = { styles . icon_box } > < Iconfont code = '' /> </ div >
157+ < div className = { styles . icon_box } >
158+ < Iconfont code = "" />
159+ </ div >
158160 </ div >
159161 </ div >
160162 ) ;
@@ -167,21 +169,22 @@ function RenderTableBox() {
167169
168170 useEffect ( ( ) => {
169171 getInitialData ( ) ;
170- } , [ currentWorkspaceData ] )
172+ } , [ currentWorkspaceData ] ) ;
171173
172174 function getInitialData ( ) {
173175 treeConfig [ TreeNodeType . TABLES ] . getChildren ! ( {
174176 pageNo : 1 ,
175177 pageSize : 999 ,
176178 ...currentWorkspaceData ,
177- extraParams : currentWorkspaceData
178- } ) . then ( res => {
179+ extraParams : currentWorkspaceData ,
180+ } ) . then ( ( res ) => {
179181 setInitialData ( res ) ;
180- } )
182+ } ) ;
181183 }
182184
183-
184- return < div className = { styles . table_box } >
185- < Tree className = { styles . tree } initialData = { initialData } > </ Tree >
186- </ div >
185+ return (
186+ < div className = { styles . table_box } >
187+ < Tree className = { styles . tree } initialData = { initialData } > </ Tree >
188+ </ div >
189+ ) ;
187190}
0 commit comments