@varlet/cli 1.27.16 → 1.27.17-alpha.1656907860130

package/lib/shared/constant.js

@@ -1,50 +1,50 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-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_PC_DIR = exports.SITE_DIR = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.CLI_PACKAGE_JSON = exports.UI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.DIR_INDEX = exports.DOCS_DIR_NAME = exports.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_PAGES_DIR = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.LIB_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.CWD = void 0;
-var path_1 = require("path");
-exports.CWD = process.cwd();
-exports.VARLET_CONFIG = (0, path_1.resolve)(exports.CWD, 'varlet.config.js');
-exports.SRC_DIR = (0, path_1.resolve)(exports.CWD, 'src');
-exports.ES_DIR = (0, path_1.resolve)(exports.CWD, 'es');
-exports.LIB_DIR = (0, path_1.resolve)(exports.CWD, 'lib');
-exports.UMD_DIR = (0, path_1.resolve)(exports.CWD, 'umd');
-exports.TYPES_DIR = (0, path_1.resolve)(exports.CWD, 'types');
-exports.ROOT_DOCS_DIR = (0, path_1.resolve)(exports.CWD, 'docs');
-exports.ROOT_PAGES_DIR = (0, path_1.resolve)(exports.CWD, 'pages');
-exports.ESLINT_EXTENSIONS = ['.vue', '.ts', '.js', '.mjs', '.tsx', '.jsx'];
-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'];
-exports.STYLE_DIR_NAME = 'style';
-exports.EXAMPLE_DIR_NAME = 'example';
-exports.LOCALE_DIR_NAME = 'locale';
-exports.DOCS_DIR_NAME = 'docs';
-exports.DIR_INDEX = 'index.vue';
-exports.TESTS_DIR_NAME = '__tests__';
-exports.GENERATORS_DIR = (0, path_1.resolve)(__dirname, '../../generators');
-exports.UI_PACKAGE_JSON = (0, path_1.resolve)(exports.CWD, 'package.json');
-exports.CLI_PACKAGE_JSON = (0, path_1.resolve)(__dirname, '../../package.json');
-// site
-exports.SITE = (0, path_1.resolve)(__dirname, '../../site');
-exports.SITE_OUTPUT_PATH = (0, path_1.resolve)(exports.CWD, 'site');
-exports.SITE_PUBLIC_PATH = (0, path_1.resolve)(exports.CWD, 'public');
-exports.SITE_DIR = (0, path_1.resolve)(exports.CWD, '.varlet/site');
-exports.SITE_PC_DIR = (0, path_1.resolve)(exports.CWD, '.varlet/site/pc');
-exports.SITE_PC_ROUTES = (0, path_1.resolve)(exports.CWD, '.varlet/pc.routes.ts');
-exports.SITE_MOBILE_ROUTES = (0, path_1.resolve)(exports.CWD, '.varlet/mobile.routes.ts');
-exports.SITE_CONFIG = (0, path_1.resolve)(exports.CWD, '.varlet/site.config.json');
-// template highlight
-exports.HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/;
-exports.HL_API_RE = /##\s*API\n+/;
-exports.HL_TITLE_ATTRIBUTES_RE = /###\s*属性\s*\n+/;
-exports.HL_TITLE_EVENTS_RE = /###\s*事件\s*\n+/;
-exports.HL_TITLE_SLOTS_RE = /###\s*插槽\s*\n+/;
-exports.HL_MD = 'zh-CN.md';
-exports.HL_DIR = (0, path_1.resolve)(exports.CWD, 'highlight');
-exports.HL_TAGS_JSON = (0, path_1.resolve)(exports.HL_DIR, 'tags.json');
-exports.HL_ATTRIBUTES_JSON = (0, path_1.resolve)(exports.HL_DIR, 'attributes.json');
-exports.HL_WEB_TYPES_JSON = (0, path_1.resolve)(exports.HL_DIR, 'web-types.json');
-// jest
-exports.JEST_CONFIG = (0, path_1.resolve)(__dirname, '../config/jest.config.js');
-exports.JEST_MEDIA_MOCK = (0, path_1.resolve)(__dirname, '../config/jest.media.mock.js');
-exports.JEST_STYLE_MOCK = (0, path_1.resolve)(__dirname, '../config/jest.style.mock.js');
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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_PC_DIR = exports.SITE_DIR = exports.SITE_PUBLIC_PATH = exports.SITE_OUTPUT_PATH = exports.SITE = exports.CLI_PACKAGE_JSON = exports.UI_PACKAGE_JSON = exports.GENERATORS_DIR = exports.TESTS_DIR_NAME = exports.DIR_INDEX = exports.DOCS_DIR_NAME = exports.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_PAGES_DIR = exports.ROOT_DOCS_DIR = exports.TYPES_DIR = exports.UMD_DIR = exports.LIB_DIR = exports.ES_DIR = exports.SRC_DIR = exports.VARLET_CONFIG = exports.CWD = void 0;
+var path_1 = require("path");
+exports.CWD = process.cwd();
+exports.VARLET_CONFIG = (0, path_1.resolve)(exports.CWD, 'varlet.config.js');
+exports.SRC_DIR = (0, path_1.resolve)(exports.CWD, 'src');
+exports.ES_DIR = (0, path_1.resolve)(exports.CWD, 'es');
+exports.LIB_DIR = (0, path_1.resolve)(exports.CWD, 'lib');
+exports.UMD_DIR = (0, path_1.resolve)(exports.CWD, 'umd');
+exports.TYPES_DIR = (0, path_1.resolve)(exports.CWD, 'types');
+exports.ROOT_DOCS_DIR = (0, path_1.resolve)(exports.CWD, 'docs');
+exports.ROOT_PAGES_DIR = (0, path_1.resolve)(exports.CWD, 'pages');
+exports.ESLINT_EXTENSIONS = ['.vue', '.ts', '.js', '.mjs', '.tsx', '.jsx'];
+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'];
+exports.STYLE_DIR_NAME = 'style';
+exports.EXAMPLE_DIR_NAME = 'example';
+exports.LOCALE_DIR_NAME = 'locale';
+exports.DOCS_DIR_NAME = 'docs';
+exports.DIR_INDEX = 'index.vue';
+exports.TESTS_DIR_NAME = '__tests__';
+exports.GENERATORS_DIR = (0, path_1.resolve)(__dirname, '../../generators');
+exports.UI_PACKAGE_JSON = (0, path_1.resolve)(exports.CWD, 'package.json');
+exports.CLI_PACKAGE_JSON = (0, path_1.resolve)(__dirname, '../../package.json');
+// site
+exports.SITE = (0, path_1.resolve)(__dirname, '../../site');
+exports.SITE_OUTPUT_PATH = (0, path_1.resolve)(exports.CWD, 'site');
+exports.SITE_PUBLIC_PATH = (0, path_1.resolve)(exports.CWD, 'public');
+exports.SITE_DIR = (0, path_1.resolve)(exports.CWD, '.varlet/site');
+exports.SITE_PC_DIR = (0, path_1.resolve)(exports.CWD, '.varlet/site/pc');
+exports.SITE_PC_ROUTES = (0, path_1.resolve)(exports.CWD, '.varlet/pc.routes.ts');
+exports.SITE_MOBILE_ROUTES = (0, path_1.resolve)(exports.CWD, '.varlet/mobile.routes.ts');
+exports.SITE_CONFIG = (0, path_1.resolve)(exports.CWD, '.varlet/site.config.json');
+// template highlight
+exports.HL_COMPONENT_NAME_RE = /.*(\/|\\)(.+)(\/|\\)docs(\/|\\)/;
+exports.HL_API_RE = /##\s*API\n+/;
+exports.HL_TITLE_ATTRIBUTES_RE = /###\s*属性\s*\n+/;
+exports.HL_TITLE_EVENTS_RE = /###\s*事件\s*\n+/;
+exports.HL_TITLE_SLOTS_RE = /###\s*插槽\s*\n+/;
+exports.HL_MD = 'zh-CN.md';
+exports.HL_DIR = (0, path_1.resolve)(exports.CWD, 'highlight');
+exports.HL_TAGS_JSON = (0, path_1.resolve)(exports.HL_DIR, 'tags.json');
+exports.HL_ATTRIBUTES_JSON = (0, path_1.resolve)(exports.HL_DIR, 'attributes.json');
+exports.HL_WEB_TYPES_JSON = (0, path_1.resolve)(exports.HL_DIR, 'web-types.json');
+// jest
+exports.JEST_CONFIG = (0, path_1.resolve)(__dirname, '../config/jest.config.js');
+exports.JEST_MEDIA_MOCK = (0, path_1.resolve)(__dirname, '../config/jest.media.mock.js');
+exports.JEST_STYLE_MOCK = (0, path_1.resolve)(__dirname, '../config/jest.style.mock.js');

package/lib/shared/fsUtils.d.ts

@@ -1,12 +1,12 @@
-export declare function getPublicDirs(): Promise<string[]>;
-export declare const isMD: (file: string) => boolean;
-export declare const isDir: (file: string) => boolean;
-export declare const isSFC: (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;
-export declare const replaceExt: (file: string, ext: string) => string;
-export declare function smartAppendFileSync(file: string, code: string): void;
-export declare function outputFileSyncOnChange(path: string, code: string): void;
-export declare function glob(pattern: string): Promise<string[]>;
+export declare function getPublicDirs(): Promise<string[]>;
+export declare const isMD: (file: string) => boolean;
+export declare const isDir: (file: string) => boolean;
+export declare const isSFC: (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;
+export declare const replaceExt: (file: string, ext: string) => string;
+export declare function smartAppendFileSync(file: string, code: string): void;
+export declare function outputFileSyncOnChange(path: string, code: string): void;
+export declare function glob(pattern: string): Promise<string[]>;

package/lib/shared/fsUtils.js

@@ -1,108 +1,108 @@
-"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.glob = exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isDTS = 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");
-var glob_1 = __importDefault(require("glob"));
-function getPublicDirs() {
-    return __awaiter(this, void 0, void 0, function () {
-        var srcDir;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, (0, fs_extra_1.readdir)(constant_1.SRC_DIR)];
-                case 1:
-                    srcDir = _a.sent();
-                    return [2 /*return*/, srcDir.filter(function (filename) { return (0, exports.isPublicDir)((0, path_1.resolve)(constant_1.SRC_DIR, filename)); })];
-            }
-        });
-    });
-}
-exports.getPublicDirs = getPublicDirs;
-var isMD = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.md'; };
-exports.isMD = isMD;
-var isDir = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, fs_extra_1.lstatSync)(file).isDirectory(); };
-exports.isDir = isDir;
-var isSFC = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.vue'; };
-exports.isSFC = isSFC;
-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'; };
-exports.isLess = isLess;
-var isPublicDir = function (dir) {
-    return constant_1.PUBLIC_DIR_INDEXES.some(function (index) { return (0, fs_extra_1.pathExistsSync)((0, path_1.resolve)(dir, index)); });
-};
-exports.isPublicDir = isPublicDir;
-var replaceExt = function (file, ext) { return file.replace((0, path_1.extname)(file), ext); };
-exports.replaceExt = replaceExt;
-function smartAppendFileSync(file, code) {
-    if ((0, fs_extra_1.pathExistsSync)(file)) {
-        var content = (0, fs_extra_1.readFileSync)(file, 'utf-8');
-        if (!content.includes(code)) {
-            (0, fs_extra_1.appendFileSync)(file, code);
-        }
-    }
-}
-exports.smartAppendFileSync = smartAppendFileSync;
-function outputFileSyncOnChange(path, code) {
-    (0, fs_extra_1.ensureFileSync)(path);
-    var content = (0, fs_extra_1.readFileSync)(path, 'utf-8');
-    if (content !== code) {
-        (0, fs_extra_1.outputFileSync)(path, code);
-    }
-}
-exports.outputFileSyncOnChange = outputFileSyncOnChange;
-function glob(pattern) {
-    return new Promise(function (resolve, reject) {
-        (0, glob_1.default)(pattern, function (err, files) {
-            if (err) {
-                reject(err);
-            }
-            else {
-                resolve(files);
-            }
-        });
-    });
-}
-exports.glob = glob;
+"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.glob = exports.outputFileSyncOnChange = exports.smartAppendFileSync = exports.replaceExt = exports.isPublicDir = exports.isLess = exports.isScript = exports.isDTS = 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");
+var glob_1 = __importDefault(require("glob"));
+function getPublicDirs() {
+    return __awaiter(this, void 0, void 0, function () {
+        var srcDir;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (0, fs_extra_1.readdir)(constant_1.SRC_DIR)];
+                case 1:
+                    srcDir = _a.sent();
+                    return [2 /*return*/, srcDir.filter(function (filename) { return (0, exports.isPublicDir)((0, path_1.resolve)(constant_1.SRC_DIR, filename)); })];
+            }
+        });
+    });
+}
+exports.getPublicDirs = getPublicDirs;
+var isMD = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.md'; };
+exports.isMD = isMD;
+var isDir = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, fs_extra_1.lstatSync)(file).isDirectory(); };
+exports.isDir = isDir;
+var isSFC = function (file) { return (0, fs_extra_1.pathExistsSync)(file) && (0, path_1.extname)(file) === '.vue'; };
+exports.isSFC = isSFC;
+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'; };
+exports.isLess = isLess;
+var isPublicDir = function (dir) {
+    return constant_1.PUBLIC_DIR_INDEXES.some(function (index) { return (0, fs_extra_1.pathExistsSync)((0, path_1.resolve)(dir, index)); });
+};
+exports.isPublicDir = isPublicDir;
+var replaceExt = function (file, ext) { return file.replace((0, path_1.extname)(file), ext); };
+exports.replaceExt = replaceExt;
+function smartAppendFileSync(file, code) {
+    if ((0, fs_extra_1.pathExistsSync)(file)) {
+        var content = (0, fs_extra_1.readFileSync)(file, 'utf-8');
+        if (!content.includes(code)) {
+            (0, fs_extra_1.appendFileSync)(file, code);
+        }
+    }
+}
+exports.smartAppendFileSync = smartAppendFileSync;
+function outputFileSyncOnChange(path, code) {
+    (0, fs_extra_1.ensureFileSync)(path);
+    var content = (0, fs_extra_1.readFileSync)(path, 'utf-8');
+    if (content !== code) {
+        (0, fs_extra_1.outputFileSync)(path, code);
+    }
+}
+exports.outputFileSyncOnChange = outputFileSyncOnChange;
+function glob(pattern) {
+    return new Promise(function (resolve, reject) {
+        (0, glob_1.default)(pattern, function (err, files) {
+            if (err) {
+                reject(err);
+            }
+            else {
+                resolve(files);
+            }
+        });
+    });
+}
+exports.glob = glob;

package/lib/shared/logger.d.ts

@@ -1,7 +1,7 @@
-declare const _default: {
-    info(text: string): void;
-    success(text: string): void;
-    warning(text: string): void;
-    error(text: string): void;
-};
-export default _default;
+declare const _default: {
+    info(text: string): void;
+    success(text: string): void;
+    warning(text: string): void;
+    error(text: string): void;
+};
+export default _default;

package/lib/shared/logger.js

@@ -1,20 +1,20 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var chalk_1 = __importDefault(require("chalk"));
-exports.default = {
-    info: function (text) {
-        console.log(text);
-    },
-    success: function (text) {
-        console.log(chalk_1.default.hex('#00c48f')(text));
-    },
-    warning: function (text) {
-        console.log(chalk_1.default.hex('#ff9800')(text));
-    },
-    error: function (text) {
-        console.log(chalk_1.default.hex('#f44336')(text));
-    },
-};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var chalk_1 = __importDefault(require("chalk"));
+exports.default = {
+    info: function (text) {
+        console.log(text);
+    },
+    success: function (text) {
+        console.log(chalk_1.default.hex('#00c48f')(text));
+    },
+    warning: function (text) {
+        console.log(chalk_1.default.hex('#ff9800')(text));
+    },
+    error: function (text) {
+        console.log(chalk_1.default.hex('#f44336')(text));
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.27.16",
+  "version": "1.27.17-alpha.1656907860130",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -28,10 +28,10 @@
     "url": "https://github.com/varletjs/varlet/issues"
   },
   "dependencies": {
-    "@varlet/icons": "1.27.16",
-    "@varlet/shared": "1.27.16",
-    "@varlet/markdown-vite-plugin": "1.27.16",
-    "@varlet/touch-emulator": "1.27.16",
+    "@varlet/icons": "1.27.17-alpha.1656907860130",
+    "@varlet/shared": "1.27.17-alpha.1656907860130",
+    "@varlet/markdown-vite-plugin": "1.27.17-alpha.1656907860130",
+    "@varlet/touch-emulator": "1.27.17-alpha.1656907860130",
     "@babel/core": "^7.14.8",
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
@@ -76,7 +76,7 @@
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.27.16",
+    "@varlet/touch-emulator": "1.27.17-alpha.1656907860130",
     "@vue/test-utils": "^2.0.0-rc.6",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",
@@ -88,6 +88,5 @@
   "scripts": {
     "dev": "tsc --watch",
     "build": "tsc"
-  },
-  "readme": "# @varlet/cli\n\n开箱即用的 `Vue3组件库` 快速成型工具，提供了一系列命令和工具去解决组件库开发上的问题\n\n### 特性\n\n- 1.开箱即用的组件库开发环境\n- 2.开箱即用的组件库编译工具，支持导出 `esm` 和 `umd` 两种模块代码\n- 3.基于配置文件的组件库文档站点,支持百度统计和主题定制\n- 4.支持 `单文件组件(sfc)` 和 `tsx,jsx` 两种风格的组件库编写风格\n- 5.开箱即用的代码检查工具\n- 6.开箱即用的单元测试工具\n- 7.开箱即用的代码发布工具,发布到 npm 和 github, 并自动生成更新日志\n- 8.支持 `Typescript`\n- 9.支持 `暗黑模式`\n- 10.基于 `pnpm`\n\n### 快速开始\n\n`@varlet/cli` 内置了 `单文件组件(sfc)` 和 `tsx, jsx` 两种风格的组件库项目模板，可以通过 `gen` 命令直接生成。\n帮助用户直接进入组件本身的开发，推荐使用 `pnpm` 作为包管理工具。\n\n```shell\n# 安装命令行工具\npnpm add @varlet/cli -g\n# 使用 gen 命令生成项目\nvarlet-cli gen 项目名\ncd 项目名\npnpm install\npnpm dev\n```\n\n然后通过简单修改一些组件库模板的基础信息，就可以开始组件库的开发了\n\n## 高级定制\n\n### 配置文件\n\n项目根目录下的 `varlet.config.js` 用来管理整个组件库项目的具体细节\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----- | -------------- | -------- | ---------- |\n| `host` | 开发服务器主机 | _number_ | `localhost` |\n| `port` | 开发服务器端口 | _number_ | `8080` |\n| `name` | 组件库全名\t| _string_ | `Varlet` |\n| `namespace` | 组件库命名空间, 会作为组件前缀 | _string_ | `var` |\n| `title` | 文档中组件库的标题 | _string_ | `VARLET` |\n| `logo` | 文档中组件库的logo | _string_ | `-` |\n| `defaultLanguage` | 文档默认语言 | _string_ | `zh-CN` |\n| `useMobile` | 是否显示右侧手机预览 | _boolean_ | `false` |\n| `themes` | 文档主题 | _SiteThemes_ | `-` |\n| `darkThemes` | 暗黑模式文档主题 | _SiteThemes_ | `-` |\n| `highlight` | 文档代码片段样式相关 | _SiteHighlight_ | `-` |\n| `analysis` | 文档统计相关 | _SiteAnalysis_ | `-` |\n| `pc` | pc端文档结构配置 | _SitePC_ | `-` |\n| `mobile` | mobile端文档结构配置 | _SiteMobile_ | `-` |\n| `moduleCompatible` | 模块兼容配置 | _Record<string, string>_ | `-` |\n\n#### 模块适配对象\n\n一些外部依赖可能需要进行模块语法的适配，以达到可以正确编译到 `commonjs` 和 `esmodule` 的目的，例如 `dayjs` 的 `esmodule` 写法是\n\n```js\nimport dayjs from 'dayjs/esm'\n```\n\n而为了构建 `commonjs` 时的写法是\n\n```js\nimport * as dayjs from 'dayjs'\n```\n\n在项目中我们拥抱 `esmodule` 模块使用第一种写法，并做如下配置进行适配\n\n```js\n// varlet.config.js\nmodule.exports = {\n  moduleCompatible: {\n    \"import dayjs from 'dayjs/esm'\\n\": \"import * as dayjs from 'dayjs'\\n\"\n  }\n}\n```\n\n#### SiteThemes\n\n主题变量相关，由于默认的主题变量可能时常修改，以 `varlet` 官方文档的主题为准\n\n| 参数 |\n| ----- |\n| `color-body` |\n| `color-bar` |\n| `color-sub-bar` |\n| `color-text` |\n| `color-sub-text` |\n| `color-border` |\n| `color-shadow` |\n| `color-introduce-border` |\n| `color-primary` |\n| `color-link` |\n| `color-type` |\n| `color-progress` |\n| `color-progress-track` |\n| `color-side-bar` |\n| `color-side-bar-active-background` |\n| `color-app-bar` |\n| `color-nav-button-hover-background` |\n| `color-mobile-cell-hover` |\n| `color-pc-language-active` |\n| `color-pc-language-active-background` |\n| `color-mobile-language-active` |\n| `color-mobile-language-active-background` |\n| `color-hl-background` |\n| `color-hl-code` |\n| `color-hl-border` |\n| `color-hl-group-a` |\n| `color-hl-group-b` |\n| `color-hl-group-c` |\n| `color-hl-group-d` |\n| `color-hl-group-e` |\n| `color-hl-group-f` |\n| `color-hl-group-g` |\n| `color-hl-group-h` |\n| `color-hl-group-i` |\n\n#### SiteHighlight\n\n代码片段高亮，基于[highlight.js](https://highlightjs.org/)\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----- | -------------- | -------- | ---------- |\n| `style` | highlight的css地址 | _string_ | `-` |\n\n#### SiteAnalysis\n\n统计埋点相关\n\n| 参数 | 说明 | 类型 | 默认值 |\n| ----- | -------------- | -------- | ---------- |\n| `baidu` | 百度统计脚本地址 | _string_ | `-` |\n\n#### SitePC, SiteMobile\n\n文档结构部分相关，示例配置如下\n\n```js\nmodule.exports = {\n  pc: {\n    redirect: '/home',\n    title: {\n      'zh-CN': '一个组件库',\n    },\n    header: {\n      darkMode: null,\n      i18n: null,\n      github: 'https://github.com/varletjs/varlet',\n    },\n    menu: [\n      {\n        text: {\n          'zh-CN': '开发指南',\n        },\n        // 侧边栏菜单目录\n        type: 1,\n      },\n      {\n        text: {\n          'zh-CN': '基本介绍',\n        },\n        doc: 'home',\n        // 索引项目根目录下的md文档\n        type: 3,\n      },\n      {\n        text: {\n          'zh-CN': '基础组件',\n        },\n        type: 1,\n      },\n      {\n        text: {\n          'zh-CN': 'Button 按钮',\n        },\n        doc: 'button',\n        // 索引组件根目录下的md文档\n        type: 2,\n      },\n    ],\n  },\n  mobile: {\n    redirect: '/home',\n    title: {\n      'zh-CN': '一个组件库',\n    },\n    header: {\n      darkMode: null,\n      i18n: null,\n      playground: null,\n      github: 'https://github.com/varletjs/varlet',\n    },\n  },\n}\n```\n\n### 命令相关\n\n#### 启动开发服务器\n\n```shell\nvarlet-cli dev\n```\n\n#### 构建文档站点\n\n```shell\nvarlet-cli build\n```\n\n#### 预览文档站点\n\n```shell\nvarlet-cli preview\n```\n\n#### 构建组件库代码\n\n```shell\nvarlet-cli compile\n```\n\n#### 执行所有的单元测试\n\n```shell\nvarlet-cli test\n```\n\n#### 以 watch 模式执行单元测试\n\n```shell\nvarlet-cli test -w\nor\nvarlet-cli test -wa\n```\n\n#### 检查代码\n\n```shell\nvarlet-cli lint\n```\n\n#### 校验提交信息\n\n```shell\nvarlet-cli commit-lint\n```\n\n#### 生成更新日志\n\n```shell\nvarlet-cli changelog\n```\n\n#### 发布组件库\n\n```shell\nvarlet-cli release\n```\n\n#### 生成一个项目模板\n```shell\nvarlet-cli gen <projectName>\n```\n\n### babel\n\n对 `babel` 进行配置，首先在 `package.json` 中指定目标浏览器\n\n```json\n{\n  \"browserslist\": [\n    \"Chrome >= 51\",\n    \"iOS >= 10\"\n  ]\n}\n```\n\n创建 `babel.config,js`\n\n```js\n// babel.config.js\nmodule.exports = {\n  presets: [\n    [\n      '@varlet/cli/preset',\n      {\n        loose: process.env.NODE_ENV === 'compile',\n      },\n    ],\n  ],\n}\n```\n\n### git 和 npm\n\n#### git-hook\n\n`simple-git-hooks`，`lint-staged` 配合 `eslint`，`stylelint`，`varlet-cli commit-lint` 做commit前的检查，`package.json` 配置如下\n\n```json\n{\n  \"simple-git-hooks\": {\n    \"pre-commit\": \"pnpm exec lint-staged --allow-empty --concurrent false\",\n    \"commit-msg\": \"npx --no-install varlet-cli commit-lint $1\"\n  },\n  \"lint-staged\": {\n    \"*.{ts,tsx,js,vue,less}\": \"prettier --write\",\n    \"*.{ts,tsx,js,vue}\": \"eslint --fix\",\n    \"*.{vue,css,less}\": \"stylelint --fix\"\n  },\n  \"eslintConfig\": {\n    \"root\": true,\n    \"ignorePatterns\": [\n      \"es/**\",\n      \"umd/**\",\n      \"site/**\",\n      \"public/**\",\n      \"src/*/__tests__/**\",\n      \".varlet/**\"\n    ],\n    \"extends\": [\n      \"@varlet\"\n    ]\n  },\n  \"stylelint\": {\n    \"extends\": [\n      \"@varlet/stylelint-config\"\n    ],\n    \"ignoreFiles\": [\n      \"es/**\",\n      \"umd/**\",\n      \"site/**\",\n      \"coverage/**\",\n      \"public/**\",\n      \"highlight/**\"\n    ]\n  }\n}\n```\n\n挂载钩子\n\n```shell\nnpx simple-git-hooks\n```\n\n创建 `.prettierignore`\n\n```text\n// .prettierignore\ncoverage/**\nes/**\numd/**\nsite/**\npublic/**\nsrc/*/__tests__/**\n*.md\n```\n\n### typescript\n\n创建 `tsconfig.json`\n\n```json\n{\n  \"compilerOptions\": {\n    \"strict\": true,\n    \"downlevelIteration\": true,\n    \"declaration\": true,\n    \"skipLibCheck\": true,\n    \"esModuleInterop\": true,\n    \"allowJs\": true,\n    \"lib\": [\"esnext\", \"dom\"],\n    \"allowSyntheticDefaultImports\": true,\n    \"jsx\": \"preserve\"\n  }\n}\n```\n\n#### 发布前注意\n\n1. `npm` 的仓库源必须指向 `npm` 官方镜像\n2. 执行 `npm login` 进行登录\n\n### Contributors\n\n<a href=\"https://github.com/varletjs/varlet/graphs/contributors\">\n  <img src=\"https://contrib.rocks/image?repo=haoziqaq/varlet\" />\n</a>"
+  }
 }

package/preset.js

@@ -1,3 +1,3 @@
-const babelConfig = require('./lib/config/babel.config')
-
-module.exports = (api, options) => babelConfig(api, options)
+const babelConfig = require('./lib/config/babel.config')
+
+module.exports = (api, options) => babelConfig(api, options)

package/site/components/button/Button.vue

@@ -1,84 +1,84 @@
-<template>
-  <button
-    v-ripple="{ disabled: disabled || !ripple }"
-    class="var-site-button var-site--box"
-    :class="[
-      `var-site-button--${size}`,
-      block ? 'var-site--flex var-site-button--block' : 'var-site--inline-flex',
-      disabled ? 'var-site-button--disabled' : null,
-      text ? `var-site-button--text-${type}` : `var-site-button--${type}`,
-      text ? 'var-site-button--text' : 'var-site-elevation--1',
-      text && disabled ? 'var-site-button--text-disabled' : null,
-      round ? 'var-site-button--round' : null,
-      outline ? 'var-site-button--outline' : null,
-    ]"
-    :style="{
-      color: textColor,
-      background: color,
-    }"
-    :disabled="disabled"
-    @click="handleClick"
-    @touchstart="handleTouchstart"
-  >
-    <var-site-loading
-      class="var-site-button__loading"
-      :type="loadingType"
-      :size="loadingSize"
-      :radius="loadingRadius"
-      v-if="loading"
-    />
-    <div class="var-site-button__content" :class="[loading ? 'var-site-button--hidden' : null]">
-      <slot />
-    </div>
-  </button>
-</template>
-
-<script lang="ts">
-import Ripple from '../ripple'
-import Loading from '../loading'
-import { defineComponent } from 'vue'
-import { props } from './props'
-
-export default defineComponent({
-  name: 'VarSiteButton',
-  components: {
-    [Loading.name]: Loading,
-  },
-  directives: { Ripple },
-  props,
-  setup(props) {
-    const handleClick = (e: Event) => {
-      const { loading, disabled, onClick } = props
-
-      if (loading || disabled) {
-        return
-      }
-
-      onClick?.(e)
-    }
-
-    const handleTouchstart = (e: Event) => {
-      const { loading, disabled, onTouchstart } = props
-
-      if (loading || disabled) {
-        return
-      }
-
-      onTouchstart?.(e)
-    }
-
-    return {
-      handleClick,
-      handleTouchstart,
-    }
-  },
-})
-</script>
-
-<style lang="less">
-@import '../styles/common';
-@import '../styles/elevation';
-@import '../ripple/ripple';
-@import '../loading/loading';
-@import './button';
-</style>
+<template>
+  <button
+    v-ripple="{ disabled: disabled || !ripple }"
+    class="var-site-button var-site--box"
+    :class="[
+      `var-site-button--${size}`,
+      block ? 'var-site--flex var-site-button--block' : 'var-site--inline-flex',
+      disabled ? 'var-site-button--disabled' : null,
+      text ? `var-site-button--text-${type}` : `var-site-button--${type}`,
+      text ? 'var-site-button--text' : 'var-site-elevation--1',
+      text && disabled ? 'var-site-button--text-disabled' : null,
+      round ? 'var-site-button--round' : null,
+      outline ? 'var-site-button--outline' : null,
+    ]"
+    :style="{
+      color: textColor,
+      background: color,
+    }"
+    :disabled="disabled"
+    @click="handleClick"
+    @touchstart="handleTouchstart"
+  >
+    <var-site-loading
+      class="var-site-button__loading"
+      :type="loadingType"
+      :size="loadingSize"
+      :radius="loadingRadius"
+      v-if="loading"
+    />
+    <div class="var-site-button__content" :class="[loading ? 'var-site-button--hidden' : null]">
+      <slot />
+    </div>
+  </button>
+</template>
+
+<script lang="ts">
+import Ripple from '../ripple'
+import Loading from '../loading'
+import { defineComponent } from 'vue'
+import { props } from './props'
+
+export default defineComponent({
+  name: 'VarSiteButton',
+  components: {
+    [Loading.name]: Loading,
+  },
+  directives: { Ripple },
+  props,
+  setup(props) {
+    const handleClick = (e: Event) => {
+      const { loading, disabled, onClick } = props
+
+      if (loading || disabled) {
+        return
+      }
+
+      onClick?.(e)
+    }
+
+    const handleTouchstart = (e: Event) => {
+      const { loading, disabled, onTouchstart } = props
+
+      if (loading || disabled) {
+        return
+      }
+
+      onTouchstart?.(e)
+    }
+
+    return {
+      handleClick,
+      handleTouchstart,
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@import '../styles/common';
+@import '../styles/elevation';
+@import '../ripple/ripple';
+@import '../loading/loading';
+@import './button';
+</style>