chore: 优化通知组件逻辑

- 移除冗余的空值检查,简化数组长度判断条件
- 统一导入语句的引号格式为双引号
- 优化 VbenScrollbar 组件的显示条件逻辑
- 更新清除按钮的禁用状态判断逻辑
This commit is contained in:
Jin Mao
2026-04-15 17:22:17 +08:00
parent f2652833a1
commit fee32c1d12

View File

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