feat(canvas): add inherited elements, resizing and rotation

src/components/canvas/plain-text-node.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { useContext } from "react";
+import type { NodeProps } from "@xyflow/react";
+import type { CanvasNode } from "@/lib/canvas";
+import { NodeEditing, TransformableNode } from "./transformable-node";
+import styles from "./canvas.module.css";
+
+export function PlainTextNode(props: NodeProps<CanvasNode>) {
+  const editing = useContext(NodeEditing);
+  return (
+    <TransformableNode {...props}>
+      <textarea className={`${styles.plainText} nodrag nowheel`} aria-label="纯文本" placeholder="写下文字…"
+        style={{ fontSize: props.data.fontSize || 24 }} value={props.data.text} maxLength={100000}
+        onFocus={editing.begin} onChange={(event) => editing.edit(props.id, event.target.value)} />
+    </TransformableNode>
+  );
+}