[MS-19] fix build error

packages/docs/src/components/diagram/fixture/project/index.ts

@@ -19,6 +19,7 @@ export default {
           note: "",
           fields: [
             {
+              note: '',
               id: 1,
               name: "id",
               type: { args: null, schemaName: "", typeName: "uuid" },
@@ -32,6 +33,7 @@ export default {
               },
             },
             {
+              note: '',
               id: 2,
               name: "name",
               type: { args: "200", schemaName: "", typeName: "varchar(200)" },

packages/docs/src/components/diagram/fixture/project/type.ts

@@ -1,3 +1,3 @@
-import type { Project as _Project } from '$lib/components/diagram/type';
+import type { Project as _Project } from '../../../../components/diagram/type';
 
 export type Project = _Project;

packages/docs/src/components/diagram/widget/AlignLiner/AlignLiner.ts

@@ -1,4 +1,4 @@
-import type { DiagramController } from '$lib/components/diagram/controller';
+import type { DiagramController } from '../../controller';
 import {
 	type EventManager,
 	NodeInsertEvent,
@@ -7,7 +7,7 @@ import {
 	NodeTranslationEndEvent,
 	NodeAlignTranslationEvent,
 	NodeLayoutChangeEvent
-} from '$lib/components/diagram/event';
+} from '../../event';
 import {
 	BuildContext,
 	Offset,

packages/docs/src/components/diagram/widget/AlignLiner/Line.ts

@@ -1,74 +1,88 @@
-import { CustomPaint, Element, State, StatefulWidget } from '@moonmoonbrothers/flutterjs';
-import type { Line as LineProps } from './type';
-import type { DiagramController } from '$lib/components/diagram/controller';
-import { DiagramControllerProvider } from '../Provider';
-import { classToFunction } from '../utils';
+import {
+  CustomPaint,
+  Element,
+  State,
+  StatefulWidget,
+} from "@moonmoonbrothers/flutterjs";
+import type { Line as LineProps } from "./type";
+import type { DiagramController } from "../../controller";
+import { DiagramControllerProvider } from "../Provider";
+import { classToFunction } from "../utils";
 
 class Line extends StatefulWidget {
-	line: LineProps;
-	constructor({ line, key }: { line: LineProps; key?: unknown }) {
-		super(key);
-		this.line = line;
-	}
+  line: LineProps;
+  constructor({ line, key }: { line: LineProps; key?: unknown }) {
+    super(key);
+    this.line = line;
+  }
 
-	createState(): State<StatefulWidget> {
-		return new LineState();
-	}
+  createState(): State<StatefulWidget> {
+    return new LineState();
+  }
 }
 
 class LineState extends State<Line> {
-	controller!: DiagramController;
-	initState(context: Element): void {
-		super.initState(context);
-		this.controller = DiagramControllerProvider.of(context);
-	}
+  controller!: DiagramController;
+  initState(context: Element): void {
+    super.initState(context);
+    this.controller = DiagramControllerProvider.of(context);
+  }
 
-	resolveProps(props: LineProps): { x1: number; x2: number; y1: number; y2: number } {
-		let result: { x1: number; x2: number; y1: number; y2: number };
-		const rootRect = this.controller.getRootRect();
-		const canvasRect = this.controller.getCanvasRect();
-		const scale = this.controller.getScale();
-		if (props.type === 'horizontal') {
-			const { y } = props;
-			result = {
-				x1: (canvasRect.left - rootRect.left) / scale + rootRect.left,
-				x2: (rootRect.width + canvasRect.right - rootRect.right) / scale + rootRect.left,
-				y1: y,
-				y2: y
-			};
-		} else {
-			const { x } = props;
-			result = {
-				x1: x,
-				x2: x,
-				y1: (canvasRect.top - rootRect.top) / scale + rootRect.top,
-				y2: (rootRect.height + canvasRect.bottom - rootRect.bottom) / scale + rootRect.top
-			};
-		}
-		return result;
-	}
+  resolveProps(props: LineProps): {
+    x1: number;
+    x2: number;
+    y1: number;
+    y2: number;
+  } {
+    let result: { x1: number; x2: number; y1: number; y2: number };
+    const rootRect = this.controller.getRootRect();
+    const canvasRect = this.controller.getCanvasRect();
+    const scale = this.controller.getScale();
+    if (props.type === "horizontal") {
+      const { y } = props;
+      result = {
+        x1: (canvasRect.left - rootRect.left) / scale + rootRect.left,
+        x2:
+          (rootRect.width + canvasRect.right - rootRect.right) / scale +
+          rootRect.left,
+        y1: y,
+        y2: y,
+      };
+    } else {
+      const { x } = props;
+      result = {
+        x1: x,
+        x2: x,
+        y1: (canvasRect.top - rootRect.top) / scale + rootRect.top,
+        y2:
+          (rootRect.height + canvasRect.bottom - rootRect.bottom) / scale +
+          rootRect.top,
+      };
+    }
+    return result;
+  }
 
-	override build() {
-		return CustomPaint({
-			painter: {
-				shouldRepaint: () => true,
-				createDefaultSvgEl: (paintContext) => ({
-					line: paintContext.createSvgEl('line')
-				}),
-				paint: ({ line }) => {
-					const { x1, y1, x2, y2 } = this.resolveProps(this.widget.line);
-					line.setAttribute('x1', `${x1}`);
-					line.setAttribute('y1', `${y1}`);
-					line.setAttribute('x2', `${x2}`);
-					line.setAttribute('y2', `${y2}`);
+  override build() {
+    return CustomPaint({
+      painter: {
+        shouldRepaint: () => true,
+        createDefaultSvgEl: (paintContext) => ({
+          line: paintContext.createSvgEl("line"),
+        }),
+        paint: ({ line }) => {
+          const { x1, y1, x2, y2 } = this.resolveProps(this.widget.line);
+          line.setAttribute("x1", `${x1}`);
+          line.setAttribute("y1", `${y1}`);
+          line.setAttribute("x2", `${x2}`);
+          line.setAttribute("y2", `${y2}`);
 
-					line.setAttribute('stroke', 'black');
-					line.setAttribute('stroke-width', '1');
-					line.setAttribute('stroke-dasharray', '5,5');
-				}
-			}
-		});
-	}
+          line.setAttribute("stroke", "black");
+          line.setAttribute("stroke-width", "1");
+          line.setAttribute("stroke-dasharray", "5,5");
+        },
+      },
+    });
+  }
 }
 
 export default classToFunction(Line);

packages/docs/src/components/diagram/widget/Edge/Edge.ts

@@ -12,8 +12,8 @@ import drawEdge from './drawEdge';
 import EventManagerProvider from '../Provider/EventManagerProvider';
 import { ActiveRelationEvent, EventManager, FieldLayoutChangeEvent } from '../../event';
 import DiagramControllerProvider from '../Provider/DiagramControllerProvider';
-import type { DiagramController } from '$lib/components/diagram/controller';
-import type { FieldId } from '$lib/components/diagram/type';
+import type { DiagramController } from '../../controller';
+import type { FieldId } from '../../type';
 
 type Vertex<FIELD_ID = FieldId> = {
 	id: FIELD_ID;

packages/docs/src/components/diagram/widget/Field/FakeIntrinsicWidth.ts

@@ -28,7 +28,7 @@ class RenderFakeIntrinsicWidth extends SingleChildRenderObject {
 		super({ isPainter: false });
 	}
 
-	getIntrinsicWidth(height: number): number {
+	getIntrinsicWidth(_: number): number {
 		return 0;
 	}
 }

packages/docs/src/components/diagram/widget/Node/BaseNode.ts

@@ -22,7 +22,6 @@ import {
 	Element,
 	ConstraintsTransformBox,
 	Constraints,
-	BorderRadius,
 	Padding
 } from '@moonmoonbrothers/flutterjs';
 import { classToFunction } from '../utils';
@@ -37,7 +36,7 @@ import {
 	NodeLayoutChangeEvent
 } from '../../event';
 import DiagramControllerProvider from '../Provider/DiagramControllerProvider';
-import type { DiagramController } from '$lib/components/diagram/controller';
+import type { DiagramController } from '../../controller';
 import { ChangedLayoutNotifier } from '../ChangeNotifier';
 
 class baseNode extends StatefulWidget {

packages/docs/src/components/pages/Intro.astro

@@ -1,6 +1,5 @@
 ---
 import Diagram from "../../components/diagram/Diagram.svelte";
-import Widget from "@moonmoonbrothers/flutterjs-svelte";
 ---
 
 <div

packages/docs/src/components/pages/docs/Toc.astro

@@ -32,7 +32,7 @@ const { headings } = Astro.props;
   </ul>
 </nav>
 
-<script type="text/javascript">
+<script is:inline type="text/javascript">
   const content = document.querySelector(".layout");
   const headings = document.querySelectorAll("h1, h2, h3, h4, h5, h6");
   const toc = document.querySelector(".toc");