agmp_iot_jetlinks_ui/src/components/BadgeStatus/index.tsx

import { Badge } from 'antd';
import React from 'react';

/**
 * 状态色
 */
export enum StatusColorEnum {
  'success' = 'success',
  'error' = 'error',
  'processing' = 'processing',
  'warning' = 'warning',
  'default' = 'default',
}

export type StatusColorType = keyof typeof StatusColorEnum;

export interface BadgeStatusProps {
  text: string | React.ReactNode;
  status: string | number;
  /**
   * 自定义status值颜色
   * @example {
   *   1: 'success',
   *   0: 'error'
   * }
   */
  statusNames?: Record<string | number, StatusColorType>;
}

export default (props: BadgeStatusProps) => {
  const handleStatusColor = (): StatusColorType | undefined => {
    if ('statusNames' in props) {
      return props.statusNames![props.status];
    }
    return StatusColorEnum['default'];
  };

  return <Badge status={handleStatusColor()} text={props.text} />;
};