ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

captureEvents: Support includedClosestSelector

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-02-06 16:48:27 +01:00
parent 96d4e7a437
commit 44261055e6
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/util/captureEvents.ts
View File

@ -47,6 +47,7 @@ interface CaptureOptions {
onClick?: (e: MouseEvent | TouchEvent) => void; onClick?: (e: MouseEvent | TouchEvent) => void;
onDoubleClick?: (e: MouseEvent | RealTouchEvent | WheelEvent, params: { centerX: number; centerY: number }) => void; onDoubleClick?: (e: MouseEvent | RealTouchEvent | WheelEvent, params: { centerX: number; centerY: number }) => void;
excludedClosestSelector?: string; excludedClosestSelector?: string;
includedClosestSelector?: string;
selectorToPreventScroll?: string; selectorToPreventScroll?: string;
withNativeDrag?: boolean; withNativeDrag?: boolean;
maxZoom?: number; maxZoom?: number;
@ -74,6 +75,7 @@ type TSwipeAxis =
export const IOS_SCREEN_EDGE_THRESHOLD = 20; export const IOS_SCREEN_EDGE_THRESHOLD = 20;
export const SWIPE_DIRECTION_THRESHOLD = 10; export const SWIPE_DIRECTION_THRESHOLD = 10;
export const SWIPE_DIRECTION_TOLERANCE = 1.5; export const SWIPE_DIRECTION_TOLERANCE = 1.5;
const MOVE_THRESHOLD = 15; const MOVE_THRESHOLD = 15;
const SWIPE_THRESHOLD_DEFAULT = 20; const SWIPE_THRESHOLD_DEFAULT = 20;
const RELEASE_WHEEL_ZOOM_DELAY = 150; const RELEASE_WHEEL_ZOOM_DELAY = 150;
@ -95,7 +97,7 @@ let lastClickTime = 0;
const lethargy = new Lethargy({ const lethargy = new Lethargy({
stability: 5, stability: 5,
sensitivity: 25, sensitivity: 25,
tolerance: IS_WINDOWS ? 1 : 0.6, // Windows scrollDelta does not die down to 0 tolerance: IS_WINDOWS ? 1 : 0.6, // Windows `scrollDelta` does not die down to 0
delay: 150, delay: 150,
}); });
@ -127,6 +129,7 @@ export function captureEvents(element: HTMLElement, options: CaptureOptions) {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
const { const {
excludedClosestSelector, excludedClosestSelector,
includedClosestSelector,
withNativeDrag, withNativeDrag,
withCursor, withCursor,
onDrag, onDrag,
@ -141,7 +144,10 @@ export function captureEvents(element: HTMLElement, options: CaptureOptions) {
} }
if ( if (
excludedClosestSelector && (target.matches(excludedClosestSelector) || target.closest(excludedClosestSelector)) (excludedClosestSelector && (target.matches(excludedClosestSelector) || target.closest(excludedClosestSelector)))
|| (
includedClosestSelector && !(target.matches(includedClosestSelector) || target.closest(includedClosestSelector))
)
) { ) {
return; return;
} }