Commit Graph

170 Commits

Author SHA1 Message Date
AdingApkgg
b8756fc09a Enhance App.vue and ImageViewer.vue for improved styling and animation handling
- Added a custom variant for dark mode in App.vue to support Tailwind v4 features.
- Simplified the onEnter function in ImageViewer.vue by removing the done parameter, allowing Vue to manage CSS animation completion automatically.
2025-12-27 00:13:16 +08:00
AdingApkgg
cc4def8b64 Enhance theme management and improve component logic for better user experience
- Updated theme handling in index.html and ui.ts to support migration from old format, ensuring compatibility with previous user settings.
- Refactored VndbPanel.vue to streamline game ID handling and improve race condition checks during data loading.
- Simplified the onEnter function in ImageViewer.vue to ensure sound effects play correctly during transitions.
2025-12-27 00:04:20 +08:00
AdingApkgg
5ae6399e9a Refactor theme management in index.html and App.vue for improved user experience
- Updated theme detection logic in index.html to support user-selected theme modes (light, dark, system) and improved handling of local storage.
- Removed unused theme-related functions from App.vue, streamlining the component and enhancing performance.
- Added new theme options in friends.json to expand the community resource list.
2025-12-26 23:42:58 +08:00
AdingApkgg
29fdabbb0e Refactor ImageViewer component to remove custom animation functions and simplify transition handling
- Eliminated the `useAnime` composable and its associated animation functions from ImageViewer.vue, opting for a more straightforward approach to transitions.
- Updated the onEnter function to focus solely on sound effects during transitions, enhancing clarity and maintainability of the code.
2025-12-26 23:01:22 +08:00
AdingApkgg
42608f50c1 Update package dependencies and refactor components for improved performance and consistency
- Replaced `vue-virtual-scroll-list` with `@tanstack/vue-virtual` in package.json for enhanced virtual scrolling capabilities.
- Refactored multiple components to utilize CSS transitions instead of JavaScript animations, improving performance and simplifying code.
- Updated transition classes in `AnimatedBackground.vue`, `CommentsModal.vue`, `KeyboardHelpPanel.vue`, `SettingsModal.vue`, `VndbPanel.vue`, and others for a more cohesive user experience.
- Removed unnecessary animation functions and streamlined component structures for better maintainability.
2025-12-26 22:53:20 +08:00
AdingApkgg
59ca9f924c Remove anime.js dependency and refactor SearchResults and SettingsModal components for improved performance and consistency
- Eliminated the use of anime.js in favor of simpler CSS transitions and effects.
- Updated SearchResults.vue to implement virtual scrolling for better performance with large result sets.
- Refactored SettingsModal.vue to enhance button interactions and remove unnecessary animation directives.
- Improved overall styling and structure for a more cohesive user experience across components.
2025-12-26 22:42:36 +08:00
AdingApkgg
9fd8f0005a Refactor theme management and enhance UI components for improved user experience
- Removed the `animejs` dependency and replaced it with a lightweight animation system using the Web Animations API for better performance.
- Introduced theme settings in `SettingsModal.vue`, allowing users to select between light, dark, and system themes.
- Updated `useUIStore` to manage theme state and apply changes dynamically, enhancing the overall UI consistency.
- Improved styling in `VndbPanel.vue` and other components to align with the new theme management system, ensuring a cohesive look and feel across the application.
2025-12-26 22:32:35 +08:00
AdingApkgg
c2fdc58f21 Update package dependencies and enhance component styles for consistency
- Added `vue-virtual-scroller` dependency to package.json for improved rendering performance.
- Updated styles across multiple components to implement a consistent translucent effect, enhancing visual coherence and performance.
- Adjusted background colors, borders, and shadows to align with the new design approach, ensuring a modern and clean aesthetic.
2025-12-26 22:20:56 +08:00
AdingApkgg
97bffb78cc Refactor components to replace liquid glass effects with translucent styles
- Removed liquid glass SVG filters and related styles from index.html and various components, including CommentsModal.vue, FloatingButtons.vue, and SearchHeader.vue.
- Updated styles across multiple components to implement a consistent translucent effect, enhancing visual coherence and performance.
- Adjusted background colors, borders, and shadows to align with the new design approach, ensuring a modern and clean aesthetic.
2025-12-26 21:58:28 +08:00
AdingApkgg
8ec22ec86b Refactor styles to implement translucent effects across components
- Updated SettingsModal.vue and VndbPanel.vue to replace the liquid glass effect with a translucent background style for improved performance and visual consistency.
- Modified glassmorphism.css to optimize styles, removing unnecessary backdrop-filter properties and enhancing color and shadow effects for various UI elements.
- Adjusted hover and focus states for buttons and inputs to align with the new translucent design, ensuring a cohesive user experience.
2025-12-26 21:50:31 +08:00
AdingApkgg
62c0abd4ac Refactor modals to use consistent structure and remove window management features
- Updated CommentsModal.vue, SettingsModal.vue, and VndbPanel.vue to change the comment, settings, and VNDB panels from floating windows to modal dialogs.
- Removed the WindowResizeHandles component and related window management logic to simplify the modal implementation.
- Enhanced the styling and structure of modals for improved consistency across the application.
2025-12-26 21:47:36 +08:00
AdingApkgg
56d4178da8 Implement parallel VNDB data fetching and improve scrolling behavior in SearchHeader.vue
- Added functionality to fetch VNDB data concurrently when in game search mode, ensuring data consistency during rapid search term changes.
- Introduced a flag to manage scrolling behavior, allowing for smoother user experience by scrolling to results only after a minimum number of platform results are available.
- Enhanced error handling for VNDB requests to prevent disruption of the main search process.
2025-12-26 21:29:32 +08:00
AdingApkgg
1e192cef3c Enhance service worker caching strategy and update fetchVndbQuotes filter structure
- Updated service worker to improve caching of static resources, including additional file types and core resources for faster loading.
- Refactored fetchVndbQuotes to modify filter structure for better clarity and functionality.
2025-12-26 21:21:19 +08:00
AdingApkgg
a3bed57fbb Fix filter structure in fetchVndbQuotes and enhance screenshot validation in VndbPanel.vue
- Updated the filter format in fetchVndbQuotes to directly use vnId for improved clarity.
- Added a check in VndbPanel.vue to ensure the current game ID matches before processing screenshots, preventing unnecessary updates.
2025-12-26 21:17:01 +08:00
AdingApkgg
fef9629b8f Enhance translation handling and state management in VndbPanel.vue
- Introduced a mechanism to track the current game ID to prevent data inconsistencies during game switches.
- Refactored translation functions to include silent mode for background translations without audio feedback.
- Improved logic for loading character and quote translations, ensuring they are only processed if the game ID remains unchanged.
- Enhanced screenshot loading checks to ensure images are fully loaded before updating the UI state.
2025-12-26 20:25:07 +08:00
AdingApkgg
6c72391768 Refactor VndbPanel.vue to streamline image loading and translation handling
- Removed lazy loading attribute from images for improved performance.
- Simplified the logic for loading characters and quotes, integrating automatic translation upon loading.
- Cleaned up unused imports and optimized the code structure for better maintainability.
2025-12-26 20:17:06 +08:00
AdingApkgg
228390194e Refactor image loading and placeholder logic in VndbPanel.vue
- Updated the structure for image loading to improve clarity and maintainability.
- Introduced a template for conditional rendering of images and skeleton loading.
- Enhanced the placeholder display for characters without images for better user experience.
2025-12-26 19:12:01 +08:00
Asuna
eb1950fa4c Merge pull request #43 from Feiyuwan09/patch-2
Update friends.json
2025-12-26 19:09:52 +08:00
AdingApkgg
80ea9774d9 Remove voice actor section from VndbPanel.vue and refactor related logic
- Eliminated the voice actor display section to streamline the component.
- Updated image loading logic to focus on screenshot handling within the current panel.
- Adjusted the layout and state management for improved clarity and performance.
2025-12-26 18:56:28 +08:00
Feiyuwan09
414f374aa4 Update friends.json 2025-12-26 15:40:48 +08:00
AdingApkgg
7038145d09 Refactor image loading logic in VndbPanel.vue to enhance screenshot handling
- Updated the logic to locate screenshots using the alt attribute for better accuracy.
- Improved the condition to check if images are loaded and have valid dimensions before setting the screenshotsReady state.
2025-12-26 15:28:15 +08:00
AdingApkgg
2a030ea0f7 Enhance VndbPanel and SettingsModal components with improved UI and functionality
- Added a text scrolling feature to the API URL display in SettingsModal.vue for better visibility.
- Updated VndbPanel.vue to implement skeleton loading animations for images, enhancing user experience during content loading.
- Refactored image loading logic to ensure proper display and handling of loading states for screenshots and character images.
2025-12-26 15:24:03 +08:00
AdingApkgg
d88f715df9 Refactor image handling and layout in VndbPanel.vue and search.ts
- Updated image URL handling in fetchVndbCharacters to ensure proper proxy usage.
- Enhanced VndbPanel.vue layout with improved image placeholders and loading animations.
- Adjusted voice actor and character display logic to show more entries in a responsive grid format.
- Improved overall UI consistency with new gradient backgrounds and overlay text for better readability.
2025-12-26 15:03:24 +08:00
AdingApkgg
22ca50954e Enhance quote translation handling in VndbPanel.vue
- Added success and error sound feedback for quote translation actions.
- Improved user experience by providing audio cues for successful and failed translations.
2025-12-26 14:54:14 +08:00
AdingApkgg
87e328748d Update VndbPanel.vue to enhance voice actor display and improve UI
- Changed section title from "声优" to "角色配音" for better clarity.
- Adjusted the layout to display voice actors in a more responsive grid format.
- Updated the logic to limit displayed voice actors to 8 when collapsed.
- Improved image handling for voice actors, including a fallback for missing images.
- Enhanced button text for toggling voice actor visibility to reflect character count.
2025-12-26 14:52:59 +08:00
AdingApkgg
d5536b0f0e Enhance VndbPanel and related components with character and quote features
- Updated VndbPanel.vue to include new sections for displaying characters and quotes, enhancing the overall functionality.
- Added support for fetching and displaying character details and quotes from the VNDB API.
- Improved the UI with loading indicators and toggle buttons for expanded sections.
- Refactored translation handling to support quotes and added a one-click translation feature for all content.
- Cleaned up the codebase by optimizing imports and restructuring state management for better clarity.
2025-12-26 14:41:54 +08:00
AdingApkgg
919761a232 Refactor VndbPanel and related components to enhance functionality and UI
- Removed the Fancybox integration and related code from the project.
- Updated VndbPanel.vue to include new features such as displaying voice actors, related works, and external links.
- Enhanced the structure of VndbInfo to include additional fields like tags, relations, and developers.
- Improved the image handling and gallery functionality for better user experience.
- Cleaned up the codebase by removing unused imports and optimizing component logic.
2025-12-26 13:39:22 +08:00
AdingApkgg
5dc0f1823d Refactor SearchHeader and SearchResults components for improved layout and styling
- Adjusted the layout of the SearchHeader component to enhance responsiveness and visibility of the enter hint.
- Updated the SearchResults component to refine card styling and ensure consistent rounded corners across different screen sizes.
- Removed unused tag-related code from SearchHeader.vue to streamline the component.
2025-12-25 22:22:06 +08:00
AdingApkgg
e94c1f77af Enhance SearchHeader and SettingsModal components with improved UI and functionality
- Updated the SearchHeader.vue to include a new gradient background and reorganized the usage instructions into a more structured format with icons.
- Modified SettingsModal.vue to clarify API server options and added new server options for Japan and Germany, enhancing user experience and flexibility.
2025-12-25 22:08:53 +08:00
AdingApkgg
4b1484dd8a Update package dependencies and clean up component code
- Bump versions of `@typescript-eslint/eslint-plugin`, `@typescript-eslint/parser`, `typescript-eslint`, and `vue-tsc` in `package.json`.
- Remove unnecessary empty lines in `CommentsModal.vue`, `FloatingButtons.vue`, and `SearchHeader.vue` for improved code readability.
2025-12-25 19:40:00 +08:00
AdingApkgg
1f8928132e Remove friends.json and update SearchHeader.vue to import friend links directly from the new path. 2025-12-25 19:11:48 +08:00
Asuna
a26ede973e Merge pull request #34 from Moe-Sakura/main
add KisuGal
2025-12-25 18:18:47 +08:00
Asuna
ffbf9a9e65 Merge pull request #33 from kisugal/patch-1
Update friends.json
2025-12-25 17:30:01 +08:00
kisugal
a722250cdd Update friends.json 2025-12-25 16:12:06 +08:00
Asuna
757cdfc348 Merge pull request #32 from Moe-Sakura/dev
feat: 添加友情链接功能与更新组件样式
2025-12-25 15:19:41 +08:00
AdingApkgg
3a98ad209c feat: 添加友情链接功能与更新组件样式
* 在 `SearchHeader.vue` 中添加友情链接展示功能,支持从 `/data/friends.json` 加载数据。
* 更新 `UpdateToast.vue` 中的倒计时逻辑,将倒计时从 3 秒延长至 5 秒。
* 优化 `vite.config.ts` 和其他组件的样式,提升整体用户体验。
* 在 `useSound.ts` 和 `ui.ts` 中清理多余的空行,保持代码整洁。
2025-12-25 15:18:20 +08:00
Asuna
91683766ed Merge pull request #31 from Moe-Sakura/dev
feat: 优化组件样式与功能
2025-12-23 09:57:43 +08:00
AdingApkgg
79ef740959 feat: 优化组件样式与功能
* 在 `CommentsModal.vue`、`SettingsModal.vue` 和 `VndbPanel.vue` 中添加 `will-change: transform`,提升性能。
* 更新 `FloatingButtons.vue` 中的条件判断,确保进度条显示更准确。
* 在 `SettingsModal.vue` 中扩展 API 选项,增加对美国洛杉矶服务器的支持,提升用户选择的灵活性。
* 在 `useWindowManager.ts` 中优化样式计算,使用 `transform` 提升性能,避免布局重排。
2025-12-23 09:56:13 +08:00
Asuna
63c6f83446 Merge pull request #30 from Moe-Sakura/dev
Dev
2025-12-21 11:47:49 +08:00
AdingApkgg
e8349e4131 feat: 更新 ESLint 配置与组件代码风格
* 在 `eslint.config.js` 中添加多个只读全局变量,增强代码的可读性和一致性。
* 在多个组件中调整代码风格,确保条件语句使用大括号包裹,提高代码的可维护性。
* 优化 `AnimatedBackground.vue`、`CommentsModal.vue`、`SearchHeader.vue`、`SettingsModal.vue`、`StatsCorner.vue`、`VndbPanel.vue`、`useAnime.ts`、`useFancybox.ts`、`useProgress.ts`、`useTextScroll.ts` 和 `useWindowManager.ts` 中的逻辑,提升代码质量和一致性。
2025-12-21 11:47:08 +08:00
AdingApkgg
c46517da8b feat: 重构进度条与键盘快捷键帮助功能
* 移除 `nprogress` 依赖,替换为自定义进度条,使用 `anime.js` 实现更流畅的加载效果。
* 在 `index.html` 中优化主题检测与背景样式,提升用户体验。
* 添加键盘快捷键帮助面板,增强用户交互,支持通过快捷键显示/隐藏。
* 更新多个组件以集成新的键盘帮助功能,确保一致性和可用性。
* 优化 UI 状态管理,支持会话状态的恢复与清除,提升用户体验。
2025-12-21 11:30:04 +08:00
Asuna
c8ab8cfc46 Merge pull request #29 from Moe-Sakura/dev
feat: 移除 Quicklink 配置与相关依赖
2025-12-21 10:46:25 +08:00
AdingApkgg
6e170c579c feat: 移除 Quicklink 配置与相关依赖
* 从 `.env.example` 和 `env.d.ts` 中移除 `VITE_QUICKLINK_DELAY` 和 `VITE_QUICKLINK_LIMIT` 配置,简化性能设置。
* 更新 `README.md` 和相关文档,删除 Quicklink 相关的使用示例和说明。
* 在 `package.json` 中移除 `quicklink` 依赖,确保项目依赖的整洁性。
* 优化 `vite.config.ts` 和其他组件,调整性能配置以适应新的加载策略。
2025-12-21 10:45:56 +08:00
Asuna
0a4aeb642e Merge pull request #28 from Moe-Sakura/dev
feat: 添加 WWDC 2025 液态玻璃效果
2025-12-19 18:55:04 +08:00
AdingApkgg
3024e8e707 feat: 添加 WWDC 2025 液态玻璃效果
* 在多个组件中实现液态玻璃效果,包括 `CommentsModal.vue`、`SettingsModal.vue`、`VndbPanel.vue`、`SearchHeader.vue` 和 `SearchResults.vue`,提升视觉体验。
* 更新样式以支持液态玻璃高光和背景模糊效果,确保在不同主题下的视觉一致性。
* 在 `index.html` 中添加液态玻璃 SVG 滤镜定义,提供更丰富的视觉效果。
* 引入新的 CSS 类以实现液态玻璃效果,增强用户界面的现代感和交互性。
2025-12-19 18:54:25 +08:00
Asuna
a0cb1560c5 Merge pull request #27 from Moe-Sakura/dev
feat: 性能优化与组件改进
2025-12-15 12:05:21 +08:00
AdingApkgg
7098d15cb4 feat: 性能优化与组件改进
* 在 `index.html` 中添加性能优化的 meta 标签,提升页面加载速度。
* 更新 `App.vue` 中的背景层,使用 GPU 加速和懒加载策略,优化性能。
* 在多个组件中引入 GPU 加速和渲染隔离的 CSS 类,提升动画和交互性能。
* 更新 `FloatingButtons.vue` 和 `SearchHeader.vue` 的样式,确保在不同主题下的视觉一致性。
* 优化 `useClickEffect.ts` 中的点击特效实现,使用对象池和 CSS 变量减少 DOM 操作和样式计算。
* 在 `base.css` 中添加全局性能优化工具类,提升整体渲染效率。
2025-12-15 11:49:41 +08:00
Asuna
ced3c49090 Merge pull request #26 from Moe-Sakura/dev
feat: 添加 Noto Sans SC 字体支持
2025-12-15 10:57:47 +08:00
AdingApkgg
051f03b566 feat: 添加 Noto Sans SC 字体支持
* 在 `package.json` 中添加 `@fontsource/noto-sans-sc` 依赖,以支持 Noto Sans SC 字体。
* 更新 `src/main.ts` 引入 Noto Sans SC 字体的不同粗细样式。
* 修改 `src/styles/base.css` 中的字体栈,优先使用 Noto Sans SC 字体,提升中文显示效果。
2025-12-15 10:57:09 +08:00
Asuna
eeba594cf2 Merge pull request #25 from Moe-Sakura/dev
feat: 更新图标资源与相关文档
2025-12-15 10:45:33 +08:00