feat：集成ipc

src/commons/public/index.tsx

@@ -6,6 +6,10 @@ import { makeStyles } from 'tss-react/mui';
 import alert_error from '../assets/img/alert_error.svg';
 import alert_success from '../assets/img/alert_success.svg';
 import alert_warning from '../assets/img/alert_warning.svg';
+
+const { ipcRenderer } = require('electron');
+const electron = window.require('electron');
+
 const useStyles = makeStyles()((_theme) => {
     return {
         body: {
@@ -72,6 +76,10 @@ export default () => {
         });
     };
 
+    const ipcSend = (type: string) => {
+        electron.ipcRenderer.send(type);
+    };
+
     const render = (dom: any) => {
         return (
             <React.Fragment>
@@ -129,5 +137,5 @@ export default () => {
         );
     };
 
-    return { render, navigate, setMessages, setOnloading };
+    return { render, navigate, setMessages, setOnloading, ipcSend };
 };

src/main/main.ts

@@ -121,7 +121,7 @@ ipcMain.on('resize-home', (event) => {
     homeWindown.loadURL(resolveHtmlPath(`index.html#/home`));
     positioner.position(homeWindown, tray.getBounds(), alignment);
     isDev && homeWindown.webContents.openDevTools();
-    homeWindown.webContents.openDevTools();
+    // homeWindown.webContents.openDevTools();
     homeWindown.once('ready-to-show', () => {
         homeWindown?.show();
     });

src/renderer/components/head.jsx

@@ -98,7 +98,7 @@ const list = [
 
 export default (props) => {
     const { classes } = useStyles();
-    const { render, navigate } = public();
+    const { render, navigate, ipcSend } = public();
 
     const [level, setLevel] = useState(props.level);
     const [hover, setHover] = useState(false);
@@ -110,7 +110,7 @@ export default (props) => {
             case '1':
                 return;
             case '2':
-                electron.ipcRenderer.send('asynchronous-message', '11111');
+                ipcSend('asynchronous-message', '11111');
                 return;
             case '4':
                 let Token =
@@ -208,7 +208,7 @@ export default (props) => {
                         className={classes.siteText}
                         sx={{ margin: '8px 0px 6px 0px' }}
                         onClick={() => {
-                            electron.ipcRenderer.send('createNewWindow-site');
+                            ipcSend('createNewWindow-site');
                             localStorage.setItem('site_init', '1');
                         }}
                     >
@@ -217,7 +217,7 @@ export default (props) => {
                     <Grid
                         className={classes.siteText}
                         onClick={() => {
-                            electron.ipcRenderer.send('createNewWindow-site');
+                            ipcSend('createNewWindow-site');
                             localStorage.setItem('site_init', '2');
                         }}
                     >
@@ -234,7 +234,7 @@ export default (props) => {
                     <Grid
                         className={classes.siteText}
                         onClick={() => {
-                            electron.ipcRenderer.send('window-close');
+                            ipcSend('window-close');
                         }}
                     >
                         退出应用

src/renderer/components/preference.jsx

@@ -39,7 +39,7 @@ const useStyles = makeStyles()((theme) => {
 
 export default (props) => {
     const { classes } = useStyles();
-    const { render, navigate } = public();
+    const { render, navigate, ipcSend } = public();
     const [selfStart, setSelfStart] = useState(
         localStorage.getItem('Preferences') &&
             JSON.parse(localStorage.getItem('Preferences'))['selfStart']
@@ -52,8 +52,8 @@ export default (props) => {
             JSON.stringify({ selfStart: event.target.checked })
         );
         event.target.checked
-            ? electron.ipcRenderer.send('openAtLogin-true')
-            : electron.ipcRenderer.send('openAtLogin-false');
+            ? ipcSend('openAtLogin-true')
+            : ipcSend('openAtLogin-false');
     };
 
     return (

src/renderer/console/login.jsx

@@ -18,9 +18,6 @@ import FormControlLabel from '@mui/material/FormControlLabel';
 import Checkbox from '@mui/material/Checkbox';
 import { makeStyles } from 'tss-react/mui';
 
-const { ipcRenderer } = require('electron');
-const electron = window.require('electron');
-
 const useStyles = makeStyles()((theme) => {
     return {
         loginBody: {
@@ -58,7 +55,7 @@ const useStyles = makeStyles()((theme) => {
 
 export default (props) => {
     const { classes } = useStyles();
-    const { render, navigate, setMessages } = public();
+    const { render, navigate, setMessages, ipcSend } = public();
 
     const [username, setUsername] = useState('');
     const [usernameError, setUsernameError] = useState(false);
@@ -69,7 +66,7 @@ export default (props) => {
         if (localStorage.getItem(Constants.TOKEN_KEY)) {
             getUserData();
         } else {
-            electron.ipcRenderer.send('openLogin-windown');
+            ipcSend('openLogin-windown');
         }
         if (!localStorage.getItem('Preferences')) {
             localStorage.setItem(
@@ -132,9 +129,9 @@ export default (props) => {
                 JSON.stringify(data.res)
             );
             navigate('/home');
-            electron.ipcRenderer.send('resize-home');
+            ipcSend('resize-home');
         } else {
-            electron.ipcRenderer.send('openLogin-windown');
+            ipcSend('openLogin-windown');
         }
     };
 
@@ -246,7 +243,7 @@ export default (props) => {
                 onClick={() => {
                     login();
                     // navigate('/test');
-                    // electron.ipcRenderer.send('resize-init');
+                    // ipcSend('resize-init');
                 }}
             >
                 登录
@@ -257,7 +254,7 @@ export default (props) => {
                 <span
                     style={{ color: '#1370FF', cursor: 'pointer' }}
                     onClick={() => {
-                        // electron.ipcRenderer.send('test');
+                        // ipcSend('test');
                         shell.openExternal(
                             'https://www.bkunyun.com/v2/pages/register-page'
                         );