@veltra/desktop 1.1.24 → 1.1.26

package/dist/types/form.d.ts

@@ -1,3 +1,4 @@
+import { NestedFieldMarker } from "../components/form/helper.js";
 import { ShallowRef } from "vue";
 import { ComponentProps, DeconstructValue, ValidateRule } from "@veltra/utils";
 
@@ -6,7 +7,9 @@ interface FormModelItem<Val = any> extends ValidateRule {
   /** 模型值 */
   value?: Val;
 }
-type ModelData<Fields extends Record<string, FormModelItem>> = { [key in keyof Fields]: Fields[key]['value'] extends (() => infer T) ? T : Fields[key]['value'] };
+type FormModelField = FormModelItem | NestedFieldMarker;
+type ModelData<Fields extends Record<string, any>> = { [key in keyof Fields]: Fields[key] extends NestedFieldMarker<infer SubFields> ? ModelData<SubFields> : Fields[key] extends FormModelItem ? Fields[key]['value'] extends (() => infer T) ? T : Fields[key]['value'] : never };
+type AllKeys<Fields extends Record<string, any>> = { [K in keyof Fields]: K extends string ? Fields[K] extends NestedFieldMarker<infer SubFields> ? `${K}.${AllKeys<SubFields>}` : K : never }[keyof Fields];
 type ModelRules<Fields extends Record<string, FormModelItem>> = { [key in keyof Fields]: Omit<Fields[key], 'value'> };
 interface DataSettingConfig {
   /**
@@ -15,21 +18,21 @@ interface DataSettingConfig {
    */
   validate?: boolean;
 }
-type IFormModel<Fields extends Record<string, FormModelItem> = Record<string, FormModelItem>> = {
+type IFormModel<Fields extends Record<string, any> = Record<string, any>> = {
   /** 表单数据 */readonly data: ModelData<Fields>; /** 字段校验规则 */
   readonly fields: Fields;
   /**
    * 字段键
    */
   readonly allKeys: string[]; /** 需要校验的key */
-  formKeys: Map<number, (keyof Fields)[]>; /** 错误 */
-  readonly errors: Map<keyof Fields, string[] | undefined>;
+  formKeys: Map<number, AllKeys<Fields>[]>; /** 错误 */
+  readonly errors: Map<AllKeys<Fields>, string[] | undefined>;
   /**
    * 字段校验
    * @param fields 字段， 如果不传入时将会使用keyFields来进行校验
    */
-  validate: (fields?: keyof Fields | (keyof Fields)[]) => Promise<boolean>; /** 重置数据 */
-  resetData(fields?: keyof Fields | (keyof Fields)[]): void;
+  validate: (fields?: AllKeys<Fields> | AllKeys<Fields>[]) => Promise<boolean>; /** 重置数据 */
+  resetData(fields?: AllKeys<Fields> | AllKeys<Fields>[]): void;
   /**
    * 设置数据
    * @param formData 表单值
@@ -37,8 +40,8 @@ type IFormModel<Fields extends Record<string, FormModelItem> = Record<string, Fo
    */
   setData(formData: Partial<ModelData<Fields>>, config?: DataSettingConfig): void; /** 清除校验 */
   clearValidate(): void; /** 监听值变更 */
-  onChange(cb: (field: keyof Fields, val: any) => void): void; /** 关闭监听值变更 */
-  offChange(cb: (field: keyof Fields, val: any) => void): void;
+  onChange(cb: (field: AllKeys<Fields>, val: any) => void): void; /** 关闭监听值变更 */
+  offChange(cb: (field: AllKeys<Fields>, val: any) => void): void;
 };
 /** 表单组件属性 */
 interface FormProps<Model extends IFormModel = IFormModel> extends ComponentProps {
@@ -65,5 +68,5 @@ interface _FormExposed {
 }
 type FormExposed = DeconstructValue<_FormExposed>;
 //#endregion
-export { DataSettingConfig, FormExposed, FormModelItem, FormProps, IFormModel, ModelData, ModelRules, _FormExposed };
+export { AllKeys, DataSettingConfig, FormExposed, FormModelField, FormModelItem, FormProps, IFormModel, ModelData, ModelRules, _FormExposed };
 //# sourceMappingURL=form.d.ts.map

package/dist/types/index.d.ts

@@ -23,7 +23,7 @@ import { ButtonEmits, ButtonExposed, ButtonProps, ButtonType, _ButtonExposed } f
 import { DatePanelEmits, DatePanelProps, PanelType } from "./date-panel.js";
 import { DialogEmits, DialogExposed, DialogProps, _DialogExposed } from "./dialog.js";
 import { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, _ActionExposed, _ActionGroupExposed } from "./action.js";
-import { DataSettingConfig, FormExposed, FormModelItem, FormProps, IFormModel, ModelData, ModelRules, _FormExposed } from "./form.js";
+import { AllKeys, DataSettingConfig, FormExposed, FormModelField, FormModelItem, FormProps, IFormModel, ModelData, ModelRules, _FormExposed } from "./form.js";
 import { TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, _TableExposed } from "./table.js";
 import { BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, _BatchEditExposed } from "./batch-edit.js";
 import { BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, _BreadcrumbExposed } from "./breadcrumb.js";
@@ -81,7 +81,7 @@ export * from "@veltra/utils";
 
 //#region src/types/index.d.ts
 declare namespace index_d_exports {
-  export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextMenuEmits, ContextMenuExposed, ContextMenuItem, ContextMenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DataSettingConfig, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormModelItem, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IFormModel, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, MenuEmits, MenuExposed, MenuItem, MenuProps, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, ModelData, ModelRules, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NodeRenderExposed, NodeRenderProps, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextMenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MenuExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
+  export { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, AllKeys, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditProps, BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, BreakCols, Breakpoint, ButtonEmits, ButtonExposed, ButtonProps, ButtonType, CalendarDay, CalendarEmits, CalendarExposed, CalendarMonth, CalendarProps, CalendarYear, CardActionProps, CardContentProps, CardCoverProps, CardEmits, CardExposed, CardProps, CascadeEmits, CascadeExposed, CascadeNode, CascadeProps, CheckTagEmits, CheckTagExposed, CheckTagProps, CheckboxButtonEmits, CheckboxButtonProps, CheckboxEmits, CheckboxExposed, CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps, CheckboxProps, CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, CollapseEmits, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionConnector, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionLeaf, ConditionNode, ConditionValue, ContextMenuEmits, ContextMenuExposed, ContextMenuItem, ContextMenuProps, CssTransitionEmits, CssTransitionExposed, CssTransitionProps, DataSettingConfig, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormModelField, FormModelItem, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IFormModel, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, MenuEmits, MenuExposed, MenuItem, MenuProps, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, ModelData, ModelRules, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NodeRenderExposed, NodeRenderProps, NotificationEmits, NotificationExposed, NotificationProps, NumberEmits, NumberExposed, NumberInputEmits, NumberInputExposed, NumberInputProps, NumberProps, NumberRangeInputEmits, NumberRangeInputExposed, NumberRangeInputProps, NumberRangeTuple, PaginatorEmits, PaginatorExposed, PaginatorProps, PaletteColorType, PaletteEmits, PaletteExposed, PaletteHSV, PaletteProps, PaletteRGB, PanelItem, PanelType, PasswordInputEmits, PasswordInputExposed, PasswordInputProps, PopConfirmEmits, PopConfirmExposed, PopConfirmProps, PopEmits, PopExposed, PopProps, ProgressEmits, ProgressExposed, ProgressNodesEmits, ProgressNodesExposed, ProgressNodesProps, ProgressProps, QuickBatchEditEmits, QuickBatchEditExposed, QuickBatchEditProps, RadioEmits, RadioExposed, RadioGroupEmits, RadioGroupExposed, RadioGroupProps, RadioProps, RichTextEditorEmits, RichTextEditorExposed, RichTextEditorProps, RichTextFormat, ScrollEmits, ScrollExposed, ScrollPosition, ScrollProps, SelectEmits, SelectExposed, SelectProps, SliderEmits, SliderExposed, SliderProps, StepsEmits, StepsExposed, StepsProps, StepsSlotScope, SwitchEmits, SwitchExposed, SwitchProps, TabItem, TableColumn, TableColumnAlign, TableColumnNode, TableColumnRenderContext, TableColumnSlotsScope, TableEditorEmits, TableEditorExposed, TableEditorProps, TableEmits, TableExposed, TableProps, TableRow, TableRowSlotsScope, TableSummaryContext, TabsEmits, TabsExposed, TabsHorizontalEmits, TabsHorizontalExposed, TabsHorizontalProps, TabsProps, TabsVerticalEmits, TabsVerticalExposed, TabsVerticalProps, TagEmits, TagExposed, TagProps, TextEditorEmits, TextEditorExposed, TextEditorProps, TextEmits, TextExposed, TextProps, TextareaEmits, TextareaExposed, TextareaProps, ThemeExposed, ThemeProps, TipAlign, TipDirection, TipEmits, TipExposed, TipProps, ToolbarItem, TreeEmit, TreeExposed, TreeNode, TreeNodeProps, TreeProps, TreeSelectEmits, TreeSelectExposed, TreeSelectProps, UploaderEmits, UploaderExposed, UploaderProps, VariableItem, WatermarkEmits, WatermarkExposed, WatermarkProps, _ActionExposed, _ActionGroupExposed, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _ConditionEditorExposed, _ContextMenuExposed, _CssTransitionExposed, _DatePickerExposed, _DateRangePickerExposed, _DialogExposed, _DrawerExposed, _DropdownExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MenuExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NotificationExposed, _PaginatorExposed, _PaletteExposed, _PasswordInputExposed, _PopConfirmExposed, _PopExposed, _ProgressExposed, _ProgressNodesExposed, _QuickBatchEditExposed, _RadioExposed, _RadioGroupExposed, _RichTextEditorExposed, _ScrollExposed, _SelectExposed, _SliderExposed, _StepsExposed, _SwitchExposed, _TableEditorExposed, _TableExposed, _TabsExposed, _TabsHorizontalExposed, _TabsVerticalExposed, _TextEditorExposed, _TextExposed, _TextareaExposed, _ThemeExposed, _TipExposed, _TreeExposed, _TreeSelectExposed, _UploaderExposed, _WatermarkExposed };
 }
 import * as import__veltra_utils from "@veltra/utils";
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veltra/desktop",
-  "version": "1.1.24",
+  "version": "1.1.26",
   "files": [
     "dist",
     "src"
@@ -68,11 +68,11 @@
     "@cat-kit/core": ">=1.1.5",
     "@cat-kit/excel": ">=1.0.0",
     "@cat-kit/fe": "^1.1.5",
-    "@veltra/compositions": "1.1.24",
-    "@veltra/directives": "1.1.24",
-    "@veltra/icons": "1.1.24",
-    "@veltra/styles": "1.1.24",
-    "@veltra/utils": "1.1.24",
+    "@veltra/compositions": "1.1.26",
+    "@veltra/directives": "1.1.26",
+    "@veltra/icons": "1.1.26",
+    "@veltra/styles": "1.1.26",
+    "@veltra/utils": "1.1.26",
     "vue": ">=3.5.0"
   }
 }

package/src/components/action/action.vue

@@ -42,10 +42,7 @@ import { UButton } from '../button'
 import { UPopConfirm } from '../pop-confirm'
 import { ActionDIKey } from './di'
 
-defineOptions({
-  name: 'Action',
-  inheritAttrs: false
-})
+defineOptions({ name: 'Action', inheritAttrs: false })
 
 // 这里所有可继承自 `<u-action-group>` 的默认值都强制为 `undefined`，
 // 否则 Vue 对 Boolean 类型 prop 的默认值（false）会让 `??` 兜底始终失效

package/src/components/badge/badge.vue

@@ -12,19 +12,13 @@ import { computed, nextTick, onMounted, shallowRef, watch } from 'vue'
 
 import type { BadgeProps, ComponentSize } from '../../types'
 
-defineOptions({
-  name: 'Badge'
-})
+defineOptions({ name: 'Badge' })
 
 const cls = bem('badge')
 
-const props = withDefaults(defineProps<BadgeProps>(), {
-  max: 99
-})
+const props = withDefaults(defineProps<BadgeProps>(), { max: 99 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const badgeValue = computed(() => {
   if (props.dot) return ''

package/src/components/batch-edit/batch-edit-form.vue

@@ -136,11 +136,7 @@ const headerInfo = computed<HeaderInfo>(() => {
     }
   }
   if (state.type === 'create') {
-    return {
-      icon: Plus,
-      title: '新增',
-      tone: 'create'
-    }
+    return { icon: Plus, title: '新增', tone: 'create' }
   }
   return {
     icon: EditPen,

package/src/components/batch-edit/batch-edit-list.vue

@@ -87,13 +87,9 @@ import { UButton } from '../button'
 import { UTable } from '../table'
 import { BatchEditDIKey } from './di'
 
-defineOptions({
-  name: 'BatchEditList'
-})
+defineOptions({ name: 'BatchEditList' })
 
-defineProps<{
-  slots: Slots
-}>()
+defineProps<{ slots: Slots }>()
 
 const {
   cls,

package/src/components/batch-edit/batch-edit.vue

@@ -113,9 +113,7 @@ const slots = defineSlots<
     }) => any
 
     header?: () => any
-  } & Partial<{
-    [key: `column:${string}`]: (props: TableColumnSlotsScope) => any
-  }>
+  } & Partial<{ [key: `column:${string}`]: (props: TableColumnSlotsScope) => any }>
 >()
 
 const cls = bem('batch-edit')
@@ -126,15 +124,7 @@ const editCtx = useEdit({ props, emit, tableRef })
 
 const { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx
 
-provide(BatchEditDIKey, {
-  cls,
-  props,
-  emit,
-  tableRef,
-  staticFeatures,
-  dynamicFeatures,
-  ...editCtx
-})
+provide(BatchEditDIKey, { cls, props, emit, tableRef, staticFeatures, dynamicFeatures, ...editCtx })
 
 const dialogCtx = inject(DialogDIKey, undefined)
 

package/src/components/breadcrumb/breadcrumb.vue

@@ -47,26 +47,17 @@ import type {
   ComponentSize
 } from '../../types'
 
-defineOptions({
-  name: 'Breadcrumb'
-})
+defineOptions({ name: 'Breadcrumb' })
 
-const props = withDefaults(defineProps<BreadcrumbProps>(), {
-  lastLinked: false
-})
+const props = withDefaults(defineProps<BreadcrumbProps>(), { lastLinked: false })
 
 const emit = defineEmits<BreadcrumbEmits>()
 
-defineSlots<{
-  item?: (scope: BreadcrumbSlotScope) => unknown
-  separator?: () => unknown
-}>()
+defineSlots<{ item?: (scope: BreadcrumbSlotScope) => unknown; separator?: () => unknown }>()
 
 const cls = bem('breadcrumb')
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const isLast = (index: number) => index === props.items.length - 1
 

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

@@ -9,15 +9,11 @@ import { bem } from '@veltra/utils'
 
 import type { ButtonProps } from '../../types'
 
-defineOptions({
-  name: 'ButtonGroup'
-})
+defineOptions({ name: 'ButtonGroup' })
 
 const props = defineProps<ButtonProps>()
 
 const cls = bem('button-group')
 
-defineSlots<{
-  default: (props: { props: ButtonProps }) => any
-}>()
+defineSlots<{ default: (props: { props: ButtonProps }) => any }>()
 </script>

package/src/components/button/button.vue

@@ -36,9 +36,7 @@ import { computed, shallowRef } from 'vue'
 import type { ButtonEmits, ButtonProps, _ButtonExposed, ComponentSize } from '../../types'
 import { UIcon } from '../icon'
 
-defineOptions({
-  name: 'Button'
-})
+defineOptions({ name: 'Button' })
 
 const props = withDefaults(defineProps<ButtonProps>(), {
   iconPosition: 'left',
@@ -47,9 +45,7 @@ const props = withDefaults(defineProps<ButtonProps>(), {
   propagate: true
 })
 
-const { size } = useFallbackProps([props], {
-  size: 'default' as ComponentSize
-})
+const { size } = useFallbackProps([props], { size: 'default' as ComponentSize })
 
 const emit = defineEmits<ButtonEmits>()
 
@@ -89,9 +85,7 @@ const handleClick = (e: MouseEvent) => {
 
 const buttonRef = shallowRef<HTMLButtonElement>()
 
-const exposed: _ButtonExposed = {
-  el: buttonRef
-}
+const exposed: _ButtonExposed = { el: buttonRef }
 
 defineExpose(exposed)
 </script>

package/src/components/calendar/calendar.vue

@@ -19,9 +19,7 @@ import { computed } from 'vue'
 import type { CalendarProps } from '../../types'
 import { getMonthDays } from './utils'
 
-defineOptions({
-  name: 'Calendar'
-})
+defineOptions({ name: 'Calendar' })
 
 defineProps<CalendarProps>()
 

package/src/components/card/card-action.vue

@@ -15,9 +15,7 @@ defineOptions({ name: 'CardAction' })
 const props = defineProps<CardActionProps>()
 
 const style = computed<CSSProperties>(() => {
-  return {
-    textAlign: props.alignRight ? 'right' : undefined
-  }
+  return { textAlign: props.alignRight ? 'right' : undefined }
 })
 
 const injected = inject(CardDIKey)

package/src/components/card/card-content.vue

@@ -15,12 +15,7 @@ defineOptions({ name: 'CardContent' })
 const props = defineProps<CardContentProps>()
 
 const style = computed<CSSProperties | undefined>(() => {
-  return props.cover
-    ? {
-        padding: 0,
-        fontSize: 0
-      }
-    : undefined
+  return props.cover ? { padding: 0, fontSize: 0 } : undefined
 })
 
 const injected = inject(CardDIKey)

package/src/components/card/card-cover.vue

@@ -29,8 +29,6 @@ if (!injected) {
 }
 
 const style = computed(() => {
-  return {
-    height: withUnit(props.height, 'px')
-  }
+  return { height: withUnit(props.height, 'px') }
 })
 </script>

package/src/components/card/card.vue

@@ -12,9 +12,7 @@ import { computed, provide } from 'vue'
 import type { CardProps } from '../../types'
 import { CardDIKey } from './di'
 
-defineOptions({
-  name: 'Card'
-})
+defineOptions({ name: 'Card' })
 
 const props = defineProps<CardProps>()
 
@@ -27,9 +25,7 @@ const classList = computed(() => {
 })
 
 const styles = computed(() => {
-  return {
-    width: withUnit(props.width, 'px')
-  }
+  return { width: withUnit(props.width, 'px') }
 })
 
 provide(CardDIKey, { cls, cardProps: props })

package/src/components/cascade/cascade-panel-item.vue

@@ -41,15 +41,9 @@ import { UIcon } from '../icon'
 import { UScroll } from '../scroll'
 import { CascadeDIKey } from './di'
 
-defineOptions({
-  name: 'UCascadePanelItem'
-})
+defineOptions({ name: 'UCascadePanelItem' })
 
-const props = defineProps<{
-  data: CascadeNode[]
-  value?: string
-  panelIndex: number
-}>()
+const props = defineProps<{ data: CascadeNode[]; value?: string; panelIndex: number }>()
 
 const emit = defineEmits<{
   (e: 'click', panelIndex: number, item: CascadeNode): void

package/src/components/cascade/cascade.vue

@@ -124,9 +124,7 @@ import { useCheck } from './use-check'
 import { useDataMap } from './use-data-map'
 import { useSelect } from './use-select'
 
-defineOptions({
-  name: 'Cascade'
-})
+defineOptions({ name: 'Cascade' })
 
 const props = withDefaults(defineProps<CascadeProps>(), {
   labelKey: 'label',
@@ -162,14 +160,7 @@ const forest = computed(() => {
     childrenKey: props.childrenKey,
     createNode: (data, index, depth, _forest, parent) => {
       if (!data) {
-        return new CascadeNode({
-          data,
-          index,
-          depth,
-          value: '',
-          label: '',
-          parent
-        })
+        return new CascadeNode({ data, index, depth, value: '', label: '', parent })
       }
 
       return new CascadeNode({
@@ -196,26 +187,10 @@ const {
   getPanelItemList,
   createPanelItem,
   selectedNodeKeys
-} = useSelect({
-  props,
-  emit,
-  dataMap,
-  forest,
-  isUserActive,
-  dropdownRef
-})
+} = useSelect({ props, emit, dataMap, forest, isUserActive, dropdownRef })
 
 const { hovered, tags, restTag, updateMultipleValue, handleCloseTag, checkItem, checkedSet } =
-  useCheck({
-    props,
-    forest,
-    getPanelItemList,
-    emit,
-    dataMap,
-    isUserActive,
-    disabled,
-    readonly
-  })
+  useCheck({ props, forest, getPanelItemList, emit, dataMap, isUserActive, disabled, readonly })
 
 const commitSingleSelect = userAction((item: CascadeNode) => {
   if (!props.strict) {
@@ -282,12 +257,5 @@ watch([qs, forest], ([qs, forest]) => {
   panelItemList.value = [createPanelItem(forest.roots)]
 })
 
-provide(CascadeDIKey, {
-  cls,
-  size,
-  disabled,
-  readonly,
-  cascadeProps: props,
-  checkedSet
-})
+provide(CascadeDIKey, { cls, size, disabled, readonly, cascadeProps: props, checkedSet })
 </script>

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

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

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

@@ -21,9 +21,7 @@ import { computed } from 'vue'
 import type { CheckboxButtonProps, CheckboxButtonEmits } from '../../types'
 import { UTag } from '../tag'
 
-defineOptions({
-  name: 'CheckboxButton'
-})
+defineOptions({ name: 'CheckboxButton' })
 
 const props = withDefaults(defineProps<CheckboxButtonProps>(), {
   disabled: undefined,
@@ -34,9 +32,7 @@ const props = withDefaults(defineProps<CheckboxButtonProps>(), {
 
 const emit = defineEmits<CheckboxButtonEmits>()
 
-const slot = defineSlots<{
-  default(): any
-}>()
+const slot = defineSlots<{ default(): any }>()
 
 const cls = bem('checkbox-button')
 

package/src/components/checkbox/checkbox.vue

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

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

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

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

@@ -144,9 +144,7 @@ function buildExtensions(): Extension[] {
   return [
     basicSetup,
     tooltips({ parent: document.body }),
-    EditorView.theme({
-      '.cm-tooltip': { zIndex: zIndex() }
-    }),
+    EditorView.theme({ '.cm-tooltip': { zIndex: zIndex() } }),
     themeCompartment.of(props.dark ? oneDark : []),
     editableCompartment.of(EditorView.editable.of(!disabled.value)),
     readOnlyCompartment.of(EditorState.readOnly.of(readonly.value)),
@@ -218,22 +216,16 @@ watch(() => props.language, applyLanguage)
 watch(
   () => props.dark,
   (dark) => {
-    editor.value?.dispatch({
-      effects: themeCompartment.reconfigure(dark ? oneDark : [])
-    })
+    editor.value?.dispatch({ effects: themeCompartment.reconfigure(dark ? oneDark : []) })
   }
 )
 
 watch(disabled, (v) => {
-  editor.value?.dispatch({
-    effects: editableCompartment.reconfigure(EditorView.editable.of(!v))
-  })
+  editor.value?.dispatch({ effects: editableCompartment.reconfigure(EditorView.editable.of(!v)) })
 })
 
 watch(readonly, (v) => {
-  editor.value?.dispatch({
-    effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v))
-  })
+  editor.value?.dispatch({ effects: readOnlyCompartment.reconfigure(EditorState.readOnly.of(v)) })
 })
 
 watch(() => props.defaultLines, syncPhantomLineNumbers)

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