17 lines
1.4 KiB
TypeScript
17 lines
1.4 KiB
TypeScript
/** Neutral placeholders communicate structure without suggesting partial statistics. */
|
|
export function FaultAnalysisLoading() {
|
|
return <div className="fault-analysis-loading" role="status" aria-live="polite">
|
|
<div className="fault-loading-status">
|
|
<svg className="fault-loading-spinner" viewBox="0 0 32 32" aria-hidden="true">
|
|
{Array.from({ length: 12 }, (_, i) => <rect key={i} x="14.75" y="2" width="2.5" height="7" rx="1.25" fill="currentColor" transform={`rotate(${i * 30} 16 16)`} style={{ animationDelay: `${i / 12 - 1}s` }} />)}
|
|
</svg>
|
|
<span>正在加载故障数据…</span>
|
|
</div>
|
|
<div className="fault-loading-skeleton" aria-hidden="true">
|
|
<div className="fault-loading-controls"><span className="fault-loading-block fault-loading-title" /><div>{Array.from({ length: 6 }, (_, i) => <span className="fault-loading-block" key={i} />)}</div></div>
|
|
<div className="fault-loading-summary"><span className="fault-loading-block" /><span className="fault-loading-block" /></div>
|
|
<div className="fault-loading-table"><div className="fault-loading-table-head">{Array.from({ length: 3 }, (_, i) => <span className="fault-loading-block" key={i} />)}</div>{Array.from({ length: 5 }, (_, i) => <div className="fault-loading-row" key={i}><span className="fault-loading-block" /><span className="fault-loading-block" /><span className="fault-loading-block" /></div>)}</div>
|
|
</div>
|
|
</div>;
|
|
}
|