Dashy 项目中的折叠状态持久化问题分析与修复

在开源项目Dashy的最新版本3.0.0中，用户报告了一个关于页面区块折叠状态的持久化问题。这个问题影响了多页面配置下的用户体验，值得深入分析其技术原理和解决方案。

问题现象

当用户在Dashy界面中折叠某个区块后，切换到其他页面时，相同位置的区块也会保持折叠状态。这种现象不仅发生在手动折叠操作后，也影响了配置文件中设置的默认展开状态。

具体表现为：

1. 在页面A折叠第一个区块
2. 切换到页面B时，第一个区块自动折叠
3. 即使页面B的配置明确设置了该区块默认展开，仍然会被强制折叠

技术原理分析

这个问题源于Dashy的状态管理机制。在实现区块折叠功能时，开发团队采用了基于索引位置的持久化策略，而非基于区块唯一标识符。这种设计导致了以下技术缺陷：

1. 状态绑定过于简单：系统仅记录了"第N个区块被折叠"这一信息，而没有关联具体的区块内容或页面上下文
2. 跨页面状态污染：由于状态存储是全局的，不同页面的相同位置区块会互相影响
3. 配置优先级错乱：运行时状态覆盖了配置文件中的默认设置，违背了配置优先的设计原则

解决方案

开发团队在3.0.1版本中通过以下技术手段修复了这个问题：

1. 引入区块唯一标识：为每个区块生成基于内容的哈希值，替代简单的索引位置
2. 实现页面隔离：将折叠状态与特定页面关联，避免跨页面污染
3. 优化状态加载顺序：确保配置文件中的默认设置优先于持久化状态

技术实现细节

修复方案的核心在于重构状态管理系统：

1. 状态键生成算法：结合页面路径和区块内容生成唯一键值
2. 本地存储分区：按页面划分存储空间，实现状态隔离
3. 初始化流程优化：在加载配置后应用持久化状态，保留配置优先级

用户影响

这个修复显著改善了多页面场景下的用户体验：

1. 每个页面的区块折叠状态可以独立管理
2. 配置文件中的默认设置得到尊重
3. 复杂场景下的状态一致性得到保证

总结

Dashy项目通过这次修复，完善了其状态管理系统，解决了跨页面状态污染的典型问题。这个案例展示了在Web应用中处理UI状态持久化时的常见陷阱和解决方案，为类似场景提供了有价值的参考。