mirror of
https://github.com/clash-verge-rev/clash-verge-rev.git
synced 2026-10-22 19:52:14 +08:00
oomeow
dd3ef698f5
* feat(proxy): implement sticky virtual list and group tools - Add new StickyVirtualList component for better performance with sticky headers - Create ProxyGroupTools component for filtering, sorting and testing proxy groups - Enhance proxy groups with improved scrolling and group toggle functionality - Integrate search box with click event handling - Remove redundant ProxyHead component usage * style: remove unused import and update TypeScript types * refactor: convert function component to forwardRef component to fix biome lint error * feat(proxy): extract proxy chain UI to separate component * refactor: remove custom throttle implementation and simplify dependencies * feat(proxy): improve proxy groups UI and scrolling behavior - Add initialOffset prop to StickyVirtualList for better scroll position restoration - Refactor ProxyGroups component to separate chain and normal modes - Implement scroll position persistence for both chain and normal modes - Add sticky shadow effect for expanded proxy groups - Remove unnecessary ScrollTopButton component - Optimize scroll event handling with throttling - Improve code organization with custom hooks and component separation * docs(proxy-groups): Add TODO comment for initial render position issue * feat(proxy): improve scroll position handling and UI display * refactor(proxy): simplify scroll handling logic and remove unused code * fix(sticky-virtual-list): remove duplicate styles and add padding * refactor(proxy): rename scroll offset variables and functions for clarity * refactor: remove unnecessary refs and simplify onClick handlers * fix(proxy-groups): handle initial scroll position state * feat(zed): add biome formatter configuration * refactor(proxy): remove unused headState import and type annotations * style(proxy): improve type imports and conditional rendering * . * feat(proxy): add ProxyHead component to render in global mode * chore: ignore .zed directory * docs: update changelog
35 lines
760 B
TypeScript
35 lines
760 B
TypeScript
import { Box, CircularProgress } from '@mui/material'
|
|
|
|
interface BaseLoadingOverlayProps {
|
|
isLoading: boolean
|
|
}
|
|
|
|
export const BaseLoadingOverlay: React.FC<BaseLoadingOverlayProps> = ({
|
|
isLoading,
|
|
}) => {
|
|
if (!isLoading) return null
|
|
|
|
return (
|
|
<Box
|
|
sx={{
|
|
position: 'absolute',
|
|
top: 0,
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
display: 'flex',
|
|
justifyContent: 'center',
|
|
alignItems: 'center',
|
|
// Respect current theme; avoid bright flash in dark mode
|
|
backgroundColor: (theme) =>
|
|
theme.palette.mode === 'dark'
|
|
? 'rgba(0, 0, 0, 0.5)'
|
|
: 'rgba(255, 255, 255, 0.7)',
|
|
zIndex: 1000,
|
|
}}
|
|
>
|
|
<CircularProgress />
|
|
</Box>
|
|
)
|
|
}
|