react-native-gesture-image-viewer 2.1.2 → 2.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/lib/module/GestureTrigger.js.map +1 -1
- package/lib/module/GestureViewer.js +23 -6
- package/lib/module/GestureViewer.js.map +1 -1
- package/lib/module/GestureViewerManager.js +26 -6
- package/lib/module/GestureViewerManager.js.map +1 -1
- package/lib/module/GestureViewerRegistry.js.map +1 -1
- package/lib/module/WebPagingFixStyle.js.map +1 -1
- package/lib/module/useGestureViewer.js +205 -229
- package/lib/module/useGestureViewer.js.map +1 -1
- package/lib/module/useGestureViewerController.js.map +1 -1
- package/lib/module/useGestureViewerEvent.js.map +1 -1
- package/lib/module/useGestureViewerPaging.js +68 -0
- package/lib/module/useGestureViewerPaging.js.map +1 -0
- package/lib/module/useGestureViewerPaging.types.js +4 -0
- package/lib/module/useGestureViewerPaging.types.js.map +1 -0
- package/lib/module/useGestureViewerPaging.web.js +241 -0
- package/lib/module/useGestureViewerPaging.web.js.map +1 -0
- package/lib/module/useGestureViewerState.js.map +1 -1
- package/lib/module/utils/index.js +23 -16
- package/lib/module/utils/index.js.map +1 -1
- package/lib/module/utils/tapZoom.js +34 -0
- package/lib/module/utils/tapZoom.js.map +1 -0
- package/lib/module/utils/webScroll.js +70 -0
- package/lib/module/utils/webScroll.js.map +1 -0
- package/lib/typescript/src/GestureTrigger.d.ts +1 -1
- package/lib/typescript/src/GestureTrigger.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewer.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewerManager.d.ts +5 -0
- package/lib/typescript/src/GestureViewerManager.d.ts.map +1 -1
- package/lib/typescript/src/GestureViewerRegistry.d.ts.map +1 -1
- package/lib/typescript/src/WebPagingFixStyle.d.ts.map +1 -1
- package/lib/typescript/src/types.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewer.d.ts +13 -11
- package/lib/typescript/src/useGestureViewer.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerController.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerEvent.d.ts.map +1 -1
- package/lib/typescript/src/useGestureViewerPaging.d.ts +3 -0
- package/lib/typescript/src/useGestureViewerPaging.d.ts.map +1 -0
- package/lib/typescript/src/useGestureViewerPaging.types.d.ts +32 -0
- package/lib/typescript/src/useGestureViewerPaging.types.d.ts.map +1 -0
- package/lib/typescript/src/useGestureViewerPaging.web.d.ts +3 -0
- package/lib/typescript/src/useGestureViewerPaging.web.d.ts.map +1 -0
- package/lib/typescript/src/useGestureViewerState.d.ts.map +1 -1
- package/lib/typescript/src/utils/index.d.ts +8 -1
- package/lib/typescript/src/utils/index.d.ts.map +1 -1
- package/lib/typescript/src/utils/tapZoom.d.ts +12 -0
- package/lib/typescript/src/utils/tapZoom.d.ts.map +1 -0
- package/lib/typescript/src/utils/webScroll.d.ts +18 -0
- package/lib/typescript/src/utils/webScroll.d.ts.map +1 -0
- package/package.json +86 -80
- package/src/GestureTrigger.tsx +9 -2
- package/src/GestureViewer.tsx +77 -28
- package/src/GestureViewerManager.ts +62 -12
- package/src/GestureViewerRegistry.ts +1 -0
- package/src/WebPagingFixStyle.tsx +1 -0
- package/src/types.ts +44 -32
- package/src/useGestureViewer.ts +292 -313
- package/src/useGestureViewerController.ts +1 -0
- package/src/useGestureViewerEvent.ts +5 -1
- package/src/useGestureViewerPaging.ts +112 -0
- package/src/useGestureViewerPaging.types.ts +34 -0
- package/src/useGestureViewerPaging.web.ts +390 -0
- package/src/useGestureViewerState.ts +1 -0
- package/src/utils/index.ts +48 -16
- package/src/utils/tapZoom.ts +44 -0
- package/src/utils/webScroll.ts +96 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useMemo","useRef","registry","useGestureViewerController","id","managerRef","unsubscribe","subscribeToManager","manager","current","goToIndex","index","goToPrevious","goToNext","zoomIn","multiplier","zoomOut","resetZoom","scale","rotate","angle","clockwise"],"sourceRoot":"../../src","sources":["useGestureViewerController.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useEffect","useMemo","useRef","registry","useGestureViewerController","id","managerRef","unsubscribe","subscribeToManager","manager","current","goToIndex","index","goToPrevious","goToNext","zoomIn","multiplier","zoomOut","resetZoom","scale","rotate","angle","clockwise"],"sourceRoot":"../../src","sources":["useGestureViewerController.ts"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAGlD,SAASC,QAAQ,QAAQ,4BAAyB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAGA,CAACC,EAAE,GAAG,SAAS,KAA8B;EACrF,MAAMC,UAAU,GAAGJ,MAAM,CAA8B,IAAI,CAAC;EAE5DF,SAAS,CAAC,MAAM;IACd,MAAMO,WAAW,GAAGJ,QAAQ,CAACK,kBAAkB,CAACH,EAAE,EAAGI,OAAO,IAAK;MAC/DH,UAAU,CAACI,OAAO,GAAGD,OAAO;IAC9B,CAAC,CAAC;IAEF,OAAOF,WAAW;EACpB,CAAC,EAAE,CAACF,EAAE,CAAC,CAAC;EAER,OAAOJ,OAAO,CACZ,OAAO;IACLU,SAAS,EAAGC,KAAK,IAAK;MACpBN,UAAU,CAACI,OAAO,EAAEC,SAAS,CAACC,KAAK,CAAC;IACtC,CAAC;IACDC,YAAY,EAAEA,CAAA,KAAM;MAClBP,UAAU,CAACI,OAAO,EAAEG,YAAY,CAAC,CAAC;IACpC,CAAC;IACDC,QAAQ,EAAEA,CAAA,KAAM;MACdR,UAAU,CAACI,OAAO,EAAEI,QAAQ,CAAC,CAAC;IAChC,CAAC;IACDC,MAAM,EAAGC,UAAU,IAAK;MACtBV,UAAU,CAACI,OAAO,EAAEK,MAAM,CAACC,UAAU,CAAC;IACxC,CAAC;IACDC,OAAO,EAAGD,UAAU,IAAK;MACvBV,UAAU,CAACI,OAAO,EAAEO,OAAO,CAACD,UAAU,CAAC;IACzC,CAAC;IACDE,SAAS,EAAGC,KAAK,IAAK;MACpBb,UAAU,CAACI,OAAO,EAAEQ,SAAS,CAACC,KAAK,CAAC;IACtC,CAAC;IACDC,MAAM,EAAEA,CAACC,KAAK,EAAEC,SAAS,KAAK;MAC5BhB,UAAU,CAACI,OAAO,EAAEU,MAAM,CAACC,KAAK,EAAEC,SAAS,CAAC;IAC9C;EACF,CAAC,CAAC,EACF,EACF,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","registry","useGestureViewerEvent","idOrEventType","eventTypeOrCallback","callback","id","eventType","finalCallback","unsubscribeFromManager","handleManagerChange","manager","addEventListener","unsubscribeFromRegistry","subscribeToManager"],"sourceRoot":"../../src","sources":["useGestureViewerEvent.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useEffect","registry","useGestureViewerEvent","idOrEventType","eventTypeOrCallback","callback","id","eventType","finalCallback","unsubscribeFromManager","handleManagerChange","manager","addEventListener","unsubscribeFromRegistry","subscribeToManager"],"sourceRoot":"../../src","sources":["useGestureViewerEvent.ts"],"mappings":";;AAAA,SAASA,SAAS,QAAQ,OAAO;AAGjC,SAASC,QAAQ,QAAQ,4BAAyB;;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,qBAAqBA,CACnCC,aAAyB,EACzBC,mBAAsD,EACtDC,QAAwC,EACxC;EACA,MAAMC,EAAE,GAAG,OAAOH,aAAa,KAAK,QAAQ,IAAIE,QAAQ,GAAGF,aAAa,GAAG,SAAS;EACpF,MAAMI,SAAS,GACb,OAAOJ,aAAa,KAAK,QAAQ,IAAIE,QAAQ,GACxCD,mBAAmB,GACnBD,aAAmB;EAC1B,MAAMK,aAAa,GAAGH,QAAQ,IAAKD,mBAAqD;EAExFJ,SAAS,CAAC,MAAM;IACd,IAAIS,sBAA2C,GAAG,IAAI;IAEtD,MAAMC,mBAAmB,GAAIC,OAAoC,IAAK;MACpEF,sBAAsB,GAAG,CAAC;MAC1BA,sBAAsB,GAAG,IAAI;MAE7B,IAAIE,OAAO,EAAE;QACXF,sBAAsB,GAAGE,OAAO,CAACC,gBAAgB,CAACL,SAAS,EAAEC,aAAa,CAAC;MAC7E;IACF,CAAC;IAED,MAAMK,uBAAuB,GAAGZ,QAAQ,CAACa,kBAAkB,CAACR,EAAE,EAAEI,mBAAmB,CAAC;IAEpF,OAAO,MAAM;MACXG,uBAAuB,CAAC,CAAC;MACzBJ,sBAAsB,GAAG,CAAC;IAC5B,CAAC;EACH,CAAC,EAAE,CAACH,EAAE,EAAEC,SAAS,EAAEC,aAAa,CAAC,CAAC;AACpC","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect } from 'react';
|
|
4
|
+
import { getLoopAdjustedIndex } from "./utils/index.js";
|
|
5
|
+
export function useGestureViewerPaging({
|
|
6
|
+
autoPlay,
|
|
7
|
+
autoPlayInterval,
|
|
8
|
+
currentIndex,
|
|
9
|
+
dataLength,
|
|
10
|
+
enableHorizontalSwipe,
|
|
11
|
+
enableLoop,
|
|
12
|
+
isRotated,
|
|
13
|
+
isZoomed,
|
|
14
|
+
itemSpacing,
|
|
15
|
+
manager,
|
|
16
|
+
scrollTo,
|
|
17
|
+
syncCurrentIndex,
|
|
18
|
+
width
|
|
19
|
+
}) {
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
if (!autoPlay || !manager || dataLength <= 1 || isZoomed || isRotated || !enableLoop && currentIndex === dataLength - 1) {
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
const intervalMs = Math.max(250, Math.floor(autoPlayInterval || 0));
|
|
25
|
+
if (!Number.isFinite(intervalMs)) {
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
const interval = setInterval(() => {
|
|
29
|
+
if (isZoomed || isRotated) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
manager.goToNext();
|
|
33
|
+
}, intervalMs);
|
|
34
|
+
return () => clearInterval(interval);
|
|
35
|
+
}, [autoPlay, autoPlayInterval, currentIndex, dataLength, enableLoop, isRotated, isZoomed, manager]);
|
|
36
|
+
const onMomentumScrollEnd = useCallback(event => {
|
|
37
|
+
if (!enableHorizontalSwipe) {
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
const {
|
|
41
|
+
contentOffset
|
|
42
|
+
} = event.nativeEvent;
|
|
43
|
+
const scrollIndex = Math.round(contentOffset.x / (width + itemSpacing));
|
|
44
|
+
const isLoopHandled = manager?.handleMomentumScrollEnd(scrollIndex);
|
|
45
|
+
if (isLoopHandled) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
const {
|
|
49
|
+
realIndex,
|
|
50
|
+
needsJump,
|
|
51
|
+
jumpToIndex
|
|
52
|
+
} = getLoopAdjustedIndex(scrollIndex, dataLength, enableLoop);
|
|
53
|
+
if (needsJump && jumpToIndex !== undefined) {
|
|
54
|
+
scrollTo(jumpToIndex, false);
|
|
55
|
+
}
|
|
56
|
+
syncCurrentIndex(realIndex);
|
|
57
|
+
}, [dataLength, enableHorizontalSwipe, enableLoop, itemSpacing, manager, scrollTo, syncCurrentIndex, width]);
|
|
58
|
+
const onScrollBeginDrag = useCallback(() => {
|
|
59
|
+
manager?.handleScrollBeginDrag();
|
|
60
|
+
}, [manager]);
|
|
61
|
+
return {
|
|
62
|
+
onMomentumScrollEnd,
|
|
63
|
+
onScroll: undefined,
|
|
64
|
+
onScrollBeginDrag,
|
|
65
|
+
onWebDoubleClick: undefined
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=useGestureViewerPaging.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","getLoopAdjustedIndex","useGestureViewerPaging","autoPlay","autoPlayInterval","currentIndex","dataLength","enableHorizontalSwipe","enableLoop","isRotated","isZoomed","itemSpacing","manager","scrollTo","syncCurrentIndex","width","intervalMs","Math","max","floor","Number","isFinite","interval","setInterval","goToNext","clearInterval","onMomentumScrollEnd","event","contentOffset","nativeEvent","scrollIndex","round","x","isLoopHandled","handleMomentumScrollEnd","realIndex","needsJump","jumpToIndex","undefined","onScrollBeginDrag","handleScrollBeginDrag","onScroll","onWebDoubleClick"],"sourceRoot":"../../src","sources":["useGestureViewerPaging.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAO9C,SAASC,oBAAoB,QAAQ,kBAAS;AAE9C,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,QAAQ;EACRC,gBAAgB;EAChBC,YAAY;EACZC,UAAU;EACVC,qBAAqB;EACrBC,UAAU;EACVC,SAAS;EACTC,QAAQ;EACRC,WAAW;EACXC,OAAO;EACPC,QAAQ;EACRC,gBAAgB;EAChBC;AAC0B,CAAC,EAAgC;EAC3Df,SAAS,CAAC,MAAM;IACd,IACE,CAACG,QAAQ,IACT,CAACS,OAAO,IACRN,UAAU,IAAI,CAAC,IACfI,QAAQ,IACRD,SAAS,IACR,CAACD,UAAU,IAAIH,YAAY,KAAKC,UAAU,GAAG,CAAE,EAChD;MACA;IACF;IAEA,MAAMU,UAAU,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAG,EAAED,IAAI,CAACE,KAAK,CAACf,gBAAgB,IAAI,CAAC,CAAC,CAAC;IAEnE,IAAI,CAACgB,MAAM,CAACC,QAAQ,CAACL,UAAU,CAAC,EAAE;MAChC;IACF;IAEA,MAAMM,QAAQ,GAAGC,WAAW,CAAC,MAAM;MACjC,IAAIb,QAAQ,IAAID,SAAS,EAAE;QACzB;MACF;MAEAG,OAAO,CAACY,QAAQ,CAAC,CAAC;IACpB,CAAC,EAAER,UAAU,CAAC;IAEd,OAAO,MAAMS,aAAa,CAACH,QAAQ,CAAC;EACtC,CAAC,EAAE,CACDnB,QAAQ,EACRC,gBAAgB,EAChBC,YAAY,EACZC,UAAU,EACVE,UAAU,EACVC,SAAS,EACTC,QAAQ,EACRE,OAAO,CACR,CAAC;EAEF,MAAMc,mBAAmB,GAAG3B,WAAW,CACpC4B,KAA8C,IAAK;IAClD,IAAI,CAACpB,qBAAqB,EAAE;MAC1B;IACF;IAEA,MAAM;MAAEqB;IAAc,CAAC,GAAGD,KAAK,CAACE,WAAW;IAC3C,MAAMC,WAAW,GAAGb,IAAI,CAACc,KAAK,CAACH,aAAa,CAACI,CAAC,IAAIjB,KAAK,GAAGJ,WAAW,CAAC,CAAC;IAEvE,MAAMsB,aAAa,GAAGrB,OAAO,EAAEsB,uBAAuB,CAACJ,WAAW,CAAC;IAEnE,IAAIG,aAAa,EAAE;MACjB;IACF;IAEA,MAAM;MAAEE,SAAS;MAAEC,SAAS;MAAEC;IAAY,CAAC,GAAGpC,oBAAoB,CAChE6B,WAAW,EACXxB,UAAU,EACVE,UACF,CAAC;IAED,IAAI4B,SAAS,IAAIC,WAAW,KAAKC,SAAS,EAAE;MAC1CzB,QAAQ,CAACwB,WAAW,EAAE,KAAK,CAAC;IAC9B;IAEAvB,gBAAgB,CAACqB,SAAS,CAAC;EAC7B,CAAC,EACD,CACE7B,UAAU,EACVC,qBAAqB,EACrBC,UAAU,EACVG,WAAW,EACXC,OAAO,EACPC,QAAQ,EACRC,gBAAgB,EAChBC,KAAK,CAET,CAAC;EAED,MAAMwB,iBAAiB,GAAGxC,WAAW,CAAC,MAAM;IAC1Ca,OAAO,EAAE4B,qBAAqB,CAAC,CAAC;EAClC,CAAC,EAAE,CAAC5B,OAAO,CAAC,CAAC;EAEb,OAAO;IACLc,mBAAmB;IACnBe,QAAQ,EAAEH,SAAS;IACnBC,iBAAiB;IACjBG,gBAAgB,EAAEJ;EACpB,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["useGestureViewerPaging.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,241 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCallback, useEffect, useRef } from 'react';
|
|
4
|
+
import { applyTapZoomAtPoint } from "./utils/tapZoom.js";
|
|
5
|
+
import { getWebAutoPlayTargetPhysicalIndex, getWebScrollPhysicalIndex, resolveWebScrollFinalState } from "./utils/webScroll.js";
|
|
6
|
+
export function useGestureViewerPaging({
|
|
7
|
+
adjustedInitialIndex,
|
|
8
|
+
autoPlay,
|
|
9
|
+
autoPlayInterval,
|
|
10
|
+
currentIndex,
|
|
11
|
+
dataLength,
|
|
12
|
+
enableDoubleTapZoom,
|
|
13
|
+
enableHorizontalSwipe,
|
|
14
|
+
enableLoop,
|
|
15
|
+
height,
|
|
16
|
+
isRotated,
|
|
17
|
+
isZoomed,
|
|
18
|
+
itemSpacing,
|
|
19
|
+
manager,
|
|
20
|
+
maxZoomScale,
|
|
21
|
+
scale,
|
|
22
|
+
scrollTo,
|
|
23
|
+
syncCurrentIndex,
|
|
24
|
+
translateX,
|
|
25
|
+
translateY,
|
|
26
|
+
width
|
|
27
|
+
}) {
|
|
28
|
+
const webScrollRuntimeRef = useRef({
|
|
29
|
+
actor: 'idle',
|
|
30
|
+
isAutoplayPausedByUser: false,
|
|
31
|
+
lastSettledPhysicalIndex: adjustedInitialIndex,
|
|
32
|
+
latestOffsetX: adjustedInitialIndex * (width + itemSpacing),
|
|
33
|
+
latestRawPhysicalIndex: adjustedInitialIndex,
|
|
34
|
+
lastProgrammaticScrollVersion: 0,
|
|
35
|
+
settleTimer: null,
|
|
36
|
+
resumeAutoplayTimer: null
|
|
37
|
+
});
|
|
38
|
+
const clearWebSettleTimer = useCallback(() => {
|
|
39
|
+
const runtime = webScrollRuntimeRef.current;
|
|
40
|
+
if (runtime.settleTimer) {
|
|
41
|
+
clearTimeout(runtime.settleTimer);
|
|
42
|
+
runtime.settleTimer = null;
|
|
43
|
+
}
|
|
44
|
+
}, []);
|
|
45
|
+
const clearWebAutoplayResumeTimer = useCallback(() => {
|
|
46
|
+
const runtime = webScrollRuntimeRef.current;
|
|
47
|
+
if (runtime.resumeAutoplayTimer) {
|
|
48
|
+
clearTimeout(runtime.resumeAutoplayTimer);
|
|
49
|
+
runtime.resumeAutoplayTimer = null;
|
|
50
|
+
}
|
|
51
|
+
}, []);
|
|
52
|
+
const scheduleWebAutoplayResume = useCallback(() => {
|
|
53
|
+
const runtime = webScrollRuntimeRef.current;
|
|
54
|
+
clearWebAutoplayResumeTimer();
|
|
55
|
+
runtime.resumeAutoplayTimer = setTimeout(() => {
|
|
56
|
+
runtime.isAutoplayPausedByUser = false;
|
|
57
|
+
runtime.resumeAutoplayTimer = null;
|
|
58
|
+
}, 800);
|
|
59
|
+
}, [clearWebAutoplayResumeTimer]);
|
|
60
|
+
const pauseWebAutoplayWithoutPagingInteraction = useCallback(() => {
|
|
61
|
+
const runtime = webScrollRuntimeRef.current;
|
|
62
|
+
runtime.isAutoplayPausedByUser = true;
|
|
63
|
+
runtime.actor = 'idle';
|
|
64
|
+
clearWebAutoplayResumeTimer();
|
|
65
|
+
}, [clearWebAutoplayResumeTimer]);
|
|
66
|
+
const beginWebUserInteraction = useCallback((force = false) => {
|
|
67
|
+
const runtime = webScrollRuntimeRef.current;
|
|
68
|
+
if (!force && runtime.actor === 'autoplay') {
|
|
69
|
+
return;
|
|
70
|
+
}
|
|
71
|
+
runtime.actor = 'user';
|
|
72
|
+
runtime.isAutoplayPausedByUser = true;
|
|
73
|
+
clearWebAutoplayResumeTimer();
|
|
74
|
+
}, [clearWebAutoplayResumeTimer]);
|
|
75
|
+
const beginWebAutoplayScroll = useCallback(() => {
|
|
76
|
+
const runtime = webScrollRuntimeRef.current;
|
|
77
|
+
runtime.actor = 'autoplay';
|
|
78
|
+
runtime.isAutoplayPausedByUser = false;
|
|
79
|
+
runtime.lastProgrammaticScrollVersion = manager?.getProgrammaticScrollVersion() ?? 0;
|
|
80
|
+
clearWebAutoplayResumeTimer();
|
|
81
|
+
}, [clearWebAutoplayResumeTimer, manager]);
|
|
82
|
+
const syncProgrammaticActorFromManager = useCallback(() => {
|
|
83
|
+
const runtime = webScrollRuntimeRef.current;
|
|
84
|
+
const nextVersion = manager?.getProgrammaticScrollVersion() ?? 0;
|
|
85
|
+
if (nextVersion === runtime.lastProgrammaticScrollVersion) {
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
88
|
+
runtime.actor = 'autoplay';
|
|
89
|
+
runtime.isAutoplayPausedByUser = false;
|
|
90
|
+
runtime.lastProgrammaticScrollVersion = nextVersion;
|
|
91
|
+
clearWebAutoplayResumeTimer();
|
|
92
|
+
}, [clearWebAutoplayResumeTimer, manager]);
|
|
93
|
+
const finalizeWebScroll = useCallback((offsetX, source = 'scroll') => {
|
|
94
|
+
if (!enableHorizontalSwipe || dataLength <= 0) {
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
const runtime = webScrollRuntimeRef.current;
|
|
98
|
+
const settledByActor = runtime.actor;
|
|
99
|
+
clearWebSettleTimer();
|
|
100
|
+
runtime.latestOffsetX = offsetX;
|
|
101
|
+
const settledState = resolveWebScrollFinalState({
|
|
102
|
+
dataLength,
|
|
103
|
+
enableLoop,
|
|
104
|
+
lastSettledPhysicalIndex: runtime.lastSettledPhysicalIndex,
|
|
105
|
+
offsetX,
|
|
106
|
+
pageWidth: width + itemSpacing
|
|
107
|
+
});
|
|
108
|
+
if (!settledState) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
const {
|
|
112
|
+
logicalIndex,
|
|
113
|
+
rawPhysicalIndex,
|
|
114
|
+
settledPhysicalIndex
|
|
115
|
+
} = settledState;
|
|
116
|
+
if (source === 'scroll' && runtime.latestRawPhysicalIndex !== rawPhysicalIndex) {
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
if (rawPhysicalIndex !== settledPhysicalIndex) {
|
|
120
|
+
const crossedLoopBoundary = enableLoop && dataLength > 1 && (rawPhysicalIndex === 0 || rawPhysicalIndex === dataLength + 1);
|
|
121
|
+
scrollTo(settledPhysicalIndex, !crossedLoopBoundary);
|
|
122
|
+
}
|
|
123
|
+
runtime.lastSettledPhysicalIndex = settledPhysicalIndex;
|
|
124
|
+
runtime.latestOffsetX = settledPhysicalIndex * (width + itemSpacing);
|
|
125
|
+
runtime.actor = 'idle';
|
|
126
|
+
manager?.cancelPendingLoopTransition();
|
|
127
|
+
syncCurrentIndex(logicalIndex);
|
|
128
|
+
if (settledByActor === 'user') {
|
|
129
|
+
scheduleWebAutoplayResume();
|
|
130
|
+
}
|
|
131
|
+
}, [clearWebSettleTimer, dataLength, enableHorizontalSwipe, enableLoop, itemSpacing, manager, scheduleWebAutoplayResume, scrollTo, syncCurrentIndex, width]);
|
|
132
|
+
const scheduleWebScrollSettle = useCallback(offsetX => {
|
|
133
|
+
const runtime = webScrollRuntimeRef.current;
|
|
134
|
+
runtime.latestOffsetX = offsetX;
|
|
135
|
+
runtime.latestRawPhysicalIndex = getWebScrollPhysicalIndex(offsetX, width + itemSpacing);
|
|
136
|
+
clearWebSettleTimer();
|
|
137
|
+
runtime.settleTimer = setTimeout(() => {
|
|
138
|
+
finalizeWebScroll(runtime.latestOffsetX, 'scroll');
|
|
139
|
+
}, 180);
|
|
140
|
+
}, [clearWebSettleTimer, finalizeWebScroll, itemSpacing, width]);
|
|
141
|
+
useEffect(() => {
|
|
142
|
+
const runtime = webScrollRuntimeRef.current;
|
|
143
|
+
runtime.actor = 'idle';
|
|
144
|
+
runtime.isAutoplayPausedByUser = false;
|
|
145
|
+
runtime.lastSettledPhysicalIndex = adjustedInitialIndex;
|
|
146
|
+
runtime.latestOffsetX = adjustedInitialIndex * (width + itemSpacing);
|
|
147
|
+
runtime.latestRawPhysicalIndex = adjustedInitialIndex;
|
|
148
|
+
runtime.lastProgrammaticScrollVersion = manager?.getProgrammaticScrollVersion() ?? 0;
|
|
149
|
+
clearWebSettleTimer();
|
|
150
|
+
clearWebAutoplayResumeTimer();
|
|
151
|
+
}, [adjustedInitialIndex, clearWebAutoplayResumeTimer, clearWebSettleTimer, itemSpacing, manager, width]);
|
|
152
|
+
useEffect(() => {
|
|
153
|
+
return () => {
|
|
154
|
+
clearWebSettleTimer();
|
|
155
|
+
clearWebAutoplayResumeTimer();
|
|
156
|
+
};
|
|
157
|
+
}, [clearWebAutoplayResumeTimer, clearWebSettleTimer]);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
if (!autoPlay || dataLength <= 1 || isZoomed || isRotated || !enableLoop && currentIndex === dataLength - 1) {
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
const intervalMs = Math.max(250, Math.floor(autoPlayInterval || 0));
|
|
163
|
+
if (!Number.isFinite(intervalMs)) {
|
|
164
|
+
return;
|
|
165
|
+
}
|
|
166
|
+
const interval = setInterval(() => {
|
|
167
|
+
if (isZoomed || isRotated) {
|
|
168
|
+
return;
|
|
169
|
+
}
|
|
170
|
+
const runtime = webScrollRuntimeRef.current;
|
|
171
|
+
if (runtime.actor !== 'idle' || runtime.isAutoplayPausedByUser || runtime.settleTimer) {
|
|
172
|
+
return;
|
|
173
|
+
}
|
|
174
|
+
const targetPhysicalIndex = getWebAutoPlayTargetPhysicalIndex({
|
|
175
|
+
currentIndex,
|
|
176
|
+
dataLength,
|
|
177
|
+
enableLoop
|
|
178
|
+
});
|
|
179
|
+
if (targetPhysicalIndex === null) {
|
|
180
|
+
return;
|
|
181
|
+
}
|
|
182
|
+
beginWebAutoplayScroll();
|
|
183
|
+
runtime.latestOffsetX = targetPhysicalIndex * (width + itemSpacing);
|
|
184
|
+
scrollTo(targetPhysicalIndex, true);
|
|
185
|
+
scheduleWebScrollSettle(runtime.latestOffsetX);
|
|
186
|
+
}, intervalMs);
|
|
187
|
+
return () => clearInterval(interval);
|
|
188
|
+
}, [autoPlay, autoPlayInterval, beginWebAutoplayScroll, currentIndex, dataLength, enableLoop, isRotated, isZoomed, itemSpacing, scheduleWebScrollSettle, scrollTo, width]);
|
|
189
|
+
const onScroll = useCallback(event => {
|
|
190
|
+
if (!enableHorizontalSwipe) {
|
|
191
|
+
return;
|
|
192
|
+
}
|
|
193
|
+
syncProgrammaticActorFromManager();
|
|
194
|
+
beginWebUserInteraction();
|
|
195
|
+
scheduleWebScrollSettle(event.nativeEvent.contentOffset.x);
|
|
196
|
+
}, [beginWebUserInteraction, enableHorizontalSwipe, scheduleWebScrollSettle, syncProgrammaticActorFromManager]);
|
|
197
|
+
const onMomentumScrollEnd = useCallback(event => {
|
|
198
|
+
if (!enableHorizontalSwipe) {
|
|
199
|
+
return;
|
|
200
|
+
}
|
|
201
|
+
finalizeWebScroll(event.nativeEvent.contentOffset.x, 'momentum');
|
|
202
|
+
}, [enableHorizontalSwipe, finalizeWebScroll]);
|
|
203
|
+
const onScrollBeginDrag = useCallback(() => {
|
|
204
|
+
beginWebUserInteraction(true);
|
|
205
|
+
clearWebSettleTimer();
|
|
206
|
+
manager?.handleScrollBeginDrag();
|
|
207
|
+
}, [beginWebUserInteraction, clearWebSettleTimer, manager]);
|
|
208
|
+
const onWebDoubleClick = useCallback(event => {
|
|
209
|
+
if (!enableDoubleTapZoom || event?.nativeEvent?.detail !== 2) {
|
|
210
|
+
return;
|
|
211
|
+
}
|
|
212
|
+
pauseWebAutoplayWithoutPagingInteraction();
|
|
213
|
+
scheduleWebAutoplayResume();
|
|
214
|
+
const nativeEvent = event?.nativeEvent;
|
|
215
|
+
const eventTarget = event?.currentTarget ?? nativeEvent?.currentTarget ?? nativeEvent?.target;
|
|
216
|
+
let locationX = nativeEvent?.locationX;
|
|
217
|
+
let locationY = nativeEvent?.locationY;
|
|
218
|
+
if ((!Number.isFinite(locationX) || !Number.isFinite(locationY)) && typeof eventTarget?.getBoundingClientRect === 'function' && Number.isFinite(nativeEvent?.clientX) && Number.isFinite(nativeEvent?.clientY)) {
|
|
219
|
+
const rect = eventTarget.getBoundingClientRect();
|
|
220
|
+
locationX = nativeEvent.clientX - rect.left;
|
|
221
|
+
locationY = nativeEvent.clientY - rect.top;
|
|
222
|
+
}
|
|
223
|
+
applyTapZoomAtPoint({
|
|
224
|
+
x: Number.isFinite(locationX) ? locationX : width / 2,
|
|
225
|
+
y: Number.isFinite(locationY) ? locationY : height / 2,
|
|
226
|
+
width,
|
|
227
|
+
height,
|
|
228
|
+
maxZoomScale,
|
|
229
|
+
scale,
|
|
230
|
+
translateX,
|
|
231
|
+
translateY
|
|
232
|
+
});
|
|
233
|
+
}, [enableDoubleTapZoom, height, maxZoomScale, pauseWebAutoplayWithoutPagingInteraction, scheduleWebAutoplayResume, scale, translateX, translateY, width]);
|
|
234
|
+
return {
|
|
235
|
+
onMomentumScrollEnd,
|
|
236
|
+
onScroll,
|
|
237
|
+
onScrollBeginDrag,
|
|
238
|
+
onWebDoubleClick
|
|
239
|
+
};
|
|
240
|
+
}
|
|
241
|
+
//# sourceMappingURL=useGestureViewerPaging.web.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCallback","useEffect","useRef","applyTapZoomAtPoint","getWebAutoPlayTargetPhysicalIndex","getWebScrollPhysicalIndex","resolveWebScrollFinalState","useGestureViewerPaging","adjustedInitialIndex","autoPlay","autoPlayInterval","currentIndex","dataLength","enableDoubleTapZoom","enableHorizontalSwipe","enableLoop","height","isRotated","isZoomed","itemSpacing","manager","maxZoomScale","scale","scrollTo","syncCurrentIndex","translateX","translateY","width","webScrollRuntimeRef","actor","isAutoplayPausedByUser","lastSettledPhysicalIndex","latestOffsetX","latestRawPhysicalIndex","lastProgrammaticScrollVersion","settleTimer","resumeAutoplayTimer","clearWebSettleTimer","runtime","current","clearTimeout","clearWebAutoplayResumeTimer","scheduleWebAutoplayResume","setTimeout","pauseWebAutoplayWithoutPagingInteraction","beginWebUserInteraction","force","beginWebAutoplayScroll","getProgrammaticScrollVersion","syncProgrammaticActorFromManager","nextVersion","finalizeWebScroll","offsetX","source","settledByActor","settledState","pageWidth","logicalIndex","rawPhysicalIndex","settledPhysicalIndex","crossedLoopBoundary","cancelPendingLoopTransition","scheduleWebScrollSettle","intervalMs","Math","max","floor","Number","isFinite","interval","setInterval","targetPhysicalIndex","clearInterval","onScroll","event","nativeEvent","contentOffset","x","onMomentumScrollEnd","onScrollBeginDrag","handleScrollBeginDrag","onWebDoubleClick","detail","eventTarget","currentTarget","target","locationX","locationY","getBoundingClientRect","clientX","clientY","rect","left","top","y"],"sourceRoot":"../../src","sources":["useGestureViewerPaging.web.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useCallback","useRef","useSyncExternalStore","registry","useGestureViewerState","id","stateRef","currentIndex","totalCount","updateState","newState","onStoreChange","current","subscribe","unsubscribeFromManager","unsubscribeFromRegistry","subscribeToManager","newManager","getState","getSnapshot","state"],"sourceRoot":"../../src","sources":["useGestureViewerState.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,oBAAoB,QAAQ,OAAO;
|
|
1
|
+
{"version":3,"names":["useCallback","useRef","useSyncExternalStore","registry","useGestureViewerState","id","stateRef","currentIndex","totalCount","updateState","newState","onStoreChange","current","subscribe","unsubscribeFromManager","unsubscribeFromRegistry","subscribeToManager","newManager","getState","getSnapshot","state"],"sourceRoot":"../../src","sources":["useGestureViewerState.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,MAAM,EAAEC,oBAAoB,QAAQ,OAAO;AAEjE,SAASC,QAAQ,QAAQ,4BAAyB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,qBAAqB,GAAGA,CAACC,EAAE,GAAG,SAAS,KAAyB;EAC3E,MAAMC,QAAQ,GAAGL,MAAM,CAAqB;IAAEM,YAAY,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAE,CAAC,CAAC;EAE/E,MAAMC,WAAW,GAAGT,WAAW,CAAC,CAACU,QAA4B,EAAEC,aAAyB,KAAK;IAC3F,IACEL,QAAQ,CAACM,OAAO,CAACL,YAAY,KAAKG,QAAQ,CAACH,YAAY,IACvDD,QAAQ,CAACM,OAAO,CAACJ,UAAU,KAAKE,QAAQ,CAACF,UAAU,EACnD;MACAF,QAAQ,CAACM,OAAO,GAAG;QAAE,GAAGF;MAAS,CAAC;MAClCC,aAAa,CAAC,CAAC;IACjB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,SAAS,GAAGb,WAAW,CAC1BW,aAAyB,IAAK;IAC7B,IAAIG,sBAA2C,GAAG,IAAI;IAEtD,MAAMC,uBAAuB,GAAGZ,QAAQ,CAACa,kBAAkB,CAACX,EAAE,EAAGY,UAAU,IAAK;MAC9EH,sBAAsB,GAAG,CAAC;MAC1BA,sBAAsB,GAAG,IAAI;MAE7B,IAAIG,UAAU,EAAE;QACdH,sBAAsB,GAAGG,UAAU,CAACJ,SAAS,CAAEH,QAAQ,IAAK;UAC1DD,WAAW,CAACC,QAAQ,EAAEC,aAAa,CAAC;QACtC,CAAC,CAAC;QAEFF,WAAW,CAACQ,UAAU,CAACC,QAAQ,CAAC,CAAC,EAAEP,aAAa,CAAC;QACjD;MACF;MAEAF,WAAW,CAAC;QAAEF,YAAY,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAE,CAAC,EAAEG,aAAa,CAAC;IAChE,CAAC,CAAC;IAEF,OAAO,MAAM;MACXI,uBAAuB,CAAC,CAAC;MACzBD,sBAAsB,GAAG,CAAC;IAC5B,CAAC;EACH,CAAC,EACD,CAACT,EAAE,EAAEI,WAAW,CAClB,CAAC;EAED,MAAMU,WAAW,GAAGnB,WAAW,CAAC,MAAM;IACpC,OAAOM,QAAQ,CAACM,OAAO;EACzB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,KAAK,GAAGlB,oBAAoB,CAACW,SAAS,EAAEM,WAAW,CAAC;EAE1D,OAAOC,KAAK;AACd,CAAC","ignoreList":[]}
|
|
@@ -3,9 +3,7 @@
|
|
|
3
3
|
import { FlatList as RNFlatList, ScrollView as RNScrollView } from 'react-native';
|
|
4
4
|
import { FlatList as GestureFlatList, ScrollView as GestureScrollView } from 'react-native-gesture-handler';
|
|
5
5
|
import { FlashList } from "./FlashList.js";
|
|
6
|
-
export const isScrollViewLike = component =>
|
|
7
|
-
return component === RNScrollView || component === GestureScrollView;
|
|
8
|
-
};
|
|
6
|
+
export const isScrollViewLike = component => component === RNScrollView || component === GestureScrollView;
|
|
9
7
|
export const isFlatListLike = component => {
|
|
10
8
|
if (component === RNFlatList || component === GestureFlatList || isFlashListLike(component)) {
|
|
11
9
|
return true;
|
|
@@ -18,6 +16,15 @@ export const isFlashListLike = component => {
|
|
|
18
16
|
}
|
|
19
17
|
return component?.displayName === 'FlashList' || component?.name === 'FlashList';
|
|
20
18
|
};
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* iOS needs the extra Native gesture wrapper so the dismiss pan can resolve before the scrollable claims touches.
|
|
22
|
+
* We intentionally skip Android because the same require-to-fail relation regressed horizontal paging there,
|
|
23
|
+
* and we also avoid wrapping RNGH-provided scrollables to prevent double-applying Gesture.Native() to components that already participate in RNGH.
|
|
24
|
+
*/
|
|
25
|
+
export const shouldUseNativeScrollGesture = (platformOS, component) => {
|
|
26
|
+
return platformOS === 'ios' && component !== GestureScrollView && component !== GestureFlatList;
|
|
27
|
+
};
|
|
21
28
|
export const createBoundsConstraint = ({
|
|
22
29
|
width,
|
|
23
30
|
height
|
|
@@ -46,7 +53,7 @@ export const createLoopData = (dataRef, enableLoop) => {
|
|
|
46
53
|
if (!enableLoop || !data?.length || data.length <= 1) {
|
|
47
54
|
return data;
|
|
48
55
|
}
|
|
49
|
-
const lastItem = data
|
|
56
|
+
const lastItem = data.at(-1);
|
|
50
57
|
const firstItem = data[0];
|
|
51
58
|
if (lastItem === undefined || firstItem === undefined) {
|
|
52
59
|
return data;
|
|
@@ -56,39 +63,39 @@ export const createLoopData = (dataRef, enableLoop) => {
|
|
|
56
63
|
export const getLoopAdjustedIndex = (scrollIndex, originalDataLength, enableLoop) => {
|
|
57
64
|
if (!enableLoop || originalDataLength <= 1) {
|
|
58
65
|
return {
|
|
59
|
-
|
|
60
|
-
|
|
66
|
+
needsJump: false,
|
|
67
|
+
realIndex: scrollIndex
|
|
61
68
|
};
|
|
62
69
|
}
|
|
63
70
|
if (scrollIndex === 0) {
|
|
64
71
|
return {
|
|
65
|
-
|
|
72
|
+
jumpToIndex: originalDataLength,
|
|
66
73
|
needsJump: true,
|
|
67
|
-
|
|
74
|
+
realIndex: originalDataLength - 1
|
|
68
75
|
};
|
|
69
76
|
} else if (scrollIndex === originalDataLength + 1) {
|
|
70
77
|
return {
|
|
71
|
-
|
|
78
|
+
jumpToIndex: 1,
|
|
72
79
|
needsJump: true,
|
|
73
|
-
|
|
80
|
+
realIndex: 0
|
|
74
81
|
};
|
|
75
82
|
}
|
|
76
83
|
return {
|
|
77
|
-
|
|
78
|
-
|
|
84
|
+
needsJump: false,
|
|
85
|
+
realIndex: scrollIndex - 1
|
|
79
86
|
};
|
|
80
87
|
};
|
|
81
88
|
export const createScrollAction = (listRef, width) => ({
|
|
82
89
|
scrollTo: (index, animated) => {
|
|
83
90
|
if (listRef?.scrollToIndex) {
|
|
84
91
|
listRef.scrollToIndex({
|
|
85
|
-
|
|
86
|
-
|
|
92
|
+
animated,
|
|
93
|
+
index
|
|
87
94
|
});
|
|
88
95
|
} else if (listRef?.scrollTo) {
|
|
89
96
|
listRef.scrollTo({
|
|
90
|
-
|
|
91
|
-
|
|
97
|
+
animated,
|
|
98
|
+
x: index * width
|
|
92
99
|
});
|
|
93
100
|
}
|
|
94
101
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FlatList","RNFlatList","ScrollView","RNScrollView","GestureFlatList","GestureScrollView","FlashList","isScrollViewLike","component","isFlatListLike","isFlashListLike","displayName","name","createBoundsConstraint","width","height","scale","translateX","translateY","maxTranslateX","maxTranslateY","Math","max","min","createLoopData","dataRef","enableLoop","data","current","length","lastItem","firstItem","undefined","getLoopAdjustedIndex","scrollIndex","originalDataLength","
|
|
1
|
+
{"version":3,"names":["FlatList","RNFlatList","ScrollView","RNScrollView","GestureFlatList","GestureScrollView","FlashList","isScrollViewLike","component","isFlatListLike","isFlashListLike","displayName","name","shouldUseNativeScrollGesture","platformOS","createBoundsConstraint","width","height","scale","translateX","translateY","maxTranslateX","maxTranslateY","Math","max","min","createLoopData","dataRef","enableLoop","data","current","length","lastItem","at","firstItem","undefined","getLoopAdjustedIndex","scrollIndex","originalDataLength","needsJump","realIndex","jumpToIndex","createScrollAction","listRef","scrollTo","index","animated","scrollToIndex","x"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { Easing, withTiming } from 'react-native-reanimated';
|
|
4
|
+
export const applyTapZoomAtPoint = ({
|
|
5
|
+
x,
|
|
6
|
+
y,
|
|
7
|
+
width,
|
|
8
|
+
height,
|
|
9
|
+
maxZoomScale,
|
|
10
|
+
scale,
|
|
11
|
+
translateX,
|
|
12
|
+
translateY
|
|
13
|
+
}) => {
|
|
14
|
+
'worklet';
|
|
15
|
+
|
|
16
|
+
const nextScale = scale.value > 1 ? 1 : maxZoomScale;
|
|
17
|
+
const timingConfig = {
|
|
18
|
+
duration: 300,
|
|
19
|
+
easing: Easing.bezier(0.25, 0.1, 0.25, 1)
|
|
20
|
+
};
|
|
21
|
+
if (nextScale > 1) {
|
|
22
|
+
const centerX = x - width / 2;
|
|
23
|
+
const centerY = y - height / 2;
|
|
24
|
+
|
|
25
|
+
// NOTE 확대로 밀려난 거리만큼 반대로 이동해서 탭 지점을 제자리에 유지
|
|
26
|
+
translateX.value = withTiming(-centerX * (nextScale - 1), timingConfig);
|
|
27
|
+
translateY.value = withTiming(-centerY * (nextScale - 1), timingConfig);
|
|
28
|
+
} else {
|
|
29
|
+
translateX.value = withTiming(0, timingConfig);
|
|
30
|
+
translateY.value = withTiming(0, timingConfig);
|
|
31
|
+
}
|
|
32
|
+
scale.value = withTiming(nextScale, timingConfig);
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=tapZoom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Easing","withTiming","applyTapZoomAtPoint","x","y","width","height","maxZoomScale","scale","translateX","translateY","nextScale","value","timingConfig","duration","easing","bezier","centerX","centerY"],"sourceRoot":"../../../src","sources":["utils/tapZoom.ts"],"mappings":";;AACA,SAASA,MAAM,EAAEC,UAAU,QAAQ,yBAAyB;AAE5D,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAClCC,CAAC;EACDC,CAAC;EACDC,KAAK;EACLC,MAAM;EACNC,YAAY;EACZC,KAAK;EACLC,UAAU;EACVC;AAUF,CAAC,KAAK;EACJ,SAAS;;EAET,MAAMC,SAAS,GAAGH,KAAK,CAACI,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGL,YAAY;EACpD,MAAMM,YAAY,GAAG;IACnBC,QAAQ,EAAE,GAAG;IACbC,MAAM,EAAEf,MAAM,CAACgB,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;EAC1C,CAAC;EAED,IAAIL,SAAS,GAAG,CAAC,EAAE;IACjB,MAAMM,OAAO,GAAGd,CAAC,GAAGE,KAAK,GAAG,CAAC;IAC7B,MAAMa,OAAO,GAAGd,CAAC,GAAGE,MAAM,GAAG,CAAC;;IAE9B;IACAG,UAAU,CAACG,KAAK,GAAGX,UAAU,CAAC,CAACgB,OAAO,IAAIN,SAAS,GAAG,CAAC,CAAC,EAAEE,YAAY,CAAC;IACvEH,UAAU,CAACE,KAAK,GAAGX,UAAU,CAAC,CAACiB,OAAO,IAAIP,SAAS,GAAG,CAAC,CAAC,EAAEE,YAAY,CAAC;EACzE,CAAC,MAAM;IACLJ,UAAU,CAACG,KAAK,GAAGX,UAAU,CAAC,CAAC,EAAEY,YAAY,CAAC;IAC9CH,UAAU,CAACE,KAAK,GAAGX,UAAU,CAAC,CAAC,EAAEY,YAAY,CAAC;EAChD;EAEAL,KAAK,CAACI,KAAK,GAAGX,UAAU,CAACU,SAAS,EAAEE,YAAY,CAAC;AACnD,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
export const getWebScrollPhysicalIndex = (offsetX, pageWidth) => {
|
|
4
|
+
if (!Number.isFinite(offsetX) || !Number.isFinite(pageWidth) || pageWidth <= 0) {
|
|
5
|
+
return 0;
|
|
6
|
+
}
|
|
7
|
+
return Math.max(0, Math.round(offsetX / pageWidth));
|
|
8
|
+
};
|
|
9
|
+
export const resolveWebScrollFinalState = ({
|
|
10
|
+
dataLength,
|
|
11
|
+
enableLoop,
|
|
12
|
+
lastSettledPhysicalIndex,
|
|
13
|
+
offsetX,
|
|
14
|
+
pageWidth
|
|
15
|
+
}) => {
|
|
16
|
+
if (dataLength <= 0 || !Number.isFinite(offsetX) || !Number.isFinite(pageWidth) || pageWidth <= 0) {
|
|
17
|
+
return null;
|
|
18
|
+
}
|
|
19
|
+
const maxPhysicalIndex = enableLoop && dataLength > 1 ? dataLength + 1 : dataLength - 1;
|
|
20
|
+
const rawPhysicalIndex = getWebScrollPhysicalIndex(offsetX, pageWidth);
|
|
21
|
+
if (enableLoop && dataLength > 1) {
|
|
22
|
+
const isWrappingBackward = lastSettledPhysicalIndex === 1 && rawPhysicalIndex >= dataLength;
|
|
23
|
+
const isWrappingForward = lastSettledPhysicalIndex === dataLength && rawPhysicalIndex <= 1;
|
|
24
|
+
if (isWrappingBackward || rawPhysicalIndex === 0) {
|
|
25
|
+
return {
|
|
26
|
+
logicalIndex: dataLength - 1,
|
|
27
|
+
rawPhysicalIndex,
|
|
28
|
+
settledPhysicalIndex: dataLength
|
|
29
|
+
};
|
|
30
|
+
}
|
|
31
|
+
if (isWrappingForward || rawPhysicalIndex >= dataLength + 1) {
|
|
32
|
+
return {
|
|
33
|
+
logicalIndex: 0,
|
|
34
|
+
rawPhysicalIndex,
|
|
35
|
+
settledPhysicalIndex: 1
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
}
|
|
39
|
+
const targetPhysicalIndex = Math.max(0, Math.min(maxPhysicalIndex, rawPhysicalIndex));
|
|
40
|
+
if (enableLoop && dataLength > 1) {
|
|
41
|
+
return {
|
|
42
|
+
logicalIndex: targetPhysicalIndex - 1,
|
|
43
|
+
rawPhysicalIndex,
|
|
44
|
+
settledPhysicalIndex: targetPhysicalIndex
|
|
45
|
+
};
|
|
46
|
+
}
|
|
47
|
+
return {
|
|
48
|
+
logicalIndex: targetPhysicalIndex,
|
|
49
|
+
rawPhysicalIndex,
|
|
50
|
+
settledPhysicalIndex: targetPhysicalIndex
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export const getWebAutoPlayTargetPhysicalIndex = ({
|
|
54
|
+
currentIndex,
|
|
55
|
+
dataLength,
|
|
56
|
+
enableLoop
|
|
57
|
+
}) => {
|
|
58
|
+
if (dataLength <= 1) {
|
|
59
|
+
return null;
|
|
60
|
+
}
|
|
61
|
+
if (enableLoop && currentIndex === dataLength - 1) {
|
|
62
|
+
return dataLength + 1;
|
|
63
|
+
}
|
|
64
|
+
const nextIndex = currentIndex + 1;
|
|
65
|
+
if (nextIndex >= dataLength) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
return enableLoop ? nextIndex + 1 : nextIndex;
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=webScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getWebScrollPhysicalIndex","offsetX","pageWidth","Number","isFinite","Math","max","round","resolveWebScrollFinalState","dataLength","enableLoop","lastSettledPhysicalIndex","maxPhysicalIndex","rawPhysicalIndex","isWrappingBackward","isWrappingForward","logicalIndex","settledPhysicalIndex","targetPhysicalIndex","min","getWebAutoPlayTargetPhysicalIndex","currentIndex","nextIndex"],"sourceRoot":"../../../src","sources":["utils/webScroll.ts"],"mappings":";;AAAA,OAAO,MAAMA,yBAAyB,GAAGA,CAACC,OAAe,EAAEC,SAAiB,KAAa;EACvF,IAAI,CAACC,MAAM,CAACC,QAAQ,CAACH,OAAO,CAAC,IAAI,CAACE,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAAIA,SAAS,IAAI,CAAC,EAAE;IAC9E,OAAO,CAAC;EACV;EAEA,OAAOG,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACN,OAAO,GAAGC,SAAS,CAAC,CAAC;AACrD,CAAC;AAED,OAAO,MAAMM,0BAA0B,GAAGA,CAAC;EACzCC,UAAU;EACVC,UAAU;EACVC,wBAAwB;EACxBV,OAAO;EACPC;AAOF,CAAC,KAA8F;EAC7F,IACEO,UAAU,IAAI,CAAC,IACf,CAACN,MAAM,CAACC,QAAQ,CAACH,OAAO,CAAC,IACzB,CAACE,MAAM,CAACC,QAAQ,CAACF,SAAS,CAAC,IAC3BA,SAAS,IAAI,CAAC,EACd;IACA,OAAO,IAAI;EACb;EAEA,MAAMU,gBAAgB,GAAGF,UAAU,IAAID,UAAU,GAAG,CAAC,GAAGA,UAAU,GAAG,CAAC,GAAGA,UAAU,GAAG,CAAC;EACvF,MAAMI,gBAAgB,GAAGb,yBAAyB,CAACC,OAAO,EAAEC,SAAS,CAAC;EAEtE,IAAIQ,UAAU,IAAID,UAAU,GAAG,CAAC,EAAE;IAChC,MAAMK,kBAAkB,GAAGH,wBAAwB,KAAK,CAAC,IAAIE,gBAAgB,IAAIJ,UAAU;IAC3F,MAAMM,iBAAiB,GAAGJ,wBAAwB,KAAKF,UAAU,IAAII,gBAAgB,IAAI,CAAC;IAE1F,IAAIC,kBAAkB,IAAID,gBAAgB,KAAK,CAAC,EAAE;MAChD,OAAO;QACLG,YAAY,EAAEP,UAAU,GAAG,CAAC;QAC5BI,gBAAgB;QAChBI,oBAAoB,EAAER;MACxB,CAAC;IACH;IAEA,IAAIM,iBAAiB,IAAIF,gBAAgB,IAAIJ,UAAU,GAAG,CAAC,EAAE;MAC3D,OAAO;QACLO,YAAY,EAAE,CAAC;QACfH,gBAAgB;QAChBI,oBAAoB,EAAE;MACxB,CAAC;IACH;EACF;EAEA,MAAMC,mBAAmB,GAAGb,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACc,GAAG,CAACP,gBAAgB,EAAEC,gBAAgB,CAAC,CAAC;EAErF,IAAIH,UAAU,IAAID,UAAU,GAAG,CAAC,EAAE;IAChC,OAAO;MACLO,YAAY,EAAEE,mBAAmB,GAAG,CAAC;MACrCL,gBAAgB;MAChBI,oBAAoB,EAAEC;IACxB,CAAC;EACH;EAEA,OAAO;IACLF,YAAY,EAAEE,mBAAmB;IACjCL,gBAAgB;IAChBI,oBAAoB,EAAEC;EACxB,CAAC;AACH,CAAC;AAED,OAAO,MAAME,iCAAiC,GAAGA,CAAC;EAChDC,YAAY;EACZZ,UAAU;EACVC;AAKF,CAAC,KAAoB;EACnB,IAAID,UAAU,IAAI,CAAC,EAAE;IACnB,OAAO,IAAI;EACb;EAEA,IAAIC,UAAU,IAAIW,YAAY,KAAKZ,UAAU,GAAG,CAAC,EAAE;IACjD,OAAOA,UAAU,GAAG,CAAC;EACvB;EAEA,MAAMa,SAAS,GAAGD,YAAY,GAAG,CAAC;EAElC,IAAIC,SAAS,IAAIb,UAAU,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,OAAOC,UAAU,GAAGY,SAAS,GAAG,CAAC,GAAGA,SAAS;AAC/C,CAAC","ignoreList":[]}
|
|
@@ -50,6 +50,6 @@ export type GestureTriggerProps<T extends WithOnPress> = {
|
|
|
50
50
|
* </GestureTrigger>
|
|
51
51
|
* ```
|
|
52
52
|
*/
|
|
53
|
-
export declare function GestureTrigger<T extends WithOnPress>({ id, children, onPress }: GestureTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
53
|
+
export declare function GestureTrigger<T extends WithOnPress>({ id, children, onPress, }: GestureTriggerProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
54
54
|
export {};
|
|
55
55
|
//# sourceMappingURL=GestureTrigger.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAM1C;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EACpD,EAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAmCxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"GestureViewer.d.ts","sourceRoot":"","sources":["../../../src/GestureViewer.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAWlD,wBAAgB,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,EACvC,EAAc,EACd,IAAI,EACJ,UAAU,EAAE,cAAc,EAC1B,eAAe,EACf,aAAa,EACb,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,YAAY,EACpB,SAAS,EACT,aAAa,EAAE,kBAAkB,EACjC,cAAc,EACd,YAAgB,EAChB,WAAe,EACf,cAAsB,EACtB,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,kBAAkB,CAAC,KAAK,EAAE,EAAE,CAAC,2CAmM/B"}
|