✨ feat: schedules save local path

🐞 fix: create schedule the form not reset

package.json

@@ -1,6 +1,6 @@
 {
   "name": "schedule",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "private": true,
   "packageManager": "[email protected]",
   "description": "A Schedule Tools, You can create a scheduled task by using the cron string",

src/App.vue

@@ -1,3 +1,9 @@
+<script setup lang="ts">
+window.OS_API.readSchedule().then((res: any) => {
+  schedules.value = JSON.parse(res.schedules)
+})
+</script>
+
 <template>
   <RouterView />
 </template>

src/background.ts

@@ -1,24 +1,30 @@
 // Electron entry file
-import { Notification, app, ipcMain } from 'electron'
-import { createGlobalShortcut, createTray, createWindow } from './electron'
+import path from 'node:path'
+import { app } from 'electron'
+import {
+  createGlobalShortcut,
+  createIPC,
+  createTray,
+  createWindow,
+} from './electron'
 
 const windowMap: WindowMap = new Map()
+
+app.setAppUserModelId('Schedule Notification')
+app.setPath('userData', path.join(app.getPath('userData'), 'data'))
+
 app.whenReady().then(() => {
   const mainWindow = createWindow()
   windowMap.set('main', mainWindow)
   const tray = createTray(windowMap)
   createGlobalShortcut(mainWindow)
   process.argv[2] ? mainWindow.loadURL(process.argv[2]) : mainWindow.loadFile('index.html')
 
-  ipcMain.handle('notification', (_event, title: string, body: string) => {
-    new Notification({
-      title,
-      body,
-    }).show()
-  })
+  createIPC()
   mainWindow.on('closed', () => {
     windowMap.delete('main')
   })
+
   tray.on('click', () => {
     mainWindow.isVisible()
       ? mainWindow.hide()

src/composables/variable.ts

@@ -2,3 +2,7 @@ export const isDark = useDark()
 export const toggleDark = useToggle(isDark)
 
 export const schedules = ref<Schedule[]>([])
+
+watchArray(schedules, (newValue) => {
+  window.OS_API.saveSchedule(JSON.stringify(newValue))
+}, { deep: true })

src/electron/index.ts

@@ -1,3 +1,4 @@
 export * from './main'
 export * from './tray'
 export * from './globalShortcut'
+export * from './ipc'

src/electron/ipc.ts

@@ -0,0 +1,26 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { Notification, app, ipcMain } from 'electron'
+
+export function createIPC() {
+  ipcMain.handle('notification', (_event, title: string, body: string) => {
+    new Notification({
+      title,
+      body,
+      icon: path.relative(process.cwd(), path.join('dist/256x256.ico')),
+    }).show()
+  })
+
+  ipcMain.handle('read-schedule', () => {
+    return fs.existsSync(path.join(app.getPath('userData'), 'schedule.json'))
+      ? JSON.parse(fs.readFileSync(path.join(app.getPath('userData'), 'schedule.json'), 'utf-8'))
+      : { schedules: [] }
+  })
+
+  ipcMain.handle('save-schedule', (event, list: string) => {
+    fs.writeFileSync(
+      fs.openSync(path.join(app.getPath('userData'), 'schedule.json'), 'w'),
+      JSON.stringify({ schedules: list }, null, 4))
+    return true
+  })
+}

src/pages/index.vue

@@ -71,9 +71,8 @@ function handleOpenUpdateSchedule(schedule: Schedule) {
 function handleSaveUpdateSchedule() {
   update_form.value && update_form.value.validate((valid: boolean) => {
     if (valid) {
-      const index = schedules.value.findIndex((item: Schedule) => {
-        return item.id === schedule_form.value.id
-      })
+      const index = schedules.value.findIndex((item: Schedule) => item.id === schedule_form.value.id)
+
       // clear old schedule setTimeOut task
       schedules.value[index].status = false
 

src/pages/schedule-add.vue

@@ -59,6 +59,16 @@ function handleAddSchedule() {
       schedules.value.push(schedule)
       ElMessage.success('添加成功')
       insertFormRef.value && insertFormRef.value.resetFields()
+      stepActive.value = 0
+      cron.value = {
+        hour: [],
+        minute: [],
+        dayOfWeek: [],
+        dayOfMonth: [],
+        month: [],
+        second: [0],
+
+      }
     }
   })
 }
@@ -239,7 +249,7 @@ function handleCloseDrawer() {
     </div>
     <template #footer>
       <div flex="~ row gap-2" mt-10px justify-center>
-        <el-button v-if="stepActive > 0" type="info" plain @click="handleBackStep">
+        <el-button v-if="stepActive > 0 && stepActive <= 4" type="info" plain @click="handleBackStep">
           上一步
         </el-button>
         <el-button v-if="stepActive < 4" type="primary" plain @click="handleNextStep">

src/preload.ts

@@ -2,4 +2,6 @@ import { contextBridge, ipcRenderer } from 'electron'
 
 contextBridge.exposeInMainWorld('OS_API', {
   notification: (title: string, body: string) => ipcRenderer.invoke('notification', title, body),
+  readSchedule: () => ipcRenderer.invoke('read-schedule'),
+  saveSchedule: (schedule: string) => ipcRenderer.invoke('save-schedule', schedule),
 })