perf: 仅客户端或Chrome浏览器支持主题功能

lingwf95 · Jan 22, 2022 · f09b864 · f09b864
1 parent 7ce15d5
commit f09b864
Show file tree

Hide file tree

Showing 8 changed files with 22 additions and 5 deletions.
diff --git a/electron/package.json b/electron/package.json
@@ -1,6 +1,6 @@
 {
     "name": "DooTask",
-    "version": "0.6.79",
+    "version": "0.6.80",
     "description": "DooTask is task management system.",
     "main": "main.js",
     "license": "MIT",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "DooTask",
-    "version": "0.6.79",
+    "version": "0.6.80",
     "description": "DooTask is task management system.",
     "scripts": {
         "start": "./cmd dev",

diff --git a/public/js/app.js b/public/js/app.js
diff --git a/public/js/build/412.js → public/js/build/845.js b/public/js/build/412.js → public/js/build/845.js
diff --git a/resources/assets/js/functions/common.js b/resources/assets/js/functions/common.js
@@ -511,6 +511,15 @@
             return (ua.match(/MicroMessenger/i) + '' === 'micromessenger');
         },
 
+        /**
+         * 是否Chrome
+         * @returns {boolean}
+         */
+        isChrome() {
+            let ua = typeof window !== 'undefined' && window.navigator.userAgent.toLowerCase();
+            return (ua.match(/Chrome/i) + '' === 'chrome');
+        },
+
         /**
          * 获取对象
          * @param obj

diff --git a/resources/assets/js/functions/web.js b/resources/assets/js/functions/web.js
@@ -662,6 +662,9 @@
             },
 
             enableDarkMode() {
+                if (!$A.isChrome()) {
+                    return;
+                }
                 if (this.isDarkEnabled()) {
                     return
                 }

diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
@@ -514,6 +514,10 @@ export default {
         },
 
         setTheme(mode) {
+            if (!$A.isChrome()) {
+                $A.modalWarning("仅客户端或Chrome浏览器支持主题功能");
+                return;
+            }
             switch (mode) {
                 case 'dark':
                     $A.dark.enableDarkMode()

diff --git a/resources/assets/js/store/state.js b/resources/assets/js/store/state.js
@@ -104,7 +104,7 @@ const stateData = {
     ],
 
     // 主题皮肤
-    themeMode: $A.getStorageString("cacheThemeMode", "auto"),
+    themeMode: $A.getStorageString("cacheThemeMode"),
     themeList: [
         {name: '跟随系统', value: 'auto'},
         {name: '明亮', value: 'light'},
@@ -134,6 +134,7 @@ switch (stateData.themeMode) {
         $A.dark.disableDarkMode()
         break;
     default:
+        stateData.themeMode = "auto"
         $A.dark.autoDarkMode()
         break;
 }