@varlet/cli 1.27.10 → 1.27.11-alpha.1653999804324

package/lib/commands/create.js

@@ -35,6 +35,31 @@ 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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -47,18 +72,19 @@ var path_1 = require("path");
 var constant_1 = require("../shared/constant");
 var varlet_config_1 = require("../config/varlet.config");
 var lodash_1 = require("lodash");
-function create(name) {
+function create(name, cmd) {
     return __awaiter(this, void 0, void 0, function () {
-        var namespace, bigCamelizeName, vueTemplate, indexTemplate, testsTemplate, exampleTemplate, localeIndexTemplate, localTemplate, componentDir, testsDir, exampleDir, exampleLocalDir, docsDir;
+        var i18nFiles, namespace, bigCamelizeName, vueTemplate, indexTemplate, testsTemplate, exampleTemplate, localeIndexTemplate, localTemplate, componentDir, testsDir, exampleDir, exampleLocalDir, docsDir;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
+                    i18nFiles = [];
                     namespace = (0, lodash_1.get)((0, varlet_config_1.getVarletConfig)(), 'namespace');
                     bigCamelizeName = (0, fsUtils_1.bigCamelize)(name);
                     vueTemplate = "<template>\n  <div class=\"".concat(namespace, "-").concat(name, "\"></div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: '").concat((0, fsUtils_1.bigCamelize)(namespace)).concat(bigCamelizeName, "'\n})\n</script>\n\n<style lang=\"less\">\n.").concat(namespace, "-").concat(name, " {\n  display: flex;\n}\n</style>\n");
                     indexTemplate = "import ".concat(bigCamelizeName, " from './").concat(bigCamelizeName, ".vue'\nimport type { App } from 'vue'\n\n").concat(bigCamelizeName, ".install = function(app: App) {\n  app.component(").concat(bigCamelizeName, ".name, ").concat(bigCamelizeName, ")\n}\n\nexport const _").concat(bigCamelizeName, "Component = ").concat(bigCamelizeName, "\n\nexport default ").concat(bigCamelizeName, "\n");
-                    testsTemplate = "import example from '../example'\nimport ".concat(bigCamelizeName, " from '..'\nimport { createApp } from 'vue'\nimport { mount } from '@vue/test-utils'\n\ntest('test ").concat(name, " example', () => {\n  const wrapper = mount(example)\n  expect(wrapper.html()).toMatchSnapshot()\n})\n\ntest('test ").concat(name, " plugin', () => {\n  const app = createApp({}).use(").concat(bigCamelizeName, ")\n  expect(app.component(").concat(bigCamelizeName, ".name)).toBeTruthy()\n})\n");
-                    exampleTemplate = "<template>\n  <app-type></app-type>\n  <".concat(namespace, "-").concat(name, "/>\n</template>\n\n<script>\nimport ").concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\nimport { watchLang } from '@varlet/cli/site/utils'\nimport { use, pack } from './locale'\n\nexport default {\n  name: '").concat(bigCamelizeName, "Example',\n  components: {\n    [").concat(bigCamelizeName, ".name]: ").concat(bigCamelizeName, ",\n    AppType\n  },\n  setup() {\n\n     watchLang(use)\n\n     return {\n       pack\n     }\n  }\n}\n</script>\n");
+                    testsTemplate = "import ".concat(bigCamelizeName, " from '..'\nimport { createApp } from 'vue'\nimport { mount } from '@vue/test-utils'\n\ntest('test ").concat(name, " use', () => {\n  const app = createApp({}).use(").concat(bigCamelizeName, ")\n  expect(app.component(").concat(bigCamelizeName, ".name)).toBeTruthy()\n})\n");
+                    exampleTemplate = "<script setup>\nimport ".concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\n</script>\n\n<template>\n  <app-type></app-type>\n  <").concat(namespace, "-").concat(name, "/>\n</template>\n");
                     localeIndexTemplate = "// lib\nimport _zhCN from '../../../locale/zh-CN'\nimport _enCN from '../../../locale/en-US'\n// mobile example doc\nimport zhCN from './zh-CN'\nimport enUS from './en-US'\nimport { useLocale, add as _add, use as _use } from '../../../locale'\n\nconst { add, use: exampleUse, pack, packs, merge } = useLocale()\n\nconst use = (lang: string) => {\n  _use(lang)\n  exampleUse(lang)\n}\n\nexport { add, pack, packs, merge, use }\n\n// lib\n_add('zh-CN', _zhCN)\n_add('en-US', _enCN)\n// mobile example doc\nadd('zh-CN', zhCN as any)\nadd('en-US', enUS as any)\n";
                     localTemplate = "export default {\n\n}\n";
                     componentDir = (0, path_1.resolve)(constant_1.SRC_DIR, name);
@@ -70,17 +96,23 @@ function create(name) {
                         logger_1.default.error('component directory is existed');
                         return [2 /*return*/];
                     }
-                    return [4 /*yield*/, Promise.all([
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, "".concat(bigCamelizeName, ".vue")), vueTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, 'index.ts'), indexTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(testsDir, 'index.spec.js'), testsTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleDir, 'index.vue'), exampleTemplate),
+                    if (!cmd.disableI18n) {
+                        exampleTemplate = "<script setup>\nimport ".concat(bigCamelizeName, " from '..'\nimport AppType from '@varlet/cli/site/mobile/components/AppType'\nimport { watchLang } from '@varlet/cli/site/utils'\nimport { use, pack } from './locale'\n\nwatchLang(use)\n</script>\n\n<template>\n  <app-type></app-type>\n  <").concat(namespace, "-").concat(name, "/>\n</template>\n    ");
+                        i18nFiles = [
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'index.ts'), localeIndexTemplate),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'en-US.ts'), localTemplate),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleLocalDir, 'zh-CN.ts'), localTemplate),
-                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(docsDir, 'zh-CN.md'), ''),
                             (0, fs_extra_1.outputFile)((0, path_1.resolve)(docsDir, 'en-US.md'), ''),
-                        ])];
+                        ];
+                    }
+                    return [4 /*yield*/, Promise.all(__spreadArray(__spreadArray([
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, "".concat(bigCamelizeName, ".vue")), vueTemplate),
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(componentDir, 'index.ts'), indexTemplate),
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(testsDir, 'index.spec.js'), testsTemplate),
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(exampleDir, 'index.vue'), exampleTemplate)
+                        ], __read(i18nFiles), false), [
+                            (0, fs_extra_1.outputFile)((0, path_1.resolve)(docsDir, 'zh-CN.md'), ''),
+                        ], false))];
                 case 1:
                     _a.sent();
                     logger_1.default.success("Create ".concat(name, " success!"));

package/lib/commands/gen.js

@@ -45,10 +45,6 @@ var inquirer_1 = __importDefault(require("inquirer"));
 var path_1 = require("path");
 var fs_extra_1 = require("fs-extra");
 var constant_1 = require("../shared/constant");
-function removeFiles(dest) {
-    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 generateGitIgnore(name) {
     (0, fs_extra_1.writeFileSync)((0, path_1.resolve)(constant_1.CWD, name, '.gitignore'), "node_modules\n\n.varlet\n.idea\n.vscode\n*.log\n.DS_Store\n\nsite\nlib\nes\numd\ncoverage\nhighlight");
 }
@@ -66,7 +62,7 @@ function syncVersion(name) {
 }
 function gen(name) {
     return __awaiter(this, void 0, void 0, function () {
-        var dest, ret, choice, generator, base;
+        var dest, ret, i18n, choice, dirName, base, configBase, code;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -81,19 +77,28 @@ function gen(name) {
                                 type: 'list',
                                 choices: ['sfc', 'tsx'],
                             },
+                            {
+                                name: 'Whether to use i18n?',
+                                type: 'confirm',
+                            },
                         ])];
                 case 1:
                     ret = _a.sent();
+                    i18n = ret['Whether to use i18n?'];
                     choice = ret['Please select your component library programming style'];
-                    generator = (0, path_1.resolve)(constant_1.GENERATORS_DIR, choice);
+                    dirName = i18n ? 'i18n' : 'default';
                     base = (0, path_1.resolve)(constant_1.GENERATORS_DIR, 'base');
+                    configBase = (0, path_1.resolve)(constant_1.GENERATORS_DIR, 'config', dirName, 'base');
+                    code = (0, path_1.resolve)(constant_1.GENERATORS_DIR, 'config', dirName, choice);
                     return [4 /*yield*/, (0, fs_extra_1.copy)(base, dest)];
                 case 2:
                     _a.sent();
-                    return [4 /*yield*/, (0, fs_extra_1.copy)(generator, dest)];
+                    return [4 /*yield*/, (0, fs_extra_1.copy)(configBase, dest)];
                 case 3:
                     _a.sent();
-                    removeFiles(dest);
+                    return [4 /*yield*/, (0, fs_extra_1.copy)(code, dest)];
+                case 4:
+                    _a.sent();
                     syncVersion(name);
                     generateGitIgnore(name);
                     logger_1.default.success('Application generated successfully!');

package/lib/index.js

@@ -48,7 +48,11 @@ program
     .option('-nu, --noUmd', 'Do not compile umd target code')
     .action(compile_1.compile);
 program.command('lint').description('Lint code').action(lint_1.lint);
-program.command('create <name>').description('Create a component directory').action(create_1.create);
+program
+    .command('create <name>')
+    .description('Create a component directory')
+    .option('-d, --disableI18n', 'Disable to generator i18n files')
+    .action(create_1.create);
 program
     .command('jest')
     .description('Run Jest in work directory')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.27.10",
+  "version": "1.27.11-alpha.1653999804324",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -33,9 +33,9 @@
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@varlet/icons": "1.27.10",
-    "@varlet/markdown-vite-plugin": "1.27.10",
-    "@varlet/touch-emulator": "1.27.10",
+    "@varlet/icons": "1.27.11-alpha.1653999804324",
+    "@varlet/markdown-vite-plugin": "1.27.11-alpha.1653999804324",
+    "@varlet/touch-emulator": "1.27.11-alpha.1653999804324",
     "@vitejs/plugin-vue": "2.2.0",
     "@vitejs/plugin-vue-jsx": "1.3.5",
     "@vue/babel-plugin-jsx": "1.1.1",
@@ -76,7 +76,7 @@
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "1.27.10",
+    "@varlet/touch-emulator": "1.27.11-alpha.1653999804324",
     "@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/site/pc/components/AppHeader.vue

@@ -140,11 +140,9 @@ export default defineComponent({
     }
 
     const open = (value: string) => {
-      if (value !== currentVersion.value) {
-        setTimeout(() => {
-          window.location.href = value
-        }, 350);
-      }
+      setTimeout(() => {
+        window.location.href = value
+      }, 350);
     }
 
     watchThemes((themes, from) => {

package/generators/sfc/src/button/__tests__/index.spec.js

@@ -1,8 +0,0 @@
-import example from '../example'
-import { mount } from '@vue/test-utils'
-
-test('test button example', () => {
-  const wrapper = mount(example)
-  expect(wrapper.html()).toMatchSnapshot()
-  wrapper.unmount()
-})

package/generators/sfc/src/button/example/BasicUse.vue

@@ -1,14 +0,0 @@
-<template>
-  <b-button>组件库从我开始</b-button>
-</template>
-
-<script>
-import Button from '../Button'
-
-export default {
-  name: 'BasicUse',
-  components: {
-    [Button.name]: Button
-  }
-}
-</script>

package/generators/sfc/src/button/example/ModifyColor.vue

@@ -1,14 +0,0 @@
-<template>
-  <b-button color="#03A9F4">组件库从我开始</b-button>
-</template>
-
-<script>
-import Button from '../Button'
-
-export default {
-  name: 'ModifyColor',
-  components: {
-    [Button.name]: Button
-  }
-}
-</script>

package/generators/tsx/src/button/__tests__/index.spec.js

@@ -1,8 +0,0 @@
-import example from '../example'
-import { mount } from '@vue/test-utils'
-
-test('test button example', () => {
-  const wrapper = mount(example)
-  expect(wrapper.html()).toMatchSnapshot()
-  wrapper.unmount()
-})

package/generators/tsx/src/button/example/BasicUse.vue

@@ -1,14 +0,0 @@
-<template>
-  <b-button>组件库从我开始</b-button>
-</template>
-
-<script>
-import Button from '../Button'
-
-export default {
-  name: 'BasicUse',
-  components: {
-    [Button.name]: Button
-  }
-}
-</script>

package/generators/tsx/src/button/example/ModifyColor.vue

@@ -1,14 +0,0 @@
-<template>
-  <b-button color="#03A9F4">组件库从我开始</b-button>
-</template>
-
-<script>
-import Button from '../Button'
-
-export default {
-  name: 'ModifyColor',
-  components: {
-    [Button.name]: Button
-  }
-}
-</script>