feat(canvas): refine connections, text styles and icon editing

2026-11-06 02:38:39 +08:00
parent 54ff5a0fbd
commit 86b5a4e9e4
19 changed files with 580 additions and 149 deletions
@@ -0,0 +1,7 @@
+import type { CSSProperties } from "react";
+import type { CanvasNodeData } from "@/lib/canvas-elements";
+export function textAppearance(data: CanvasNodeData): CSSProperties {
+  const style = data.textStyle || {};
+  return { fontSize: data.fontSize || (data.kind === "plain-text" ? 24 : 13), color: style.color || "#37352f", fontWeight: style.bold ? 700 : 400, fontStyle: style.italic ? "italic" : "normal", textDecoration: style.underline ? "underline" : "none", textAlign: style.align || "left", lineHeight: style.lineHeight || 1.5,
+    fontFamily: style.fontFamily === "serif" ? 'Georgia, "Songti SC", serif' : style.fontFamily === "mono" ? 'ui-monospace, "SFMono-Regular", monospace' : "inherit", backgroundColor: style.background || "transparent" };
+}