@varlet/cli 1.27.16 → 1.27.17-alpha.1656907860130

package/generators/base/.prettierignore

@@ -1,9 +1,9 @@
-coverage/**
-es/**
-umd/**
-site/**
-public/**
-types/global.d.ts
-*.md
-package.json
-
+coverage/**
+es/**
+umd/**
+site/**
+public/**
+types/global.d.ts
+*.md
+package.json
+

package/generators/base/.prettierrc

@@ -1,5 +1,5 @@
-{
-  "printWidth": 120,
-  "singleQuote": true,
-  "semi": false
-}
+{
+  "printWidth": 120,
+  "singleQuote": true,
+  "semi": false
+}

package/generators/base/README.md

@@ -1,82 +1,82 @@
-# varlet-cli-app
-
-### Reference
-
-[@varlet/cli 中文文档](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.md)
-[@varlet/cli documentation](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.en-US.md)
-
-### Quickstart
-
-```shell
-pnpm install
-pnpm dev
-```
-
-### Commands
-
-#### Start the development server
-
-```shell
-pnpm dev
-```
-
-#### Build documentation site
-
-```shell
-pnpm build
-```
-
-#### Building component libraries
-
-```shell
-pnpm compile
-```
-
-#### Lint code
-
-```shell
-pnpm lint
-```
-
-#### Run unit test
-
-```shell
-pnpm test
-```
-
-#### Run unit test in watch mode
-
-```shell
-pnpm test:watch 
-or
-pnpm test:watchAll 
-```
-
-#### Mount Git Hooks
-
-```shell
-npx simple-git-hooks
-```
-
-#### Generate changelog
-
-```shell
-pnpm changelog
-```
-
-#### Release
-
-tips: 
-- 1.The registry of npm must be the official source of npm
-- 2.The npm must be logged in
-
-```shell
-pnpm release
-```
-
-#### Create component template files
-
-```shell
-pnpm create <componentName>
-```
-
+# varlet-cli-app
+
+### Reference
+
+[@varlet/cli 中文文档](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.md)
+[@varlet/cli documentation](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.en-US.md)
+
+### Quickstart
+
+```shell
+pnpm install
+pnpm dev
+```
+
+### Commands
+
+#### Start the development server
+
+```shell
+pnpm dev
+```
+
+#### Build documentation site
+
+```shell
+pnpm build
+```
+
+#### Building component libraries
+
+```shell
+pnpm compile
+```
+
+#### Lint code
+
+```shell
+pnpm lint
+```
+
+#### Run unit test
+
+```shell
+pnpm test
+```
+
+#### Run unit test in watch mode
+
+```shell
+pnpm test:watch 
+or
+pnpm test:watchAll 
+```
+
+#### Mount Git Hooks
+
+```shell
+npx simple-git-hooks
+```
+
+#### Generate changelog
+
+```shell
+pnpm changelog
+```
+
+#### Release
+
+tips: 
+- 1.The registry of npm must be the official source of npm
+- 2.The npm must be logged in
+
+```shell
+pnpm release
+```
+
+#### Create component template files
+
+```shell
+pnpm create <componentName>
+```
+

package/generators/base/babel.config.js

@@ -1,10 +1,10 @@
-module.exports = {
-  presets: [
-    [
-      '@varlet/cli/preset',
-      {
-        loose: process.env.NODE_ENV === 'compile',
-      },
-    ],
-  ],
-}
+module.exports = {
+  presets: [
+    [
+      '@varlet/cli/preset',
+      {
+        loose: process.env.NODE_ENV === 'compile',
+      },
+    ],
+  ],
+}

package/generators/base/public/highlight.css

@@ -1 +1 @@
-.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}
+.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}

package/generators/base/public/logo.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 261.76 226.69"><path d="M161.096.001l-30.225 52.351L100.647.001H-.005l130.877 226.688L261.749.001z" fill="#41b883"/><path d="M161.096.001l-30.225 52.351L100.647.001H52.346l78.526 136.01L209.398.001z" fill="#34495e"/></svg>

package/generators/base/shims/shims-md.d.ts

@@ -1,4 +1,4 @@
-declare module '*.md' {
-  const content: string
-  export default content
-}
+declare module '*.md' {
+  const content: string
+  export default content
+}

package/generators/base/shims/shims-vue.d.ts

@@ -1,6 +1,6 @@
-declare module '*.vue' {
-  import { defineComponent } from 'vue'
-
-  const component: ReturnType<typeof defineComponent>
-  export default component
-}
+declare module '*.vue' {
+  import { defineComponent } from 'vue'
+
+  const component: ReturnType<typeof defineComponent>
+  export default component
+}

package/generators/base/tsconfig.json

@@ -1,13 +1,13 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "downlevelIteration": true,
-    "declaration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowJs": true,
-    "lib": ["esnext", "dom"],
-    "allowSyntheticDefaultImports": true,
-    "jsx": "preserve"
-  }
-}
+{
+  "compilerOptions": {
+    "strict": true,
+    "downlevelIteration": true,
+    "declaration": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "lib": ["esnext", "dom"],
+    "allowSyntheticDefaultImports": true,
+    "jsx": "preserve"
+  }
+}

package/generators/config/default/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/default/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/default/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/default/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/default/base/types/index.d.ts

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

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

@@ -1,110 +1,110 @@
-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': '一个组件库',
-    },
-    header: {
-      darkMode: null,
-      versions: null,
-      i18n: null,
-      playground: null,
-      github: 'https://github.com/varletjs/varlet',
-    },
-    menu: [
-      {
-        text: {
-          'zh-CN': '开发指南',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': '基本介绍',
-        },
-        doc: 'home',
-        type: 3,
-      },
-      {
-        text: {
-          'zh-CN': '基础组件',
-        },
-        type: 1,
-      },
-      {
-        text: {
-          'zh-CN': 'Button 按钮',
-        },
-        doc: 'button',
-        type: 2,
-      },
-    ],
-  },
-  mobile: {
-    redirect: '/home',
-    title: {
-      'zh-CN': '一个组件库',
-    },
-    header: {
-      i18n: null,
-      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': '一个组件库',
+    },
+    header: {
+      darkMode: null,
+      versions: null,
+      i18n: null,
+      playground: null,
+      github: 'https://github.com/varletjs/varlet',
+    },
+    menu: [
+      {
+        text: {
+          'zh-CN': '开发指南',
+        },
+        type: 1,
+      },
+      {
+        text: {
+          'zh-CN': '基本介绍',
+        },
+        doc: 'home',
+        type: 3,
+      },
+      {
+        text: {
+          'zh-CN': '基础组件',
+        },
+        type: 1,
+      },
+      {
+        text: {
+          'zh-CN': 'Button 按钮',
+        },
+        doc: 'button',
+        type: 2,
+      },
+    ],
+  },
+  mobile: {
+    redirect: '/home',
+    title: {
+      'zh-CN': '一个组件库',
+    },
+    header: {
+      i18n: null,
+      darkMode: null,
+      github: 'https://github.com/varletjs/varlet',
+    },
+  },
+}

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

@@ -1,30 +1,30 @@
-<template>
-  <button class="basic-button" :style="{ background: color }">
-    <slot />
-  </button>
-</template>
-
-<script lang="ts">
-import { defineComponent, PropType } from 'vue'
-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 />
+  </button>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType } from 'vue'
+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/default/sfc/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()
+})