feat(editor): custom the TabPane renderer

DTStack · Apr 24, 2021 · b65d221 · b65d221
1 parent fd4f009
commit b65d221
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/workbench/editor/group.tsx b/src/workbench/editor/group.tsx
@@ -87,8 +87,14 @@ function EditorGroup(props: IEditorGroupProps & IEditorController) {
             <EditorBreadcrumb breadcrumbs={tab.breadcrumb} />
             <div className={groupContainerClassName}>
                 {
-                    // Default we use monaco editor, but also you can customize by renderPanel() function
-                    tab.renderPanel || (
+                    // Default we use monaco editor, but also you can customize by renderPanel() function or a react element
+                    tab.renderPanel ? (
+                        typeof tab.renderPanel === 'function' ? (
+                            tab.renderPanel(tab.data)
+                        ) : (
+                            tab.renderPanel
+                        )
+                    ) : (
                         <MonacoEditor
                             options={{
                                 value: tab.data?.value,