@veltra/desktop 1.2.10 → 1.2.13

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/use-node-interceptor.ts

@@ -32,7 +32,8 @@ export function useNodeInterceptor(): { getSlotsNodes: () => SlotRenderItem[] |
 
       const { props, type } = node
       const field = props?.field as string | undefined
-      const isFormItem = (type as any)?.name === 'FormItem'
+      const isFormItem = (type as any)?.name === 'UFormItem'
+
       const formItemProps = o((props ?? {}) as Record<string, any>).pick([
         'label',
         'rules',

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' })
 

package/src/components/message/message-box.vue

@@ -13,7 +13,7 @@
 import type { MessageOptions } from '../../types'
 import UMessage from './message.vue'
 
-defineOptions({ name: 'MessageBox' })
+defineOptions({ name: 'UMessageBox' })
 
 defineProps<{ messages: Array<Omit<MessageOptions & { key: string }, 'onClosed'>> }>()
 

package/src/components/message/message.vue

@@ -29,7 +29,7 @@ import type { MessageProps } from '../../types'
 import { UIcon } from '../icon'
 import { getTypeColor, getTypeIcon } from './helper'
 
-defineOptions({ name: 'Message' })
+defineOptions({ name: 'UMessage' })
 
 const props = withDefaults(defineProps<MessageProps>(), {
   type: 'default',

package/src/components/message-confirm/message-confirm.vue

@@ -34,7 +34,7 @@ import { ref, onMounted } from 'vue'
 import type { MessageConfirmProps, ColorType, ComponentSize } from '../../types'
 import { UButton } from '../button'
 
-defineOptions({ name: 'MessageConfirm' })
+defineOptions({ name: 'UMessageConfirm' })
 
 const props = withDefaults(defineProps<MessageConfirmProps>(), {
   title: '',

package/src/components/multi-select/multi-select-option.vue

@@ -26,7 +26,7 @@ import { inject, onBeforeUnmount, shallowRef } from 'vue'
 import { UCheckbox } from '../checkbox'
 import { MultiSelectDIKey } from './di'
 
-defineOptions({ name: 'MultiSelectOption' })
+defineOptions({ name: 'UMultiSelectOption' })
 
 const props = defineProps<{
   option: Record<string, any>

package/src/components/multi-select/multi-select.vue

@@ -164,7 +164,7 @@ import { UTag } from '../tag'
 import { MultiSelectDIKey } from './di'
 import UMultiSelectOption from './multi-select-option.vue'
 
-defineOptions({ name: 'MultiSelect' })
+defineOptions({ name: 'UMultiSelect' })
 
 const props = withDefaults(defineProps<MultiSelectProps>(), {
   labelKey: 'label',

package/src/components/multi-tree-select/multi-tree-select.vue

@@ -113,7 +113,7 @@ import { UTag } from '../tag'
 import { UTree } from '../tree'
 import type { TreeSlotsScope } from '../tree/di'
 
-defineOptions({ name: 'MultiTreeSelect' })
+defineOptions({ name: 'UMultiTreeSelect' })
 
 const cls = bem('multi-tree-select')
 

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

@@ -11,7 +11,7 @@ import type { DefineComponent } from 'vue'
 
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'NavIcon' })
+defineOptions({ name: 'UNavIcon' })
 
 defineProps<{ icon: string | DefineComponent }>()
 </script>

package/src/components/nav/nav-item-collapsed.vue

@@ -49,7 +49,7 @@ import { UTip } from '../tip'
 import UNavIcon from './nav-icon.vue'
 import { useNavItem } from './use-nav-item'
 
-defineOptions({ name: 'NavItemCollapsed' })
+defineOptions({ name: 'UNavItemCollapsed' })
 
 const props = defineProps<{ item: NavItem; depth: number }>()
 

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

@@ -26,7 +26,7 @@ import type { NavItem } from '../../types'
 import NavIcon from './nav-icon.vue'
 import { useNavItem } from './use-nav-item'
 
-defineOptions({ name: 'NavItem' })
+defineOptions({ name: 'UNavItem' })
 
 const props = defineProps<{ item: NavItem; depth: number }>()
 

package/src/components/nav/nav-sub-collapsed.vue

@@ -60,7 +60,7 @@ import { getKey } from './helper'
 import NavIcon from './nav-icon.vue'
 import UNavItemCollapsed from './nav-item-collapsed.vue'
 
-defineOptions({ name: 'NavSubCollapsed' })
+defineOptions({ name: 'UNavSubCollapsed' })
 
 defineProps<{ item: NavItem; parentKey: string; depth: number }>()
 

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

@@ -52,7 +52,7 @@ import { getKey } from './helper'
 import UNavIcon from './nav-icon.vue'
 import UNavItem from './nav-item.vue'
 
-defineOptions({ name: 'NavSub' })
+defineOptions({ name: 'UNavSub' })
 
 const props = defineProps<{ item: NavItem; parentKey: string; depth: number }>()
 

package/src/components/nav/nav.vue

@@ -39,7 +39,7 @@ import UNavSubCollapsed from './nav-sub-collapsed.vue'
 import UNavSub from './nav-sub.vue'
 import { walkNavWithPath } from './walk-nav-path'
 
-defineOptions({ name: 'Nav' })
+defineOptions({ name: 'UNav' })
 
 const props = withDefaults(defineProps<NavProps>(), { collapsed: false })
 

package/src/components/notification/notification.vue

@@ -45,7 +45,7 @@ import type { NotificationProps, NotificationExposed, ColorType } from '../../ty
 import { UButton } from '../button'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'Notification' })
+defineOptions({ name: 'UNotification' })
 
 const props = withDefaults(defineProps<NotificationProps>(), {
   closable: false,

package/src/components/number/number.vue

@@ -9,7 +9,7 @@ import { computed, reactive, watch } from 'vue'
 
 import type { NumberProps } from '../../types'
 
-defineOptions({ name: 'Number' })
+defineOptions({ name: 'UNumber' })
 
 const props = withDefaults(defineProps<NumberProps>(), { duration: 800, format: 'decimal' })
 

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

@@ -74,7 +74,7 @@ import type { NumberInputEmits, NumberInputProps, InputExposed } from '../../typ
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({ name: 'NumberInput' })
+defineOptions({ name: 'UNumberInput' })
 
 const props = withDefaults(defineProps<NumberInputProps>(), {
   placeholder: '请输入',

package/src/components/number-range-input/number-range-input.vue

@@ -36,7 +36,7 @@ import { computed, getCurrentInstance, nextTick, onMounted, watch } from 'vue'
 import type { NumberRangeInputEmits, NumberRangeInputProps, NumberRangeTuple } from '../../types'
 import { UNumberInput } from '../number-input'
 
-defineOptions({ name: 'NumberRangeInput' })
+defineOptions({ name: 'UNumberRangeInput' })
 
 const props = withDefaults(defineProps<NumberRangeInputProps>(), {
   startPlaceholder: '请输入',

package/src/components/paginator/paginator.vue

@@ -91,7 +91,7 @@ import { UIcon } from '../icon'
 import { UNumberInput } from '../number-input'
 import { USelect } from '../select'
 
-defineOptions({ name: 'Paginator' })
+defineOptions({ name: 'UPaginator' })
 
 const { config } = useConfig()
 

package/src/components/palette/palette-alpha.vue

@@ -12,7 +12,7 @@ import { computed, inject, shallowRef, onMounted, watch } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({ name: 'PaletteAlpha' })
+defineOptions({ name: 'UPaletteAlpha' })
 
 const { cls, updateAlpha, hueRGB, alpha, userAction, isUserActive } = inject(PaletteDIKey)!
 

package/src/components/palette/palette-hue.vue

@@ -11,7 +11,7 @@ import { shallowRef, computed } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({ name: 'PaletteHue' })
+defineOptions({ name: 'UPaletteHue' })
 
 const { cls, updateHue, HSV, userAction } = inject(PaletteDIKey)!
 

package/src/components/palette/palette-sv.vue

@@ -20,7 +20,7 @@ import { computed, inject, reactive, shallowRef, onMounted } from 'vue'
 
 import { PaletteDIKey } from './di'
 
-defineOptions({ name: 'PaletteSV' })
+defineOptions({ name: 'UPaletteSV' })
 
 const { cls, hueRGB, HSV, updateSV, userAction } = inject(PaletteDIKey)!
 

package/src/components/palette/palette.vue

@@ -39,7 +39,7 @@ import PaletteHue from './palette-hue.vue'
 import PaletteSV from './palette-sv.vue'
 import { useHSV } from './use-hsv'
 
-defineOptions({ name: 'Palette' })
+defineOptions({ name: 'UPalette' })
 
 const props = withDefaults(defineProps<PaletteProps>(), {
   disabled: undefined,

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

@@ -42,7 +42,7 @@ import type { PasswordInputProps } from '../../types'
 import { UIcon } from '../icon'
 import { UInput } from '../input'
 
-defineOptions({ name: 'PasswordInput' })
+defineOptions({ name: 'UPasswordInput' })
 
 const props = withDefaults(defineProps<PasswordInputProps>(), {
   clearable: false,

package/src/components/pop-confirm/pop-confirm.vue

@@ -43,7 +43,7 @@ import { UButton } from '../button'
 import { UIcon } from '../icon'
 import { UTip } from '../tip'
 
-defineOptions({ name: 'PopConfirm' })
+defineOptions({ name: 'UPopConfirm' })
 
 const emit = defineEmits<PopConfirmEmits>()
 

package/src/components/progress/progress.vue

@@ -43,7 +43,7 @@ import { computed } from 'vue'
 
 import type { ProgressProps, ColorType } from '../../types'
 
-defineOptions({ name: 'Progress' })
+defineOptions({ name: 'UProgress' })
 
 const props = withDefaults(defineProps<ProgressProps>(), { type: 'primary', circle: false })
 

package/src/components/progress-nodes/progress-nodes.vue

@@ -39,7 +39,7 @@ import { computed, shallowRef, toRefs, useTemplateRef, watch, nextTick } from 'v
 
 import type { ProgressNodesProps, ProgressNodesEmits } from '../../types'
 
-defineOptions({ name: 'ProgressNodes' })
+defineOptions({ name: 'UProgressNodes' })
 
 const props = withDefaults(defineProps<ProgressNodesProps>(), {
   colorType: 'primary',

package/src/components/radio/radio.vue

@@ -30,7 +30,7 @@ import { computed } from 'vue'
 
 import type { RadioProps, RadioEmits } from '../../types'
 
-defineOptions({ name: 'Radio' })
+defineOptions({ name: 'URadio' })
 
 const model = defineModel<any>()
 

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

@@ -26,7 +26,7 @@ import { injectFormContext } from '@veltra/utils'
 import type { RadioGroupProps, RadioGroupEmits } from '../../types'
 import URadio from '../radio/radio.vue'
 
-defineOptions({ name: 'RadioGroup' })
+defineOptions({ name: 'URadioGroup' })
 
 const props = withDefaults(defineProps<RadioGroupProps>(), {
   labelKey: 'label',

package/src/components/scroll/scroll-bar.vue

@@ -9,7 +9,7 @@ import { computed, inject, shallowRef } from 'vue'
 
 import { ScrollDIKey } from './di'
 
-defineOptions({ name: 'ScrollBar' })
+defineOptions({ name: 'UScrollBar' })
 
 const props = defineProps<{ type: 'x' | 'y' }>()
 

package/src/components/scroll/scroll.vue

@@ -31,7 +31,7 @@ import type { ScrollPosition, _ScrollExposed, ScrollProps, ScrollEmits } from '.
 import { ScrollDIKey } from './di'
 import UScrollBar from './scroll-bar.vue'
 
-defineOptions({ name: 'Scroll' })
+defineOptions({ name: 'UScroll' })
 
 const props = withDefaults(defineProps<ScrollProps>(), { tag: 'div' })
 

package/src/components/select/select.vue

@@ -137,7 +137,7 @@ import { UScroll } from '../scroll'
 import { useKeyboard } from './use-keyboard'
 import { useOptions } from './use-options'
 
-defineOptions({ name: 'Select' })
+defineOptions({ name: 'USelect' })
 
 const props = withDefaults(defineProps<SelectProps>(), {
   labelKey: 'label',

package/src/components/slider/slider.vue

@@ -30,7 +30,7 @@ import { sliderContextKey } from './di'
 import SliderThumb from './slider-thumb.vue'
 import { useSlider } from './use-slider'
 
-defineOptions({ name: 'Slider' })
+defineOptions({ name: 'USlider' })
 
 const props = withDefaults(defineProps<SliderProps<T>>(), {
   min: 0,

package/src/components/steps/steps.vue

@@ -62,7 +62,7 @@ import { UIcon } from '../icon'
 import { UNodeRender } from '../node-render'
 import { UTip } from '../tip'
 
-defineOptions({ name: 'Steps' })
+defineOptions({ name: 'USteps' })
 
 const props = withDefaults(defineProps<StepsProps>(), {
   direction: 'horizontal',

package/src/components/switch/switch.vue

@@ -30,7 +30,7 @@ import { computed } from 'vue'
 
 import type { SwitchEmits, SwitchProps, _SwitchExposed } from '../../types'
 
-defineOptions({ name: 'Switch' })
+defineOptions({ name: 'USwitch' })
 
 const props = withDefaults(defineProps<SwitchProps>(), { disabled: undefined, readonly: undefined })
 

package/src/components/table/table-body.vue

@@ -26,7 +26,7 @@ import { UEmpty } from '../empty'
 import { TableDIKey } from './di'
 import { UTableRow, UExpandTableRow } from './table-row'
 
-defineOptions({ name: 'TableBody' })
+defineOptions({ name: 'UTableBody' })
 
 const { cls, rows, virtualList, columnConfig, tableProps, virtualEnabled } = inject(TableDIKey)!
 const { leafColumns } = columnConfig

package/src/components/table/table-cell.vue

@@ -14,7 +14,7 @@
 import { withUnit } from '@veltra/utils'
 import { computed } from 'vue'
 
-defineOptions({ name: 'TableCell' })
+defineOptions({ name: 'UTableCell' })
 
 /**
  * B2: TableCell 去 inject 化。

package/src/components/table/table-foot.vue

@@ -36,7 +36,7 @@ import { UNodeRender } from '../node-render'
 import { TableDIKey } from './di'
 import type { ColumnNode } from './node/col'
 
-defineOptions({ name: 'TableFoot' })
+defineOptions({ name: 'UTableFoot' })
 
 const { cls, columnConfig, rows, checkedRows, tableSlots, getCellClass } = inject(TableDIKey)!
 

package/src/components/table/table.vue

@@ -93,7 +93,7 @@ import { useFixedColumns } from './use-fixed-columns'
 import { useRows } from './use-rows'
 import { useTable } from './use-table'
 
-defineOptions({ name: 'Table' })
+defineOptions({ name: 'UTable' })
 
 const props = withDefaults(defineProps<TableProps>(), {
   tree: false,

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

@@ -44,7 +44,7 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import type { TableRowNode } from '../table/node/row'
 
-defineOptions({ name: 'TableEditor' })
+defineOptions({ name: 'UTableEditor' })
 
 const { columns = [], modelValue = [] } = defineProps<TableEditorProps>()
 const emit = defineEmits<TableEditorEmits>()

package/src/components/tabs/tabs-horizontal.vue

@@ -75,7 +75,7 @@ import type { ComponentSize, TabItem, TabsHorizontalEmits, TabsHorizontalProps }
 import { UIcon } from '../icon'
 import { useTabsBar } from './use-tabs-bar'
 
-defineOptions({ name: 'TabsHorizontal' })
+defineOptions({ name: 'UTabsHorizontal' })
 
 const props = withDefaults(defineProps<TabsHorizontalProps>(), {
   position: 'top',

package/src/components/tabs/tabs-vertical.vue

@@ -41,7 +41,7 @@ import { bem } from '@veltra/utils'
 import type { ComponentSize, TabItem, TabsVerticalEmits, TabsVerticalProps } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'TabsVertical' })
+defineOptions({ name: 'UTabsVertical' })
 
 const props = withDefaults(defineProps<TabsVerticalProps>(), {
   position: 'left',

package/src/components/tabs/tabs.vue

@@ -43,7 +43,7 @@ import { UScroll } from '../scroll'
 import UTabsHorizontal from './tabs-horizontal.vue'
 import UTabsVertical from './tabs-vertical.vue'
 
-defineOptions({ name: 'Tabs' })
+defineOptions({ name: 'UTabs' })
 
 const props = withDefaults(defineProps<TabsProps>(), {
   position: 'top',

package/src/components/tag/tag.vue

@@ -20,7 +20,7 @@ import { computed } from 'vue'
 import type { TagEmits, TagProps } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({ name: 'Tag' })
+defineOptions({ name: 'UTag' })
 
 const cls = bem('tag')
 

package/src/components/text/text.vue

@@ -11,7 +11,7 @@ import { type CSSProperties, type VNode, computed, useSlots, h, createTextVNode
 import type { TextProps } from '../../types'
 import { UNodeRender } from '../node-render'
 
-defineOptions({ name: 'Text' })
+defineOptions({ name: 'UText' })
 
 const props = withDefaults(defineProps<TextProps>(), { as: 'content' })
 

package/src/components/textarea/textarea.vue

@@ -50,7 +50,7 @@ import type { TextareaProps, TextareaEmits, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 import { calcTextareaHeight } from './utils'
 
-defineOptions({ name: 'Textarea' })
+defineOptions({ name: 'UTextarea' })
 
 const props = withDefaults(defineProps<TextareaProps>(), {
   placeholder: '请输入',

package/src/components/tip/tip.vue

@@ -36,7 +36,7 @@ import type { TipProps, ComponentSize, TipEmits } from '../../types'
 import { UNodeRender } from '../node-render'
 import { useNest } from './use-nest'
 
-defineOptions({ name: 'Tip' })
+defineOptions({ name: 'UTip' })
 
 const props = withDefaults(defineProps<TipProps>(), {
   content: '',