10 装修与可视化

10.1 模块定位

装修能力用于配置店铺或商城页面的区块、内容和展示顺序，通常同时支持编辑、预览、保存和发布。

10.2 核心数据

编辑器需要维护当前页面或模板、区块列表和顺序、选中区块、区块属性、页面基础配置以及草稿/预览/发布状态。相关状态应集中管理，避免画布、属性面板和工具栏各自维护冲突数据。

10.3 编辑流程

加载页面配置 → 渲染区块 → 选择区块 → 修改属性
            → 更新编辑状态 → 保存草稿 / 预览 / 发布

10.4 开发注意事项

• 区块配置应可序列化，不直接保存 Vue 响应式对象。
• 删除或移动区块后同步更新选中项。
• 预览使用当前编辑数据，发布以服务端结果为准。
• 切换页面时清理拖拽、鼠标和键盘监听器。
• 保存操作需要防抖或提交锁。
• 对旧版本配置保持兼容，新字段提供默认值。