YuuMJ1997/mihomo-party
1
0
Fork 0
mirror of https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party synced 2026-04-17 15:40:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: reset proxy list scroll position to top on page entry

Browse Source
This commit is contained in:
Memory 2026-03-18 11:31:52 +08:00 committed by GitHub
parent 5d4c0cbfb9
commit e2fbb2a8ad
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 2 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/renderer/src/pages/proxies.tsx
View File

@ -23,7 +23,6 @@ import { useControledMihomoConfig } from '@renderer/hooks/use-controled-mihomo-c
import { useTranslation } from 'react-i18next' import { useTranslation } from 'react-i18next'
const GROUP_EXPAND_STATE_KEY = 'proxy_group_expand_state' const GROUP_EXPAND_STATE_KEY = 'proxy_group_expand_state'
const SCROLL_POSITION_KEY = 'proxy_scroll_position'
// 自定义 hook 用于管理展开状态 // 自定义 hook 用于管理展开状态
const useProxyState = ( const useProxyState = (
@ -32,33 +31,9 @@ const useProxyState = (
virtuosoRef: React.RefObject<GroupedVirtuosoHandle | null> virtuosoRef: React.RefObject<GroupedVirtuosoHandle | null>
isOpen: boolean[] isOpen: boolean[]
setIsOpen: React.Dispatch<React.SetStateAction<boolean[]>> setIsOpen: React.Dispatch<React.SetStateAction<boolean[]>>
initialTopMostItemIndex: number
handleRangeChanged: (range: { startIndex: number }) => void
} => { } => {
const virtuosoRef = useRef<GroupedVirtuosoHandle | null>(null) const virtuosoRef = useRef<GroupedVirtuosoHandle | null>(null)
// 记住滚动位置
const [initialTopMostItemIndex] = useState<number>(() => {
try {
const savedPosition = sessionStorage.getItem(SCROLL_POSITION_KEY)
if (savedPosition) {
sessionStorage.removeItem(SCROLL_POSITION_KEY)
return parseInt(savedPosition, 10) || 0
}
} catch (error) {
console.error('Failed to restore scroll position:', error)
}
return 0
})
const handleRangeChanged = useCallback((range: { startIndex: number }) => {
try {
sessionStorage.setItem(SCROLL_POSITION_KEY, range.startIndex.toString())
} catch (error) {
console.error('Failed to save scroll position:', error)
}
}, [])
// 初始化展开状态 // 初始化展开状态
const [isOpen, setIsOpen] = useState<boolean[]>(() => { const [isOpen, setIsOpen] = useState<boolean[]>(() => {
try { try {
@ -101,9 +76,7 @@ const useProxyState = (
return { return {
virtuosoRef, virtuosoRef,
isOpen, isOpen,
setIsOpen, setIsOpen
initialTopMostItemIndex,
handleRangeChanged
} }
} }
@ -122,8 +95,7 @@ const Proxies: React.FC = () => {
} = appConfig || {} } = appConfig || {}
const [cols, setCols] = useState(1) const [cols, setCols] = useState(1)
const { virtuosoRef, isOpen, setIsOpen, initialTopMostItemIndex, handleRangeChanged } = const { virtuosoRef, isOpen, setIsOpen } = useProxyState(groups)
useProxyState(groups)
const [delaying, setDelaying] = useState(Array(groups.length).fill(false)) const [delaying, setDelaying] = useState(Array(groups.length).fill(false))
const [proxyDelaying, setProxyDelaying] = useState<Set<string>>(new Set()) const [proxyDelaying, setProxyDelaying] = useState<Set<string>>(new Set())
const [searchValue, setSearchValue] = useState(Array(groups.length).fill('')) const [searchValue, setSearchValue] = useState(Array(groups.length).fill(''))
@ -613,8 +585,6 @@ const Proxies: React.FC = () => {
defaultItemHeight={80} defaultItemHeight={80}
increaseViewportBy={{ top: 150, bottom: 150 }} increaseViewportBy={{ top: 150, bottom: 150 }}
overscan={200} overscan={200}
initialTopMostItemIndex={initialTopMostItemIndex}
rangeChanged={handleRangeChanged}
computeItemKey={(index, groupIndex) => `${groupIndex}-${index}`} computeItemKey={(index, groupIndex) => `${groupIndex}-${index}`}
groupContent={renderGroupContent} groupContent={renderGroupContent}
itemContent={renderItemContent} itemContent={renderItemContent}