github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-01-16 11:54:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: fix source edit bug

Browse Source
This commit is contained in:
zude.hzd 2020-07-30 22:20:04 +08:00
parent 737d06ecbb
commit 047247cfcd
4 changed files with 42 additions and 475 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

466
packages/demo/public/schema.json
View File

File diff suppressed because one or more lines are too long

1
packages/plugin-source-editor/src/index.scss
View File

@ -23,6 +23,7 @@
.editor-context{ .editor-context{
height: 100%; height: 100%;
width: 100%;
} }
.next-tabs-tabpane.active { .next-tabs-tabpane.active {

44
packages/plugin-source-editor/src/index.tsx
View File

@ -15,7 +15,7 @@ import transfrom from './transform';
const defaultEditorOption = { const defaultEditorOption = {
width: '100%', width: '100%',
height: '96%', height: '100%',
options: { options: {
readOnly: false, readOnly: false,
automaticLayout: true, automaticLayout: true,
@ -54,7 +54,7 @@ export default class SourceEditor extends Component<{
private editorParentNode: Object; private editorParentNode: Object;
state = { state = {
isShow: true, isFullScreen:false,
tabKey: TAB_KEY.JS_TAB, tabKey: TAB_KEY.JS_TAB,
}; };
@ -75,6 +75,13 @@ export default class SourceEditor extends Component<{
this.initCode(schema); this.initCode(schema);
} }
componentDidMount () {
this.editorNode = this.editorJsRef.current; //记录当前dom节点；
this.editorParentNode = this.editorNode.parentNode; //记录父节点;
}
/** /**
* 执行编辑器事件 * 执行编辑器事件
*/ */
@ -170,7 +177,28 @@ export default class SourceEditor extends Component<{
} }
}; };
fullScreen = () => {}; fullScreen = () => {
document.body.appendChild(this.editorNode)
const fullScreenOption = {
...defaultEditorOption,
lineNumbers: 'on',
folding: true,
scrollBeyondLastLine: true,
minimap: {
enabled: true
}
}
this.monocoEditor.updateOptions(fullScreenOption);
// if (this.editorParentNode) {
// if (this.editorParentNode.firstChild) {
// this.editorParentNode.insertBefore(this.editorNode, this.editorParentNode.firstChild);
// } else {
// this.editorParentNode.appendChild(this.editorNode);
// }
// }
};
onTabChange = (key) => { onTabChange = (key) => {
const { editor } = this.props; const { editor } = this.props;
@ -210,7 +238,7 @@ export default class SourceEditor extends Component<{
}; };
render() { render() {
const { isShow, selectTab, jsCode, css } = this.state; const { selectTab, jsCode, css } = this.state;
const tabs = [ const tabs = [
{ tab: 'index.js', key: TAB_KEY.JS_TAB }, { tab: 'index.js', key: TAB_KEY.JS_TAB },
{ tab: 'style.css', key: TAB_KEY.CSS_TAB }, { tab: 'style.css', key: TAB_KEY.CSS_TAB },
@ -224,9 +252,9 @@ export default class SourceEditor extends Component<{
))} ))}
</Tab> </Tab>
{isShow && (
<div style={{ height: '100%' }} className="editor-context-container"> <div style={{ height: '100%' }} className="editor-context-container">
<div id="jsEditorDom" className="editor-context"> <div id="jsEditorDom" className="editor-context" ref={this.editorJsRef}>
<MonacoEditor <MonacoEditor
value={jsCode} value={jsCode}
{...defaultEditorOption} {...defaultEditorOption}
@ -235,7 +263,7 @@ export default class SourceEditor extends Component<{
editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco, TAB_KEY.JS_TAB)} editorDidMount={(editor, monaco) => this.editorDidMount.call(this, editor, monaco, TAB_KEY.JS_TAB)}
/> />
</div> </div>
<div className="editor-context" id="cssEditorDom"> <div className="editor-context" id="cssEditorDom" ref={this.editorCssRef}>
<MonacoEditor <MonacoEditor
value={css} value={css}
{...defaultEditorOption} {...defaultEditorOption}
@ -245,7 +273,7 @@ export default class SourceEditor extends Component<{
/> />
</div> </div>
</div> </div>
)}
<div className="full-screen-container" onClick={this.fullScreen}> <div className="full-screen-container" onClick={this.fullScreen}>
<img src="https://gw.alicdn.com/tfs/TB1d7XqE1T2gK0jSZFvXXXnFXXa-200-200.png"></img> <img src="https://gw.alicdn.com/tfs/TB1d7XqE1T2gK0jSZFvXXXnFXXa-200-200.png"></img>

2
packages/plugin-source-editor/src/transform.ts
View File

@ -35,9 +35,11 @@ const transfrom = {
functionNameList.map((functionName)=>{ functionNameList.map((functionName)=>{
if (functionName != 'constructor'){ if (functionName != 'constructor'){
if (a[functionName]){
let functionCode = a[functionName].toString().replace(new RegExp(functionName),'function'); let functionCode = a[functionName].toString().replace(new RegExp(functionName),'function');
functionMap[functionName] = functionCode; functionMap[functionName] = functionCode;
} }
}
}) })