33 lines
908 B
TypeScript
33 lines
908 B
TypeScript
type StatusType = 'success' | 'error' | 'warning' | 'default' | 'processing';
|
|
|
|
interface StatusDotProps {
|
|
status: StatusType | boolean;
|
|
text?: string;
|
|
className?: string;
|
|
}
|
|
|
|
export function StatusDot({
|
|
status,
|
|
text,
|
|
className = ''
|
|
}: StatusDotProps) {
|
|
// 如果status是布尔值，则转换为对应的状态类型
|
|
const statusType = typeof status === 'boolean'
|
|
? (status ? 'success' : 'default')
|
|
: status;
|
|
|
|
// 如果没有提供文本，则根据状态类型提供默认文本
|
|
const statusText = text ?? (
|
|
statusType === 'success' ? '启用' :
|
|
statusType === 'error' ? '禁用' :
|
|
statusType === 'warning' ? '警告' :
|
|
statusType === 'processing' ? '处理中' : '未知'
|
|
);
|
|
|
|
return (
|
|
<span className={`inline-flex items-center ${className}`}>
|
|
<i className={`status-dot status-dot-${statusType}`}></i>
|
|
{statusText}
|
|
</span>
|
|
);
|
|
}
|