electron 自定义标题栏之窗口状态同步

import { ref } from "vue";

const winStatus = ref(false);

window.ipcRenderer.on("win-status-update", (event, status) => {
    console.log(event);
    winStatus.value = status;
});

function minWin() {
    window.ipcRenderer.send("min-win");
}

function toggleMaxWin() {
    window.ipcRenderer.send("toggle-max-win");
}

function closeWin() {
    window.ipcRenderer.send("close-win");
}

  win.on('maximize', () => {
    win?.webContents.send('win-status-update', true);
  });

  win.on('unmaximize', () => {
    win?.webContents.send('win-status-update', false);
  });

ipcMain.on('min-win', () => {
  win?.minimize()
})

ipcMain.on('toggle-max-win', (event) => {
  if (win?.isMaximized()) {
    win?.unmaximize();
    win?.webContents.send('win-status-update', false);
  } else {
    win?.maximize();
    win?.webContents.send('win-status-update', true);
  }
});

ipcMain.on('close-win', () => {
  win?.close()
})