wehub-resource-sync
52 lines
2.0 KiB
TypeScript
52 lines
2.0 KiB
TypeScript
import React, { useCallback, useEffect, useRef } from 'react';
|
||
import { useNavigate, useLocation, UNSAFE_NavigationContext } from 'react-router-dom';
|
||
import { AppNavigatorRegistry } from '../../../os/AppNavigatorRegistry';
|
||
import { useAppNavigationHandler } from '../../../os/hooks/useAppNavigationHandler';
|
||
import { useActivityContext } from '../../../os/ActivityContext';
|
||
|
||
// 标准 App 桥接：系统返回/路由观测/（可选）外部导航
|
||
export const AlipayNavigationHandler: React.FC = () => {
|
||
const location = useLocation();
|
||
const navigate = useNavigate();
|
||
const { activityId } = useActivityContext();
|
||
const { navigator } = React.useContext(UNSAFE_NavigationContext);
|
||
const historyIndexRef = useRef(0);
|
||
|
||
useEffect(() => {
|
||
const memoryNavigator = navigator as any;
|
||
if (typeof memoryNavigator?.index === 'number') {
|
||
historyIndexRef.current = memoryNavigator.index;
|
||
}
|
||
}, [location, navigator]);
|
||
|
||
const handleBackPress = useCallback((): boolean => {
|
||
const memoryNavigator = navigator as any;
|
||
const currentIndex =
|
||
typeof memoryNavigator?.index === 'number' ? memoryNavigator.index : historyIndexRef.current;
|
||
|
||
if (currentIndex > 0) {
|
||
navigate(-1);
|
||
return true;
|
||
}
|
||
return false;
|
||
}, [navigate, navigator]);
|
||
|
||
// Per-activity navigation registration (activity-system level)
|
||
useEffect(() => {
|
||
// 默认 replace=true 兼容已有调用，但尊重显式 { replace: false }（singleTask 启动需要 push 才能保留 '/' 在历史栈底）。
|
||
const navFn = (path: string, opts?: { replace?: boolean }) => {
|
||
navigate(path, { replace: opts?.replace ?? true });
|
||
};
|
||
AppNavigatorRegistry.registerActivity(activityId, { navigate: navFn, back: handleBackPress }, 'alipay');
|
||
|
||
return () => {
|
||
AppNavigatorRegistry.unregisterActivity(activityId);
|
||
};
|
||
}, [activityId, handleBackPress, navigate]);
|
||
|
||
// Per-app navigation registration (app-lifecycle level)
|
||
useAppNavigationHandler('alipay', { onBack: handleBackPress });
|
||
|
||
return null;
|
||
};
|