Merge pull request #2 from RyugaRyuzaki/develop

develop

package.json

@@ -15,6 +15,7 @@
         "@radix-ui/react-slot": "^1.0.2",
         "@radix-ui/react-switch": "^1.0.3",
         "@radix-ui/react-tabs": "^1.0.4",
+        "@radix-ui/react-tooltip": "^1.0.7",
         "axios": "^1.6.8",
         "camera-controls": "^2.8.3",
         "class-variance-authority": "^0.7.0",

src/BimModel/index.ts

@@ -1,6 +1,7 @@
 import {
   Components,
   CubeMapComponent,
+  disposeSignals,
   MaterialComponent,
   ModelingComponent,
   PropertyComponent,
@@ -25,6 +26,7 @@ export class BimModel {
   }
   async dispose() {
     this.components.dispose();
+    disposeSignals();
   }
 
   private init() {

src/BimModel/src/ModelingComponent/src/Components/ContentModeling.tsx

@@ -0,0 +1,44 @@
+import React, {FC, useState} from "react";
+import {IDiscipline, IModeling, ITool} from "@BimModel/src/types";
+import ModelingButton from "./ModelingButton";
+import {useSignalEffect} from "@preact/signals-react";
+import {modelingSignal} from "@BimModel/src/Signals";
+import {getModelings} from "../constants";
+import ToolButton from "./ToolButton";
+
+const ContentModeling: FC<Props> = ({types, discipline}) => {
+  const [tools, setTools] = useState<IModeling[]>([]);
+  useSignalEffect(() => {
+    const modelings = modelingSignal.value
+      ? getModelings(modelingSignal.value.type)
+      : [];
+    setTools(modelings);
+    if (!modelingSignal.value) return;
+    const {discipline} = modelingSignal.value;
+  });
+  return (
+    <div className="relative h-full w-full flex justify-start items-center">
+      {types.map((type: ITool, index: number) => (
+        <ModelingButton
+          key={type.type + "-" + index}
+          type={type}
+          discipline={discipline}
+        />
+      ))}
+      {tools.length > 0 && (
+        <div className="h-[80%] w-[1px] dark:bg-white bg-black mx-2 my-auto"></div>
+      )}
+      {tools.map((tool: IModeling, index: number) => (
+        <ToolButton
+          key={`${tool.drawType}-${index}-${discipline}`}
+          tool={tool}
+        />
+      ))}
+    </div>
+  );
+};
+interface Props {
+  types: ITool[];
+  discipline: IDiscipline;
+}
+export default ContentModeling;