Expensify/App中费用报告"移除保留"按钮失效问题分析
2025-06-15 06:27:36作者:董灵辛Dennis
问题背景
在Expensify/App项目中,用户在使用费用报告功能时发现了一个关键交互问题。当用户尝试对报告中的所有费用项分别执行"保留"操作后,报告顶部的"移除保留"按钮会变得无响应,无法正常执行移除保留的操作。
问题现象
用户操作流程如下:
- 在任意工作区聊天中提交两个不同的手动费用
- 打开包含这些费用的报告
- 分别长按每个费用项并执行"保留"操作
- 当所有费用项都被保留后,报告顶部会出现"移除保留"按钮
- 点击该按钮时,无任何响应动作被触发
技术分析
根本原因
经过代码分析,发现问题的根源在于"移除保留"功能的实现逻辑存在缺陷。当前代码中,移除保留操作仅设计用于单一交易视图,当transactionThreadReportID不存在时,该操作实际上不会执行任何功能。
具体来说,MoneyReportHeader组件中的移除保留处理逻辑没有考虑到非合并报告的情况。而ReportPrimaryActionUtils工具类中的逻辑却会在所有费用都被保留时显示移除保留按钮,即使这不是一个合并报告。
解决方案对比
开发团队提出了两种可能的解决方案:
-
条件性显示方案:修改ReportPrimaryActionUtils中的逻辑,仅在报告为合并报告时显示移除保留按钮。这可以通过添加transactionThreadReportID检查来实现。
-
功能扩展方案:扩展移除保留功能,使其能够处理报告中的所有被保留费用项。这需要获取报告中所有创建的IOU操作,并为每个操作调用changeMoneyRequestHoldStatus函数。
最终,开发团队选择了第一种方案作为更直接和安全的修复方式,因为它不会引入新的复杂逻辑,同时能有效解决问题。
修复效果
该问题已在版本9.1.53-7中得到修复并部署到生产环境。修复后,用户现在可以正常使用移除保留功能,系统会正确判断何时应该显示该按钮,并确保按钮点击后能执行预期的操作。
经验总结
这个案例提醒我们,在开发交互功能时需要特别注意:
- 功能可见性与实际可用性必须保持一致
- 边界条件处理要全面,特别是对于集合操作
- 组件间的职责划分要清晰,避免显示逻辑与操作逻辑不一致
通过这次修复,Expensify/App的费用报告功能变得更加可靠,为用户提供了更流畅的财务管理体验。
登录后查看全文
热门项目推荐
相关项目推荐
atomcodeClaude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed. Get StartedRust0228
cann-learning-hubCANN 学习中心仓,支持在线互动运行、边学边练,提供教程、示例与优化方案,一站式助力昇腾开发者快速上手。Jupyter Notebook0149
uni-appA cross-platform framework using Vue.jsJavaScript010
GLM-5.2智谱开源 GLM-5.2,这是针对长文本任务的最新旗舰模型。相较于前代产品 GLM-5.1,它在长文本任务处理能力上实现了显著飞跃,并且首次在稳定的 100 万 token 上下文中提供这一能力。Jinja00
SwanLab⚡️SwanLab - an open-source, modern-design AI training tracking and visualization tool. Supports Cloud / Self-hosted use. Integrated with PyTorch / Transformers / LLaMA Factory / veRL/ Swift / Ultralytics / MMEngine / Keras etc.Python00
tiny-universe《大模型白盒子构建指南》:一个全手搓的Tiny-UniverseJupyter Notebook04
项目优选
收起
暂无描述
Dockerfile
780
5.1 K
本项目是CANN提供的transformer类大模型算子库,实现网络在NPU上加速计算。
C++
890
2.05 K
openEuler内核是openEuler操作系统的核心,既是系统性能与稳定性的基石,也是连接处理器、设备与服务的桥梁。
C
471
471
本项目是CANN提供的神经网络类计算算子库,实现网络在NPU上加速计算。
C++
707
1.41 K
deepin linux kernel
C
32
16
Ascend Extension for PyTorch
Python
761
972
JiuwenSwarm 是一款基于openJiuwen开发的智能AI Agent,它能够将大语言模型的强大能力,通过你日常使用的各类通讯应用,直接延伸至你的指尖。
Python
2.27 K
679
本项目是CANN提供的数学类基础计算算子库,实现网络在NPU上加速计算。
C++
1.11 K
1.15 K
本仓库是 Flutter SDK 与 Flutter Engine 的 OpenHarmony 适配版本,由 CPF-Flutter 团队维护。开发者可使用熟悉的 Flutter 技术栈开发 OpenHarmony 应用,3.35.7 及以后的适配版本可基于本仓库源码构建支持 OpenHarmony 的 Flutter Engine。
Dart
1.04 K
272
Claude Code 的开源替代方案。连接任意大模型,编辑代码,运行命令,自动验证 — 全自动执行。用 Rust 构建,极致性能。 | An open-source alternative to Claude Code. Connect any LLM, edit code, run commands, and verify changes — autonomously. Built in Rust for speed.
Get Started
Rust
2.15 K
228