@veltra/desktop 1.1.4 → 1.1.5

package/dist/types/index.d.ts

@@ -22,7 +22,7 @@ import { NotificationEmits, NotificationExposed, NotificationProps, _Notificatio
 import { ButtonEmits, ButtonExposed, ButtonProps, ButtonType, _ButtonExposed } from "./button.js";
 import { DatePanelEmits, DatePanelProps, PanelType } from "./date-panel.js";
 import { DialogEmits, DialogExposed, DialogProps, _DialogExposed } from "./dialog.js";
-import { ActionEmits, ActionExposed, ActionGroupProps, ActionProps, _ActionExposed } from "./action.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 { 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";
@@ -64,12 +64,12 @@ import { BadgeEmits, BadgeExposed, BadgeProps, _BadgeExposed } from "./badge.js"
 import { FormItemEmits, FormItemExposed, FormItemProps } from "./form-item.js";
 import { GroupInputEmits, GroupInputExposed, GroupInputProps, _GroupInputExposed } from "./group-input.js";
 import { PaginatorEmits, PaginatorExposed, PaginatorProps, _PaginatorExposed } from "./paginator.js";
-import { ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, _ConditionEditorExposed } from "./condition-editor.js";
+import { ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, VariableItem, _ExpressionEditorExposed } from "./expression-editor.js";
+import { ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionItem, ConditionValue, _ConditionEditorExposed } from "./condition-editor.js";
 import { CssTransitionEmits, CssTransitionExposed, CssTransitionProps, _CssTransitionExposed } from "./css-transition.js";
 import { MessageConfirmEmits, MessageConfirmExposed, MessageConfirmProps, _MessageConfirmExposed } from "./message-confirm.js";
 import { MultiAutoCompleteEmits, MultiAutoCompleteExposed, MultiAutoCompleteProps, _MultiAutoCompleteExposed } from "./multi-auto-complete.js";
 import { BreakCols, Breakpoint, GridEmits, GridExposed, GridItemProps, GridProps, _GridExposed } from "./grid.js";
-import { ExpressionEditorEmits, ExpressionEditorExposed, ExpressionEditorProps, ExpressionSelectableLevels, VariableItem, _ExpressionEditorExposed } from "./expression-editor.js";
 import { AnimationEmits, AnimationExposed, AnimationProps, _AnimationExposed } from "./animation.js";
 import { AutoCompleteEmits, AutoCompleteExposed, AutoCompleteProps, _AutoCompleteExposed } from "./auto-complete.js";
 import { SwitchEmits, SwitchExposed, SwitchProps, _SwitchExposed } from "./switch.js";
@@ -81,7 +81,7 @@ export * from "@veltra/utils";
 
 //#region src/types/index.d.ts
 declare namespace index_d_exports {
-  export { ActionEmits, ActionExposed, 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, CollapseExposed, CollapseIconPosition, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, 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, _AnimationExposed, _AutoCompleteExposed, _BadgeExposed, _BatchEditExposed, _BreadcrumbExposed, _ButtonExposed, _CalendarExposed, _CardExposed, _CascadeExposed, _CheckTagExposed, _CodeEditorExposed, _CollapseExposed, _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, 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, CollapseExposed, CollapseIconPosition, CollapseItemProps, CollapseModelValue, CollapseProps, CollapseValue, ConditionEditorEmits, ConditionEditorExposed, ConditionEditorProps, ConditionExpression, ConditionField, ConditionGroup, ConditionItem, 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, _CollapseExposed, _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.4",
+  "version": "1.1.5",
   "files": [
     "dist",
     "src"
@@ -61,22 +61,22 @@
     "@lexical/rich-text": "^0.43.0",
     "@lexical/selection": "^0.43.0",
     "@lexical/utils": "^0.43.0",
-    "@veltra/compositions": "1.1.4",
-    "@veltra/directives": "1.1.4",
-    "@veltra/icons": "1.1.4",
-    "@veltra/styles": "1.1.4",
-    "@veltra/utils": "1.1.4",
+    "@veltra/compositions": "1.1.5",
+    "@veltra/directives": "1.1.5",
+    "@veltra/icons": "1.1.5",
+    "@veltra/styles": "1.1.5",
+    "@veltra/utils": "1.1.5",
     "@visactor/vtable": "^1.26.0",
     "codemirror": "^6.0.2",
     "docx-preview": "^0.3.7",
     "lexical": "^0.43.0"
   },
   "peerDependencies": {
-    "@veltra/compositions": "1.1.4",
-    "@veltra/directives": "1.1.4",
-    "@veltra/icons": "1.1.4",
-    "@veltra/styles": "1.1.4",
-    "@veltra/utils": "1.1.4",
+    "@veltra/compositions": "1.1.5",
+    "@veltra/directives": "1.1.5",
+    "@veltra/icons": "1.1.5",
+    "@veltra/styles": "1.1.5",
+    "@veltra/utils": "1.1.5",
     "vue": "^3.5.33"
   }
 }

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

@@ -1,48 +1,15 @@
 <template>
-  <div :class="rootCls">
-    <component v-for="node of normalNodes" :key="node.key" :is="node" />
-
-    <u-tip
-      v-if="dropdownNodes.length"
-      :class="cls.e('dropdown')"
-      direction="bottom"
-      alignment="end"
-      trigger="click"
-    >
-      <template #content>
-        <component v-for="node of dropdownNodes" :key="node.key" :is="node" />
-      </template>
-
-      <u-action
-        :class="cls.e('more')"
-        :type
-        :size
-        :text
-        :circle="hover"
-        :icon="hover ? MoreFilled : undefined"
-        title="更多"
-      >
-        <template v-if="!hover">
-          更多
-          <u-icon>
-            <ArrowDown />
-          </u-icon>
-        </template>
-      </u-action>
-    </u-tip>
-  </div>
+  <component v-for="node of getSlotsNodes()" :key="node.key" :is="node" />
 </template>
 
-<script lang="ts" setup>
-import { ArrowDown, MoreFilled } from '@veltra/icons/normal'
+<script lang="tsx" setup>
+import { MoreFilled } from '@veltra/icons/normal'
 import { bem, extractNormalVNodes } from '@veltra/utils'
-import type { ColorType } from '@veltra/utils'
-import { cloneVNode, computed, provide, type VNode } from 'vue'
+import { cloneVNode, provide, shallowRef, type VNode } from 'vue'
 
-import type { ActionGroupProps } from '../../types'
-import { UIcon } from '../icon'
+import type { _ActionGroupExposed, ActionGroupProps } from '../../types'
+import { UButton } from '../button'
 import { UTip } from '../tip'
-import UAction from './action.vue'
 import { ActionDIKey } from './di'
 
 defineOptions({
@@ -50,34 +17,10 @@ defineOptions({
   inheritAttrs: false
 })
 
-// 此处不直接复用 `ActionGroupProps` 类型作为 `defineProps` 泛型参数，
-// 是为了规避 Vue SFC 编译器在跨文件类型解析时偶发的 prop 未注册问题
-// （表现为运行时 `[Vue warn]: Property "x" was accessed during render but is not defined on instance`）。
-// 通过本地接口定义 + 类型相等性约束保证与外部类型一致。
-interface _Props {
-  loading?: boolean
-  circle?: boolean
-  max?: number
-  hover?: boolean
-  size?: 'small' | 'default' | 'large'
-  text?: boolean
-  type?: ColorType
-}
-
-type _AssertEqual = [ActionGroupProps] extends [_Props]
-  ? [_Props] extends [ActionGroupProps]
-    ? true
-    : never
-  : never
-
-const _assert: _AssertEqual = true
-void _assert
-
-const props = withDefaults(defineProps<_Props>(), {
+const props = withDefaults(defineProps<ActionGroupProps>(), {
   max: 3,
   loading: false,
   circle: false,
-  hover: false,
   size: 'small',
   text: true,
   type: 'primary'
@@ -89,8 +32,6 @@ const slots = defineSlots<{
   default?: () => VNode[]
 }>()
 
-const rootCls = computed(() => [cls.b, bem.is('hover', props.hover)])
-
 function isInDropdownNode(node: VNode): boolean {
   const p = node.props as Record<string, unknown> | null
   if (!p) return false
@@ -98,13 +39,32 @@ function isInDropdownNode(node: VNode): boolean {
   return v === true || v === '' || v === 'true'
 }
 
-const partitioned = computed(() => {
-  const nodes = slots.default?.()
+const tipVisible = shallowRef(false)
+
+function closeTip() {
+  tipVisible.value = false
+}
+
+function withSeparators(nodes: VNode[]) {
+  return nodes.flatMap((node, index) => {
+    if (index === 0) return [node]
+
+    return [
+      <i
+        key={`separator-${index}`}
+        class={cls.e('separator')}
+        aria-hidden="true"
+      />,
+      node
+    ]
+  })
+}
 
-  if (!nodes) return { visible: [] as VNode[], hidden: [] as VNode[] }
+function getSlotsNodes() {
+  const nodes = slots.default?.()
+  if (!nodes) return []
 
   const extracted = extractNormalVNodes(nodes).filter(
-    // 仅保留 UAction 子节点
     (node) => (node.type as { name?: string } | null | undefined)?.name === 'Action'
   )
 
@@ -122,22 +82,48 @@ const partitioned = computed(() => {
   const willOverflow = visible.length > props.max
   const overflow = willOverflow ? visible.splice(props.max - 1) : []
 
-  return {
-    visible,
-    hidden: [...overflow, ...fixedHidden]
-  }
-})
+  const hiddenNodes = [...overflow, ...fixedHidden]
 
-const normalNodes = computed(() => partitioned.value.visible)
-
-// 下拉菜单中的 UAction 强制以非圆形、文本模式呈现，避免视觉与其他菜单项不一致
-const dropdownNodes = computed(() => {
-  return partitioned.value.hidden.map((node) =>
+  const dropdownNodes = hiddenNodes.map((node) =>
     cloneVNode(node, { inDropdown: true, circle: false })
   )
-})
+
+  const dropdown = hiddenNodes.length ? (
+    <UTip
+      direction="bottom"
+      alignment="end"
+      trigger="click"
+      class={cls.e('dropdown')}
+      visible={tipVisible.value}
+      onUpdate:visible={(val: boolean) => {
+        tipVisible.value = val
+      }}
+    >
+      {{
+        content: () => dropdownNodes,
+        default: () => (
+          <UButton
+            class={cls.e('more')}
+            type={props.type}
+            size={props.size}
+            text={props.text}
+            circle
+            icon={MoreFilled}
+          />
+        )
+      }}
+    </UTip>
+  ) : null
+
+  return withSeparators(dropdown ? [...visible, dropdown] : visible)
+}
 
 provide(ActionDIKey, {
-  groupProps: props
+  groupProps: props,
+  closeTip
+})
+
+defineExpose<_ActionGroupExposed>({
+  closeTip
 })
 </script>

package/src/components/action/action.vue

@@ -26,7 +26,7 @@
     :circle
     :propagate="false"
     v-bind="{ ...buttonProps, ...$attrs }"
-    @click="emit('run')"
+    @click="handleRun"
   >
     <slot />
   </u-button>
@@ -97,6 +97,14 @@ const emit = defineEmits<ActionEmits>()
 const cls = bem('action')
 
 function handleConfirm() {
+  handleRun()
+}
+
+function handleRun() {
   emit('run')
+
+  if (props.inDropdown) {
+    ctx?.closeTip()
+  }
 }
 </script>

package/src/components/action/di.ts

@@ -2,4 +2,5 @@ import type { InjectionKey } from 'vue'
 
 import type { ActionGroupProps } from '../../types'
 
-export const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps }> = Symbol('ActionDIKey')
+export const ActionDIKey: InjectionKey<{ groupProps: ActionGroupProps; closeTip: () => void }> =
+  Symbol('ActionDIKey')

package/src/components/action/style.scss

@@ -1,5 +1,6 @@
 @use 'pkg:@veltra/styles/mixins' as m;
 @use 'pkg:@veltra/styles/functions' as fn;
+@use 'pkg:@veltra/styles/vars';
 
 $root-name: action;
 $group-name: action-group;
@@ -8,39 +9,29 @@ $group-name: action-group;
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
-  gap: 6px;
+  gap: 2px;
+  padding: 2px 4px;
+  border-radius: 999px;
+  background-color: color-mix(in srgb, #{fn.use-var(bg-color, top)} 70%, transparent);
+  backdrop-filter: fn.use-var(bg-filter);
+  -webkit-backdrop-filter: fn.use-var(bg-filter);
+  box-shadow: 0 1px 4px color-mix(in srgb, #{fn.use-var(shadow, color)} 35%, transparent);
 
-  // 下拉触发按钮的占位类（与子项一致的间距处理）
   @include m.e(more) {
     flex-shrink: 0;
   }
 
-  // 紧凑悬浮模式：默认半透明，仅在悬浮 / 当前激活态显现
-  // 适用于行内（表格行、列表项）操作栏，搭配 .u-action-group 子项达到一致的圆形按钮观感
-  @include m.is(hover) {
-    gap: 2px;
-    padding: 2px 4px;
-    border-radius: 999px;
-    opacity: 0.45;
-    transition:
-      opacity 0.18s ease,
-      background-color 0.18s ease,
-      box-shadow 0.18s ease;
-
-    &:hover,
-    &:focus-within {
-      opacity: 1;
-      background-color: color-mix(in srgb, #{fn.use-var(bg-color, top)} 70%, transparent);
-      backdrop-filter: fn.use-var(bg-filter);
-      -webkit-backdrop-filter: fn.use-var(bg-filter);
-      box-shadow: 0 1px 4px color-mix(in srgb, #{fn.use-var(shadow, color)} 35%, transparent);
-    }
+  @include m.e(separator) {
+    display: inline-block;
+    flex-shrink: 0;
+    width: 1px;
+    vertical-align: middle;
+    height: 0.8em;
+    margin: 0 4px;
+    background-color: fn.use-var(border-color);
   }
 
-  // 下拉菜单内容容器：模拟菜单项视觉
   @include m.e(dropdown) {
-    padding: 4px;
-    min-width: 140px;
     display: flex;
     flex-direction: column;
     gap: 2px;
@@ -48,9 +39,8 @@ $group-name: action-group;
     @include m.b(button) {
       width: 100%;
       justify-content: flex-start;
-      padding: 0 12px;
+      padding: 0 10px;
 
-      // 下拉项不再使用同级间距，恢复块级布局
       & + & {
         margin-left: 0;
       }
@@ -58,6 +48,11 @@ $group-name: action-group;
   }
 }
 
+// 覆盖 tip 组件尺寸类（.tip--default）的 padding，下拉菜单需要更紧凑的间距
+.#{vars.$namespace}#{$group-name}__dropdown#{vars.$namespace}tip__content {
+  padding: 4px;
+}
+
 @include m.b($root-name) {
   flex-shrink: 0;
 }

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

@@ -1,77 +1,75 @@
 <template>
-  <transition name="batch-edit-panel" appear>
-    <aside :class="cls.e('form')" v-if="state.visible && !!props.model">
-      <header :class="cls.e('form-header')">
-        <span :class="[cls.e('form-icon'), bem.is(headerInfo.tone)]">
-          <u-icon>
-            <component :is="headerInfo.icon" />
-          </u-icon>
+  <aside :class="cls.e('form')" v-if="state.visible && !!props.model">
+    <header :class="cls.e('form-header')">
+      <span :class="[cls.e('form-icon'), bem.is(headerInfo.tone)]">
+        <u-icon>
+          <component :is="headerInfo.icon" />
+        </u-icon>
+      </span>
+      <div :class="cls.e('form-title')">
+        <h3 :class="cls.e('form-title-text')">{{ headerInfo.title }}</h3>
+        <span v-if="headerInfo.chip" :class="cls.e('form-chip')">
+          {{ headerInfo.chip }}
         </span>
-        <div :class="cls.e('form-title')">
-          <h3 :class="cls.e('form-title-text')">{{ headerInfo.title }}</h3>
-          <span v-if="headerInfo.chip" :class="cls.e('form-chip')">
-            {{ headerInfo.chip }}
-          </span>
-        </div>
-        <u-button
-          :class="cls.e('form-close')"
-          :icon="Close"
-          text
-          circle
-          size="small"
-          title="关闭"
-          @click="handleClose"
-        />
-      </header>
+      </div>
+      <u-button
+        :class="cls.e('form-close')"
+        :icon="Close"
+        text
+        circle
+        size="small"
+        title="关闭"
+        @click="handleClose"
+      />
+    </header>
 
+    <u-scroll always :class="cls.e('form-body')" :key="bodyKey">
       <transition name="fade" appear mode="out-in">
-        <u-scroll always :class="cls.e('form-body')" :key="bodyKey">
-          <u-form
-            :model="props.model"
-            :readonly="props.readonly"
-            @keyup.enter="handleSave"
-            :label-width="props.labelWidth"
-          >
-            <template #default="{ data, model }">
-              <slot
-                v-bind="{
-                  data,
-                  model,
-                  row: state.row,
-                  depth: state.depth,
-                  indexes: insertIndexes,
-                  index: state.row?.index
-                }"
-              />
-            </template>
-          </u-form>
-        </u-scroll>
+        <u-form
+          :model="props.model"
+          :readonly="props.readonly"
+          @keyup.enter="handleSave"
+          :label-width="props.labelWidth"
+        >
+          <template #default="{ data, model }">
+            <slot
+              v-bind="{
+                data,
+                model,
+                row: state.row,
+                depth: state.depth,
+                indexes: insertIndexes,
+                index: state.row?.index
+              }"
+            />
+          </template>
+        </u-form>
       </transition>
+    </u-scroll>
 
-      <footer :class="cls.e('form-footer')">
-        <span :class="cls.e('form-hint')" v-if="!props.readonly && state.dataUpdated">
-          有未保存改动
-        </span>
-        <span :class="cls.e('form-hint')" v-else-if="!props.readonly">
-          <kbd>Enter</kbd> 保存 · <kbd>Esc</kbd> 关闭
-        </span>
-        <span :class="cls.e('form-hint')" v-else>只读模式</span>
+    <footer :class="cls.e('form-footer')">
+      <span :class="cls.e('form-hint')" v-if="!props.readonly && state.dataUpdated">
+        有未保存改动
+      </span>
+      <span :class="cls.e('form-hint')" v-else-if="!props.readonly">
+        <kbd>Enter</kbd> 保存 · <kbd>Esc</kbd> 关闭
+      </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)"
-            :type="state.type === 'create' ? 'success' : 'primary'"
-            :loading="state.loading"
-            :disabled="!state.dataUpdated"
-            @click="handleSave"
-          >
-            {{ state.type === 'create' ? '保存新增' : '保存修改' }}
-          </u-button>
-        </div>
-      </footer>
-    </aside>
-  </transition>
+      <div :class="cls.e('form-actions')">
+        <u-button text :loading="state.loading" @click="handleClose"> 取消 </u-button>
+        <u-button
+          v-if="!props.readonly && (creatable || updatable)"
+          :type="state.type === 'create' ? 'success' : 'primary'"
+          :loading="state.loading"
+          :disabled="!state.dataUpdated"
+          @click="handleSave"
+        >
+          保存
+        </u-button>
+      </div>
+    </footer>
+  </aside>
 </template>
 
 <script lang="ts" setup>
@@ -140,9 +138,6 @@ const headerInfo = computed<HeaderInfo>(() => {
     return {
       icon: Plus,
       title: '新增',
-      chip: insertIndexes.value.length
-        ? `插入到第 ${insertIndexes.value[insertIndexes.value.length - 1]! + 1} 位`
-        : undefined,
       tone: 'create'
     }
   }