@varlet/cli 1.27.20 → 2.0.0-alpha.1663499244572

package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/docs/en-US.md

@@ -1,26 +1,26 @@
-# Locale
-
-### Intro
-Component library uses Chinese as the default language, support multi-language switch,
-built-in support for `Chinese`, `English`.
-
-### Multi-language switch
-The `Locale` component is introduced to realize multi-language switching, and `Locale.add` is used for language extension.
-
-```js
-Locale.add('en-US', enUS)
-```
-
-Use `Locale.use` to switch languages.
-
-```js
-Locale.use('en-US')
-```
-
-Use `Locale.merge` to merge languages.
-
-```js
-Locale.merge('en-US', {
-  button: 'Hello'
-})
-```
+# Locale
+
+### Intro
+Component library uses Chinese as the default language, support multi-language switch,
+built-in support for `Chinese`, `English`.
+
+### Multi-language switch
+The `Locale` component is introduced to realize multi-language switching, and `Locale.add` is used for language extension.
+
+```js
+Locale.add('en-US', enUS)
+```
+
+Use `Locale.use` to switch languages.
+
+```js
+Locale.use('en-US')
+```
+
+Use `Locale.merge` to merge languages.
+
+```js
+Locale.merge('en-US', {
+  button: 'Hello'
+})
+```

package/{generators → template/generators}/config/i18n/tsx/src/locale/docs/zh-CN.md

@@ -1,25 +1,25 @@
-# 国际化
-
-### 介绍
-组件库使用中文作为默认语言，支持多语言切换，内置支持 `中文`，`英文`。
-
-### 多语言切换
-引入 `Locale` 组件实现多语言切换，使用 `Locale.add` 进行语言扩展。
-
-```js
-Locale.add('en-US', enUS)
-```
-
-使用 `Locale.use` 进行切换语言
-
-```js
-Locale.use('en-US')
-```
-
-使用 `Locale.merge` 进行语言合并
-
-```js
-Locale.merge('en-US', {
-  button: 'Hello'
-})
-```
+# 国际化
+
+### 介绍
+组件库使用中文作为默认语言，支持多语言切换，内置支持 `中文`，`英文`。
+
+### 多语言切换
+引入 `Locale` 组件实现多语言切换，使用 `Locale.add` 进行语言扩展。
+
+```js
+Locale.add('en-US', enUS)
+```
+
+使用 `Locale.use` 进行切换语言
+
+```js
+Locale.use('en-US')
+```
+
+使用 `Locale.merge` 进行语言合并
+
+```js
+Locale.merge('en-US', {
+  button: 'Hello'
+})
+```

package/{generators → template/generators}/config/i18n/tsx/src/locale/en-US.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
-
-declare const enUS: Pack
-
-export default enUS
+import type { Pack } from '../../types'
+
+declare const enUS: Pack
+
+export default enUS

package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/en-US.ts

@@ -1,7 +1,7 @@
-import { Pack } from './index'
-
-// for component's internal
-export default {
-  // Button component
-  button: 'Button'
-} as Pack
+import { Pack } from './index'
+
+// for component's internal
+export default {
+  // Button component
+  button: 'Button',
+} as Pack

package/{generators → template/generators}/config/i18n/tsx/src/locale/index.ts

@@ -1,67 +1,67 @@
-import { ref } from 'vue'
-import type { Ref } from 'vue'
-import zhCN from './zh-CN'
-
-export type Pack = {
-  // Button component
-  button: string
-
-  // internal
-  lang?: string
-}
-
-function useLocale<T = Pack>() {
-  const packs: Record<string, Partial<T>> = {}
-  const pack: Ref<Partial<T>> = ref({})
-
-  const add = (lang: string, pack: Partial<T> & { lang?: string }) => {
-    pack.lang = lang
-    packs[lang] = pack
-  }
-
-  const use = (lang: string) => {
-    if (!packs[lang]) {
-      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`)
-      return {}
-    }
-
-    pack.value = packs[lang]
-  }
-
-  const merge = (lang: string, pack: Partial<T>) => {
-    if (!packs[lang]) {
-      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`)
-      return
-    }
-
-    packs[lang] = { ...packs[lang], ...pack }
-
-    use(lang)
-  }
-
-  return {
-    packs,
-    pack,
-    add,
-    use,
-    merge,
-  }
-}
-
-const { packs, pack, add, use, merge } = useLocale()
-
-add('zh-CN', zhCN)
-use('zh-CN')
-
-export { packs, pack, add, use, merge, useLocale }
-
-export const _LocaleComponent = { packs, pack, add, use, merge, useLocale }
-
-export default {
-  packs,
-  pack,
-  add,
-  use,
-  merge,
-  useLocale,
-}
+import { ref } from 'vue'
+import type { Ref } from 'vue'
+import zhCN from './zh-CN'
+
+export type Pack = {
+  // Button component
+  button: string
+
+  // internal
+  lang?: string
+}
+
+function useLocale<T = Pack>() {
+  const packs: Record<string, Partial<T>> = {}
+  const pack: Ref<Partial<T>> = ref({})
+
+  const add = (lang: string, pack: Partial<T> & { lang?: string }) => {
+    pack.lang = lang
+    packs[lang] = pack
+  }
+
+  const use = (lang: string) => {
+    if (!packs[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`)
+      return {}
+    }
+
+    pack.value = packs[lang]
+  }
+
+  const merge = (lang: string, pack: Partial<T>) => {
+    if (!packs[lang]) {
+      console.warn(`The ${lang} does not exist. You can mount a language package using the add method`)
+      return
+    }
+
+    packs[lang] = { ...packs[lang], ...pack }
+
+    use(lang)
+  }
+
+  return {
+    packs,
+    pack,
+    add,
+    use,
+    merge,
+  }
+}
+
+const { packs, pack, add, use, merge } = useLocale()
+
+add('zh-CN', zhCN)
+use('zh-CN')
+
+export { packs, pack, add, use, merge, useLocale }
+
+export const _LocaleComponent = { packs, pack, add, use, merge, useLocale }
+
+export default {
+  packs,
+  pack,
+  add,
+  use,
+  merge,
+  useLocale,
+}

package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/zh-CN.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
-
-declare const zhCN: Pack
-
-export default zhCN
+import type { Pack } from '../../types'
+
+declare const zhCN: Pack
+
+export default zhCN

package/{generators/config/i18n/sfc → template/generators/config/i18n/tsx}/src/locale/zh-CN.ts

@@ -1,7 +1,7 @@
-import { Pack } from './index'
-
-// for component's internal
-export default {
-  // Button component
-  button: '按钮'
-} as Pack
+import { Pack } from './index'
+
+// for component's internal
+export default {
+  // Button component
+  button: '按钮',
+} as Pack

package/tsconfig.json

@@ -1,14 +1,15 @@
-{
-  "compilerOptions": {
-    "outDir": "./lib",
-    "target": "es5",
-    "strict": true,
-    "downlevelIteration": true,
-    "declaration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "jsx": "preserve",
-    "lib": ["esnext", "dom"]
-  },
-  "include": ["src/**/*"]
-}
+{
+  "compilerOptions": {
+    "outDir": "./lib",
+    "target": "esnext",
+    "module": "CommonJS",
+    "strict": true,
+    "downlevelIteration": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "jsx": "preserve",
+    "lib": ["esnext", "dom"]
+  },
+  "include": ["src/**/*"]
+}

package/varlet.default.config.js

@@ -4,8 +4,7 @@ module.exports = {
   host: 'localhost',
   port: 8080,
   title: 'VARLET',
-  themesKey: 'VARLET_THEMES',
-  logo: 'https://varlet-varletjs.vercel.app/varlet_icon.png',
+  logo: 'https://varlet.gitee.io/varlet-ui/varlet_icon.png',
   defaultLanguage: 'zh-CN',
   highlight: {
     /**
@@ -20,6 +19,128 @@ module.exports = {
   pc: {
     menu: [],
     redirect: '/index',
+    indexPage: {
+      description: {
+        'zh-CN':
+          'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验',
+        'en-US':
+          'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience',
+      },
+      started: {
+        'zh-CN': '起步',
+        'en-US': 'GET STARTED',
+      },
+      features: [
+        {
+          name: {
+            'zh-CN': '组件丰富',
+            'en-US': 'Rich components',
+          },
+          description: {
+            'zh-CN': '提供 50 个高质量通用组件',
+            'en-US': 'Provide 50 high quality general purpose components',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '按需引入',
+            'en-US': 'On-Demand',
+          },
+          description: {
+            'zh-CN': '每一个组件都可单独引入，并有着良好的 tree-shaking 优化',
+            'en-US': 'Each component can be imported separately and has good tree-shaking optimization',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '主题定制',
+            'en-US': 'Theme customization',
+          },
+          description: {
+            'zh-CN': '内置亮色和暗色两种主题，支持组件的样式自定义',
+            'en-US': 'Built-in light and dark themes, support style customization of components',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '国际化',
+            'en-US': 'Locale',
+          },
+          description: {
+            'zh-CN': '内置国际化 API，内置中文和英文的语言包',
+            'en-US': 'Built-in i18n API, which supports both Chinese and English languages by default',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '支持 Typescript',
+            'en-US': 'Support typescript',
+          },
+          description: {
+            'zh-CN': '使用 Typescript 构建，提供良好的组件类型系统',
+            'en-US': 'Built with typescript, which provides a nice components type system',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '服务端渲染',
+            'en-US': 'Server-side rendering',
+          },
+          description: {
+            'zh-CN': '对服务端渲染支持良好，并对 Nuxt 进行了适配',
+            'en-US': 'Good support for server-side rendering and adaptation to Nuxt',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '国人开发',
+            'en-US': 'Developed by Chinese',
+          },
+          description: {
+            'zh-CN': '由国人开发，完善的中英文文档和后勤保障',
+            'en-US': 'Complete Chinese and English documentation and logistics support',
+          },
+        },
+        {
+          name: {
+            'zh-CN': 'IDE 支持',
+            'en-US': 'IDE Code Support',
+          },
+          description: {
+            'zh-CN': '支持在 webstorm，vscode 中的组件语法高亮, 并提供 vscode 插件为开发提升效率',
+            'en-US':
+              'Supports to highlight the component syntax for webstorm and vscode, and provides a separate helper plugin for vscode',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '组件库快速成型工具',
+            'en-US': 'Component library toolchain',
+          },
+          description: {
+            'zh-CN': '开源了搭建本组件库的所有工具链，提供快速开发组件库的能力',
+            'en-US':
+              'Open-sourced the toolchain for building this component library, providing the ability to rapidly develop the component library',
+          },
+        },
+      ],
+      contributors: {
+        label: {
+          'zh-CN': '贡献者',
+          'en-US': 'Contributors',
+        },
+        link: 'https://github.com/varletjs/varlet/graphs/contributors',
+        image: 'https://contrib.rocks/image?repo=varletjs/varlet',
+      },
+      license: {
+        'zh-CN': '组件库基于 MIT 协议，您可以自由的使用和分享',
+        'en-US': 'Released under the MIT License, You can use and share freely.',
+      },
+      copyright: {
+        'zh-CN': 'Copyright © 2020 varletjs 组织成员以及 varlet 的贡献者们',
+        'en-US': 'Copyright © 2020 varletjs member and varlet contributors.',
+      },
+    },
     title: {
       'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
       'en-US': 'Material design mobile components built for Vue3',
@@ -31,7 +152,7 @@ module.exports = {
       },
       versions: null,
       github: 'https://github.com/varletjs/varlet',
-      playground: 'https://varlet-ui-playground.vercel.app',
+      playground: 'https://varlet.gitee.io/varlet-ui-playground',
       darkMode: true,
     },
     clipboard: {
@@ -58,13 +179,14 @@ module.exports = {
       darkMode: true,
     },
   },
-  themes: {
+  themeKey: 'VARLET_THEME',
+  lightTheme: {
     'color-body': '#fff',
-    'color-home-page-background': '#fff',
-    'color-home-page-slash': '#ccc',
-    'color-home-page-primary-button-background': '#3a7afe',
-    'color-home-page-extra-button-background': '#f5f5f5',
-    'color-home-page-github-button-background': '#212121',
+    'color-index-page-background': '#f2f2f2',
+    'color-index-page-feature-background': '#fff',
+    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #8baff8 50%, #84e0ff 50%)',
+    'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
+    'color-index-page-divider-color': '#ddd',
     'color-bar': '#fff',
     'color-sub-bar': '#f5f5f5',
     'color-text': '#555',
@@ -100,13 +222,13 @@ module.exports = {
     'color-hl-group-h': '#06a6e9',
     'color-hl-group-i': '#f23733',
   },
-  darkThemes: {
+  darkTheme: {
     'color-body': '#121212',
-    'color-home-page-background': 'linear-gradient(to right, #1e1e1e, #272727)',
-    'color-home-page-slash': '#111',
-    'color-home-page-primary-button-background': '#4a7afe',
-    'color-home-page-extra-button-background': '#303030',
-    'color-home-page-github-button-background': '#303030',
+    'color-index-page-background': '#1e1e1e',
+    'color-index-page-feature-background': '#303030',
+    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #729dfc 50%, #6859f4 50%)',
+    'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
+    'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
     'color-bar': '#1e1e1e',
     'color-sub-bar': '#272727',
     'color-text': '#fff',

package/lib/commands/jest.d.ts

@@ -1,8 +0,0 @@
-interface JestCommandOptions {
-    watch?: boolean;
-    watchAll?: boolean;
-    component?: string;
-    clearCache?: boolean;
-}
-export declare function jest(cmd: JestCommandOptions): Promise<void>;
-export {};

package/lib/commands/jest.js

@@ -1,81 +0,0 @@
-"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.jest = void 0;
-var logger_1 = __importDefault(require("../shared/logger"));
-var jest_1 = require("jest");
-var constant_1 = require("../shared/constant");
-function jest(cmd) {
-    return __awaiter(this, void 0, void 0, function () {
-        var config, response, e_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    process.env.NODE_ENV = 'test';
-                    config = {
-                        rootDir: constant_1.CWD,
-                        watch: cmd.watch,
-                        watchAll: cmd.watchAll,
-                        clearCache: cmd.clearCache,
-                        config: constant_1.JEST_CONFIG,
-                        testRegex: cmd.component && "".concat(cmd.component, "/__tests__/.*.spec.[jt]s?$"),
-                    };
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, (0, jest_1.runCLI)(config, [constant_1.CWD])];
-                case 2:
-                    response = _a.sent();
-                    if (!response.results.success && !cmd.watch) {
-                        process.exit(1);
-                    }
-                    return [3 /*break*/, 4];
-                case 3:
-                    e_1 = _a.sent();
-                    logger_1.default.error(e_1.toString());
-                    process.exit(1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    });
-}
-exports.jest = jest;

package/lib/config/jest.config.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/config/jest.config.js

@@ -1,36 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var constant_1 = require("../shared/constant");
-var path_1 = require("path");
-var fs_extra_1 = require("fs-extra");
-function getRootConfig() {
-    var file = (0, path_1.resolve)(constant_1.CWD, 'jest.config.js');
-    if ((0, fs_extra_1.pathExistsSync)(file)) {
-        delete require.cache[require.resolve(file)];
-        return require(file);
-    }
-    return {};
-}
-module.exports = __assign({ moduleNameMapper: {
-        '\\.(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,
-    }, transform: {
-        '\\.(vue)$': 'vue-jest',
-        '\\.(js|jsx|ts|tsx)$': 'babel-jest',
-    }, collectCoverage: true, collectCoverageFrom: [
-        'src/**/*.{js,jsx,ts,tsx,vue}',
-        "!**/".concat(constant_1.EXAMPLE_DIR_NAME, "/**"),
-        "!**/".concat(constant_1.DOCS_DIR_NAME, "/**"),
-        "!**/".concat(constant_1.TESTS_DIR_NAME, "/**"),
-    ], moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue'], transformIgnorePatterns: [] }, getRootConfig());

package/lib/config/jest.media.mock.js

@@ -1,2 +0,0 @@
-"use strict";
-module.exports = {};

package/lib/config/jest.style.mock.js

@@ -1,2 +0,0 @@
-"use strict";
-module.exports = {};