@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.
@@ -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"}
@@ -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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"}
@@ -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"}
@@ -0,0 +1,2 @@
1
+ export { handleGesture } from './gesture';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -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
+ }