fix: 🐛 修复 APP 环境下依赖不兼容白屏问题

Author: viarotel

.eslintrc-auto-import.json

@@ -18,12 +18,15 @@
     "VNode": true,
     "WritableComputedRef": true,
     "acceptHMRUpdate": true,
+    "addRouterMethodAlias": true,
     "computed": true,
     "createApp": true,
     "createPinia": true,
+    "createRouter": true,
     "customRef": true,
     "defineAsyncComponent": true,
     "defineComponent": true,
+    "defineMiddleware": true,
     "defineStore": true,
     "effectScope": true,
     "getActivePinia": true,
@@ -90,37 +93,32 @@
     "shallowReactive": true,
     "shallowReadonly": true,
     "shallowRef": true,
+    "store": true,
     "storeToRefs": true,
     "toRaw": true,
     "toRef": true,
     "toRefs": true,
     "toValue": true,
     "triggerRef": true,
     "unref": true,
+    "useAppStore": true,
     "useAttrs": true,
     "useCssModule": true,
     "useCssVars": true,
     "useId": true,
     "useModel": true,
+    "useRichView": true,
+    "useRichViewStore": true,
     "useRoute": true,
     "useRouter": true,
     "useSlots": true,
     "useTemplateRef": true,
+    "useUserStore": true,
+    "useWebView": true,
+    "useWebview": true,
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true,
-    "useWebview": true,
-    "useParse": true,
-    "store": true,
-    "useUserStore": true,
-    "useParseStore": true,
-    "createRouter": true,
-    "addRouterMethodAlias": true,
-    "defineMiddleware": true,
-    "useRichViewStore": true,
-    "useRichView": true,
-    "useWebView": true,
-    "useAppStore": true
+    "watchSyncEffect": true
   }
 }

.gitignore

@@ -1,4 +1,5 @@
 node_modules
 dist
 *.ts
-*.local
+*.local
+.hbuilderx

.hbuilderx/launch.json

@@ -4,7 +4,8 @@
     "paths": {
       "@/*": ["src/*"],
       "@root/*": ["./*"],
-      "$uni-router": ["helpers/uni-router/index.js"]
+      "$uni-router": ["helpers/uni-router/index.js"],
+      "$unocss-preset-shades": ["helpers/unocss-preset-shades/index.js"]
     },
     "resolveJsonModule": true,
     "esModuleInterop": true

jsconfig.json

@@ -105,6 +105,7 @@
     "simple-git-hooks": "~2.13.0",
     "uni-parse-pages": "~0.0.1",
     "unocss": "~0.65.4",
+    "unocss-applet": "~0.9.0",
     "unplugin-auto-import": "~19.2.0",
     "unplugin-uni-router": "~1.2.7",
     "vite": "~6.3.5"

package.json

@@ -1,5 +1,7 @@
 <script setup>
+// #ifdef WEB
 import { updateShades } from '$unocss-preset-shades'
+// #endif
 
 onLaunch(() => {
   console.log('App Launch')
@@ -13,7 +15,7 @@ onHide(() => {
 
 const appStore = useAppStore()
 
-// #ifndef MP
+// #ifdef WEB
 watchEffect(() => {
   updateShades(appStore.primaryColor)
 })

pnpm-lock.yaml

@@ -6,7 +6,7 @@ export const useAppStore = defineStore(
   () => {
     const themeModel = {
       primary: { color: defaultPrimaryColor, name: '默认' },
-      // #ifndef MP
+      // #ifdef WEB
       blue: { color: '#3b82f6', name: '经典蓝' },
       purple: { color: '#8b5cf6', name: '紫罗兰' },
       red: { color: '#ef4444', name: '活力红' },