@varlet/cli 1.23.4-alpha.8 → 1.23.11

package/CHANGELOG.md

@@ -3,6 +3,54 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.23.11](https://github.com/haoziqaq/varlet/compare/v1.23.10...v1.23.11) (2021-12-10)
+
+**Note:** Version bump only for package @varlet/cli
+
+
+
+
+
+## [1.23.8](https://github.com/haoziqaq/varlet/compare/v1.23.7...v1.23.8) (2021-11-24)
+
+
+### Bug Fixes
+
+* **cli:** add ts ignore to generate routes ([3363578](https://github.com/haoziqaq/varlet/commit/3363578eb2763282fd3c274ab75374cbff94c92b))
+
+
+
+
+
+## [1.23.7](https://github.com/haoziqaq/varlet/compare/v1.23.6...v1.23.7) (2021-11-23)
+
+
+### Bug Fixes
+
+* **ui/themes, cli:** fix themes types ([f29511a](https://github.com/haoziqaq/varlet/commit/f29511a016edb462bdf578a6b5a19fbe10a22158))
+
+
+
+
+
+## [1.23.5](https://github.com/haoziqaq/varlet/compare/v1.23.4...v1.23.5) (2021-11-21)
+
+
+### Bug Fixes
+
+* **cli:** add module moduleCompatible option in varlet.config.js ([0b1d95f](https://github.com/haoziqaq/varlet/commit/0b1d95fc740a225240ee3f28e06015f4538b2304))
+* **cli:** expose lib folder ([2a8848a](https://github.com/haoziqaq/varlet/commit/2a8848a6f064aa91d56875ba467c46da79589a79))
+* **cli:** fix commonjs compiler ([c5c2b12](https://github.com/haoziqaq/varlet/commit/c5c2b12f163bed130b3c6c0ee0eb805fe4a015f1))
+* **cli:** fix inline css plugin ([3e8b7b4](https://github.com/haoziqaq/varlet/commit/3e8b7b4e5489bc67dd38f8787477f07e2a13e7ac))
+* **cli/compile:** add commonjs bundle ([4a424d4](https://github.com/haoziqaq/varlet/commit/4a424d4c066f7de69cbf561a5bc9279862739637))
+* **cli/compile:** add match commonjs script extname function ([2b5b1bd](https://github.com/haoziqaq/varlet/commit/2b5b1bde5e1c16d4e58ce2a100ae4a1a3cc428ce))
+* **cli/compile:** fix compile module readdir ([9c3ad08](https://github.com/haoziqaq/varlet/commit/9c3ad08410009e50b288f033b8fdbe10a8c01160))
+* **ui/popup,input:** support nuxt ([def81ef](https://github.com/haoziqaq/varlet/commit/def81ef821a8ce679287702316bd98ca363bc7f4))
+
+
+
+
+
 ## [1.23.3](https://github.com/haoziqaq/varlet/compare/v1.23.2...v1.23.3) (2021-11-20)
 
 

package/generators/{tsx → base}/.prettierignore

@@ -3,6 +3,5 @@ es/**
 umd/**
 site/**
 public/**
-src/*/__tests__/**
 *.md
 

package/lib/commands/dev.js

@@ -99,7 +99,7 @@ function startServer(force) {
                         watcher = chokidar_1.default.watch(constant_1.VARLET_CONFIG);
                         watcher.on('change', function () { return startServer(force); });
                     }
-                    logger_1.default.info((isRestart ? 'Res' : 'S') + "tart successfully!!!");
+                    logger_1.default.success("\n" + (isRestart ? 'Res' : 'S') + "tart successfully!!!");
                     return [2 /*return*/];
             }
         });

package/lib/commands/gen.js

@@ -46,7 +46,7 @@ var path_1 = require("path");
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("../shared/constant");
 function removeFiles(dest) {
-    var files = ['es', 'umd', 'highlight', 'types/index.d.ts', '.varlet', 'node_modules'];
+    var files = ['es', 'lib', 'umd', 'highlight', 'types/index.d.ts', '.varlet', 'node_modules'];
     files.forEach(function (filename) { return (0, fs_extra_1.removeSync)((0, path_1.resolve)(dest, filename)); });
 }
 function syncVersion(name) {
@@ -59,7 +59,7 @@ function syncVersion(name) {
 }
 function gen(name) {
     return __awaiter(this, void 0, void 0, function () {
-        var dest, ret, choice, generator;
+        var dest, ret, choice, generator, base;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -79,8 +79,12 @@ function gen(name) {
                     ret = _a.sent();
                     choice = ret['Please select your component library programming style'];
                     generator = (0, path_1.resolve)(constant_1.GENERATORS_DIR, choice);
-                    return [4 /*yield*/, (0, fs_extra_1.copy)(generator, dest)];
+                    base = (0, path_1.resolve)(constant_1.GENERATORS_DIR, 'base');
+                    return [4 /*yield*/, (0, fs_extra_1.copy)(base, dest)];
                 case 2:
+                    _a.sent();
+                    return [4 /*yield*/, (0, fs_extra_1.copy)(generator, dest)];
+                case 3:
                     _a.sent();
                     removeFiles(dest);
                     syncVersion(name);

package/lib/compiler/compileModule.js

@@ -47,6 +47,7 @@ var compileScript_1 = require("./compileScript");
 var compileStyle_1 = require("./compileStyle");
 var vite_config_1 = require("../config/vite.config");
 var varlet_config_1 = require("../config/varlet.config");
+var compileTypes_1 = require("./compileTypes");
 function compileUMD() {
     return new Promise(function (resolve, reject) {
         var config = (0, vite_config_1.getUMDConfig)((0, varlet_config_1.getVarletConfig)());
@@ -67,7 +68,7 @@ function compileDir(dir) {
                     return [4 /*yield*/, Promise.all(dirs.map(function (filename) {
                             var file = (0, path_1.resolve)(dir, filename);
                             [constant_1.TESTS_DIR_NAME, constant_1.EXAMPLE_DIR_NAME, constant_1.DOCS_DIR_NAME].includes(filename) && (0, fs_extra_1.removeSync)(file);
-                            if (filename === constant_1.STYLE_DIR_NAME) {
+                            if ((0, fsUtils_1.isDTS)(file) || filename === constant_1.STYLE_DIR_NAME) {
                                 return Promise.resolve();
                             }
                             return compileFile(file);
@@ -161,6 +162,7 @@ function compileModule(modules) {
                     return [4 /*yield*/, (modules === 'commonjs' ? (0, compileScript_1.compileCommonJSEntry)(dest, publicDirs) : (0, compileScript_1.compileESEntry)(dest, publicDirs))];
                 case 7:
                     _a.sent();
+                    (0, compileTypes_1.generateReference)(dest);
                     return [2 /*return*/];
             }
         });

package/lib/compiler/compileSiteEntry.js

@@ -161,7 +161,7 @@ function buildMobileSiteRoutes() {
                 case 0: return [4 /*yield*/, findExamplePaths()];
                 case 1:
                     examplePaths = _a.sent();
-                    routes = examplePaths.map(function (examplePath) { return "\n  {\n    path: '" + getExampleRoutePath(examplePath) + "',\n    component: () => import('" + examplePath + "')\n  }"; });
+                    routes = examplePaths.map(function (examplePath) { return "\n  {\n    path: '" + getExampleRoutePath(examplePath) + "',\n    // @ts-ignore\n    component: () => import('" + examplePath + "')\n  }"; });
                     source = "export default [  " + routes.join(',') + "\n]";
                     return [4 /*yield*/, (0, fsUtils_1.outputFileSyncOnChange)(constant_1.SITE_MOBILE_ROUTES, source)];
                 case 2:

package/lib/compiler/compileTypes.d.ts

@@ -1 +1,2 @@
+export declare function generateReference(moduleDir: string): void;
 export declare function compileTypes(): Promise<void>;

package/lib/compiler/compileTypes.js

@@ -36,13 +36,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.compileTypes = void 0;
+exports.compileTypes = exports.generateReference = void 0;
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("../shared/constant");
 var fsUtils_1 = require("../shared/fsUtils");
 var path_1 = require("path");
 var varlet_config_1 = require("../config/varlet.config");
 var lodash_1 = require("lodash");
+function generateReference(moduleDir) {
+    (0, fs_extra_1.writeFileSync)((0, path_1.resolve)(moduleDir, 'index.d.ts'), "export * from '" + (0, path_1.relative)(moduleDir, constant_1.TYPES_DIR) + "'\n");
+}
+exports.generateReference = generateReference;
 function compileTypes() {
     return __awaiter(this, void 0, void 0, function () {
         var varletConfig, namespace, name, dir, ignoreEntryDir, exports, declares, template, globalTemplate;

package/lib/config/vite.config.js

@@ -80,13 +80,16 @@ function inlineCSS(fileName, dir) {
         apply: 'build',
         closeBundle: function () {
             var cssFile = (0, path_1.resolve)(dir, 'style.css');
+            if (!(0, fs_extra_1.pathExistsSync)(cssFile)) {
+                return;
+            }
             var jsFile = (0, path_1.resolve)(dir, fileName);
             var cssCode = (0, fs_extra_1.readFileSync)(cssFile, 'utf-8');
             var jsCode = (0, fs_extra_1.readFileSync)(jsFile, 'utf-8');
             var injectCode = ";(function(){var style=document.createElement('style');style.type='text/css';style.rel='stylesheet';style.appendChild(document.createTextNode(`" + cssCode.replace(/\\/g, '\\\\') + "`));var head=document.querySelector('head');head.appendChild(style)})();";
+            (0, fs_extra_1.writeFileSync)(jsFile, "" + injectCode + jsCode);
             (0, fs_extra_1.copyFileSync)(cssFile, (0, path_1.resolve)(constant_1.LIB_DIR, 'style.css'));
             (0, fs_extra_1.removeSync)(cssFile);
-            (0, fs_extra_1.writeFileSync)(jsFile, "" + injectCode + jsCode);
         },
     };
 }

package/lib/shared/fsUtils.d.ts

@@ -4,6 +4,7 @@ export declare const isDir: (file: string) => boolean;
 export declare const isSFC: (file: string) => boolean;
 export declare const isJSX: (file: string) => boolean;
 export declare const isTSX: (file: string) => boolean;
+export declare const isDTS: (file: string) => boolean;
 export declare const isScript: (file: string) => boolean;
 export declare const isLess: (file: string) => boolean;
 export declare const isPublicDir: (dir: string) => boolean;

package/lib/shared/fsUtils.js

@@ -36,7 +36,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.camelize = exports.bigCamelize = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isTSX = exports.isJSX = exports.isSFC = exports.isDir = exports.isMD = exports.getPublicDirs = void 0;
+exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.camelize = exports.bigCamelize = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isDTS = exports.isTSX = exports.isJSX = exports.isSFC = exports.isDir = exports.isMD = exports.getPublicDirs = void 0;
 var path_1 = require("path");
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("./constant");
@@ -64,6 +64,8 @@ var isJSX = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0,
 exports.isJSX = isJSX;
 var isTSX = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.tsx'; };
 exports.isTSX = isTSX;
+var isDTS = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && file.endsWith('.d.ts'); };
+exports.isDTS = isDTS;
 var isScript = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && constant_1.SCRIPTS_EXTENSIONS.includes((0, path_1.extname)(file)); };
 exports.isScript = isScript;
 var isLess = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.less'; };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.23.4-alpha.8+c5c2b12f",
+  "version": "1.23.11",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -31,7 +31,7 @@
     "dev": "tsc --watch",
     "build": "tsc"
   },
-  "gitHead": "c5c2b12f163bed130b3c6c0ee0eb805fe4a015f1",
+  "gitHead": "449df88f0ff65a2ad89fa48a5d443ab864bd0bb3",
   "dependencies": {
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",
@@ -47,7 +47,7 @@
     "@vitejs/plugin-vue": "1.9.2",
     "@vitejs/plugin-vue-jsx": "1.1.8",
     "@vue/babel-plugin-jsx": "^1.0.7",
-    "@vue/compiler-sfc": "3.2.16",
+    "@vue/compiler-sfc": "3.2.22",
     "@vue/test-utils": "^2.0.0-rc.6",
     "babel-jest": "26.6.3",
     "chalk": "^4.1.0",

package/site/pc/App.vue

@@ -37,7 +37,7 @@ import AppSidebar from './components/AppSidebar'
 import { defineComponent, nextTick, onMounted, ref, Ref, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { get } from 'lodash-es'
-import { getPCLocationInfo, isPhone, MenuTypes, setThemes } from '../utils'
+import { getPCLocationInfo, isPhone, MenuTypes } from '../utils'
 
 export interface Menu {
   doc: string

package/generators/sfc/.prettierignore

@@ -1,8 +0,0 @@
-coverage/**
-es/**
-umd/**
-site/**
-public/**
-src/*/__tests__/**
-*.md
-

package/generators/tsx/.gitignore

@@ -1,14 +0,0 @@
-node_modules
-
-.varlet
-.idea
-.vscode
-*.log
-.DS_Store
-
-site
-lib
-es
-umd
-coverage
-highlight

package/generators/tsx/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install commitlint --edit $1

package/generators/tsx/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install lint-staged

package/generators/tsx/.prettierrc

@@ -1,5 +0,0 @@
-{
-  "printWidth": 120,
-  "singleQuote": true,
-  "semi": false
-}

package/generators/tsx/README.md

@@ -1,88 +0,0 @@
-# varlet-cli-app
-
-### Reference
-
-[@varlet/cli 中文文档](https://github.com/haoziqaq/varlet/blob/dev/packages/varlet-cli/README.md)
-[@varlet/cli documentation](https://github.com/haoziqaq/varlet/blob/dev/packages/varlet-cli/README.en-US.md)
-
-### Quickstart
-
-```shell
-yarn
-yarn dev
-```
-
-### Commands
-
-#### Start the development server
-
-```shell
-yarn dev
-```
-
-#### Build documentation site
-
-```shell
-yarn build
-```
-
-#### Building component libraries
-
-```shell
-yarn compile
-```
-
-#### Lint code
-
-```shell
-yarn lint
-```
-
-#### Run unit test
-
-```shell
-yarn test
-```
-
-#### Run unit test in watch mode
-
-```shell
-yarn test:watch 
-or
-yarn test:watchAll 
-```
-
-#### Quickly create a component folder
-
-```shell
-yarn run create <componentName>
-```
-
-#### Mount git hook
-
-```shell
-yarn husky
-```
-
-#### Generate changelog
-
-```shell
-yarn genlog
-```
-
-#### Generate all changelog
-
-```shell
-yarn genAllLog
-```
-
-#### Publish
-
-tips: 
-- 1.The registry of npm and yarn must be the official source of npm
-- 2.Both npm and yarn must be logged in
-
-```shell
-yarn release
-```
-

package/generators/tsx/babel.config.js

@@ -1,10 +0,0 @@
-module.exports = {
-  presets: [
-    [
-      '@varlet/cli/preset',
-      {
-        loose: process.env.NODE_ENV === 'compile',
-      },
-    ],
-  ],
-}

package/generators/tsx/commitlint.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: ['@commitlint/config-conventional'],
-}

package/generators/tsx/docs/home.zh-CN.md

@@ -1,11 +0,0 @@
-<div class="varlet-introduce">
-  <div class="varlet-introduce__row">
-    <img class="varlet-introduce__image" src="../public/logo.svg" />
-    <div class="varlet-introduce__name">Basic UI</div>  
-  </div>
-  <div class="varlet-introduce__des">一个组件库</div>
-</div>
-
-### 介绍
-
-这里可以介绍一下组件库, 想写什么就写什么...

package/generators/tsx/package.json

@@ -1,98 +0,0 @@
-{
-  "name": "basic-ui",
-  "version": "0.0.0",
-  "description": "A basic components library",
-  "main": "lib/index.js",
-  "module": "es/index.js",
-  "typings": "types/index.d.ts",
-  "vetur": {
-    "tags": "highlight/tags.json",
-    "attributes": "highlight/attributes.json"
-  },
-  "web-types": "highlight/web-types.json",
-  "keywords": [
-    "Vue",
-    "UI"
-  ],
-  "license": "MIT",
-  "scripts": {
-    "husky": "husky install",
-    "commit": "git-cz",
-    "dev": "varlet-cli dev",
-    "build": "varlet-cli build",
-    "preview": "varlet-cli preview",
-    "compile": "varlet-cli compile",
-    "create": "varlet-cli create",
-    "lint": "varlet-cli lint",
-    "genlog": "conventional-changelog -p angular -i CHANGELOG.md -s",
-    "genAllLog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
-    "release": "yarn compile && release-it",
-    "test": "varlet-cli jest",
-    "test:watch": "varlet-cli jest -w",
-    "test:watchAll": "varlet-cli jest -wa"
-  },
-  "peerDependencies": {
-    "vue": "^3.2.0"
-  },
-  "devDependencies": {
-    "@varlet/cli": "^1.20.0-alpha.0",
-    "vue": "3.2.16"
-  },
-  "release-it": {
-    "git": {
-      "changelog": "git log --pretty=format:\"* %s (%h)\" ${from}...${to}",
-      "tagName": "v${version}",
-      "commitMessage": "chore: release ${version}",
-      "requireCleanWorkingDir": false
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular",
-        "infile": "CHANGELOG.md"
-      }
-    }
-  },
-  "config": {
-    "commitizen": {
-      "path": "cz-conventional-changelog"
-    }
-  },
-  "lint-staged": {
-    "*.{ts,tsx,js,vue,less}": "prettier --write",
-    "*.{ts,tsx,js,vue}": "eslint --fix",
-    "*.{vue,css,less}": "stylelint --fix"
-  },
-  "eslintConfig": {
-    "root": true,
-    "ignorePatterns": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "public/**",
-      "src/*/__tests__/**",
-      ".varlet/**"
-    ],
-    "extends": [
-      "@varlet"
-    ]
-  },
-  "stylelint": {
-    "extends": [
-      "@varlet/stylelint-config"
-    ],
-    "ignoreFiles": [
-      "lib/**",
-      "es/**",
-      "umd/**",
-      "site/**",
-      "coverage/**",
-      "public/**",
-      "highlight/**"
-    ]
-  },
-  "browserslist": [
-    "Chrome >= 51",
-    "iOS >= 10"
-  ]
-}

package/generators/tsx/public/highlight.css

@@ -1 +0,0 @@
-.hljs{display:block;overflow-x:auto;padding:.5em;background:#011627;color:#d6deeb}.hljs-keyword{color:#c792ea;font-style:italic}.hljs-built_in{color:#addb67;font-style:italic}.hljs-type{color:#82aaff}.hljs-literal{color:#ff5874}.hljs-number{color:#f78c6c}.hljs-regexp{color:#5ca7e4}.hljs-string{color:#ecc48d}.hljs-subst{color:#d3423e}.hljs-symbol{color:#82aaff}.hljs-class{color:#ffcb8b}.hljs-function{color:#82aaff}.hljs-title{color:#dcdcaa;font-style:italic}.hljs-params{color:#7fdbca}.hljs-comment{color:#637777;font-style:italic}.hljs-doctag{color:#7fdbca}.hljs-meta{color:#82aaff}.hljs-meta-keyword{color:#82aaff}.hljs-meta-string{color:#ecc48d}.hljs-section{color:#82b1ff}.hljs-builtin-name,.hljs-name,.hljs-tag{color:#7fdbca}.hljs-attr{color:#7fdbca}.hljs-attribute{color:#80cbc4}.hljs-variable{color:#addb67}.hljs-bullet{color:#d9f5dd}.hljs-code{color:#80cbc4}.hljs-emphasis{color:#c792ea;font-style:italic}.hljs-strong{color:#addb67;font-weight:700}.hljs-formula{color:#c792ea}.hljs-link{color:#ff869a}.hljs-quote{color:#697098;font-style:italic}.hljs-selector-tag{color:#ff6363}.hljs-selector-id{color:#fad430}.hljs-selector-class{color:#addb67;font-style:italic}.hljs-selector-attr,.hljs-selector-pseudo{color:#c792ea;font-style:italic}.hljs-template-tag{color:#c792ea}.hljs-template-variable{color:#addb67}.hljs-addition{color:#addb67ff;font-style:italic}.hljs-deletion{color:#ef535090;font-style:italic}

package/generators/tsx/public/logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

package/generators/tsx/shims/shims-md.d.ts

@@ -1,4 +0,0 @@
-declare module '*.md' {
-  const content: string
-  export default content
-}

package/generators/tsx/shims/shims-vue.d.ts

@@ -1,6 +0,0 @@
-declare module '*.vue' {
-  import { defineComponent } from 'vue'
-
-  const component: ReturnType<typeof defineComponent>
-  export default component
-}

package/generators/tsx/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "downlevelIteration": true,
-    "declaration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowJs": true,
-    "lib": ["esnext", "dom"],
-    "allowSyntheticDefaultImports": true,
-    "jsx": "preserve"
-  }
-}

package/generators/tsx/types/basicComponent.d.ts

@@ -1,7 +0,0 @@
-import type { App } from 'vue'
-
-export class BasicComponent {
-  static name: string
-
-  static install(app: App): void
-}

package/generators/tsx/types/button.d.ts

@@ -1,12 +0,0 @@
-import { BasicComponent } from './basicComponent'
-
-export interface ButtonProps {
-  color?: string
-  onClick?: (e: Event) => void
-}
-
-export class Button extends BasicComponent {
-  $props: ButtonProps
-}
-
-export class _ButtonComponent extends Button {}

package/generators/tsx/types/index.d.ts

@@ -1,6 +0,0 @@
-import type { App } from 'vue'
-
-export const install: (app: App) => void
-
-export * from './basicComponent'
-export * from './button'

package/generators/tsx/varlet.config.js

@@ -1,106 +0,0 @@
-module.exports = {
-  name: 'Basic',
-  namespace: 'b',
-  title: 'Basic UI',
-  logo: './logo.svg',
-  useMobile: true,
-  themes: {
-    'color-body': '#fff',
-    'color-bar': '#fff',
-    'color-sub-bar': '#f5f5f5',
-    'color-text': '#555',
-    'color-sub-text': '#888',
-    'color-border': 'rgba(0, 0, 0, 0.12)',
-    'color-shadow': '#eee',
-    'color-introduce-border': '#009688',
-    'color-primary': '#009688',
-    'color-link': '#009688',
-    'color-type': '#009688',
-    'color-progress': '#009688',
-    'color-progress-track': '#fff',
-    'color-side-bar': '#009688',
-    'color-side-bar-active-background': '#00968821',
-    'color-app-bar': '#009688',
-    'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
-    'color-pc-language-active': '#009688',
-    'color-pc-language-active-background': '#00968821',
-    'color-mobile-language-active': '#009688',
-    'color-mobile-language-active-background': '#00968821',
-    'color-mobile-cell-hover': '#009688'
-  },
-  darkThemes: {
-    'color-body': '#121212',
-    'color-bar': '#1e1e1e',
-    'color-sub-bar': '#272727',
-    'color-text': '#fff',
-    'color-sub-text': '#aaa',
-    'color-border': '#333',
-    'color-shadow': '#121212',
-    'color-introduce-border': '#555',
-    'color-primary': '#009688',
-    'color-link': '#009688',
-    'color-type': '#009688',
-    'color-progress': '#009688',
-    'color-progress-track': '#202020',
-    'color-side-bar': '#009688',
-    'color-side-bar-active-background': '#00968821',
-    'color-app-bar': '#009688',
-    'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
-    'color-pc-language-active': '#009688',
-    'color-pc-language-active-background': '#00968821',
-    'color-mobile-language-active': '#009688',
-    'color-mobile-language-active-background': '#00968821',
-    'color-mobile-cell-hover': '#009688',
-  },
-  highlight: {
-    style: './highlight.css',
-  },
-  pc: {
-    redirect: '/home',
-    title: {
-      'zh-CN': '一个组件库',
-    },
-    header: {
-      i18n: null,
-      github: 'https://github.com/haoziqaq/varlet',
-    },
-    menu: [
-      {
-        text: {
-          'zh-CN': '开发指南',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': '基本介绍',
-        },
-        doc: 'home',
-        type: 3,
-      },
-      {
-        text: {
-          'zh-CN': '基础组件',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': 'Button 按钮',
-        },
-        doc: 'button',
-        type: 2,
-      },
-    ],
-  },
-  mobile: {
-    redirect: '/home',
-    title: {
-      'zh-CN': '一个组件库',
-    },
-    header: {
-      i18n: null,
-      github: 'https://github.com/haoziqaq/varlet',
-    },
-  },
-}