@veltra/desktop 1.1.25 → 1.1.26

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: '请输入',

package/src/components/theme/group-item.vue

@@ -15,9 +15,7 @@ import { inject } from 'vue'
 
 import { ThemeDIKey } from './di'
 
-defineProps<{
-  label: string
-}>()
+defineProps<{ label: string }>()
 
 const { cls } = inject(ThemeDIKey)!
 </script>

package/src/components/theme/group.vue

@@ -15,9 +15,7 @@ import { inject } from 'vue'
 
 import { ThemeDIKey } from './di'
 
-defineProps<{
-  title: string
-}>()
+defineProps<{ title: string }>()
 
 const { cls } = inject(ThemeDIKey)!
 </script>

package/src/components/theme/theme.vue

@@ -195,9 +195,7 @@ import { USelect } from '../select'
 import { THEME_SECTIONS } from './schema'
 import type { ThemeField } from './schema'
 
-defineOptions({
-  name: 'UTheme'
-})
+defineOptions({ name: 'UTheme' })
 
 const props = defineProps<ThemeProps>()
 
@@ -213,10 +211,7 @@ const colorVarOptions = computed(() => {
     section.fields.forEach((field) => {
       if (field.kind === 'palette') {
         const varName = `var(${getCssVarName(field.path)})`
-        options.push({
-          label: `${field.label}`,
-          value: varName
-        })
+        options.push({ label: `${field.label}`, value: varName })
       }
     })
   })
@@ -305,11 +300,7 @@ const sectionStates = computed(() => {
       return changedFieldKeys.value.has(field.key)
     }).length
 
-    return {
-      ...section,
-      visibleFields,
-      changedCount
-    }
+    return { ...section, visibleFields, changedCount }
   })
 })
 
@@ -382,22 +373,11 @@ function getFieldValue(field: ThemeField) {
 function getFieldProps(field: ThemeField) {
   switch (field.kind) {
     case 'number':
-      return {
-        min: field.min,
-        max: field.max,
-        step: field.step,
-        suffix: field.suffix
-      }
+      return { min: field.min, max: field.max, step: field.step, suffix: field.suffix }
     case 'select':
-      return {
-        options: field.options,
-        clearable: false,
-        placeholder: '请选择'
-      }
+      return { options: field.options, clearable: false, placeholder: '请选择' }
     case 'input':
-      return {
-        placeholder: field.placeholder
-      }
+      return { placeholder: field.placeholder }
     default:
       return {}
   }

package/src/components/tip/tip.vue

@@ -51,9 +51,7 @@ const emit = defineEmits<TipEmits>()
 
 const cls = bem('tip')
 const slots = useSlots()
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const contentClass = computed(() => {
   const fixed = [cls.e('content'), cls.m(size.value)]

package/src/components/tree/tree-node.vue

@@ -47,9 +47,7 @@ import { UIcon } from '../icon'
 import { UNodeRender } from '../node-render'
 import { TreeDIKey } from './di'
 
-defineOptions({
-  name: 'TreeNode'
-})
+defineOptions({ name: 'TreeNode' })
 
 const props = defineProps<TreeNodeProps>()
 

package/src/components/tree/tree.vue

@@ -47,9 +47,7 @@ import { useFilter } from './use-filter'
 import { useSelect } from './use-select'
 import { useTreeNodes } from './use-tree-nodes'
 
-defineOptions({
-  name: 'Tree'
-})
+defineOptions({ name: 'Tree' })
 
 const props = withDefaults(defineProps<TreeProps>(), {
   labelKey: 'label',
@@ -66,9 +64,7 @@ const cls = bem('tree')
 
 const { formProps } = injectFormContext()
 
-const { size } = useFormFallbackProps([formProps ?? {}, props], {
-  size: 'default'
-})
+const { size } = useFormFallbackProps([formProps ?? {}, props], { size: 'default' })
 
 const scrollRef = shallowRef<ScrollExposed>()
 
@@ -81,9 +77,7 @@ const className = computed(() => {
   ]
 })
 
-defineSlots<{
-  default: (props: TreeSlotsScope) => any
-}>()
+defineSlots<{ default: (props: TreeSlotsScope) => any }>()
 
 const slots = useSlots()
 
@@ -91,9 +85,7 @@ function getTreeSlotsNode(ctx: TreeSlotsScope): VNode[] | string | undefined {
   return (props.slots?.default ?? slots.default)?.(ctx) ?? ctx.node.label
 }
 
-const { nodes, forest, getFlattedNodes, nodeDict } = useTreeNodes({
-  props
-})
+const { nodes, forest, getFlattedNodes, nodeDict } = useTreeNodes({ props })
 
 watch(
   [() => props.selectable, () => props.checkable, forest],
@@ -107,19 +99,9 @@ watch(
 
 const { filter } = useFilter({ forest, getFlattedNodes })
 
-const { handleSelect, selectedData } = useSelect({
-  props,
-  emit,
-  nodeDict,
-  getFlattedNodes
-})
+const { handleSelect, selectedData } = useSelect({ props, emit, nodeDict, getFlattedNodes })
 
-const { checkedData, toggleCheck } = useCheck({
-  props,
-  emit,
-  nodeDict,
-  getFlattedNodes
-})
+const { checkedData, toggleCheck } = useCheck({ props, emit, nodeDict, getFlattedNodes })
 
 const estimateSize = (): number => {
   // 基于 style.scss 中节点稳态高度推算的默认值；
@@ -156,12 +138,7 @@ const virtualNodes = computed(() => {
   const _nodes = nodes.value
   return items.value.map((item) => {
     const node = _nodes[item.index]!
-    return {
-      node,
-      key: node?.key ?? item.index,
-      offset: item.start,
-      index: item.index
-    }
+    return { node, key: node?.key ?? item.index, offset: item.start, index: item.index }
   })
 })
 

package/src/components/watermark/watermark.vue

@@ -15,23 +15,14 @@ import { onBeforeUnmount, onMounted, reactive, useTemplateRef } from 'vue'
 
 import type { WatermarkProps, WatermarkEmits } from '../../types'
 
-defineOptions({
-  name: 'Watermark'
-})
+defineOptions({ name: 'Watermark' })
 const cls = bem('watermark')
-const props = withDefaults(defineProps<WatermarkProps>(), {
-  route: -30,
-  fontSize: 60
-})
+const props = withDefaults(defineProps<WatermarkProps>(), { route: -30, fontSize: 60 })
 defineEmits<WatermarkEmits>()
 
 const watermarkRef = useTemplateRef('watermark')
 
-const styles = reactive({
-  fontColor: 'rgba(0,0,0,.1)',
-  fontFamily: 'Arial',
-  image: props.image
-})
+const styles = reactive({ fontColor: 'rgba(0,0,0,.1)', fontFamily: 'Arial', image: props.image })
 
 const setWatermark = debounce(async () => {
   const str = props.text
@@ -69,9 +60,7 @@ const setWatermark = debounce(async () => {
   // 编制文字
   ctx.fillText(str, 0, (textWidth - props.fontSize) / 2)
 
-  setStyles(container, {
-    background: `url(${canvas.toDataURL('image/png')}) repeat`
-  })
+  setStyles(container, { background: `url(${canvas.toDataURL('image/png')}) repeat` })
 
   ctx.clearRect(0, 0, canvas.width, canvas.height)
   canvas = null