@veltra/desktop 1.1.25 → 1.1.26

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

package/src/components/form/form.vue

@@ -42,9 +42,7 @@ import type { DynamicFormModel } from './dynamic-form-model'
 import type { FormModel } from './form-model'
 import { useNodeInterceptor } from './use-node-interceptor'
 
-defineOptions({
-  name: 'Form'
-})
+defineOptions({ name: 'Form' })
 
 const props = defineProps<FormProps<Model>>()
 
@@ -59,13 +57,7 @@ defineSlots<{
 
 const cls = bem('form')
 
-const breakpointCols: BreakCols = {
-  xs: 1,
-  md: 2,
-  lg: 3,
-  xl: 4,
-  default: 4
-}
+const breakpointCols: BreakCols = { xs: 1, md: 2, lg: 3, xl: 4, default: 4 }
 
 provideFormContext(props)
 
@@ -89,7 +81,5 @@ function showInitialNode(field: string) {
 
 const gridRef = shallowRef<GridExposed>()
 
-defineExpose<_FormExposed>({
-  el: toRef(() => gridRef.value?.el)
-})
+defineExpose<_FormExposed>({ el: toRef(() => gridRef.value?.el) })
 </script>

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>