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

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

@ -1,6 +1,6 @@
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";
export default function PathsPage() {
return <MindEditor></MindEditor>
// return <MindEditor></MindEditor>
}

47
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 MindElixir from 'mind-elixir';
// import MindElixir from "mind-elixir";
export default function MindEditor() {
const me = useRef<MindElixirInstance>();
useEffect(() => {
const instance = new MindElixir({
el: "#map",
direction: MindElixir.SIDE,
draggable: true, // default true
contextMenu: true, // default true
toolBar: true, // default true
nodeMenu: true, // default true
keypress: true // default true
});
// instance.install(NodeMenu);
instance.init(MindElixir.new("新主题"));
me.current = instance;
}, []);
return <div >
<div>
1
</div>
<div id="map" style={{ width: "100%" }} />
</div>
// const me = useRef<MindElixirInstance>();
// useEffect(() => {
// const instance = new MindElixir({
// el: "#map",
// direction: MindElixir.SIDE,
// draggable: true, // default true
// contextMenu: true, // default true
// toolBar: true, // default true
// nodeMenu: true, // default true
// keypress: true, // default true
// });
// // instance.install(NodeMenu);
// instance.init(MindElixir.new("新主题"));
// me.current = instance;
// }, []);
// return (
// <div>
// <div>1</div>
// <div id="map" style={{ width: "100%" }} />
// </div>
// );
}