| | |
|---|
| | | |
|---|
| | | import { computed, ref } from 'vue'; |
|---|
| | | |
|---|
| | | import { Ellipsis } from '..\..\..\..\..\base\icons\src'; |
|---|
| | | import { cn } from '..\..\..\..\..\base\shared\src\utils'; |
|---|
| | | import { Ellipsis } from '../../../../../base/icons/src'; |
|---|
| | | import { cn } from '../../../../../base/shared/src/utils'; |
|---|
| | | |
|---|
| | | import { |
|---|
| | | DropdownMenu, |
|---|
| | |
|---|
| | | |
|---|
| | | // 缓存根节点类名，避免每次渲染都执行 cn()（内部 tailwind-merge 解析开销较大） |
|---|
| | | const wrapperClass = computed(() => |
|---|
| | | cn('flex items-center gap-1', alignClass.value, props.class), |
|---|
| | | cn('flex items-center gap-0.5', alignClass.value, props.class), |
|---|
| | | ); |
|---|
| | | |
|---|
| | | function tooltipSide(action: ActionItem) { |
|---|
| | |
|---|
| | | return { |
|---|
| | | action, |
|---|
| | | buttonClass: cn( |
|---|
| | | 'gap-1 p-2', |
|---|
| | | 'gap-1 rounded-md px-2 py-1.5', |
|---|
| | | action.danger && 'text-destructive hover:text-destructive', |
|---|
| | | action.class, |
|---|
| | | ), |
|---|
