@veltra/desktop 1.1.25 → 1.1.27

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>

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

@@ -43,9 +43,7 @@ import { UButton } from '../button'
 import { UIcon } from '../icon'
 import { UTip } from '../tip'
 
-defineOptions({
-  name: 'PopConfirm'
-})
+defineOptions({ name: 'PopConfirm' })
 
 const emit = defineEmits<PopConfirmEmits>()
 
@@ -64,9 +62,7 @@ const visible = ref(false)
 
 const { formProps } = injectFormContext()
 
-const { size } = useFormFallbackProps([formProps ?? {}], {
-  size: 'default'
-})
+const { size } = useFormFallbackProps([formProps ?? {}], { size: 'default' })
 
 const confirm = () => {
   emit('confirm')

package/src/components/progress/progress.vue

@@ -43,14 +43,9 @@ import { computed } from 'vue'
 
 import type { ProgressProps, ColorType } from '../../types'
 
-defineOptions({
-  name: 'Progress'
-})
+defineOptions({ name: 'Progress' })
 
-const props = withDefaults(defineProps<ProgressProps>(), {
-  type: 'primary',
-  circle: false
-})
+const props = withDefaults(defineProps<ProgressProps>(), { type: 'primary', circle: false })
 
 defineSlots<{
   default: (props: {

package/src/components/progress-nodes/progress-nodes.vue

@@ -39,9 +39,7 @@ import { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'v
 
 import type { ProgressNodesProps, ProgressNodesEmits } from '../../types'
 
-defineOptions({
-  name: 'ProgressNodes'
-})
+defineOptions({ name: 'ProgressNodes' })
 
 const props = withDefaults(defineProps<ProgressNodesProps>(), {
   colorType: 'primary',
@@ -98,10 +96,7 @@ useDrag({
   }
 })
 
-useResizeObserver({
-  targets: containerRef,
-  onResize: checkScroll
-})
+useResizeObserver({ targets: containerRef, onResize: checkScroll })
 
 watch(
   nodes,

package/src/components/radio/radio.vue

@@ -30,15 +30,11 @@ import { computed } from 'vue'
 
 import type { RadioProps, RadioEmits } from '../../types'
 
-defineOptions({
-  name: 'Radio'
-})
+defineOptions({ name: 'Radio' })
 
 const model = defineModel<any>()
 
-const props = withDefaults(defineProps<RadioProps>(), {
-  disabled: undefined
-})
+const props = withDefaults(defineProps<RadioProps>(), { disabled: undefined })
 
 defineEmits<RadioEmits>()
 

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

@@ -26,9 +26,7 @@ import { injectFormContext } from '@veltra/utils'
 import type { RadioGroupProps, RadioGroupEmits } from '../../types'
 import URadio from '../radio/radio.vue'
 
-defineOptions({
-  name: 'RadioGroup'
-})
+defineOptions({ name: 'RadioGroup' })
 
 const props = withDefaults(defineProps<RadioGroupProps>(), {
   labelKey: 'label',

package/src/components/scroll/scroll-bar.vue

@@ -9,17 +9,11 @@ import { computed, inject, shallowRef } from 'vue'
 
 import { ScrollDIKey } from './di'
 
-defineOptions({
-  name: 'ScrollBar'
-})
+defineOptions({ name: 'ScrollBar' })
 
-const props = defineProps<{
-  type: 'x' | 'y'
-}>()
+const props = defineProps<{ type: 'x' | 'y' }>()
 
-const emit = defineEmits<{
-  drag: [offset: number, size: number]
-}>()
+const emit = defineEmits<{ drag: [offset: number, size: number] }>()
 
 /** 滚动条高度(type为x时为宽度) */
 const size = shallowRef(0)
@@ -41,16 +35,10 @@ const className = computed(() => {
 const style =
   props.type === 'x'
     ? computed(() => {
-        return {
-          width: size.value + 'px',
-          transform: `translateX(${offset.value}px)`
-        }
+        return { width: size.value + 'px', transform: `translateX(${offset.value}px)` }
       })
     : computed(() => {
-        return {
-          height: size.value + 'px',
-          transform: `translateY(${offset.value}px)`
-        }
+        return { height: size.value + 'px', transform: `translateY(${offset.value}px)` }
       })
 
 const domRef = shallowRef<HTMLElement>()

package/src/components/scroll/scroll.vue

@@ -31,13 +31,9 @@ import type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '.
 import { ScrollDIKey } from './di'
 import UScrollBar from './scroll-bar.vue'
 
-defineOptions({
-  name: 'Scroll'
-})
+defineOptions({ name: 'Scroll' })
 
-const props = withDefaults(defineProps<ScrollProps>(), {
-  tag: 'div'
-})
+const props = withDefaults(defineProps<ScrollProps>(), { tag: 'div' })
 
 const emit = defineEmits<ScrollEmits>()
 
@@ -55,9 +51,7 @@ const className = computed(() => {
 })
 
 const style = computed<CSSProperties>(() => {
-  return {
-    height: withUnit(props.height, 'px')
-  }
+  return { height: withUnit(props.height, 'px') }
 })
 
 const contentRef = shallowRef<HTMLElement>()
@@ -67,10 +61,7 @@ const barX = shallowRef<InstanceType<typeof UScrollBar>>()
 const barY = shallowRef<InstanceType<typeof UScrollBar>>()
 const minSize = 20
 
-const trackSize = {
-  width: 0,
-  height: 0
-}
+const trackSize = { width: 0, height: 0 }
 
 const updateBar = () => {
   const container = containerRef.value
@@ -167,9 +158,7 @@ const scrollTo = (position: ScrollPosition) => {
   if (position.y !== undefined) scrollToTop(position.y)
 }
 
-provide(ScrollDIKey, {
-  cls
-})
+provide(ScrollDIKey, { cls })
 
 const exposed: _ScrollExposed = {
   el: scrollRef,

package/src/components/slider/slider-thumb.vue

@@ -7,13 +7,9 @@ import { computed, inject, useTemplateRef, watch } from 'vue'
 
 import { sliderContextKey } from './di'
 
-const props = defineProps<{
-  modelValue: number
-}>()
+const props = defineProps<{ modelValue: number }>()
 
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: number): void
-}>()
+const emit = defineEmits<{ (e: 'update:modelValue', value: number): void }>()
 
 const { cls, range, disabled, sliderProps, getOffsetByStep } = inject(sliderContextKey)!
 
@@ -21,13 +17,9 @@ const thumbRef = useTemplateRef('thumb')
 
 const style = computed(() => {
   if (sliderProps.vertical) {
-    return {
-      transform: `translate(0, ${props.modelValue}px)`
-    }
-  }
-  return {
-    transform: `translate(${props.modelValue}px, 0)`
+    return { transform: `translate(0, ${props.modelValue}px)` }
   }
+  return { transform: `translate(${props.modelValue}px, 0)` }
 })
 
 const { userAction, isUserActive } = useUserAction()

package/src/components/slider/slider.vue

@@ -30,9 +30,7 @@ import { sliderContextKey } from './di'
 import SliderThumb from './slider-thumb.vue'
 import { useSlider } from './use-slider'
 
-defineOptions({
-  name: 'Slider'
-})
+defineOptions({ name: 'Slider' })
 
 const props = withDefaults(defineProps<SliderProps<T>>(), {
   min: 0,
@@ -77,10 +75,7 @@ const barStyles = computed(() => {
   const sizeProp = vertical ? 'height' : 'width'
 
   if (!props.range) {
-    return {
-      [offsetProp]: 0,
-      [sizeProp]: `${Math.abs(offset1.value)}px`
-    }
+    return { [offsetProp]: 0, [sizeProp]: `${Math.abs(offset1.value)}px` }
   }
   return {
     [offsetProp]: `${Math.min(Math.abs(offset1.value), Math.abs(offset2.value))}px`,
@@ -135,11 +130,5 @@ function handleClickSlider(e: MouseEvent) {
   offset1.value = getOffsetByStep(e.clientX - rect.left)
 }
 
-provide(sliderContextKey, {
-  sliderProps: props,
-  disabled,
-  range: slideRange,
-  cls,
-  getOffsetByStep
-})
+provide(sliderContextKey, { sliderProps: props, disabled, range: slideRange, cls, getOffsetByStep })
 </script>

package/src/components/steps/steps.vue

@@ -62,9 +62,7 @@ import { UIcon } from '../icon'
 import { UNodeRender } from '../node-render'
 import { UTip } from '../tip'
 
-defineOptions({
-  name: 'Steps'
-})
+defineOptions({ name: 'Steps' })
 
 const props = withDefaults(defineProps<StepsProps>(), {
   direction: 'horizontal',
@@ -82,9 +80,7 @@ const slots = defineSlots<{
 
 const cls = bem('steps')
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const className = computed(() => {
   const { direction, currentStepType, finishedStepType } = props
@@ -130,10 +126,7 @@ watch(currentIndex, (index) => {
   if (index === undefined || props.direction === 'vertical') return
   const step = stepsRef.value?.children[index]
   if (step) {
-    step.scrollIntoView({
-      behavior: 'smooth',
-      block: 'center'
-    })
+    step.scrollIntoView({ behavior: 'smooth', block: 'center' })
   }
 })
 

package/src/components/switch/switch.vue

@@ -30,14 +30,9 @@ import { computed } from 'vue'
 
 import type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'
 
-defineOptions({
-  name: 'Switch'
-})
+defineOptions({ name: 'Switch' })
 
-const props = withDefaults(defineProps<SwitchProps>(), {
-  disabled: undefined,
-  readonly: undefined
-})
+const props = withDefaults(defineProps<SwitchProps>(), { disabled: undefined, readonly: undefined })
 
 const emit = defineEmits<SwitchEmits>()
 

package/src/components/table/table-body.vue

@@ -26,9 +26,7 @@ import { UEmpty } from '../empty'
 import { TableDIKey } from './di'
 import { UTableRow, UExpandTableRow } from './table-row'
 
-defineOptions({
-  name: 'TableBody'
-})
+defineOptions({ name: 'TableBody' })
 
 const { cls, rows, virtualList, columnConfig, tableProps, virtualEnabled } = inject(TableDIKey)!
 const { leafColumns } = columnConfig
@@ -57,11 +55,7 @@ const getStripeCls = (index: number): string => stripeTable.value[index & 1]!
 const tableRows = computed(() => {
   if (!virtualEnabled.value) {
     return rows.value.map((row, index) => {
-      return {
-        row,
-        stripeIndex: row.index,
-        index
-      }
+      return { row, stripeIndex: row.index, index }
     })
   }
 

package/src/components/table/table-cell.vue

@@ -14,9 +14,7 @@
 import { withUnit } from '@veltra/utils'
 import { computed } from 'vue'
 
-defineOptions({
-  name: 'TableCell'
-})
+defineOptions({ name: 'TableCell' })
 
 /**
  * B2: TableCell 去 inject 化。
@@ -34,8 +32,5 @@ const { left, right } = defineProps<{
   colspan?: number
 }>()
 
-const style = computed(() => ({
-  left: withUnit(left, 'px'),
-  right: withUnit(right, 'px')
-}))
+const style = computed(() => ({ left: withUnit(left, 'px'), right: withUnit(right, 'px') }))
 </script>

package/src/components/table/table-foot.vue

@@ -36,9 +36,7 @@ import { UNodeRender } from '../node-render'
 import { TableDIKey } from './di'
 import type { ColumnNode } from './node/col'
 
-defineOptions({
-  name: 'TableFoot'
-})
+defineOptions({ name: 'TableFoot' })
 
 const { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!
 
@@ -78,12 +76,7 @@ function getColumnSummaryNode(column: ColumnNode): RenderReturn {
   let total = summaryRow.value[column.key]
 
   if (typeof summary === 'function') {
-    return summary({
-      total,
-      rows: rows.value,
-      checkedRows: checkedRows.value,
-      column
-    })
+    return summary({ total, rows: rows.value, checkedRows: checkedRows.value, column })
   }
   return total
 }

package/src/components/table-editor/table-editor.vue

@@ -44,9 +44,7 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import type { TableRowNode } from '../table/node/row'
 
-defineOptions({
-  name: 'TableEditor'
-})
+defineOptions({ name: 'TableEditor' })
 
 const { columns = [], modelValue = [] } = defineProps<TableEditorProps>()
 const emit = defineEmits<TableEditorEmits>()

package/src/components/tabs/tabs-horizontal.vue

@@ -86,13 +86,9 @@ const props = withDefaults(defineProps<TabsHorizontalProps>(), {
 
 const emit = defineEmits<TabsHorizontalEmits>()
 
-defineSlots<{
-  [key: `name:${string}`]: (props: { item: TabItem }) => any
-}>()
+defineSlots<{ [key: `name:${string}`]: (props: { item: TabItem }) => any }>()
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('tabs-bar')
 

package/src/components/tabs/tabs-vertical.vue

@@ -51,9 +51,7 @@ const props = withDefaults(defineProps<TabsVerticalProps>(), {
 
 const emit = defineEmits<TabsVerticalEmits>()
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('tabs-bar')
 

package/src/components/tabs/tabs.vue

@@ -57,9 +57,7 @@ const emit = defineEmits<TabsEmits>()
 
 const slots = useSlots() as Record<string, ((props?: any) => any) | undefined>
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('tabs')
 

package/src/components/tag/tag.vue

@@ -20,9 +20,7 @@ import { computed } from 'vue'
 import type { TagEmits, TagProps } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Tag'
-})
+defineOptions({ name: 'Tag' })
 
 const cls = bem('tag')
 
@@ -31,9 +29,7 @@ const props = defineProps<TagProps>()
 const emit = defineEmits<TagEmits>()
 
 const { formProps } = injectFormContext()
-const { size } = useFormFallbackProps([formProps ?? {}, props], {
-  size: 'default'
-})
+const { size } = useFormFallbackProps([formProps ?? {}, props], { size: 'default' })
 
 const handleClose = () => {
   emit('close')

package/src/components/text/text.vue

@@ -11,13 +11,9 @@ import { type CSSProperties, type VNode, computed, useSlots, h, createTextVNode
 import type { TextProps } from '../../types'
 import { UNodeRender } from '../node-render'
 
-defineOptions({
-  name: 'Text'
-})
+defineOptions({ name: 'Text' })
 
-const props = withDefaults(defineProps<TextProps>(), {
-  as: 'content'
-})
+const props = withDefaults(defineProps<TextProps>(), { as: 'content' })
 
 const cls = bem('text')
 
@@ -26,9 +22,7 @@ const classList = computed(() => {
 })
 
 const style = computed(() => {
-  const style: CSSProperties = {
-    fontSize: withUnit(props.fontSize, 'px')
-  }
+  const style: CSSProperties = { fontSize: withUnit(props.fontSize, 'px') }
   const { deleted, underline } = props
   if (deleted) {
     style.textDecoration = 'line-through'

package/src/components/textarea/textarea.vue

@@ -50,9 +50,7 @@ import type { TextareaProps, TextareaEmits, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 import { calcTextareaHeight } from './utils'
 
-defineOptions({
-  name: 'Textarea'
-})
+defineOptions({ name: 'Textarea' })
 
 const props = withDefaults(defineProps<TextareaProps>(), {
   placeholder: '请输入',