79253245f3
Add native-style menus, search and presentation controls, typography resources, and Xmind import/export styling support. Bundle canvas styles for preview and production, show marquee borders and selection fills, and align editor density with the project UI. Include interaction regression coverage and client comparison notes.
36 lines
956 B
TypeScript
36 lines
956 B
TypeScript
"use client";
|
|
|
|
import "@/public/vendor/drawnix.css";
|
|
|
|
import dynamic from "next/dynamic";
|
|
import { Loader2 } from "lucide-react";
|
|
|
|
type FlowBoardClientProps = {
|
|
siteName: string;
|
|
siteLogo: string | null;
|
|
siteLogoDark: string | null;
|
|
previewMode?: boolean;
|
|
};
|
|
|
|
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} />;
|
|
}
|