feat(theme): 集成快乐工作主题的按钮波纹效果

从 @antdv-next/happy-work-theme 引入 DotEffect 组件,替换原有的自定义快乐波纹效果实现。这提升了波纹动画的视觉效果和一致性,并遵循了该主题库的推荐用法。

- 在 pnpm-workspace.yaml 和 package.json 中添加 @antdv-next/happy-work-theme 依赖
- 更新按钮波纹模式选择器的类型定义以匹配 ThemePreferences
- 重写 showHappyEffect 函数,使用 createApp 动态挂载 DotEffect 组件
This commit is contained in:
dap
2026-02-05 18:56:50 +08:00
parent 4c0dc60ce6
commit d1461f3fa4
4 changed files with 37 additions and 22 deletions

View File

@@ -1,4 +1,6 @@
<script setup lang="ts">
import type { ThemePreferences } from '@vben/preferences';
import { ToggleGroup, ToggleGroupItem } from '@vben-core/shadcn-ui';
defineOptions({
@@ -9,7 +11,11 @@ const modelValue = defineModel<string>('themeButtonWaveMode', {
default: 'default',
});
const items = [
type ButtonWaveModeItem = {
label: ThemePreferences['buttonWaveMode'];
value: ThemePreferences['buttonWaveMode'];
};
const items: ButtonWaveModeItem[] = [
{ label: 'Default', value: 'Default' },
{ label: 'Disabled', value: 'Disabled' },
{ label: 'Happy', value: 'Happy' },