编辑器页面的标题跟随文件标题

liwella · Jul 4, 2024 · c05a98d · c05a98d
1 parent f0c7c1a
commit c05a98d
Show file tree

Hide file tree

Showing 19 changed files with 96 additions and 13 deletions.
diff --git a/bpmn/src/store.js b/bpmn/src/store.js
@@ -1,6 +1,7 @@
 import { createPinia, defineStore } from 'pinia'
 import api from './api'
 import config from '@/config'
+import { setPageTitle } from '@/utils'
 
 export const pinia = createPinia()
 
@@ -63,6 +64,7 @@ export const useStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -79,6 +81,9 @@ export const useStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/bpmn/src/utils/index.js b/bpmn/src/utils/index.js
@@ -54,4 +54,10 @@ export const svgToPng = (str, exportPadding = 0) => {
         }
         img.src = svgUrl
     })
-}
+}
+
+// 设置页面标题
+export const setPageTitle = (title) => {
+    title = title || 'Bpmn'
+    document.title = title + '_理想文档'
+  }
diff --git a/doc/index.html b/doc/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Doc_理想文档</title>
+    <title>文档_理想文档</title>
   </head>
   <body>
     <div id="app"></div>

diff --git a/doc/src/store.js b/doc/src/store.js
@@ -1,6 +1,7 @@
 import { createPinia, defineStore } from 'pinia'
 import api from './api'
-import config from '@/config';
+import config from '@/config'
+import { setPageTitle } from '@/utils'
 
 export const pinia = createPinia()
 
@@ -63,6 +64,7 @@ export const useStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -79,6 +81,9 @@ export const useStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/doc/src/utils/index.js b/doc/src/utils/index.js
@@ -8,3 +8,9 @@ export const downloadFile = (data, fileName) => {
   // 模拟点击下载
   link.click()
 }
+
+// 设置页面标题
+export const setPageTitle = (title) => {
+  title = title || '文档'
+  document.title = title + '_理想文档'
+}
diff --git a/flowchart/src/main/webapp/js/ui/user.js b/flowchart/src/main/webapp/js/ui/user.js
@@ -89,6 +89,11 @@
       setAutoSaveStatus(data) {
         this.autoSaveStatus = data
       },
+      // 设置页面标题
+      setPageTitle(title) {
+        title = title || '流程图'
+        document.title = title + '_理想文档'
+      },
       // 获取用户信息
       async getUserInfo() {
         try {
@@ -110,6 +115,7 @@
           })
           this.fileData = data
           this.fileName = this.fileData.name
+          this.setPageTitle(this.fileName)
           initChart()
         } catch (error) {
           console.log(error)
@@ -128,6 +134,9 @@
             id: this.fileData.id,
             ...data
           })
+          if (data.name) {
+            this.setPageTitle(data.name)
+          }
           const file = window.editorApp.getCurrentFile()
           file.setModified(false)
           this.setAutoSaveStatus('success')

diff --git a/markdown/src/store.js b/markdown/src/store.js
@@ -1,6 +1,7 @@
 import { createPinia, defineStore } from 'pinia'
 import api from './api'
-import config from '@/config';
+import config from '@/config'
+import { setPageTitle } from '@/utils'
 
 export const pinia = createPinia()
 
@@ -63,6 +64,7 @@ export const useStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -79,6 +81,9 @@ export const useStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/markdown/src/utils/index.js b/markdown/src/utils/index.js
@@ -0,0 +1,5 @@
+// 设置页面标题
+export const setPageTitle = title => {
+  title = title || 'Markdown'
+  document.title = title + '_理想文档'
+}
diff --git a/mind-map/src/store.js b/mind-map/src/store.js
@@ -150,19 +150,19 @@ const store = new Vuex.Store({
     },
 
     // 更新文件数据
-    async storeFileInfo(ctx, info) {
+    async storeFileInfo(ctx, data) {
       try {
         ctx.commit('setAutoSaveStatus', 'ing')
         ctx.state.mindMapData = {
           ...ctx.state.mindMapData,
-          ...info
+          ...data
         }
         await updateFile({
           id: ctx.state.mindMapData.id,
-          ...info
+          ...data
         })
-        if (info.name) {
-          setPageTitle(info.name)
+        if (data.name) {
+          setPageTitle(data.name)
         }
         ctx.commit('setAutoSaveStatus', 'success')
       } catch (error) {

diff --git a/note/src/store.js b/note/src/store.js
@@ -1,6 +1,7 @@
 import { createPinia, defineStore } from 'pinia'
 import api from './api'
-import config from '@/config';
+import config from '@/config'
+import { setPageTitle } from '@/utils'
 
 export const pinia = createPinia()
 
@@ -63,6 +64,7 @@ export const useStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -79,6 +81,9 @@ export const useStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/note/src/utils/index.js b/note/src/utils/index.js
@@ -0,0 +1,5 @@
+// 设置页面标题
+export const setPageTitle = title => {
+  title = title || '笔记'
+  document.title = title + '_理想文档'
+}
diff --git a/ppt/index.html b/ppt/index.html
@@ -6,7 +6,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="renderer" content="webkit">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>PPT_理想文档</title>
+    <title>幻灯片_理想文档</title>
 
     <style>
       .first-screen-loading {

diff --git a/ppt/src/store/main.ts b/ppt/src/store/main.ts
@@ -12,6 +12,7 @@ import { SYS_FONTS } from '@/configs/font'
 import { isSupportFont } from '@/utils/font'
 import api from '@/api'
 import config from '@/configs/user'
+import { setPageTitle } from '@/utils/common'
 
 import { useSlidesStore } from './slides'
 
@@ -163,6 +164,7 @@ export const useMainStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -179,6 +181,9 @@ export const useMainStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/ppt/src/utils/common.ts b/ppt/src/utils/common.ts
@@ -14,4 +14,10 @@ export const fillDigit = (digit: number, len: number) => {
  */
 export const isPC = () => {
   return !navigator.userAgent.match(/(iPhone|iPod|iPad|Android|Mobile|BlackBerry|Symbian|Windows Phone)/i)
+}
+
+// 设置页面标题
+export const setPageTitle = (title: string) => {
+  title = title || '幻灯片'
+  document.title = title + '_理想文档'
 }
diff --git a/sheet/index.html b/sheet/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/logo.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sheet_理想文档</title>
+    <title>电子表格_理想文档</title>
     <link rel="stylesheet" href="/sheet/plugins/css/pluginsCss.css" />
     <link rel="stylesheet" href="/sheet/plugins/plugins.css" />
     <link rel="stylesheet" href="/sheet/css/luckysheet.css" />

diff --git a/sheet/src/store.js b/sheet/src/store.js
@@ -1,6 +1,7 @@
 import { createPinia, defineStore } from 'pinia'
 import api from './api'
-import config from '@/config';
+import config from '@/config'
+import { setPageTitle } from '@/utils'
 
 export const pinia = createPinia()
 
@@ -63,6 +64,7 @@ export const useStore = defineStore('main', {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       this.fileData = data
       return data
     },
@@ -79,6 +81,9 @@ export const useStore = defineStore('main', {
           id: this.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         this.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/sheet/src/utils/index.js b/sheet/src/utils/index.js
@@ -0,0 +1,5 @@
+// 设置页面标题
+export const setPageTitle = title => {
+  title = title || '电子表格'
+  document.title = title + '_理想文档'
+}
diff --git a/whiteboard/src/store.js b/whiteboard/src/store.js
@@ -1,5 +1,6 @@
 import api from '@/api'
 import eventBus from '@/utils/eventBus'
+import { setPageTitle } from '@/utils'
 
 const store = {
   data: {
@@ -59,6 +60,7 @@ const store = {
       const { data } = await api.getFileContent({
         id
       })
+      setPageTitle(data.name)
       if (data.content) {
         data.content = data.content ? JSON.parse(data.content) : null
       }
@@ -78,6 +80,9 @@ const store = {
           id: store.data.fileData.id,
           ...data
         })
+        if (data.name) {
+          setPageTitle(data.name)
+        }
         store.methods.setAutoSaveStatus('success')
       } catch (error) {
         console.log(error)

diff --git a/whiteboard/src/utils/index.js b/whiteboard/src/utils/index.js
@@ -22,3 +22,9 @@ export const imgToDataURL = src => {
     img.src = src
   })
 }
+
+// 设置页面标题
+export const setPageTitle = title => {
+  title = title || '白板'
+  document.title = title + '_理想文档'
+}