@veltra/desktop 1.1.24 → 1.1.26

package/src/components/context-menu/context-menu-item.vue

@@ -33,18 +33,11 @@ import type { ContextMenuItem } from '../../types'
 import { UIcon } from '../icon'
 import { ContextMenuDIKey } from './di'
 
-defineOptions({
-  name: 'ContextMenuItem'
-})
+defineOptions({ name: 'ContextMenuItem' })
 
-const { menu } = defineProps<{
-  menu: ContextMenuItem
-}>()
+const { menu } = defineProps<{ menu: ContextMenuItem }>()
 
-const emit = defineEmits<{
-  (e: 'click-start'): void
-  (e: 'click-end'): void
-}>()
+const emit = defineEmits<{ (e: 'click-start'): void; (e: 'click-end'): void }>()
 
 const { cls } = inject(ContextMenuDIKey)!
 

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

@@ -33,19 +33,13 @@ import type {
 import UContextMenuItem from './context-menu-item.vue'
 import { ContextMenuDIKey } from './di'
 
-defineOptions({
-  name: 'ContextMenu'
-})
+defineOptions({ name: 'ContextMenu' })
 
-const props = withDefaults(defineProps<ContextMenuProps>(), {
-  width: 150
-})
+const props = withDefaults(defineProps<ContextMenuProps>(), { width: 150 })
 
 const emit = defineEmits<ContextMenuEmits>()
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const cls = bem('context-menu')
 
@@ -85,11 +79,7 @@ const computePosition = () => {
 }
 
 const style = computed<CSSProperties>(() => {
-  return {
-    width: withUnit(props.width, 'px'),
-    ...computePosition(),
-    zIndex: zIndex()
-  }
+  return { width: withUnit(props.width, 'px'), ...computePosition(), zIndex: zIndex() }
 })
 
 const menus = computed(() => {
@@ -123,7 +113,5 @@ function handleClickOutside() {
   close()
 }
 
-provide(ContextMenuDIKey, {
-  cls
-})
+provide(ContextMenuDIKey, { cls })
 </script>

package/src/components/date-panel/date-panel.vue

@@ -27,19 +27,11 @@ import MonthPanel from './panels/month.vue'
 import YearPanel from './panels/year.vue'
 import { usePanel } from './use-panel'
 
-defineOptions({
-  name: 'DatePanel'
-})
+defineOptions({ name: 'DatePanel' })
 
-const props = withDefaults(defineProps<DatePanelProps>(), {
-  size: 'default',
-  type: 'date'
-})
+const props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })
 
 const emit = defineEmits<DatePanelEmits>()
 
-const { cls, panelType } = usePanel({
-  props,
-  emit
-})
+const { cls, panelType } = usePanel({ props, emit })
 </script>

package/src/components/date-panel/headers/day.vue

@@ -36,9 +36,7 @@ import { inject } from 'vue'
 import { UIcon } from '../../icon'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelDayHeader'
-})
+defineOptions({ name: 'DatePanelDayHeader' })
 
 const { panelDate, panelType, cls, toPrevMonth, toNextMonth, toPrevYear, toNextYear } =
   inject(DatePanelDIKey)!

package/src/components/date-panel/headers/month.vue

@@ -21,9 +21,7 @@ import { inject } from 'vue'
 import { UIcon } from '../../icon'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelMonthHeader'
-})
+defineOptions({ name: 'DatePanelMonthHeader' })
 
 const { panelDate, panelType, toPrevYear, toNextYear, cls } = inject(DatePanelDIKey)!
 </script>

package/src/components/date-panel/headers/year.vue

@@ -20,9 +20,7 @@ import { inject } from 'vue'
 import { UIcon } from '../../icon'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelYearHeader'
-})
+defineOptions({ name: 'DatePanelYearHeader' })
 
 const { panelDate, toPrevTenYears, toNextTenYears, cls } = inject(DatePanelDIKey)!
 

package/src/components/date-panel/panels/day.vue

@@ -31,10 +31,7 @@ import type { CalendarDay } from '../../../types'
 import { getMonthDays, weekDays } from '../../calendar/utils'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelDay',
-  inheritAttrs: false
-})
+defineOptions({ name: 'DatePanelDay', inheritAttrs: false })
 
 const { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =
   inject(DatePanelDIKey)!

package/src/components/date-panel/panels/month.vue

@@ -22,9 +22,7 @@ import type { CalendarMonth } from '../../../types'
 import { getYearMonths } from '../../calendar/utils'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelMonth'
-})
+defineOptions({ name: 'DatePanelMonth' })
 
 const { cls, panelDate, rangeDate, panelProps, handleDateSelect, handleDateRangeHover } =
   inject(DatePanelDIKey)!

package/src/components/date-panel/panels/year.vue

@@ -22,9 +22,7 @@ import type { CalendarYear } from '../../../types'
 import { getTenYears } from '../../calendar/utils'
 import { DatePanelDIKey } from '../di'
 
-defineOptions({
-  name: 'DatePanelYear'
-})
+defineOptions({ name: 'DatePanelYear' })
 
 const { panelDate, rangeDate, panelProps, cls, handleDateSelect, handleDateRangeHover } =
   inject(DatePanelDIKey)!

package/src/components/date-picker/date-picker.vue

@@ -49,9 +49,7 @@ import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({
-  name: 'DatePicker'
-})
+defineOptions({ name: 'DatePicker' })
 
 const props = withDefaults(defineProps<DatePickerProps>(), {
   placeholder: '选择日期',

package/src/components/date-range-picker/date-range-picker.vue

@@ -72,9 +72,7 @@ import { UDatePanel } from '../date-panel'
 import { UDropdown } from '../dropdown'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'DateRangePicker'
-})
+defineOptions({ name: 'DateRangePicker' })
 
 const props = withDefaults(defineProps<DateRangePickerProps>(), {
   placeholder: () => ['起始日期', '结束日期'],

package/src/components/dialog/dialog.vue

@@ -86,10 +86,7 @@ import { UScroll } from '../scroll'
 import { DialogDIKey } from './di'
 import { useMaximum } from './use-maximum'
 
-defineOptions({
-  name: 'Dialog',
-  inheritAttrs: false
-})
+defineOptions({ name: 'Dialog', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DialogProps>(), {
   modal: true,
@@ -128,9 +125,7 @@ const bodyRef = shallowRef<ScrollExposed>()
 /** 弹框footer模板引用 */
 const footerRef = shallowRef<HTMLDivElement>()
 
-const visible = defineModel<boolean>({
-  default: false
-})
+const visible = defineModel<boolean>({ default: false })
 
 const overlayVisible = shallowRef(false)
 const dialogVisible = shallowRef(false)
@@ -159,10 +154,7 @@ function onAfterDialogLeave() {
   overlayVisible.value = false
 }
 
-const { toggleMaximize, maximized } = useMaximum({
-  dialogRef,
-  cls
-})
+const { toggleMaximize, maximized } = useMaximum({ dialogRef, cls })
 
 const className = computed(() => {
   return [cls.b, cls.m(size.value)]
@@ -188,10 +180,7 @@ watch(visible, (v) => {
 })
 
 /** dialog位移的位置 */
-const translated = {
-  x: 0,
-  y: 0
-}
+const translated = { x: 0, y: 0 }
 
 /**
  * 更新弹框位置
@@ -201,9 +190,7 @@ const translated = {
 const updateDialogTransform = (x: number, y: number) => {
   const dom = dialogRef.value
   if (!dom) return
-  setStyles(dom, {
-    translate: `${x}px ${y}px`
-  })
+  setStyles(dom, { translate: `${x}px ${y}px` })
 }
 
 // 运用拖拽
@@ -245,11 +232,7 @@ const close = () => {
   visible.value = false
 }
 
-provide(DialogDIKey, {
-  visible
-})
+provide(DialogDIKey, { visible })
 
-defineExpose<DialogExposed>({
-  close
-})
+defineExpose<DialogExposed>({ close })
 </script>

package/src/components/drawer/drawer.vue

@@ -29,24 +29,16 @@ import { computed, shallowRef } from 'vue'
 import type { DrawerProps, DrawerEmits } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Drawer',
-  inheritAttrs: false
-})
+defineOptions({ name: 'Drawer', inheritAttrs: false })
 
-const props = withDefaults(defineProps<DrawerProps>(), {
-  direction: 'right',
-  closable: true
-})
+const props = withDefaults(defineProps<DrawerProps>(), { direction: 'right', closable: true })
 
 const emit = defineEmits<DrawerEmits>()
 
 const cls = bem('drawer')
 const overlayCls = bem('drawer-overlay')
 
-const overlayVisible = defineModel<boolean>({
-  default: false
-})
+const overlayVisible = defineModel<boolean>({ default: false })
 
 const drawerVisible = shallowRef(false)
 

package/src/components/empty/empty.vue

@@ -12,14 +12,9 @@ import { bem } from '@veltra/utils'
 import type { EmptyProps } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Empty'
-})
+defineOptions({ name: 'Empty' })
 
-withDefaults(defineProps<EmptyProps>(), {
-  size: 48,
-  text: '暂无数据'
-})
+withDefaults(defineProps<EmptyProps>(), { size: 48, text: '暂无数据' })
 
 const cls = bem('empty')
 </script>

package/src/components/expression-editor/components/path-preview.vue

@@ -20,13 +20,9 @@ import { bem } from '@veltra/utils'
 
 import type { VariableItem } from '../../../types'
 
-defineOptions({
-  name: 'ExpressionPathPreview'
-})
+defineOptions({ name: 'ExpressionPathPreview' })
 
-defineProps<{
-  path: VariableItem[]
-}>()
+defineProps<{ path: VariableItem[] }>()
 
 const cls = bem('expression-editor')
 </script>

package/src/components/expression-editor/components/variable-picker.vue

@@ -78,9 +78,7 @@ import { UScroll } from '../../scroll'
 import { UTip } from '../../tip'
 import PathPreview from './path-preview.vue'
 
-defineOptions({
-  name: 'VariablePicker'
-})
+defineOptions({ name: 'VariablePicker' })
 
 interface FlatItem extends VariableItem {
   /** 仅扁平模式使用：从根到当前节点的路径 */

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

@@ -49,18 +49,14 @@ import { createMention, type MentionAPI } from './core/mention'
 import { parse, type Doc } from './core/model'
 import { createVariableMap } from './di'
 
-defineOptions({
-  name: 'ExpressionEditor'
-})
+defineOptions({ name: 'ExpressionEditor' })
 
 const props = withDefaults(defineProps<ExpressionEditorProps>(), {
   placeholder: '请输入表达式，输入 @ 可插入变量',
   selectableLevels: 'leaf'
 })
 
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: string): void
-}>()
+const emit = defineEmits<{ (e: 'update:modelValue', value: string): void }>()
 
 const cls = bem('expression-editor')
 const { formProps } = injectFormContext()

package/src/components/expression-editor/style.scss

@@ -106,7 +106,7 @@ $root-name: expression-editor;
       );
       box-shadow: 0 1px 4px fn.use-var(shadow, color);
 
-      .#{vars.$namespace}-#{$root-name}__chip-close {
+      #{fn.bem($root-name, chip-close)} {
         opacity: 1;
         max-width: 14px;
         margin-left: 2px;

package/src/components/file-picker/file-picker.vue

@@ -29,14 +29,9 @@ import { shallowRef, ref } from 'vue'
 import type { UploaderProps, UploaderEmits } from '../../types'
 import { matchAccept } from './helper'
 
-defineOptions({
-  name: 'FilePicker'
-})
+defineOptions({ name: 'FilePicker' })
 
-const props = withDefaults(defineProps<UploaderProps>(), {
-  tag: 'div',
-  multiple: false
-})
+const props = withDefaults(defineProps<UploaderProps>(), { tag: 'div', multiple: false })
 
 const emit = defineEmits<UploaderEmits>()
 

package/src/components/file-viewer/file-viewer.vue

@@ -218,10 +218,7 @@ import { UIcon } from '../icon'
 import { UScroll } from '../scroll'
 import { FILE_VIEWER_KIND_LABEL, downloadFile, formatBytes, inferKind } from './helper'
 
-defineOptions({
-  name: 'FileViewer',
-  inheritAttrs: false
-})
+defineOptions({ name: 'FileViewer', inheritAttrs: false })
 
 const props = withDefaults(defineProps<FileViewerProps>(), {
   modelValue: undefined,
@@ -262,13 +259,7 @@ const offsetY = ref(0)
 const isDragging = ref(false)
 
 let dragState:
-  | {
-      pointerId: number
-      startX: number
-      startY: number
-      originX: number
-      originY: number
-    }
+  | { pointerId: number; startX: number; startY: number; originX: number; originY: number }
   | undefined
 
 const PreviewerMap: Record<FileViewerKind, ReturnType<typeof defineAsyncComponent>> = {
@@ -286,11 +277,7 @@ interface NormalizedFile extends FileViewerItem {
 }
 
 const normalizedFiles = computed<NormalizedFile[]>(() =>
-  props.files.map((f, i) => ({
-    ...f,
-    id: f.id ?? `file-${i}`,
-    kind: inferKind(f.name, f.kind)
-  }))
+  props.files.map((f, i) => ({ ...f, id: f.id ?? `file-${i}`, kind: inferKind(f.name, f.kind) }))
 )
 
 const activeFile = computed<NormalizedFile | undefined>(() =>
@@ -585,10 +572,5 @@ onBeforeUnmount(() => {
   }
 })
 
-defineExpose<_FileViewerExposed>({
-  activeId,
-  activate,
-  next,
-  prev
-})
+defineExpose<_FileViewerExposed>({ activeId, activate, next, prev })
 </script>

package/src/components/file-viewer/previewers/pdf-previewer.vue

@@ -136,9 +136,5 @@ onBeforeUnmount(() => {
   zoomScope = null
 })
 
-defineExpose({
-  zoomIn,
-  zoomOut,
-  resetZoom
-})
+defineExpose({ zoomIn, zoomOut, resetZoom })
 </script>

package/src/components/file-viewer/previewers/pdf-viewport-scroll.vue

@@ -14,13 +14,7 @@ const viewportRef = inject<Ref<HTMLDivElement | null>>(VIEWPORT_ELEMENT_KEY)
 const viewportEl = computed(() => viewportRef?.value ?? null)
 
 let panState:
-  | {
-      pointerId: number
-      startX: number
-      startY: number
-      scrollLeft: number
-      scrollTop: number
-    }
+  | { pointerId: number; startX: number; startY: number; scrollLeft: number; scrollTop: number }
   | undefined
 
 function isInteractiveTarget(target: EventTarget | null): boolean {

package/src/components/file-viewer/previewers/pdf-zoom-bridge.vue

@@ -19,15 +19,10 @@ const { provides: zoom, state } = useZoom(() => props.documentId)
 watch(
   [zoom, () => state.value.currentZoomLevel],
   () => {
-    emit('zoom-change', {
-      level: state.value.currentZoomLevel,
-      scope: zoom.value
-    })
+    emit('zoom-change', { level: state.value.currentZoomLevel, scope: zoom.value })
   },
   { immediate: true }
 )
 
-defineExpose({
-  resetZoom: () => zoom.value?.requestZoom(ZoomMode.FitPage)
-})
+defineExpose({ resetZoom: () => zoom.value?.requestZoom(ZoomMode.FitPage) })
 </script>

package/src/components/file-viewer/previewers/sheet-previewer.vue

@@ -26,13 +26,9 @@ import type { FileViewerItem } from '../../../types/file-viewer'
 
 defineOptions({ name: 'FileViewerSheetPreviewer' })
 
-const props = withDefaults(
-  defineProps<{
-    file: FileViewerItem
-    maxRows?: number
-  }>(),
-  { maxRows: 50_000 }
-)
+const props = withDefaults(defineProps<{ file: FileViewerItem; maxRows?: number }>(), {
+  maxRows: 50_000
+})
 
 const emit = defineEmits<{ (e: 'error', err: unknown): void }>()
 
@@ -166,9 +162,7 @@ async function renderActive() {
     autoFillWidth: true,
     frozenColCount: 0,
     theme: (VTable.themes.ARCO ?? VTable.themes.DEFAULT).extends({
-      defaultStyle: {
-        borderLineWidth: 1
-      }
+      defaultStyle: { borderLineWidth: 1 }
     })
   })
 }

package/src/components/float-button/float-button.vue

@@ -34,9 +34,7 @@ import type { FloatButtonProps, FloatButtonEmits, ButtonExposed } from '../../ty
 import { UButton } from '../button'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'FloatButton'
-})
+defineOptions({ name: 'FloatButton' })
 
 defineProps<FloatButtonProps>()