build: add configuration to build pre version (#1277)

package.json

@@ -7,11 +7,13 @@
   "scripts": {
     "start": "gulp start --cwd ./packages/site --gulpfile ./scripts/gulp/gulpfile.ts",
     "build": "npm-run-all -s build:clean -p build:lib build:declaration build:style build:site",
+    "build:pre-version": "npm-run-all -s build:clean -p build:lib build:declaration build:style build:site-pre-version",
     "build:clean": "gulp build:clean --gulpfile ./scripts/gulp/gulpfile.ts",
     "build:lib": "gulp build:lib --max-old-space-size=8192 --gulpfile ./scripts/gulp/gulpfile.ts",
     "build:declaration": "gulp build:declaration --max-old-space-size=8192 --gulpfile ./scripts/gulp/gulpfile.ts",
     "build:style": "gulp build:style --max-old-space-size=8192 --gulpfile ./scripts/gulp/gulpfile.ts",
     "build:site": "gulp build:site --max-old-space-size=8192 --gulpfile ./scripts/gulp/gulpfile.ts",
+    "build:site-pre-version": "gulp build:site-pre-version --max-old-space-size=8192 --gulpfile ./scripts/gulp/gulpfile.ts",
     "icons": "gulp icons --gulpfile ./scripts/gulp/gulpfile.ts",
     "gen": "ts-node scripts/gen/generate.ts",
     "lessvariable:update": "ts-node scripts/gen/style-variable/update.ts",

packages/site/package.json

@@ -7,7 +7,8 @@
   "author": "IDuxFE<idux.feteam@gmail.com>",
   "scripts": {
     "start": "vite",
-    "build": "vite build"
+    "build": "vite build",
+    "build:pre-version": "vite build --mode pre-version"
   },
   "dependencies": {
     "@idux/cdk": "^1.1.2",

packages/site/public/config.json

@@ -0,0 +1,3 @@
+{
+  "preVersions": ["1.0.x"]
+}

packages/site/src/components/layout/header/HeaderVersion.vue

@@ -1,16 +1,25 @@
 <script setup lang="ts">
-import { ref, watch } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
 import { version as currentVersion } from '@idux/components/version'
 
-const versions = [currentVersion, '1.0.x']
-
-const dataSource = versions.map(v => ({ key: v, label: v }))
 const selectVersion = ref(currentVersion)
+const versions = ref([currentVersion])
+const dataSource = computed(() => versions.value.map(v => ({ key: v, label: v })))
 
 watch(selectVersion, version => {
   window.location.href = `${window.location.origin}/version/${version}`
 })
+
+onMounted(() => {
+  // eslint-disable-next-line no-undef
+  fetch(__BASE_URL__ + `config.json`)
+    .then(res => res.json())
+    .then(config => {
+      const { preVersions } = config
+      versions.value = [currentVersion, ...preVersions]
+    })
+})
 </script>
 
 <template>

packages/site/src/components/views/home/locales.ts

@@ -3,7 +3,7 @@ export const homeLocales = {
     videoErr: '您的浏览器不支持 video 标签。',
     bannerTitle: 'iDux',
     bannerTitleDesc: '企业级设计规范 高效开发体验',
-    start: '开 始 使 用',
+    start: '开始使用',
     github: 'GitHub',
     compProperties: [
       {

packages/site/vite.config.ts

@@ -28,9 +28,9 @@ const componentPath: Record<string, string> = {
   IxLoadingBarProvider: '@idux/components/loading-bar',
 }
 
-export default defineConfig(({ command }) => {
+export default defineConfig(({ command, mode }) => {
   const isBuild = command === 'build'
-  const baseUrl = '/'
+  const baseUrl = mode === 'pre-version' ? `/version/${cdkPackage.version.slice(0, -1)}x/` : '/'
 
   return {
     plugins: [

scripts/gulp/gulpfile.ts

@@ -11,7 +11,7 @@ import {
   buildVersion,
 } from './build'
 import { iconsGenerate } from './icons'
-import { siteBuild, siteStart } from './site'
+import { siteBuild, siteBuildPreVersion, siteStart } from './site'
 
 task('start', series(siteStart))
 
@@ -25,4 +25,6 @@ task('build:style', series(buildStyle))
 
 task('build:site', series(siteBuild))
 
+task('build:site-pre-version', series(siteBuildPreVersion))
+
 task('icons', iconsGenerate)

scripts/gulp/site/index.ts

@@ -12,5 +12,9 @@ const start: TaskFunction = done => execNodeTask('vite', ['--host'])(done)
 
 const build: TaskFunction = done => execNodeTask('lerna', ['run', 'build', '--scope', '@idux/site'])(done)
 
+const buildPreVersion: TaskFunction = done =>
+  execNodeTask('lerna', ['run', 'build:pre-version', '--scope', '@idux/site'])(done)
+
 export const siteStart = series(init, start)
 export const siteBuild = series(init, build)
+export const siteBuildPreVersion = series(init, buildPreVersion)

scripts/gulp/site/utils.ts

@@ -90,7 +90,7 @@ interface DocsItem {
   order: number
 }
 
-const componentsSortMap: Record<string, number> = {
+const sortMap: Record<string, number> = {
   General: 0,
   通用: 0,
   Layout: 1,
@@ -108,13 +108,6 @@ const componentsSortMap: Record<string, number> = {
   其他: 7,
 }
 
-const proComponentsSortMap: Record<string, number> = {
-  General: 0,
-  通用: 0,
-  Layout: 1,
-  布局: 1,
-}
-
 const defaultRoutes = [`{path: '/', 'component': () => import('./components/views/home/Home.vue')},`]
 
 type ComponentsMap = Record<string, { lang: string; children: Omit<DocsItem, 'lang'>[] }>
@@ -162,8 +155,8 @@ function handleDocsMeta(docsMeta: Record<string, Record<string, Meta>>) {
   const proComponents = getComponentSort(proComponentsMap)
 
   docs.sort((pre, next) => pre.order - next.order)
-  components.sort((pre, next) => componentsSortMap[pre.name] - componentsSortMap[next.name])
-  proComponents.sort((pre, next) => proComponentsSortMap[pre.name] - proComponentsSortMap[next.name])
+  components.sort((pre, next) => sortMap[pre.name] - sortMap[next.name])
+  proComponents.sort((pre, next) => sortMap[pre.name] - sortMap[next.name])
   cdk.sort((pre, next) => pre.order - next.order)
 
   return { docs, components, proComponents, cdk, routes }