✨ 增加新快捷键：ctrl+shift+g，将section框转变为文本节点，并将内部内容掉出身体。

Author: Littlefean

app/src/core/stage/stageManager/concreteMethods/StageSectionPackManager.tsx

@@ -68,6 +68,7 @@ export namespace StageSectionPackManager {
       }
     }
   }
+
   /**
    * 将所有选中的节点当场转换成Section
    */
@@ -161,6 +162,55 @@ export namespace StageSectionPackManager {
     return newSection;
   }
 
+  /**
+   * 拆包操作
+   */
+  export function unpackSelectedSections() {
+    const selectedSections = StageManager.getSelectedEntities();
+    unpackSections(selectedSections);
+    StageHistoryManager.recordStep();
+  }
+
+  /**
+   * 打包的反操作：拆包
+   * @param entities 要拆包的实体
+   * 如果选择了section内部一层的实体，则父section脱离剥皮，变成一个textNode
+   * 如果选择的是一个section，则其本身脱离剥皮，变成一个textNode，内部内容掉落出来。
+   */
+  function unpackSections(entities: Entity[]) {
+    if (entities.length === 0) return;
+    // 目前先仅支持选中section后再进行拆包操作
+    const sections = entities.filter((entity) => entity instanceof Section);
+    if (sections.length === 0) {
+      Dialog.show({
+        title: "请选择一个section",
+        content: "请选择一个section",
+      });
+      return;
+    }
+    for (const section of sections) {
+      const currentSectionFathers = SectionMethods.getFatherSections(section);
+      // 生成一个textnode
+      const sectionLocation = section.collisionBox.getRectangle().location;
+      const textNode = new TextNode({
+        uuid: v4(),
+        text: section.text,
+        details: section.details,
+        location: [sectionLocation.x, sectionLocation.y],
+        size: [100, 100],
+        color: section.color.toArray(),
+      });
+      // 将textNode添加到舞台
+      StageManager.addTextNode(textNode);
+      // 将新的textnode添加到父section中
+      StageSectionInOutManager.goInSections([textNode], currentSectionFathers);
+      // 将section的子节点添加到父section中
+      StageSectionInOutManager.goInSections(section.children, currentSectionFathers);
+      // 将section从舞台中删除
+      StageManager.deleteEntities([section]);
+    }
+  }
+
   /** 将多个实体打包成一个section，并添加到舞台中 */
   export async function packEntityToSection(addEntities: Entity[]) {
     if (addEntities.length === 0) {

app/src/locales/zh_CN.yml

@@ -613,6 +613,11 @@ keyBinds:
     title: 将选中的实体打包到Section框中
     description: |
       按下后，选中的实体会自动包裹到新Section框中
+  unpackEntityFromSection:
+    title: Section框拆包，转换为文本节点
+    description: |
+      按下后，选中的Section框中的实体会被拆包，自身转换成一个文本节点
+      内部的实体将会掉落在外面
   textNodeToSection:
     title: 将选中的文本节点转换成Section框
     description: |

app/src/main.tsx

@@ -480,6 +480,16 @@ async function registerKeyBinds() {
   ).down(() => {
     StageSectionPackManager.textNodeToSection();
   });
+  (
+    await KeyBinds.create("unpackEntityFromSection", "g", {
+      control: isMac ? false : true,
+      meta: isMac,
+      alt: false,
+      shift: true,
+    })
+  ).down(() => {
+    StageSectionPackManager.unpackSelectedSections();
+  });
   (
     await KeyBinds.create("checkoutProtectPrivacy", "2", {
       control: isMac ? false : true,