@varlet/cli 2.1.0 → 2.2.0-alpha.1667670228109

package/lib/node/shared/logger.js

@@ -1,18 +1,18 @@
-import chalk from 'chalk';
-export default {
-    info(text) {
-        console.log(text);
-    },
-    success(text) {
-        console.log(chalk.hex('#00c48f')(text));
-    },
-    warning(text) {
-        console.log(chalk.hex('#ff9800')(text));
-    },
-    error(text) {
-        console.log(chalk.hex('#f44336')(text));
-    },
-    title(text) {
-        console.log(chalk.cyan(text));
-    },
-};
+import chalk from 'chalk';
+export default {
+    info(text) {
+        console.log(text);
+    },
+    success(text) {
+        console.log(chalk.hex('#00c48f')(text));
+    },
+    warning(text) {
+        console.log(chalk.hex('#ff9800')(text));
+    },
+    error(text) {
+        console.log(chalk.hex('#f44336')(text));
+    },
+    title(text) {
+        console.log(chalk.cyan(text));
+    },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "2.1.0",
+  "version": "2.2.0-alpha.1667670228109",
   "type": "module",
   "description": "cli of varlet",
   "bin": {
@@ -40,8 +40,8 @@
     "@babel/preset-env": "^7.14.8",
     "@babel/preset-typescript": "^7.14.5",
     "@types/inquirer": "^9.0.2",
-    "@varlet/markdown-vite-plugin": "2.1.0",
-    "@varlet/shared": "2.1.0",
+    "@varlet/markdown-vite-plugin": "2.2.0-alpha.1667670228109",
+    "@varlet/shared": "2.2.0-alpha.1667670228109",
     "@vitejs/plugin-vue": "3.0.1",
     "@vitejs/plugin-vue-jsx": "2.0.0",
     "@vue/babel-plugin-jsx": "1.1.1",
@@ -80,12 +80,12 @@
     "@types/lodash-es": "^4.17.5",
     "@types/node": "^18.7.20",
     "@types/semver": "^7.3.9",
-    "@varlet/icons": "2.1.0",
-    "@varlet/touch-emulator": "2.1.0"
+    "@varlet/icons": "2.2.0-alpha.1667670228109",
+    "@varlet/touch-emulator": "2.2.0-alpha.1667670228109"
   },
   "peerDependencies": {
-    "@varlet/icons": "2.1.0",
-    "@varlet/touch-emulator": "2.1.0",
+    "@varlet/icons": "2.2.0-alpha.1667670228109",
+    "@varlet/touch-emulator": "2.2.0-alpha.1667670228109",
     "@vue/runtime-core": "3.2.16",
     "@vue/test-utils": "^2.0.2",
     "clipboard": "^2.0.6",

package/site/components/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/site/components/cell/index.ts

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

package/site/components/code-example/codeExample.less

@@ -1,41 +1,41 @@
-.var-site-code-example {
-  margin-top: 16px;
-  margin-bottom: 4px;
-  position: relative;
-  border: thin solid var(--site-config-color-hl-border);
-  border-radius: 4px;
-  transition: border .25s;
-
-  &:hover {
-    .var-site-code-example__toolbar {
-      opacity: 1;
-    }
-  }
-
-  &__toolbar {
-    display: flex;
-    align-items: center;
-    position: absolute;
-    z-index: 1;
-    right: 10px;
-    top: 10px;
-    opacity: 0;
-    transition: .25s all;
-
-    button {
-      color: var(--site-config-color-hl-code) !important;
-    }
-  }
-
-  &__code {
-    transition: all .25s;
-    overflow: hidden;
-    border-radius: 4px;
-  }
-
-  &--scroller {
-    code {
-      white-space: nowrap;
-    }
-  }
-}
+.var-site-code-example {
+  margin-top: 16px;
+  margin-bottom: 4px;
+  position: relative;
+  border: thin solid var(--site-config-color-hl-border);
+  border-radius: 4px;
+  transition: border .25s;
+
+  &:hover {
+    .var-site-code-example__toolbar {
+      opacity: 1;
+    }
+  }
+
+  &__toolbar {
+    display: flex;
+    align-items: center;
+    position: absolute;
+    z-index: 1;
+    right: 10px;
+    top: 10px;
+    opacity: 0;
+    transition: .25s all;
+
+    button {
+      color: var(--site-config-color-hl-code) !important;
+    }
+  }
+
+  &__code {
+    transition: all .25s;
+    overflow: hidden;
+    border-radius: 4px;
+  }
+
+  &--scroller {
+    code {
+      white-space: nowrap;
+    }
+  }
+}

package/site/components/code-example/index.ts

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

package/site/components/context/zIndex.ts

@@ -1,20 +1,20 @@
-import context from './index'
-import { watch, ref } from 'vue'
-import type { Ref } from 'vue'
-
-export function useZIndex(source: any, count: number) {
-  const zIndex: Ref<number> = ref(context.zIndex)
-
-  watch(
-    source,
-    (newValue) => {
-      if (newValue) {
-        context.zIndex += count
-        zIndex.value = context.zIndex
-      }
-    },
-    { immediate: true }
-  )
-
-  return { zIndex }
-}
+import context from './index'
+import { watch, ref } from 'vue'
+import type { Ref } from 'vue'
+
+export function useZIndex(source: any, count: number) {
+  const zIndex: Ref<number> = ref(context.zIndex)
+
+  watch(
+    source,
+    (newValue) => {
+      if (newValue) {
+        context.zIndex += count
+        zIndex.value = context.zIndex
+      }
+    },
+    { immediate: true }
+  )
+
+  return { zIndex }
+}

package/site/components/icon/icon.less

@@ -1,26 +1,26 @@
-@import '@varlet/icons/dist/css/varlet-icons.less';
-
-@site-icon-size: 20px;
-
-:root {
-  --site-icon-size: @site-icon-size;
-}
-
-.var-site-icon {
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  font-size: var(--site-icon-size);
-  color: inherit;
-  vertical-align: bottom;
-
-  &--shrinking {
-    transform: scale(0);
-  }
-
-  &__image {
-    width: var(--site-icon-size);
-    height: var(--site-icon-size);
-    object-fit: cover;
-  }
-}
+@import '@varlet/icons/dist/css/varlet-icons.less';
+
+@site-icon-size: 20px;
+
+:root {
+  --site-icon-size: @site-icon-size;
+}
+
+.var-site-icon {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  font-size: var(--site-icon-size);
+  color: inherit;
+  vertical-align: bottom;
+
+  &--shrinking {
+    transform: scale(0);
+  }
+
+  &__image {
+    width: var(--site-icon-size);
+    height: var(--site-icon-size);
+    object-fit: cover;
+  }
+}

package/site/components/icon/index.ts

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

package/site/components/icon/props.ts

@@ -1,24 +1,24 @@
-import type { PropType } from 'vue'
-
-export const props = {
-  name: {
-    type: String,
-  },
-  size: {
-    type: [Number, String],
-  },
-  color: {
-    type: String,
-  },
-  namespace: {
-    type: String,
-    default: 'var-icon',
-  },
-  transition: {
-    type: [Number, String],
-    default: 0,
-  },
-  onClick: {
-    type: Function as PropType<(event: Event) => void>,
-  },
-}
+import type { PropType } from 'vue'
+
+export const props = {
+  name: {
+    type: String,
+  },
+  size: {
+    type: [Number, String],
+  },
+  color: {
+    type: String,
+  },
+  namespace: {
+    type: String,
+    default: 'var-icon',
+  },
+  transition: {
+    type: [Number, String],
+    default: 0,
+  },
+  onClick: {
+    type: Function as PropType<(event: Event) => void>,
+  },
+}

package/site/components/loading/index.ts

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

package/site/components/progress/index.ts

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