@veltra/desktop 1.2.10 → 1.2.12

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

package/src/components/form/form.vue

@@ -35,7 +35,7 @@ import { UGrid } from '../grid'
 import { useFormFields } from './use-form-fields'
 import { useNodeInterceptor } from './use-node-interceptor'
 
-defineOptions({ name: 'Form' })
+defineOptions({ name: 'UForm' })
 
 const props = defineProps<FormProps>()
 

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

@@ -45,7 +45,7 @@ import { UTip } from '../tip'
 import { formItemCls as cls, defineField } from './helper'
 import { validateField } from './validate'
 
-defineOptions({ name: 'FormItem' })
+defineOptions({ name: 'UFormItem' })
 
 const props = withDefaults(defineProps<FormItemProps>(), { readonly: undefined })
 

package/src/components/gantt-chart/gantt-chart.vue

@@ -7,7 +7,7 @@ import { bem } from '@veltra/utils'
 
 import type { GanttChartProps } from '../../types'
 
-defineOptions({ name: 'GanttChart' })
+defineOptions({ name: 'UGanttChart' })
 
 defineProps<GanttChartProps>()
 

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

@@ -11,7 +11,7 @@ import { computed, inject, type CSSProperties, watch } from 'vue'
 import type { GridItemProps } from '../../types'
 import { GridDIKey } from './di'
 
-defineOptions({ name: 'GridItem' })
+defineOptions({ name: 'UGridItem' })
 
 const props = withDefaults(defineProps<GridItemProps>(), { tag: 'div' })
 

package/src/components/grid/grid.vue

@@ -13,7 +13,7 @@ import { getBreakpointCols } from './breakpoint'
 import { GridDIKey } from './di'
 import { useResponsive } from './use-responsive'
 
-defineOptions({ name: 'Grid' })
+defineOptions({ name: 'UGrid' })
 
 const props = withDefaults(defineProps<GridProps>(), { tag: 'div' })
 

package/src/components/grid-input/grid-input.vue

@@ -26,7 +26,7 @@ import { computed, ref, getCurrentInstance } from 'vue'
 
 import type { GridInputProps, GridInputEmits, GridInputExposed } from '../../types'
 
-defineOptions({ name: 'GridInput' })
+defineOptions({ name: 'UGridInput' })
 
 const emit = defineEmits<GridInputEmits>()
 

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

@@ -51,7 +51,7 @@ import type { GroupInputEmits, GroupInputProps } from '../../types'
 import { UButton } from '../button'
 import { useGroupItems } from './use-group-items'
 
-defineOptions({ name: 'GroupInput' })
+defineOptions({ name: 'UGroupInput' })
 
 const props = withDefaults(defineProps<GroupInputProps<GroupItem>>(), {
   modelValue: () => [],

package/src/components/icon/icon.vue

@@ -10,7 +10,7 @@ import { type CSSProperties, computed } from 'vue'
 
 import type { IconProps } from '../../types'
 
-defineOptions({ name: 'Icon' })
+defineOptions({ name: 'UIcon' })
 
 const props = defineProps<IconProps>()
 

package/src/components/input/input.vue

@@ -62,7 +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: 'UInput' })
 
 const props = withDefaults(defineProps<InputProps>(), {
   placeholder: '请输入',

package/src/components/kbd/kbd.vue

@@ -7,7 +7,7 @@
 <script lang="ts" setup>
 import { bem } from '@veltra/utils'
 
-defineOptions({ name: 'Kbd' })
+defineOptions({ name: 'UKbd' })
 
 const cls = bem('kbd')
 </script>

package/src/components/layout/layout-resizer.vue

@@ -17,7 +17,7 @@ import { computed, inject, shallowReactive, shallowRef } from 'vue'
 import { UIcon } from '../icon'
 import { LayoutDIKey } from './di'
 
-defineOptions({ name: 'LayoutResizer' })
+defineOptions({ name: 'ULayoutResizer' })
 
 const props = defineProps<{
   /** 是否横向 */

package/src/components/layout/layout.vue

@@ -41,7 +41,7 @@ import type { LayoutProps } from '../../types'
 import { LayoutDIKey } from './di'
 import ULayoutResizer from './layout-resizer.vue'
 
-defineOptions({ name: 'Layout' })
+defineOptions({ name: 'ULayout' })
 
 const props = withDefaults(defineProps<LayoutProps>(), { tag: 'div' })
 

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

@@ -7,7 +7,7 @@
 <script lang="ts" setup>
 import { bem } from '@veltra/utils'
 
-defineOptions({ name: 'ListItem' })
+defineOptions({ name: 'UListItem' })
 
 const cls = bem('list-item')
 </script>

package/src/components/list/list.vue

@@ -12,7 +12,7 @@ import type { ListProps } from '../../types'
 import type { ComponentSize } from '../../types'
 import { UScroll } from '../scroll'
 
-defineOptions({ name: 'List' })
+defineOptions({ name: 'UList' })
 
 const props = withDefaults(defineProps<ListProps>(), {})
 

package/src/components/loading/loading.vue

@@ -13,7 +13,7 @@ import { computed } from 'vue'
 
 import type { LoadingProps, ComponentSize } from '../../types'
 
-defineOptions({ name: 'Loading' })
+defineOptions({ name: 'ULoading' })
 
 const props = withDefaults(defineProps<LoadingProps>(), { type: 'dual-ring' })