@veltra/desktop 1.2.10 → 1.2.13

package/src/components/cascade/use-select.ts

@@ -28,6 +28,16 @@ interface SelectOptions {
   dropdownRef: Ref<DropdownExposed | undefined>
 }
 
+function buildPathKeys(leaf: CascadeNode): string[] {
+  const keys: string[] = []
+  let node: CascadeNode | undefined = leaf
+  while (node) {
+    keys.unshift(node.value)
+    node = node.parent
+  }
+  return keys
+}
+
 interface UseSelectReturned {
   displayedValue: ComputedRef<string | undefined>
   selectItem: (panelIndex: number, item: CascadeNode) => void
@@ -46,8 +56,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   /** 选中的节点key */
   const selectedNodeKeys = shallowRef<string[]>([])
 
-  const currentItem = shallowRef<Record<string, any>>()
-
   /** 面板数据 */
   const panelItemList = shallowRef<PanelItem[]>([])
   const uid = createIncrease()
@@ -56,17 +64,16 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   const displayedValue = computed(() => {
-    const { modelValue, separator } = props
-    const valueNodes =
-      modelValue && typeof modelValue === 'string' ? modelValue.split(separator!) : undefined
-    return (
-      valueNodes
-        ?.map((v) => {
-          const node = dataMap.value.get(v)
-          return node?.label ?? v
-        })
-        .join(props.separator) ?? ''
-    )
+    const { modelValue, separator, showFullPath } = props
+    if (!modelValue || typeof modelValue !== 'string') return ''
+
+    if (showFullPath) {
+      return modelValue
+        .split(separator!)
+        .map((v) => dataMap.value.get(v)?.label ?? v)
+        .join(separator)
+    }
+    return dataMap.value.get(modelValue)?.label ?? modelValue
   })
 
   function getPanelItemList(data?: CascadeNode[]) {
@@ -94,22 +101,24 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function updateSingleValue() {
-    const { separator } = props
+    const { separator, showFullPath } = props
+    const keys = selectedNodeKeys.value
+    const leafKey = keys.length ? keys[keys.length - 1] : undefined
+    const leafLabel = leafKey ? dataMap.value.get(leafKey)?.label : undefined
 
-    const targetValue = selectedNodeKeys.value.length
-      ? selectedNodeKeys.value.join(separator!)
-      : undefined
+    const targetValue = showFullPath ? (keys.length ? keys.join(separator!) : undefined) : leafKey
+    const targetLabel = showFullPath
+      ? keys
+          .map((key) => dataMap.value.get(key)?.label)
+          .filter(Boolean)
+          .join(separator!)
+      : leafLabel
 
-    const targetLabel = selectedNodeKeys.value
-      .map((key) => {
-        const node = dataMap.value.get(key)
-        return node?.label
-      })
-      .filter(Boolean)
-      .join(separator!)
+    const leafNode = leafKey ? dataMap.value.get(leafKey) : undefined
 
     emit('update:modelValue', targetValue)
-    emit('change', targetValue, targetLabel, currentItem.value!)
+    emit('update:label', targetLabel)
+    emit('change', leafNode?.data as Record<string, any> | undefined)
   }
 
   /**
@@ -120,7 +129,6 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
    */
   function selectItem(panelIndex: number, item: CascadeNode) {
     // 设置选中的节点
-    currentItem.value = item
     selectedNodeKeys.value[panelIndex] = item.value
     selectedNodeKeys.value.splice(panelIndex + 1)
     triggerRef(selectedNodeKeys)
@@ -138,11 +146,17 @@ export function useSelect(options: SelectOptions): UseSelectReturned {
   }
 
   function initSingleSelect() {
-    const { modelValue, separator } = props
+    const { modelValue, separator, showFullPath } = props
 
     if (modelValue && typeof modelValue === 'string') {
-      const nodes = modelValue.split(separator!)
-      selectedNodeKeys.value = nodes
+      let keys: string[]
+      if (showFullPath) {
+        keys = modelValue.split(separator!)
+      } else {
+        const leaf = dataMap.value.get(modelValue)
+        keys = leaf ? buildPathKeys(leaf) : [modelValue]
+      }
+      selectedNodeKeys.value = keys
       getPanelItemList(forest.value.roots)
     } else {
       selectedNodeKeys.value = []

package/src/components/check-tag/check-tag.vue

@@ -10,7 +10,7 @@ import { computed } from 'vue'
 
 import type { CheckTagEmits, CheckTagProps } from '../../types'
 
-defineOptions({ name: 'CheckTag' })
+defineOptions({ name: 'UCheckTag' })
 
 const cls = bem('check-tag')
 

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

@@ -21,7 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxButton' })
+defineOptions({ name: 'UCheckboxButton' })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,

package/src/components/checkbox/checkbox.vue

@@ -25,7 +25,7 @@ import { computed } from 'vue'
 
 import type { CheckboxProps, CheckboxEmits } from '../../types'
 
-defineOptions({ name: 'Checkbox' })
+defineOptions({ name: 'UCheckbox' })
 const props = withDefaults(defineProps<CheckboxProps>(), {
   disabled: undefined,
   readonly: undefined

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

@@ -34,7 +34,7 @@ import type { CheckboxGroupProps, CheckboxGroupEmits } from '../../types'
 import { UCheckbox } from '../checkbox'
 import { UTag } from '../tag'
 
-defineOptions({ name: 'CheckboxGroup' })
+defineOptions({ name: 'UCheckboxGroup' })
 
 const props = withDefaults(defineProps<CheckboxGroupProps>(), {
   labelKey: 'label',

package/src/components/code-editor/basic-setup.ts

@@ -0,0 +1,63 @@
+import {
+  closeBrackets,
+  autocompletion,
+  closeBracketsKeymap,
+  completionKeymap
+} from '@codemirror/autocomplete'
+import { history, defaultKeymap, historyKeymap } from '@codemirror/commands'
+import {
+  foldGutter,
+  indentOnInput,
+  syntaxHighlighting,
+  defaultHighlightStyle,
+  bracketMatching,
+  foldKeymap
+} from '@codemirror/language'
+import { lintKeymap } from '@codemirror/lint'
+import { highlightSelectionMatches, searchKeymap } from '@codemirror/search'
+import { EditorState, type Extension } from '@codemirror/state'
+import {
+  lineNumbers,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  drawSelection,
+  dropCursor,
+  rectangularSelection,
+  crosshairCursor,
+  highlightActiveLine,
+  keymap,
+  type KeyBinding
+} from '@codemirror/view'
+
+/**
+ * 等价于 codemirror 包的 basicSetup，按官方建议内联以便统一依赖来源。
+ * @see https://codemirror.net/docs/ref/#codemirror.basicSetup
+ */
+export const basicSetup: Extension = (() => [
+  lineNumbers(),
+  highlightActiveLineGutter(),
+  highlightSpecialChars(),
+  history(),
+  foldGutter(),
+  drawSelection(),
+  dropCursor(),
+  EditorState.allowMultipleSelections.of(true),
+  indentOnInput(),
+  syntaxHighlighting(defaultHighlightStyle, { fallback: true }),
+  bracketMatching(),
+  closeBrackets(),
+  autocompletion(),
+  rectangularSelection(),
+  crosshairCursor(),
+  highlightActiveLine(),
+  highlightSelectionMatches(),
+  keymap.of([
+    ...closeBracketsKeymap,
+    ...defaultKeymap,
+    ...searchKeymap,
+    ...historyKeymap,
+    ...foldKeymap,
+    ...completionKeymap,
+    ...lintKeymap
+  ] as readonly KeyBinding[])
+])()

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

@@ -7,11 +7,10 @@
 <script lang="ts" setup>
 import { Compartment, EditorState, type Extension } from '@codemirror/state'
 import { oneDark } from '@codemirror/theme-one-dark'
-import { ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'
+import { EditorView, ViewPlugin, tooltips, type ViewUpdate } from '@codemirror/view'
 import { useFormFallbackProps } from '@veltra/compositions'
 import { bem, zIndex } from '@veltra/utils'
 import { injectFormContext } from '@veltra/utils'
-import { EditorView, basicSetup } from 'codemirror'
 import {
   computed,
   onBeforeUnmount,
@@ -23,8 +22,9 @@ import {
 
 import type { CodeEditorLang, CodeEditorProps } from '../../types'
 import { UScroll } from '../scroll'
+import { basicSetup } from './basic-setup'
 
-defineOptions({ name: 'CodeEditor' })
+defineOptions({ name: 'UCodeEditor' })
 
 const props = withDefaults(defineProps<CodeEditorProps>(), {
   disabled: undefined,

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

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

package/src/components/collapse/collapse.vue

@@ -12,7 +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: 'UCollapse' })
 
 const props = withDefaults(defineProps<CollapseProps>(), {
   accordion: false,

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

@@ -86,7 +86,7 @@ import { UIcon } from '../../icon'
 import { createEmptyGroup, createEmptyLeaf } from '../core/evaluator'
 import ConditionRow, { type MentionPayload } from './condition-row.vue'
 
-defineOptions({ name: 'ConditionGroup' })
+defineOptions({ name: 'UConditionGroup' })
 
 const props = withDefaults(
   defineProps<{

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

@@ -114,7 +114,7 @@ import { UIcon } from '../../icon'
 import { USelect } from '../../select'
 import { getOperatorsByFieldType, type OperatorDef } from '../core/operators'
 
-defineOptions({ name: 'ConditionRow' })
+defineOptions({ name: 'UConditionRow' })
 
 export interface MentionPayload {
   triggerDom: HTMLElement

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

@@ -35,7 +35,7 @@ import ConditionGroup from './components/condition-group.vue'
 import type { MentionPayload } from './components/condition-row.vue'
 import { createEmptyGroup } from './core/evaluator'
 
-defineOptions({ name: 'ConditionEditor' })
+defineOptions({ name: 'UConditionEditor' })
 
 const props = withDefaults(defineProps<ConditionEditorProps>(), { fields: () => [] })
 

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

@@ -33,7 +33,7 @@ import { UIcon } from '../icon'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 import { getMenuDisabled } from './helper'
 
-defineOptions({ name: 'ContextmenuItem' })
+defineOptions({ name: 'UContextmenuItem' })
 
 const { menu } = defineProps<{ menu: ContextmenuItem }>()
 

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

@@ -15,7 +15,7 @@ import UContextmenuItem from './contextmenu-item.vue'
 import UContextmenuSub from './contextmenu-sub.vue'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 
-defineOptions({ name: 'ContextmenuPanel', inheritAttrs: false })
+defineOptions({ name: 'UContextmenuPanel', inheritAttrs: false })
 
 const { menus } = defineProps<{ menus: ContextmenuItem[] }>()
 

package/src/components/contextmenu/contextmenu-sub.vue

@@ -46,7 +46,7 @@ import UContextmenuPanel from './contextmenu-panel.vue'
 import { ContextmenuPanelDIKey, ContextmenuRootDIKey } from './di'
 import { getMenuDisabled } from './helper'
 
-defineOptions({ name: 'ContextmenuSub' })
+defineOptions({ name: 'UContextmenuSub' })
 
 const { menu } = defineProps<{ menu: ContextmenuItem }>()
 

package/src/components/contextmenu/contextmenu.vue

@@ -22,7 +22,7 @@ import type { ContextmenuEmits, ContextmenuProps, ComponentSize } from '../../ty
 import UContextmenuPanel from './contextmenu-panel.vue'
 import { ContextmenuRootDIKey } from './di'
 
-defineOptions({ name: 'Contextmenu' })
+defineOptions({ name: 'UContextmenu' })
 
 const props = withDefaults(defineProps<ContextmenuProps>(), { width: 150 })
 

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

@@ -27,7 +27,7 @@ import MonthPanel from './panels/month.vue'
 import YearPanel from './panels/year.vue'
 import { usePanel } from './use-panel'
 
-defineOptions({ name: 'DatePanel' })
+defineOptions({ name: 'UDatePanel' })
 
 const props = withDefaults(defineProps<DatePanelProps>(), { size: 'default', type: 'date' })
 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/src/components/dialog/dialog.vue

@@ -84,7 +84,7 @@ import { UScroll } from '../scroll'
 import { DialogDIKey } from './di'
 import { useMaximum } from './use-maximum'
 
-defineOptions({ name: 'Dialog', inheritAttrs: false })
+defineOptions({ name: 'UDialog', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DialogProps>(), {
   modal: true,

package/src/components/drawer/drawer.vue

@@ -29,7 +29,7 @@ import { computed, shallowRef } from 'vue'
 import type { DrawerProps, DrawerEmits } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'Drawer', inheritAttrs: false })
+defineOptions({ name: 'UDrawer', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DrawerProps>(), { direction: 'right', closable: true })
 

package/src/components/dropdown/dropdown.vue

@@ -28,7 +28,7 @@ import type { DropdownProps, DropdownExposed, DropdownEmits } from '../../types'
 import { UNodeRender } from '../node-render'
 import { useNest } from '../tip/use-nest'
 
-defineOptions({ name: 'Dropdown', inheritAttrs: false })
+defineOptions({ name: 'UDropdown', inheritAttrs: false })
 
 const props = withDefaults(defineProps<DropdownProps>(), { trigger: 'hover', contentTag: 'div' })
 

package/src/components/dual-nav/dual-nav-app.vue

@@ -37,7 +37,7 @@ import type { DualNavRootItem } from '../../types'
 import UNavIcon from '../nav/nav-icon.vue'
 import { UTip } from '../tip'
 
-defineOptions({ name: 'DualNavApp' })
+defineOptions({ name: 'UDualNavApp' })
 
 const cls = bem('dual-nav')
 

package/src/components/dual-nav/dual-nav.vue

@@ -70,7 +70,7 @@ import { UTip } from '../tip'
 import DualNavApp from './dual-nav-app.vue'
 import { findFirstLeaf, findRootApp } from './helper'
 
-defineOptions({ name: 'DualNav' })
+defineOptions({ name: 'UDualNav' })
 
 const props = defineProps<DualNavProps>()
 const emit = defineEmits<DualNavEmits>()

package/src/components/empty/empty.vue

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

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

@@ -20,7 +20,7 @@ import { bem } from '@veltra/utils'
 
 import type { VariableItem } from '../../../types'
 
-defineOptions({ name: 'ExpressionPathPreview' })
+defineOptions({ name: 'UExpressionPathPreview' })
 
 defineProps<{ path: VariableItem[] }>()
 

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

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

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

@@ -49,7 +49,7 @@ import { createMention, type MentionAPI } from './core/mention'
 import { parse, type Doc } from './core/model'
 import { createVariableMap } from './di'
 
-defineOptions({ name: 'ExpressionEditor' })
+defineOptions({ name: 'UExpressionEditor' })
 
 const props = withDefaults(defineProps<ExpressionEditorProps>(), {
   placeholder: '请输入表达式，输入 @ 可插入变量',

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

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

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

@@ -218,7 +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: 'UFileViewer', inheritAttrs: false })
 
 const props = withDefaults(defineProps<FileViewerProps>(), {
   modelValue: undefined,

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

@@ -12,7 +12,7 @@ import { onBeforeUnmount, ref, useAttrs, useTemplateRef, watch } from 'vue'
 import type { FileViewerItem } from '../../../types/file-viewer'
 import { UScroll } from '../../scroll'
 
-defineOptions({ name: 'FileViewerDocxPreviewer', inheritAttrs: false })
+defineOptions({ name: 'UFileViewerDocxPreviewer', inheritAttrs: false })
 
 const props = defineProps<{ file: FileViewerItem }>()
 

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

@@ -21,7 +21,7 @@ import { onBeforeUnmount, ref, shallowRef, useAttrs, watch } from 'vue'
 import type { FileViewerItem } from '../../../types/file-viewer'
 import { toBlobUrl } from '../helper'
 
-defineOptions({ name: 'FileViewerImagePreviewer', inheritAttrs: false })
+defineOptions({ name: 'UFileViewerImagePreviewer', inheritAttrs: false })
 
 const props = defineProps<{ file: FileViewerItem }>()
 

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

@@ -58,7 +58,7 @@ import { toBlobUrl } from '../helper'
 import PdfViewportScroll from './pdf-viewport-scroll.vue'
 import PdfZoomBridge from './pdf-zoom-bridge.vue'
 
-defineOptions({ name: 'FileViewerPdfPreviewer', inheritAttrs: false })
+defineOptions({ name: 'UFileViewerPdfPreviewer', inheritAttrs: false })
 
 const props = defineProps<{ file: FileViewerItem }>()
 

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

@@ -5,7 +5,7 @@
 <script lang="ts" setup>
 import { computed, inject, onBeforeUnmount, type Ref, watch } from 'vue'
 
-defineOptions({ name: 'FileViewerPdfViewportScroll' })
+defineOptions({ name: 'UFileViewerPdfViewportScroll' })
 
 /** EmbedPDF Viewport 向子树注入的滚动容器 ref */
 const VIEWPORT_ELEMENT_KEY = 'viewport-element'

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

@@ -6,7 +6,7 @@
 import { useZoom, ZoomMode, type ZoomScope } from '@embedpdf/plugin-zoom/vue'
 import { watch } from 'vue'
 
-defineOptions({ name: 'FileViewerPdfZoomBridge' })
+defineOptions({ name: 'UFileViewerPdfZoomBridge' })
 
 const props = defineProps<{ documentId: string }>()
 

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

@@ -26,7 +26,7 @@ import { onBeforeUnmount, ref, shallowRef, useTemplateRef, watch } from 'vue'
 import type { FileViewerItem } from '../../../types/file-viewer'
 import { parseSheetFile, type SheetPreview } from '../sheet-parser'
 
-defineOptions({ name: 'FileViewerSheetPreviewer' })
+defineOptions({ name: 'UFileViewerSheetPreviewer' })
 
 const props = withDefaults(defineProps<{ file: FileViewerItem; maxRows?: number }>(), {
   maxRows: 50_000

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

@@ -15,7 +15,7 @@ import { onBeforeUnmount, ref, shallowRef, watch } from 'vue'
 import type { FileViewerItem } from '../../../types/file-viewer'
 import { UScroll } from '../../scroll'
 
-defineOptions({ name: 'FileViewerTextPreviewer' })
+defineOptions({ name: 'UFileViewerTextPreviewer' })
 
 const props = withDefaults(
   defineProps<{

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

@@ -20,7 +20,7 @@ import { onBeforeUnmount, shallowRef, useTemplateRef, watch } from 'vue'
 import type { FileViewerItem } from '../../../types/file-viewer'
 import { toBlobUrl } from '../helper'
 
-defineOptions({ name: 'FileViewerVideoPreviewer' })
+defineOptions({ name: 'UFileViewerVideoPreviewer' })
 
 const props = defineProps<{ file: FileViewerItem }>()
 

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

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