@veltra/desktop 1.2.4 → 1.2.5

package/dist/types/index.d.ts

@@ -24,7 +24,7 @@ import { DatePanelEmits, DatePanelProps, PanelType } from "./date-panel.js";
 import { DialogEmits, DialogExposed, DialogProps, DialogTransition, _DialogExposed } from "./dialog.js";
 import { ActionEmits, ActionExposed, ActionGroupExposed, ActionGroupProps, ActionProps, _ActionExposed, _ActionGroupExposed } from "./action.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 { BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditMode, BatchEditProps, _BatchEditExposed } from "./batch-edit.js";
 import { BreadcrumbEmits, BreadcrumbExposed, BreadcrumbItem, BreadcrumbProps, BreadcrumbSlotScope, _BreadcrumbExposed } from "./breadcrumb.js";
 import { ListEmits, ListExposed, ListProps, _ListExposed } from "./list.js";
 import { EmptyEmits, EmptyExposed, EmptyProps, _EmptyExposed } from "./empty.js";
@@ -46,7 +46,8 @@ import { CodeEditorEmits, CodeEditorExposed, CodeEditorLang, CodeEditorProps, _C
 import { TextEmits, TextExposed, TextProps, _TextExposed } from "./text.js";
 import { CheckboxGroupEmits, CheckboxGroupExposed, CheckboxGroupProps } from "./checkbox-group.js";
 import { TableEditorEmits, TableEditorExposed, TableEditorProps, _TableEditorExposed } from "./table-editor.js";
-import { MenuEmits, MenuExposed, MenuItem, MenuProps, _MenuExposed } from "./menu.js";
+import { NavEmits, NavExposed, NavItem, NavProps, _NavExposed } from "./nav.js";
+import { DualNavEmits, DualNavExposed, DualNavProps, DualNavRootItem, _DualNavExposed } from "./dual-nav.js";
 import { PasswordInputEmits, PasswordInputExposed, PasswordInputProps, _PasswordInputExposed } from "./password-input.js";
 import { DatePickerEmits, DatePickerExposed, DatePickerProps, _DatePickerExposed } from "./date-picker.js";
 import { DropdownEmits, DropdownExposed, DropdownProps, _DropdownExposed } from "./dropdown.js";
@@ -81,7 +82,7 @@ export type * 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, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DialogTransition, 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, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, 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, 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, AnimationEmits, AnimationExposed, AnimationProps, AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, BadgeEmits, BadgeExposed, BadgeProps, BarType, BatchEditColumn, BatchEditEmits, BatchEditExposed, BatchEditFeature, BatchEditMode, 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, DatePanelEmits, DatePanelProps, DatePickerEmits, DatePickerExposed, DatePickerProps, DateRangePickerEmits, DateRangePickerExposed, DateRangePickerProps, DialogEmits, DialogExposed, DialogProps, DialogTransition, DrawerDirection, DrawerEmits, DrawerExposed, DrawerMode, DrawerProps, DropdownEmits, DropdownExposed, DropdownProps, DualNavEmits, DualNavExposed, DualNavProps, DualNavRootItem, EmptyEmits, EmptyExposed, EmptyProps, ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, FileViewerEmits, FileViewerExposed, FileViewerItem, FileViewerKind, FileViewerProps, FloatButtonEmits, FloatButtonExposed, FloatButtonItem, FloatButtonProps, FormExposed, FormItemEmits, FormItemExposed, FormItemProps, FormProps, GanttChartEmits, GanttChartExposed, GanttChartProps, GridEmits, GridExposed, GridInputEmits, GridInputExposed, GridInputProps, GridItemProps, GridProps, GroupInputEmits, GroupInputExposed, GroupInputProps, IconEmits, IconExposed, IconProps, InputEmits, InputExposed, InputProps, LayoutEmits, LayoutExposed, LayoutProps, ListEmits, ListExposed, ListProps, LoadingEmits, LoadingExposed, LoadingProps, LoadingType, Message, MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, MessageEmits, MessageExposed, MessageInstance, MessageOptions, MessageProps, MessageType, MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, MultiSelectEmits, MultiSelectExposed, MultiSelectProps, MultiTreeSelectEmits, MultiTreeSelectExposed, MultiTreeSelectProps, NavEmits, NavExposed, NavItem, NavProps, 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, _DualNavExposed, _EmptyExposed, _ExpressionEditorExposed, _FileViewerExposed, _FloatButtonExposed, _FormExposed, _GanttChartExposed, _GridExposed, _GridInputExposed, _GroupInputExposed, _InputExposed, _LayoutExposed, _ListExposed, _LoadingExposed, _MessageConfirmExposed, _MessageExposed, _MultiAutoCompleteExposed, _MultiSelectExposed, _MultiTreeSelectExposed, _NavExposed, _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/dist/types/nav.d.ts

@@ -0,0 +1,48 @@
+import { DefineComponent } from "vue";
+import { DeconstructValue } from "@veltra/utils";
+
+//#region src/types/nav.d.ts
+/** 导航项 */
+interface NavItem {
+  /** 图标 */
+  icon?: string | DefineComponent;
+  /** 导航标题 */
+  title: string;
+  /** 导航路径 */
+  path: string;
+  /**
+   * 应用描述；仅根级导航项有效，且仅 UDualNav 右栏顶部展示
+   * @see DualNavRootItem
+   */
+  description?: string;
+  /** 是否禁用 */
+  disabled?: boolean;
+  /** 子导航 */
+  children?: NavItem[];
+  [key: string]: any;
+}
+/** 导航组件属性 */
+interface NavProps {
+  /** 当前路径 */
+  currentPath?: string;
+  /** 是否折叠 */
+  collapsed?: boolean;
+  /** 导航列表 */
+  menus?: NavItem[];
+}
+/** 导航组件定义的事件 */
+interface NavEmits {
+  (e: 'item-click', item: NavItem): void;
+}
+/** 导航组件暴露的属性和方法(组件内部使用) */
+interface _NavExposed {
+  /** 展开所有含子级的导航项 */
+  expandAll: () => void;
+  /** 折叠所有导航项 */
+  collapseAll: () => void;
+}
+/** 导航组件暴露的属性和方法(组件外部使用, 引用的值会被自动解构) */
+type NavExposed = DeconstructValue<_NavExposed>;
+//#endregion
+export { NavEmits, NavExposed, NavItem, NavProps, _NavExposed };
+//# sourceMappingURL=nav.d.ts.map

package/package.json

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

package/src/components/auto-complete/auto-complete.vue

@@ -33,15 +33,15 @@
     <template #content>
       <u-scroll tag="ul" :class="cls.e('options')" ref="scrollRef">
         <li
-          v-if="cachedSuggestion"
+          v-if="displayCachedSuggestion"
           :class="[optionClass, bem.is('active', isCachedActive)]"
-          @click="handleSelectCachedOption(cachedSuggestion)"
+          @click="handleSelectCachedOption(displayCachedSuggestion)"
           v-ripple="cls.e('ripple')"
-          :data-key="cachedSuggestion"
-          :key="cachedSuggestion"
+          :data-key="displayCachedSuggestion"
+          :key="displayCachedSuggestion"
         >
-          <slot v-bind="{ option: cachedSuggestion, index: -1 }">
-            {{ cachedSuggestion }}
+          <slot v-bind="{ option: displayCachedSuggestion, index: -1 }">
+            {{ displayCachedSuggestion }}
           </slot>
         </li>
 
@@ -90,6 +90,7 @@ defineOptions({ name: 'AutoComplete', inheritAttrs: false })
 const props = withDefaults(defineProps<AutoCompleteProps>(), {
   placeholder: '请输入',
   clearable: true,
+  allowCustom: true,
   disabled: undefined,
   readonly: undefined
 })
@@ -129,10 +130,15 @@ watch(scrollRef, (scroll) => {
 
 const { suggestions, appendedSuggestions, cachedSuggestion } = useSuggestions({ props, model })
 
+const displayCachedSuggestion = computed(() => {
+  if (!props.allowCustom) return undefined
+  return cachedSuggestion.value
+})
+
 const keyboardOptions = computed(() => {
   const currentSuggestions = suggestions.value
-  return cachedSuggestion.value
-    ? [cachedSuggestion.value, ...currentSuggestions]
+  return displayCachedSuggestion.value
+    ? [displayCachedSuggestion.value, ...currentSuggestions]
     : currentSuggestions
 })
 
@@ -148,7 +154,7 @@ const { point, handleKeydown } = useKeyboard({
     return 0
   },
   onSelect: (option, index) => {
-    if (cachedSuggestion.value && index === 0) {
+    if (displayCachedSuggestion.value && index === 0) {
       handleSelectCachedOption(option)
       return
     }
@@ -156,18 +162,18 @@ const { point, handleKeydown } = useKeyboard({
   }
 })
 
-const isCachedActive = computed(() => !!cachedSuggestion.value && point.value === 0)
+const isCachedActive = computed(() => !!displayCachedSuggestion.value && point.value === 0)
 
 const isActiveOption = (index: number) => {
-  const offset = cachedSuggestion.value ? 1 : 0
+  const offset = displayCachedSuggestion.value ? 1 : 0
   return point.value === index + offset
 }
 
 const handleInputKeydown = (event: KeyboardEvent) => {
-  if (!dropdownVisible.value && event.key === 'Enter' && cachedSuggestion.value) {
+  if (!dropdownVisible.value && event.key === 'Enter' && displayCachedSuggestion.value) {
     event.preventDefault()
     event.stopPropagation()
-    handleSelectCachedOption(cachedSuggestion.value)
+    handleSelectCachedOption(displayCachedSuggestion.value)
     return
   }
   handleKeydown(event)
@@ -202,4 +208,9 @@ const handleSelectCachedOption = (cachedOption: string) => {
   appendedSuggestions.value = [...appendedSuggestions.value, cachedOption]
   dropdownRef.value?.close()
 }
+
+defineExpose<_AutoCompleteExposed>({
+  open: () => dropdownRef.value?.open(),
+  close: () => dropdownRef.value?.close()
+})
 </script>

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

@@ -1,5 +1,5 @@
 <template>
-  <aside :class="cls.e('form')" v-if="state.visible && !!props.model">
+  <aside :class="cls.e('form')" v-if="state.visible && formModel">
     <header :class="cls.e('form-header')">
       <span :class="[cls.e('form-icon'), bem.is(headerInfo.tone)]">
         <u-icon>
@@ -27,9 +27,8 @@
       <transition name="fade" appear mode="out-in">
         <u-form
           ref="formComponentRef"
-          :model="props.model"
+          :model="formModel"
           :readonly="props.readonly"
-          @keydown="handleFormKeydown"
           :label-width="props.labelWidth"
         >
           <slot
@@ -45,21 +44,25 @@
     </u-scroll>
 
     <footer :class="cls.e('form-footer')">
-      <span :class="cls.e('form-hint')" v-if="!props.readonly && state.dataUpdated">
-        有未保存改动
+      <span :class="cls.e('form-hint')" v-if="props.readonly">只读模式</span>
+      <span :class="cls.e('form-hint')" v-else-if="isQuickUpdate">
+        实时编辑
+        <span :class="{ [bem.is('concealed')]: !focused }"> · <u-kbd>Esc</u-kbd> 关闭</span>
       </span>
-      <span :class="cls.e('form-hint')" v-else-if="!props.readonly">
-        <u-kbd>Ctrl + Enter</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭
+      <span :class="cls.e('form-hint')" v-else>
+        <span :class="{ [bem.is('concealed')]: !focused }">
+          <u-kbd>Ctrl + S</u-kbd> 保存 · <u-kbd>Esc</u-kbd> 关闭
+        </span>
       </span>
-      <span :class="cls.e('form-hint')" v-else>只读模式</span>
 
       <div :class="cls.e('form-actions')">
         <u-button text :loading="state.loading" @click="handleClose"> 取消 </u-button>
         <u-button
-          v-if="!props.readonly && (creatable || updatable)"
+          v-if="
+            !props.readonly && ((isNormal && (creatable || updatable)) || (isQuick && creatable))
+          "
           :type="state.type === 'create' ? 'success' : 'primary'"
           :loading="state.loading"
-          :disabled="!state.dataUpdated"
           @click="handleSave"
         >
           保存
@@ -84,6 +87,8 @@ import { BatchEditDIKey } from './di'
 
 defineOptions({ name: 'BatchEditForm' })
 
+const batchEditCtx = inject(BatchEditDIKey)!
+
 const {
   cls,
   props,
@@ -93,7 +98,9 @@ const {
   handleClose,
   staticFeatures,
   dynamicFeatures
-} = inject(BatchEditDIKey)!
+} = batchEditCtx
+
+const focused = toRef(batchEditCtx, 'focused')
 
 const formComponentRef = shallowRef<FormExposed>()
 
@@ -118,6 +125,17 @@ const updatable = computed(() => {
   )
 })
 
+const isQuick = computed(() => props.mode === 'quick')
+const isNormal = computed(() => props.mode !== 'quick')
+const isQuickUpdate = computed(() => isQuick.value && state.type === 'update')
+
+const formModel = computed(() => {
+  if (isQuick.value && state.type === 'update' && state.row) {
+    return state.row.data
+  }
+  return props.model
+})
+
 interface HeaderInfo {
   icon: Component
   title: string
@@ -157,11 +175,4 @@ const headerInfo = computed<HeaderInfo>(() => {
 const bodyKey = computed(() => {
   return `${state.type}-${state.row?.uid ?? 'create'}-${state.parentRow?.uid ?? 'root'}`
 })
-
-function handleFormKeydown(e: KeyboardEvent) {
-  if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {
-    e.preventDefault()
-    handleSave()
-  }
-}
 </script>

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

@@ -115,7 +115,9 @@ const tableProps = computed(() => {
     'readonly',
     'deleteMethod',
     'saveMethod',
-    'features'
+    'features',
+    'mode',
+    'beforeCreate'
   ])
 })
 
@@ -141,6 +143,9 @@ const columns = computed(() => {
 
 function handleUpdateCurrentRow(row?: TableRow) {
   if (allowed('update', row)) {
+    if (row) {
+      state.type = 'update'
+    }
     state.row = row
     state.depth = row?.depth
   }

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

@@ -5,15 +5,16 @@
     rows="minmax(0, 1fr)"
     gap="8px"
     resizable
-    @keydown="handleKeydown"
     tabindex="-1"
+    @focusin="handleFocusIn"
+    @focusout="handleFocusOut"
+    @keydown.capture="handleKeydown"
   >
     <!-- 编辑列表 -->
-    <BatchEditList :slots="slots" />
+    <BatchEditList :slots="slots" ref="tableRef" />
 
     <!-- 编辑表单 -->
     <BatchEditForm ref="formRef" v-slot="scoped">
-      <!-- @vue-ignore -->
       <slot name="form" v-bind="scoped" />
     </BatchEditForm>
   </u-layout>
@@ -25,7 +26,6 @@ import { computed, inject, provide, shallowRef, watch } from 'vue'
 
 import type {
   BatchEditEmits,
-  BatchEditFeature,
   BatchEditProps,
   TableColumnSlotsScope,
   TableExposed,
@@ -38,6 +38,7 @@ import BatchEditForm from './batch-edit-form.vue'
 import BatchEditList from './batch-edit-list.vue'
 import { BatchEditDIKey } from './di'
 import { useEdit } from './use-edit'
+import { useFeatures } from './use-features'
 
 defineOptions({ name: 'BatchEdit' })
 
@@ -48,58 +49,9 @@ const props = withDefaults(defineProps<BatchEditProps>(), {
 
 const emit = defineEmits<BatchEditEmits>()
 
-const staticFeatures = computed(() => {
-  const { features } = props
-
-  if (Array.isArray(features)) {
-    return new Set(features)
-  }
-
-  const defaultFeatures = new Set<BatchEditFeature>(['create', 'delete', 'update', 'createChild'])
-
-  if (!features) {
-    return defaultFeatures
-  }
-
-  // 函数与 false 的特性视为关闭；显式 true 视为开启（即便不在默认集合内）
-  Object.entries(features).forEach(([key, value]) => {
-    const k = key as BatchEditFeature
-    if (typeof value === 'function' || value === false) {
-      defaultFeatures.delete(k)
-    } else if (value === true) {
-      defaultFeatures.add(k)
-    }
-  })
-  return defaultFeatures
-})
-
-const dynamicFeatures = computed<
-  Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>
->(() => {
-  const { features } = props
-  if (!Array.isArray(features) && typeof features === 'object') {
-    const ret = Object.entries(features)
-      .filter(([_, value]) => {
-        return typeof value === 'function'
-      })
-      .reduce(
-        (acc, [key, value]) => {
-          acc[key] = value
-          return acc
-        },
-        {} as Record<BatchEditFeature, (row?: TableRow) => boolean>
-      )
-    return ret
-  }
-
-  return {} as Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>
-})
-
 const slots = defineSlots<
   {
     form?: (props: {
-      /** 表单数据 */
-      data: Record<string, any> | undefined
       /** 当前编辑的层级 */
       depth?: number
       /** 当前编辑的行 */
@@ -118,12 +70,24 @@ const cls = bem('batch-edit')
 
 const tableRef = shallowRef<TableExposed>()
 const formRef = shallowRef<FormExposed>()
+const focused = shallowRef(false)
 
-const editCtx = useEdit({ props, emit, tableRef, formRef })
+const { staticFeatures, dynamicFeatures } = useFeatures({ props })
 
-const { state, handleClose, handleSave, handleDelete, handleCreate } = editCtx
+const editCtx = useEdit({ props, emit, formRef })
 
-provide(BatchEditDIKey, { cls, props, emit, tableRef, staticFeatures, dynamicFeatures, ...editCtx })
+const { state, handleClose, handleSave } = editCtx
+
+provide(BatchEditDIKey, {
+  cls,
+  props,
+  emit,
+  tableRef,
+  staticFeatures,
+  dynamicFeatures,
+  focused,
+  ...editCtx
+})
 
 const dialogCtx = inject(DialogDIKey, undefined)
 
@@ -136,14 +100,24 @@ const cols = computed(() => {
   return !!state.row || state.visible ? props.cols : undefined
 })
 
+function handleFocusIn() {
+  focused.value = true
+}
+
+function handleFocusOut(e: FocusEvent) {
+  const root = e.currentTarget as HTMLElement
+  if (!root.contains(e.relatedTarget as Node | null)) {
+    focused.value = false
+  }
+}
+
 /**
- * 键盘快捷键：
- * - Esc        关闭表单
- * - ⌘/Ctrl + S   保存
- * - ⌘/Ctrl + Backspace 删除当前编辑行
- * - ⌘/Ctrl + N   新增（仅在不在表单中时）
+ * 键盘快捷键（仅组件获焦时生效）：
+ * - Esc          关闭表单
+ * - ⌘/Ctrl + S   保存（快速编辑模式下编辑行时除外）
  */
 function handleKeydown(e: KeyboardEvent) {
+  if (!focused.value) return
   if (props.readonly && e.key !== 'Escape') return
 
   if (e.key === 'Escape') {
@@ -160,20 +134,9 @@ function handleKeydown(e: KeyboardEvent) {
   const key = e.key.toLowerCase()
 
   if (key === 's' && state.visible) {
+    if (props.mode === 'quick' && state.type === 'update') return
     e.preventDefault()
     handleSave()
-    return
-  }
-
-  if (e.key === 'Backspace' && state.row && state.type === 'update') {
-    e.preventDefault()
-    handleDelete(state.row)
-    return
-  }
-
-  if (key === 'n' && !state.visible) {
-    e.preventDefault()
-    handleCreate()
   }
 }
 </script>

package/src/components/batch-edit/di.ts

@@ -1,5 +1,5 @@
 import type { BEM } from '@veltra/utils'
-import type { ComputedRef, InjectionKey, ShallowRef } from 'vue'
+import type { ComputedRef, InjectionKey, ShallowRef, Ref } from 'vue'
 
 import type {
   BatchEditEmits,
@@ -19,5 +19,7 @@ export const BatchEditDIKey: InjectionKey<
     dynamicFeatures: ComputedRef<
       Record<BatchEditFeature, ((row?: TableRow) => boolean) | undefined>
     >
+    /** 组件或其子节点是否处于聚焦状态 */
+    focused: Ref<boolean>
   } & EditReturned
 > = Symbol('BatchEditDIKey')

package/src/components/batch-edit/style.scss

@@ -165,6 +165,11 @@ $root-name: batch-edit;
     text-overflow: ellipsis;
     white-space: nowrap;
 
+    // 修饰类在子 span 上，保留占位避免按钮位移
+    .is-concealed {
+      visibility: hidden;
+    }
+
     & > kbd {
       display: inline-block;
       min-width: 18px;