feat(cli): support switch site version

packages/vant-cli/site/desktop/App.vue

@@ -3,6 +3,7 @@
     <van-doc
       :lang="lang"
       :config="config"
+      :versions="versions"
       :simulator="simulator"
       :lang-configs="langConfigs"
     >
@@ -13,7 +14,7 @@
 
 <script>
 import VanDoc from './components';
-import { config } from 'site-desktop-shared';
+import { config, packageVersion } from 'site-desktop-shared';
 import { setLang } from '../common/locales';
 
 function getPublicPath() {
@@ -33,6 +34,7 @@ export default {
 
   data() {
     return {
+      packageVersion,
       simulator: `${getPublicPath()}mobile.html${location.hash}`
     };
   },
@@ -59,6 +61,14 @@ export default {
       }
 
       return config.site;
+    },
+
+    versions() {
+      if (config.site.versions) {
+        return [{ label: packageVersion }, ...config.site.versions];
+      }
+
+      return null;
     }
   },
 

packages/vant-cli/site/desktop/components/Header.vue

@@ -18,14 +18,16 @@
 
           <li ref="version" v-if="versions" class="van-doc-header__top-nav-item">
             <span class="van-doc-header__cube van-doc-header__version" @click="toggleVersionPop">
-              {{ versions[0] }}
+              {{ versions[0].label }}
               <transition name="van-doc-dropdown">
                 <div v-if="showVersionPop" class="van-doc-header__version-pop">
                   <div
                     v-for="item in versions"
                     class="van-doc-header__version-pop-item"
                     @click="onSwitchVersion(item)"
-                  >{{ item }}</div>
+                  >
+                    {{ item.label }}
+                  </div>
                 </div>
               </transition>
             </span>
@@ -107,7 +109,7 @@ export default {
     },
 
     onSwitchVersion(version) {
-      this.$emit('switch-version', version);
+      location.href = version.link;
     }
   }
 };

packages/vant-cli/src/compiler/gen-site-desktop-shared.ts

@@ -10,6 +10,7 @@ import {
 import {
   SRC_DIR,
   DOCS_DIR,
+  PACKAGE_JSON,
   VANT_CONFIG_FILE,
   SITE_DESKTOP_SHARED_FILE
 } from '../common/constant';
@@ -94,6 +95,10 @@ function genExportConfig() {
   return 'export { config };';
 }
 
+function genExportVersion() {
+  return `export const packageVersion = '${PACKAGE_JSON.version}';`;
+}
+
 export function genSiteDesktopShared() {
   const dirs = readdirSync(SRC_DIR);
   const documents = resolveDocuments(dirs);
@@ -103,6 +108,7 @@ ${genImportDocuments(documents)}
 
 ${genExportConfig()}
 ${genExportDocuments(documents)}
+${genExportVersion()}
 `;
 
   smartOutputFile(SITE_DESKTOP_SHARED_FILE, code);

vant.config.js

@@ -7,6 +7,9 @@ module.exports = {
   },
   site: {
     defaultLang: 'en-US',
+    versions: [
+      { label: '1.x', link: 'https://youzan.github.io/vant/1.x/' }
+    ],
     locales: {
       'zh-CN': {
         title: 'Vant',