@veltra/desktop 1.1.25 → 1.1.27

package/src/components/gantt-chart/gantt-chart.vue

@@ -7,9 +7,7 @@ import { bem } from '@veltra/utils'
 
 import type { GanttChartProps } from '../../types'
 
-defineOptions({
-  name: 'GanttChart'
-})
+defineOptions({ name: 'GanttChart' })
 
 defineProps<GanttChartProps>()
 

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

@@ -11,13 +11,9 @@ import { computed, inject, type CSSProperties, watch } from 'vue'
 import type { GridItemProps } from '../../types'
 import { GridDIKey } from './di'
 
-defineOptions({
-  name: 'GridItem'
-})
+defineOptions({ name: 'GridItem' })
 
-const props = withDefaults(defineProps<GridItemProps>(), {
-  tag: 'div'
-})
+const props = withDefaults(defineProps<GridItemProps>(), { tag: 'div' })
 
 const cls = bem('grid-item')
 
@@ -41,9 +37,7 @@ const span = computed<number | 'full'>(() => {
 })
 
 const style = computed<CSSProperties>(() => {
-  return {
-    gridColumn: span.value === 'full' ? '1 / -1' : `span ${span.value}`
-  }
+  return { gridColumn: span.value === 'full' ? '1 / -1' : `span ${span.value}` }
 })
 
 watch(

package/src/components/grid/grid.vue

@@ -13,13 +13,9 @@ import { getBreakpointCols } from './breakpoint'
 import { GridDIKey } from './di'
 import { useResponsive } from './use-responsive'
 
-defineOptions({
-  name: 'Grid'
-})
+defineOptions({ name: 'Grid' })
 
-const props = withDefaults(defineProps<GridProps>(), {
-  tag: 'div'
-})
+const props = withDefaults(defineProps<GridProps>(), { tag: 'div' })
 
 const emit = defineEmits<GridEmits>()
 
@@ -27,11 +23,7 @@ const cls = bem('grid')
 
 const gridRef = useTemplateRef<HTMLElement>('grid')
 
-const { currentBreakpoint, gridItemsProps } = useResponsive({
-  props,
-  emit,
-  gridRef
-})
+const { currentBreakpoint, gridItemsProps } = useResponsive({ props, emit, gridRef })
 
 const styles = computed(() => {
   const { gap, cols } = props
@@ -77,12 +69,7 @@ watch([styles, gridRef], ([styles, dom]) => {
   setStyles(dom, styles)
 })
 
-provide(GridDIKey, {
-  currentBreakpoint,
-  gridItemsProps
-})
+provide(GridDIKey, { currentBreakpoint, gridItemsProps })
 
-defineExpose<_GridExposed>({
-  el: gridRef
-})
+defineExpose<_GridExposed>({ el: gridRef })
 </script>

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

@@ -26,9 +26,7 @@ import { computed, ref, getCurrentInstance } from 'vue'
 
 import type { GridInputProps, GridInputEmits, GridInputExposed } from '../../types'
 
-defineOptions({
-  name: 'GridInput'
-})
+defineOptions({ name: 'GridInput' })
 
 const emit = defineEmits<GridInputEmits>()
 
@@ -38,9 +36,7 @@ const props = withDefaults(defineProps<GridInputProps>(), {
   separator: '-'
 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default'
-})
+const { size } = useFallbackProps([props], { size: 'default' })
 
 const cls = bem('grid-input')
 

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

@@ -51,9 +51,7 @@ import type { GroupInputEmits, GroupInputProps } from '../../types'
 import { UButton } from '../button'
 import { useGroupItems } from './use-group-items'
 
-defineOptions({
-  name: 'GroupInput'
-})
+defineOptions({ name: 'GroupInput' })
 
 const props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {
   modelValue: () => [],
@@ -73,10 +71,7 @@ const { disabled, size, readonly } = useFormFallbackProps([formProps ?? {}, prop
   readonly: false
 })
 
-const { items, createItem, runByEvent } = useGroupItems({
-  props,
-  emit
-})
+const { items, createItem, runByEvent } = useGroupItems({ props, emit })
 
 const isEmpty = computed(() => {
   return !items.value.length

package/src/components/icon/icon.vue

@@ -10,17 +10,13 @@ import { type CSSProperties, computed } from 'vue'
 
 import type { IconProps } from '../../types'
 
-defineOptions({
-  name: 'Icon'
-})
+defineOptions({ name: 'Icon' })
 
 const props = defineProps<IconProps>()
 
 const cls = bem('icon')
 
 const style = computed<CSSProperties>(() => {
-  return {
-    fontSize: withUnit(props.size, 'px')
-  }
+  return { fontSize: withUnit(props.size, 'px') }
 })
 </script>

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(() => {