feat(mainEditorMaterial): split MainEditorBasic/lightMaterial to Main…

…EditorBasic/LightMaterialForGam

src/core/composable_component/mainEditor/composable_component/inspector/composable_component/assetTree_Inspector/atom_component/material_Inspector/atom_component/basic_material/MainEditorBasicMaterialForAsset.re

@@ -0,0 +1,44 @@
+open Color;
+
+open ColorType;
+
+module Method = {
+  let changeColor = (materialComponent, value) => {
+    let colorArray =
+      value |> convertColorObjToColorPickType |> getEngineColorRgbArr;
+
+    StateEngineService.unsafeGetState()
+    |> BasicMaterialEngineService.setColor(colorArray, materialComponent)
+    |> StateLogicService.refreshEngineState;
+
+    StateInspectorEngineService.unsafeGetState()
+    |> InspectorEngineMaterialChangeValueUtils.changeMaterialValue(
+         colorArray,
+         (
+           GameObjectComponentEngineService.getBasicMaterialComponent,
+           BasicMaterialEngineService.setColor,
+         ),
+       );
+  };
+};
+
+let component =
+  ReasonReact.statelessComponent("MainEditorBasicMaterialForAsset");
+
+let render = (reduxTuple, materialComponent, _self) =>
+  InspectorMaterialComponentUtils.buildBasicMaterialComponent(
+    reduxTuple,
+    materialComponent,
+    Method.changeColor,
+  );
+
+let make =
+    (
+      ~uiState: AppStore.appState,
+      ~dispatchFunc,
+      ~materialComponent,
+      _children,
+    ) => {
+  ...component,
+  render: self => render((uiState, dispatchFunc), materialComponent, self),
+};

src/core/composable_component/mainEditor/composable_component/inspector/composable_component/assetTree_Inspector/atom_component/material_Inspector/atom_component/light_material/MainEditorLightMaterialForAsset.re

@@ -0,0 +1,65 @@
+open Color;
+
+open ColorType;
+
+module Method = {
+  let changeColor = (materialComponent, value) => {
+    let colorArray =
+      value |> convertColorObjToColorPickType |> getEngineColorRgbArr;
+
+    StateEngineService.unsafeGetState()
+    |> LightMaterialEngineService.setLightMaterialDiffuseColor(
+         colorArray,
+         materialComponent,
+       )
+    |> StateLogicService.refreshEngineState;
+
+    StateInspectorEngineService.unsafeGetState()
+    |> InspectorEngineMaterialChangeValueUtils.changeMaterialValue(
+         colorArray,
+         (
+           GameObjectComponentEngineService.getLightMaterialComponent,
+           LightMaterialEngineService.setLightMaterialDiffuseColor,
+         ),
+       );
+  };
+
+  let changeShininess = (materialComponent, value) => {
+    StateEngineService.unsafeGetState()
+    |> LightMaterialEngineService.setLightMaterialShininess(
+         value,
+         materialComponent,
+       )
+    |> StateLogicService.refreshEngineState;
+
+    StateInspectorEngineService.unsafeGetState()
+    |> InspectorEngineMaterialChangeValueUtils.changeMaterialValue(
+         value,
+         (
+           GameObjectComponentEngineService.getLightMaterialComponent,
+           LightMaterialEngineService.setLightMaterialShininess,
+         ),
+       );
+  };
+};
+
+let component =
+  ReasonReact.statelessComponent("MainEditorLightMaterialForAsset");
+
+let render = ((uiState, dispatchFunc), materialComponent, _self) =>
+  InspectorMaterialComponentUtils.buildLightMaterialComponent(
+    (uiState, dispatchFunc),
+    materialComponent,
+    (Method.changeColor, Method.changeShininess),
+  );
+
+let make =
+    (
+      ~uiState: AppStore.appState,
+      ~dispatchFunc,
+      ~materialComponent,
+      _children,
+    ) => {
+  ...component,
+  render: self => render((uiState, dispatchFunc), materialComponent, self),
+};

src/core/composable_component/mainEditor/composable_component/inspector/composable_component/assetTree_Inspector/atom_component/material_Inspector/ui/MaterialInspector.re

@@ -31,7 +31,10 @@ module Method = {
       StateEditorService.getState(),
       StateInspectorEngineService.unsafeGetState(),
     )
-    |> InspectorEngineGameObjectLogicService.disposeInspectorEngineContainerGameObjectAllChildren;
+    |> InspectorEngineGameObjectLogicService.disposeInspectorEngineContainerGameObjectAllChildren
+    |> JobEngineService.execDisposeJob
+    |> StateInspectorEngineService.setState
+    |> ignore;
   };
 };
 
@@ -101,19 +104,17 @@ let render =
     {
       switch (state.materialType) {
       | BasicMaterial =>
-        <MainEditorBasicMaterial
+        <MainEditorBasicMaterialForAsset
           uiState
           dispatchFunc
           materialComponent
-          isShowInspectorCanvas=true
         />
 
       | LightMaterial =>
-        <MainEditorLightMaterial
+        <MainEditorLightMaterialForAsset
           uiState
           dispatchFunc
           materialComponent
-          isShowInspectorCanvas=true
         />
       }
     }

src/core/composable_component/mainEditor/composable_component/inspector/composable_component/sceneTree_Inspector/composable_component/renderGroup/material/composable_component/basic_material/ui/MainEditorBasicMaterialForGameObject.re

@@ -0,0 +1,35 @@
+open Color;
+
+open ColorType;
+
+let component =
+  ReasonReact.statelessComponent("MainEditorBasicMaterialForGameObject");
+
+module Method = {
+  let changeColor = (materialComponent, value) => {
+    let colorArray =
+      value |> convertColorObjToColorPickType |> getEngineColorRgbArr;
+
+    StateEngineService.unsafeGetState()
+    |> BasicMaterialEngineService.setColor(colorArray, materialComponent)
+    |> StateLogicService.refreshEngineState;
+  };
+};
+
+let render = (reduxTuple, materialComponent, _self) =>
+  InspectorMaterialComponentUtils.buildBasicMaterialComponent(
+    reduxTuple,
+    materialComponent,
+    Method.changeColor,
+  );
+
+let make =
+    (
+      ~uiState: AppStore.appState,
+      ~dispatchFunc,
+      ~materialComponent,
+      _children,
+    ) => {
+  ...component,
+  render: self => render((uiState, dispatchFunc), materialComponent, self),
+};