onPick(g)} role="button" tabIndex={0}
onKeyDown={(e) => (e.key === "Enter" || e.key === " ") && onPick(g)}>
{g.refs.length > 0 && (
↗ {g.refs.length}
)}
{g.name}
{fmtSize(g.size)}
{g.at.slice(5, 10)}
{g && (
e.stopPropagation()}>
{g.has_preview ? (
) : (
<>
{FMT_META[g.fmt]?.tag}
)}
{g.name}
{g.original} · {fmtSize(g.size)}
)}
);
};
/* ===== Upload modal ===== */
const GeoUploadModal = ({ open, onClose, onSubmit }) => {
const [file, setFile] = useState(null);
const [name, setName] = useState("");
const [desc, setDesc] = useState("");
const [dragging, setDragging] = useState(false);
const [busy, setBusy] = useState(false);
const inputRef = useRef(null);
useEffect(() => {
if (open) { setFile(null); setName(""); setDesc(""); setBusy(false); }
}, [open]);
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === "Escape") onClose(); };
window.addEventListener("keydown", onKey);
return () => window.removeEventListener("keydown", onKey);
}, [open, onClose]);
if (!open) return null;
const ALLOWED = ["cdb","iges","igs","step","stp","anf","x_t","x_b"];
const onFile = (f) => {
if (!f) return;
const ext = (f.name.split(".").pop() || "").toLowerCase();
if (!ALLOWED.includes(ext)) {
alert("不支持的格式：." + ext + "\n支持：" + ALLOWED.map(e => "." + e).join(" · "));
return;
}
if (f.size > 100 * 1024 * 1024) {
alert("文件超过 100 MB 上限");
return;
}
setFile(f);
if (!name) setName(f.name.replace(/\.[^.]+$/, ""));
};
const fmt = file ? (file.name.split(".").pop() || "").toLowerCase().replace("_", "") : null;
const fmtKey = fmt === "xt" ? "xt" : fmt === "xb" ? "xb" : fmt;
const submit = async () => {
if (!file || !name.trim()) return;
setBusy(true);
try {
const g = await uploadGeometry({ file, name: name.trim(), description: desc.trim() });
onSubmit(g);
onClose();
} catch (e) {
alert("上传失败：" + e.message);
} finally {
setBusy(false);
}
};
return (
{ if (e.target === e.currentTarget) onClose(); }}>
{!file ? (
inputRef.current?.click()}
onDragOver={(e) => { e.preventDefault(); setDragging(true); }}
onDragLeave={() => setDragging(false)}
onDrop={(e) => { e.preventDefault(); setDragging(false); onFile(e.dataTransfer.files?.[0]); }}>
拖入 CAD 文件，或点击选择
支持 .cdb · .step · .iges · .anf · .x_t · .x_b
单文件 ≤ 100 MB
onFile(e.target.files?.[0])}/>
) : (
{file.name}
{fmtSize(file.size)} · 自动识别为 {FMT_META[fmtKey]?.tag || fmt.toUpperCase()}
)}