@veltra/desktop 1.1.24 → 1.1.26

package/src/components/input/input.vue

@@ -62,9 +62,7 @@ import { computed, getCurrentInstance, ref, shallowRef, nextTick } from 'vue'
 import type { InputEmits, InputProps, _InputExposed } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Input'
-})
+defineOptions({ name: 'Input' })
 
 const props = withDefaults(defineProps<InputProps>(), {
   placeholder: '请输入',
@@ -186,7 +184,5 @@ const generateModel = computed(() => {
   return `${props.prefix ?? ''}${model.value}${props.suffix ?? ''}`
 })
 
-defineExpose<_InputExposed>({
-  el
-})
+defineExpose<_InputExposed>({ el })
 </script>

package/src/components/layout/layout-resizer.vue

@@ -17,9 +17,7 @@ import { computed, inject, shallowReactive, shallowRef } from 'vue'
 import { UIcon } from '../icon'
 import { LayoutDIKey } from './di'
 
-defineOptions({
-  name: 'LayoutResizer'
-})
+defineOptions({ name: 'LayoutResizer' })
 
 const props = defineProps<{
   /** 是否横向 */

package/src/components/layout/layout.vue

@@ -41,13 +41,9 @@ import type { LayoutProps } from '../../types'
 import { LayoutDIKey } from './di'
 import ULayoutResizer from './layout-resizer.vue'
 
-defineOptions({
-  name: 'Layout'
-})
+defineOptions({ name: 'Layout' })
 
-const props = withDefaults(defineProps<LayoutProps>(), {
-  tag: 'div'
-})
+const props = withDefaults(defineProps<LayoutProps>(), { tag: 'div' })
 
 const cls = bem('layout')
 
@@ -130,7 +126,5 @@ const handleResize = (offset: number, index: number) => {
   templateCols.value[index + 1] = `${nextSize - clamped}px`
 }
 
-provide(LayoutDIKey, {
-  cls
-})
+provide(LayoutDIKey, { cls })
 </script>

package/src/components/list/list-item.vue

@@ -7,9 +7,7 @@
 <script lang="ts" setup>
 import { bem } from '@veltra/utils'
 
-defineOptions({
-  name: 'ListItem'
-})
+defineOptions({ name: 'ListItem' })
 
 const cls = bem('list-item')
 </script>

package/src/components/list/list.vue

@@ -12,15 +12,11 @@ import type { ListProps } from '../../types'
 import type { ComponentSize } from '../../types'
 import { UScroll } from '../scroll'
 
-defineOptions({
-  name: 'List'
-})
+defineOptions({ name: 'List' })
 
 const props = withDefaults(defineProps<ListProps>(), {})
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('list')
 </script>

package/src/components/loading/loading.vue

@@ -13,17 +13,11 @@ import { computed } from 'vue'
 
 import type { LoadingProps, ComponentSize } from '../../types'
 
-defineOptions({
-  name: 'Loading'
-})
+defineOptions({ name: 'Loading' })
 
-const props = withDefaults(defineProps<LoadingProps>(), {
-  type: 'spinner'
-})
+const props = withDefaults(defineProps<LoadingProps>(), { type: 'spinner' })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('loading')
 

package/src/components/menu/menu-icon.vue

@@ -11,11 +11,7 @@ import type { DefineComponent } from 'vue'
 
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'MenuIcon'
-})
+defineOptions({ name: 'MenuIcon' })
 
-defineProps<{
-  icon: string | DefineComponent
-}>()
+defineProps<{ icon: string | DefineComponent }>()
 </script>

package/src/components/menu/menu-sub-collapsed.vue

@@ -60,15 +60,9 @@ import { getKey } from './helper'
 import MenuIcon from './menu-icon.vue'
 import UMenuItemCollapsed from './menu-item-collapsed.vue'
 
-defineOptions({
-  name: 'MenuSubCollapsed'
-})
+defineOptions({ name: 'MenuSubCollapsed' })
 
-defineProps<{
-  menu: MenuItem
-  parentKey: string
-  depth: number
-}>()
+defineProps<{ menu: MenuItem; parentKey: string; depth: number }>()
 
 const visible = ref(false)
 

package/src/components/menu/menu.vue

@@ -46,9 +46,7 @@ import UMenuSubCollapsed from './menu-sub-collapsed.vue'
 import UMenuSub from './menu-sub.vue'
 import { walkMenuWithPath } from './walk-menu-path'
 
-defineOptions({
-  name: 'Menu'
-})
+defineOptions({ name: 'Menu' })
 
 const props = withDefaults(defineProps<MenuProps>(), {
   expand: false,
@@ -74,9 +72,7 @@ const expandTransition = new ExpandTransition({
   opacity: true
 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const expandedPath = shallowReactive(new Set<string>())
 
@@ -95,9 +91,7 @@ watch(
       })
     })
   },
-  {
-    immediate: true
-  }
+  { immediate: true }
 )
 
 provide(MenuDIKey, {

package/src/components/menu/style.scss

@@ -149,7 +149,7 @@ $collapsed-menu: collapsed-menu;
     border-left: 1px solid color-mix(in srgb, #{fn.use-var(border, color)} 52%, transparent);
 
     @supports selector(:has(*)) {
-      &:has(.#{vars.$namespace}-menu__item.is-active) {
+      &:has(#{fn.bem($root-name, item)}.is-active) {
         border-left-color: fn.use-var(color, primary);
       }
     }

package/src/components/message/message-box.vue

@@ -13,18 +13,11 @@
 import type { MessageOptions } from '../../types'
 import UMessage from './message.vue'
 
-defineOptions({
-  name: 'MessageBox'
-})
+defineOptions({ name: 'MessageBox' })
 
-defineProps<{
-  messages: Array<Omit<MessageOptions & { key: string }, 'onClosed'>>
-}>()
+defineProps<{ messages: Array<Omit<MessageOptions & { key: string }, 'onClosed'>> }>()
 
-const emit = defineEmits<{
-  (e: 'closed', id: string): void
-  (e: 'close', index: number): void
-}>()
+const emit = defineEmits<{ (e: 'closed', id: string): void; (e: 'close', index: number): void }>()
 
 function handleAfterLeave(el: Element) {
   emit('closed', (el as HTMLElement).dataset.id as string)

package/src/components/message/message.vue

@@ -29,9 +29,7 @@ import type { MessageProps } from '../../types'
 import { UIcon } from '../icon'
 import { getTypeColor, getTypeIcon } from './helper'
 
-defineOptions({
-  name: 'Message'
-})
+defineOptions({ name: 'Message' })
 
 const props = withDefaults(defineProps<MessageProps>(), {
   type: 'default',
@@ -39,13 +37,9 @@ const props = withDefaults(defineProps<MessageProps>(), {
   offset: 20
 })
 
-const emit = defineEmits<{
-  (e: 'close'): void
-}>()
+const emit = defineEmits<{ (e: 'close'): void }>()
 
-const { size } = useFallbackProps([props], {
-  size: 'default'
-})
+const { size } = useFallbackProps([props], { size: 'default' })
 
 const cls = bem('message')
 

package/src/components/message-confirm/message-confirm.vue

@@ -34,9 +34,7 @@ import { ref, onMounted } from 'vue'
 import type { MessageConfirmProps, ColorType, ComponentSize } from '../../types'
 import { UButton } from '../button'
 
-defineOptions({
-  name: 'MessageConfirm'
-})
+defineOptions({ name: 'MessageConfirm' })
 
 const props = withDefaults(defineProps<MessageConfirmProps>(), {
   title: '',
@@ -46,9 +44,7 @@ const props = withDefaults(defineProps<MessageConfirmProps>(), {
   cancelButtonText: ''
 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('message-confirm')
 

package/src/components/multi-select/multi-select-option.vue

@@ -26,9 +26,7 @@ import { inject, onBeforeUnmount, shallowRef } from 'vue'
 import { UCheckbox } from '../checkbox'
 import { MultiSelectDIKey } from './di'
 
-defineOptions({
-  name: 'MultiSelectOption'
-})
+defineOptions({ name: 'MultiSelectOption' })
 
 const props = defineProps<{
   option: Record<string, any>
@@ -48,9 +46,7 @@ function measureRef(el: unknown) {
   props.measureElement(props.index, el as Element | null)
 }
 
-const emit = defineEmits<{
-  (e: 'check', checked: boolean): void
-}>()
+const emit = defineEmits<{ (e: 'check', checked: boolean): void }>()
 
 const { optionClass, rippleClass, checkboxClass } = inject(MultiSelectDIKey)!
 
@@ -70,9 +66,7 @@ function handleMousedown(e: MouseEvent) {
     rippleRef.value = null
   }
 
-  rippleRef.value = new Ripple(e.currentTarget as HTMLElement, {
-    rippleClass
-  })
+  rippleRef.value = new Ripple(e.currentTarget as HTMLElement, { rippleClass })
 
   rippleRef.value.showByEvent(e)
 }

package/src/components/notification/notification.vue

@@ -45,9 +45,7 @@ import type { NotificationProps, NotificationExposed, ColorType } from '../../ty
 import { UButton } from '../button'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Notification'
-})
+defineOptions({ name: 'Notification' })
 
 const props = withDefaults(defineProps<NotificationProps>(), {
   closable: false,
@@ -57,10 +55,7 @@ const props = withDefaults(defineProps<NotificationProps>(), {
   position: 'bottom-right'
 })
 
-const { type, size } = useFallbackProps([props], {
-  type: 'primary' as ColorType,
-  size: 'default'
-})
+const { type, size } = useFallbackProps([props], { type: 'primary' as ColorType, size: 'default' })
 
 const typeIcon = computed(() => {
   return (
@@ -99,10 +94,7 @@ const customStyle = computed<CSSProperties>(() => {
             : `translateY(${props.offset}px)`,
         transition: `opacity 0.3s, transform 0.4s, top 0.4s`
       }
-    : {
-        [`${props.position.split('-')[0]}`]: `${props.offset}px`,
-        zIndex: props.zIndex
-      }
+    : { [`${props.position.split('-')[0]}`]: `${props.offset}px`, zIndex: props.zIndex }
 })
 
 let timer = 0

package/src/components/number/number.vue

@@ -9,25 +9,15 @@ import { computed, reactive, watch } from 'vue'
 
 import type { NumberProps } from '../../types'
 
-defineOptions({
-  name: 'Number'
-})
+defineOptions({ name: 'Number' })
 
-const props = withDefaults(defineProps<NumberProps>(), {
-  duration: 800,
-  format: 'decimal'
-})
+const props = withDefaults(defineProps<NumberProps>(), { duration: 800, format: 'decimal' })
 
-const number = reactive({
-  value: 0
-})
+const number = reactive({ value: 0 })
 
 const tween = computed(() =>
   props.tween
-    ? new Tween(number, {
-        duration: props.duration,
-        easingFunction: Tween.easing.easeInOutQuad
-      })
+    ? new Tween(number, { duration: props.duration, easingFunction: Tween.easing.easeInOutQuad })
     : null
 )
 

package/src/components/number-input/number-input.vue

@@ -74,9 +74,7 @@ import type { NumberInputEmits, NumberInputProps, InputExposed } from '../../typ
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({
-  name: 'NumberInput'
-})
+defineOptions({ name: 'NumberInput' })
 
 const props = withDefaults(defineProps<NumberInputProps>(), {
   placeholder: '请输入',
@@ -86,10 +84,7 @@ const props = withDefaults(defineProps<NumberInputProps>(), {
 })
 const emit = defineEmits<NumberInputEmits>()
 
-const slots = defineSlots<{
-  prefix?: () => any
-  suffix?: () => any
-}>()
+const slots = defineSlots<{ prefix?: () => any; suffix?: () => any }>()
 
 const { formProps } = injectFormContext()
 
@@ -195,17 +190,8 @@ function getDisplayed(num?: number): string {
   const displayValue = multiple ? $n.div(num, multiple) : num
 
   return currency
-    ? n(displayValue).currency('CNY', {
-        precision,
-        minPrecision,
-        maxPrecision
-      })
-    : n(displayValue).fixed(
-        precision ?? {
-          minPrecision,
-          maxPrecision
-        }
-      )
+    ? n(displayValue).currency('CNY', { precision, minPrecision, maxPrecision })
+    : n(displayValue).fixed(precision ?? { minPrecision, maxPrecision })
 }
 
 watch(
@@ -242,12 +228,7 @@ function parseDisplayed(str: string): number | undefined {
 
   const { precision, maxPrecision, minPrecision } = props
 
-  const fixedResult = +n(result).fixed(
-    precision ?? {
-      minPrecision,
-      maxPrecision
-    }
-  )
+  const fixedResult = +n(result).fixed(precision ?? { minPrecision, maxPrecision })
 
   // 如果存在倍数，将原始值乘以倍数返回实际值
   return multiple ? $n.mul(fixedResult, multiple) : fixedResult
@@ -391,20 +372,10 @@ function handleFocus(): void {
   if (multiple) {
     // 如果存在倍数，先除以倍数得到原始值进行精度修正，再乘以倍数
     const rawVal = $n.div(model.value, multiple)
-    const fixedRawVal = +n(rawVal).fixed(
-      precision ?? {
-        maxPrecision,
-        minPrecision
-      }
-    )
+    const fixedRawVal = +n(rawVal).fixed(precision ?? { maxPrecision, minPrecision })
     model.value = $n.mul(fixedRawVal, multiple)
   } else {
-    model.value = +n(model.value).fixed(
-      precision ?? {
-        maxPrecision,
-        minPrecision
-      }
-    )
+    model.value = +n(model.value).fixed(precision ?? { maxPrecision, minPrecision })
   }
 }
 

package/src/components/number-range-input/number-range-input.vue

@@ -36,9 +36,7 @@ import { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'
 import type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'
 import { UNumberInput } from '../number-input'
 
-defineOptions({
-  name: 'NumberRangeInput'
-})
+defineOptions({ name: 'NumberRangeInput' })
 
 const props = withDefaults(defineProps<NumberRangeInputProps>(), {
   startPlaceholder: '请输入',
@@ -73,9 +71,7 @@ const className = computed(() => {
   return [cls.b, cls.m(size.value)]
 })
 
-const model = defineModel<NumberRangeTuple>({
-  default: () => [undefined, undefined]
-})
+const model = defineModel<NumberRangeTuple>({ default: () => [undefined, undefined] })
 
 const startRef = defineModel<number | undefined>('start')
 const endRef = defineModel<number | undefined>('end')
@@ -184,17 +180,8 @@ function formatNumberPart(num: number): string {
   const displayValue = multiple ? $n.div(num, multiple) : num
 
   return currency
-    ? n(displayValue).currency('CNY', {
-        precision,
-        minPrecision,
-        maxPrecision
-      })
-    : n(displayValue).fixed(
-        precision ?? {
-          minPrecision,
-          maxPrecision
-        }
-      )
+    ? n(displayValue).currency('CNY', { precision, minPrecision, maxPrecision })
+    : n(displayValue).fixed(precision ?? { minPrecision, maxPrecision })
 }
 
 const readonlyText = computed(() => {

package/src/components/paginator/paginator.vue

@@ -91,31 +91,21 @@ import { UIcon } from '../icon'
 import { UNumberInput } from '../number-input'
 import { USelect } from '../select'
 
-defineOptions({
-  name: 'Paginator'
-})
+defineOptions({ name: 'Paginator' })
 
 const { config } = useConfig()
 
-const props = withDefaults(defineProps<PaginatorProps>(), {
-  total: 0
-})
+const props = withDefaults(defineProps<PaginatorProps>(), { total: 0 })
 
 const emit = defineEmits<PaginatorEmits>()
 
 const cls = bem('paginator')
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
-const pageNumber = defineModel<number>('pageNumber', {
-  default: 1
-})
+const pageNumber = defineModel<number>('pageNumber', { default: 1 })
 
-const pageSize = defineModel<number>('pageSize', {
-  default: 10
-})
+const pageSize = defineModel<number>('pageSize', { default: 10 })
 
 function emitPageSize(value: number) {
   emit('change:pageSize', value)
@@ -199,14 +189,9 @@ function handleKeyEnter(e: KeyboardEvent) {
 }
 
 /** 鼠标停留位置 */
-const hovered = reactive({
-  first: false,
-  last: false
-})
+const hovered = reactive({ first: false, last: false })
 
 const paginatorRef = shallowRef<HTMLElement>()
 
-defineExpose<_PaginatorExposed>({
-  el: paginatorRef
-})
+defineExpose<_PaginatorExposed>({ el: paginatorRef })
 </script>

package/src/components/palette/palette-alpha.vue

@@ -12,9 +12,7 @@ import { computed, inject, shallowRef, onMounted, watch } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({
-  name: 'PaletteAlpha'
-})
+defineOptions({ name: 'PaletteAlpha' })
 
 const { cls, updateAlpha, hueRGB, alpha, userAction, isUserActive } = inject(PaletteDIKey)!
 
@@ -77,7 +75,5 @@ watch(
   { flush: 'post' }
 )
 
-defineExpose({
-  init
-})
+defineExpose({ init })
 </script>

package/src/components/palette/palette-color-switch.vue

@@ -23,9 +23,7 @@ import { UButton } from '../button'
 import { UInput } from '../input'
 import { PaletteDIKey } from './di'
 
-defineProps<{
-  color?: string
-}>()
+defineProps<{ color?: string }>()
 
 const emit = defineEmits(['clear', 'update:color'])
 

package/src/components/palette/palette-hue.vue

@@ -11,9 +11,7 @@ import { shallowRef, computed } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({
-  name: 'PaletteHue'
-})
+defineOptions({ name: 'PaletteHue' })
 
 const { cls, updateHue, HSV, userAction } = inject(PaletteDIKey)!
 
@@ -62,7 +60,5 @@ onMounted(() => {
   init()
 })
 
-defineExpose({
-  init
-})
+defineExpose({ init })
 </script>

package/src/components/palette/palette-sv.vue

@@ -20,18 +20,13 @@ import { computed, inject, reactive, shallowRef, onMounted } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({
-  name: 'PaletteSV'
-})
+defineOptions({ name: 'PaletteSV' })
 
 const { cls, hueRGB, HSV, updateSV, userAction } = inject(PaletteDIKey)!
 
 const svRef = shallowRef<HTMLDivElement>()
 
-const canvasSize = {
-  width: 0,
-  height: 0
-}
+const canvasSize = { width: 0, height: 0 }
 
 const rangeX = [0, 0] as [number, number]
 const rangeY = [0, 0] as [number, number]
@@ -47,15 +42,10 @@ const getCanvasSize = () => {
   rangeY[1] = offsetHeight
 }
 
-const transform = reactive({
-  x: 0,
-  y: 0
-})
+const transform = reactive({ x: 0, y: 0 })
 
 const svThumbStyle = computed(() => {
-  return {
-    transform: `translate(${transform.x}px, ${transform.y}px)`
-  }
+  return { transform: `translate(${transform.x}px, ${transform.y}px)` }
 })
 
 const updateThumb = userAction((offsetX: number, offsetY: number) => {
@@ -106,7 +96,5 @@ onMounted(() => {
   init()
 })
 
-defineExpose({
-  init
-})
+defineExpose({ init })
 </script>

package/src/components/palette/palette.vue

@@ -39,9 +39,7 @@ import PaletteHue from './palette-hue.vue'
 import PaletteSV from './palette-sv.vue'
 import { useHSV } from './use-hsv'
 
-defineOptions({
-  name: 'Palette'
-})
+defineOptions({ name: 'Palette' })
 
 const props = withDefaults(defineProps<PaletteProps>(), {
   disabled: undefined,
@@ -109,13 +107,5 @@ watch(
   { immediate: true }
 )
 
-provide(PaletteDIKey, {
-  cls,
-  HSV,
-  RGB,
-  alpha,
-  userAction,
-  isUserActive,
-  ...rest
-})
+provide(PaletteDIKey, { cls, HSV, RGB, alpha, userAction, isUserActive, ...rest })
 </script>