@pinnacle0/web-ui 0.3.18 → 0.3.19
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/admin/AdminApp/Default/SquareLogo/index.js +2 -1
- package/admin/AdminApp/Default/SquareLogo/index.js.map +1 -1
- package/admin/AdminPage/Filter.js +2 -1
- package/admin/AdminPage/Filter.js.map +1 -1
- package/admin/AdminPage/index.d.ts +1 -1
- package/admin/AdminPage/index.js +2 -1
- package/admin/AdminPage/index.js.map +1 -1
- package/core/Amount/index.js +8 -30
- package/core/Amount/index.js.map +1 -1
- package/core/AuthenticationCodeInput.js +3 -2
- package/core/AuthenticationCodeInput.js.map +1 -1
- package/core/FlatList/VirtualFlatList/index.js +16 -6
- package/core/FlatList/VirtualFlatList/index.js.map +1 -1
- package/core/FlatList/VirtualFlatList/type.d.ts +5 -1
- package/core/FlatList/index.js +23 -8
- package/core/FlatList/index.js.map +1 -1
- package/core/FlatList/shared/Wrapper/index.d.ts +2 -1
- package/core/FlatList/shared/Wrapper/index.js +22 -24
- package/core/FlatList/shared/Wrapper/index.js.map +1 -1
- package/core/FlatList/shared/hooks/useBounceSwipe.js +4 -4
- package/core/FlatList/shared/hooks/useBounceSwipe.js.map +1 -1
- package/core/FlatList/type.d.ts +2 -1
- package/core/Foldable/index.js +4 -3
- package/core/Foldable/index.js.map +1 -1
- package/core/Form/Item.d.ts +1 -1
- package/core/Form/Item.js +4 -3
- package/core/Form/Item.js.map +1 -1
- package/core/Form/index.js +3 -2
- package/core/Form/index.js.map +1 -1
- package/core/HTMLContent/index.js +2 -1
- package/core/HTMLContent/index.js.map +1 -1
- package/core/ImageUploader/index.js +2 -1
- package/core/ImageUploader/index.js.map +1 -1
- package/core/Link.js +8 -11
- package/core/Link.js.map +1 -1
- package/core/Modal/index.js +2 -1
- package/core/Modal/index.js.map +1 -1
- package/core/MultipleCascader/index.js +2 -1
- package/core/MultipleCascader/index.js.map +1 -1
- package/core/NumberInput/NumberInputPercentage.js +2 -1
- package/core/NumberInput/NumberInputPercentage.js.map +1 -1
- package/core/NumberInput/index.d.ts +2 -2
- package/core/NumberInput/index.js +2 -1
- package/core/NumberInput/index.js.map +1 -1
- package/core/OverflowableText/index.js +3 -2
- package/core/OverflowableText/index.js.map +1 -1
- package/core/PagedList/index.js +3 -2
- package/core/PagedList/index.js.map +1 -1
- package/core/Slider/index.d.ts +1 -1
- package/core/Slider/index.js +2 -1
- package/core/Slider/index.js.map +1 -1
- package/core/StepFormContainer/index.js +2 -1
- package/core/StepFormContainer/index.js.map +1 -1
- package/core/Tabs/index.d.ts +1 -1
- package/core/Tabs/index.js +2 -1
- package/core/Tabs/index.js.map +1 -1
- package/core/TagInput/index.js +3 -2
- package/core/TagInput/index.js.map +1 -1
- package/core/VirtualTable/TableHeader.js +2 -1
- package/core/VirtualTable/TableHeader.js.map +1 -1
- package/core/VirtualTable/TableRow.js +4 -3
- package/core/VirtualTable/TableRow.js.map +1 -1
- package/core/VirtualTable/index.js +3 -2
- package/core/VirtualTable/index.js.map +1 -1
- package/core/WithExplanation/index.js +2 -1
- package/core/WithExplanation/index.js.map +1 -1
- package/package.json +1 -1
- package/util/ClassNames.d.ts +2 -0
- package/util/ClassNames.js +3 -0
- package/util/ClassNames.js.map +1 -0
- package/util/PromptUtil/PromptBody.js +2 -1
- package/util/PromptUtil/PromptBody.js.map +1 -1
- package/core/FlatList/shared/hooks/useFlatList.d.ts +0 -14
- package/core/FlatList/shared/hooks/useFlatList.js +0 -86
- package/core/FlatList/shared/hooks/useFlatList.js.map +0 -1
|
@@ -14,6 +14,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
16
|
import React from "react";
|
|
17
|
+
import { classNames } from "../../../../util/ClassNames";
|
|
17
18
|
import { AdminAppContext } from "../../context";
|
|
18
19
|
import { Link } from "../../../../core/Link";
|
|
19
20
|
import "./index.less";
|
|
@@ -26,7 +27,7 @@ var SquareLogo = /** @class */ (function (_super) {
|
|
|
26
27
|
var _a = this.props, expanded = _a.expanded, src = _a.src;
|
|
27
28
|
var name = this.context.name;
|
|
28
29
|
return (React.createElement(Link, { to: "/" },
|
|
29
|
-
React.createElement("div", { id: "admin-app-default-logo", className:
|
|
30
|
+
React.createElement("div", { id: "admin-app-default-logo", className: classNames({ collapsed: !expanded }) },
|
|
30
31
|
React.createElement("img", { src: src }),
|
|
31
32
|
React.createElement("h1", null, name))));
|
|
32
33
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/AdminApp/Default/SquareLogo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAC3C,OAAO,cAAc,CAAC;AAUtB;IAAgC,8BAA0B;IAA1D;;IAiBA,CAAC;IAZG,2BAAM,GAAN;QACU,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA3B,QAAQ,cAAA,EAAE,GAAG,SAAc,CAAC;QAC5B,IAAA,IAAI,GAAI,IAAI,CAAC,OAAO,KAAhB,CAAiB;QAC5B,OAAO,CACH,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG;YACR,6BAAK,EAAE,EAAC,wBAAwB,EAAC,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/admin/AdminApp/Default/SquareLogo/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,IAAI,EAAC,MAAM,uBAAuB,CAAC;AAC3C,OAAO,cAAc,CAAC;AAUtB;IAAgC,8BAA0B;IAA1D;;IAiBA,CAAC;IAZG,2BAAM,GAAN;QACU,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA3B,QAAQ,cAAA,EAAE,GAAG,SAAc,CAAC;QAC5B,IAAA,IAAI,GAAI,IAAI,CAAC,OAAO,KAAhB,CAAiB;QAC5B,OAAO,CACH,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG;YACR,6BAAK,EAAE,EAAC,wBAAwB,EAAC,SAAS,EAAE,UAAU,CAAC,EAAC,SAAS,EAAE,CAAC,QAAQ,EAAC,CAAC;gBAC1E,6BAAK,GAAG,EAAE,GAAG,GAAI;gBACjB,gCAAK,IAAI,CAAM,CACb,CACH,CACV,CAAC;IACN,CAAC;IAfM,sBAAW,GAAG,YAAY,CAAC;IAC3B,sBAAW,GAAG,eAAe,CAAC;IAezC,iBAAC;CAAA,AAjBD,CAAgC,KAAK,CAAC,aAAa,GAiBlD;SAjBY,UAAU"}
|
|
@@ -16,6 +16,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
16
16
|
import React from "react";
|
|
17
17
|
import DownOutlined from "@ant-design/icons/DownOutlined";
|
|
18
18
|
import UpOutlined from "@ant-design/icons/UpOutlined";
|
|
19
|
+
import { classNames } from "../../util/ClassNames";
|
|
19
20
|
import { Form } from "../../core/Form";
|
|
20
21
|
import { Button } from "../../core/Button";
|
|
21
22
|
import { WithExplanation } from "../../core/WithExplanation";
|
|
@@ -50,7 +51,7 @@ var Filter = /** @class */ (function (_super) {
|
|
|
50
51
|
expandedArea && (React.createElement("div", { className: "expand-trigger", onClick: this.toggleExpansion },
|
|
51
52
|
expanded ? React.createElement(UpOutlined, null) : React.createElement(DownOutlined, null),
|
|
52
53
|
expanded ? t.collapse : t.expand))),
|
|
53
|
-
React.createElement("div", { className: "expanded-area
|
|
54
|
+
React.createElement("div", { className: classNames("expanded-area", { expanded: expanded }) }, expandedArea)));
|
|
54
55
|
};
|
|
55
56
|
Filter.displayName = "AdminPage.Filter";
|
|
56
57
|
return Filter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/admin/AdminPage/Filter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,gCAAgC,CAAC;AAC1D,OAAO,UAAU,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAC,IAAI,EAAC,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAC,eAAe,EAAC,MAAM,4BAA4B,CAAC;AAE3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAC,IAAI,EAAC,MAAM,2BAA2B,CAAC;AAE/C,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAgBvC;IAA4B,0BAAiC;IAMzD,gBAAY,KAAY;QAAxB,YACI,kBAAM,KAAK,CAAC,SAGf;QAPgB,sBAAgB,GAAyB,EAAC,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAC,CAAC;QAS9F,qBAAe,GAAG;YACd,IAAM,QAAQ,GAAG,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;YACtC,KAAI,CAAC,QAAQ,CAAC,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAC;YAC1B,gBAAgB,CAAC,OAAO,CAAC,KAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QACxD,CAAC,CAAC;QARE,KAAI,CAAC,UAAU,GAAG,2BAAoB,QAAQ,CAAC,QAAQ,CAAE,CAAC;QAC1D,KAAI,CAAC,KAAK,GAAG,EAAC,QAAQ,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAI,CAAC,UAAU,EAAE,KAAK,CAAC,EAAC,CAAC;;IAC9E,CAAC;IAQD,uBAAM,GAAN;QACU,IAAA,KAAgF,IAAI,CAAC,KAAK,EAAzF,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,YAAY,kBAAc,CAAC;QAC1F,IAAA,QAAQ,GAAI,IAAI,CAAC,KAAK,SAAd,CAAe;QAC9B,IAAM,CAAC,GAAG,IAAI,EAAE,CAAC;QAEjB,OAAO,CACH,oBAAC,IAAI,IAAC,SAAS,EAAC,qBAAqB,EAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAC,QAAQ,EAAC,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,cAAc,EAAE,IAAI;YAClI,QAAQ;YACT,oBAAC,KAAK;gBACD,QAAQ,IAAI,oBAAC,eAAe,IAAC,WAAW,EAAE,QAAQ,GAAI;gBACvD,oBAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,OAAO,IAClC,CAAC,CAAC,MAAM,CACJ;gBACR,OAAO,IAAI,CACR,oBAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,IACzD,CAAC,CAAC,KAAK,CACH,CACZ;gBACA,aAAa;gBACb,YAAY,IAAI,CACb,6BAAK,SAAS,EAAC,gBAAgB,EAAC,OAAO,EAAE,IAAI,CAAC,eAAe;oBACxD,QAAQ,CAAC,CAAC,CAAC,oBAAC,UAAU,OAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,OAAG;oBAC5C,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAC/B,CACT,CACG;YACR,6BAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/admin/AdminPage/Filter.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import type { SafeReactChildren } from "../../internal/type";
|
|
3
2
|
import { Filter } from "./Filter";
|
|
4
3
|
import { Summary } from "./Summary";
|
|
5
4
|
import { SaveBar } from "./SaveBar";
|
|
6
5
|
import { Result } from "./Result";
|
|
7
6
|
import { TopBar } from "./TopBar";
|
|
7
|
+
import type { SafeReactChildren } from "../../internal/type";
|
|
8
8
|
import "./index.less";
|
|
9
9
|
export interface Props {
|
|
10
10
|
children: SafeReactChildren;
|
package/admin/AdminPage/index.js
CHANGED
|
@@ -14,6 +14,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
16
|
import React from "react";
|
|
17
|
+
import { classNames } from "../../util/ClassNames";
|
|
17
18
|
import { Filter } from "./Filter";
|
|
18
19
|
import { Summary } from "./Summary";
|
|
19
20
|
import { SaveBar } from "./SaveBar";
|
|
@@ -27,7 +28,7 @@ var AdminPage = /** @class */ (function (_super) {
|
|
|
27
28
|
}
|
|
28
29
|
AdminPage.prototype.render = function () {
|
|
29
30
|
var _a = this.props, className = _a.className, children = _a.children;
|
|
30
|
-
return React.createElement("div", { className: "g-admin-page
|
|
31
|
+
return React.createElement("div", { className: classNames("g-admin-page", className) }, children);
|
|
31
32
|
};
|
|
32
33
|
AdminPage.displayName = "AdminPage";
|
|
33
34
|
AdminPage.Filter = Filter;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/admin/AdminPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/admin/AdminPage/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAEhC,OAAO,cAAc,CAAC;AAOtB;IAA+B,6BAA0B;IAAzD;;IAaA,CAAC;IAJG,0BAAM,GAAN;QACU,IAAA,KAAwB,IAAI,CAAC,KAAK,EAAjC,SAAS,eAAA,EAAE,QAAQ,cAAc,CAAC;QACzC,OAAO,6BAAK,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAO,CAAC;IACnF,CAAC;IAXM,qBAAW,GAAG,WAAW,CAAC;IAE1B,gBAAM,GAAG,MAAM,CAAC;IAChB,iBAAO,GAAG,OAAO,CAAC;IAClB,gBAAM,GAAG,MAAM,CAAC;IAChB,iBAAO,GAAG,OAAO,CAAC;IAClB,gBAAM,GAAG,MAAM,CAAC;IAM3B,gBAAC;CAAA,AAbD,CAA+B,KAAK,CAAC,aAAa,GAajD;SAbY,SAAS"}
|
package/core/Amount/index.js
CHANGED
|
@@ -14,6 +14,7 @@ var __extends = (this && this.__extends) || (function () {
|
|
|
14
14
|
};
|
|
15
15
|
})();
|
|
16
16
|
import React from "react";
|
|
17
|
+
import { classNames } from "../../util/ClassNames";
|
|
17
18
|
import { NumberUtil } from "../../internal/NumberUtil";
|
|
18
19
|
import { AmountPercentage } from "./AmountPercentage";
|
|
19
20
|
import "./index.less";
|
|
@@ -33,35 +34,12 @@ var Amount = /** @class */ (function (_super) {
|
|
|
33
34
|
if (plusSignForPositive && value > 0) {
|
|
34
35
|
parts[0] = "+" + parts[0];
|
|
35
36
|
}
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
classNames.push("underline");
|
|
43
|
-
if (className)
|
|
44
|
-
classNames.push(className);
|
|
45
|
-
if (colorScheme === "green+red-") {
|
|
46
|
-
if (value > 0)
|
|
47
|
-
classNames.push("color-green");
|
|
48
|
-
if (value < 0)
|
|
49
|
-
classNames.push("color-red");
|
|
50
|
-
}
|
|
51
|
-
else if (colorScheme === "green-red+") {
|
|
52
|
-
if (value > 0)
|
|
53
|
-
classNames.push("color-red");
|
|
54
|
-
if (value < 0)
|
|
55
|
-
classNames.push("color-green");
|
|
56
|
-
}
|
|
57
|
-
else if (colorScheme === "highlight") {
|
|
58
|
-
classNames.push("color-highlight");
|
|
59
|
-
}
|
|
60
|
-
else if (colorScheme === "highlight+") {
|
|
61
|
-
if (value > 0)
|
|
62
|
-
classNames.push("color-highlight");
|
|
63
|
-
}
|
|
64
|
-
return (React.createElement("div", { className: classNames.join(" "), style: style },
|
|
37
|
+
var fullClassNames = classNames("g-amount", { bold: bold, del: del, underline: underline }, className, {
|
|
38
|
+
"color-green": (colorScheme === "green+red-" && value > 0) || (colorScheme === "green-red+" && value < 0),
|
|
39
|
+
"color-red": (colorScheme === "green+red-" && value < 0) || (colorScheme === "green-red+" && value > 0),
|
|
40
|
+
"color-highlight": colorScheme === "highlight" || (colorScheme === "highlight+" && value > 0),
|
|
41
|
+
});
|
|
42
|
+
return (React.createElement("div", { className: fullClassNames, style: style },
|
|
65
43
|
prefix && React.createElement("div", { className: "prefix" }, prefix),
|
|
66
44
|
React.createElement("div", { className: "digits" },
|
|
67
45
|
parts[0],
|
|
@@ -71,7 +49,7 @@ var Amount = /** @class */ (function (_super) {
|
|
|
71
49
|
postfix && React.createElement("div", { className: "postfix" }, postfix)));
|
|
72
50
|
}
|
|
73
51
|
else {
|
|
74
|
-
return React.createElement("span", { className: "g-amount null-text
|
|
52
|
+
return React.createElement("span", { className: classNames("g-amount", "null-text", className) }, nullText);
|
|
75
53
|
}
|
|
76
54
|
};
|
|
77
55
|
Amount.displayName = "Amount";
|
package/core/Amount/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Amount/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/Amount/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,cAAc,CAAC;AAmBtB;IAA4B,0BAA0B;IAAtD;;IA8CA,CAAC;IApCG,uBAAM,GAAN;QACU,IAAA,KAAkJ,IAAI,CAAC,KAAK,EAA3J,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA,EAAE,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAc,CAAC;QACnK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;YACjE,IAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,CAAC,KAAK,EAAE,QAAS,EAAE,KAAK,CAAC,CAAC;YAC3E,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;YACvC,IAAI,gBAAgB,EAAE;gBAClB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;aAC7D;YACD,IAAI,mBAAmB,IAAI,KAAK,GAAG,CAAC,EAAE;gBAClC,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;aAC7B;YAED,IAAM,cAAc,GAAG,UAAU,CAAC,UAAU,EAAE,EAAC,IAAI,MAAA,EAAE,GAAG,KAAA,EAAE,SAAS,WAAA,EAAC,EAAE,SAAS,EAAE;gBAC7E,aAAa,EAAE,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,GAAG,CAAC,CAAC;gBACzG,WAAW,EAAE,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,GAAG,CAAC,CAAC;gBACvG,iBAAiB,EAAE,WAAW,KAAK,WAAW,IAAI,CAAC,WAAW,KAAK,YAAY,IAAI,KAAK,GAAG,CAAC,CAAC;aAChG,CAAC,CAAC;YAEH,OAAO,CACH,6BAAK,SAAS,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK;gBACvC,MAAM,IAAI,6BAAK,SAAS,EAAC,QAAQ,IAAE,MAAM,CAAO;gBACjD,6BAAK,SAAS,EAAC,QAAQ;oBAClB,KAAK,CAAC,CAAC,CAAC;oBACR,KAAK,CAAC,CAAC,CAAC,IAAI,CACT,oBAAC,KAAK,CAAC,QAAQ;;wBACV,mCAAQ,KAAK,CAAC,CAAC,CAAC,CAAS,CACb,CACpB,CACC;gBACL,OAAO,IAAI,6BAAK,SAAS,EAAC,SAAS,IAAE,OAAO,CAAO,CAClD,CACT,CAAC;SACL;aAAM;YACH,OAAO,8BAAM,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC,IAAG,QAAQ,CAAQ,CAAC;SAC7F;IACL,CAAC;IA5CM,kBAAW,GAAG,QAAQ,CAAC;IACvB,mBAAY,GAAwB;QACvC,QAAQ,EAAE,OAAO;QACjB,gBAAgB,EAAE,IAAI;QACtB,QAAQ,EAAE,GAAG;KAChB,CAAC;IAEK,iBAAU,GAAG,gBAAgB,CAAC;IAsCzC,aAAC;CAAA,AA9CD,CAA4B,KAAK,CAAC,aAAa,GA8C9C;SA9CY,MAAM"}
|
|
@@ -73,9 +73,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
73
73
|
};
|
|
74
74
|
import React from "react";
|
|
75
75
|
import { Button } from "./Button";
|
|
76
|
-
import {
|
|
76
|
+
import { classNames } from "../util/ClassNames";
|
|
77
77
|
import { i18n } from "../internal/i18n/core";
|
|
78
78
|
import { TextUtil } from "../internal/TextUtil";
|
|
79
|
+
import { Input } from "./Input";
|
|
79
80
|
var AuthenticationCodeInput = /** @class */ (function (_super) {
|
|
80
81
|
__extends(AuthenticationCodeInput, _super);
|
|
81
82
|
function AuthenticationCodeInput(props) {
|
|
@@ -136,7 +137,7 @@ var AuthenticationCodeInput = /** @class */ (function (_super) {
|
|
|
136
137
|
var _b = this.state, isSending = _b.isSending, nextSendRemainingSecond = _b.nextSendRemainingSecond;
|
|
137
138
|
var t = i18n();
|
|
138
139
|
var sendButton = (React.createElement(Button, { className: "g-auth-code-input-send-button", size: "small", disabled: nextSendRemainingSecond !== null || isSending, onClick: this.onSend }, nextSendRemainingSecond ? TextUtil.interpolate(t.waitResendAuthCode, nextSendRemainingSecond.toString()) : sendButtonText || t.sendAuthCode));
|
|
139
|
-
return React.createElement(Input, __assign({}, inputProps, { className:
|
|
140
|
+
return React.createElement(Input, __assign({}, inputProps, { className: classNames(className, "g-auth-code-input"), suffix: sendButton }));
|
|
140
141
|
};
|
|
141
142
|
AuthenticationCodeInput.displayName = "AuthenticationCodeInput";
|
|
142
143
|
AuthenticationCodeInput.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthenticationCodeInput.js","sourceRoot":"","sources":["../../src/core/AuthenticationCodeInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"AuthenticationCodeInput.js","sourceRoot":"","sources":["../../src/core/AuthenticationCodeInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,21 +24,25 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
24
24
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
25
25
|
};
|
|
26
26
|
import React from "react";
|
|
27
|
-
import classNames from "classnames";
|
|
28
27
|
import { defaultRangeExtractor, useVirtual } from "react-virtual";
|
|
29
28
|
import { Wrapper } from "../shared/Wrapper";
|
|
30
29
|
import { Item } from "./Item";
|
|
31
30
|
import "./index.less";
|
|
31
|
+
import { useLoadingWithDelay } from "../shared/hooks/useLoadingWithDelay";
|
|
32
|
+
import { classNames } from "../../../util/ClassNames";
|
|
32
33
|
/**
|
|
33
34
|
* 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
35
|
*/
|
|
35
36
|
export var VirtualFlatList = function (props) {
|
|
36
|
-
var data = props.data, renderItem = props.renderItem,
|
|
37
|
+
var data = props.data, renderItem = props.renderItem, loading = props.loading, _a = props.bounceEffect, bounceEffect = _a === void 0 ? true : _a, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, emptyPlaceholder = props.emptyPlaceholder, contentStyle = props.contentStyle, gap = props.gap, _b = props.autoLoad, autoLoad = _b === void 0 ? true : _b, _c = props.overscan, overscan = _c === void 0 ? 3 : _c, hideFooter = props.hideFooter, estimateSize = props.estimateSize, listRef = props.listRef, pullUpLoadingMessage = props.pullUpLoadingMessage, endOfListMessage = props.endOfListMessage, pullDownRefreshMessage = props.pullDownRefreshMessage;
|
|
37
38
|
var listWrapperRef = React.useRef(null);
|
|
38
|
-
var
|
|
39
|
+
var _d = __read(React.useState(null), 2), loadingType = _d[0], setLoadingType = _d[1];
|
|
39
40
|
var currentRangeRef = React.useRef();
|
|
40
41
|
var previousRangeRef = React.useRef();
|
|
41
|
-
var
|
|
42
|
+
var loadingWithDelay = useLoadingWithDelay(loading !== null && loading !== void 0 ? loading : false, 300);
|
|
43
|
+
var listData = React.useMemo(function () {
|
|
44
|
+
return hideFooter ? data : __spreadArray(__spreadArray([], __read(data), false), [{ loading: loadingWithDelay && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage }], false);
|
|
45
|
+
}, [loadingWithDelay, loadingType, endOfListMessage, onPullUpLoading, pullUpLoadingMessage, data, hideFooter]);
|
|
42
46
|
var rangeExtractor = React.useCallback(function (range) {
|
|
43
47
|
var _a;
|
|
44
48
|
previousRangeRef.current = (_a = currentRangeRef.current) !== null && _a !== void 0 ? _a : range;
|
|
@@ -57,6 +61,11 @@ export var VirtualFlatList = function (props) {
|
|
|
57
61
|
React.useImperativeHandle(listRef, function () { return ({
|
|
58
62
|
measure: rowVirtualizer.measure,
|
|
59
63
|
}); });
|
|
64
|
+
React.useEffect(function () {
|
|
65
|
+
if ((loading === undefined || loading === null) && (onPullDownRefresh || onPullUpLoading)) {
|
|
66
|
+
throw new Error("Loading must be specify when given either onPullDownRefresh or onPullUpLoading");
|
|
67
|
+
}
|
|
68
|
+
}, [onPullDownRefresh, onPullUpLoading, loading]);
|
|
60
69
|
// the reason why onScroll event is used to simulate auto loading instead of rangeExtractor is rangeExtractor return a wrong range when on mount
|
|
61
70
|
var onAutoLoad = function () {
|
|
62
71
|
var previousRange = previousRangeRef.current;
|
|
@@ -65,15 +74,16 @@ export var VirtualFlatList = function (props) {
|
|
|
65
74
|
currentRange &&
|
|
66
75
|
autoLoad &&
|
|
67
76
|
onPullUpLoading &&
|
|
68
|
-
!
|
|
77
|
+
!loadingWithDelay &&
|
|
69
78
|
// check going downward
|
|
70
79
|
previousRange.end < currentRange.end &&
|
|
71
80
|
currentRange.end > data.length - 2 - (typeof autoLoad === "number" ? autoLoad : 3)) {
|
|
81
|
+
setLoadingType("loading");
|
|
72
82
|
onPullUpLoading();
|
|
73
83
|
}
|
|
74
84
|
};
|
|
75
85
|
// TODO/Alvis loading more when item can not fill the whole viewport
|
|
76
|
-
return (React.createElement(Wrapper, { className: classNames("g-virtual-flat-list", className), bounceEffect: bounceEffect, listWrapperRef: listWrapperRef,
|
|
86
|
+
return (React.createElement(Wrapper, { className: classNames("g-virtual-flat-list", className), bounceEffect: bounceEffect, listWrapperRef: listWrapperRef, loadingType: loadingType, onLoadingTypeChange: setLoadingType, loading: loadingWithDelay, onPullDownRefresh: onPullDownRefresh, onPullUpLoading: onPullUpLoading, innerStyle: contentStyle, style: style, pullDownRefreshMessage: pullDownRefreshMessage, onScroll: onAutoLoad }, data.length === 0 ? (emptyPlaceholder) : (React.createElement("div", { className: "list", style: { height: rowVirtualizer.totalSize } }, rowVirtualizer.virtualItems.map(function (virtualItem) {
|
|
77
87
|
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
88
|
React.createElement(Item, { data: listData, index: virtualItem.index, itemRenderer: renderItem, measure: virtualItem.measureRef, gap: gap })));
|
|
79
89
|
})))));
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/core/FlatList/VirtualFlatList/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,9 +4,13 @@ export declare type Measure = (node: HTMLElement | null) => void;
|
|
|
4
4
|
export interface VirtualFlatListHandle {
|
|
5
5
|
measure: () => void;
|
|
6
6
|
}
|
|
7
|
-
export interface VirtualFlatListProps<T> extends Omit<FlatListProps<T>, "renderItem"> {
|
|
7
|
+
export interface VirtualFlatListProps<T> extends Omit<FlatListProps<T>, "renderItem" | "autoLoad"> {
|
|
8
8
|
renderItem: ItemRenderer<T>;
|
|
9
|
+
/** Automatic load new data when scroll to bottom, a number {X} mean: when to scroll to last {X} items, auto load is going to be triggered */
|
|
10
|
+
autoLoad?: boolean | number;
|
|
11
|
+
/** Must wrap with React.useCallback */
|
|
9
12
|
estimateSize?: (index: number) => number;
|
|
13
|
+
/** The amount of items to load both behind and ahead of the current window range, default = 3 */
|
|
10
14
|
overscan?: number;
|
|
11
15
|
gap?: {
|
|
12
16
|
top?: number;
|
package/core/FlatList/index.js
CHANGED
|
@@ -15,18 +15,33 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
15
15
|
return ar;
|
|
16
16
|
};
|
|
17
17
|
import React from "react";
|
|
18
|
-
import classNames from "classnames";
|
|
19
18
|
import { Wrapper } from "./shared/Wrapper";
|
|
20
19
|
import { Footer } from "./shared/Footer";
|
|
20
|
+
import { useLoadingWithDelay } from "./shared/hooks/useLoadingWithDelay";
|
|
21
|
+
import { classNames } from "../../util/ClassNames";
|
|
21
22
|
export var FlatList = function (props) {
|
|
22
|
-
var data = props.data, ItemRenderer = props.renderItem,
|
|
23
|
-
// TODO/Alvis add auto load to flat list
|
|
24
|
-
autoLoad = props.autoLoad, _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, pullDownRefreshMessage = props.pullDownRefreshMessage, pullUpLoadingMessage = props.pullUpLoadingMessage, contentStyle = props.contentStyle, emptyPlaceholder = props.emptyPlaceholder, endOfListMessage = props.endOfListMessage;
|
|
23
|
+
var data = props.data, ItemRenderer = props.renderItem, loading = props.loading, _a = props.bounceEffect, bounceEffect = _a === void 0 ? true : _a, className = props.className, style = props.style, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, pullDownRefreshMessage = props.pullDownRefreshMessage, pullUpLoadingMessage = props.pullUpLoadingMessage, contentStyle = props.contentStyle, emptyPlaceholder = props.emptyPlaceholder, endOfListMessage = props.endOfListMessage, hideFooter = props.hideFooter;
|
|
25
24
|
var listWrapperRef = React.useRef(null);
|
|
26
|
-
var
|
|
27
|
-
|
|
28
|
-
|
|
25
|
+
var _b = __read(React.useState(null), 2), loadingType = _b[0], setLoadingType = _b[1];
|
|
26
|
+
var loadingWithDelay = useLoadingWithDelay(loading !== null && loading !== void 0 ? loading : false, 250);
|
|
27
|
+
React.useEffect(function () {
|
|
28
|
+
if ((loading === undefined || loading === null) && (onPullDownRefresh || onPullUpLoading)) {
|
|
29
|
+
throw new Error("Loading must be specify when given either onPullDownRefresh or onPullUpLoading");
|
|
30
|
+
}
|
|
31
|
+
}, [onPullDownRefresh, onPullUpLoading, loading]);
|
|
32
|
+
// Automatically loading new data when scroll near the bottom
|
|
33
|
+
var onScroll = function (e) {
|
|
34
|
+
if (!loadingWithDelay && onPullUpLoading) {
|
|
35
|
+
var _a = e.currentTarget, scrollHeight = _a.scrollHeight, scrollTop = _a.scrollTop, clientHeight = _a.clientHeight;
|
|
36
|
+
if (scrollHeight * 0.8 < clientHeight + scrollTop) {
|
|
37
|
+
setLoadingType("loading");
|
|
38
|
+
onPullUpLoading === null || onPullUpLoading === void 0 ? void 0 : onPullUpLoading();
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
return (React.createElement(Wrapper, { className: classNames("g-flat-list", className), listWrapperRef: listWrapperRef, bounceEffect: bounceEffect, innerStyle: contentStyle, loadingType: loadingType, onLoadingTypeChange: setLoadingType, loading: loadingWithDelay, style: style, onPullDownRefresh: onPullDownRefresh, onPullUpLoading: onPullUpLoading, pullDownRefreshMessage: pullDownRefreshMessage, onScroll: onScroll }, data.length === 0 ? (emptyPlaceholder) : (React.createElement("div", { className: "list" },
|
|
43
|
+
data.map(function (d, i) { return (React.createElement("div", { className: "g-flat-list-item", key: i },
|
|
29
44
|
React.createElement(ItemRenderer, { data: d, index: i }))); }),
|
|
30
|
-
|
|
45
|
+
!hideFooter && React.createElement(Footer, { loading: loadingWithDelay && loadingType === "loading", ended: !onPullUpLoading, endMessage: endOfListMessage, loadingMessage: pullUpLoadingMessage })))));
|
|
31
46
|
};
|
|
32
47
|
//# 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,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core/FlatList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,EAAC,MAAM,kBAAkB,CAAC;AAEzC,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAC,mBAAmB,EAAC,MAAM,oCAAoC,CAAC;AACvE,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAEjD,MAAM,CAAC,IAAM,QAAQ,GAAG,UAAa,KAAuB;IAEpD,IAAA,IAAI,GAcJ,KAAK,KAdD,EACQ,YAAY,GAaxB,KAAK,WAbmB,EACxB,OAAO,GAYP,KAAK,QAZE,EACP,KAWA,KAAK,aAXc,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,SAAS,GAUT,KAAK,UAVI,EACT,KAAK,GASL,KAAK,MATA,EACL,iBAAiB,GAQjB,KAAK,kBARY,EACjB,eAAe,GAOf,KAAK,gBAPU,EACf,sBAAsB,GAMtB,KAAK,uBANiB,EACtB,oBAAoB,GAKpB,KAAK,qBALe,EACpB,YAAY,GAIZ,KAAK,aAJO,EACZ,gBAAgB,GAGhB,KAAK,iBAHW,EAChB,gBAAgB,GAEhB,KAAK,iBAFW,EAChB,UAAU,GACV,KAAK,WADK,CACJ;IAEV,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAc,IAAI,CAAC,IAAA,EAAhE,WAAW,QAAA,EAAE,cAAc,QAAqC,CAAC;IACxE,IAAM,gBAAgB,GAAG,mBAAmB,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,EAAE,GAAG,CAAC,CAAC;IAEpE,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,eAAe,CAAC,EAAE;YACvF,MAAM,IAAI,KAAK,CAAC,gFAAgF,CAAC,CAAC;SACrG;IACL,CAAC,EAAE,CAAC,iBAAiB,EAAE,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC;IAElD,6DAA6D;IAC7D,IAAM,QAAQ,GAAG,UAAC,CAAgB;QAC9B,IAAI,CAAC,gBAAgB,IAAI,eAAe,EAAE;YAChC,IAAA,KAA0C,CAAC,CAAC,aAAa,EAAxD,YAAY,kBAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAmB,CAAC;YAChE,IAAI,YAAY,GAAG,GAAG,GAAG,YAAY,GAAG,SAAS,EAAE;gBAC/C,cAAc,CAAC,SAAS,CAAC,CAAC;gBAC1B,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAC;aACvB;SACJ;IACL,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,OAAO,IACJ,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,YAAY,EACxB,WAAW,EAAE,WAAW,EACxB,mBAAmB,EAAE,cAAc,EACnC,OAAO,EAAE,gBAAgB,EACzB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,QAAQ,IAEjB,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACjB,gBAAgB,CACnB,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAC,MAAM;QAChB,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAChB,6BAAK,SAAS,EAAC,kBAAkB,EAAC,GAAG,EAAE,CAAC;YACpC,oBAAC,YAAY,IAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,GAAI,CACjC,CACT,EAJmB,CAInB,CAAC;QACD,CAAC,UAAU,IAAI,oBAAC,MAAM,IAAC,OAAO,EAAE,gBAAgB,IAAI,WAAW,KAAK,SAAS,EAAE,KAAK,EAAE,CAAC,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,oBAAoB,GAAI,CAC7K,CACT,CACK,CACb,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -4,10 +4,11 @@ import "./index.less";
|
|
|
4
4
|
interface Props<T> extends Pick<FlatListProps<T>, "loading" | "bounceEffect" | "onPullUpLoading" | "onPullDownRefresh" | "className" | "style" | "pullDownRefreshMessage"> {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
listWrapperRef: React.RefObject<HTMLDivElement>;
|
|
7
|
+
loadingType: LoadingType;
|
|
8
|
+
onLoadingTypeChange: (type: LoadingType) => void;
|
|
7
9
|
innerClassName?: string;
|
|
8
10
|
innerStyle?: React.CSSProperties;
|
|
9
11
|
onScroll?: (event: React.UIEvent) => void;
|
|
10
|
-
onLoadingTypeChange?: (type: LoadingType) => void;
|
|
11
12
|
}
|
|
12
13
|
export declare const Wrapper: <T>(props: Props<T>) => JSX.Element;
|
|
13
14
|
export {};
|
|
@@ -26,28 +26,26 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
26
26
|
return ar;
|
|
27
27
|
};
|
|
28
28
|
import React from "react";
|
|
29
|
+
import { classNames } from "../../../../util/ClassNames";
|
|
29
30
|
import { Direction } from "../../../../hooks/useSwipe";
|
|
30
31
|
import { useTransform } from "../../../../hooks/useTransform";
|
|
31
32
|
import { useBounceSwipe } from "../hooks/useBounceSwipe";
|
|
32
33
|
import { useElementScrollState } from "../hooks/useElementScrollState";
|
|
33
34
|
import { PULL_DOWN_REFRESH_THRESHOLD } from "../../type";
|
|
34
35
|
import { Loading } from "./Loading";
|
|
35
|
-
import { useLoadingWithDelay } from "../hooks/useLoadingWithDelay";
|
|
36
36
|
import "./index.less";
|
|
37
37
|
export var Wrapper = function (props) {
|
|
38
|
-
var children = props.children, bounceEffect = props.bounceEffect, _a = props.loading, loading = _a === void 0 ? false : _a,
|
|
38
|
+
var children = props.children, bounceEffect = props.bounceEffect, listWrapperRef = props.listWrapperRef, loadingType = props.loadingType, onLoadingTypeChange = props.onLoadingTypeChange, _a = props.loading, loading = _a === void 0 ? false : _a, onPullDownRefresh = props.onPullDownRefresh, onPullUpLoading = props.onPullUpLoading, className = props.className, innerClassName = props.innerClassName, style = props.style, innerStyle = props.innerStyle, pullDownRefreshMessage = props.pullDownRefreshMessage, onScroll = props.onScroll;
|
|
39
39
|
var startOffsetRef = React.useRef(0);
|
|
40
40
|
var animatedRef = React.useRef(null);
|
|
41
|
-
var loadingWithDelay = useLoadingWithDelay(loading, 250);
|
|
42
|
-
var _b = __read(React.useState(null), 2), loadingType = _b[0], setLoadingType = _b[1];
|
|
43
41
|
var loadingTypeRef = React.useRef(null);
|
|
44
42
|
loadingTypeRef.current = loadingType;
|
|
45
43
|
var onLoadingTypeChangeRef = React.useRef(onLoadingTypeChange);
|
|
46
44
|
onLoadingTypeChangeRef.current = onLoadingTypeChange;
|
|
47
45
|
var isScrollable = useElementScrollState(listWrapperRef).isScrollable;
|
|
48
|
-
var
|
|
49
|
-
var
|
|
50
|
-
|
|
46
|
+
var transform = useTransform(animatedRef);
|
|
47
|
+
var transformRef = React.useRef(transform);
|
|
48
|
+
transformRef.current = transform;
|
|
51
49
|
var reset = React.useCallback(function () {
|
|
52
50
|
startOffsetRef.current = 0;
|
|
53
51
|
}, []);
|
|
@@ -61,9 +59,9 @@ export var Wrapper = function (props) {
|
|
|
61
59
|
},
|
|
62
60
|
onEnd: function (_a) {
|
|
63
61
|
var delta = _a.delta, direction = _a.direction, boundary = _a.boundary;
|
|
64
|
-
if (
|
|
62
|
+
if (loading) {
|
|
65
63
|
if (boundary !== "upper") {
|
|
66
|
-
|
|
64
|
+
transform.to({
|
|
67
65
|
y: PULL_DOWN_REFRESH_THRESHOLD,
|
|
68
66
|
});
|
|
69
67
|
}
|
|
@@ -72,11 +70,11 @@ export var Wrapper = function (props) {
|
|
|
72
70
|
if (Math.abs(startOffsetRef.current - delta[1]) >= PULL_DOWN_REFRESH_THRESHOLD) {
|
|
73
71
|
var scrollable = isScrollable("vertical");
|
|
74
72
|
if (boundary === "upper" || (!scrollable && direction === Direction.DOWN)) {
|
|
75
|
-
|
|
73
|
+
onLoadingTypeChange("refresh");
|
|
76
74
|
onPullDownRefresh === null || onPullDownRefresh === void 0 ? void 0 : onPullDownRefresh();
|
|
77
75
|
}
|
|
78
76
|
else {
|
|
79
|
-
|
|
77
|
+
onLoadingTypeChange("loading");
|
|
80
78
|
onPullUpLoading === null || onPullUpLoading === void 0 ? void 0 : onPullUpLoading();
|
|
81
79
|
}
|
|
82
80
|
}
|
|
@@ -85,27 +83,27 @@ export var Wrapper = function (props) {
|
|
|
85
83
|
},
|
|
86
84
|
onCancel: reset,
|
|
87
85
|
});
|
|
86
|
+
var handleScroll = React.useCallback(function (e) {
|
|
87
|
+
transformRef.current.clear();
|
|
88
|
+
onScroll === null || onScroll === void 0 ? void 0 : onScroll(e);
|
|
89
|
+
}, [onScroll]);
|
|
88
90
|
React.useEffect(function () {
|
|
89
|
-
if (
|
|
91
|
+
if (loading) {
|
|
90
92
|
if (loadingTypeRef.current === "refresh") {
|
|
91
|
-
|
|
93
|
+
transformRef.current.to({
|
|
92
94
|
y: PULL_DOWN_REFRESH_THRESHOLD,
|
|
93
95
|
immediate: false,
|
|
94
96
|
});
|
|
95
97
|
}
|
|
96
98
|
}
|
|
97
99
|
else {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
+
transformRef.current.clear();
|
|
101
|
+
onLoadingTypeChangeRef.current(null);
|
|
100
102
|
}
|
|
101
|
-
}, [
|
|
102
|
-
React.
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
return (React.createElement("div", __assign({ className: "g-flat-list-wrapper".concat(className ? " ".concat(className) : ""), style: style }, (bounceEffect ? handlers : {})),
|
|
107
|
-
React.createElement("div", { className: "inner-container".concat(innerClassName ? " ".concat(innerClassName) : ""), style: innerStyle, ref: animatedRef },
|
|
108
|
-
React.createElement(Loading, { loading: loadingWithDelay && loadingType === "refresh", message: pullDownRefreshMessage }),
|
|
109
|
-
React.createElement("div", { className: "list-wrapper", ref: listWrapperRef, onScroll: onScroll }, children))));
|
|
103
|
+
}, [loading]);
|
|
104
|
+
return (React.createElement("div", __assign({ className: classNames("g-flat-list-wrapper", className), style: style }, (bounceEffect ? handlers : {})),
|
|
105
|
+
React.createElement("div", { className: classNames("inner-container", innerClassName), style: innerStyle, ref: animatedRef },
|
|
106
|
+
React.createElement(Loading, { loading: loading && loadingType === "refresh", message: pullDownRefreshMessage }),
|
|
107
|
+
React.createElement("div", { className: "list-wrapper", ref: listWrapperRef, onScroll: handleScroll }, children))));
|
|
110
108
|
};
|
|
111
109
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Wrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAC,2BAA2B,EAAC,MAAM,YAAY,CAAC;AACvD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/Wrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAC,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAC,SAAS,EAAC,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AAErE,OAAO,EAAC,2BAA2B,EAAC,MAAM,YAAY,CAAC;AACvD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,cAAc,CAAC;AAYtB,MAAM,CAAC,IAAM,OAAO,GAAG,UAAa,KAAe;IAE3C,IAAA,QAAQ,GAcR,KAAK,SAdG,EACR,YAAY,GAaZ,KAAK,aAbO,EACZ,cAAc,GAYd,KAAK,eAZS,EACd,WAAW,GAWX,KAAK,YAXM,EACX,mBAAmB,GAUnB,KAAK,oBAVc,EACnB,KASA,KAAK,QATU,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,iBAAiB,GAQjB,KAAK,kBARY,EACjB,eAAe,GAOf,KAAK,gBAPU,EACf,SAAS,GAMT,KAAK,UANI,EACT,cAAc,GAKd,KAAK,eALS,EACd,KAAK,GAIL,KAAK,MAJA,EACL,UAAU,GAGV,KAAK,WAHK,EACV,sBAAsB,GAEtB,KAAK,uBAFiB,EACtB,QAAQ,GACR,KAAK,SADG,CACF;IACV,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEvC,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEvD,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAc,IAAI,CAAC,CAAC;IACvD,cAAc,CAAC,OAAO,GAAG,WAAW,CAAC;IAErC,IAAM,sBAAsB,GAAG,KAAK,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;IACjE,sBAAsB,CAAC,OAAO,GAAG,mBAAmB,CAAC;IAE9C,IAAA,YAAY,GAAI,qBAAqB,CAAC,cAAc,CAAC,aAAzC,CAA0C;IAC7D,IAAM,SAAS,GAAG,YAAY,CAAC,WAAW,CAAC,CAAC;IAC5C,IAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7C,YAAY,CAAC,OAAO,GAAG,SAAS,CAAC;IAEjC,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC;QAC5B,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,QAAQ,GAAG,cAAc,CAAC;QAC5B,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,cAAc;QAC1B,WAAW,aAAA;QACX,OAAO,EAAE,UAAC,EAAc;gBAAb,KAAA,mBAAY,EAAF,CAAC,QAAA;YAClB,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;QAC/B,CAAC;QACD,KAAK,EAAE,UAAC,EAA4B;gBAA3B,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,QAAQ,cAAA;YAC/B,IAAI,OAAO,EAAE;gBACT,IAAI,QAAQ,KAAK,OAAO,EAAE;oBACtB,SAAS,CAAC,EAAE,CAAC;wBACT,CAAC,EAAE,2BAA2B;qBACjC,CAAC,CAAC;iBACN;aACJ;iBAAM;gBACH,IAAI,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,2BAA2B,EAAE;oBAC5E,IAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;oBAC5C,IAAI,QAAQ,KAAK,OAAO,IAAI,CAAC,CAAC,UAAU,IAAI,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,EAAE;wBACvE,mBAAmB,CAAC,SAAS,CAAC,CAAC;wBAC/B,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,EAAI,CAAC;qBACzB;yBAAM;wBACH,mBAAmB,CAAC,SAAS,CAAC,CAAC;wBAC/B,eAAe,aAAf,eAAe,uBAAf,eAAe,EAAI,CAAC;qBACvB;iBACJ;aACJ;YACD,KAAK,EAAE,CAAC;QACZ,CAAC;QACD,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAClC,UAAC,CAAgB;QACb,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC7B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,CAAC;IAClB,CAAC,EACD,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,OAAO,EAAE;YACT,IAAI,cAAc,CAAC,OAAO,KAAK,SAAS,EAAE;gBACtC,YAAY,CAAC,OAAO,CAAC,EAAE,CAAC;oBACpB,CAAC,EAAE,2BAA2B;oBAC9B,SAAS,EAAE,KAAK;iBACnB,CAAC,CAAC;aACN;SACJ;aAAM;YACH,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC7B,sBAAsB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;SACxC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,sCAAK,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC1G,6BAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,WAAW;YAC9F,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,IAAI,WAAW,KAAK,SAAS,EAAE,OAAO,EAAE,sBAAsB,GAAI;YAC3F,6BAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,IACpE,QAAQ,CACP,CACJ,CACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -32,7 +32,7 @@ import { useTransform } from "../../../../hooks/useTransform";
|
|
|
32
32
|
export var useBounceSwipe = function (options) {
|
|
33
33
|
var contentRef = options.contentRef, animatedRef = options.animatedRef, axis = options.axis, _a = options.baseOffset, baseOffset = _a === void 0 ? 0 : _a, onStart = options.onStart, onMove = options.onMove, onEnd = options.onEnd, onCancel = options.onCancel;
|
|
34
34
|
var _b = __read(React.useState(null), 2), boundary = _b[0], setBoundary = _b[1];
|
|
35
|
-
var
|
|
35
|
+
var transform = useTransform(animatedRef, { duration: 300, timingFunction: "cubic-bezier(0, 0.61, 0.28, 1.22)", property: "transform" });
|
|
36
36
|
var startOffsetRef = React.useRef(0);
|
|
37
37
|
var isX = React.useMemo(function () { return axis === "horizontal"; }, [axis]);
|
|
38
38
|
var isY = React.useMemo(function () { return axis === "vertical"; }, [axis]);
|
|
@@ -91,18 +91,18 @@ export var useBounceSwipe = function (options) {
|
|
|
91
91
|
}
|
|
92
92
|
else {
|
|
93
93
|
var _a = __read(offset, 2), x = _a[0], y = _a[1];
|
|
94
|
-
|
|
94
|
+
transform.to({ x: x, y: y, immediate: true });
|
|
95
95
|
onMove === null || onMove === void 0 ? void 0 : onMove(__assign(__assign({}, state), { boundary: boundary }));
|
|
96
96
|
}
|
|
97
97
|
},
|
|
98
98
|
onEnd: function (state) {
|
|
99
99
|
onEnd === null || onEnd === void 0 ? void 0 : onEnd(__assign(__assign({}, state), { boundary: boundary }));
|
|
100
|
-
|
|
100
|
+
transform.clear();
|
|
101
101
|
clearSwipe();
|
|
102
102
|
},
|
|
103
103
|
onCancel: function (state) {
|
|
104
104
|
onCancel === null || onCancel === void 0 ? void 0 : onCancel(__assign(__assign({}, state), { boundary: boundary }));
|
|
105
|
-
|
|
105
|
+
transform.clear();
|
|
106
106
|
clearSwipe();
|
|
107
107
|
},
|
|
108
108
|
}, { threshold: threshold });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useBounceSwipe.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/hooks/useBounceSwipe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AA6B5D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAA0B;IAC9C,IAAA,UAAU,GAAyE,OAAO,WAAhF,EAAE,WAAW,GAA4D,OAAO,YAAnE,EAAE,IAAI,GAAsD,OAAO,KAA7D,EAAE,KAAoD,OAAO,WAA7C,EAAd,UAAU,mBAAG,CAAC,KAAA,EAAE,OAAO,GAA6B,OAAO,QAApC,EAAE,MAAM,GAAqB,OAAO,OAA5B,EAAE,KAAK,GAAc,OAAO,MAArB,EAAE,QAAQ,GAAI,OAAO,SAAX,CAAY;IAC5F,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,IAAA,EAAvD,QAAQ,QAAA,EAAE,WAAW,QAAkC,CAAC;IAC/D,IAAM,
|
|
1
|
+
{"version":3,"file":"useBounceSwipe.js","sourceRoot":"","sources":["../../../../../src/core/FlatList/shared/hooks/useBounceSwipe.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AA6B5D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAA0B;IAC9C,IAAA,UAAU,GAAyE,OAAO,WAAhF,EAAE,WAAW,GAA4D,OAAO,YAAnE,EAAE,IAAI,GAAsD,OAAO,KAA7D,EAAE,KAAoD,OAAO,WAA7C,EAAd,UAAU,mBAAG,CAAC,KAAA,EAAE,OAAO,GAA6B,OAAO,QAApC,EAAE,MAAM,GAAqB,OAAO,OAA5B,EAAE,KAAK,GAAc,OAAO,MAArB,EAAE,QAAQ,GAAI,OAAO,SAAX,CAAY;IAC5F,IAAA,KAAA,OAA0B,KAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,IAAA,EAAvD,QAAQ,QAAA,EAAE,WAAW,QAAkC,CAAC;IAC/D,IAAM,SAAS,GAAG,YAAY,CAAC,WAAW,EAAE,EAAC,QAAQ,EAAE,GAAG,EAAE,cAAc,EAAE,mCAAmC,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC,CAAC;IACzI,IAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAEvC,IAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,KAAK,YAAY,EAArB,CAAqB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAC/D,IAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,cAAM,OAAA,IAAI,KAAK,UAAU,EAAnB,CAAmB,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACvD,IAAA,KAA2E,qBAAqB,CAAC,UAAU,CAAC,EAA3G,YAAY,kBAAA,EAAE,WAAW,iBAAA,EAAE,cAAc,oBAAA,EAAE,YAAY,kBAAA,EAAE,aAAa,mBAAqC,CAAC;IAEnH,IAAM,SAAS,GAAG,UAAC,EAAuB;YAAtB,SAAS,eAAA;QACzB,IAAI,GAAG,EAAE;YACL,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,WAAW,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,EAAE,IAAI,cAAc,EAAE,CAAC,CAAC;SAC9G;aAAM;YACH,OAAO,CAAC,SAAS,KAAK,SAAS,CAAC,KAAK,IAAI,YAAY,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,IAAI,aAAa,EAAE,CAAC,CAAC;SACjH;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACf,cAAc,CAAC,OAAO,GAAG,CAAC,CAAC;QAC3B,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,gEAAgE;QAChE,IAAI,UAAU,CAAC,OAAO,EAAE;YACpB,IAAI,QAAQ,EAAE;gBACV,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;aAChD;iBAAM;gBACH,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;aAC9C;SACJ;IACL,CAAC,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAE3B,IAAM,SAAS,GAAG,UAAC,KAAuB,EAAE,QAAkB;QAC1D,IAAI,YAAY,GAAsC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QAC7D,IAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,OAAO,GAAG,UAAU,CAAC;QAC/E,IAAM,mBAAmB,GAAG,UAAC,KAAa,IAAK,OAAA,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAU,EAA3C,CAA2C,CAAC;QAC3F,IAAI,QAAQ,KAAK,OAAO,EAAE;YACtB,YAAY,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;SAChF;aAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;YAC7B,YAAY,GAAG,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC;SAChF;aAAM;YACH,YAAY,GAAG,mBAAmB,CAAC,aAAa,CAAC,CAAC;SACrD;QAED,OAAO,YAAY,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG,QAAQ,CACrB;QACI,OAAO,EAAE,UAAA,KAAK;YAEN,IAAA,KAAA,OAEA,KAAK,UAFQ,EAAL,CAAC,QAAA,EAAE,CAAC,QAAA,EACZ,SAAS,GACT,KAAK,UADI,CACH;YACV,YAAY,CAAC,IAAI,CAAC,IAAI,WAAW,CAAC,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;YACpF,cAAc,CAAC,OAAO,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACrC,OAAO,aAAP,OAAO,uBAAP,OAAO,uBAAO,KAAK,KAAE,QAAQ,UAAA,IAAE,CAAC;QACpC,CAAC;QACD,MAAM,EAAE,UAAA,KAAK;YACF,IAAA,KAAK,GAAY,KAAK,MAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAU;YAC9B,IAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;YAC1C,IAAI,CAAC,MAAM,EAAE;gBACT,MAAM,EAAE,CAAC;aACZ;iBAAM;gBACG,IAAA,KAAA,OAAS,MAAM,IAAA,EAAd,CAAC,QAAA,EAAE,CAAC,QAAU,CAAC;gBACtB,SAAS,CAAC,EAAE,CAAC,EAAC,CAAC,GAAA,EAAE,CAAC,GAAA,EAAE,SAAS,EAAE,IAAI,EAAC,CAAC,CAAC;gBACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,uBAAO,KAAK,KAAE,QAAQ,UAAA,IAAE,CAAC;aAClC;QACL,CAAC;QACD,KAAK,EAAE,UAAA,KAAK;YACR,KAAK,aAAL,KAAK,uBAAL,KAAK,uBAAO,KAAK,KAAE,QAAQ,UAAA,IAAE,CAAC;YAC9B,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,UAAU,EAAE,CAAC;QACjB,CAAC;QACD,QAAQ,EAAE,UAAA,KAAK;YACX,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,uBAAO,KAAK,KAAE,QAAQ,UAAA,IAAE,CAAC;YACjC,SAAS,CAAC,KAAK,EAAE,CAAC;YAClB,UAAU,EAAE,CAAC;QACjB,CAAC;KACJ,EACD,EAAC,SAAS,WAAA,EAAC,CACd,CAAC;IAEF,OAAO,QAAQ,CAAC;AACpB,CAAC,CAAC"}
|
package/core/FlatList/type.d.ts
CHANGED
|
@@ -12,12 +12,13 @@ export interface FlatListProps<T> {
|
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
className?: string;
|
|
14
14
|
style?: React.CSSProperties;
|
|
15
|
+
/** When either onPullUpLoading or onPullDownRefresh is given, loading must be given too */
|
|
15
16
|
onPullUpLoading?: () => void;
|
|
16
17
|
onPullDownRefresh?: () => void;
|
|
17
|
-
autoLoad?: boolean | number;
|
|
18
18
|
emptyPlaceholder?: string | React.ReactElement;
|
|
19
19
|
contentStyle?: React.CSSProperties;
|
|
20
20
|
bounceEffect?: boolean;
|
|
21
|
+
hideFooter?: boolean;
|
|
21
22
|
pullUpLoadingMessage?: string;
|
|
22
23
|
endOfListMessage?: string;
|
|
23
24
|
pullDownRefreshMessage?: string;
|