#171 MoiveClipの変換処理の実装(WIP)

Author: ienaga

src/js/menu/application/ConvertMovieClipModal/usecase/ConvertMovieClipModalButtonPointerDownEventUseCase.ts

@@ -1,6 +1,7 @@
 import { $CONVERT_MOVIE_CLIP_INPUT_ID } from "@/config/ConvertMovieClipConfig";
 import { $getCurrentWorkSpace } from "@/core/application/CoreUtil";
 import { execute as convertMovieClipModalHideUseCase } from "./ConvertMovieClipModalHideUseCase";
+import { execute as externalLibraryAddNewMovieClipUseCase } from "@/external/controller/application/ExternalLibrary/usecase/ExternalLibraryAddNewMovieClipUseCase";
 
 /**
  * @description 指定の名前のMovieClipを作成して、選択中のDisplayObjectを配置
@@ -16,7 +17,9 @@ export const execute = async (event: PointerEvent): Promise<void> =>
     const movieClip = workspace.scene;
 
     // 選択中のDisplayObjectがない場合は処理を終了する
-    if (!movieClip.selectedDepths.size) {
+    if (!movieClip.selectedDepths.size
+        || movieClip.selectedDepths.size > 1
+    ) {
         return;
     }
 
@@ -31,9 +34,18 @@ export const execute = async (event: PointerEvent): Promise<void> =>
 
     // 指定の名前でMovieClipを作成
     const name = inputElement.value;
-    console.log(name);
 
-    // todo
+    // ライブラリにMovieClipを追加
+    const newMovieClip = await externalLibraryAddNewMovieClipUseCase(
+        workspace,
+        movieClip,
+        name
+    );
+
+    // MovieClipに選択中のDisplayObjectを配置
+
+    // MovieClipをレイヤーに配置
+    console.log(newMovieClip);
 
     // モーダルを非表示にする
     convertMovieClipModalHideUseCase();

src/js/menu/application/ScreenMenu/service/ScreenMenuUpdateStyleConvertToMovieClipService.ts

@@ -19,7 +19,8 @@ export const execute = (movie_clip: MovieClip): void =>
         return ;
     }
 
-    if (movie_clip.selectedDepths.size) {
+    // 選択可能なのは1レイヤー内のDisplayObjectが対象
+    if (movie_clip.selectedDepths.size === 1) {
         element.setAttribute("style", "");
     } else {
         element.style.opacity = "0.5";

src/js/menu/application/ScreenMenu/usecase/ScreenMenuInitializeRegisterPointerOverUseCase.test.ts

@@ -1,26 +1,38 @@
 import { execute } from "./ScreenMenuInitializeRegisterPointerOverUseCase";
 import { describe, expect, it, vi } from "vitest";
 import { EventType } from "../../../../tool/domain/event/EventType";
+import {
+    $SCREEN_DISTRIBUTE_TO_LAYERS_ID,
+    $SCREEN_DISTRIBUTE_TO_KEYFRAMES_ID,
+    $SCREEN_ALIGN_COORDINATES_PREV_KEYFRAME_ID,
+    $SCREEN_ALIGN_MATRIX_PREV_KEYFRAME_ID,
+    $SCREEN_INTEGRATING_PATHS_ID,
+    $SCREEN_ADD_TWEEN_CURVE_POINTER_ID,
+    $SCREEN_DELETE_TWEEN_CURVE_POINTER_ID,
+    $SCREEN_CONVERT_MOVIE_CLIP_ID,
+    $SCREEN_PREVIEW_ID,
+    $SCREEN_CHANGE_SCENE_ID,
+    $SCREEN_MOVE_SCENE_ID,
+    $SCREEN_RULER_ID
+} from "@/config/ScreenConfig";
 
 describe("ScreenMenuInitializeRegisterPointerOverUseCase Test", () =>
 {
     it("execute test", () =>
     {
         const hideElementIds = [
-            "screen-distribute-to-layers",
-            "screen-distribute-to-keyframes",
-            "screen-align-coordinates-prev-keyframe",
-            "screen-align-matrix-prev-keyframe",
-            "screen-integrating-paths",
-            "screen-add-tween-curve-pointer",
-            "screen-delete-tween-curve-pointer",
-            "screen-change-movie-clip",
-            "screen-preview",
-            "screen-ruler",
-            "screen-change-scene",
-            "screen-move-scene",
-            "screen-order",
-            "screen-align"
+            $SCREEN_DISTRIBUTE_TO_LAYERS_ID,
+            $SCREEN_DISTRIBUTE_TO_KEYFRAMES_ID,
+            $SCREEN_ALIGN_COORDINATES_PREV_KEYFRAME_ID,
+            $SCREEN_ALIGN_MATRIX_PREV_KEYFRAME_ID,
+            $SCREEN_INTEGRATING_PATHS_ID,
+            $SCREEN_ADD_TWEEN_CURVE_POINTER_ID,
+            $SCREEN_DELETE_TWEEN_CURVE_POINTER_ID,
+            $SCREEN_CONVERT_MOVIE_CLIP_ID,
+            $SCREEN_PREVIEW_ID,
+            $SCREEN_RULER_ID,
+            $SCREEN_CHANGE_SCENE_ID,
+            $SCREEN_MOVE_SCENE_ID
         ];
 
         for (let idx = 0; idx < hideElementIds.length; ++idx) {