fea: 添加地图管理

index.html

@@ -48,7 +48,10 @@
       <div class="panel">
         <div class="panel-head">
           <h2>关卡选择</h2>
-          <button class="btn tiny" data-act="back">返回</button>
+          <div class="head-btns">
+            <button class="btn tiny hidden" id="manage-btn" data-act="manage">管理地图</button>
+            <button class="btn tiny" data-act="back">返回</button>
+          </div>
         </div>
         <div class="tabs" id="level-tabs"></div>
         <div class="level-grid" id="level-grid"></div>
@@ -148,8 +151,10 @@
               <button class="btn tiny" data-act="ed-resize">调整</button>
               <button class="btn tiny" data-act="ed-fill">铺底</button>
               <button class="btn tiny" data-act="ed-clear">清空</button>
+              <button class="btn tiny" data-act="ed-import">导入地图</button>
               <button class="btn tiny" data-act="ed-test">试玩</button>
               <button class="btn tiny go" data-act="ed-save">保存</button>
+              <span id="ed-savestate" class="save-state">→ 新地图</span>
             </div>
             <canvas id="ed-canvas" width="800" height="608"></canvas>
             <div class="editor-tip">左键放置 / 右键擦除，滚轮水平平移。<b>不会覆盖已有方块</b>——放在空格才生效，要换掉先擦除。选「⌖ 查看属性」再点方块可只查看不修改。<b>刺</b>只有一个，放好后在右侧「属性」面板调<b>方向（上/下/左/右）</b>；传送门 <b>W</b>、提示牌 <b>T</b>、炮台 <b>O</b>、摄像头 <b>C</b>、BOSS <b>B</b> 的属性也都在这里设置。每面至少 1 个 <b>S</b>(出生点) 与 1 个 <b>X</b>(终点)。</div>
@@ -157,8 +162,6 @@
           <div class="editor-side">
             <h3>属性（选中方块）</h3>
             <div id="ed-props"><div class="prop-empty">点击画布上的方块，查看并设置它的属性</div></div>
-            <h3>我的地图</h3>
-            <div id="my-levels"></div>
             <h3>面（多面地图）</h3>
             <div class="face-btns">
               <button class="btn tiny" data-act="ed-addface">+ 新增面</button>
@@ -168,6 +171,17 @@
             <div id="ed-faces"></div>
           </div>
         </div>
+        <!-- 导入地图选择 -->
+        <div id="ed-importbox" class="modal hidden">
+          <div class="modal-panel">
+            <h3>导入地图</h3>
+            <p class="modal-tip">从以前保存过的地图里选一个载入编辑器（会替换当前编辑内容）</p>
+            <div id="ed-import-list"></div>
+            <div class="modal-btns">
+              <button class="btn tiny" data-act="ed-import-cancel">取消</button>
+            </div>
+          </div>
+        </div>
       </div>
     </div>