@veltra/desktop 1.1.25 → 1.1.27

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

@@ -37,9 +37,7 @@ import type { CollapseItemProps } from '../../types'
 import { UIcon } from '../icon'
 import { CollapseDIKey } from './di'
 
-defineOptions({
-  name: 'CollapseItem'
-})
+defineOptions({ name: 'CollapseItem' })
 
 const props = defineProps<CollapseItemProps>()
 

package/src/components/collapse/collapse.vue

@@ -12,9 +12,7 @@ import { computed, provide, ref } from 'vue'
 import type { CollapseEmits, CollapseModelValue, CollapseProps, CollapseValue } from '../../types'
 import { CollapseDIKey } from './di'
 
-defineOptions({
-  name: 'Collapse'
-})
+defineOptions({ name: 'Collapse' })
 
 const props = withDefaults(defineProps<CollapseProps>(), {
   accordion: false,
@@ -34,11 +32,7 @@ const expandIcon = computed(() => props.expandIcon)
 
 const classList = computed(() => [cls.b, cls.m(size.value)])
 
-const modelValue = useModel<CollapseProps, 'modelValue'>({
-  props,
-  emit,
-  propName: 'modelValue'
-})
+const modelValue = useModel<CollapseProps, 'modelValue'>({ props, emit, propName: 'modelValue' })
 
 const activeValues = computed<CollapseValue[]>(() => {
   const v = modelValue.value

package/src/components/condition-editor/components/condition-row.vue

@@ -214,10 +214,7 @@ function onFieldChange(val: string) {
 }
 
 function onOperatorChange(val: string) {
-  emitUpdate({
-    operator: val,
-    value: { kind: 'constant', value: '' }
-  })
+  emitUpdate({ operator: val, value: { kind: 'constant', value: '' } })
 }
 
 function onValueInput(e: Event) {
@@ -243,10 +240,7 @@ function onChipClick() {
   if (props.disabled || props.readonly) return
   const dom = chipRef.value
   if (!dom) return
-  emit('mention', {
-    triggerDom: dom,
-    setValue: (val) => emitUpdate({ value: val })
-  })
+  emit('mention', { triggerDom: dom, setValue: (val) => emitUpdate({ value: val }) })
 }
 
 function onChipDelete() {

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

@@ -37,13 +37,9 @@ import { createEmptyGroup } from './core/evaluator'
 
 defineOptions({ name: 'ConditionEditor' })
 
-const props = withDefaults(defineProps<ConditionEditorProps>(), {
-  fields: () => []
-})
+const props = withDefaults(defineProps<ConditionEditorProps>(), { fields: () => [] })
 
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: ConditionExpression): void
-}>()
+const emit = defineEmits<{ (e: 'update:modelValue', value: ConditionExpression): void }>()
 
 const cls = bem('condition-editor')
 const { formProps } = injectFormContext()

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

package/src/components/form/form-model.ts

@@ -2,7 +2,14 @@ import { o } from '@cat-kit/core'
 import { middleProxy, Validator } from '@veltra/utils'
 import { nextTick, reactive, shallowReactive, watch, type Reactive } from 'vue'
 
-import type { ModelData, DataSettingConfig, IFormModel, AllKeys, FormModelItem } from '../../types'
+import type {
+  ModelData,
+  DataSettingConfig,
+  IFormModel,
+  AllKeys,
+  FormModelItem,
+  FormModelField
+} from '../../types'
 
 /**
  * 递归展平字段逻辑
@@ -25,7 +32,7 @@ function flattenFields(fields: Record<string, any>, prefix = ''): Record<string,
  * 表单模型
  */
 export class FormModel<
-  Fields extends Record<string, any> = Record<string, any>
+  Fields extends Record<string, FormModelField> = Record<string, FormModelField>
 > implements IFormModel<Fields> {
   /** 表单数据 */
   data!: ModelData<Fields>

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>