marking
/
WGShare.Client.Electron
18
0
Fork 0
Code Pull Requests 1 Actions Releases 4 Activity

自动更新

This commit is contained in:
梅航 2024-07-25 13:42:18 +08:00
parent f5ba7b4284
commit 52fd0e3410
9 changed files with 554 additions and 257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
latest.yml Normal file
View File

@ -0,0 +1,8 @@
version: 0.0.3
files:
- url: 智汇享 Setup 0.0.3.exe
sha512: E8CIX2h4+VYvFcdIxUUolwfZgG+ZAQTdIAoVmyst11/x6aTA19Mx2/Lfuy5wCuMC0YA8ci5oXD91CEIev7r+TQ==
size: 117050951
path: 智汇享 Setup 0.0.3.exe
sha512: E8CIX2h4+VYvFcdIxUUolwfZgG+ZAQTdIAoVmyst11/x6aTA19Mx2/Lfuy5wCuMC0YA8ci5oXD91CEIev7r+TQ==
releaseDate: '2024-07-24T02:13:28.542Z'

129
main.js
View File

@ -1,5 +1,19 @@
const { app, BrowserWindow, screen, Tray, nativeImage, Menu, ipcMain, clipboard, dialog, webFrame, Notification } = require('electron');
const {
app,
BrowserWindow,
screen,
Tray,
nativeImage,
Menu,
ipcMain,
clipboard,
dialog,
webFrame,
Notification
} = require('electron');
const path = require('node:path')
const {autoUpdater, CancellationToken} = require('electron-updater');
const cancellationToken = new CancellationToken()
app.allowRendererProcessReuse = false;
let mainWindow = null;
let isMaximized = false;
@ -35,6 +49,7 @@ class AppWindow extends BrowserWindow {
});
}
}
function showWindow() {
// 如果主窗口已经存在但被最小化了，则恢复显示
if (mainWindow && mainWindow.isMinimized()) {
@ -50,6 +65,7 @@ function showWindow() {
createWindow();
}
}
function createTray() {
const iconPath = `${__dirname}/src/assets/icon.png`;
const trayIcon = nativeImage.createFromPath(iconPath);
@ -86,10 +102,12 @@ function createTray() {
}
});
}
function createWindow() {
mainWindow = new AppWindow();
mainWindow.focus();
}
function createNotification(user) {
const notification = new Notification({
title: `${user.name} 邀请你加入`,
@ -99,8 +117,22 @@ function createNotification(user) {
notification.show();
mainWindow.focus();
}
app.on('ready', () => {
const env = process.argv.find((arg) => arg.startsWith('--env='))?.split('=')[1];
if (env === 'development') {
Object.defineProperty(app, 'isPackaged', {
get() {
return true
}
})
autoUpdater.updateConfigPath = path.join('latest.yml')
// autoUpdater.updateConfigPath = path.join('http://test.bossmei.top/electron/latest.yml')
}
// autoUpdater.updateConfigPath = path.join('http://test.bossmei.top/electron/latest.yml')
console.log(123123123)
createWindow()
updateHandle() // 检查更新
createTray()
// 监听f12打开控制台
mainWindow.webContents.on('before-input-event', (event, input) => {
@ -153,6 +185,16 @@ app.on('ready', () => {
ipcMain.handle('joinNotification', (event, user) => {
createNotification(user)
});
// 通知下载包
ipcMain.handle('updateDownload', (event, data) => {
if (data === '0') { // 取消下载
cancleDownloadUpdate()
} else if (data === '1') { // 开始下载
downloadUpdate()
} else if (data === '2') { // 下载完成 点击安装
quitAndInstall()
}
});
// 设置桌面应用基础属性
ipcMain.handle('setMainWindowSize', (event, config) => {
// 设置最小窗口尺寸
@ -175,3 +217,88 @@ app.on('ready', () => {
});
});
// 检测更新，在你想要检查更新的时候执行，renderer事件触发后的操作自行编写
function updateHandle() {
autoUpdater.checkForUpdates()
// autoUpdater.checkForUpdatesAndNotify().catch();
const message = {
error: '检查更新出错',
checking: '正在检查更新……',
updateAva: '检测到新版本，正在下载……',
updateNotAva: '现在使用的就是最新版本，不用更新'
}
autoUpdater.setFeedURL('http://test.bossmei.top/electron')
autoUpdater.autoDownload = false // 不自动下载安装包
autoUpdater.autoInstallOnAppQuit = false // 不自动安装
// eslint-disable-next-line handle-callback-err
autoUpdater.on('error', function (error) {
// sendUpdateError(JSON.stringify(error))
sendUpdateMessage(message.error)
})
autoUpdater.on('checking-for-update', function () {
console.log('开始检测')
console.log('checking-for-update')
sendUpdateMessage(message.checking)
})
autoUpdater.on('update-available', function (info) {
console.log('update-available', info)
let messageStr = JSON.stringify({type: '0'})
// todo 延迟5秒打开弹窗(逻辑要改)
setTimeout(() => {
sendUpdateMessage(messageStr)
}, 5000)
// sendUpdateMessage(message.updateAva)
})
autoUpdater.on('update-not-available', function (info) {
console.log(info)
// sendUpdateMessage(message.updateNotAva)
})
// 更新下载进度事件
autoUpdater.on('download-progress', function (progressObj) {
let message = JSON.stringify({
type: '1',
value: progressObj.percent
})
sendUpdateMessage(message)
console.log(progressObj.percent)
// mainWindow.webContents.send('downloadProgress', progressObj)
})
autoUpdater.on('update-downloaded', function (event, releaseNotes, releaseName, releaseDate, updateUrl, quitAndUpdate) {
console.log('下载完成---------------')
let message = JSON.stringify({
type: '3',
})
// sendUpdateMessage(message)
autoUpdater.quitAndInstall()
ipcMain.on('isUpdateNow', (e, arg) => {
console.log(arg)
console.log('开始更新')
// some code here to handle event
autoUpdater.quitAndInstall()
})
// mainWindow.webContents.send('isUpdateNow')
})
}
// 通过main进程发送事件给renderer进程，提示更新信息
// type: 0 检测到需要更新（打开窗口） 1 正在下载更新包
function sendUpdateMessage(text) {
mainWindow.webContents.send('update', text)
}
// 下载最新的包
function downloadUpdate() {
autoUpdater.downloadUpdate(cancellationToken)
}
// 取消下载
function cancleDownloadUpdate() {
autoUpdater.downloadUpdate(cancellationToken)
// stop download
cancellationToken.cancel()
}
// 完成下载立即安装
function quitAndInstall() {
autoUpdater.quitAndInstall();
}

106
package-lock.json generated
View File

@ -1,12 +1,12 @@
{
"name": "multi.person.meeting",
"version": "0.0.0",
"version": "0.0.1",
"lockfileVersion": 2,
"requires": true,
"packages": {
"": {
"name": "multi.person.meeting",
"version": "0.0.0",
"version": "0.0.1",
"dependencies": {
"@ant-design/icons": "^5.3.7",
"@microsoft/signalr": "^8.0.0",
@ -18,6 +18,7 @@
"crypto-js": "^4.2.0",
"dayjs": "^1.11.11",
"electron-squirrel-startup": "^1.0.1",
"electron-updater": "^6.2.1",
"os": "^0.1.2",
"path": "^0.12.7",
"postcss-px-to-viewport-8-plugin": "^1.2.5",
@ -3123,8 +3124,7 @@
"node_modules/argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
"dev": true
"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
},
"node_modules/aria-hidden": {
"version": "1.2.4",
@ -4413,7 +4413,6 @@
"version": "4.3.5",
"resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.5.tgz",
"integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
"dev": true,
"dependencies": {
"ms": "2.1.2"
},
@ -5165,6 +5164,33 @@
"integrity": "sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ==",
"dev": true
},
"node_modules/electron-updater": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/electron-updater/-/electron-updater-6.2.1.tgz",
"integrity": "sha512-83eKIPW14qwZqUUM6wdsIRwVKZyjmHxQ4/8G+1C6iS5PdDt7b1umYQyj1/qPpH510GmHEQe4q0kCPe3qmb3a0Q==",
"dependencies": {
"builder-util-runtime": "9.2.4",
"fs-extra": "^10.1.0",
"js-yaml": "^4.1.0",
"lazy-val": "^1.0.5",
"lodash.escaperegexp": "^4.1.2",
"lodash.isequal": "^4.5.0",
"semver": "^7.3.8",
"tiny-typed-emitter": "^2.1.0"
}
},
"node_modules/electron-updater/node_modules/builder-util-runtime": {
"version": "9.2.4",
"resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.4.tgz",
"integrity": "sha512-upp+biKpN/XZMLim7aguUyW8s0FUpDvOtK6sbanMFDAMBzpHDqdhgVYm6zc9HJ6nWo7u2Lxk60i2M6Jd3aiNrA==",
"dependencies": {
"debug": "^4.3.4",
"sax": "^1.2.4"
},
"engines": {
"node": ">=12.0.0"
}
},
"node_modules/electron/node_modules/@electron/get": {
"version": "2.0.3",
"resolved": "https://registry.npmmirror.com/@electron/get/-/get-2.0.3.tgz",
@ -6299,7 +6325,6 @@
"version": "10.1.0",
"resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz",
"integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
"dev": true,
"dependencies": {
"graceful-fs": "^4.2.0",
"jsonfile": "^6.0.1",
@ -7608,7 +7633,6 @@
"version": "4.1.0",
"resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.0.tgz",
"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
"dev": true,
"dependencies": {
"argparse": "^2.0.1"
},
@ -7733,8 +7757,7 @@
"node_modules/lazy-val": {
"version": "1.0.5",
"resolved": "https://registry.npmmirror.com/lazy-val/-/lazy-val-1.0.5.tgz",
"integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==",
"dev": true
"integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q=="
},
"node_modules/lazystream": {
"version": "1.0.1",
@ -7821,6 +7844,11 @@
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"node_modules/lodash.escaperegexp": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz",
"integrity": "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw=="
},
"node_modules/lodash.isequal": {
"version": "4.5.0",
"resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
@ -10294,8 +10322,7 @@
"node_modules/sax": {
"version": "1.4.1",
"resolved": "https://registry.npmmirror.com/sax/-/sax-1.4.1.tgz",
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
"dev": true
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg=="
},
"node_modules/scheduler": {
"version": "0.23.2",
@ -10334,7 +10361,6 @@
"version": "7.6.2",
"resolved": "https://registry.npmmirror.com/semver/-/semver-7.6.2.tgz",
"integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
"dev": true,
"bin": {
"semver": "bin/semver.js"
},
@ -11068,6 +11094,11 @@
"node": ">=0.10.0"
}
},
"node_modules/tiny-typed-emitter": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/tiny-typed-emitter/-/tiny-typed-emitter-2.1.0.tgz",
"integrity": "sha512-qVtvMxeXbVej0cQWKqVSSAHmKZEHAvxdF8HEUBFWts8h+xEo5m/lEiPakuyZ3BnCBjOD8i24kzNOiOLLgsSxhA=="
},
"node_modules/tldraw": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/tldraw/-/tldraw-2.3.0.tgz",
@ -14183,8 +14214,7 @@
"argparse": {
"version": "2.0.1",
"resolved": "https://registry.npmmirror.com/argparse/-/argparse-2.0.1.tgz",
"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
"dev": true
"integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
},
"aria-hidden": {
"version": "1.2.4",
@ -15142,7 +15172,6 @@
"version": "4.3.5",
"resolved": "https://registry.npmmirror.com/debug/-/debug-4.3.5.tgz",
"integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
"dev": true,
"requires": {
"ms": "2.1.2"
}
@ -15791,6 +15820,32 @@
"integrity": "sha512-VY+J0e4SFcNfQy19MEoMdaIcZLmDCprqvBtkii1WTCTQHpRvf5N8+3kTYCgL/PcntvwQvmMJWTuDPsq+IlhWKQ==",
"dev": true
},
"electron-updater": {
"version": "6.2.1",
"resolved": "https://registry.npmjs.org/electron-updater/-/electron-updater-6.2.1.tgz",
"integrity": "sha512-83eKIPW14qwZqUUM6wdsIRwVKZyjmHxQ4/8G+1C6iS5PdDt7b1umYQyj1/qPpH510GmHEQe4q0kCPe3qmb3a0Q==",
"requires": {
"builder-util-runtime": "9.2.4",
"fs-extra": "^10.1.0",
"js-yaml": "^4.1.0",
"lazy-val": "^1.0.5",
"lodash.escaperegexp": "^4.1.2",
"lodash.isequal": "^4.5.0",
"semver": "^7.3.8",
"tiny-typed-emitter": "^2.1.0"
},
"dependencies": {
"builder-util-runtime": {
"version": "9.2.4",
"resolved": "https://registry.npmjs.org/builder-util-runtime/-/builder-util-runtime-9.2.4.tgz",
"integrity": "sha512-upp+biKpN/XZMLim7aguUyW8s0FUpDvOtK6sbanMFDAMBzpHDqdhgVYm6zc9HJ6nWo7u2Lxk60i2M6Jd3aiNrA==",
"requires": {
"debug": "^4.3.4",
"sax": "^1.2.4"
}
}
}
},
"enabled": {
"version": "2.0.0",
"resolved": "https://registry.npmmirror.com/enabled/-/enabled-2.0.0.tgz",
@ -16533,7 +16588,6 @@
"version": "10.1.0",
"resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-10.1.0.tgz",
"integrity": "sha512-oRXApq54ETRj4eMiFzGnHWGy+zo5raudjuxN0b8H7s/RU2oW0Wvsx9O0ACRN/kRq9E8Vu/ReskGB5o3ji+FzHQ==",
"dev": true,
"requires": {
"graceful-fs": "^4.2.0",
"jsonfile": "^6.0.1",
@ -17514,7 +17568,6 @@
"version": "4.1.0",
"resolved": "https://registry.npmmirror.com/js-yaml/-/js-yaml-4.1.0.tgz",
"integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
"dev": true,
"requires": {
"argparse": "^2.0.1"
}
@ -17616,8 +17669,7 @@
"lazy-val": {
"version": "1.0.5",
"resolved": "https://registry.npmmirror.com/lazy-val/-/lazy-val-1.0.5.tgz",
"integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q==",
"dev": true
"integrity": "sha512-0/BnGCCfyUMkBpeDgWihanIAF9JmZhHBgUhEqzvf+adhNGLoP6TaiI5oF8oyb3I45P+PcnrqihSf01M0l0G5+Q=="
},
"lazystream": {
"version": "1.0.1",
@ -17688,6 +17740,11 @@
"integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
"dev": true
},
"lodash.escaperegexp": {
"version": "4.1.2",
"resolved": "https://registry.npmjs.org/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz",
"integrity": "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw=="
},
"lodash.isequal": {
"version": "4.5.0",
"resolved": "https://registry.npmmirror.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
@ -19468,8 +19525,7 @@
"sax": {
"version": "1.4.1",
"resolved": "https://registry.npmmirror.com/sax/-/sax-1.4.1.tgz",
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg==",
"dev": true
"integrity": "sha512-+aWOz7yVScEGoKNd4PA10LZ8sk0A/z5+nXQG5giUO5rprX9jgYsTdov9qCchZiPIZezbZH+jRut8nPodFAX4Jg=="
},
"scheduler": {
"version": "0.23.2",
@ -19505,8 +19561,7 @@
"semver": {
"version": "7.6.2",
"resolved": "https://registry.npmmirror.com/semver/-/semver-7.6.2.tgz",
"integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
"dev": true
"integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w=="
},
"semver-compare": {
"version": "1.0.0",
@ -20109,6 +20164,11 @@
"resolved": "https://registry.npmmirror.com/timed-out/-/timed-out-4.0.1.tgz",
"integrity": "sha512-G7r3AhovYtr5YKOWQkta8RKAPb+J9IsO4uVmzjl8AZwfhs8UcUwTiD6gcJYSgOtzyjvQKrKYn41syHbUWMkafA=="
},
"tiny-typed-emitter": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/tiny-typed-emitter/-/tiny-typed-emitter-2.1.0.tgz",
"integrity": "sha512-qVtvMxeXbVej0cQWKqVSSAHmKZEHAvxdF8HEUBFWts8h+xEo5m/lEiPakuyZ3BnCBjOD8i24kzNOiOLLgsSxhA=="
},
"tldraw": {
"version": "2.3.0",
"resolved": "https://registry.npmmirror.com/tldraw/-/tldraw-2.3.0.tgz",

10
package.json
View File

@ -1,7 +1,7 @@
{
"name": "multi.person.meeting",
"private": true,
"version": "0.0.0",
"version": "0.0.3",
"main": "main.js",
"authors": "yj",
"description": "test",
@ -33,6 +33,7 @@
"crypto-js": "^4.2.0",
"dayjs": "^1.11.11",
"electron-squirrel-startup": "^1.0.1",
"electron-updater": "^6.2.1",
"os": "^0.1.2",
"path": "^0.12.7",
"postcss-px-to-viewport-8-plugin": "^1.2.5",
@ -63,7 +64,12 @@
"buildDependenciesFromSource": true,
"compression": "normal",
"productName": "智汇享",
"publish": [],
"publish": [
{
"provider": "generic",
"url": "http://test.bossmei.top/electron"
}
],
"files": [
"!*.log"
],

11
preload.js
View File

@ -1,5 +1,10 @@
// // 在 preload 脚本中。
const { ipcRenderer } = require('electron')
const {ipcRenderer, contextBridge} = require('electron')
// contextBridge.exposeInMainWorld("elecAPI", {
// onUpdate: (callback) => ipcRenderer.on("update", callback),
// checkForUpdate: () => ipcRenderer.send("checkForUpdate"),
// });
window.electron = {
// 设置窗口大小
setMainWindowSize: (config) => {
@ -29,4 +34,8 @@ window.electron = {
onUpdate: (callback) => {
ipcRenderer.on('update', callback)
},
// 通知下载最新的包
onDownload: (type) => {
ipcRenderer.invoke('updateDownload', type)
},
}

BIN
src/assets/updateBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

36
src/components/UpdateModal/index.module.scss
View File

@ -1 +1,35 @@
.isUpdateModal {}
.isUpdateModal {
width: 338px;
height: 432px;
background: url("../../assets/updateBg.png");
background-size: 100% 100%;
color: #ffffff;
padding: 230px 30px 0;
box-sizing: border-box;
.remarks {
width: 100%;
color: #C8C8C8;
}
.buttons {
width: 100%;
margin-top: 32px;
font-size: 16px;
text-align: center;
.button1 {
width: 100%;
height: 44px;
background-color: #5575F2;
line-height: 44px;
border-radius: 10px;
}
.button2 {
margin-top: 20px;
color: #555454;
}
}
}

63
src/components/UpdateModal/index.tsx
View File

@ -1,25 +1,76 @@
import styles from '@/components/UpdateModal/index.module.scss'
import { Modal } from 'antd';
import { useState, useImperativeHandle, forwardRef } from "react";
import {Flex, Modal, Progress} from 'antd';
import {forwardRef, useImperativeHandle, useState} from "react";
const UpdateModal = forwardRef((props: any, ref: any) => {
useImperativeHandle(ref, () => ({
changeModal: (data: any) => {
let dataJson = JSON.parse(data)
console.log(dataJson)
setIsUpdateModal(true)
getContent()
if (dataJson.type === '0') { // 打开弹窗
setIsUpdateModal(true)
} else if (dataJson.type === '1') { // 下载中 返回进度值
console.log('下载中', dataJson.value.toFixed(2))
setProgress(dataJson.value.toFixed(2))
}
}
}))
const [isUpdateModal, setIsUpdateModal] = useState(false);
const [progress, setProgress] = useState(0); // 下载进度值
const [updateContent, setUpdateContent] = useState('') // 版本更新内容
function getContent() {
fetch('http://test.bossmei.top/electron/update.txt') // 配置服务器地址
.then(async response => {
if (response.status === 200) {
return setUpdateContent(await response.text())
}
throw new Error('Network response was not ok.');
})
.then(textContent => {
console.log(textContent);
})
.catch(error => {
console.error('There has been a problem with your fetch operation:', error);
});
}
function closeModal() {
window.electron.onDownload('0') // 取消下载
setIsUpdateModal(false)
}
return (
<>
<Modal
title="更新"
title=""
open={isUpdateModal}
footer={null}
onCancel={() => setIsUpdateModal(false)}
onCancel={() => closeModal()}
centered
width={'400px'}
width={'338px'}
>
<div className={styles.isUpdateModal}>
<div className={styles.remarks}>
{updateContent}
</div>
{
!progress ?
<div className={styles.buttons}>
<div className={styles.button1}
onClick={() => window.electron.onDownload('1')}>立即更新
</div>
<div className={styles.button2} onClick={() => setIsUpdateModal(false)}>暂不更新</div>
</div> :
<div className={styles.progress}>
下载进度：{progress}%
<Flex gap="small" vertical>
<Progress percent={progress} showInfo={false}/>
</Flex>
</div>
}
</div>
</Modal>
</>

4
src/render.d.ts vendored
View File

@ -6,8 +6,10 @@ export interface IElectronAPI {
setWriteText: (text: string) => void;
onQuit: (callBack: Function) => void;
onUpdate: (callBack: Function) => void;
joinNotification: (data: { name: string, body: string }) => void
joinNotification: (data: { name: string, body: string }) => void;
onDownload: (data: string) => void
}
declare global {
interface Window {
electron: IElectronAPI;