linfeng
/
training_data
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add

This commit is contained in:
ditiqi 2025-02-21 08:18:48 +08:00
parent 98c58fd9c3
commit 7fd4bc59bc
2 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/web/src/app/main/paths/page.tsx
View File

@ -1,6 +1,6 @@
import MindEditor from "@web/src/components/common/editor/MindEditor"; import MindEditor from "@web/src/components/common/editor/MindEditor";
import MindElixir, { MindElixirInstance } from "mind-elixir"; // import MindElixir, { MindElixirInstance } from "mind-elixir";
import { useEffect, useRef } from "react"; import { useEffect, useRef } from "react";
export default function PathsPage() { export default function PathsPage() {
return <MindEditor></MindEditor> // return <MindEditor></MindEditor>
} }

49
apps/web/src/components/common/editor/MindEditor.tsx
View File

@ -1,28 +1,27 @@
import { MindElixirInstance } from "packages/mind-elixir-core/dist/types"; // import { MindElixirInstance } from "packages/mind-elixir-core/dist/types";
import { useRef, useEffect } from "react"; import { useRef, useEffect } from "react";
import MindElixir from 'mind-elixir'; // import MindElixir from "mind-elixir";
export default function MindEditor() { export default function MindEditor() {
const me = useRef<MindElixirInstance>(); // const me = useRef<MindElixirInstance>();
useEffect(() => { // useEffect(() => {
const instance = new MindElixir({ // const instance = new MindElixir({
el: "#map", // el: "#map",
direction: MindElixir.SIDE, // direction: MindElixir.SIDE,
draggable: true, // default true // draggable: true, // default true
contextMenu: true, // default true // contextMenu: true, // default true
toolBar: true, // default true // toolBar: true, // default true
nodeMenu: true, // default true // nodeMenu: true, // default true
keypress: true // default true // keypress: true, // default true
// });
}); // // instance.install(NodeMenu);
// instance.install(NodeMenu); // instance.init(MindElixir.new("新主题"));
instance.init(MindElixir.new("新主题")); // me.current = instance;
me.current = instance; // }, []);
}, []); // return (
return <div > // <div>
<div> // <div>1</div>
1 // <div id="map" style={{ width: "100%" }} />
</div> // </div>
<div id="map" style={{ width: "100%" }} /> // );
</div> }
}