wehub-resource-sync
64 lines
1.6 KiB
TypeScript
64 lines
1.6 KiB
TypeScript
/**
|
|
* FileManager Gesture Hooks
|
|
*
|
|
* Provides gesture bindings for navigation transitions
|
|
*/
|
|
import { useCallback } from 'react';
|
|
import { useAppNavigate } from '../navigation';
|
|
import { TransitionId } from '../navigation.declaration';
|
|
|
|
type GestureProps = {
|
|
onClick: (e: React.MouseEvent) => void;
|
|
'data-trigger': string;
|
|
'data-trigger-type': 'tap' | 'longPress' | 'doubleTap';
|
|
'data-trigger-params'?: string;
|
|
};
|
|
|
|
type BackGestureProps = {
|
|
onClick: (e: React.MouseEvent) => void;
|
|
'data-trigger': 'system.back';
|
|
'data-trigger-type': 'tap';
|
|
};
|
|
|
|
export function useFileManagerGestures() {
|
|
const { go, back } = useAppNavigate();
|
|
|
|
const bindTap = useCallback(
|
|
(
|
|
transitionId: TransitionId,
|
|
options?: {
|
|
params?: Record<string, string | number>;
|
|
mode?: 'push' | 'replace';
|
|
beforeTrigger?: () => void;
|
|
},
|
|
): GestureProps => {
|
|
return {
|
|
onClick: (e: React.MouseEvent) => {
|
|
e.stopPropagation();
|
|
options?.beforeTrigger?.();
|
|
go(transitionId, options?.params || {}, { mode: options?.mode });
|
|
},
|
|
'data-trigger': transitionId,
|
|
'data-trigger-type': 'tap',
|
|
...(options?.params && {
|
|
'data-trigger-params': JSON.stringify(options.params),
|
|
}),
|
|
};
|
|
},
|
|
[go],
|
|
);
|
|
|
|
const bindBack = useCallback((): BackGestureProps => {
|
|
return {
|
|
onClick: (e: React.MouseEvent) => {
|
|
e.stopPropagation();
|
|
back();
|
|
},
|
|
'data-trigger': 'system.back',
|
|
'data-trigger-type': 'tap',
|
|
};
|
|
}, [back]);
|
|
|
|
return { bindTap, bindBack, go, back };
|
|
}
|