@pinnacle0/web-ui 0.3.18-beta2 → 0.3.18
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/VirtualFlatList/index.d.ts +3 -26
- package/core/FlatList/VirtualFlatList/index.js +22 -22
- package/core/FlatList/VirtualFlatList/index.js.map +1 -1
- package/core/FlatList/VirtualFlatList/type.d.ts +8 -3
- package/package.json +1 -1
- package/util/PromptUtil/index.js +4 -2
- package/util/PromptUtil/index.js.map +1 -1
|
@@ -1,30 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import "./index.less";
|
|
3
|
-
import type {
|
|
4
|
-
export interface Props<T> {
|
|
5
|
-
data: T[];
|
|
6
|
-
renderItem: ItemRenderer<T>;
|
|
7
|
-
loading?: boolean;
|
|
8
|
-
className?: string;
|
|
9
|
-
style?: React.CSSProperties;
|
|
10
|
-
onPullUpLoading?: () => void;
|
|
11
|
-
onPullDownRefresh?: () => void;
|
|
12
|
-
autoLoad?: boolean | number;
|
|
13
|
-
overscan?: number;
|
|
14
|
-
emptyPlaceholder?: string | React.ReactElement;
|
|
15
|
-
contentStyle?: React.CSSProperties;
|
|
16
|
-
gap?: {
|
|
17
|
-
top?: number;
|
|
18
|
-
bottom?: number;
|
|
19
|
-
left?: number;
|
|
20
|
-
right?: number;
|
|
21
|
-
};
|
|
22
|
-
bounceEffect?: boolean;
|
|
23
|
-
pullUpLoadingMessage?: string;
|
|
24
|
-
endOfListMessage?: string;
|
|
25
|
-
pullDownRefreshMessage?: string;
|
|
26
|
-
}
|
|
3
|
+
import type { VirtualFlatListProps } from "./type";
|
|
27
4
|
/**
|
|
28
5
|
* VirtualizedFlatList currently only work with item without and size related animation and transition since it break the layout. This will be improve in the future
|
|
29
6
|
*/
|
|
30
|
-
export declare
|
|
7
|
+
export declare const VirtualFlatList: <T>(props: VirtualFlatListProps<T>) => JSX.Element;
|
|
@@ -32,12 +32,31 @@ import "./index.less";
|
|
|
32
32
|
/**
|
|
33
33
|
* VirtualizedFlatList currently only work with item without and size related animation and transition since it break the layout. This will be improve in the future
|
|
34
34
|
*/
|
|
35
|
-
export function
|
|
36
|
-
var data = props.data, renderItem = props.renderItem, _a = props.loading, loading = _a === void 0 ? false : _a, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, emptyPlaceholder = props.emptyPlaceholder, contentStyle = props.contentStyle, gap = props.gap,
|
|
35
|
+
export var VirtualFlatList = function (props) {
|
|
36
|
+
var data = props.data, renderItem = props.renderItem, _a = props.loading, loading = _a === void 0 ? false : _a, _b = props.bounceEffect, bounceEffect = _b === void 0 ? true : _b, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, emptyPlaceholder = props.emptyPlaceholder, contentStyle = props.contentStyle, gap = props.gap, _c = props.autoLoad, autoLoad = _c === void 0 ? true : _c, _d = props.overscan, overscan = _d === void 0 ? 3 : _d, estimateSize = props.estimateSize, listRef = props.listRef, pullUpLoadingMessage = props.pullUpLoadingMessage, endOfListMessage = props.endOfListMessage, pullDownRefreshMessage = props.pullDownRefreshMessage;
|
|
37
37
|
var listWrapperRef = React.useRef(null);
|
|
38
38
|
var _e = __read(React.useState(null), 2), loadingType = _e[0], setLoadingType = _e[1];
|
|
39
39
|
var currentRangeRef = React.useRef();
|
|
40
40
|
var previousRangeRef = React.useRef();
|
|
41
|
+
var listData = React.useMemo(function () { return __spreadArray(__spreadArray([], __read(data), false), [{ loading: loading && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage }], false); }, [loading, loadingType, endOfListMessage, onPullUpLoading, pullUpLoadingMessage, data]);
|
|
42
|
+
var rangeExtractor = React.useCallback(function (range) {
|
|
43
|
+
var _a;
|
|
44
|
+
previousRangeRef.current = (_a = currentRangeRef.current) !== null && _a !== void 0 ? _a : range;
|
|
45
|
+
currentRangeRef.current = range;
|
|
46
|
+
return defaultRangeExtractor(range);
|
|
47
|
+
}, []);
|
|
48
|
+
var rowVirtualizer = useVirtual({
|
|
49
|
+
size: listData.length,
|
|
50
|
+
parentRef: listWrapperRef,
|
|
51
|
+
overscan: overscan,
|
|
52
|
+
estimateSize: estimateSize,
|
|
53
|
+
rangeExtractor: rangeExtractor,
|
|
54
|
+
});
|
|
55
|
+
var rowVirtualizerRef = React.useRef(rowVirtualizer);
|
|
56
|
+
rowVirtualizerRef.current = rowVirtualizer;
|
|
57
|
+
React.useImperativeHandle(listRef, function () { return ({
|
|
58
|
+
measure: rowVirtualizer.measure,
|
|
59
|
+
}); });
|
|
41
60
|
// the reason why onScroll event is used to simulate auto loading instead of rangeExtractor is rangeExtractor return a wrong range when on mount
|
|
42
61
|
var onAutoLoad = function () {
|
|
43
62
|
var previousRange = previousRangeRef.current;
|
|
@@ -53,29 +72,10 @@ export function VirtualFlatList(props) {
|
|
|
53
72
|
onPullUpLoading();
|
|
54
73
|
}
|
|
55
74
|
};
|
|
56
|
-
var rangeExtractor = React.useCallback(function (range) {
|
|
57
|
-
var _a;
|
|
58
|
-
previousRangeRef.current = (_a = currentRangeRef.current) !== null && _a !== void 0 ? _a : range;
|
|
59
|
-
currentRangeRef.current = range;
|
|
60
|
-
return defaultRangeExtractor(range);
|
|
61
|
-
}, []);
|
|
62
|
-
var listData = React.useMemo(function () { return __spreadArray(__spreadArray([], __read(data), false), [{ loading: loading && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage }], false); }, [loading, loadingType, endOfListMessage, onPullUpLoading, pullUpLoadingMessage, data]);
|
|
63
|
-
var rowVirtualizer = useVirtual({
|
|
64
|
-
size: listData.length,
|
|
65
|
-
parentRef: listWrapperRef,
|
|
66
|
-
estimateSize: React.useCallback(function () { return 100; }, []),
|
|
67
|
-
overscan: overscan,
|
|
68
|
-
rangeExtractor: rangeExtractor,
|
|
69
|
-
});
|
|
70
|
-
var rowVirtualizerRef = React.useRef(rowVirtualizer);
|
|
71
|
-
rowVirtualizerRef.current = rowVirtualizer;
|
|
72
|
-
React.useEffect(function () {
|
|
73
|
-
rowVirtualizerRef.current.measure();
|
|
74
|
-
}, [data]);
|
|
75
75
|
// TODO/Alvis loading more when item can not fill the whole viewport
|
|
76
76
|
return (React.createElement(Wrapper, { className: classNames("g-virtual-flat-list", className), bounceEffect: bounceEffect, listWrapperRef: listWrapperRef, loading: loading, innerStyle: contentStyle, style: style, onPullDownRefresh: onPullDownRefresh, onPullUpLoading: onPullUpLoading, pullDownRefreshMessage: pullDownRefreshMessage, onScroll: onAutoLoad, onLoadingTypeChange: setLoadingType }, data.length === 0 ? (emptyPlaceholder) : (React.createElement("div", { className: "list", style: { height: rowVirtualizer.totalSize } }, rowVirtualizer.virtualItems.map(function (virtualItem) {
|
|
77
77
|
return (React.createElement("div", { key: virtualItem.index, className: "g-virtual-flat-list-item-wrapper", style: { transform: "translateY(".concat(virtualItem.start, "px)") }, ref: virtualItem.measureRef },
|
|
78
78
|
React.createElement(Item, { data: listData, index: virtualItem.index, itemRenderer: renderItem, measure: virtualItem.measureRef, gap: gap })));
|
|
79
79
|
})))));
|
|
80
|
-
}
|
|
80
|
+
};
|
|
81
81
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/VirtualFlatList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,qBAAqB,EAAE,UAAU,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAC5B,OAAO,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/VirtualFlatList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
|
-
import type { FlatListItemProps } from "../type";
|
|
2
|
+
import type { FlatListItemProps, FlatListProps } from "../type";
|
|
3
3
|
export declare type Measure = (node: HTMLElement | null) => void;
|
|
4
|
-
export interface
|
|
4
|
+
export interface VirtualFlatListHandle {
|
|
5
|
+
measure: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface VirtualFlatListProps<T> extends Omit<FlatListProps<T>, "renderItem"> {
|
|
8
|
+
renderItem: ItemRenderer<T>;
|
|
9
|
+
estimateSize?: (index: number) => number;
|
|
5
10
|
overscan?: number;
|
|
6
11
|
gap?: {
|
|
7
12
|
top?: number;
|
|
@@ -9,7 +14,7 @@ export interface VirtualFlatListProps<T> extends FlatListItemProps<T> {
|
|
|
9
14
|
left?: number;
|
|
10
15
|
right?: number;
|
|
11
16
|
};
|
|
12
|
-
|
|
17
|
+
listRef?: React.RefObject<VirtualFlatListHandle>;
|
|
13
18
|
}
|
|
14
19
|
export interface VirtualFlatListItemProps<T> extends FlatListItemProps<T> {
|
|
15
20
|
measure: Measure;
|
package/package.json
CHANGED
package/util/PromptUtil/index.js
CHANGED
|
@@ -9,16 +9,18 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
9
|
};
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
|
+
import React from "react";
|
|
12
13
|
import { ModalUtil } from "../ModalUtil";
|
|
13
14
|
import { PromptBody } from "./PromptBody";
|
|
14
|
-
import
|
|
15
|
+
import { i18n } from "../../internal/i18n/util";
|
|
15
16
|
function createAsync(config) {
|
|
17
|
+
var t = i18n();
|
|
16
18
|
return new Promise(function (resolve) {
|
|
17
19
|
var ref = React.createRef();
|
|
18
20
|
ModalUtil.createSync({
|
|
19
21
|
title: config.title,
|
|
20
22
|
body: React.createElement(PromptBody, __assign({}, config, { ref: ref })),
|
|
21
|
-
okText: config.okText,
|
|
23
|
+
okText: config.okText || t.defaultConfirm,
|
|
22
24
|
onOk: function () {
|
|
23
25
|
return new Promise(function (closeModal, keepModal) {
|
|
24
26
|
if (ref.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/PromptUtil/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/PromptUtil/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AACvC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,IAAI,EAAC,MAAM,0BAA0B,CAAC;AAgB9C,SAAS,WAAW,CAAC,MAAoB;IACrC,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;IACjB,OAAO,IAAI,OAAO,CAAe,UAAA,OAAO;QACpC,IAAM,GAAG,GAAgC,KAAK,CAAC,SAAS,EAAE,CAAC;QAC3D,SAAS,CAAC,UAAU,CAAC;YACjB,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,IAAI,EAAE,oBAAC,UAAU,eAAK,MAAM,IAAE,GAAG,EAAE,GAAG,IAAI;YAC1C,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,cAAc;YACzC,IAAI,EAAE;gBACF,OAAA,IAAI,OAAO,CAAO,UAAC,UAAU,EAAE,SAAS;oBACpC,IAAI,GAAG,CAAC,OAAO,EAAE;wBACb,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC,IAAI,CAAC,UAAA,MAAM;4BAClC,IAAI,MAAM,EAAE;gCACR,UAAU,EAAE,CAAC;gCACb,OAAO,CAAC,MAAM,CAAC,CAAC;6BACnB;iCAAM;gCACH,SAAS,EAAE,CAAC;6BACf;wBACL,CAAC,CAAC,CAAC;qBACN;gBACL,CAAC,CAAC;YAXF,CAWE;YACN,QAAQ,EAAE,cAAM,OAAA,OAAO,CAAC,IAAI,CAAC,EAAb,CAAa;YAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,GAAG;YAC1B,eAAe,EAAE,IAAI;SACxB,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;AACP,CAAC;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC;IACpC,WAAW,aAAA;CACd,CAAC,CAAC"}
|