c653ed071d
- 所有 lucide: 前缀的图标字符串替换为 lucide-vue-next 组件直接引用
- 动态图标绑定改为 <component :is> 渲染
- h(Icon, { icon: 'lucide:xxx' }) 改为 h(Xxx, { class: ... })
- app-card.vue 的 icon_url 改为 <img> 标签(实际是图片路径)
- 修复 Webhook 标识符冲突(重命名为 WebhookIcon)
- payment-channels 保留 @iconify/vue 用于品牌图标(支付宝、微信、Stripe、PayPal、USDT)
35 lines
893 B
Vue
35 lines
893 B
Vue
<script lang="ts" setup>
|
|
import { Settings } from 'lucide-vue-next'
|
|
|
|
import { Button } from '@/components/ui/button'
|
|
import {
|
|
Popover,
|
|
PopoverContent,
|
|
PopoverTrigger,
|
|
} from '@/components/ui/popover'
|
|
|
|
import ContentLayout from './content-layout.vue'
|
|
import CustomColor from './custom-color.vue'
|
|
import CustomRadius from './custom-radius.vue'
|
|
import CustomThemeTitle from './custom-theme-title.vue'
|
|
import ToggleColorMode from './toggle-color-mode.vue'
|
|
</script>
|
|
|
|
<template>
|
|
<Popover>
|
|
<PopoverTrigger>
|
|
<Button variant="ghost" size="icon" class="h-9 w-9">
|
|
<Settings class="h-5 w-5" />
|
|
<span class="sr-only">设置</span>
|
|
</Button>
|
|
</PopoverTrigger>
|
|
<PopoverContent align="end">
|
|
<CustomThemeTitle />
|
|
<CustomColor />
|
|
<CustomRadius />
|
|
<ToggleColorMode />
|
|
<ContentLayout />
|
|
</PopoverContent>
|
|
</Popover>
|
|
</template>
|