Files
deerflow-code/frontend-web/src/components/workspace/flip-display.tsx
T
董宏凯andCursor 52b9cbf707 feat: 新增 agentfx 任务深链与研判报告入库流程
支持 goPath=agentfx 的 iframe 嵌入问答、内置研判助手种子与报告导入协助卡,并完善深度研究流式报告能力。

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-08-27 16:32:22 +08:00

31 lines
761 B
TypeScript

import { AnimatePresence, motion } from "motion/react";
import { cn } from "@/lib/utils";
export function FlipDisplay({
uniqueKey,
children,
className,
}: {
uniqueKey: string;
children: React.ReactNode;
className?: string;
}) {
return (
<div className={cn("relative min-w-0 overflow-hidden", className)}>
<AnimatePresence mode="wait">
<motion.div
key={uniqueKey}
className="min-w-0 max-w-full"
initial={{ y: 8, opacity: 0 }}
animate={{ y: 2, opacity: 1 }}
exit={{ y: -8, opacity: 0 }}
transition={{ duration: 0.25, ease: [0.4, 0, 0.2, 1] }}
>
{children}
</motion.div>
</AnimatePresence>
</div>
);
}