<template>
  <span>{{ item.meta.title }}</span>
  <div v-if="item.meta && item.meta.badge" class="ele-menu-badge">
    <!-- dot 模式：纯红点，不显示数字（用于新订单提醒等） -->
    <a-badge v-if="item.meta.badge === 'dot'" dot />
    <!-- 数字徽章模式 -->
    <a-badge
      v-else
      :count="item.meta.badge"
      :number-style="{ background: item.meta.badgeColor as string }"
    />
  </div>
</template>

<script lang="ts" setup>
  import type { MenuItemType } from 'ele-admin-pro/es';

  defineProps<{
    item: MenuItemType;
  }>();
</script>
