EnumColumn 枚举列

February 27, 2026 · View on GitHub

表格枚举列组件,用于显示带颜色标记的枚举值。

引入

import { EnumColumn } from '@airpower/web'

Props

参数说明类型默认值必填
column列配置ITableColumn<E>-
data行数据E-
dictionary枚举类WebEnumConstructor-

Emits

Slots

示例

<!-- 此组件为 ATable 内部使用 -->
<template>
  <EnumColumn 
    :column="column"
    :data="rowData"
    :dictionary="UserStatus"
  />
</template>

<script setup lang="ts">
import { ITableColumn } from '@airpower/web'
import { UserStatus } from '@/enum/UserStatus'

const column = {
  key: 'status',
  label: '状态',
  color: true
}

const rowData = {
  id: 1,
  status: 1 // 启用
}
</script>

注意事项

  • 此组件为 ATable 内部使用的组件
  • 如列配置了 color: true,会显示颜色标记点
  • 颜色来自枚举定义的 color 属性
  • 空值显示 column.emptyValue 或枚举的默认标签