6767dd538a
### 架构重构：三层分层目录化 - domain 拆分为 8 个子目录（core/pipeline/rules/finance/stats/taxonomy/transaction/platform） - components 拆分为 6 个子目录（form/ui/layout/account/category/stats/transaction） - services 拆分为 5 个子目录（automation/data/ocr/security），accessibilityParser 从 automationPipeline 提取 - 新增 ruleConfig.ts — 规则配置唯一数据源（关键词/方向/OCR 模式），与业务逻辑解耦 ### 微信账单抓取：节点混淆绕过（核心突破） - BillingAccessibilityService 重命名为 SelectToSpeakService，完整伪装为系统服务 - 同时伪装包名+类名为 com.google.android.accessibility.selecttospeak，规避微信 8.0.52+ 白名单校验 - Config Plugin 重写：8 个 kt 文件整体复制+package 正则替换+Manifest/import 联动 - 支付宝/微信无障碍文本解析器全面增强（方向推断/账单分类提取/付款方式提取/容错） - 补充文档 accessibility-wechat-guide.md（伪装原理、踩坑全记录） ### 新 UI 组件体系 - Toast：全局轻量 toast（Context Provider + 入场动画 + 操作按钮 + 自动消失） - ErrorBoundary：React class 错误边界（降级 UI + 重试） - EmptyState / ConfirmDialog / SegmentedControl / Skeleton / TimePicker - BottomSheet 重写：SafeAreaProvider 修复、手势下滑关闭、键盘响应式避让 - FormModal 重构：拆出 FormFields 子组件（TextField/SelectField/DropdownField） - 新增 PeriodSwitcher、RangeStatsCard 独立组件 ### 新 Hooks & 工具 - useBottomInset — 统一底部安全区留白 - useKeyboardAvoiding — 键盘高度响应式 hook（替代 translateY 方案） - sanitize.ts — 日志脱敏工具提取 ### 账本增删改增强 - 写锁增加代际计数器（lockGeneration），reset 后旧链 pending 任务自动跳过 set - 新增 restoreTransaction — 撤销删除（重新追加 raw 文本到 mobile.bean） - 删除交易时清除去重缓存（buildTxKeyFromRaw 重建去重键），支持「删了重记」 - editTransaction/deleteTransaction 改用 dr-id 精确定位交易块（避免同名交易定位错误） - appendTransactionsBatch 改从存储直接读取，避免 zustand state 不一致 ### OCR 原生模块增强 - 异步 initEngine 增加 CountDownLatch 等待（最多 15s），解决竞态导致的「引擎未就绪」 - setModelDir 增加去重判断 + file:// 前缀剥离，避免冗余 reload - 推理链路增加分阶段耗时日志（det 推理/det 后处理/rec 识别） - 图片缩放策略重命名（scaleDownForOcr → capLongEdge） ### OCR 模型按需下载 - 移除了启动时自动下载 ~30MB OCR 模型的逻辑 - 改为首次使用 OCR 时才触发下载 ### 设置页重设计 - ScrollView → SectionList 分组卡片布局（iOS 风格分组圆角行+右侧箭头） - 移除 Card 组件包装，直接使用独立分组头+底部关于卡片 ### 首页优化 - ScrollView → FlatList（ListHeaderComponent 承载净资产卡片+待办条） - 日期/金额格式化增加 locale 感知（zh/en） ### 通知管道增强 - NotificationChannel MD5 去重改为批量淘汰（80% 阈值），替代逐个删除 - 增加 debug 日志输出（过滤原因/包名） ### ESLint - 新增 eslint.config.mjs（typescript-eslint + react-hooks + react-native 规则集） - package.json 新增 lint/lint:fix 脚本，引入 5 个 devDependencies ### 文档 - accessibility-wechat-guide.md — 微信无障碍伪装完整方案 - modal-keyboard-guide.md — 弹窗键盘避让方案 - ocr-pipeline-guide.md — OCR 三层层级管线 - OCR及文本模型测试 / 账单元识别及账户分类设计 / 账户分类模型测试
80 lines
2.2 KiB
TypeScript
80 lines
2.2 KiB
TypeScript
import React, { useEffect, useRef } from 'react';
|
||
import { Animated, View, type DimensionValue, type StyleProp, type ViewStyle } from 'react-native';
|
||
import { useTheme } from '../../theme';
|
||
|
||
interface SkeletonProps {
|
||
/** 宽度：数字（dp）或百分比字符串（如 '100%'） */
|
||
width: number | string;
|
||
/** 高度（dp） */
|
||
height: number;
|
||
/** 圆角，默认 theme.radii.sm */
|
||
borderRadius?: number;
|
||
style?: StyleProp<ViewStyle>;
|
||
}
|
||
|
||
/**
|
||
* 骨架屏占位块。
|
||
* 背景取 theme.colors.skeleton，opacity 在 0.3 ~ 1 之间循环闪烁模拟加载呼吸感。
|
||
*/
|
||
export function Skeleton({ width, height, borderRadius, style }: SkeletonProps) {
|
||
const { theme } = useTheme();
|
||
const opacity = useRef(new Animated.Value(0.3)).current;
|
||
|
||
// 闪烁动画：随组件挂载启动、卸载停止，避免泄漏
|
||
useEffect(() => {
|
||
const loop = Animated.loop(
|
||
Animated.sequence([
|
||
Animated.timing(opacity, { toValue: 1, duration: 750, useNativeDriver: true }),
|
||
Animated.timing(opacity, { toValue: 0.3, duration: 750, useNativeDriver: true }),
|
||
]),
|
||
);
|
||
loop.start();
|
||
return () => loop.stop();
|
||
}, [opacity]);
|
||
|
||
return (
|
||
<Animated.View
|
||
accessible={false}
|
||
style={[
|
||
{
|
||
width: width as DimensionValue,
|
||
height,
|
||
borderRadius: borderRadius ?? theme.radii.sm,
|
||
backgroundColor: theme.colors.skeleton,
|
||
opacity,
|
||
},
|
||
style,
|
||
]}
|
||
/>
|
||
);
|
||
}
|
||
|
||
interface SkeletonTextProps {
|
||
/** 行数，默认 3 */
|
||
lines?: number;
|
||
/** 每行高度（dp），默认 14 */
|
||
lineHeight?: number;
|
||
style?: StyleProp<ViewStyle>;
|
||
}
|
||
|
||
/**
|
||
* 多行文字骨架。
|
||
* 末行缩短为 60% 宽，模拟自然段落的参差节奏。
|
||
*/
|
||
export function SkeletonText({ lines = 3, lineHeight = 14, style }: SkeletonTextProps) {
|
||
const { theme } = useTheme();
|
||
|
||
return (
|
||
<View style={style}>
|
||
{Array.from({ length: Math.max(0, lines) }, (_, index) => (
|
||
<Skeleton
|
||
key={index}
|
||
width={index === lines - 1 && lines > 1 ? '60%' : '100%'}
|
||
height={lineHeight}
|
||
style={index > 0 ? { marginTop: theme.spacing.sm } : undefined}
|
||
/>
|
||
))}
|
||
</View>
|
||
);
|
||
}
|