@varlet/cli 1.22.0-alpha.6 → 1.22.0-alpha.64

package/README.en-US.md

@@ -66,11 +66,16 @@ subject to the theme of the `varlet` official document
 | `color-link` |
 | `color-type` |
 | `color-progress` |
+| `color-progress-track` |
 | `color-side-bar` |
 | `color-side-bar-active-background` |
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 
@@ -162,6 +167,12 @@ varlet-cli dev
 varlet-cli build
 ```
 
+#### Preview documentation site
+
+```shell
+varlet-cli preview
+```
+
 #### Build component library code
 
 ```shell

package/README.md

@@ -62,11 +62,16 @@ yarn dev
 | `color-link` |
 | `color-type` |
 | `color-progress` |
+| `color-progress-track` |
 | `color-side-bar` |
 | `color-side-bar-active-background` |
 | `color-app-bar` |
 | `color-mobile-cell-hover` |
 | `color-mobile-cell-hover-background` |
+| `color-pc-language-active` |
+| `color-pc-language-active-background` |
+| `color-mobile-language-active` |
+| `color-mobile-language-active-background` |
 
 #### SiteHighlight
 
@@ -157,6 +162,12 @@ varlet-cli dev
 varlet-cli build
 ```
 
+#### 预览文档站点
+
+```shell
+varlet-cli preview
+```
+
 #### 构建组件库代码
 
 ```shell

package/generators/sfc/package.json

@@ -19,6 +19,7 @@
     "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",
@@ -29,12 +30,11 @@
     "test:watch": "varlet-cli jest -w"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.2.0"
   },
   "devDependencies": {
     "@varlet/cli": "^1.20.0-alpha.0",
-    "vue": "3.2.17",
-    "@vue/compiler-sfc": "3.2.17"
+    "vue": "3.2.16"
   },
   "release-it": {
     "git": {

package/generators/sfc/varlet.config.js

@@ -9,9 +9,14 @@ module.exports = {
     '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-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',
     'color-mobile-cell-hover-background': '#00968821',
   },

package/generators/tsx/package.json

@@ -19,6 +19,7 @@
     "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",
@@ -29,12 +30,11 @@
     "test:watch": "varlet-cli jest -w"
   },
   "peerDependencies": {
-    "vue": "^3.0.0"
+    "vue": "^3.2.0"
   },
   "devDependencies": {
     "@varlet/cli": "^1.20.0-alpha.0",
-    "vue": "3.2.17",
-    "@vue/compiler-sfc": "3.2.17"
+    "vue": "3.2.16"
   },
   "release-it": {
     "git": {

package/generators/tsx/varlet.config.js

@@ -9,9 +9,14 @@ module.exports = {
     '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-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',
     'color-mobile-cell-hover-background': '#00968821',
   },

package/lib/commands/dev.js

@@ -35,8 +35,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.dev = void 0;
+var address_1 = __importDefault(require("address"));
+var logger_1 = __importDefault(require("../shared/logger"));
 var vite_1 = require("vite");
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("../shared/constant");
@@ -46,7 +51,7 @@ var varlet_config_1 = require("../config/varlet.config");
 var lodash_1 = require("lodash");
 function dev(cmd) {
     return __awaiter(this, void 0, void 0, function () {
-        var devConfig, server;
+        var varletConfig, devConfig, inlineConfig, server, host, port, ipv4;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -55,13 +60,19 @@ function dev(cmd) {
                     return [4 /*yield*/, compileSiteEntry_1.buildSiteEntry()];
                 case 1:
                     _a.sent();
-                    devConfig = vite_config_1.getDevConfig(varlet_config_1.getVarletConfig());
-                    return [4 /*yield*/, vite_1.createServer(lodash_1.merge(devConfig, cmd.force ? { server: { force: true } } : {}))];
+                    varletConfig = varlet_config_1.getVarletConfig();
+                    devConfig = vite_config_1.getDevConfig(varletConfig);
+                    inlineConfig = lodash_1.merge(devConfig, cmd.force ? { server: { force: true } } : {});
+                    return [4 /*yield*/, vite_1.createServer(inlineConfig)];
                 case 2:
                     server = _a.sent();
                     return [4 /*yield*/, server.listen()];
                 case 3:
                     _a.sent();
+                    host = lodash_1.get(varletConfig, 'host');
+                    port = lodash_1.get(varletConfig, 'port');
+                    ipv4 = address_1.default.ip();
+                    logger_1.default.success("Server running at\nLocal: http://" + host + ":" + port + "\nNetwork: http://" + ipv4 + ":" + port);
                     return [2 /*return*/];
             }
         });

package/lib/commands/preview.d.ts

@@ -0,0 +1 @@
+export declare function preview(): Promise<void>;

package/lib/commands/preview.js

@@ -0,0 +1,65 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preview = void 0;
+var logger_1 = __importDefault(require("../shared/logger"));
+var execa_1 = __importDefault(require("execa"));
+var constant_1 = require("../shared/constant");
+var fs_extra_1 = require("fs-extra");
+function preview() {
+    var _a;
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_b) {
+            if (!fs_extra_1.pathExistsSync(constant_1.SITE_OUTPUT_PATH)) {
+                logger_1.default.warning('Cannot find the site folder, you must first run the build command to build the document site');
+                return [2 /*return*/];
+            }
+            try {
+                (_a = execa_1.default.command('live-server --port=5500', { cwd: constant_1.SITE_OUTPUT_PATH }).stdout) === null || _a === void 0 ? void 0 : _a.pipe(process.stdout);
+            }
+            catch (e) {
+                logger_1.default.error(e);
+            }
+            return [2 /*return*/];
+        });
+    });
+}
+exports.preview = preview;

package/lib/compiler/compileSiteEntry.d.ts

@@ -1,4 +1,3 @@
-import type { Compiler } from 'webpack';
 export declare function getExampleRoutePath(examplePath: string): string;
 export declare function getComponentDocsRoutePath(componentDocsPath: string): string;
 export declare function getRootDocsRoutePath(rootDocsPath: string): string;
@@ -7,7 +6,5 @@ export declare function findComponentDocsPaths(): Promise<string[]>;
 export declare function findRootDocsPaths(): Promise<string[]>;
 export declare function buildMobileSiteRoutes(): Promise<void>;
 export declare function buildPcSiteRoutes(): Promise<void>;
+export declare function buildSiteSource(): Promise<void>;
 export declare function buildSiteEntry(): Promise<void>;
-export declare class VarletSitePlugin {
-    apply(compiler: Compiler): void;
-}

package/lib/compiler/compileSiteEntry.js

@@ -60,9 +60,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VarletSitePlugin = exports.buildSiteEntry = exports.buildPcSiteRoutes = exports.buildMobileSiteRoutes = exports.findRootDocsPaths = exports.findComponentDocsPaths = exports.findExamplePaths = exports.getRootDocsRoutePath = exports.getComponentDocsRoutePath = exports.getExampleRoutePath = void 0;
+exports.buildSiteEntry = exports.buildSiteSource = exports.buildPcSiteRoutes = exports.buildMobileSiteRoutes = exports.findRootDocsPaths = exports.findComponentDocsPaths = exports.findExamplePaths = exports.getRootDocsRoutePath = exports.getComponentDocsRoutePath = exports.getExampleRoutePath = void 0;
 var slash_1 = __importDefault(require("slash"));
-var chokidar_1 = __importDefault(require("chokidar"));
 var constant_1 = require("../shared/constant");
 var fs_extra_1 = require("fs-extra");
 var path_1 = require("path");
@@ -187,13 +186,21 @@ function buildPcSiteRoutes() {
     });
 }
 exports.buildPcSiteRoutes = buildPcSiteRoutes;
+function buildSiteSource() {
+    return __awaiter(this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            return [2 /*return*/, fs_extra_1.copy(constant_1.SITE, constant_1.SITE_DIR)];
+        });
+    });
+}
+exports.buildSiteSource = buildSiteSource;
 function buildSiteEntry() {
     return __awaiter(this, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     varlet_config_1.getVarletConfig();
-                    return [4 /*yield*/, Promise.all([buildMobileSiteRoutes(), buildPcSiteRoutes()])];
+                    return [4 /*yield*/, Promise.all([buildMobileSiteRoutes(), buildPcSiteRoutes(), buildSiteSource()])];
                 case 1:
                     _a.sent();
                     return [2 /*return*/];
@@ -202,20 +209,3 @@ function buildSiteEntry() {
     });
 }
 exports.buildSiteEntry = buildSiteEntry;
-var PLUGIN_NAME = 'VarletSitePlugin';
-var VarletSitePlugin = /** @class */ (function () {
-    function VarletSitePlugin() {
-    }
-    VarletSitePlugin.prototype.apply = function (compiler) {
-        if (process.env.NODE_ENV === 'production') {
-            compiler.hooks.beforeCompile.tapPromise(PLUGIN_NAME, buildSiteEntry);
-        }
-        else {
-            var watcher = chokidar_1.default.watch([constant_1.SITE_EXAMPLE_GLOB, constant_1.SITE_DOCS_GLOB, constant_1.VARLET_CONFIG]);
-            watcher.on('add', buildSiteEntry).on('unlink', buildSiteEntry).on('change', buildSiteEntry);
-            compiler.hooks.watchRun.tapPromise(PLUGIN_NAME, buildSiteEntry);
-        }
-    };
-    return VarletSitePlugin;
-}());
-exports.VarletSitePlugin = VarletSitePlugin;

package/lib/config/jest.config.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var constant_1 = require("../shared/constant");
 module.exports = {
     moduleNameMapper: {
-        '@varlet/ui': constant_1.JEST_LIB_MOCK,
         '\\.(css|less)$': constant_1.JEST_STYLE_MOCK,
         '\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$': constant_1.JEST_MEDIA_MOCK,
     },

package/lib/config/vite.config.js

@@ -27,7 +27,7 @@ function getDevConfig(varletConfig) {
     var defaultLanguage = lodash_1.get(varletConfig, 'defaultLanguage');
     var host = lodash_1.get(varletConfig, 'host');
     return {
-        root: constant_1.SITE,
+        root: constant_1.SITE_DIR,
         resolve: {
             extensions: constant_1.VITE_RESOLVE_EXTENSIONS,
             alias: {
@@ -49,8 +49,8 @@ function getDevConfig(varletConfig) {
             plugin_vue_jsx_1.default(),
             vite_plugin_html_1.injectHtml({
                 data: {
-                    pcTitle: lodash_1.get(varletConfig, "title[" + defaultLanguage + "]"),
-                    mobileTitle: lodash_1.get(varletConfig, "title[" + defaultLanguage + "]"),
+                    pcTitle: lodash_1.get(varletConfig, "pc.title['" + defaultLanguage + "']"),
+                    mobileTitle: lodash_1.get(varletConfig, "mobile.title['" + defaultLanguage + "']"),
                     logo: lodash_1.get(varletConfig, "logo"),
                     baidu: lodash_1.get(varletConfig, "analysis.baidu", ''),
                 },
@@ -61,14 +61,14 @@ function getDevConfig(varletConfig) {
 exports.getDevConfig = getDevConfig;
 function getBuildConfig(varletConfig) {
     var devConfig = getDevConfig(varletConfig);
-    return __assign(__assign({}, devConfig), { build: {
+    return __assign(__assign({}, devConfig), { base: './', build: {
             outDir: constant_1.SITE_OUTPUT_PATH,
             brotliSize: false,
             emptyOutDir: true,
             rollupOptions: {
                 input: {
-                    main: path_1.resolve(constant_1.SITE, 'index.html'),
-                    nested: path_1.resolve(constant_1.SITE, 'mobile.html'),
+                    main: path_1.resolve(constant_1.SITE_DIR, 'index.html'),
+                    mobile: path_1.resolve(constant_1.SITE_DIR, 'mobile.html'),
                 },
             },
         } });

package/lib/index.js

@@ -29,12 +29,14 @@ var create_1 = require("./commands/create");
 var jest_1 = require("./commands/jest");
 var lint_1 = require("./commands/lint");
 var gen_1 = require("./commands/gen");
+var preview_1 = require("./commands/preview");
 commander_1.version("varlet-cli " + require('../package.json').version).usage('<command> [options]');
 commander_1.command('dev')
     .option('-f --force', 'Force dep pre-optimization regardless of whether deps have changed')
     .description('Run varlet development environment')
     .action(dev_1.dev);
 commander_1.command('build').description('Build varlet site for production').action(build_1.build);
+commander_1.command('preview').description('Preview varlet site for production').action(preview_1.preview);
 commander_1.command('compile')
     .description('Compile varlet components library code')
     .option('-nu, --noUmd', 'Do not compile umd target code')

package/lib/shared/constant.d.ts

@@ -1,6 +1,4 @@
 export declare const CWD: string;
-export declare const POSTCSS_CONFIG: string;
-export declare const TS_CONFIG: string;
 export declare const VARLET_CONFIG: string;
 export declare const SRC_DIR: string;
 export declare const ES_DIR: string;
@@ -8,7 +6,6 @@ export declare const UMD_DIR: string;
 export declare const TYPES_DIR: string;
 export declare const ROOT_DOCS_DIR: string;
 export declare const ESLINT_EXTENSIONS: string[];
-export declare const WEBPACK_RESOLVE_EXTENSIONS: string[];
 export declare const VITE_RESOLVE_EXTENSIONS: string[];
 export declare const SCRIPTS_EXTENSIONS: string[];
 export declare const PUBLIC_DIR_INDEXES: string[];
@@ -20,17 +17,13 @@ export declare const EXAMPLE_DIR_INDEX = "index.vue";
 export declare const TESTS_DIR_NAME = "__tests__";
 export declare const GENERATORS_DIR: string;
 export declare const CLI_PACKAGE_JSON: string;
-export declare const PRIMARY_COLOR = "#3a7afe";
-export declare const SITE_MOBILE_MAIN: string;
-export declare const SITE_PC_MAIN: string;
 export declare const SITE: string;
 export declare const SITE_OUTPUT_PATH: string;
 export declare const SITE_PUBLIC_PATH: string;
+export declare const SITE_DIR: string;
 export declare const SITE_PC_ROUTES: string;
 export declare const SITE_MOBILE_ROUTES: string;
 export declare const SITE_CONFIG: string;
-export declare const SITE_DOCS_GLOB: string;
-export declare const SITE_EXAMPLE_GLOB: string;
 export declare const HL_COMPONENT_NAME_RE: RegExp;
 export declare const HL_API_RE: RegExp;
 export declare const HL_TITLE_ATTRIBUTES_RE: RegExp;
@@ -44,4 +37,3 @@ export declare const HL_WEB_TYPES_JSON: string;
 export declare const JEST_CONFIG: string;
 export declare const JEST_MEDIA_MOCK: string;
 export declare const JEST_STYLE_MOCK: string;
-export declare const JEST_LIB_MOCK: string;

package/lib/shared/constant.js

@@ -1,10 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.JEST_LIB_MOCK = exports.JEST_STYLE_MOCK = exports.JEST_MEDIA_MOCK = exports.JEST_CONFIG = exports.HL_WEB_TYPES_JSON = exports.HL_ATTRIBUTES_JSON = exports.HL_TAGS_JSON = exports.HL_DIR = exports.HL_MD = exports.HL_TITLE_SLOTS_RE = exports.HL_TITLE_EVENTS_RE = exports.HL_TITLE_ATTRIBUTES_RE = exports.HL_API_RE = exports.HL_COMPONENT_NAME_RE = exports.SITE_EXAMPLE_GLOB = exports.SITE_DOCS_GLOB = exports.SITE_CONFIG = exports.SITE_MOBILE_ROUTES = exports.SITE_PC_ROUTES = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.SITE_PC_MAIN = exports.SITE_MOBILE_MAIN = exports.PRIMARY_COLOR = exports.CLI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.EXAMPLE_DIR_INDEX = exports.DOCS_DIR_NAME = exports.EXAMPLE_LOCALE_DIR_NAME = exports.EXAMPLE_DIR_NAME = exports.STYLE_DIR_NAME = exports.PUBLIC_DIR_INDEXES = exports.SCRIPTS_EXTENSIONS = exports.VITE_RESOLVE_EXTENSIONS = exports.WEBPACK_RESOLVE_EXTENSIONS = exports.ESLINT_EXTENSIONS = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.TS_CONFIG = exports.POSTCSS_CONFIG = exports.CWD = void 0;
+exports.JEST_STYLE_MOCK = exports.JEST_MEDIA_MOCK = exports.JEST_CONFIG = exports.HL_WEB_TYPES_JSON = exports.HL_ATTRIBUTES_JSON = exports.HL_TAGS_JSON = exports.HL_DIR = exports.HL_MD = exports.HL_TITLE_SLOTS_RE = exports.HL_TITLE_EVENTS_RE = exports.HL_TITLE_ATTRIBUTES_RE = exports.HL_API_RE = exports.HL_COMPONENT_NAME_RE = exports.SITE_CONFIG = exports.SITE_MOBILE_ROUTES = exports.SITE_PC_ROUTES = exports.SITE_DIR = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.CLI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.EXAMPLE_DIR_INDEX = exports.DOCS_DIR_NAME = exports.EXAMPLE_LOCALE_DIR_NAME = exports.EXAMPLE_DIR_NAME = exports.STYLE_DIR_NAME = exports.PUBLIC_DIR_INDEXES = exports.SCRIPTS_EXTENSIONS = exports.VITE_RESOLVE_EXTENSIONS = exports.ESLINT_EXTENSIONS = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.CWD = void 0;
 var path_1 = require("path");
 exports.CWD = process.cwd();
-exports.POSTCSS_CONFIG = path_1.resolve(exports.CWD, 'postcss.config.js');
-exports.TS_CONFIG = path_1.resolve(exports.CWD, 'tsconfig.json');
 exports.VARLET_CONFIG = path_1.resolve(exports.CWD, 'varlet.config.js');
 exports.SRC_DIR = path_1.resolve(exports.CWD, 'src');
 exports.ES_DIR = path_1.resolve(exports.CWD, 'es');
@@ -12,7 +10,6 @@ exports.UMD_DIR = path_1.resolve(exports.CWD, 'umd');
 exports.TYPES_DIR = path_1.resolve(exports.CWD, 'types');
 exports.ROOT_DOCS_DIR = path_1.resolve(exports.CWD, 'docs');
 exports.ESLINT_EXTENSIONS = ['.vue', '.ts', '.js', '.mjs', '.tsx', '.jsx'];
-exports.WEBPACK_RESOLVE_EXTENSIONS = ['.js', '.jsx', '.vue', '.ts', '.tsx', '.css', '.less'];
 exports.VITE_RESOLVE_EXTENSIONS = ['.vue', '.tsx', '.ts', '.jsx', '.js', '.less', '.css'];
 exports.SCRIPTS_EXTENSIONS = ['.tsx', '.ts', '.jsx', '.js'];
 exports.PUBLIC_DIR_INDEXES = ['index.vue', 'index.tsx', 'index.ts', 'index.jsx', 'index.js'];
@@ -24,18 +21,14 @@ exports.EXAMPLE_DIR_INDEX = 'index.vue';
 exports.TESTS_DIR_NAME = '__tests__';
 exports.GENERATORS_DIR = path_1.resolve(__dirname, '../../generators');
 exports.CLI_PACKAGE_JSON = path_1.resolve(__dirname, '../../package.json');
-exports.PRIMARY_COLOR = '#3a7afe';
 // site
-exports.SITE_MOBILE_MAIN = path_1.resolve(__dirname, '../../site/mobile/main.ts');
-exports.SITE_PC_MAIN = path_1.resolve(__dirname, '../../site/pc/main.ts');
 exports.SITE = path_1.resolve(__dirname, '../../site');
 exports.SITE_OUTPUT_PATH = path_1.resolve(exports.CWD, 'site');
 exports.SITE_PUBLIC_PATH = path_1.resolve(exports.CWD, 'public');
+exports.SITE_DIR = path_1.resolve(exports.CWD, '.varlet/site');
 exports.SITE_PC_ROUTES = path_1.resolve(exports.CWD, '.varlet/pc.routes.ts');
 exports.SITE_MOBILE_ROUTES = path_1.resolve(exports.CWD, '.varlet/mobile.routes.ts');
 exports.SITE_CONFIG = path_1.resolve(exports.CWD, '.varlet/site.config.json');
-exports.SITE_DOCS_GLOB = path_1.resolve(exports.CWD, './docs/**');
-exports.SITE_EXAMPLE_GLOB = path_1.resolve(exports.CWD, './src/**/example/**');
 // template highlight
 exports.HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/;
 exports.HL_API_RE = /##\s*API\n+/;
@@ -51,4 +44,3 @@ exports.HL_WEB_TYPES_JSON = path_1.resolve(exports.HL_DIR, 'web-types.json');
 exports.JEST_CONFIG = path_1.resolve(__dirname, '../config/jest.config.js');
 exports.JEST_MEDIA_MOCK = path_1.resolve(__dirname, '../config/jest.media.mock.js');
 exports.JEST_STYLE_MOCK = path_1.resolve(__dirname, '../config/jest.style.mock.js');
-exports.JEST_LIB_MOCK = path_1.resolve(__dirname, '../config/jest.lib.mock.js');

package/lib/site/components/app-bar/index.d.ts

@@ -0,0 +1,3 @@
+import AppBar from './AppBar.vue';
+export declare const _AppBarComponent: any;
+export default AppBar;

package/lib/site/components/app-bar/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._AppBarComponent = void 0;
+var AppBar_vue_1 = __importDefault(require("./AppBar.vue"));
+AppBar_vue_1.default.install = function (app) {
+    app.component(AppBar_vue_1.default.name, AppBar_vue_1.default);
+};
+exports._AppBarComponent = AppBar_vue_1.default;
+exports.default = AppBar_vue_1.default;

package/lib/site/components/app-bar/props.d.ts

@@ -0,0 +1,21 @@
+export declare function positionValidator(position: string): boolean;
+export declare const props: {
+    color: {
+        type: StringConstructor;
+    };
+    textColor: {
+        type: StringConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    titlePosition: {
+        type: StringConstructor;
+        default: string;
+        validator: typeof positionValidator;
+    };
+    elevation: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};

package/lib/site/components/app-bar/props.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.positionValidator = void 0;
+function positionValidator(position) {
+    var validPositions = ['left', 'center', 'right'];
+    return validPositions.includes(position);
+}
+exports.positionValidator = positionValidator;
+exports.props = {
+    color: {
+        type: String,
+    },
+    textColor: {
+        type: String,
+    },
+    title: {
+        type: String,
+    },
+    titlePosition: {
+        type: String,
+        default: 'left',
+        validator: positionValidator,
+    },
+    elevation: {
+        type: Boolean,
+        default: true,
+    },
+};

package/lib/site/components/button/index.d.ts

@@ -0,0 +1,3 @@
+import Button from './Button.vue';
+export declare const _ButtonComponent: any;
+export default Button;

package/lib/site/components/button/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._ButtonComponent = void 0;
+var Button_vue_1 = __importDefault(require("./Button.vue"));
+Button_vue_1.default.install = function (app) {
+    app.component(Button_vue_1.default.name, Button_vue_1.default);
+};
+exports._ButtonComponent = Button_vue_1.default;
+exports.default = Button_vue_1.default;

package/lib/site/components/button/props.d.ts

@@ -0,0 +1,62 @@
+import type { PropType } from 'vue';
+declare function typeValidator(type: string): boolean;
+declare function sizeValidator(size: string): boolean;
+export declare const props: {
+    type: {
+        type: PropType<"default" | "primary" | "info" | "success" | "warning" | "danger">;
+        default: string;
+        validator: typeof typeValidator;
+    };
+    size: {
+        type: PropType<"small" | "normal" | "mini" | "large">;
+        default: string;
+        validator: typeof sizeValidator;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    round: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    text: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    outline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    textColor: {
+        type: StringConstructor;
+    };
+    loadingRadius: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    loadingType: any;
+    loadingSize: any;
+    onClick: {
+        type: PropType<(e: Event) => void>;
+    };
+    onTouchstart: {
+        type: PropType<(e: Event) => void>;
+    };
+};
+export {};