@varlet/cli 1.27.14 → 1.27.17-alpha.1656907860130

package/generators/config/default/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/default/sfc/src/button/docs/zh-CN.md

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

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

@@ -1,7 +1,7 @@
-<script setup>
-import BButton from '../Button'
-</script>
-
-<template>
-  <b-button>起步</b-button>
-</template>
+<script setup>
+import BButton from '../Button'
+</script>
+
+<template>
+  <b-button>起步</b-button>
+</template>

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

@@ -1,7 +1,7 @@
-<script setup>
-import BButton from '../Button'
-</script>
-
-<template>
-  <b-button color="#03A9F4">起步</b-button>
-</template>
+<script setup>
+import BButton from '../Button'
+</script>
+
+<template>
+  <b-button color="#03A9F4">起步</b-button>
+</template>

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

@@ -1,13 +1,13 @@
-<script setup>
-import AppType from '@varlet/cli/site/mobile/components/AppType'
-import BasicUse from './BasicUse'
-import ModifyColor from './ModifyColor'
-</script>
-
-<template>
-  <app-type>基本使用</app-type>
-  <basic-use/>
-
-  <app-type>修改颜色</app-type>
-  <modify-color/>
-</template>
+<script setup>
+import AppType from '@varlet/cli/site/mobile/components/AppType'
+import BasicUse from './BasicUse'
+import ModifyColor from './ModifyColor'
+</script>
+
+<template>
+  <app-type>基本使用</app-type>
+  <basic-use/>
+
+  <app-type>修改颜色</app-type>
+  <modify-color/>
+</template>

package/generators/config/default/sfc/src/button/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Button from './Button.vue'
-
-Button.install = function (app: App) {
-  app.component(Button.name, Button)
-}
-
-export const _ButtonComponent = Button
-
-export default Button
+import type { App } from 'vue'
+import Button from './Button.vue'
+
+Button.install = function (app: App) {
+  app.component(Button.name, Button)
+}
+
+export const _ButtonComponent = Button
+
+export default Button

package/generators/config/default/tsx/src/button/Button.tsx

@@ -1,31 +1,31 @@
-import { defineComponent, PropType } from 'vue'
-import './button.less'
-
-export default defineComponent({
-  name: 'BButton',
-  props: {
-    color: {
-      type: String
-    },
-    onClick: {
-      type: Function as PropType<(e: Event) => void>
-    }
-  },
-  setup(props, { slots }) {
-    const handleClick = (e: Event) => props.onClick?.(e)
-
-    return () => {
-      const { color } = props
-
-      return <>
-        <button
-          class="basic-button"
-          style={{ background: color }}
-          onClick={ handleClick }
-        >
-          { slots.default?.() }
-        </button>
-      </>
-    }
-  }
-})
+import { defineComponent, PropType } from 'vue'
+import './button.less'
+
+export default defineComponent({
+  name: 'BButton',
+  props: {
+    color: {
+      type: String
+    },
+    onClick: {
+      type: Function as PropType<(e: Event) => void>
+    }
+  },
+  setup(props, { slots }) {
+    const handleClick = (e: Event) => props.onClick?.(e)
+
+    return () => {
+      const { color } = props
+
+      return <>
+        <button
+          class="basic-button"
+          style={{ background: color }}
+          onClick={ handleClick }
+        >
+          { slots.default?.() }
+        </button>
+      </>
+    }
+  }
+})

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

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

package/generators/config/default/tsx/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/default/tsx/src/button/docs/zh-CN.md

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

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

@@ -1,7 +1,7 @@
-<script setup>
-import BButton from '../Button'
-</script>
-
-<template>
-  <b-button>起步</b-button>
-</template>
+<script setup>
+import BButton from '../Button'
+</script>
+
+<template>
+  <b-button>起步</b-button>
+</template>

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

@@ -1,7 +1,7 @@
-<script setup>
-import BButton from '../Button'
-</script>
-
-<template>
-  <b-button color="#03A9F4">起步</b-button>
-</template>
+<script setup>
+import BButton from '../Button'
+</script>
+
+<template>
+  <b-button color="#03A9F4">起步</b-button>
+</template>

package/generators/config/default/tsx/src/button/example/index.vue

@@ -1,13 +1,13 @@
-<script setup>
-import AppType from '@varlet/cli/site/mobile/components/AppType'
-import BasicUse from './BasicUse'
-import ModifyColor from './ModifyColor'
-</script>
-
-<template>
-  <app-type>基本使用</app-type>
-  <basic-use/>
-
-  <app-type>修改颜色</app-type>
-  <modify-color/>
-</template>
+<script setup>
+import AppType from '@varlet/cli/site/mobile/components/AppType'
+import BasicUse from './BasicUse'
+import ModifyColor from './ModifyColor'
+</script>
+
+<template>
+  <app-type>基本使用</app-type>
+  <basic-use/>
+
+  <app-type>修改颜色</app-type>
+  <modify-color/>
+</template>

package/generators/config/default/tsx/src/button/index.ts

@@ -1,10 +1,10 @@
-import type { App } from 'vue'
-import Button from './Button'
-
-Button.install = function (app: App) {
-  app.component(Button.name, Button)
-}
-
-export const _ButtonComponent = Button
-
-export default Button
+import type { App } from 'vue'
+import Button from './Button'
+
+Button.install = function (app: App) {
+  app.component(Button.name, Button)
+}
+
+export const _ButtonComponent = Button
+
+export default Button

package/generators/config/i18n/base/docs/home.en-US.md

@@ -1,11 +1,11 @@
-<div class="varlet-introduce">
-  <div class="varlet-introduce__row">
-    <img class="varlet-introduce__image" src="../public/logo.svg" />
-    <div class="varlet-introduce__name">Basic UI</div>  
-  </div>
-  <div class="varlet-introduce__des">Components Library</div>
-</div>
-
-### Intro
-
-Introduce the library, write whatever you want to write...
+<div class="varlet-introduce">
+  <div class="varlet-introduce__row">
+    <img class="varlet-introduce__image" src="../public/logo.svg" />
+    <div class="varlet-introduce__name">Basic UI</div>  
+  </div>
+  <div class="varlet-introduce__des">Components Library</div>
+</div>
+
+### Intro
+
+Introduce the library, write whatever you want to write...

package/generators/config/i18n/base/docs/home.zh-CN.md

@@ -1,11 +1,11 @@
-<div class="varlet-introduce">
-  <div class="varlet-introduce__row">
-    <img class="varlet-introduce__image" src="../public/logo.svg" />
-    <div class="varlet-introduce__name">Basic UI</div>  
-  </div>
-  <div class="varlet-introduce__des">一个组件库</div>
-</div>
-
-### 介绍
-
+<div class="varlet-introduce">
+  <div class="varlet-introduce__row">
+    <img class="varlet-introduce__image" src="../public/logo.svg" />
+    <div class="varlet-introduce__name">Basic UI</div>  
+  </div>
+  <div class="varlet-introduce__des">一个组件库</div>
+</div>
+
+### 介绍
+
 这里可以介绍一下组件库, 想写什么就写什么...

package/generators/config/i18n/base/package.json

@@ -38,6 +38,7 @@
     "@varlet/icons": "workspace:*",
     "@varlet/stylelint-config": "workspace:*",
     "@varlet/touch-emulator": "workspace:*",
+    "@varlet/shared": "workspace:*",
     "@vue/test-utils": "2.0.0-rc.6",
     "clipboard": "^2.0.6",
     "eslint": "^7.30.0",

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

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
-
-export class BasicComponent {
-  static name: string
-
-  static install(app: App): void
-}
+import type { App } from 'vue'
+
+export class BasicComponent {
+  static name: string
+
+  static install(app: App): void
+}

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

@@ -1,12 +1,12 @@
-import { BasicComponent } from './basicComponent'
-
-export interface ButtonProps {
-  color?: string
-  onClick?: (e: Event) => void
-}
-
-export class Button extends BasicComponent {
-  $props: ButtonProps
-}
-
-export class _ButtonComponent extends Button {}
+import { BasicComponent } from './basicComponent'
+
+export interface ButtonProps {
+  color?: string
+  onClick?: (e: Event) => void
+}
+
+export class Button extends BasicComponent {
+  $props: ButtonProps
+}
+
+export class _ButtonComponent extends Button {}

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

@@ -1,7 +1,7 @@
-import type { App } from 'vue'
-
-export const install: (app: App) => void
-
-export * from './basicComponent'
-export * from './button'
-export * from './locale'
+import type { App } from 'vue'
+
+export const install: (app: App) => void
+
+export * from './basicComponent'
+export * from './button'
+export * from './locale'

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 {}