@pinnacle0/web-ui 0.4.14 → 0.4.16
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/core/FlatList/Content/Footer/index.js +1 -1
- package/core/FlatList/Content/Footer/index.js.map +1 -1
- package/core/FlatList/Content/index.js +2 -2
- package/core/FlatList/Content/index.js.map +1 -1
- package/core/FlatList/FloatingLoader/index.d.ts +7 -0
- package/core/FlatList/FloatingLoader/index.js +10 -0
- package/core/FlatList/FloatingLoader/index.js.map +1 -0
- package/core/FlatList/FloatingLoader/index.less +28 -0
- package/core/FlatList/Refresh/index.d.ts +8 -0
- package/core/FlatList/Refresh/index.js +9 -0
- package/core/FlatList/Refresh/index.js.map +1 -0
- package/core/FlatList/Refresh/index.less +25 -0
- package/core/FlatList/hook/useRefreshing.d.ts +5 -0
- package/core/FlatList/hook/useRefreshing.js +46 -0
- package/core/FlatList/hook/useRefreshing.js.map +1 -0
- package/core/FlatList/hook/useScrollListSwipe.d.ts +29 -0
- package/core/FlatList/hook/useScrollListSwipe.js +126 -0
- package/core/FlatList/hook/useScrollListSwipe.js.map +1 -0
- package/core/FlatList/index.js +42 -78
- package/core/FlatList/index.js.map +1 -1
- package/core/FlatList/index.less +0 -26
- package/core/FlatList/{Loader → shared/Loader}/index.d.ts +0 -0
- package/core/FlatList/{Loader → shared/Loader}/index.js +0 -0
- package/core/FlatList/shared/Loader/index.js.map +1 -0
- package/core/FlatList/{Loader → shared/Loader}/index.less +0 -0
- package/hooks/useSwipe/controller.js +3 -2
- package/hooks/useSwipe/controller.js.map +1 -1
- package/hooks/useSwipe/type.d.ts +1 -0
- package/hooks/useSwipe/type.js.map +1 -1
- package/package.json +4 -4
- package/core/FlatList/Loader/index.js.map +0 -1
- package/core/FlatList/util.d.ts +0 -8
- package/core/FlatList/util.js +0 -35
- package/core/FlatList/util.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { classNames } from "../../../../util/ClassNames";
|
|
3
|
-
import { Loader } from "../../Loader";
|
|
3
|
+
import { Loader } from "../../shared/Loader";
|
|
4
4
|
import "./index.less";
|
|
5
5
|
export var Footer = function (_a) {
|
|
6
6
|
var loading = _a.loading, hasNextPage = _a.hasNextPage, hasNextPageMessage = _a.hasNextPageMessage, endOfListMessage = _a.endOfListMessage;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/Content/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/Content/Footer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAC3C,OAAO,cAAc,CAAC;AAQtB,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAmE;QAAlE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,kBAAkB,wBAAA,EAAE,gBAAgB,sBAAA;IAC9E,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,IAAM,GAAG,GAAG,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,iBAAiB,CAAC;IAClD,IAAM,IAAI,GAAG,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,sBAAsB,CAAC;IAE1D,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,EAAC,OAAO,SAAA,EAAC,CAAC,IAChE,OAAO,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAC9C,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -22,9 +22,9 @@ export function Content(_a) {
|
|
|
22
22
|
var Item = renderItem;
|
|
23
23
|
var itemStyle = useGap(gap);
|
|
24
24
|
var markerId = React.useRef(createKey());
|
|
25
|
-
var loadedDataKey = React.useRef(null);
|
|
26
25
|
var _d = React.useMemo(function () { return splitByLast(data, endReachThreshold); }, [data, endReachThreshold]), first = _d.first, second = _d.second;
|
|
27
26
|
var _e = __read(React.useState(createKey()), 2), dataKey = _e[0], setDataKey = _e[1];
|
|
27
|
+
var loadedDataKey = React.useRef(createKey());
|
|
28
28
|
var previousMarker = React.useRef(null);
|
|
29
29
|
var onPullUpLoadingRef = React.useRef(onPullUpLoading);
|
|
30
30
|
onPullUpLoadingRef.current = onPullUpLoading;
|
|
@@ -58,7 +58,7 @@ export function Content(_a) {
|
|
|
58
58
|
};
|
|
59
59
|
return (React.createElement("div", { className: "g-flat-list-content" }, data.length === 0 && emptyPlaceholder ? (emptyPlaceholder) : (React.createElement(React.Fragment, null,
|
|
60
60
|
createItem(first),
|
|
61
|
-
React.createElement("div", { ref: markerRef, id: markerId.current, "data-key": dataKey }),
|
|
61
|
+
React.createElement("div", { key: markerId.current, ref: markerRef, id: markerId.current, "data-key": dataKey }),
|
|
62
62
|
createItem(second),
|
|
63
63
|
data.length > 0 && React.createElement(Footer, { loading: loading, hasNextPage: onPullUpLoading !== undefined, endOfListMessage: endOfListMessage, hasNextPageMessage: hasNextPageMessage })))));
|
|
64
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Content/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,iDAAiD,CAAC;AAMzD,MAAM,UAAU,OAAO,CAAI,EAA0J;QAAzJ,IAAI,UAAA,EAAE,gBAAgB,sBAAA,EAAE,UAAU,gBAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YAAA,EAAE,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EAAE,gBAAgB,sBAAA,EAAE,eAAe,qBAAA,EAAE,kBAAkB,wBAAA,EAAE,yBAAqB,EAArB,iBAAiB,mBAAG,CAAC,KAAA;IACtK,IAAM,IAAI,GAAG,UAAU,CAAC;IACxB,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;IAC9B,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Content/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { classNames } from "../../../util/ClassNames";
|
|
3
|
+
import { Loader } from "../shared/Loader";
|
|
4
|
+
import "./index.less";
|
|
5
|
+
export var FloatingLoader = function (_a) {
|
|
6
|
+
var show = _a.show;
|
|
7
|
+
return (React.createElement("div", { className: classNames("g-flat-list-floating-loader", { show: show }) },
|
|
8
|
+
React.createElement(Loader, null)));
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/FloatingLoader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAMtB,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAa;QAAZ,IAAI,UAAA;IAChC,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,EAAC,IAAI,MAAA,EAAC,CAAC;QAC7D,oBAAC,MAAM,OAAG,CACR,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.g-flat-list-floating-loader {
|
|
2
|
+
position: absolute;
|
|
3
|
+
margin: 0 auto;
|
|
4
|
+
display: flex;
|
|
5
|
+
flex-flow: column;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
align-items: center;
|
|
8
|
+
width: 100%;
|
|
9
|
+
opacity: 0;
|
|
10
|
+
transform: translateY(-100%);
|
|
11
|
+
transition: transform 200ms ease-in-out, opacity 200ms ease-in;
|
|
12
|
+
|
|
13
|
+
.g-flat-list-loader {
|
|
14
|
+
justify-content: center;
|
|
15
|
+
align-items: center;
|
|
16
|
+
min-height: 30px;
|
|
17
|
+
padding: 0 20px;
|
|
18
|
+
border-radius: 15px;
|
|
19
|
+
background-color: rgb(0 0 0 / 40%);
|
|
20
|
+
backdrop-filter: blur(10px);
|
|
21
|
+
-webkit-backdrop-filter: blur(10px);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
&.show {
|
|
25
|
+
opacity: 1;
|
|
26
|
+
transform: translateY(20px);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { classNames } from "../../../util/ClassNames";
|
|
3
|
+
import { Loader } from "../shared/Loader";
|
|
4
|
+
import "./index.less";
|
|
5
|
+
export var Refresh = React.forwardRef(function (_a, ref) {
|
|
6
|
+
var message = _a.message, refreshing = _a.refreshing;
|
|
7
|
+
return (React.createElement("div", { ref: ref, className: classNames("g-flat-list-refresh", { refreshing: refreshing }) }, refreshing ? React.createElement(Loader, null) : React.createElement("span", null, message !== null && message !== void 0 ? message : "release to refresh")));
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Refresh/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAC,MAAM,EAAC,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAOtB,MAAM,CAAC,IAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAwB,UAAC,EAAqB,EAAE,GAAG;QAAzB,OAAO,aAAA,EAAE,UAAU,gBAAA;IAChF,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,EAAC,UAAU,YAAA,EAAC,CAAC,IACpE,UAAU,CAAC,CAAC,CAAC,oBAAC,MAAM,OAAG,CAAC,CAAC,CAAC,kCAAO,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,oBAAoB,CAAQ,CACvE,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
.g-flat-list-refresh {
|
|
2
|
+
position: absolute;
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: auto;
|
|
5
|
+
display: flex;
|
|
6
|
+
flex-flow: column nowrap;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
align-items: center;
|
|
9
|
+
padding: 30px 0;
|
|
10
|
+
transform: translateY(-100%);
|
|
11
|
+
|
|
12
|
+
> span {
|
|
13
|
+
animation: fade-in 200ms ease-in;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@keyframes fade-in {
|
|
17
|
+
from {
|
|
18
|
+
opacity: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
to {
|
|
22
|
+
opacity: 1;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Prevent flickering refreshing
|
|
3
|
+
* `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
|
|
4
|
+
*/
|
|
5
|
+
export declare function useRefreshing(refreshing: boolean, duration: number): boolean;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
+
if (!m) return o;
|
|
4
|
+
var i = m.call(o), r, ar = [], e;
|
|
5
|
+
try {
|
|
6
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
+
}
|
|
8
|
+
catch (error) { e = { error: error }; }
|
|
9
|
+
finally {
|
|
10
|
+
try {
|
|
11
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
+
}
|
|
13
|
+
finally { if (e) throw e.error; }
|
|
14
|
+
}
|
|
15
|
+
return ar;
|
|
16
|
+
};
|
|
17
|
+
import React from "react";
|
|
18
|
+
/**
|
|
19
|
+
* Prevent flickering refreshing
|
|
20
|
+
* `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
|
|
21
|
+
*/
|
|
22
|
+
export function useRefreshing(refreshing, duration) {
|
|
23
|
+
var _a = __read(React.useState(refreshing), 2), guarantee = _a[0], setGuarantee = _a[1];
|
|
24
|
+
var timerId = React.useRef();
|
|
25
|
+
var lastLoadingTime = React.useRef(Date.now());
|
|
26
|
+
var durationRef = React.useRef(duration);
|
|
27
|
+
durationRef.current = duration;
|
|
28
|
+
React.useEffect(function () {
|
|
29
|
+
if (refreshing) {
|
|
30
|
+
lastLoadingTime.current = Date.now();
|
|
31
|
+
clearTimeout(timerId.current);
|
|
32
|
+
setGuarantee(true);
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
var remain = durationRef.current - (Date.now() - lastLoadingTime.current);
|
|
36
|
+
if (remain > 0) {
|
|
37
|
+
timerId.current = window.setTimeout(function () { return setGuarantee(false); }, remain);
|
|
38
|
+
}
|
|
39
|
+
else {
|
|
40
|
+
setGuarantee(false);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}, [refreshing]);
|
|
44
|
+
return guarantee;
|
|
45
|
+
}
|
|
46
|
+
//# sourceMappingURL=useRefreshing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useRefreshing.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useRefreshing.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,UAAU,aAAa,CAAC,UAAmB,EAAE,QAAgB;IACzD,IAAA,KAAA,OAA4B,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,IAAA,EAArD,SAAS,QAAA,EAAE,YAAY,QAA8B,CAAC;IAC7D,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IACvC,IAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAS,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAEzD,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,UAAU,EAAE;YACZ,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YACrC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC9B,YAAY,CAAC,IAAI,CAAC,CAAC;SACtB;aAAM;YACH,IAAM,MAAM,GAAG,WAAW,CAAC,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;YAC5E,IAAI,MAAM,GAAG,CAAC,EAAE;gBACZ,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EAAE,MAAM,CAAC,CAAC;aAC1E;iBAAM;gBACH,YAAY,CAAC,KAAK,CAAC,CAAC;aACvB;SACJ;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,SAAS,CAAC;AACrB,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Direction } from "../../../hooks/useSwipe";
|
|
3
|
+
import type { SwipeState } from "../../../hooks/useSwipe";
|
|
4
|
+
import type { Boundary } from "../type";
|
|
5
|
+
interface ScrollListSwipeState {
|
|
6
|
+
delta: number;
|
|
7
|
+
bounary: Boundary | null;
|
|
8
|
+
swipeState: SwipeState;
|
|
9
|
+
}
|
|
10
|
+
export interface ScrollListSwipeOption {
|
|
11
|
+
scrollElementRef: React.RefObject<HTMLElement>;
|
|
12
|
+
onStart: (state: ScrollListSwipeState) => void;
|
|
13
|
+
onMove: (state: ScrollListSwipeState) => void;
|
|
14
|
+
onEnd: (state: ScrollListSwipeState) => void;
|
|
15
|
+
onCancel: (state: ScrollListSwipeState) => void;
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Use useSwipe with Scorllable content
|
|
19
|
+
* 1. prevent scrolling on swiping
|
|
20
|
+
* 1. start counting delta when scorll to top and bottom
|
|
21
|
+
*/
|
|
22
|
+
export declare const useScrollListSwipe: ({ scrollElementRef, onStart, onMove, onEnd, onCancel }: ScrollListSwipeOption) => import("../../../hooks/useSwipe").SwipeHookResult;
|
|
23
|
+
export declare function isExceededBounary(delta: number, boundary: Boundary): boolean;
|
|
24
|
+
export declare function getBounaryFromStartDirection(direction: Direction): Boundary | null;
|
|
25
|
+
export declare function isScrollTop(element: HTMLElement): boolean;
|
|
26
|
+
export declare function isScrollBottom(element: HTMLElement): boolean;
|
|
27
|
+
export declare function isScrollLeft(element: HTMLElement): boolean;
|
|
28
|
+
export declare function isScrollRight(element: HTMLElement): boolean;
|
|
29
|
+
export {};
|
|
@@ -0,0 +1,126 @@
|
|
|
1
|
+
var __read = (this && this.__read) || function (o, n) {
|
|
2
|
+
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
3
|
+
if (!m) return o;
|
|
4
|
+
var i = m.call(o), r, ar = [], e;
|
|
5
|
+
try {
|
|
6
|
+
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
7
|
+
}
|
|
8
|
+
catch (error) { e = { error: error }; }
|
|
9
|
+
finally {
|
|
10
|
+
try {
|
|
11
|
+
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
12
|
+
}
|
|
13
|
+
finally { if (e) throw e.error; }
|
|
14
|
+
}
|
|
15
|
+
return ar;
|
|
16
|
+
};
|
|
17
|
+
import React from "react";
|
|
18
|
+
import { useSwipe, Direction } from "../../../hooks/useSwipe";
|
|
19
|
+
var OVER_BOUNDARY_LIMIT = 40;
|
|
20
|
+
/**
|
|
21
|
+
* Use useSwipe with Scorllable content
|
|
22
|
+
* 1. prevent scrolling on swiping
|
|
23
|
+
* 1. start counting delta when scorll to top and bottom
|
|
24
|
+
*/
|
|
25
|
+
export var useScrollListSwipe = function (_a) {
|
|
26
|
+
var scrollElementRef = _a.scrollElementRef, onStart = _a.onStart, onMove = _a.onMove, onEnd = _a.onEnd, onCancel = _a.onCancel;
|
|
27
|
+
var start = React.useRef(null);
|
|
28
|
+
var threshold = function (_a) {
|
|
29
|
+
var direction = _a.direction;
|
|
30
|
+
var element = scrollElementRef.current;
|
|
31
|
+
if (!element)
|
|
32
|
+
return false;
|
|
33
|
+
if (direction === Direction.DOWN && isScrollTop(element)) {
|
|
34
|
+
return true;
|
|
35
|
+
}
|
|
36
|
+
else if (direction === Direction.UP && isScrollBottom(element)) {
|
|
37
|
+
return true;
|
|
38
|
+
}
|
|
39
|
+
return false;
|
|
40
|
+
};
|
|
41
|
+
var clear = function () {
|
|
42
|
+
resumeScrolling();
|
|
43
|
+
start.current = null;
|
|
44
|
+
};
|
|
45
|
+
var calculateState = function (state) {
|
|
46
|
+
var _a = __read(state.delta, 2), y = _a[1];
|
|
47
|
+
if (!start.current)
|
|
48
|
+
return null;
|
|
49
|
+
return { delta: y - start.current.delta, bounary: start.current.bounary, swipeState: state };
|
|
50
|
+
};
|
|
51
|
+
var preventScrolling = function () {
|
|
52
|
+
if (scrollElementRef.current) {
|
|
53
|
+
scrollElementRef.current.style.overflowY = "hidden";
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
var resumeScrolling = function () {
|
|
57
|
+
if (scrollElementRef.current) {
|
|
58
|
+
scrollElementRef.current.style.overflowY = "";
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
var bind = useSwipe({
|
|
62
|
+
onStart: function (s) {
|
|
63
|
+
var startBounary = getBounaryFromStartDirection(s.direction);
|
|
64
|
+
start.current = { delta: s.delta[1], bounary: startBounary };
|
|
65
|
+
onStart({ delta: 0, bounary: startBounary, swipeState: s });
|
|
66
|
+
preventScrolling();
|
|
67
|
+
},
|
|
68
|
+
onMove: function (s) {
|
|
69
|
+
var state = calculateState(s);
|
|
70
|
+
if (!state)
|
|
71
|
+
return;
|
|
72
|
+
onMove(state);
|
|
73
|
+
if (state.bounary) {
|
|
74
|
+
isExceededBounary(state.delta, state.bounary) && s.cancel();
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
onEnd: function (s) {
|
|
78
|
+
var state = calculateState(s);
|
|
79
|
+
if (!state)
|
|
80
|
+
return;
|
|
81
|
+
onEnd(state);
|
|
82
|
+
clear();
|
|
83
|
+
},
|
|
84
|
+
onCancel: function (s) {
|
|
85
|
+
var state = calculateState(s);
|
|
86
|
+
if (!state)
|
|
87
|
+
return;
|
|
88
|
+
onCancel(state);
|
|
89
|
+
clear();
|
|
90
|
+
},
|
|
91
|
+
}, { threshold: threshold, preventDefault: true, stopPropagation: true });
|
|
92
|
+
return bind;
|
|
93
|
+
};
|
|
94
|
+
export function isExceededBounary(delta, boundary) {
|
|
95
|
+
switch (boundary) {
|
|
96
|
+
case "top":
|
|
97
|
+
return delta < -OVER_BOUNDARY_LIMIT;
|
|
98
|
+
case "bottom":
|
|
99
|
+
return delta > OVER_BOUNDARY_LIMIT;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
export function getBounaryFromStartDirection(direction) {
|
|
103
|
+
switch (direction) {
|
|
104
|
+
case Direction.DOWN:
|
|
105
|
+
return "top";
|
|
106
|
+
case Direction.UP:
|
|
107
|
+
return "bottom";
|
|
108
|
+
default:
|
|
109
|
+
return null;
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
export function isScrollTop(element) {
|
|
113
|
+
return element.scrollTop === 0;
|
|
114
|
+
}
|
|
115
|
+
export function isScrollBottom(element) {
|
|
116
|
+
var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
|
|
117
|
+
return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
|
|
118
|
+
}
|
|
119
|
+
export function isScrollLeft(element) {
|
|
120
|
+
return element.scrollLeft === 0;
|
|
121
|
+
}
|
|
122
|
+
export function isScrollRight(element) {
|
|
123
|
+
var scrollWidth = element.scrollWidth, scrollLeft = element.scrollLeft, clientWidth = element.clientWidth;
|
|
124
|
+
return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
|
|
125
|
+
}
|
|
126
|
+
//# sourceMappingURL=useScrollListSwipe.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useScrollListSwipe.js","sourceRoot":"","sources":["../../../../src/core/FlatList/hook/useScrollListSwipe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,yBAAyB,CAAC;AAI5D,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAgB/B;;;;GAIG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAA2E;QAA1E,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClF,IAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAkD,IAAI,CAAC,CAAC;IAElF,IAAM,SAAS,GAAG,UAAC,EAAuB;YAAtB,SAAS,eAAA;QACzB,IAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC;QACzC,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAC3B,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,WAAW,CAAC,OAAO,CAAC,EAAE;YACtD,OAAO,IAAI,CAAC;SACf;aAAM,IAAI,SAAS,KAAK,SAAS,CAAC,EAAE,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAC9D,OAAO,IAAI,CAAC;SACf;QACD,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC;IAEF,IAAM,KAAK,GAAG;QACV,eAAe,EAAE,CAAC;QAClB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,KAAiB;QAEjC,IAAA,KAAA,OACA,KAAK,UADO,EAAF,CAAC,QAAC,CACN;QACV,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAChC,OAAO,EAAC,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC;IAC/F,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACrB,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;SACvD;IACL,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG;QACpB,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC1B,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;SACjD;IACL,CAAC,CAAC;IAEF,IAAM,IAAI,GAAG,QAAQ,CACjB;QACI,OAAO,EAAE,UAAA,CAAC;YACN,IAAM,YAAY,GAAG,4BAA4B,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;YAC/D,KAAK,CAAC,OAAO,GAAG,EAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,EAAC,CAAC;YAC3D,OAAO,CAAC,EAAC,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,CAAC,EAAC,CAAC,CAAC;YAC1D,gBAAgB,EAAE,CAAC;QACvB,CAAC;QACD,MAAM,EAAE,UAAA,CAAC;YACL,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,MAAM,CAAC,KAAK,CAAC,CAAC;YACd,IAAI,KAAK,CAAC,OAAO,EAAE;gBACf,iBAAiB,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC;aAC/D;QACL,CAAC;QACD,KAAK,EAAE,UAAA,CAAC;YACJ,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,KAAK,CAAC,KAAK,CAAC,CAAC;YACb,KAAK,EAAE,CAAC;QACZ,CAAC;QACD,QAAQ,EAAE,UAAA,CAAC;YACP,IAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK;gBAAE,OAAO;YACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;YAChB,KAAK,EAAE,CAAC;QACZ,CAAC;KACJ,EACD,EAAC,SAAS,WAAA,EAAE,cAAc,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAC,CAC3D,CAAC;IAEF,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,UAAU,iBAAiB,CAAC,KAAa,EAAE,QAAkB;IAC/D,QAAQ,QAAQ,EAAE;QACd,KAAK,KAAK;YACN,OAAO,KAAK,GAAG,CAAC,mBAAmB,CAAC;QACxC,KAAK,QAAQ;YACT,OAAO,KAAK,GAAG,mBAAmB,CAAC;KAC1C;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,SAAoB;IAC7D,QAAQ,SAAS,EAAE;QACf,KAAK,SAAS,CAAC,IAAI;YACf,OAAO,KAAK,CAAC;QACjB,KAAK,SAAS,CAAC,EAAE;YACb,OAAO,QAAQ,CAAC;QACpB;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC5C,OAAO,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAoB;IACxC,IAAA,SAAS,GAAgC,OAAO,UAAvC,EAAE,YAAY,GAAkB,OAAO,aAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;IACxD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,YAAY,IAAI,YAAY,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAoB;IAC7C,OAAO,OAAO,CAAC,UAAU,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAoB;IACvC,IAAA,WAAW,GAA6B,OAAO,YAApC,EAAE,UAAU,GAAiB,OAAO,WAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;IACvD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,IAAI,WAAW,CAAC;AAC9D,CAAC"}
|
package/core/FlatList/index.js
CHANGED
|
@@ -27,12 +27,13 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
27
27
|
};
|
|
28
28
|
import React from "react";
|
|
29
29
|
import { classNames } from "../../util/ClassNames";
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import { getBounaryFromStartDirection, isExceededBounary, isScrollBottom, isScrollTop } from "./util";
|
|
30
|
+
import { useTransform } from "../../hooks";
|
|
31
|
+
import { useScrollListSwipe } from "./hook/useScrollListSwipe";
|
|
33
32
|
import { Content } from "./Content";
|
|
33
|
+
import { FloatingLoader } from "./FloatingLoader";
|
|
34
|
+
import { Refresh } from "./Refresh";
|
|
34
35
|
import "./index.less";
|
|
35
|
-
import {
|
|
36
|
+
import { useRefreshing } from "./hook/useRefreshing";
|
|
36
37
|
export * from "./type";
|
|
37
38
|
var PULL_DOWN_REFRESH_THRESHOLD = 50;
|
|
38
39
|
export var FlatList = function (_a) {
|
|
@@ -41,102 +42,65 @@ export var FlatList = function (_a) {
|
|
|
41
42
|
var animtedRef = React.useRef(null);
|
|
42
43
|
var refreshHeight = React.useRef(0);
|
|
43
44
|
var previousBoundary = React.useRef(null);
|
|
44
|
-
var
|
|
45
|
-
var
|
|
45
|
+
var refreshing = useRefreshing(exactRefreshing !== null && exactRefreshing !== void 0 ? exactRefreshing : false, 1000);
|
|
46
|
+
var _b = __read(React.useState(refreshing), 2), showFloatingLoader = _b[0], setShowFloatingLoader = _b[1];
|
|
46
47
|
var transit = useTransform(animtedRef, {
|
|
47
48
|
timingFunction: "cubic-bezier(0, 0.89, 0.26, 1.02)",
|
|
48
49
|
duration: 800,
|
|
49
50
|
});
|
|
50
51
|
var transitRef = React.useRef(transit);
|
|
51
52
|
transitRef.current = transit;
|
|
52
|
-
var
|
|
53
|
-
|
|
54
|
-
var element = scrollRef.current;
|
|
55
|
-
if (!element)
|
|
56
|
-
return false;
|
|
57
|
-
if (direction === Direction.DOWN && isScrollTop(element)) {
|
|
58
|
-
return true;
|
|
59
|
-
}
|
|
60
|
-
else if (direction === Direction.UP && isScrollBottom(element)) {
|
|
61
|
-
return true;
|
|
62
|
-
}
|
|
63
|
-
return false;
|
|
64
|
-
};
|
|
65
|
-
var clear = function () {
|
|
66
|
-
transit.clear();
|
|
67
|
-
setStartDelta(null);
|
|
68
|
-
};
|
|
69
|
-
var bind = useSwipe({
|
|
53
|
+
var bind = useScrollListSwipe({
|
|
54
|
+
scrollElementRef: scrollRef,
|
|
70
55
|
onStart: function (_a) {
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
previousBoundary.current =
|
|
56
|
+
var bounary = _a.bounary;
|
|
57
|
+
setShowFloatingLoader(false);
|
|
58
|
+
previousBoundary.current = bounary;
|
|
74
59
|
},
|
|
75
60
|
onMove: function (_a) {
|
|
76
|
-
var
|
|
77
|
-
|
|
78
|
-
return;
|
|
79
|
-
var transform = y - startDelta;
|
|
80
|
-
transit.to({ y: transform, immediate: true });
|
|
81
|
-
isExceededBounary(transform, previousBoundary.current) && cancel();
|
|
61
|
+
var delta = _a.delta;
|
|
62
|
+
return transit.to({ y: delta, immediate: true });
|
|
82
63
|
},
|
|
83
64
|
onEnd: function (_a) {
|
|
84
|
-
var
|
|
85
|
-
if (!
|
|
86
|
-
return;
|
|
87
|
-
if (previousBoundary.current === "top" && onPullDownRefresh && y - startDelta >= PULL_DOWN_REFRESH_THRESHOLD && !delayedRefreshing) {
|
|
65
|
+
var delta = _a.delta;
|
|
66
|
+
if (previousBoundary.current === "top" && onPullDownRefresh && delta >= PULL_DOWN_REFRESH_THRESHOLD && !refreshing && !loading) {
|
|
88
67
|
onPullDownRefresh();
|
|
89
68
|
}
|
|
90
|
-
clear();
|
|
91
|
-
if (
|
|
69
|
+
transit.clear();
|
|
70
|
+
if (refreshing) {
|
|
92
71
|
transit.to({ y: refreshHeight.current });
|
|
93
72
|
}
|
|
94
73
|
},
|
|
95
|
-
onCancel: clear,
|
|
96
|
-
}
|
|
97
|
-
var
|
|
98
|
-
var
|
|
99
|
-
|
|
100
|
-
if (
|
|
101
|
-
|
|
102
|
-
transitRef.current.to({ y: refreshHeight.current });
|
|
103
|
-
}
|
|
104
|
-
else {
|
|
105
|
-
transitRef.current.clear();
|
|
74
|
+
onCancel: function () { return transit.clear(); },
|
|
75
|
+
});
|
|
76
|
+
var updateRefreshHeight = React.useCallback(function (node) { return node && (refreshHeight.current = node.getBoundingClientRect().height); }, []);
|
|
77
|
+
var handleScroll = function () {
|
|
78
|
+
transit.clear();
|
|
79
|
+
if (refreshing) {
|
|
80
|
+
setShowFloatingLoader(true);
|
|
106
81
|
}
|
|
107
|
-
}
|
|
108
|
-
return (React.createElement("div", __assign({ id: id, className: classNames("g-flat-list", className) }, bind),
|
|
109
|
-
React.createElement("div", { className: "g-flat-list-inner-wrapper", ref: animtedRef, style: wrapperStyle },
|
|
110
|
-
exactRefreshing !== undefined && (React.createElement("div", { ref: updateRefreshHeight, className: classNames("g-flat-list-refresh", { refreshing: delayedRefreshing }) }, delayedRefreshing ? React.createElement(Loader, null) : React.createElement("span", null, pullDownMessage !== null && pullDownMessage !== void 0 ? pullDownMessage : "release to refresh"))),
|
|
111
|
-
React.createElement("div", { className: "g-flat-list-scrollable", ref: scrollRef, style: __assign({ overflow: startDelta ? "hidden" : undefined }, style), onScroll: onScroll },
|
|
112
|
-
React.createElement(Content, { data: data, rowKey: rowKey, renderItem: renderItem, gap: gap, emptyPlaceholder: emptyPlaceholder, loading: loading, endOfListMessage: endOfListMessage, hasNextPageMessage: pullUpMessage, onPullUpLoading: onPullUpLoading, endReachThreshold: endReachThreshold })))));
|
|
113
|
-
};
|
|
114
|
-
/**
|
|
115
|
-
* Prevent flickering refreshing
|
|
116
|
-
* `PS`: This is totally different from prevent flickering loading, the hook make sure refreshing must remain `true` in a certain period of time
|
|
117
|
-
*/
|
|
118
|
-
function useRefreshing(refreshing, duration) {
|
|
119
|
-
var _a = __read(React.useState(refreshing), 2), guarantee = _a[0], setGuarantee = _a[1];
|
|
120
|
-
var timerId = React.useRef();
|
|
121
|
-
var lastLoadingTime = React.useRef(Date.now());
|
|
122
|
-
var durationRef = React.useRef(duration);
|
|
123
|
-
durationRef.current = duration;
|
|
82
|
+
};
|
|
124
83
|
React.useEffect(function () {
|
|
125
84
|
if (refreshing) {
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
setGuarantee(true);
|
|
129
|
-
}
|
|
130
|
-
else {
|
|
131
|
-
var remain = durationRef.current - (Date.now() - lastLoadingTime.current);
|
|
132
|
-
if (remain > 0) {
|
|
133
|
-
timerId.current = window.setTimeout(function () { return setGuarantee(false); }, remain);
|
|
85
|
+
if (previousBoundary.current === "top") {
|
|
86
|
+
transitRef.current.to({ y: refreshHeight.current });
|
|
134
87
|
}
|
|
135
88
|
else {
|
|
136
|
-
|
|
89
|
+
setShowFloatingLoader(true);
|
|
137
90
|
}
|
|
138
91
|
}
|
|
92
|
+
else {
|
|
93
|
+
previousBoundary.current = null;
|
|
94
|
+
transitRef.current.clear();
|
|
95
|
+
setShowFloatingLoader(false);
|
|
96
|
+
}
|
|
139
97
|
}, [refreshing]);
|
|
140
|
-
return
|
|
141
|
-
}
|
|
98
|
+
return (React.createElement("div", __assign({ id: id, className: classNames("g-flat-list", className) }, bind),
|
|
99
|
+
React.createElement("div", { className: "g-flat-list-inner-wrapper", ref: animtedRef, style: wrapperStyle },
|
|
100
|
+
exactRefreshing !== undefined && (React.createElement(React.Fragment, null,
|
|
101
|
+
React.createElement(FloatingLoader, { show: showFloatingLoader }),
|
|
102
|
+
React.createElement(Refresh, { ref: updateRefreshHeight, refreshing: refreshing, message: pullDownMessage }))),
|
|
103
|
+
React.createElement("div", { className: "g-flat-list-scrollable", ref: scrollRef, style: style, onScroll: handleScroll },
|
|
104
|
+
React.createElement(Content, { data: data, rowKey: rowKey, renderItem: renderItem, gap: gap, emptyPlaceholder: emptyPlaceholder, loading: loading, endOfListMessage: endOfListMessage, hasNextPageMessage: pullUpMessage, onPullUpLoading: !exactRefreshing ? onPullUpLoading : undefined, endReachThreshold: endReachThreshold })))));
|
|
105
|
+
};
|
|
142
106
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":"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"}
|
package/core/FlatList/index.less
CHANGED
|
@@ -16,32 +16,6 @@
|
|
|
16
16
|
transition-timing-function: cubic-bezier(0, 0.89, 0.26, 1.02);
|
|
17
17
|
transition-duration: 800ms;
|
|
18
18
|
|
|
19
|
-
.g-flat-list-refresh {
|
|
20
|
-
position: absolute;
|
|
21
|
-
width: 100%;
|
|
22
|
-
height: auto;
|
|
23
|
-
display: flex;
|
|
24
|
-
flex-flow: column nowrap;
|
|
25
|
-
justify-content: center;
|
|
26
|
-
align-items: center;
|
|
27
|
-
padding: 30px 0;
|
|
28
|
-
transform: translateY(-100%);
|
|
29
|
-
|
|
30
|
-
> span {
|
|
31
|
-
animation: fade-in 200ms ease-in;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@keyframes fade-in {
|
|
35
|
-
from {
|
|
36
|
-
opacity: 0;
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
to {
|
|
40
|
-
opacity: 1;
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
19
|
.g-flat-list-scrollable {
|
|
46
20
|
display: flex;
|
|
47
21
|
height: 100%;
|
|
File without changes
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,MAAM,GAAG;IAClB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB;QAC/B,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG,CACrB,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
File without changes
|
|
@@ -74,7 +74,7 @@ var Controller = /** @class */ (function () {
|
|
|
74
74
|
var s = [start.clientX, start.clientY];
|
|
75
75
|
var e = [changed.clientX, changed.clientY];
|
|
76
76
|
var delta = [e[0] - s[0], e[1] - s[1]];
|
|
77
|
-
var
|
|
77
|
+
var elapsed = Date.now() - this.startTime;
|
|
78
78
|
return {
|
|
79
79
|
clientX: changed.clientX,
|
|
80
80
|
clientY: changed.clientY,
|
|
@@ -83,7 +83,8 @@ var Controller = /** @class */ (function () {
|
|
|
83
83
|
direction: SwipeUtil.getDirection(s, e),
|
|
84
84
|
displacement: SwipeUtil.getDisplacement(s, e),
|
|
85
85
|
// TODO/Alvis, need to improve velocity calculation
|
|
86
|
-
velocity: [Math.abs(delta[0]) /
|
|
86
|
+
velocity: [Math.abs(delta[0]) / elapsed, Math.abs(delta[1]) / elapsed],
|
|
87
|
+
elapsed: elapsed,
|
|
87
88
|
syntheticEvent: event,
|
|
88
89
|
cancel: (function () { return _this.cancel(event); }).bind(this),
|
|
89
90
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/controller.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/controller.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAE/C,IAAM,qBAAqB,GAAG,EAAE,CAAC;AAEjC;IASI;QARQ,cAAS,GAAW,CAAC,CAAC;QACtB,eAAU,GAAuB,IAAI,CAAC;QACtC,YAAO,GAAY,KAAK,CAAC;QAGzB,eAAU,GAAuB,IAAI,CAAC;QAI1C,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACrB,CAAC;IAEO,iCAAY,GAApB,UAAqB,CAAmB;QACpC,IAAI,CAAC,MAAM,CAAC,eAAe,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QACnD,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACzC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;YACtC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;SAC/B;IACL,CAAC;IAEO,gCAAW,GAAnB,UAAoB,CAAmB;;QACnC,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QAEjF,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,EAAE;YAC5C,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,OAAO,mDAAG,KAAK,CAAC,CAAC;YAC/B,OAAO;SACV;aAAM,IAAI,IAAI,CAAC,OAAO,EAAE;YACrB,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,MAAM,mDAAG,KAAK,CAAC,CAAC;SACjC;IACL,CAAC;IAEO,+BAAU,GAAlB,UAAmB,CAAmB;;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO;SACV;QACD,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACjF,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,KAAK,mDAAG,KAAK,CAAC,CAAC;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAEO,kCAAa,GAArB,UAAsB,CAAmB;;QACrC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACf,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO;SACV;QACD,IAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE;YACjB,OAAO;SACV;QACD,IAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,EAAE,cAAc,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC;QACjF,MAAA,MAAA,IAAI,CAAC,QAAQ,EAAC,QAAQ,mDAAG,KAAK,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAEO,kCAAa,GAArB,UAAsB,KAAiB;;QACnC,OAAO,KAAK,CAAC,YAAY,GAAG,qBAAqB,IAAI,CAAC,MAAA,MAAA,MAAA,IAAI,CAAC,MAAM,EAAC,SAAS,mDAAG,KAAK,CAAC,mCAAI,IAAI,CAAC,CAAC;IAClG,CAAC;IAEO,2BAAM,GAAd,UAAe,KAAuB;QAClC,IAAI,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;SAC7B;IACL,CAAC;IAEO,iCAAY,GAApB,UAAqB,KAAkB,EAAE,OAAoB,EAAE,KAAuB;QAAtF,iBAkBC;QAjBG,IAAM,CAAC,GAAY,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;QAClD,IAAM,CAAC,GAAY,CAAC,OAAO,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;QACtD,IAAM,KAAK,GAAY,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAClD,IAAM,OAAO,GAAG,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,SAAS,CAAC;QAC5C,OAAO;YACH,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,UAAU,EAAE,KAAK;YACjB,KAAK,OAAA;YACL,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC;YACvC,YAAY,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;YAC7C,mDAAmD;YACnD,QAAQ,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC;YACtE,OAAO,SAAA;YACP,cAAc,EAAE,KAAK;YACrB,MAAM,EAAE,CAAC,cAAM,OAAA,KAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlB,CAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;SAChD,CAAC;IACN,CAAC;IAEO,iCAAY,GAApB,UAAqB,CAAmB;QAAxC,iBAaC;QAZG,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAClB,OAAO,IAAI,CAAC;SACf;QACD,IAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,UAAU,KAAK,KAAI,CAAC,UAAW,CAAC,UAAU,EAA5C,CAA4C,CAAC,CAAC;QACnG,IAAI,CAAC,KAAK,EAAE;YACR,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO;gBACH,KAAK,EAAE,IAAI,CAAC,UAAU;gBACtB,OAAO,EAAE,KAAK;aACjB,CAAC;SACL;IACL,CAAC;IAEO,0BAAK,GAAb;QACI,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC;QACnB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;QACvB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;IAEO,mCAAc,GAAtB,UAAuB,KAAiB;QACpC,IAAI,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,MAAM,CAAC,cAAc,IAAI,IAAI,CAAC,OAAO,EAAE;YAChE,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;IACL,CAAC;IAEO,+BAAU,GAAlB,UAAmB,IAAwB;QACvC,IAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC;QAE5B,IAAI,CAAC,GAAG,EAAE;YACN,OAAO;SACV;QACD,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE;YAC3B,GAAG,CAAC,IAAI,CAAC,CAAC;SACb;aAAM;YACH,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;SAC/B;IACL,CAAC;IAED,2BAAM,GAAN,UAAO,QAA2B,EAAE,MAA4B;QAA5B,uBAAA,EAAA,WAA4B;QAC5D,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACzB,CAAC;IAED,8BAAS,GAAT;QAAA,iBAgBC;QAfG,OAAO,UAAC,IAAwB;YAC5B,KAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;YAEtB,IAAI,KAAI,CAAC,UAAU,IAAI,KAAI,CAAC,uBAAuB,EAAE;gBACjD,KAAI,CAAC,UAAU,CAAC,mBAAmB,CAAC,WAAW,EAAE,KAAI,CAAC,uBAAuB,CAAC,CAAC;gBAC/E,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,KAAI,CAAC,uBAAuB,GAAG,SAAS,CAAC;aAC5C;YAED,IAAI,IAAI,EAAE;gBACN,KAAI,CAAC,UAAU,GAAG,IAAI,CAAC;gBACvB,KAAI,CAAC,uBAAuB,GAAG,KAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAI,CAAC,CAAC;gBAC9D,KAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,WAAW,EAAE,KAAI,CAAC,uBAAuB,EAAE,EAAC,OAAO,EAAE,KAAK,EAAC,CAAC,CAAC;aACjG;QACL,CAAC,CAAC;IACN,CAAC;IAED,mCAAc,GAAd;QACI,OAAO;YACH,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1C,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC;YACxC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;YACtC,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC;SAC/C,CAAC;IACN,CAAC;IACL,iBAAC;AAAD,CAAC,AAvKD,IAuKC"}
|
package/hooks/useSwipe/type.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/type.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/hooks/useSwipe/type.ts"],"names":[],"mappings":"AA4CA,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACjB,sBAAS,CAAA;IACT,0BAAa,CAAA;IACb,0BAAa,CAAA;IACb,4BAAe,CAAA;AACnB,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pinnacle0/web-ui",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.16",
|
|
4
4
|
"author": "Pinnacle",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"sideEffects": [
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"directory": "packages/web-ui"
|
|
15
15
|
},
|
|
16
16
|
"engines": {
|
|
17
|
-
"node": ">= 16.
|
|
17
|
+
"node": ">= 16.15.0"
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"@ant-design/icons": "4.8.0",
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
"react-dom": "18.2.0",
|
|
53
53
|
"react-router-dom": "5.3.0",
|
|
54
54
|
"typescript": "4.9.4",
|
|
55
|
-
"@pinnacle0/
|
|
56
|
-
"@pinnacle0/
|
|
55
|
+
"@pinnacle0/devtool-util": "1.1.7",
|
|
56
|
+
"@pinnacle0/webpack-util": "0.4.45"
|
|
57
57
|
},
|
|
58
58
|
"publishConfig": {
|
|
59
59
|
"directory": "build"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/Loader/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,IAAM,MAAM,GAAG;IAClB,OAAO,CACH,6BAAK,SAAS,EAAC,oBAAoB;QAC/B,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG;QACvB,6BAAK,SAAS,EAAC,KAAK,GAAG,CACrB,CACT,CAAC;AACN,CAAC,CAAC"}
|
package/core/FlatList/util.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { Direction } from "../../hooks/useSwipe";
|
|
2
|
-
import type { Boundary } from "./type";
|
|
3
|
-
export declare function isExceededBounary(delta: number, boundary: Boundary): boolean;
|
|
4
|
-
export declare function getBounaryFromStartDirection(direction: Direction): Boundary | null;
|
|
5
|
-
export declare function isScrollTop(element: HTMLElement): boolean;
|
|
6
|
-
export declare function isScrollBottom(element: HTMLElement): boolean;
|
|
7
|
-
export declare function isScrollLeft(element: HTMLElement): boolean;
|
|
8
|
-
export declare function isScrollRight(element: HTMLElement): boolean;
|
package/core/FlatList/util.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { Direction } from "../../hooks/useSwipe";
|
|
2
|
-
var OVER_BOUNDARY_LIMIT = 40;
|
|
3
|
-
export function isExceededBounary(delta, boundary) {
|
|
4
|
-
switch (boundary) {
|
|
5
|
-
case "top":
|
|
6
|
-
return delta < -OVER_BOUNDARY_LIMIT;
|
|
7
|
-
case "bottom":
|
|
8
|
-
return delta > OVER_BOUNDARY_LIMIT;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
export function getBounaryFromStartDirection(direction) {
|
|
12
|
-
switch (direction) {
|
|
13
|
-
case Direction.DOWN:
|
|
14
|
-
return "top";
|
|
15
|
-
case Direction.UP:
|
|
16
|
-
return "bottom";
|
|
17
|
-
default:
|
|
18
|
-
return null;
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
export function isScrollTop(element) {
|
|
22
|
-
return element.scrollTop === 0;
|
|
23
|
-
}
|
|
24
|
-
export function isScrollBottom(element) {
|
|
25
|
-
var scrollTop = element.scrollTop, clientHeight = element.clientHeight, scrollHeight = element.scrollHeight;
|
|
26
|
-
return Math.ceil(scrollTop) + clientHeight >= scrollHeight;
|
|
27
|
-
}
|
|
28
|
-
export function isScrollLeft(element) {
|
|
29
|
-
return element.scrollLeft === 0;
|
|
30
|
-
}
|
|
31
|
-
export function isScrollRight(element) {
|
|
32
|
-
var scrollWidth = element.scrollWidth, scrollLeft = element.scrollLeft, clientWidth = element.clientWidth;
|
|
33
|
-
return Math.ceil(scrollLeft) + clientWidth >= scrollWidth;
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=util.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../src/core/FlatList/util.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,sBAAsB,CAAC;AAG/C,IAAM,mBAAmB,GAAG,EAAE,CAAC;AAE/B,MAAM,UAAU,iBAAiB,CAAC,KAAa,EAAE,QAAkB;IAC/D,QAAQ,QAAQ,EAAE;QACd,KAAK,KAAK;YACN,OAAO,KAAK,GAAG,CAAC,mBAAmB,CAAC;QACxC,KAAK,QAAQ;YACT,OAAO,KAAK,GAAG,mBAAmB,CAAC;KAC1C;AACL,CAAC;AAED,MAAM,UAAU,4BAA4B,CAAC,SAAoB;IAC7D,QAAQ,SAAS,EAAE;QACf,KAAK,SAAS,CAAC,IAAI;YACf,OAAO,KAAK,CAAC;QACjB,KAAK,SAAS,CAAC,EAAE;YACb,OAAO,QAAQ,CAAC;QACpB;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,OAAoB;IAC5C,OAAO,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,cAAc,CAAC,OAAoB;IACxC,IAAA,SAAS,GAAgC,OAAO,UAAvC,EAAE,YAAY,GAAkB,OAAO,aAAzB,EAAE,YAAY,GAAI,OAAO,aAAX,CAAY;IACxD,OAAO,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,YAAY,IAAI,YAAY,CAAC;AAC/D,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,OAAoB;IAC7C,OAAO,OAAO,CAAC,UAAU,KAAK,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAoB;IACvC,IAAA,WAAW,GAA6B,OAAO,YAApC,EAAE,UAAU,GAAiB,OAAO,WAAxB,EAAE,WAAW,GAAI,OAAO,YAAX,CAAY;IACvD,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,WAAW,IAAI,WAAW,CAAC;AAC9D,CAAC"}
|