Releases: thoulee21/joint-player
Releases · thoulee21/joint-player
v5.13.4
Features
- tests: 添加Jest支持，更新配置以增强测试功能 (thoulee)
- LottieAnimation: 添加测试用例并为LottieView组件设置testID (thoulee)
- tests: 为parseLyric函数添加单元测试以确保歌词解析正确性 (thoulee)
- tests: 更新Jest配置并添加SongItem组件的单元测试 (thoulee)
- tests: 更新Jest配置以支持react-native-fs并添加Lyric组件的单元测试 (thoulee)
- tests: 更新SongItem组件测试，添加对触摸事件和专辑信息的验证，并模拟haptic反馈 (thoulee)
- UpdateChecker: 添加更新对话框中的日期和时间显示，优化文本内容 (thoulee)
- AlbumDescription: 将描述属性更改为接收完整专辑对象，并在对话框中显示专辑名称 (thoulee)
- PlaylistDetailScreen: 添加国际化支持，更新菜单项和提示文本 (thoulee)
- TrackListSheet: 添加国际化支持，更新队列为空时的提示信息和洗牌功能 (thoulee)
- TrackItem: 使用 useMemo 优化列表样式计算，更新长按事件处理函数 (thoulee)
- PlayControlsFAB: 添加播放控制悬浮按钮，支持播放、暂停和跳转功能 (thoulee)
Bug Fixes
- SongItem: 修复useEffect依赖项，确保dispatch在依赖数组中 (thoulee)
- RootStack: 禁用AppData屏幕的手势和滑动功能以增强用户体验 (thoulee)
- DrawerItemList: 用ScrollView替换FlatList以优化渲染性能并调整样式 (thoulee)
- UpdateChecker: 将日期格式从toLocaleString更改为toISOString以确保一致性 (thoulee)
- UpdateChecker: 优化更新对话框中的文本格式和代码结构 (thoulee)
- UpdateChecker: 在获取更新并重启之前隐藏对话框 (thoulee)
- UserAttrs: 更新隐私信息变量名，优化图标样式和代码结构 (thoulee)
- TrackListSheet: 移除动画组件，优化底部视图组件结构 (thoulee)
- PlaylistDetail: 添加 PoweredBy 组件，优化评论按钮禁用逻辑，调整头部背景色 (thoulee)
- PlayControlsFAB: 更新播放控制悬浮按钮图标和标签，优化缓冲状态显示 (thoulee)
Code Refactoring
- tests: 重命名测试文件并更新导入路径以反映新的目录结构 (thoulee)
- tests: 更新Jest配置，移除不必要的setup文件并优化导入路径 (thoulee)
- tests: 更新Jest配置，添加模块文件扩展名和设置文件以支持新功能 (thoulee)
- PlaylistDetailScreen: 使用useLayoutEffect优化导航头部显示，添加重试按钮并调整样式 (thoulee)
- PlaylistDetailScreen: 重构评论按钮和菜单布局，优化代码结构 (thoulee)
- BottomSheetPaper: 更新底部弹窗的快照点设置，调整为仅使用90%的高度 (thoulee)
- Comments: 优化评论组件结构，移除不必要的依赖，调整样式和功能 (thoulee)
- PlayControls: 优化代码结构，调整导入格式，简化错误处理逻辑 (thoulee)
- UserDetail: 优化代码结构，调整组件导入格式，简化渲染逻辑 (thoulee)
Chores
Commits
- ac5eb0e: refactor(PlaylistDisplayItem, SearchPlaylistItem, userDetail): 更新组件属性类型定义，简化代码结构 (thoulee)
v5.13.3
v5.13.0
Features
- ReleaseTags: 添加下拉刷新功能并优化导航方式 (thoulee)
- ChangeLog: 添加加载指示器和空状态处理，优化导航和标题显示 (thoulee)
- ReleaseTags: 添加刷新按钮到导航栏，优化提交SHA显示长度 (thoulee)
- Search: 优化搜索功能，添加清除图标和占位符处理，改善用户体验 (thoulee)
- SearchHistoryList: 添加长按删除搜索历史功能，优化用户交互体验 (thoulee)
- SearchHistoryList: 添加onPressHistory回调，增强搜索历史项的交互体验 (thoulee)
- SearchPlaylist: 添加搜索框的震动反馈和清除功能，优化用户体验 (thoulee)
- Search: 添加搜索框引用，增强搜索历史项的交互体验 (thoulee)
- DownloadMenu: 添加下载菜单组件，集成后台下载功能 (thoulee)
- RepeatMode: 添加重复模式切换功能，集成 Redux 管理状态 (thoulee)
- BottomSheetPaper: 添加可选的 footer 属性以支持自定义底部组件 (thoulee)
- TrackListSheet: 添加自定义底部组件，支持随机播放队列功能 (thoulee)
Bug Fixes
- AboutScreen: 将导航方式从 navigate 更改为 push，以改善页面切换体验 (thoulee)
- ChangeLog: 添加加载状态提示和工具提示，优化导航标题和空状态处理 (thoulee)
- AboutScreen: 更新下载链接以使用代理地址，确保下载功能正常 (thoulee)
- ArtistHeader: 优化艺术家名称显示 (thoulee)
- BottomSheetPaper: 移除不必要的bottomInset属性，简化组件配置 (thoulee)
- UserAttrs: 增强用户属性组件，支持自定义样式并优化加载状态显示 (thoulee)
Code Refactoring
- Albums: 重命名组件为ArtistContent，并更新引用 (thoulee)
- RootStack: 更新TestScreen导入路径，保持一致性 (thoulee)
- SearchSongList: 使用useWindowDimensions替代Dimensions，优化代码可读性 (thoulee)
- ActionDrawerItems: 用 Paper Dialog 美化注销确认对话框，优化用户注销体验 (thoulee)
- RestartItem: 美化对话框确认重启应用，增强用户交互体验 (thoulee)
- SearchHistory: 重构历史项组件，美化删除对话框 (thoulee)
- Logcat: 美化确认对话框，增强用户交互体验 (thoulee)
- UpdateChecker: 美化更新对话框，优化用户更新体验 (thoulee)
- Dialogs: 统一对话框组件样式 (thoulee)
- Comments: 添加评论按钮和菜单，优化用户交互体验 (thoulee)
- TrackListSheet: 替换 BottomSheetFlatList 为 BottomSheetFlashList，优化性能并添加估算项大小 (thoulee)
v5.12.0
v5.11.0
v5.10.4
Features
- build.gradle: 启用 Proguard 以优化发布构建 (thoulee)
Bug Fixes
- userDetail: set appbar action buttons' color to white (thoulee)
- PlaylistDetailLargeHeader: 添加 navigation 导入语句 (thoulee)
Code Refactoring
- DimezisBlur: 移除DimezisBlur相关组件和Redux切片，简化代码结构 (thoulee)
- 更新StateKeys导入路径，统一为stateKeys (thoulee)
- HeaderComponent: 添加动画效果并优化Surface组件渲染逻辑 (thoulee)
- userDetail: use doublequote (thoulee)
- App.tsx: 更新 Sentry 配置以捕获 100% 事务和配置性能分析 (thoulee)
Chores
- deps: bump @sentry/react-native from 6.1.0 to 6.2.0 #137 (dependabot[bot])
- deps: bump cross-spawn in the npm_and_yarn group #139 (dependabot[bot])
- actions: add Upload Build Artifacts for debugging purpose (thoulee)
- 更新 .yarnrc.yml 以使用新的 npm 镜像，并升级多个依赖项 (thoulee)
Commits
- 0f1f7dc: Merge branch 'main' of github.com:thoulee21/joint-player (thoulee)
v5.10.3
Features
- declaration: 添加对jpg和png模块的声明 (thoulee)
- ImageBlur: 添加ImageBlur组件及相关上下文和钩子，支持模糊效果 (thoulee)
- MvCover: 替换BlurView为ImageBlur组件，优化模糊效果实现 (thoulee)
- TrackInfoBar: 添加titleColor属性以支持自定义标题颜色 (thoulee)
- MvCover: 优化状态栏样式处理，添加调试日志以跟踪颜色变化 (thoulee)
- AniGallery: 更新动画库描述，添加Appbar组件以改善导航体验 (thoulee)
- Logcat: 添加菜单功能以保存和清除日志，优化导航体验 (thoulee)
- AboutScreen: 使用useFocusEffect替代useEffect以优化组件生命周期管理 (thoulee)
Bug Fixes
- TrackInfoBar: 修复titleColor属性的样式应用逻辑，仅在titleColor存在时设置颜色 (thoulee)
Code Refactoring
- RootStack: 将TestScreen组件的导入方式改为默认导入 (thoulee)
- BlurBackground: 移除对expo-blur的依赖，简化组件结构 (thoulee)
- Albums: 简化组件结构，替换Header组件，移除不必要的依赖 (thoulee)
- Albums: 更新Header组件属性，优化边框颜色管理 (thoulee)
- 移除ScrollViewWithHeaders和FlatListWithHeaders组件中的disableAutoFixScroll和overScrollMode属性 (thoulee)
- 更新组件中的文本颜色属性，使用onSurfaceVariant替代outline (thoulee)
- Albums: 替换Header组件为HeaderComponent，并优化标题属性的设置 (thoulee)
- Headers: 优化TracksHeader和AnimatedHeader组件，调整样式和属性管理 (thoulee)
- 移除HeaderSurface组件，优化UserHeader和DrawerNavi组件的结构与样式 (thoulee)
- TestScreen: 重命名为Test并更新动画和标题 (thoulee)
- Albums: 添加FadingView组件，优化Header渲染逻辑并调整样式 (thoulee)
Commits
v5.10.2
Features
- IssueReportItem: 添加描述文本并优化图标组件类型 (thoulee)
- UserDetail: 更新按钮容器颜色以增强可读性 (thoulee)
- Header: 添加可自定义的左侧组件并优化样式；新增播放列表详情大头部组件 (thoulee)
- queue: restore queue at startup (thoulee)
- DimezisBlurSwitchItem: 添加Dimezis模糊效果开关组件并在开发页面中集成 (thoulee)
- LottieAnimation: 添加新的动画资源并优化代码格式 (thoulee)
Bug Fixes
- metro.config.js: 移除对 Watchman 的依赖配置 (thoulee)
- store: 优化持久化配置，为每个切片配置单独的黑名单 (thoulee)
- store: 为darkMode和dimezisBlur切片配置黑名单以优化持久化设置 (thoulee)
- store: 移除持久化配置，不保存根 reducers (thoulee)
Code Refactoring
- Playlist: 替换不必要可拖动项组件为可滑动项组件，并优化相应样式 (thoulee)
- AlbumContent: 替换可拖动项组件为可滑动项组件 (thoulee)
- 更新状态管理键名，统一使用StateKeys替代StorageKeys (thoulee)
- store: 重构持久化配置，简化状态管理键名的创建 (thoulee)
- store: 简化持久化配置，移除不必要的黑名单设置 (thoulee)
Commits
- 0b517ae: fix(PlaylistCover, UserDetail): 移除 PlaylistCover 组件中的导航逻辑，更新 UserDetail 组件的导航方式以支持新的导航结构 (thoulee)
- ab1df84: feat(AnimatedHeader, IssueReport): 更新 HeaderComponent 以支持 ignoreTopSafeArea 属性，并在 IssueReport 页面中应用该属性 (thoulee)
- 1e37056: refactor(HeaderSurface, UserDetail): 提取 HeaderSurface 组件并在 UserDetail 页面中集成 (thoulee)
- 003bbd9: Revert "feat: 在开发模式下为多个页面添加条件渲染，以控制视图高度" (thoulee)
- IssueReport: 更新输入框样式和字符计数提示 (thoulee)
- fee4d99: feat(Albums, Header): 添加自定义头部组件并优化相册项样式 (thoulee)
- Albums: 优化相册项布局，调整列样式和内容内边距 (thoulee)
- c798b30: feat(HeaderSurface, MvCover): 添加实验性模糊效果支持并更新相关状态管理 (thoulee)
v5.10.1
Features
- 添加搜索历史管理功能，移除旧存储逻辑并优化搜索组件 (thoulee)
- 添加搜索历史列表组件，集成到搜索页面以显示和管理搜索历史 (thoulee)
- 在搜索页面中添加搜索历史列表组件，替换动画以显示历史搜索记录 (thoulee)
- 优化 AppDataScreen 组件，添加 LayoutAnimation 以增强切换效果，并调整代码格式 (thoulee)
- 使用 useMemo 优化数据处理，简化 StorageList 组件逻辑并调整变量命名 (thoulee)
- 添加 CacheItem 组件以显示和管理缓存大小，集成 initFocus 以处理应用状态变化 (thoulee)
- 优化 StorageIndicator 组件，移除不必要的回调，简化存储大小计算逻辑并格式化显示 (thoulee)
- 添加 AppDataScreens 组件，整合包数据、Redux 状态和存储列表，简化 AppDataScreen 逻辑 (thoulee)
- 添加 RippleEffectSwitch 组件，集成涟漪效果开关功能并更新相关 Redux 状态管理 (thoulee)
- 更新 RippleEffectSwitch 组件，支持平台特定的效果名称并优化描述文本 (thoulee)
- 更新 AppDataScreen 组件，启用 lazy 加载选项以优化性能 (thoulee)
- 添加用户切换图标渲染函数更改图标颜色 (thoulee)
- 在 AppDataScreen 组件中添加动画效果，优化 MMKVStorageIndicator 的显示与隐藏 (thoulee)
- 在 TrackInfo 组件中为试用标记添加点击提示，增强用户体验 (thoulee)
- 添加日志记录功能，使用 react-native-logs 库优化调试信息输出 (thoulee)
- 添加 Logcat 页面，集成日志查看功能并在 DevScreen 中添加提示 (thoulee)
- 在 Logcat 页面添加清除日志功能，增强用户交互体验 (thoulee)
- 在 logger.ts 中添加 InteractionManager 以优化日志记录的异步处理 (thoulee)
- 优化 Logcat 页面日志清除功能，添加错误处理并更新按钮渲染逻辑 (thoulee)
- 在 Logcat 页面中添加行布局以优化按钮渲染 (thoulee)
- 在 DevScreen 中添加日志记录以跟踪导航到 Logcat 页面 (thoulee)
- 优化清除日志功能，修复日志文件写入逻辑 (thoulee)
- logger: 添加 mapConsoleTransport 到日志传输列表 (thoulee)
- mmkv: 添加日志记录以跟踪缓存大小和操作 (thoulee)
- animated-splash-screen: 添加动画完成日志记录以指示加载结束 (thoulee)
- AppContainer: 添加日志记录以跟踪计算的颜色值 (thoulee)
- DataList: 添加滚动到顶部功能以提升用户体验 (thoulee)
- TestScreen: [experimental] 添加本地身份验证功能并优化界面展示 (thoulee)
- AboutItem: 更新信息图标为应用程序徽标并添加描述 (thoulee)
- DevItem: 更新开发者选项组件，添加描述并优化类型定义 (thoulee)
- TestScreen: 引入 @codeherence/react-native-header 组件并更新页面布局 (thoulee)
- Settings: 添加自定义动画头部组件并更新设置页面布局 (thoulee)
- AnimatedSplashScreen: 移动主题颜色常量到新文件并更新引用 (thoulee)
- AboutScreen: 添加 AboutHeader 组件并更新 About 页面布局 (thoulee)
- AboutScreen: 添加状态栏样式管理和调试日志功能 (thoulee)
- Settings: 更新 AnimatedHeader 组件以支持动态背景颜色和优化设置页面布局 (thoulee)
- RestartItem: 添加重启确认提示框以防止意外重启应用 (thoulee)
- DevScreen: 重构 DevScreen 组件以使用新的滚动头部组件，优化布局并更新日志查看功能 (thoulee)
- UserDetail: 重构 UserDetail 组件以使用新的滚动头部和大头部组件，优化布局并添加模糊背景效果 (thoulee)
- 在开发模式下为多个页面添加条件渲染，以控制视图高度 (thoulee)
- DevScreen: 添加本地身份验证功能，确保用户认证后才能访问开发选项 (thoulee)
Bug Fixes
- 在 AppDataScreen 组件中添加 useIsFocused 钩子以优化切换屏幕动画效果 (thoulee)
- 调整 CommentList 组件的初始渲染数量，从 7 改为 5 以优化性能 (thoulee)
- [experimental] 移除 AppDataScreen 组件中的 LayoutAnimation，用以测试切屏动画 (thoulee)
- logcat: add log file existence check (Zihao Li)
- logger: 添加日志文件路径并确保日志文件存在 (thoulee)
- logcat: 移动日志读取函数定义到 try/catch 内部以确保错误被捕获 (thoulee)
- BottomBar: 添加安全区域插图以优化底部栏布局 (thoulee)
- App: 在开发环境中禁用 Sentry 以减少无用的调试信息 (thoulee)
- DataItem: 修改卡片模式为包含模式以改善视觉效果 (thoulee)
- Navigation: 更新导航逻辑以支持新的用户详情屏幕路径 (thoulee)
- UserItem: 使用 useMemo 优化用户数据处理，移除不必要的 DrawerActions 调用 (thoulee)
- UserDetail: 更新图标名称为 "open-in-new" 以更准确地反映功能 (thoulee)
- DataMoreButton: 添加状态栏高度支持 (thoulee)
- DrawerNavi: 移除 DrawerNavi 中的 UserDetail 组件并在 RootStack 中添加 (thoulee)
Code Refactoring
- 更新 ClearAllDataItem 组件以使用 reduxPersistMMKV 存储替代 Storage (thoulee)
- 更新 appData 组件以使用 MMKV 存储替代 Storage，优化数据获取逻辑 (thoulee)
- 统一枚举类型中的字符串引号风格 (thoulee)
- 更新 ExportDataItem 和 ImportDataItem 组件以使用 reduxPersistMMKV 存储替代 Storage，优化数据处理逻辑 (thoulee)
- 调整 fetchSearchResults 函数中的 Limit 参数值，从 20 修改为 10 (thoulee)
- 修改 SearchSongList 组件中的 keyExtractor 函数，简化生成的键值 (thoulee)
- 重构 AppDataScreen 组件，提取 ActionBar 以增强可读性 (thoulee)
- 优化 TrackListSheet 组件，重命名变量以增强可读性并添加类型定义 (thoulee)
- 调整 Appbar.Header 组件的模式，从 large 改为 medium，以优化界面布局 (thoulee)
- 移除 logger.ts 中的 InteractionManager 导入 (thoulee)
- 移除 MvCover 和 TrackInfo 组件中的日志记录代码 (thoulee)
- dev: 移除不必要的日志记录，简化导航逻辑 (thoulee)
- mmkv: 添加 in background 日志记录以指示缓存已保存到MMKV存储 ([thoulee](cd118ab33a8f9af1ae03bb...
v5.10.0
Features
- UserHeader: 添加 DrawerActions 以关闭抽屉导航 (thoulee)
- UserAttrs: 添加复制电话号码功能，优化用户属性显示 (thoulee)
- UserDetail: 使用 useMemo 优化 AppBar 背景色计算 (thoulee)
- userSlice: 添加重置用户状态功能 (thoulee)
- UserDetail: 添加用户注销功能并优化界面结构 (thoulee)
- DrawerNavi: 添加用户详情页面到导航菜单并优化播放列表组件 (thoulee)
- Drawer: 添加操作抽屉项和右侧徽章组件，优化导航体验 (thoulee)
- ActionDrawer: 添加用户状态选择，优化注销功能显示逻辑 (thoulee)
- Drawer: 移除设置项，优化抽屉组件，添加设置导航 (thoulee)
- IssueReport: 添加自动聚焦和自动完成属性 (thoulee)
- ActionDrawerItems: 在开发模式下添加测试项以便于调试 (thoulee)
- SearchPlaylist: 添加搜索歌单功能，包括搜索组件和列表展示 (thoulee)
- ArtistNames: 添加artists属性以支持自定义艺术家列表 (thoulee)
- PlaylistDetail: [实验性] 添加播放列表详情组件，支持加载和重试功能 (thoulee)
- SearchPlaylistItem: 添加导航功能，优化播放次数显示样式 (thoulee)
- PlaylistSearch: 添加加载指示器以改善用户体验 (thoulee)
- SearchPlaylistItem: 添加播放列表名称到导航参数，优化样式颜色 (thoulee)
- PlaylistDetail: 添加播放列表详情页面及相关组件 (thoulee)
- SearchPlaylist: 使用主题颜色调整搜索栏背景样式 (thoulee)
- PlaylistDetail: 增强播放列表详情页面，优化组件样式和功能 (thoulee)
- TracksHeader: 更新播放按钮样式，增加歌曲数量的显示格式 (thoulee)
- PlaylistDetail: 优化播放列表详情页面，调整数据请求和组件布局 (thoulee)
- TracksHeader: 将播放按钮样式更改为紧凑模式 (thoulee)
- PlaylistDetail: 添加分享功能并优化创作者信息显示 (thoulee)
- SearchPlaylist: 更新搜索栏属性以改善用户体验 (thoulee)
- SwitchUser: 更新搜索框占位符颜色以适应主题模式 (thoulee)
- PlaylistDetail: 增加自定义重试延迟机制以提高数据获取的可靠性 (thoulee)
- PlaylistDetail: 添加重试次数显示以增强用户反馈 (thoulee)
- PlaylistDetail: 增强错误处理和优化评论计数显示 (thoulee)
- Playlists: 添加播放列表管理功能，包括获取、添加、删除和清空播放列表 (thoulee)
- PlaylistDisplay: 添加播放列表显示组件，集成数据获取和错误处理 (thoulee)
- App: 使用asyncStorageProvider替代默认提供者，支持缓存管理 (thoulee)
- Playlist: 禁用重新验证选项以优化数据获取性能 (thoulee)
- appData: 使用AsyncStorage获取所有存储键，优化数据获取逻辑 (thoulee)
- AlbumItem: 优化专辑项组件，添加歌曲数量显示和标签，调整样式以改善布局 (thoulee)
- Artist: 删除Chips组件，直接在Artist页面中添加专辑和歌曲数量显示，优化布局 (thoulee)
- AlbumItem: 添加触觉反馈和长按导航功能，优化专辑项组件交互体验 (thoulee)
- useSwr: 添加网络连接监听功能以支持重连逻辑 (thoulee)
- AsyncStorageProvider: 添加应用状态监听和定期保存功能，优化缓存管理 (thoulee)
- CacheIndicator: 添加缓存指示器组件以显示和管理应用缓存大小 (thoulee)
- 集成MMKV作为缓存存储，优化缓存管理逻辑 (thoulee)
- 添加 redux-persist 支持以持久化 Redux 状态 (thoulee)
Bug Fixes
- LottieAnimation: 更新样式类型以支持 StyleProp (thoulee)
- UserDetail: 调整背景色透明度并移除用户属性高度设置 (thoulee)
- album: add top inset to render album header safely (Zihao Li)
- SwitchUser: 将 TouchableOpacity 替换为 TouchableWithoutFeedback 以优化触摸反馈 (thoulee)
- Settings: 移除无效的DrawerActions，使用BackAction替代 (thoulee)
- PlaylistSearch: 使用文本组件替换列表项以显示加载错误信息 (thoulee)
- Lyric: 优化歌词组件的滚动处理，增加错误捕获以防止崩溃 (thoulee)
- CommentsList: 修复加载完全部评论后的逻辑 (thoulee)
- retryFetcher: 限制重试次数为20，优化请求性能 (thoulee)
- userDetail: 修复导入路径，确保正确引用PlaylistDisplay组件 (thoulee)
- Lyric: 添加头部和尾部组件以居中歌词显示 (thoulee)
- Lyric: 调整歌词滚动视图位置以改善用户体验 (thoulee)
- Lyrics: 修复歌词翻译加载逻辑 (thoulee)
- Albums: 优化专辑列表组件，添加安全区域处理和数据展示逻辑 (thoulee)
- UserDetail: 修正当无列表时列表头部显示逻辑 (thoulee)
- BottomBar: disable onPress to navigate to album detail page when no album provided (Zihao Li)
- PlaylistCover: 优化描述逻辑，确保在无描述时显示首个收藏曲目的信息 (thoulee)
- SearchPlaylistItem: 修复播放列表项组件的描述逻辑，优化边框样式 (thoulee)
- ArtistNames: block navigation to artist album page when there is no artist data available (thoulee)
- PlaylistCover: 强制要求传入必要属性，确保在用户详情页正确显示收藏列表 (thoulee)
- SearchSongList: 更新 keyExtractor 逻辑，确保唯一性并包含索引和名称 (thoulee)
- AsyncStorageProvider: 增强缓存管理，添加缓存删除事件处理和缓存大小限制逻辑 (thoulee)
- UserHeader: 优化加载指示器样式，使用窗口尺寸动态调整高度，增强用户体验 (thoulee)
- AsyncStorageProvider: 增加最大缓存大小至5MB，优化缓存管理逻辑 (thoulee)
- AlbumDescription: 简化对话框显示逻辑，优化样式和结构 (thoulee)
- 优化事件监听，确保在组件卸载时移除DeviceEventEmitter监听器 (thoulee)
- 添加 Lottie 动画引用...