@lofter-common-shared/react-components 0.1.2 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/loading/index.d.ts
CHANGED
|
@@ -1,15 +1,35 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare const Loading: ({ className }: {
|
|
2
|
+
export declare const Loading: ({ className, rotatingIcon, logoIcon }: {
|
|
3
3
|
className?: string;
|
|
4
|
+
rotatingIcon?: React.ReactNode;
|
|
5
|
+
logoIcon?: React.ReactNode;
|
|
4
6
|
}) => JSX.Element;
|
|
5
|
-
export
|
|
7
|
+
export interface CenterLoadingProps {
|
|
8
|
+
/**
|
|
9
|
+
* 蒙层样式
|
|
10
|
+
*/
|
|
6
11
|
loadingMaskClassName?: string;
|
|
12
|
+
/**
|
|
13
|
+
* 内容容器样式
|
|
14
|
+
*/
|
|
7
15
|
loadingBoxClassName?: string;
|
|
16
|
+
/**
|
|
17
|
+
* 内容样式
|
|
18
|
+
*/
|
|
8
19
|
loadingClassName?: string;
|
|
9
|
-
|
|
10
|
-
|
|
20
|
+
/**
|
|
21
|
+
* loading logo图标
|
|
22
|
+
*/
|
|
23
|
+
loadingLogeIcon?: React.ReactNode;
|
|
24
|
+
/**
|
|
25
|
+
* loading 旋转图标
|
|
26
|
+
*/
|
|
27
|
+
loadingRotatingIcon?: React.ReactNode;
|
|
28
|
+
}
|
|
29
|
+
export declare function CenterLoading({ loadingMaskClassName, loadingBoxClassName, loadingClassName, loadingLogeIcon, loadingRotatingIcon }: CenterLoadingProps): JSX.Element;
|
|
30
|
+
export declare const showLoading: import("@lofter-common-shared/utils/throttle").FC<(visible?: boolean, options?: CenterLoadingProps) => void>;
|
|
11
31
|
interface LoadingContextValue {
|
|
12
|
-
showLoading: (visible?: boolean) => void;
|
|
32
|
+
showLoading: (visible?: boolean, options?: CenterLoadingProps) => void;
|
|
13
33
|
}
|
|
14
34
|
export declare const LoadingContext: React.Context<LoadingContextValue>;
|
|
15
35
|
export declare function LoadingProvider({ children, }: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAGN,MAAM,OAAO,CAAC;AAmBf,eAAO,MAAM,OAAO,GAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAGN,MAAM,OAAO,CAAC;AAmBf,eAAO,MAAM,OAAO,GAAI,uCAQrB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,gBAaA,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,wBAAgB,aAAa,CAAE,EAC7B,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,mBAAmB,EACpB,EAAE,kBAAkB,eAuBpB;AAoBD,eAAO,MAAM,WAAW,+DAEX,OAAO,YACP,kBAAkB,UAW1B,CAAC;AAEN,UAAU,mBAAmB;IAC3B,WAAW,EAAE,CACX,OAAO,CAAC,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,kBAAkB,KACzB,IAAI,CAAC;CACX;AAMD,eAAO,MAAM,cAAc,oCAAuE,CAAC;AAGnG,wBAAgB,eAAe,CAAE,EAC/B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,eAuBA"}
|
package/dist/loading/index.js
CHANGED
|
@@ -47,25 +47,26 @@ var loading_modal_logo_symbol_svg_1 = require("./loading_modal_logo_symbol.svg")
|
|
|
47
47
|
var create_render_to_body_1 = require("../create-render-to-body");
|
|
48
48
|
var index_style_1 = __importDefault(require("./index.style"));
|
|
49
49
|
var Loading = function (_a) {
|
|
50
|
-
var className = _a.className;
|
|
50
|
+
var className = _a.className, _b = _a.rotatingIcon, rotatingIcon = _b === void 0 ? (react_1.default.createElement(loading_modal_circle_svg_1.Svg, { className: index_style_1.default.iconAnimation })) : _b, _c = _a.logoIcon, logoIcon = _c === void 0 ? (react_1.default.createElement(loading_modal_logo_symbol_svg_1.Svg, { className: index_style_1.default.icon })) : _c;
|
|
51
51
|
return (react_1.default.createElement("div", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loading, className) },
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
rotatingIcon,
|
|
53
|
+
logoIcon));
|
|
54
54
|
};
|
|
55
55
|
exports.Loading = Loading;
|
|
56
56
|
function CenterLoading(_a) {
|
|
57
|
-
var loadingMaskClassName = _a.loadingMaskClassName, loadingBoxClassName = _a.loadingBoxClassName, loadingClassName = _a.loadingClassName;
|
|
57
|
+
var loadingMaskClassName = _a.loadingMaskClassName, loadingBoxClassName = _a.loadingBoxClassName, loadingClassName = _a.loadingClassName, loadingLogeIcon = _a.loadingLogeIcon, loadingRotatingIcon = _a.loadingRotatingIcon;
|
|
58
58
|
return (react_1.default.createElement("section", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loadingMask, loadingMaskClassName) },
|
|
59
59
|
react_1.default.createElement("div", { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.loadingBox, loadingBoxClassName) },
|
|
60
|
-
react_1.default.createElement(exports.Loading, { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.centerLoading, loadingClassName) }))));
|
|
60
|
+
react_1.default.createElement(exports.Loading, { className: (0, merge_classnames_1.mergeClassNames)(index_style_1.default.centerLoading, loadingClassName), logoIcon: loadingLogeIcon, rotatingIcon: loadingRotatingIcon }))));
|
|
61
61
|
}
|
|
62
62
|
var showCenterLoading = (0, create_render_to_body_1.createRenderToBody)(CenterLoading);
|
|
63
63
|
var showingCenterLoading = null;
|
|
64
|
-
var defaultShowLoading = function (newVisible) {
|
|
64
|
+
var defaultShowLoading = function (newVisible, options) {
|
|
65
65
|
if (newVisible === void 0) { newVisible = true; }
|
|
66
|
+
if (options === void 0) { options = {}; }
|
|
66
67
|
if (newVisible) {
|
|
67
68
|
if (!showingCenterLoading) {
|
|
68
|
-
showingCenterLoading = showCenterLoading(
|
|
69
|
+
showingCenterLoading = showCenterLoading(options);
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
else if (showingCenterLoading) {
|
|
@@ -73,10 +74,11 @@ var defaultShowLoading = function (newVisible) {
|
|
|
73
74
|
showingCenterLoading = null;
|
|
74
75
|
}
|
|
75
76
|
};
|
|
76
|
-
exports.showLoading = (0, throttle_1.throttle)(function (visible) {
|
|
77
|
+
exports.showLoading = (0, throttle_1.throttle)(function (visible, options) {
|
|
77
78
|
if (visible === void 0) { visible = true; }
|
|
79
|
+
if (options === void 0) { options = {}; }
|
|
78
80
|
if (defaultShowLoading) {
|
|
79
|
-
defaultShowLoading(visible);
|
|
81
|
+
defaultShowLoading(visible, options);
|
|
80
82
|
}
|
|
81
83
|
}, {
|
|
82
84
|
wait: 50,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/loading/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lofter-common-shared/react-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -22,8 +22,8 @@
|
|
|
22
22
|
],
|
|
23
23
|
"license": "MIT",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@lofter-common-shared/utils": "0.1.
|
|
26
|
-
"@lofter-common-shared/css-in-js": "0.1.
|
|
25
|
+
"@lofter-common-shared/utils": "0.1.7",
|
|
26
|
+
"@lofter-common-shared/css-in-js": "0.1.3",
|
|
27
27
|
"react": "^16.12.0",
|
|
28
28
|
"react-dom": "^16.12.0"
|
|
29
29
|
},
|
|
@@ -35,7 +35,6 @@
|
|
|
35
35
|
},
|
|
36
36
|
"scripts": {
|
|
37
37
|
"clean": "rimraf dist",
|
|
38
|
-
"build": "npm run clean && tsc -p tsconfig.build.json"
|
|
39
|
-
"project-build": "npm run build"
|
|
38
|
+
"build": "npm run clean && tsc -p tsconfig.build.json"
|
|
40
39
|
}
|
|
41
40
|
}
|