@lofter-common-shared/gesture 0.1.0
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/dist/gesture.d.ts +56 -0
- package/dist/gesture.d.ts.map +1 -0
- package/dist/gesture.js +181 -0
- package/dist/gesture.js.map +1 -0
- package/dist/helper.d.ts +11 -0
- package/dist/helper.d.ts.map +1 -0
- package/dist/helper.js +73 -0
- package/dist/helper.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -0
- package/package.json +29 -0
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { SwipeDirection } from './helper';
|
|
2
|
+
interface StartInfo {
|
|
3
|
+
touches: TouchList;
|
|
4
|
+
time: number;
|
|
5
|
+
event: TouchEvent;
|
|
6
|
+
currentTarget: HTMLElement;
|
|
7
|
+
longPressTimer?: NodeJS.Timeout;
|
|
8
|
+
longPressTriggered?: boolean;
|
|
9
|
+
params: HandleGestureParams;
|
|
10
|
+
stopLongPress: () => void;
|
|
11
|
+
}
|
|
12
|
+
interface SwipeCallback {
|
|
13
|
+
(direction: SwipeDirection): void;
|
|
14
|
+
}
|
|
15
|
+
interface MoveCallback {
|
|
16
|
+
(moveDIff: {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
direction: SwipeDirection;
|
|
20
|
+
}, event: TouchEvent): void;
|
|
21
|
+
}
|
|
22
|
+
export interface TapCallback {
|
|
23
|
+
(startInfo: StartInfo, event: TouchEvent): void;
|
|
24
|
+
}
|
|
25
|
+
interface TouchCallback {
|
|
26
|
+
(event: TouchEvent): void;
|
|
27
|
+
}
|
|
28
|
+
interface PinchCallback {
|
|
29
|
+
(event: TouchEvent, startEvent: TouchEvent): void;
|
|
30
|
+
}
|
|
31
|
+
export interface HandleGestureParams {
|
|
32
|
+
onTap?: TapCallback;
|
|
33
|
+
onLongPress?: TapCallback;
|
|
34
|
+
onDoubleTap?: TapCallback;
|
|
35
|
+
onMove?: MoveCallback;
|
|
36
|
+
onMoveEnd?: MoveCallback;
|
|
37
|
+
onSwipe?: SwipeCallback;
|
|
38
|
+
onPinch?: PinchCallback;
|
|
39
|
+
onPinching?: PinchCallback;
|
|
40
|
+
onTouchStart?: TouchCallback;
|
|
41
|
+
onTouchMove?: TouchCallback;
|
|
42
|
+
onTouchEnd?: TouchCallback;
|
|
43
|
+
onTouchCancel?: TouchCallback;
|
|
44
|
+
shouldPreventDefault?: (event: TouchEvent | MouseEvent) => boolean;
|
|
45
|
+
passive?: boolean;
|
|
46
|
+
longPressTime?: number;
|
|
47
|
+
mockTouchCancelToEnd?: boolean;
|
|
48
|
+
}
|
|
49
|
+
export declare const maxQuickTime = 300;
|
|
50
|
+
export declare const maxTapDistance = 10;
|
|
51
|
+
export declare const minSwipeDistance = 50;
|
|
52
|
+
export declare const doubleTapMaxInterval = 300;
|
|
53
|
+
export declare const DEFAULT_LONG_PRESS_TIME = 500;
|
|
54
|
+
export declare const handleGesture: (element: HTMLElement, params: HandleGestureParams) => () => void;
|
|
55
|
+
export {};
|
|
56
|
+
//# sourceMappingURL=gesture.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gesture.d.ts","sourceRoot":"","sources":["../src/gesture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAuE,MAAM,UAAU,CAAC;AAE/G,UAAU,SAAS;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,EAAE,WAAW,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC,OAAO,CAAC;IAChC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,UAAU,aAAa;IACrB,CAAC,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;CACnC;AAED,UAAU,YAAY;IACpB,CAAC,QAAQ,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,cAAc,CAAA;KAAE,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC1F;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACjD;AAED,UAAU,aAAa;IACrB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC3B;AAED,UAAU,aAAa;IACrB,CAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,KAAK,OAAO,CAAC;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,eAAO,MAAM,gBAAgB,KAAK,CAAC;AACnC,eAAO,MAAM,oBAAoB,MAAM,CAAC;AACxC,eAAO,MAAM,uBAAuB,MAAM,CAAC;AAI3C,eAAO,MAAM,aAAa,GAAI,SAAS,WAAW,EAAE,QAAQ,mBAAmB,eAkD9E,CAAC"}
|
package/dist/gesture.js
ADDED
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.handleGesture = exports.DEFAULT_LONG_PRESS_TIME = exports.doubleTapMaxInterval = exports.minSwipeDistance = exports.maxTapDistance = exports.maxQuickTime = void 0;
|
|
15
|
+
var helper_1 = require("./helper");
|
|
16
|
+
exports.maxQuickTime = 300;
|
|
17
|
+
exports.maxTapDistance = 10;
|
|
18
|
+
exports.minSwipeDistance = 50;
|
|
19
|
+
exports.doubleTapMaxInterval = 300;
|
|
20
|
+
exports.DEFAULT_LONG_PRESS_TIME = 500;
|
|
21
|
+
var startInfoMap = new Map();
|
|
22
|
+
var handleGesture = function (element, params) {
|
|
23
|
+
var longPressTime = params.longPressTime || exports.DEFAULT_LONG_PRESS_TIME;
|
|
24
|
+
var stopLongPress = function () {
|
|
25
|
+
var startInfo = startInfoMap.get(element);
|
|
26
|
+
if (startInfo) {
|
|
27
|
+
clearTimeout(startInfo.longPressTimer);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
var waitForLongPress = function () {
|
|
31
|
+
var startInfo = startInfoMap.get(element);
|
|
32
|
+
if (startInfo && !startInfo.longPressTimer) {
|
|
33
|
+
// console.log('waitForLongPressRef');
|
|
34
|
+
startInfo.longPressTimer = setTimeout(function () {
|
|
35
|
+
if (params.onLongPress && startInfo && startInfo.touches.length === 1) {
|
|
36
|
+
params.onLongPress(startInfo, startInfo.event);
|
|
37
|
+
startInfo.longPressTriggered = true;
|
|
38
|
+
}
|
|
39
|
+
}, longPressTime);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
var handleTouchStart = function (event) {
|
|
43
|
+
var _a, _b;
|
|
44
|
+
if ((_a = params.shouldPreventDefault) === null || _a === void 0 ? void 0 : _a.call(params, event)) {
|
|
45
|
+
event.preventDefault();
|
|
46
|
+
}
|
|
47
|
+
var startInfo = __assign(__assign({}, startInfoMap.get(element)), { touches: event.touches, time: new Date().getTime(), event: event, currentTarget: event.currentTarget, params: params, stopLongPress: stopLongPress });
|
|
48
|
+
startInfoMap.set(element, startInfo);
|
|
49
|
+
(_b = params.onTouchStart) === null || _b === void 0 ? void 0 : _b.call(params, event);
|
|
50
|
+
waitForLongPress();
|
|
51
|
+
};
|
|
52
|
+
element.addEventListener('touchstart', handleTouchStart, {
|
|
53
|
+
capture: false,
|
|
54
|
+
passive: false,
|
|
55
|
+
});
|
|
56
|
+
return function () {
|
|
57
|
+
element.removeEventListener('touchstart', handleTouchStart);
|
|
58
|
+
startInfoMap.delete(element);
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
exports.handleGesture = handleGesture;
|
|
62
|
+
var registerGlobalTouchEvent = function () {
|
|
63
|
+
var parent = document;
|
|
64
|
+
var tapTimer = null;
|
|
65
|
+
console.log('registerGlobalTouchEvent');
|
|
66
|
+
var handleTouchMove = function (event, startInfo) {
|
|
67
|
+
var _a, _b, _c, _d;
|
|
68
|
+
if (startInfo) {
|
|
69
|
+
var params = startInfo.params, stopLongPress = startInfo.stopLongPress, startTouches = startInfo.touches;
|
|
70
|
+
stopLongPress();
|
|
71
|
+
if ((_a = params.shouldPreventDefault) === null || _a === void 0 ? void 0 : _a.call(params, event)) {
|
|
72
|
+
event.preventDefault();
|
|
73
|
+
}
|
|
74
|
+
(_b = params.onTouchMove) === null || _b === void 0 ? void 0 : _b.call(params, event);
|
|
75
|
+
var moveTouches = event.changedTouches;
|
|
76
|
+
if (moveTouches.length > 0) {
|
|
77
|
+
if (startTouches.length === 1) {
|
|
78
|
+
(_c = params.onMove) === null || _c === void 0 ? void 0 : _c.call(params, (0, helper_1.getDiffBetweenTouches)(startTouches[0], moveTouches[0]), event);
|
|
79
|
+
}
|
|
80
|
+
if (startTouches.length === 2) {
|
|
81
|
+
(_d = params.onPinching) === null || _d === void 0 ? void 0 : _d.call(params, event, startInfo.event);
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
var handleTouchEnd = function (event, startInfo) {
|
|
87
|
+
var _a, _b, _c, _d, _e, _f;
|
|
88
|
+
if (startInfo) {
|
|
89
|
+
var params_1 = startInfo.params, stopLongPress = startInfo.stopLongPress, startTouches = startInfo.touches;
|
|
90
|
+
stopLongPress();
|
|
91
|
+
if ((_a = params_1.shouldPreventDefault) === null || _a === void 0 ? void 0 : _a.call(params_1, event)) {
|
|
92
|
+
event.preventDefault();
|
|
93
|
+
}
|
|
94
|
+
var startTime = startInfo.time;
|
|
95
|
+
var endTouches = event.changedTouches;
|
|
96
|
+
(_b = params_1.onTouchEnd) === null || _b === void 0 ? void 0 : _b.call(params_1, event);
|
|
97
|
+
if (endTouches.length === 1) {
|
|
98
|
+
// swipe ? tap ? moveEnd ?
|
|
99
|
+
var nowTime = new Date().getTime();
|
|
100
|
+
var distance = (0, helper_1.getDistanceBetweenTouches)(startTouches[0], endTouches[0]);
|
|
101
|
+
var tapData_1 = startInfo;
|
|
102
|
+
if (nowTime - startTime < exports.maxQuickTime) {
|
|
103
|
+
if (distance < exports.maxTapDistance) {
|
|
104
|
+
// tap
|
|
105
|
+
if (params_1.onDoubleTap) {
|
|
106
|
+
if (tapTimer) {
|
|
107
|
+
clearTimeout(tapTimer);
|
|
108
|
+
tapTimer = null;
|
|
109
|
+
params_1.onDoubleTap(tapData_1, event);
|
|
110
|
+
}
|
|
111
|
+
else {
|
|
112
|
+
tapTimer = setTimeout(function () {
|
|
113
|
+
var _a;
|
|
114
|
+
tapTimer && ((_a = params_1.onTap) === null || _a === void 0 ? void 0 : _a.call(params_1, tapData_1, event));
|
|
115
|
+
tapTimer = null;
|
|
116
|
+
}, exports.doubleTapMaxInterval);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
else {
|
|
120
|
+
(_c = params_1.onTap) === null || _c === void 0 ? void 0 : _c.call(params_1, tapData_1, event);
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
else if (distance > exports.minSwipeDistance) {
|
|
124
|
+
// swipe
|
|
125
|
+
(_d = params_1.onSwipe) === null || _d === void 0 ? void 0 : _d.call(params_1, (0, helper_1.getSwipeDirection)(startTouches[0], endTouches[0]));
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
else {
|
|
129
|
+
(_e = params_1.onMoveEnd) === null || _e === void 0 ? void 0 : _e.call(params_1, (0, helper_1.getDiffBetweenTouches)(startTouches[0], endTouches[0]), event);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
else if (endTouches.length === 2) {
|
|
133
|
+
(_f = params_1.onPinch) === null || _f === void 0 ? void 0 : _f.call(params_1, event, startInfo.event);
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
var handleTouchCancel = function (event, startInfo) {
|
|
138
|
+
var _a, _b;
|
|
139
|
+
if (startInfo) {
|
|
140
|
+
var params = startInfo.params, stopLongPress = startInfo.stopLongPress;
|
|
141
|
+
stopLongPress();
|
|
142
|
+
if ((_a = params.shouldPreventDefault) === null || _a === void 0 ? void 0 : _a.call(params, event)) {
|
|
143
|
+
event.preventDefault();
|
|
144
|
+
}
|
|
145
|
+
(_b = params.onTouchCancel) === null || _b === void 0 ? void 0 : _b.call(params, event);
|
|
146
|
+
}
|
|
147
|
+
};
|
|
148
|
+
parent.addEventListener('touchmove', function (event) {
|
|
149
|
+
startInfoMap.forEach(function (startInfo, element) {
|
|
150
|
+
handleTouchMove(event, startInfo);
|
|
151
|
+
});
|
|
152
|
+
}, {
|
|
153
|
+
capture: false,
|
|
154
|
+
passive: false,
|
|
155
|
+
});
|
|
156
|
+
parent.addEventListener('touchend', function (event) {
|
|
157
|
+
startInfoMap.forEach(function (startInfo, element) {
|
|
158
|
+
handleTouchEnd(event, startInfo);
|
|
159
|
+
});
|
|
160
|
+
startInfoMap.clear();
|
|
161
|
+
}, {
|
|
162
|
+
capture: false,
|
|
163
|
+
passive: false,
|
|
164
|
+
});
|
|
165
|
+
parent.addEventListener('touchcancel', function (event) {
|
|
166
|
+
startInfoMap.forEach(function (startInfo, element) {
|
|
167
|
+
if (startInfo.params.mockTouchCancelToEnd === false) {
|
|
168
|
+
handleTouchCancel(event, startInfo);
|
|
169
|
+
}
|
|
170
|
+
else {
|
|
171
|
+
handleTouchEnd(event, startInfo);
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
startInfoMap.clear();
|
|
175
|
+
}, {
|
|
176
|
+
capture: false,
|
|
177
|
+
passive: false,
|
|
178
|
+
});
|
|
179
|
+
};
|
|
180
|
+
registerGlobalTouchEvent();
|
|
181
|
+
//# sourceMappingURL=gesture.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"gesture.js","sourceRoot":"","sources":["../src/gesture.ts"],"names":[],"mappings":"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"}
|
package/dist/helper.d.ts
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type SwipeDirection = 'left' | 'right' | 'top' | 'bottom';
|
|
2
|
+
export declare function getSwipeDirection(touchA: Touch | MouseEvent, touchB: Touch | MouseEvent): "left" | "right" | "top" | "bottom";
|
|
3
|
+
export declare function generateTouchesFromMouse(event: MouseEvent): React.TouchList;
|
|
4
|
+
export declare function generateTouchFromMouse(event: MouseEvent): TouchEvent;
|
|
5
|
+
export declare function getDiffBetweenTouches(touchA: Touch, touchB: Touch): {
|
|
6
|
+
readonly x: number;
|
|
7
|
+
readonly y: number;
|
|
8
|
+
readonly direction: "left" | "right" | "top" | "bottom";
|
|
9
|
+
};
|
|
10
|
+
export declare function getDistanceBetweenTouches(touchA: Touch | MouseEvent, touchB: Touch | MouseEvent): number;
|
|
11
|
+
//# sourceMappingURL=helper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEjE,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,KAAK,GAAG,UAAU,EAAE,MAAM,EAAE,KAAK,GAAG,UAAU,uCASvF;AAID,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,UAAU,GAwBpC,KAAK,CAAC,SAAS,CACpC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,UAAU,GAAG,UAAU,CAQpE;AAED,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK;;;;EAQjE;AAED,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,KAAK,GAAG,UAAU,EAAE,MAAM,EAAE,KAAK,GAAG,UAAU,UAI/F"}
|
package/dist/helper.js
ADDED
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
|
+
exports.getSwipeDirection = getSwipeDirection;
|
|
15
|
+
exports.generateTouchesFromMouse = generateTouchesFromMouse;
|
|
16
|
+
exports.generateTouchFromMouse = generateTouchFromMouse;
|
|
17
|
+
exports.getDiffBetweenTouches = getDiffBetweenTouches;
|
|
18
|
+
exports.getDistanceBetweenTouches = getDistanceBetweenTouches;
|
|
19
|
+
function getSwipeDirection(touchA, touchB) {
|
|
20
|
+
var x = touchA.clientX - touchB.clientX;
|
|
21
|
+
var y = touchA.clientY - touchB.clientY;
|
|
22
|
+
if (Math.abs(x) > Math.abs(y)) {
|
|
23
|
+
// left or right
|
|
24
|
+
return x > 0 ? 'left' : 'right';
|
|
25
|
+
}
|
|
26
|
+
// top or bottom
|
|
27
|
+
return y > 0 ? 'top' : 'bottom';
|
|
28
|
+
}
|
|
29
|
+
var mouseIdentifier = Math.round(Math.random() * 1000);
|
|
30
|
+
function generateTouchesFromMouse(event) {
|
|
31
|
+
var touchList = {
|
|
32
|
+
0: {
|
|
33
|
+
identifier: mouseIdentifier,
|
|
34
|
+
target: event.target,
|
|
35
|
+
screenX: event.screenX,
|
|
36
|
+
screenY: event.screenY,
|
|
37
|
+
clientX: event.clientX,
|
|
38
|
+
clientY: event.clientY,
|
|
39
|
+
pageX: event.pageX,
|
|
40
|
+
pageY: event.pageY,
|
|
41
|
+
},
|
|
42
|
+
length: 1,
|
|
43
|
+
item: function (index) {
|
|
44
|
+
return this[index];
|
|
45
|
+
},
|
|
46
|
+
identifiedTouch: function (identifier) {
|
|
47
|
+
if (this[0].identifier === identifier) {
|
|
48
|
+
return this[0];
|
|
49
|
+
}
|
|
50
|
+
return null;
|
|
51
|
+
},
|
|
52
|
+
};
|
|
53
|
+
return touchList;
|
|
54
|
+
}
|
|
55
|
+
function generateTouchFromMouse(event) {
|
|
56
|
+
var touches = generateTouchesFromMouse(event);
|
|
57
|
+
return __assign(__assign({}, event), { touches: touches, changedTouches: touches, targetTouches: touches });
|
|
58
|
+
}
|
|
59
|
+
function getDiffBetweenTouches(touchA, touchB) {
|
|
60
|
+
var x = touchA.clientX - touchB.clientX;
|
|
61
|
+
var y = touchA.clientY - touchB.clientY;
|
|
62
|
+
return {
|
|
63
|
+
x: x,
|
|
64
|
+
y: y,
|
|
65
|
+
direction: getSwipeDirection(touchA, touchB),
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
function getDistanceBetweenTouches(touchA, touchB) {
|
|
69
|
+
var x = Math.abs(touchA.clientX - touchB.clientX);
|
|
70
|
+
var y = Math.abs(touchA.clientY - touchB.clientY);
|
|
71
|
+
return Math.pow((Math.pow(x, 2) + Math.pow(y, 2)), 0.5);
|
|
72
|
+
}
|
|
73
|
+
//# sourceMappingURL=helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helper.js","sourceRoot":"","sources":["../src/helper.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAEA,8CASC;AAID,4DAyBC;AAED,wDAQC;AAED,sDAQC;AAED,8DAIC;AAhED,SAAgB,iBAAiB,CAAC,MAA0B,EAAE,MAA0B;IACtF,IAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC1C,IAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC1C,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9B,gBAAgB;QAChB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAClC,CAAC;IACD,gBAAgB;IAChB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AAClC,CAAC;AAED,IAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC;AAEzD,SAAgB,wBAAwB,CAAC,KAAiB;IACxD,IAAM,SAAS,GAAG;QAChB,CAAC,EAAE;YACD,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,KAAK,CAAC,MAAM;YACpB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,KAAK,EAAE,KAAK,CAAC,KAAK;SACnB;QACD,MAAM,EAAE,CAAC;QACT,IAAI,YAAC,KAAa;YAChB,OAAQ,IAAY,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QACD,eAAe,YAAC,UAAkB;YAChC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,UAAU,EAAE,CAAC;gBACtC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC;YACjB,CAAC;YACD,OAAO,IAAI,CAAC;QACd,CAAC;KACF,CAAC;IAEF,OAAO,SAA4B,CAAC;AACtC,CAAC;AAED,SAAgB,sBAAsB,CAAC,KAAiB;IACtD,IAAM,OAAO,GAAQ,wBAAwB,CAAC,KAAY,CAAC,CAAC;IAC5D,OAAO,sBACF,KAAK,KACR,OAAO,SAAA,EACP,cAAc,EAAE,OAAO,EACvB,aAAa,EAAE,OAAO,GACT,CAAC;AAClB,CAAC;AAED,SAAgB,qBAAqB,CAAC,MAAa,EAAE,MAAa;IAChE,IAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC1C,IAAM,CAAC,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;IAC1C,OAAO;QACL,CAAC,GAAA;QACD,CAAC,GAAA;QACD,SAAS,EAAE,iBAAiB,CAAC,MAAM,EAAE,MAAM,CAAC;KACpC,CAAC;AACb,CAAC;AAED,SAAgB,yBAAyB,CAAC,MAA0B,EAAE,MAA0B;IAC9F,IAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,IAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACpD,OAAO,SAAA,CAAC,SAAA,CAAC,EAAI,CAAC,CAAA,GAAG,SAAA,CAAC,EAAI,CAAC,CAAA,CAAC,EAAI,GAAG,CAAA,CAAC;AAClC,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC"}
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.handleGesture = void 0;
|
|
4
|
+
var gesture_1 = require("./gesture");
|
|
5
|
+
Object.defineProperty(exports, "handleGesture", { enumerable: true, get: function () { return gesture_1.handleGesture; } });
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,qCAA0C;AAAjC,wGAAA,aAAa,OAAA"}
|
package/package.json
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@lofter-common-shared/gesture",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "",
|
|
5
|
+
"files": [
|
|
6
|
+
"dist",
|
|
7
|
+
"README.md"
|
|
8
|
+
],
|
|
9
|
+
"main": "./dist/index",
|
|
10
|
+
"publishConfig": {
|
|
11
|
+
"access": "public",
|
|
12
|
+
"registry": "https://registry.npmjs.org"
|
|
13
|
+
},
|
|
14
|
+
"contributors": [
|
|
15
|
+
{
|
|
16
|
+
"name": "luoshuai"
|
|
17
|
+
}
|
|
18
|
+
],
|
|
19
|
+
"license": "MIT",
|
|
20
|
+
"dependencies": {},
|
|
21
|
+
"devDependencies": {
|
|
22
|
+
"rimraf": "^3.0.2",
|
|
23
|
+
"typescript": "^5.2.2"
|
|
24
|
+
},
|
|
25
|
+
"scripts": {
|
|
26
|
+
"clean": "rimraf dist",
|
|
27
|
+
"build": "npm run clean && tsc -p tsconfig.build.json"
|
|
28
|
+
}
|
|
29
|
+
}
|