@varlet/cli 1.27.17-alpha.1656907860130 → 1.27.17

package/site/components/context/lock.ts

@@ -1,103 +1,103 @@
-import { watch, onBeforeMount, onUnmounted, onDeactivated, onActivated, getCurrentInstance } from 'vue'
-import type { ComponentInternalInstance } from 'vue'
-import context from '.'
-
-export function resolveLock() {
-  const lockCounts: number = Object.keys(context.locks).length
-  lockCounts <= 0 ? document.body.classList.remove('var-site--lock') : document.body.classList.add('var-site--lock')
-}
-
-export function addLock(uid: number) {
-  context.locks[uid] = 1
-  resolveLock()
-}
-
-export function releaseLock(uid: number) {
-  delete context.locks[uid]
-  resolveLock()
-}
-
-/**
- * 组件锁操作
- * @param props 组件props
- * @param state 组件props中控制组件加锁的开关对应的key值
- * @param use 组件props中控制组件加锁的开关是否可用对应的key值
- */
-export function useLock(props: any, state: string, use?: string) {
-  const { uid } = getCurrentInstance() as ComponentInternalInstance
-  if (use) {
-    watch(
-      () => props[use],
-      (newValue: boolean) => {
-        if (newValue === false) {
-          // 改变为禁用状态 组件解锁
-          releaseLock(uid)
-        } else if (newValue === true && props[state] === true) {
-          // 改变为启用状态 并且popup处于开启状态 组件加锁
-          addLock(uid)
-        }
-      }
-    )
-  }
-
-  watch(
-    () => props[state],
-    (newValue: boolean) => {
-      if (use && props[use] === false) {
-        return
-      }
-
-      if (newValue === true) {
-        // popup开启 组件加锁
-        addLock(uid)
-      } else {
-        // popup关闭 组件解锁
-        releaseLock(uid)
-      }
-    }
-  )
-
-  onBeforeMount(() => {
-    if (use && props[use] === false) {
-      return
-    }
-
-    if (props[state] === true) {
-      // popup处于开启状态 组件挂载 组件加锁
-      addLock(uid)
-    }
-  })
-
-  onUnmounted(() => {
-    if (use && props[use] === false) {
-      return
-    }
-
-    if (props[state] === true) {
-      // popup处于开启状态 组件卸载 组件解锁
-      releaseLock(uid)
-    }
-  })
-
-  onActivated(() => {
-    if (use && props[use] === false) {
-      return
-    }
-
-    if (props[state] === true) {
-      // popup处于开启状态 组件处于keepalive前台 组件加锁
-      addLock(uid)
-    }
-  })
-
-  onDeactivated(() => {
-    if (use && props[use] === false) {
-      return
-    }
-
-    if (props[state] === true) {
-      // popup处于开启状态 组件处于keepalive后台 组件解锁
-      releaseLock(uid)
-    }
-  })
-}
+import { watch, onBeforeMount, onUnmounted, onDeactivated, onActivated, getCurrentInstance } from 'vue'
+import type { ComponentInternalInstance } from 'vue'
+import context from '.'
+
+export function resolveLock() {
+  const lockCounts: number = Object.keys(context.locks).length
+  lockCounts <= 0 ? document.body.classList.remove('var-site--lock') : document.body.classList.add('var-site--lock')
+}
+
+export function addLock(uid: number) {
+  context.locks[uid] = 1
+  resolveLock()
+}
+
+export function releaseLock(uid: number) {
+  delete context.locks[uid]
+  resolveLock()
+}
+
+/**
+ * 组件锁操作
+ * @param props 组件props
+ * @param state 组件props中控制组件加锁的开关对应的key值
+ * @param use 组件props中控制组件加锁的开关是否可用对应的key值
+ */
+export function useLock(props: any, state: string, use?: string) {
+  const { uid } = getCurrentInstance() as ComponentInternalInstance
+  if (use) {
+    watch(
+      () => props[use],
+      (newValue: boolean) => {
+        if (newValue === false) {
+          // 改变为禁用状态 组件解锁
+          releaseLock(uid)
+        } else if (newValue === true && props[state] === true) {
+          // 改变为启用状态 并且popup处于开启状态 组件加锁
+          addLock(uid)
+        }
+      }
+    )
+  }
+
+  watch(
+    () => props[state],
+    (newValue: boolean) => {
+      if (use && props[use] === false) {
+        return
+      }
+
+      if (newValue === true) {
+        // popup开启 组件加锁
+        addLock(uid)
+      } else {
+        // popup关闭 组件解锁
+        releaseLock(uid)
+      }
+    }
+  )
+
+  onBeforeMount(() => {
+    if (use && props[use] === false) {
+      return
+    }
+
+    if (props[state] === true) {
+      // popup处于开启状态 组件挂载 组件加锁
+      addLock(uid)
+    }
+  })
+
+  onUnmounted(() => {
+    if (use && props[use] === false) {
+      return
+    }
+
+    if (props[state] === true) {
+      // popup处于开启状态 组件卸载 组件解锁
+      releaseLock(uid)
+    }
+  })
+
+  onActivated(() => {
+    if (use && props[use] === false) {
+      return
+    }
+
+    if (props[state] === true) {
+      // popup处于开启状态 组件处于keepalive前台 组件加锁
+      addLock(uid)
+    }
+  })
+
+  onDeactivated(() => {
+    if (use && props[use] === false) {
+      return
+    }
+
+    if (props[state] === true) {
+      // popup处于开启状态 组件处于keepalive后台 组件解锁
+      releaseLock(uid)
+    }
+  })
+}

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.vue

@@ -1,68 +1,68 @@
-<template>
-  <component
-    class="var-site-icon"
-    :is="isURL(name) ? 'img' : 'i'"
-    :class="[
-      `${namespace}--set`,
-      isURL(name) ? 'var-site-icon__image' : `${namespace}-${nextName}`,
-      shrinking ? 'var-site-icon--shrinking' : null,
-    ]"
-    :style="{
-      color,
-      transition: `all ${toNumber(transition)}ms`,
-      width: isURL(name) ? toSizeUnit(size) : null,
-      height: isURL(name) ? toSizeUnit(size) : null,
-      fontSize: toSizeUnit(size),
-    }"
-    :src="isURL(name) ? nextName : null"
-    @click="onClick"
-  />
-</template>
-
-<script lang="ts">
-import { defineComponent, watch, ref, nextTick } from 'vue'
-import { isURL, toNumber } from '@varlet/shared'
-import { toSizeUnit } from '../utils/elements'
-import { props } from './props'
-import type { Ref } from 'vue'
-
-export default defineComponent({
-  name: 'VarSiteIcon',
-  props,
-  setup(props) {
-    const nextName: Ref<string | undefined> = ref('')
-    const shrinking: Ref<boolean> = ref(false)
-
-    const handleNameChange = async (newName: string | undefined, oldName: string | undefined) => {
-      const { transition } = props
-
-      if (oldName == null || toNumber(transition) === 0) {
-        nextName.value = newName
-        return
-      }
-
-      shrinking.value = true
-      await nextTick()
-      setTimeout(() => {
-        oldName != null && (nextName.value = newName)
-        shrinking.value = false
-      }, toNumber(transition))
-    }
-
-    watch(() => props.name, handleNameChange, { immediate: true })
-
-    return {
-      nextName,
-      shrinking,
-      isURL,
-      toNumber,
-      toSizeUnit,
-    }
-  },
-})
-</script>
-
-<style lang="less">
-@import '../styles/common';
-@import './icon';
-</style>
+<template>
+  <component
+    class="var-site-icon"
+    :is="isURL(name) ? 'img' : 'i'"
+    :class="[
+      `${namespace}--set`,
+      isURL(name) ? 'var-site-icon__image' : `${namespace}-${nextName}`,
+      shrinking ? 'var-site-icon--shrinking' : null,
+    ]"
+    :style="{
+      color,
+      transition: `all ${toNumber(transition)}ms`,
+      width: isURL(name) ? toSizeUnit(size) : null,
+      height: isURL(name) ? toSizeUnit(size) : null,
+      fontSize: toSizeUnit(size),
+    }"
+    :src="isURL(name) ? nextName : null"
+    @click="onClick"
+  />
+</template>
+
+<script lang="ts">
+import { defineComponent, watch, ref, nextTick } from 'vue'
+import { isURL, toNumber } from '@varlet/shared'
+import { toSizeUnit } from '../utils/elements'
+import { props } from './props'
+import type { Ref } from 'vue'
+
+export default defineComponent({
+  name: 'VarSiteIcon',
+  props,
+  setup(props) {
+    const nextName: Ref<string | undefined> = ref('')
+    const shrinking: Ref<boolean> = ref(false)
+
+    const handleNameChange = async (newName: string | undefined, oldName: string | undefined) => {
+      const { transition } = props
+
+      if (oldName == null || toNumber(transition) === 0) {
+        nextName.value = newName
+        return
+      }
+
+      shrinking.value = true
+      await nextTick()
+      setTimeout(() => {
+        oldName != null && (nextName.value = newName)
+        shrinking.value = false
+      }, toNumber(transition))
+    }
+
+    watch(() => props.name, handleNameChange, { immediate: true })
+
+    return {
+      nextName,
+      shrinking,
+      isURL,
+      toNumber,
+      toSizeUnit,
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@import '../styles/common';
+@import './icon';
+</style>

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/Loading.vue

@@ -1,55 +1,55 @@
-<template>
-  <div class="var-site--box var-site-loading">
-    <div class="var-site-loading__circle" v-if="type === 'circle'">
-      <span
-        class="var-site-loading__circle-block"
-        :style="{
-          width: radius * 2 + 'px',
-          height: radius * 2 + 'px',
-        }"
-      >
-        <svg viewBox="25 25 50 50">
-          <circle cx="50" cy="50" r="20" fill="none"></circle>
-        </svg>
-      </span>
-    </div>
-
-    <template v-for="(nums, key) in loadingTypeDict" :key="key">
-      <div :class="`var-site-loading__${key} var-site-loading__${key}-${size}`" v-if="type === key">
-        <div
-          v-for="num in nums"
-          :key="num + key"
-          :style="{ backgroundColor: color }"
-          :class="`var-site-loading__${key}-item var-site-loading__${key}-item-${size}`"
-        ></div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { props } from './props'
-
-export default defineComponent({
-  name: 'VarSiteLoading',
-  props,
-  setup() {
-    const loadingTypeDict = {
-      wave: 5,
-      cube: 4,
-      rect: 8,
-      disappear: 3,
-    }
-
-    return {
-      loadingTypeDict,
-    }
-  },
-})
-</script>
-
-<style lang="less">
-@import '../styles/common';
-@import './loading';
-</style>
+<template>
+  <div class="var-site--box var-site-loading">
+    <div class="var-site-loading__circle" v-if="type === 'circle'">
+      <span
+        class="var-site-loading__circle-block"
+        :style="{
+          width: radius * 2 + 'px',
+          height: radius * 2 + 'px',
+        }"
+      >
+        <svg viewBox="25 25 50 50">
+          <circle cx="50" cy="50" r="20" fill="none"></circle>
+        </svg>
+      </span>
+    </div>
+
+    <template v-for="(nums, key) in loadingTypeDict" :key="key">
+      <div :class="`var-site-loading__${key} var-site-loading__${key}-${size}`" v-if="type === key">
+        <div
+          v-for="num in nums"
+          :key="num + key"
+          :style="{ backgroundColor: color }"
+          :class="`var-site-loading__${key}-item var-site-loading__${key}-item-${size}`"
+        ></div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import { props } from './props'
+
+export default defineComponent({
+  name: 'VarSiteLoading',
+  props,
+  setup() {
+    const loadingTypeDict = {
+      wave: 5,
+      cube: 4,
+      rect: 8,
+      disappear: 3,
+    }
+
+    return {
+      loadingTypeDict,
+    }
+  },
+})
+</script>
+
+<style lang="less">
+@import '../styles/common';
+@import './loading';
+</style>

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