@varlet/cli 1.27.17-alpha.1656907860130 → 1.27.19

package/generators/config/i18n/base/types/locale.d.ts

@@ -1,24 +1,24 @@
-import type { Ref } from 'vue'
-
-export type Pack = {
-  button: string
-}
-
-interface Locale {
-  packs: Record<string, Partial<Pack>>
-  pack: Ref<Partial<Pack>>
-  add(lang: string, pack: Partial<Pack>): void
-  use(lang: string): void
-  merge(lang: string, pack: Partial<Pack>): void
-  useLocale<T = Pack>(): {
-    packs: Record<string, Partial<T>>
-    pack: Ref<Partial<T>>
-    add(lang: string, pack: Partial<T> & { lang?: string }): void
-    use(lang: string): void
-    merge(lang: string, pack: Partial<T>): void
-  }
-}
-
-export const Locale: Locale
-
-export class _LocaleComponent {}
+import type { Ref } from 'vue'
+
+export type Pack = {
+  button: string
+}
+
+interface Locale {
+  packs: Record<string, Partial<Pack>>
+  pack: Ref<Partial<Pack>>
+  add(lang: string, pack: Partial<Pack>): void
+  use(lang: string): void
+  merge(lang: string, pack: Partial<Pack>): void
+  useLocale<T = Pack>(): {
+    packs: Record<string, Partial<T>>
+    pack: Ref<Partial<T>>
+    add(lang: string, pack: Partial<T> & { lang?: string }): void
+    use(lang: string): void
+    merge(lang: string, pack: Partial<T>): void
+  }
+}
+
+export const Locale: Locale
+
+export class _LocaleComponent {}

package/generators/config/i18n/base/varlet.config.js

@@ -1,122 +1,122 @@
-module.exports = {
-  name: 'Basic',
-  namespace: 'b',
-  title: 'Basic UI',
-  logo: './logo.svg',
-  useMobile: true,
-  themes: {
-    'color-body': '#fff',
-    'color-bar': '#fff',
-    'color-sub-bar': '#f5f5f5',
-    'color-text': '#555',
-    'color-sub-text': '#888',
-    'color-border': 'rgba(0, 0, 0, 0.12)',
-    'color-shadow': '#eee',
-    'color-introduce-border': '#009688',
-    'color-primary': '#009688',
-    'color-link': '#009688',
-    'color-type': '#009688',
-    'color-progress': '#009688',
-    'color-progress-track': '#fff',
-    'color-side-bar': '#009688',
-    'color-side-bar-active-background': '#00968821',
-    'color-app-bar': '#009688',
-    'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
-    'color-pc-language-active': '#009688',
-    'color-pc-language-active-background': '#00968821',
-    'color-mobile-language-active': '#009688',
-    'color-mobile-language-active-background': '#00968821',
-    'color-mobile-cell-hover': '#009688'
-  },
-  darkThemes: {
-    'color-body': '#121212',
-    'color-bar': '#1e1e1e',
-    'color-sub-bar': '#272727',
-    'color-text': '#fff',
-    'color-sub-text': '#aaa',
-    'color-border': '#333',
-    'color-shadow': '#121212',
-    'color-introduce-border': '#555',
-    'color-primary': '#009688',
-    'color-link': '#009688',
-    'color-type': '#009688',
-    'color-progress': '#009688',
-    'color-progress-track': '#202020',
-    'color-side-bar': '#009688',
-    'color-side-bar-active-background': '#00968821',
-    'color-app-bar': '#009688',
-    'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
-    'color-pc-language-active': '#009688',
-    'color-pc-language-active-background': '#00968821',
-    'color-mobile-language-active': '#009688',
-    'color-mobile-language-active-background': '#00968821',
-    'color-mobile-cell-hover': '#009688',
-  },
-  highlight: {
-    style: './highlight.css',
-  },
-  pc: {
-    redirect: '/home',
-    title: {
-      'zh-CN': '一个组件库',
-      'en-US': 'Components Library'
-    },
-    header: {
-      darkMode: null,
-      versions: null,
-      i18n: {
-        'zh-CN': '中文',
-        'en-US': 'English',
-      },
-      playground: null,
-      github: 'https://github.com/varletjs/varlet',
-    },
-    menu: [
-      {
-        text: {
-          'zh-CN': '开发指南',
-          'en-US': 'Developer guide',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': '基本介绍',
-          'en-US': 'Basic Introduce',
-        },
-        doc: 'home',
-        type: 3,
-      },
-      {
-        text: {
-          'zh-CN': '基础组件',
-          'en-US': 'Basic Components',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': 'Button 按钮',
-          'en-US': 'Button',
-        },
-        doc: 'button',
-        type: 2,
-      },
-    ],
-  },
-  mobile: {
-    redirect: '/home',
-    title: {
-      'zh-CN': '一个组件库',
-      'en-US': 'Components Library'
-    },
-    header: {
-      i18n: {
-        'zh-CN': '中文',
-        'en-US': 'English',
-      },
-      darkMode: null,
-      github: 'https://github.com/varletjs/varlet',
-    },
-  },
-}
+module.exports = {
+  name: 'Basic',
+  namespace: 'b',
+  title: 'Basic UI',
+  logo: './logo.svg',
+  useMobile: true,
+  themes: {
+    'color-body': '#fff',
+    'color-bar': '#fff',
+    'color-sub-bar': '#f5f5f5',
+    'color-text': '#555',
+    'color-sub-text': '#888',
+    'color-border': 'rgba(0, 0, 0, 0.12)',
+    'color-shadow': '#eee',
+    'color-introduce-border': '#009688',
+    'color-primary': '#009688',
+    'color-link': '#009688',
+    'color-type': '#009688',
+    'color-progress': '#009688',
+    'color-progress-track': '#fff',
+    'color-side-bar': '#009688',
+    'color-side-bar-active-background': '#00968821',
+    'color-app-bar': '#009688',
+    'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
+    'color-pc-language-active': '#009688',
+    'color-pc-language-active-background': '#00968821',
+    'color-mobile-language-active': '#009688',
+    'color-mobile-language-active-background': '#00968821',
+    'color-mobile-cell-hover': '#009688'
+  },
+  darkThemes: {
+    'color-body': '#121212',
+    'color-bar': '#1e1e1e',
+    'color-sub-bar': '#272727',
+    'color-text': '#fff',
+    'color-sub-text': '#aaa',
+    'color-border': '#333',
+    'color-shadow': '#121212',
+    'color-introduce-border': '#555',
+    'color-primary': '#009688',
+    'color-link': '#009688',
+    'color-type': '#009688',
+    'color-progress': '#009688',
+    'color-progress-track': '#202020',
+    'color-side-bar': '#009688',
+    'color-side-bar-active-background': '#00968821',
+    'color-app-bar': '#009688',
+    'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
+    'color-pc-language-active': '#009688',
+    'color-pc-language-active-background': '#00968821',
+    'color-mobile-language-active': '#009688',
+    'color-mobile-language-active-background': '#00968821',
+    'color-mobile-cell-hover': '#009688',
+  },
+  highlight: {
+    style: './highlight.css',
+  },
+  pc: {
+    redirect: '/home',
+    title: {
+      'zh-CN': '一个组件库',
+      'en-US': 'Components Library'
+    },
+    header: {
+      darkMode: null,
+      versions: null,
+      i18n: {
+        'zh-CN': '中文',
+        'en-US': 'English',
+      },
+      playground: null,
+      github: 'https://github.com/varletjs/varlet',
+    },
+    menu: [
+      {
+        text: {
+          'zh-CN': '开发指南',
+          'en-US': 'Developer guide',
+        },
+        type: 1,
+      },
+      {
+        text: {
+          'zh-CN': '基本介绍',
+          'en-US': 'Basic Introduce',
+        },
+        doc: 'home',
+        type: 3,
+      },
+      {
+        text: {
+          'zh-CN': '基础组件',
+          'en-US': 'Basic Components',
+        },
+        type: 1,
+      },
+      {
+        text: {
+          'zh-CN': 'Button 按钮',
+          'en-US': 'Button',
+        },
+        doc: 'button',
+        type: 2,
+      },
+    ],
+  },
+  mobile: {
+    redirect: '/home',
+    title: {
+      'zh-CN': '一个组件库',
+      'en-US': 'Components Library'
+    },
+    header: {
+      i18n: {
+        'zh-CN': '中文',
+        'en-US': 'English',
+      },
+      darkMode: null,
+      github: 'https://github.com/varletjs/varlet',
+    },
+  },
+}

package/generators/config/i18n/sfc/src/button/Button.vue

@@ -1,36 +1,36 @@
-<template>
-  <button class="basic-button" :style="{ background: color }">
-    <slot />
-<!--    {{ pack.button }}-->
-  </button>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue'
-
-// i18n for component's internal
-// import { pack } from '../locale'
-
-export default defineComponent({
-  name: 'BButton',
-  props: {
-    color: {
-      type: String
-    },
-    onClick: {
-      type: Function as PropType<(e: Event) => void>
-    }
-  },
-  setup(props) {
-    const handleClick = (e: Event) => props.onClick?.(e)
-
-    return {
-      handleClick
-    }
-  }
-})
-</script>
-
-<style lang="less">
-@import "button";
-</style>
+<template>
+  <button class="basic-button" :style="{ background: color }">
+    <slot />
+<!--    {{ pack.button }}-->
+  </button>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
+
+// i18n for component's internal
+// import { pack } from '../locale'
+
+export default defineComponent({
+  name: 'BButton',
+  props: {
+    color: {
+      type: String
+    },
+    onClick: {
+      type: Function as PropType<(e: Event) => void>
+    }
+  },
+  setup(props) {
+    const handleClick = (e: Event) => props.onClick?.(e)
+
+    return {
+      handleClick
+    }
+  }
+})
+</script>
+
+<style lang="less">
+@import "button";
+</style>

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

@@ -1,7 +1,7 @@
-import Button from '../index'
-import { createApp } from 'vue'
-
-test('test button use', () => {
-  const app = createApp({}).use(Button)
-  expect(app.component(Button.name)).toBeTruthy()
-})
+import Button from '../index'
+import { createApp } from 'vue'
+
+test('test button use', () => {
+  const app = createApp({}).use(Button)
+  expect(app.component(Button.name)).toBeTruthy()
+})

package/generators/config/i18n/sfc/src/button/button.less

@@ -1,14 +1,14 @@
-.basic-button {
-  display: flex;
-  padding: 10px;
-  background: #009688;
-  color: #fff;
-  outline: none;
-  border: none;
-  border-radius: 2px;
-  cursor: pointer;
-
-  &:active {
-    opacity: 0.9
-  }
-}
+.basic-button {
+  display: flex;
+  padding: 10px;
+  background: #009688;
+  color: #fff;
+  outline: none;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+
+  &:active {
+    opacity: 0.9
+  }
+}

package/generators/config/i18n/sfc/src/button/docs/en-US.md

@@ -1,35 +1,35 @@
-# Button
-
-### Basic Use
-```html
-<b-button>start</b-button>
-```
-
-### Theme Color Button
-```html
-<b-button color="#009688">start</b-button>
-```
-
-```vue
-import ModifyColor from '../example/ModifyColor'
-```
-
-## API
-
-### Props
-
-| Prop  | Description | Type | Default |
-| --- | --- | --- | --- | 
-| `color` | 按钮颜色 | _string_ | `default` |
-
-### Events
-
-| Event | Description | Arguments |
-| --- | --- | --- |
-| `click` | Triggered when the button is clicked | `event: Event` |
-
-### Slots
-
-| Slot      | Description | Arguments |
-|-----------| --- | --- |
+# Button
+
+### Basic Use
+```html
+<b-button>start</b-button>
+```
+
+### Theme Color Button
+```html
+<b-button color="#009688">start</b-button>
+```
+
+```vue
+import ModifyColor from '../example/ModifyColor'
+```
+
+## API
+
+### Props
+
+| Prop  | Description | Type | Default |
+| --- | --- | --- | --- | 
+| `color` | 按钮颜色 | _string_ | `default` |
+
+### Events
+
+| Event | Description | Arguments |
+| --- | --- | --- |
+| `click` | Triggered when the button is clicked | `event: Event` |
+
+### Slots
+
+| Slot      | Description | Arguments |
+|-----------| --- | --- |
 | `default` | Button content | `-` |

package/generators/config/i18n/sfc/src/button/docs/zh-CN.md

@@ -1,35 +1,35 @@
-# 按钮
-
-### 基本使用
-```html
-<b-button>组件库从我开始</b-button>
-```
-
-### 主题色按钮
-```html
-<b-button color="#009688">组件库从我开始</b-button>
-```
-
-```vue
-import ModifyColor from '../example/ModifyColor'
-```
-
-## API
-
-### 属性
-
-| 参数 | 说明 | 类型 | 默认值 | 
-| --- | --- | --- | --- | 
-| `color` | 按钮颜色 | _string_ | `default` |
-
-### 事件
-
-| 事件名 | 说明 | 参数 |
-| --- | --- | --- |
-| `click` | 点击按钮时触发 | `event: Event` |
-
-### 插槽
-
-| 插槽名 | 说明 | 参数 |
-| --- | --- | --- |
+# 按钮
+
+### 基本使用
+```html
+<b-button>组件库从我开始</b-button>
+```
+
+### 主题色按钮
+```html
+<b-button color="#009688">组件库从我开始</b-button>
+```
+
+```vue
+import ModifyColor from '../example/ModifyColor'
+```
+
+## API
+
+### 属性
+
+| 参数 | 说明 | 类型 | 默认值 | 
+| --- | --- | --- | --- | 
+| `color` | 按钮颜色 | _string_ | `default` |
+
+### 事件
+
+| 事件名 | 说明 | 参数 |
+| --- | --- | --- |
+| `click` | 点击按钮时触发 | `event: Event` |
+
+### 插槽
+
+| 插槽名 | 说明 | 参数 |
+| --- | --- | --- |
 | `default` | 按钮内容 | `-` |

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

@@ -1,11 +1,11 @@
-<script setup>
-import { watchLang } from '@varlet/cli/site/utils'
-import BButton from '../Button'
-import { pack, use } from './locale'
-
-watchLang(use)
-</script>
-
-<template>
-  <b-button>{{ pack.start }}</b-button>
-</template>
+<script setup>
+import { watchLang } from '@varlet/cli/site/utils'
+import BButton from '../Button'
+import { pack, use } from './locale'
+
+watchLang(use)
+</script>
+
+<template>
+  <b-button>{{ pack.start }}</b-button>
+</template>

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

@@ -1,11 +1,11 @@
-<script setup>
-import { watchLang } from '@varlet/cli/site/utils'
-import BButton from '../Button'
-import { pack, use } from './locale'
-
-watchLang(use, 'pc')
-</script>
-
-<template>
-  <b-button color="#03A9F4">{{ pack.start }}</b-button>
-</template>
+<script setup>
+import { watchLang } from '@varlet/cli/site/utils'
+import BButton from '../Button'
+import { pack, use } from './locale'
+
+watchLang(use, 'pc')
+</script>
+
+<template>
+  <b-button color="#03A9F4">{{ pack.start }}</b-button>
+</template>

package/generators/config/i18n/sfc/src/button/example/index.vue

@@ -1,13 +1,13 @@
-<script setup>
-import AppType from '@varlet/cli/site/mobile/components/AppType'
-import { watchLang } from '@varlet/cli/site/utils'
-import BasicUse from './BasicUse'
-import { pack, use } from './locale'
-
-watchLang(use)
-</script>
-
-<template>
-  <app-type>{{ pack.basicUse }}</app-type>
-  <basic-use/>
-</template>
+<script setup>
+import AppType from '@varlet/cli/site/mobile/components/AppType'
+import { watchLang } from '@varlet/cli/site/utils'
+import BasicUse from './BasicUse'
+import { pack, use } from './locale'
+
+watchLang(use)
+</script>
+
+<template>
+  <app-type>{{ pack.basicUse }}</app-type>
+  <basic-use/>
+</template>

package/generators/config/i18n/sfc/src/button/example/locale/en-US.ts

@@ -1,5 +1,5 @@
-export default {
-  basicUse: 'Basic use',
-  modifyColor: 'Modify Color',
-  start: 'Start'
-}
+export default {
+  basicUse: 'Basic use',
+  modifyColor: 'Modify Color',
+  start: 'Start'
+}