chore(cli): update site

Author: qytayh

packages/varlet-vue2-cli/site/mobile/App.vue

@@ -76,11 +76,11 @@
 import config from '@config'
 import {
   bigCamelize,
-  getBrowserThemes,
+  getBrowserTheme,
   inIframe,
   isPhone,
   removeEmpty,
-  setThemes,
+  setTheme,
   watchLang,
   watchThemes
 } from '../utils'
@@ -94,7 +94,7 @@ export default {
     languages: get(config, 'mobile.header.i18n'),
     showMenu: false,
     redirect: get(config, 'mobile.redirect', ''),
-    currentThemes: getBrowserThemes(themesKey),
+    currentThemes: getBrowserTheme(themesKey),
     bigCamelizeComponentName: '',
     showBackIcon: false,
     github: get(config, 'mobile.header.github'),
@@ -121,7 +121,7 @@ export default {
 
     window.toggleTheme = this.toggleTheme
 
-    setThemes(config, this.currentThemes)
+    setTheme(config, this.currentThemes)
 
     window.postMessage(this.getThemesMessage(), '*')
 
@@ -151,7 +151,7 @@ export default {
 
     setCurrentThemes(themes) {
       this.currentThemes = themes
-      setThemes(config, this.currentThemes)
+      setTheme(config, this.currentThemes)
       window.localStorage.setItem(themesKey, this.currentThemes)
     },
 

packages/varlet-vue2-cli/site/pc/components/AppHeader.vue

@@ -96,7 +96,7 @@
 <script>
 import config from '@config'
 import { get } from 'lodash-es'
-import { getBrowserThemes, getPCLocationInfo, removeEmpty, setThemes, watchThemes } from '../../utils'
+import { getBrowserTheme, getPCLocationInfo, removeEmpty, setTheme, watchThemes } from '../../utils'
 import { defineComponent } from '../../components/utils/create'
 import AnimationBox from './AnimationBox.vue'
 
@@ -128,7 +128,7 @@ export default defineComponent({
     playground: get(config, 'pc.header.playground'),
     github: get(config, 'pc.header.github'),
     darkMode: get(config, 'pc.header.darkMode'),
-    currentThemes: getBrowserThemes(get(config, 'themesKey')),
+    currentThemes: getBrowserTheme(get(config, 'themesKey')),
     isOpenLanguageMenu: false,
     isOpenVersionsMenu: false
   }),
@@ -138,7 +138,7 @@ export default defineComponent({
       from === 'mobile' && this.setCurrentThemes(themes)
     })
 
-    setThemes(config, this.currentThemes)
+    setTheme(config, this.currentThemes)
 
     window.postMessage(this.getThemesMessage(), '*')
   },
@@ -163,7 +163,7 @@ export default defineComponent({
 
     setCurrentThemes(themes) {
       this.currentThemes = themes
-      setThemes(config, this.currentThemes)
+      setTheme(config, this.currentThemes)
       window.localStorage.setItem(this.themesKey, this.currentThemes)
     },
 

packages/varlet-vue2-cli/site/pc/components/NProgress.jsx

@@ -1,6 +1,6 @@
 import Progress from '../../components/progress'
 import config from '@config'
-import { getBrowserThemes, watchThemes } from '../../utils'
+import { getBrowserTheme, watchThemes } from '../../utils'
 import { get } from 'lodash-es'
 
 export default {
@@ -28,12 +28,12 @@ export default {
     getColor(themes) {
       const themesKey = get(config, 'themesKey')
 
-      return get(config, `${themes ?? getBrowserThemes(themesKey)}.color-progress`)
+      return get(config, `${themes ?? getBrowserTheme(themesKey)}.color-progress`)
     },
     getTrackColor(themes) {
       const themesKey = get(config, 'themesKey')
 
-      return get(config, `${themes ?? getBrowserThemes(themesKey)}.color-progress-track`)
+      return get(config, `${themes ?? getBrowserTheme(themesKey)}.color-progress-track`)
     },
     changeValue() {
       this.timer = window.setTimeout(() => {