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

package/lib/shared/logger.js

@@ -1,23 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const chalk_1 = __importDefault(require("chalk"));
-exports.default = {
-    info(text) {
-        console.log(text);
-    },
-    success(text) {
-        console.log(chalk_1.default.hex('#00c48f')(text));
-    },
-    warning(text) {
-        console.log(chalk_1.default.hex('#ff9800')(text));
-    },
-    error(text) {
-        console.log(chalk_1.default.hex('#f44336')(text));
-    },
-    title(text) {
-        console.log(chalk_1.default.cyan(text));
-    },
-};
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var chalk_1 = __importDefault(require("chalk"));
+exports.default = {
+    info: function (text) {
+        console.log(text);
+    },
+    success: function (text) {
+        console.log(chalk_1.default.hex('#00c48f')(text));
+    },
+    warning: function (text) {
+        console.log(chalk_1.default.hex('#ff9800')(text));
+    },
+    error: function (text) {
+        console.log(chalk_1.default.hex('#f44336')(text));
+    },
+    title: function (text) {
+        console.log(chalk_1.default.cyan(text));
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.0.0-alpha.1663499244572",
+  "version": "2.0.0-alpha.1664031123039",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -32,36 +32,39 @@
     "@babel/helper-plugin-utils": "^7.14.5",
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
-    "@varlet/icons": "2.0.0-alpha.1663499244572",
-    "@varlet/markdown-vite-plugin": "2.0.0-alpha.1663499244572",
-    "@varlet/shared": "2.0.0-alpha.1663499244572",
-    "@varlet/touch-emulator": "2.0.0-alpha.1663499244572",
+    "@varlet/icons": "2.0.0-alpha.1664031123039",
+    "@varlet/markdown-vite-plugin": "2.0.0-alpha.1664031123039",
+    "@varlet/shared": "2.0.0-alpha.1664031123039",
+    "@varlet/touch-emulator": "2.0.0-alpha.1664031123039",
     "@vitejs/plugin-vue": "3.0.1",
     "@vitejs/plugin-vue-jsx": "2.0.0",
     "@vue/babel-plugin-jsx": "1.1.1",
     "@vue/compiler-sfc": "3.2.25",
     "@vue/runtime-core": "3.2.25",
+    "babel-jest": "26.6.3",
     "chalk": "^4.1.0",
     "chokidar": "^3.5.2",
     "commander": "^8.3.0",
     "conventional-changelog": "^3.1.25",
     "ejs": "^3.1.8",
     "execa": "^5.0.0",
-    "vitest": "0.22.1",
     "fs-extra": "^9.0.1",
     "glob": "^7.2.0",
     "hash-sum": "^2.0.0",
     "inquirer": "^8.1.2",
+    "jest": "^26.6.3",
     "less": "^3.12.2",
     "lodash": "^4.17.21",
     "lodash-es": "^4.17.21",
     "ora": "^5.4.0",
     "semver": "^7.3.5",
     "slash": "^3.0.0",
+    "ts-jest": "^26.5.1",
     "typescript": "^4.4.4",
     "vite": "3.0.4",
     "vite-plugin-html": "^2.1.0",
-    "vue": "3.2.25"
+    "vue": "3.2.25",
+    "vue-jest": "^5.0.0-alpha.8"
   },
   "devDependencies": {
     "@types/babel__core": "^7.1.12",
@@ -76,12 +79,9 @@
     "@types/semver": "^7.3.9"
   },
   "peerDependencies": {
-    "@varlet/touch-emulator": "2.0.0-alpha.1663499244572",
+    "@varlet/touch-emulator": "2.0.0-alpha.1664031123039",
     "@vue/runtime-core": "3.2.16",
     "@vue/test-utils": "^2.0.2",
-    "@vitest/coverage-istanbul": "0.22.1",
-    "jsdom": "^20.0.0",
-    "vitest": "0.22.1",
     "clipboard": "^2.0.6",
     "live-server": "^1.2.1",
     "lodash-es": "^4.17.21",

package/preset.js

@@ -1,3 +1,3 @@
-const babelConfig = require('./lib/config/babel.config')
-
-module.exports = (api, options) => babelConfig(api, options)
+const babelConfig = require('./lib/config/babel.config')
+
+module.exports = (api, options) => babelConfig(api, options)

package/site/components/button/Button.vue

@@ -1,106 +1,106 @@
-<template>
-  <button
-    v-ripple="{ disabled: disabled || !ripple }"
-    :class="
-      classes(
-        n(),
-        'var-site--box',
-        n(`--${size}`),
-        [block, `var-site--flex ${n('--block')}`, 'var-site--inline-flex'],
-        [disabled, n('--disabled')],
-        [text, `${n(`--text-${type}`)} ${n('--text')}`, `${n(`--${type}`)} var-site-elevation--2`],
-        [text && disabled, n('--text-disabled')],
-        [round, n('--round')],
-        [outline, n('--outline')]
-      )
-    "
-    :style="{
-      color: textColor,
-      background: color,
-    }"
-    :disabled="disabled"
-    @click="handleClick"
-    @touchstart="handleTouchstart"
-  >
-    <var-loading
-      :class="n('loading')"
-      var-site-button-cover
-      :color="loadingColor"
-      :type="loadingType"
-      :size="loadingSize"
-      :radius="loadingRadius"
-      v-if="loading || pending"
-    />
-    <div :class="classes(n('content'), [loading || pending, n('--hidden')])">
-      <slot />
-    </div>
-  </button>
-</template>
-
-<script lang="ts">
-import Ripple from '../ripple'
-import VarLoading from '../loading'
-import { defineComponent, ref } from 'vue'
-import { props } from './props'
-import { createNamespace } from '../utils/components'
-import type { Ref } from 'vue'
-
-const { n, classes } = createNamespace('button')
-
-export default defineComponent({
-  name: 'VarButton',
-  components: {
-    VarLoading,
-  },
-  directives: { Ripple },
-  props,
-  setup(props) {
-    const pending: Ref<boolean> = ref(false)
-
-    const attemptAutoLoading = (result: any) => {
-      if (props.autoLoading) {
-        pending.value = true
-        Promise.resolve(result).finally(() => {
-          pending.value = false
-        })
-      }
-    }
-
-    const handleClick = (e: Event) => {
-      const { loading, disabled, onClick } = props
-
-      if (!onClick || loading || disabled || pending.value) {
-        return
-      }
-
-      attemptAutoLoading(onClick(e))
-    }
-
-    const handleTouchstart = (e: Event) => {
-      const { loading, disabled, onTouchstart } = props
-
-      if (!onTouchstart || loading || disabled || pending.value) {
-        return
-      }
-
-      attemptAutoLoading(onTouchstart(e))
-    }
-
-    return {
-      n,
-      classes,
-      pending,
-      handleClick,
-      handleTouchstart,
-    }
-  },
-})
-</script>
-
-<style lang="less">
-@import '../styles/common';
-@import '../styles/elevation';
-@import '../ripple/ripple';
-@import '../loading/loading';
-@import './button';
-</style>
+<template>
+  <button
+    v-ripple="{ disabled: disabled || !ripple }"
+    :class="
+      classes(
+        n(),
+        'var-site--box',
+        n(`--${size}`),
+        [block, `var-site--flex ${n('--block')}`, 'var-site--inline-flex'],
+        [disabled, n('--disabled')],
+        [text, `${n(`--text-${type}`)} ${n('--text')}`, `${n(`--${type}`)} var-site-elevation--2`],
+        [text && disabled, n('--text-disabled')],
+        [round, n('--round')],
+        [outline, n('--outline')]
+      )
+    "
+    :style="{
+      color: textColor,
+      background: color,
+    }"
+    :disabled="disabled"
+    @click="handleClick"
+    @touchstart="handleTouchstart"
+  >
+    <var-loading
+      :class="n('loading')"
+      var-site-button-cover
+      :color="loadingColor"
+      :type="loadingType"
+      :size="loadingSize"
+      :radius="loadingRadius"
+      v-if="loading || pending"
+    />
+    <div :class="classes(n('content'), [loading || pending, n('--hidden')])">
+      <slot />
+    </div>
+  </button>
+</template>
+
+<script lang="ts">
+import Ripple from '../ripple'
+import VarLoading from '../loading'
+import { defineComponent, ref } from 'vue'
+import { props } from './props'
+import { createNamespace } from '../utils/components'
+import type { Ref } from 'vue'
+
+const { n, classes } = createNamespace('button')
+
+export default defineComponent({
+  name: 'VarButton',
+  components: {
+    VarLoading,
+  },
+  directives: { Ripple },
+  props,
+  setup(props) {
+    const pending: Ref<boolean> = ref(false)
+
+    const attemptAutoLoading = (result: any) => {
+      if (props.autoLoading) {
+        pending.value = true
+        Promise.resolve(result).finally(() => {
+          pending.value = false
+        })
+      }
+    }
+
+    const handleClick = (e: Event) => {
+      const { loading, disabled, onClick } = props
+
+      if (!onClick || loading || disabled || pending.value) {
+        return
+      }
+
+      attemptAutoLoading(onClick(e))
+    }
+
+    const handleTouchstart = (e: Event) => {
+      const { loading, disabled, onTouchstart } = props
+
+      if (!onTouchstart || loading || disabled || pending.value) {
+        return
+      }
+
+      attemptAutoLoading(onTouchstart(e))
+    }
+
+    return {
+      n,
+      classes,
+      pending,
+      handleClick,
+      handleTouchstart,
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@import '../styles/common';
+@import '../styles/elevation';
+@import '../ripple/ripple';
+@import '../loading/loading';
+@import './button';
+</style>