test event

main.tsx

@@ -8,7 +8,7 @@ let createWindow = function () {
     width: 1280,
     height: 800,
     webPreferences: {
-      // nodeIntegration: true
+      nodeIntegration: true
     }
     // fullscreenable:false,
     // maximizable:false
@@ -18,6 +18,7 @@ let createWindow = function () {
   mainWindow.on('closed', function () {
     mainWindow = null
   });
+  initMenu(mainWindow);
 }
 app.on('ready', createWindow)
 app.on('window-all-closed', () => {
@@ -31,5 +32,3 @@ app.on('activate', () => {
     createWindow()
   }
 });
-
-initMenu();

src/AppMenu.ts

@@ -1,13 +1,23 @@
 import { BrowserView, Menu, app, shell, dialog, BrowserWindow, MenuItem } from 'electron';
+import EventType from './EventType';
 
-export function initMenu() {
+export function initMenu(mainWindow: BrowserWindow) {
   const menu: Menu = new Menu();
   const fileMenu: MenuItem = new MenuItem({
     label: "行为树",
     submenu: [
       {
         label: "打开文件",
-        accelerator: "Ctrl+O"
+        accelerator: "Ctrl+O",
+        click: () => {
+          (async () => {
+            const res = await dialog.showOpenDialog({
+              properties: ['openFile', 'openDirectory']
+            });
+            console.log("open res", res);
+            mainWindow.webContents.send(EventType.MAIN_OPEN_FILE, res);
+          })();
+        }
       },
       {
         label: "打开目录",

src/Editor/index.tsx

@@ -1,7 +1,23 @@
 import React, { Component } from "react";
 import { DatePicker } from 'antd';
+import { ipcRenderer } from 'electron';
+import EventType from "../EventType";
+
+interface EditorState {
+  workspace: string;
+}
 
 export default class Editor extends Component {
+  state: EditorState = {
+    workspace: ''
+  }
+
+  componentDidMount() {
+    ipcRenderer.on(EventType.MAIN_OPEN_FILE, (event: any, path: any) => {
+      console.log("on", event, path);
+    })
+  }
+
   render() {
     return (
       <DatePicker />

src/EventType.ts

@@ -0,0 +1,3 @@
+export default {
+  MAIN_OPEN_FILE: "MAIN_OPEN_FILE",
+}

src/index.tsx

@@ -1,12 +1,10 @@
 import * as React from "react";
 import * as ReactDOM from "react-dom";
-import Hello from "./components/Hello";
 import Editor from "./Editor";
 import 'antd/dist/antd.dark.css';
 import './index.css';
 
 ReactDOM.render(
   <Editor />,
-  // <div className="test">hello!!!!!</div>,
   document.getElementById('root') as HTMLElement
 );