107 lines
3.2 KiB
TypeScript
107 lines
3.2 KiB
TypeScript
import * as ReactDOM from "react-dom";
|
|
import SyncRequest from "sync-request";
|
|
import React, { Component } from "react";
|
|
import { Layout, message, Tabs } from "antd";
|
|
import { ipcRenderer, remote } from "electron";
|
|
import * as Utils from "../common/Utils";
|
|
import MainEventType from "../common/MainEventType";
|
|
import Properties from "./Properties";
|
|
import Settings from "../main-process/Settings";
|
|
|
|
import "antd/dist/antd.dark.css";
|
|
import "./index.css";
|
|
import RegisterNode from "./RegisterNode";
|
|
import TreeTabs from "./TreeTabs";
|
|
|
|
const { Sider, Content } = Layout;
|
|
|
|
interface MainState {
|
|
workdir: string;
|
|
workspace: string;
|
|
}
|
|
|
|
export default class Main extends Component {
|
|
state: MainState = {
|
|
workdir: "",
|
|
workspace: "",
|
|
};
|
|
|
|
settings: Settings;
|
|
tabs: TreeTabs;
|
|
session = 0;
|
|
|
|
componentDidMount() {
|
|
this.updateSettings();
|
|
RegisterNode(this.settings);
|
|
|
|
ipcRenderer.on(MainEventType.OPEN_FILE, (event: any, path: any) => {
|
|
this.setState({ curPath: path });
|
|
});
|
|
|
|
ipcRenderer.on(MainEventType.OPEN_DIR, (event: any, workdir: any, workspace: string) => {
|
|
console.log("on open workspace", workspace);
|
|
document.title = workspace;
|
|
this.setState({ workdir, workspace });
|
|
});
|
|
|
|
ipcRenderer.on(MainEventType.RELOAD_SERVER, () => {
|
|
const serverModel = this.settings.serverModel;
|
|
if (!serverModel) {
|
|
message.warning("没有配置服务器");
|
|
return;
|
|
}
|
|
SyncRequest("POST", serverModel.host, {
|
|
body: JSON.stringify({
|
|
cmd:"btree.reload",
|
|
data: {
|
|
trees: this.tabs.getOpenTreesModel()
|
|
},
|
|
session: this.session++,
|
|
timestamp: Date.now(),
|
|
})
|
|
});
|
|
message.success("服务器已更新");
|
|
})
|
|
|
|
console.log("workdir", this.settings.curWorkspace.getWorkdir());
|
|
this.setState({
|
|
workdir: this.settings.curWorkspace.getWorkdir(),
|
|
workspace: this.settings.curWorkspace.getFilepath(),
|
|
});
|
|
}
|
|
|
|
updateSettings() {
|
|
this.settings = Utils.getRemoteSettings();
|
|
}
|
|
|
|
render() {
|
|
console.log("render main");
|
|
const { workdir, workspace } = this.state;
|
|
document.title = `行为树编辑器 - ${workspace}`;
|
|
return (
|
|
<Layout className="body">
|
|
<Sider className="sider" width={250}>
|
|
<Properties
|
|
workdir={workdir}
|
|
onOpenTree={(path) => {
|
|
this.tabs.openFile(path);
|
|
}}
|
|
onDeleteTree={(path) => {
|
|
this.tabs.closeFile(path);
|
|
}}
|
|
/>
|
|
</Sider>
|
|
<Content className="content">
|
|
<TreeTabs
|
|
ref={(ref) => {
|
|
this.tabs = ref;
|
|
}}
|
|
/>
|
|
</Content>
|
|
</Layout>
|
|
);
|
|
}
|
|
}
|
|
|
|
ReactDOM.render(<Main />, document.getElementById("root") as HTMLElement);
|