SystemTableCell 系统实体单元格

表格单元格渲染组件，支持交互式（可点击按钮，显示标题+副标题+头像）和非交互式（显示标题+多值溢出弹出层）两种模式。

基本用法

<template>
  <!-- 交互模式：可点击的实体单元格 -->
  <SystemTableCell
    title="张三"
    subtitle="研发部 | 高级工程师"
    interactive
    avatar
    @activate="handleActivate"
  />

  <!-- 非交互模式：带多值弹出 -->
  <SystemTableCell
    title="订单管理系统"
    :values="['admin', 'operator', 'viewer']"
  />
</template>

<script setup>
import { SystemTableCell } from '@/components/common'

const handleActivate = () => {
  // 跳转到用户详情
}
</script>

Props

属性	类型	默认值	说明
title	String	''	主标题文本
subtitle	String	''	副标题文本
values	Array	[]	额外字符串值数组。> 1 个时显示 +N 弹出层
tooltip	String	''	悬停 tooltip 文本，为空时自动根据内容生成
interactive	Boolean	false	启用交互模式（可点击按钮 + 实体头像）
avatar	Boolean	false	是否在交互模式下显示彩色头像首字母
avatarText	String	''	自定义头像文字，默认取 title 首字符

Events

事件名	参数	说明
activate	—	交互模式下点击时触发

两种模式对比

特性	交互模式	非交互模式
渲染形式	n-button 按钮	纯文本 + NPopover
头像	彩色渐变首字母徽章	无
多值	N/A	+N 计数徽章弹出层
事件	点击触发 activate	无事件