From 0a45afad427922076d7168dea0a5e3a893ae67af Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=98=89=E6=B6=B5?= <chenjiahan@youzan.com>
Date: Wed, 11 Dec 2019 11:50:07 +0800
Subject: [PATCH] feat(cli): support switch site version

---
 packages/vant-cli/site/desktop/App.vue               | 12 +++++++++++-
 packages/vant-cli/site/desktop/components/Header.vue |  8 +++++---
 .../vant-cli/src/compiler/gen-site-desktop-shared.ts |  6 ++++++
 vant.config.js                                       |  3 +++
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/vant-cli/site/desktop/App.vue b/packages/vant-cli/site/desktop/App.vue
index 1d05171a0..66470f185 100644
--- a/packages/vant-cli/site/desktop/App.vue
+++ b/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;
     }
   },
 
diff --git a/packages/vant-cli/site/desktop/components/Header.vue b/packages/vant-cli/site/desktop/components/Header.vue
index a5b1153e5..e16ff91ad 100644
--- a/packages/vant-cli/site/desktop/components/Header.vue
+++ b/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;
     }
   }
 };
diff --git a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts b/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
index 5bcde6458..d3f47def1 100644
--- a/packages/vant-cli/src/compiler/gen-site-desktop-shared.ts
+++ b/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);
diff --git a/vant.config.js b/vant.config.js
index 99b5b5d26..255d6451c 100644
--- a/vant.config.js
+++ b/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',