chuan/Cli-Proxy-API-Management-Center
1
0
Fork 0
mirror of https://github.com/router-for-me/Cli-Proxy-API-Management-Center.git synced 2026-06-16 21:03:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(config): gate visual editor observers by layer

Browse Source
This commit is contained in:
Supra4E8C
2026-04-03 01:46:23 +08:00
Unverified
parent 66a03364a7
commit 7333e98db0
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/config/VisualConfigEditor.tsx
+5 -4
View File
@@ -179,7 +179,7 @@ export function VisualConfigEditor({
}: VisualConfigEditorProps) {
const { t } = useTranslation();
const pageTransitionLayer = usePageTransitionLayer();
const isCurrentLayer = pageTransitionLayer ? pageTransitionLayer.status === 'current' : true;
const isCurrentLayer = pageTransitionLayer ? pageTransitionLayer.isCurrentLayer : true;
const isMobile = useMediaQuery('(max-width: 768px)');
const isFloatingSidebar = useMediaQuery('(min-width: 1025px)');
const shouldRenderFloatingSidebar = !isMobile && isFloatingSidebar && isCurrentLayer;
@@ -334,6 +334,7 @@ export function VisualConfigEditor({
);
useEffect(() => {
if (!isCurrentLayer) return undefined;
if (typeof IntersectionObserver === 'undefined') return undefined;
const observer = new IntersectionObserver(
@@ -357,10 +358,10 @@ export function VisualConfigEditor({
}
return () => observer.disconnect();
}, [sections]);
}, [isCurrentLayer, sections]);
useEffect(() => {
if (!isMobile) return;
if (!isCurrentLayer || !isMobile) return;
const scroller = mobileNavScrollerRef.current;
const button = mobileNavButtonRefs.current[activeSectionId];
if (!scroller || !button) return;
@@ -378,7 +379,7 @@ export function VisualConfigEditor({
left: targetLeft,
behavior: 'smooth',
});
}, [activeSectionId, isMobile]);
}, [activeSectionId, isCurrentLayer, isMobile]);
const handleSectionJump = useCallback((sectionId: VisualSectionId) => {
setActiveSectionId(sectionId);