mirror of
https://gitee.com/dapppp/ruoyi-plus-vben5.git
synced 2026-03-26 15:04:32 +08:00
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:
@@ -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' },
|
||||
|
||||
Reference in New Issue
Block a user