33 lines
892 B
TypeScript
33 lines
892 B
TypeScript
"use client";
|
|
|
|
import dynamic from "next/dynamic";
|
|
import { Loader2 } from "lucide-react";
|
|
|
|
type FlowBoardClientProps = {
|
|
siteName: string;
|
|
siteLogo: string | null;
|
|
siteLogoDark: string | null;
|
|
};
|
|
|
|
const DrawnixWorkspace = dynamic(
|
|
() =>
|
|
import("@/components/flow-board/drawnix-workspace").then(
|
|
(mod) => mod.DrawnixWorkspace
|
|
),
|
|
{
|
|
ssr: false,
|
|
loading: () => (
|
|
<div className="flex h-svh w-full items-center justify-center bg-[#f7f8fb] text-[#697386]">
|
|
<div className="flex items-center gap-3 rounded-2xl border border-black/10 bg-white px-5 py-3 shadow-sm">
|
|
<Loader2 className="h-4 w-4 animate-spin" />
|
|
<span className="font-medium text-sm">正在加载流程白板...</span>
|
|
</div>
|
|
</div>
|
|
),
|
|
}
|
|
);
|
|
|
|
export function FlowBoardClient(props: FlowBoardClientProps) {
|
|
return <DrawnixWorkspace {...props} />;
|
|
}
|