@varlet/cli 2.0.0-alpha.1663499244572 → 2.0.0-alpha.1664031123039

package/template/generators/config/i18n/tsx/src/locale/__tests__/index.spec.js

@@ -1,51 +1,51 @@
-import enUS from '../en-US'
-import { useLocale } from '../index'
-
-function mockConsole(method, fn = () => {}) {
-  const originMethod = console[method]
-
-  console[method] = fn
-
-  return {
-    mockRestore() {
-      console[method] = originMethod
-    },
-  }
-}
-
-test('test add lang', () => {
-  const { add, use, pack, packs } = useLocale()
-
-  const LANG = 'custom'
-  const PACK = {
-    button: 'Custom Text',
-  }
-
-  add(LANG, PACK)
-  use(LANG)
-
-  expect(pack.value.lang).toBe(LANG)
-  expect(packs[LANG]).toBe(PACK)
-})
-
-test('test merge lang', () => {
-  const fn = jest.fn()
-  const { mockRestore } = mockConsole('warn', fn)
-  const { add, use, merge, pack } = useLocale()
-
-  const LANG = 'en-US'
-  const PACK = {
-    button: 'Custom Text',
-  }
-
-  add(LANG, enUS)
-  use('zh_HK')
-  use(LANG)
-  merge('zh_HK', PACK)
-  merge(LANG, PACK)
-
-  expect(pack.value.button).toBe('Custom Text')
-  expect(fn).toHaveBeenCalledTimes(2)
-
-  mockRestore()
-})
+import enUS from '../en-US'
+import { useLocale } from '../index'
+
+function mockConsole(method, fn = () => {}) {
+  const originMethod = console[method]
+
+  console[method] = fn
+
+  return {
+    mockRestore() {
+      console[method] = originMethod
+    },
+  }
+}
+
+test('test add lang', () => {
+  const { add, use, pack, packs } = useLocale()
+
+  const LANG = 'custom'
+  const PACK = {
+    button: 'Custom Text',
+  }
+
+  add(LANG, PACK)
+  use(LANG)
+
+  expect(pack.value.lang).toBe(LANG)
+  expect(packs[LANG]).toBe(PACK)
+})
+
+test('test merge lang', () => {
+  const fn = jest.fn()
+  const { mockRestore } = mockConsole('warn', fn)
+  const { add, use, merge, pack } = useLocale()
+
+  const LANG = 'en-US'
+  const PACK = {
+    button: 'Custom Text',
+  }
+
+  add(LANG, enUS)
+  use('zh_HK')
+  use(LANG)
+  merge('zh_HK', PACK)
+  merge(LANG, PACK)
+
+  expect(pack.value.button).toBe('Custom Text')
+  expect(fn).toHaveBeenCalledTimes(2)
+
+  mockRestore()
+})

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

package/varlet.default.config.js

@@ -137,8 +137,8 @@ module.exports = {
         '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.',
+        'zh-CN': 'Copyright © 2022 varletjs 组织成员以及 varlet 的贡献者们',
+        'en-US': 'Copyright © 2022 varletjs member and varlet contributors.',
       },
     },
     title: {
@@ -152,7 +152,7 @@ module.exports = {
       },
       versions: null,
       github: 'https://github.com/varletjs/varlet',
-      playground: 'https://varlet.gitee.io/varlet-ui-playground',
+      playground: 'https://varlet-ui-playground-git-dev-varletjs.vercel.app/',
       darkMode: true,
     },
     clipboard: {

package/lib/commands/test.d.ts

@@ -1,7 +0,0 @@
-interface TestCommandOptions {
-    watch?: boolean;
-    component?: string;
-    coverage?: boolean;
-}
-export declare function test({ component, watch, coverage }: TestCommandOptions): Promise<void>;
-export {};

package/lib/commands/test.js

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.test = void 0;
-const execa_1 = __importDefault(require("execa"));
-const constant_1 = require("../shared/constant");
-const compileSiteEntry_1 = require("../compiler/compileSiteEntry");
-async function test({ component, watch, coverage }) {
-    process.env.NODE_ENV = 'test';
-    // Test cases may contain documentation example code, and site dependencies need to build
-    await (0, compileSiteEntry_1.buildSiteEntry)();
-    const args = ['--config', constant_1.VITEST_CONFIG];
-    if (!watch) {
-        args.unshift('run');
-    }
-    if (coverage) {
-        args.push('--coverage');
-    }
-    if (component) {
-        args.push('--dir', `src/${component.trim()}`);
-    }
-    await (0, execa_1.default)('vitest', args, { stdin: 'inherit', stdout: 'inherit', stderr: 'inherit' });
-}
-exports.test = test;

package/lib/config/vitest.config.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("vitest/dist/config").UserConfigExport;
-export default _default;

package/lib/config/vitest.config.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const plugin_vue_1 = __importDefault(require("@vitejs/plugin-vue"));
-const plugin_vue_jsx_1 = __importDefault(require("@vitejs/plugin-vue-jsx"));
-const config_1 = require("vitest/config");
-const constant_1 = require("../shared/constant");
-exports.default = (0, config_1.defineConfig)({
-    resolve: {
-        alias: {
-            '@config': constant_1.SITE_CONFIG,
-        },
-        extensions: constant_1.VITE_RESOLVE_EXTENSIONS,
-    },
-    plugins: [(0, plugin_vue_1.default)(), (0, plugin_vue_jsx_1.default)()],
-    test: {
-        environment: 'jsdom',
-        coverage: {
-            provider: 'istanbul',
-        },
-        globals: true,
-        transformMode: {
-            web: [/\.[jt]sx$/],
-        },
-    },
-});

package/template/generators/base/public/highlight.css

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