chore: 优化通知组件逻辑

- 移除冗余的空值检查,简化数组长度判断条件
- 统一导入语句的引号格式为双引号
- 优化 VbenScrollbar 组件的显示条件逻辑
- 更新清除按钮的禁用状态判断逻辑
pull/348/MERGE
Jin Mao 2026-04-15 17:22:17 +08:00
parent f2652833a1
commit fee32c1d12
1 changed files with 3 additions and 3 deletions

View File

@ -74,14 +74,14 @@ const handleClear = () => {
<div class="flex items-center justify-between p-4 py-3"> <div class="flex items-center justify-between p-4 py-3">
<div class="text-foreground">{{ $t('ui.widgets.notifications') }}</div> <div class="text-foreground">{{ $t('ui.widgets.notifications') }}</div>
<VbenIconButton <VbenIconButton
:disabled="!notifications || notifications.length <= 0" :disabled="notifications.length <= 0"
:tooltip="$t('ui.widgets.markAllAsRead')" :tooltip="$t('ui.widgets.markAllAsRead')"
@click="handleMakeAll" @click="handleMakeAll"
> >
<MailCheck class="size-4" /> <MailCheck class="size-4" />
</VbenIconButton> </VbenIconButton>
</div> </div>
<VbenScrollbar v-if="!notifications || notifications.length > 0"> <VbenScrollbar v-if="notifications.length > 0">
<ul class="flex! max-h-90 w-full flex-col"> <ul class="flex! max-h-90 w-full flex-col">
<template v-for="item in notifications" :key="item.id ?? item.title"> <template v-for="item in notifications" :key="item.id ?? item.title">
<li <li
@ -155,7 +155,7 @@ const handleClear = () => {
class="flex items-center justify-between border-t border-border px-4 py-3" class="flex items-center justify-between border-t border-border px-4 py-3"
> >
<VbenButton <VbenButton
:disabled="!notifications || notifications.length <= 0" :disabled="notifications.length <= 0"
size="sm" size="sm"
variant="ghost" variant="ghost"
@click="handleClear" @click="handleClear"