吉鑫升andClaude Opus 4.8
e684de30bd
- 知识库页拆分出 wiki 组件（侧边栏/目录树/Markdown 阅读器等） - 知识图谱页拆分出 knowledge-graph 组件并增强交互 - 新增发布广场选择弹窗 publish-square-picker-dialog - config.yaml 新增 MiniMax-M2.5 / Ling-flash-2.0 / DeepSeek-V4-Pro 模型 Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import type { TooltipState } from "./graphTypes";
|
|
import { getNodeTitle, NODE_KIND_META } from "./graphUtils";
|
|
|
|
interface GraphTooltipProps {
|
|
tooltip: TooltipState | null;
|
|
}
|
|
|
|
export function GraphTooltip({ tooltip }: GraphTooltipProps) {
|
|
if (!tooltip) return null;
|
|
const meta = NODE_KIND_META[tooltip.kind];
|
|
// Keep the tooltip inside the viewport.
|
|
const left = Math.min(tooltip.x + 14, window.innerWidth - 336);
|
|
const top = Math.min(tooltip.y + 14, window.innerHeight - 120);
|
|
|
|
return (
|
|
<div className="kg-tooltip" style={{ left, top }}>
|
|
<div className="kg-tooltip-title">{getNodeTitle(tooltip.node)}</div>
|
|
<div className="kg-tooltip-desc">
|
|
<span className="kg-legend-item">
|
|
<span className="kg-legend-dot" style={{ background: meta.color }} />
|
|
{meta.label}
|
|
</span>
|
|
{tooltip.node.category ? <span>· {tooltip.node.category}</span> : null}
|
|
<span>· 度数 {tooltip.degree}</span>
|
|
</div>
|
|
<div className="kg-tooltip-hint">单击查看详情 · 双击聚焦 · 拖拽固定位置</div>
|
|
</div>
|
|
);
|
|
}
|