feat: frontend add virtual matrix key

src/components/ComponentSelector.vue

@@ -182,6 +182,7 @@
 <script setup lang="ts">
 import { ref, computed, shallowRef, onMounted } from "vue";
 import motherboardSvg from "../components/equipments/svg/motherboard.svg";
+import buttonSvg from "../components//equipments/svg/button.svg";
 
 // Props 定义
 interface Props {
@@ -219,6 +220,7 @@ const availableComponents = [
   { type: "SMA", name: "SMA连接器" },
   { type: "MotherBoard", name: "主板" },
   { type: "PG2L100H_FBG676", name: "PG2L100H FBG676芯片" },
+  { type: "BaseBoard", name: "通用底板" },
 ];
 
 // --- 可用虚拟外设列表 ---
@@ -233,6 +235,13 @@ const availableTemplates = ref([
     path: "/EquipmentTemplates/PG2L100H_Pango100pro.json",
     thumbnailUrl: motherboardSvg,
   },
+  {
+    name: "矩阵键盘",
+    id: "MatrixKey",
+    description: "包含4x4，共16个按键的矩阵键盘",
+    path: "/EquipmentTemplates/MatrixKey.json",
+    thumbnailUrl: buttonSvg,
+  },
 ]);
 
 // 显示/隐藏组件菜单
@@ -372,6 +381,7 @@ async function addTemplate(template: any) {
       id: template.id,
       name: template.name,
       template: templateData,
+      capsPage: template.capsPage
     });
 
     // 关闭菜单