窗体设计器：工具箱、拖放、属性与事件窗口，读写 VS 格式的 Designer.cs

- Designer.cs 在浏览器端解析为语句列表，未改动的语句保留原文：
  教材 25 个参考窗体和全部示例读入再写出逐字节不变
- 编辑操作：添加 / 删除 / 移动 / 改名控件、属性、事件、列表项；
  布局语句增删规则与 VS 一致（对全部现有文件执行无变化）
- 双击控件或事件：绑定事件并在窗体代码末尾插入处理方法，跳到代码
- 预览复用运行时的 ControlView，设计时与运行时外观一致
- 修正：窗体属性 this.ClientSize = new Size(...) 被误认成创建控件；
  示例 Designer.cs 的块头注释改为 VS 的 "// " 格式
- 测试：73 个（读写往返、布局规则、编辑操作、插入事件处理方法）

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/设计方案.md

@@ -36,7 +36,7 @@
 
 页面分为编辑和运行两种模式。编辑模式照着 Visual Studio 来做，学生以后换到真的 VS 上操作一致。
 
-**编辑模式**（窗体设计器尚未实现）
+**编辑模式**
 
 - 左侧工具箱：常用控件（Button、Label、TextBox、CheckBox、ComboBox、Timer 等），以及"物联网"分组（教材的 Lamp、LED、Alarm、ShowMsg 等设备控件）。
 - 中间「设计」和「代码」两个标签页：设计页拖放控件，窗体下方有组件栏（存放 Timer 和设备组件）；代码页用 Monaco 编辑 `Form1.cs`。
@@ -227,7 +227,7 @@ IOT/
 ```mermaid
 flowchart TB
   P0["阶段 0 · 技术验证（已完成 2026-10-22）<br/>教材项目 2 任务 1 原样运行；实测编译、延迟、内存"]
-  P1["阶段 1 · MVP（进行中，约 3 个月）<br/>虚拟实训台 ✔、项目 2–3 示例 ✔、代码编辑器 ✔<br/>窗体设计器、多窗体、导入教材参考工程"]
+  P1["阶段 1 · MVP（进行中，约 3 个月）<br/>虚拟实训台 ✔、项目 2–3 示例 ✔、代码编辑器 ✔、窗体设计器 ✔<br/>多窗体、导入教材参考工程"]
   P2["阶段 2 · 教学闭环（约 2 个月）<br/>班级码登录、提交作业、自动评测、老师看板、成绩导出；一个班试用"]
   P3["阶段 3 · 扩展（下学期）<br/>教材项目 4–8：摄像头、线程、SQLite 模拟数据库、图表、虚拟时钟"]
   P4["阶段 4 · 进阶（之后）<br/>校园街景场景、故障注入题库、导出 VS 工程"]
@@ -255,6 +255,7 @@ flowchart TB
 
 - 2026-10-22：虚拟实训台（服务器统一保存状态，网页调节环境）；CheckBox、RadioButton、Lamp、Alarm；教材项目 2、3 共 5 个任务的示例全部跑通。
 - 2026-10-22：代码编辑器换成 Monaco：C# 语法高亮；编译错误以波浪线标在代码里，点错误信息跳到对应行；F5 运行、Shift+F5 停止（在整个页面生效，并阻止浏览器 F5 刷新）；改过的代码自动保存在浏览器本地，可一键恢复原始代码。前端打包后 JS + CSS 压缩约 1.2 MB。
+- 2026-10-22：窗体设计器：工具箱拖放或双击添加控件，选中、拖动、改大小、拖进拖出分组框，Delete 删除、方向键微调；属性窗口和事件窗口；双击控件或事件生成事件处理方法并跳到代码；Timer 等组件显示在组件栏。Designer.cs 在浏览器端直接解析和生成：未改动的语句保留原文，教材 25 个参考窗体和全部示例读入再写出逐字节不变；布局语句（SuspendLayout / ResumeLayout / PerformLayout）的增删规则与 VS 一致。
 
 ## 技术风险与待确认事项