@zat-design/sisyphus-react 3.11.4-beta.3 → 3.11.4-beta.5
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.
|
@@ -6,10 +6,9 @@ import { useEffect } from 'react';
|
|
|
6
6
|
import LazyLoad from 'react-lazyload';
|
|
7
7
|
import { isBoolean } from 'lodash';
|
|
8
8
|
import { useStep } from '../../index';
|
|
9
|
-
import { getLoadedMap } from '../../utils';
|
|
10
9
|
import ProCollapse from '../../../ProLayout/components/ProCollapse';
|
|
11
10
|
var defaultLazyLoadConfig = {
|
|
12
|
-
height:
|
|
11
|
+
height: 300,
|
|
13
12
|
offset: 100,
|
|
14
13
|
once: true // Load only once upon first entry into the viewport
|
|
15
14
|
};
|
|
@@ -24,10 +23,8 @@ var ProStepItem = function ProStepItem(_ref) {
|
|
|
24
23
|
var _useStep = useStep(),
|
|
25
24
|
register = _useStep.register,
|
|
26
25
|
collapse = _useStep.collapse,
|
|
27
|
-
globalLazyLoad = _useStep.lazyLoad
|
|
28
|
-
registerMap = _useStep.registerMap;
|
|
26
|
+
globalLazyLoad = _useStep.lazyLoad;
|
|
29
27
|
var lazyLoad = stepLazyLoad || globalLazyLoad;
|
|
30
|
-
var loadedMap = getLoadedMap(registerMap);
|
|
31
28
|
useEffect(function () {
|
|
32
29
|
// Schedule registration to avoid re-render issues
|
|
33
30
|
var timeoutId = setTimeout(function () {
|
|
@@ -38,13 +35,11 @@ var ProStepItem = function ProStepItem(_ref) {
|
|
|
38
35
|
}, restProps));
|
|
39
36
|
}, 0);
|
|
40
37
|
return function () {
|
|
41
|
-
|
|
38
|
+
clearTimeout(timeoutId);
|
|
42
39
|
};
|
|
43
40
|
}, [id, title, lazyLoad, restProps, register]);
|
|
44
41
|
var renderChildren = function renderChildren() {
|
|
45
|
-
|
|
46
|
-
// 第一个step不设置lasyload，防止懒加载不生效
|
|
47
|
-
if (lazyLoad && (loadedMap === null || loadedMap === void 0 ? void 0 : loadedMap.length) && (loadedMap === null || loadedMap === void 0 ? void 0 : (_loadedMap$ = loadedMap[0]) === null || _loadedMap$ === void 0 ? void 0 : _loadedMap$.id) !== id) {
|
|
42
|
+
if (lazyLoad) {
|
|
48
43
|
var lazyLoadProps = isBoolean(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
|
|
49
44
|
return _jsx(LazyLoad, _objectSpread(_objectSpread({}, lazyLoadProps), {}, {
|
|
50
45
|
classNamePrefix: id,
|
|
@@ -12,11 +12,10 @@ var _react = require("react");
|
|
|
12
12
|
var _reactLazyload = _interopRequireDefault(require("react-lazyload"));
|
|
13
13
|
var _lodash = require("lodash");
|
|
14
14
|
var _index = require("../../index");
|
|
15
|
-
var _utils = require("../../utils");
|
|
16
15
|
var _ProCollapse = _interopRequireDefault(require("../../../ProLayout/components/ProCollapse"));
|
|
17
16
|
var _excluded = ["id", "title", "collapse", "children", "lazyLoad"];
|
|
18
17
|
var defaultLazyLoadConfig = {
|
|
19
|
-
height:
|
|
18
|
+
height: 300,
|
|
20
19
|
offset: 100,
|
|
21
20
|
once: true // Load only once upon first entry into the viewport
|
|
22
21
|
};
|
|
@@ -31,10 +30,8 @@ var ProStepItem = function ProStepItem(_ref) {
|
|
|
31
30
|
var _useStep = (0, _index.useStep)(),
|
|
32
31
|
register = _useStep.register,
|
|
33
32
|
collapse = _useStep.collapse,
|
|
34
|
-
globalLazyLoad = _useStep.lazyLoad
|
|
35
|
-
registerMap = _useStep.registerMap;
|
|
33
|
+
globalLazyLoad = _useStep.lazyLoad;
|
|
36
34
|
var lazyLoad = stepLazyLoad || globalLazyLoad;
|
|
37
|
-
var loadedMap = (0, _utils.getLoadedMap)(registerMap);
|
|
38
35
|
(0, _react.useEffect)(function () {
|
|
39
36
|
// Schedule registration to avoid re-render issues
|
|
40
37
|
var timeoutId = setTimeout(function () {
|
|
@@ -45,13 +42,11 @@ var ProStepItem = function ProStepItem(_ref) {
|
|
|
45
42
|
}, restProps));
|
|
46
43
|
}, 0);
|
|
47
44
|
return function () {
|
|
48
|
-
|
|
45
|
+
clearTimeout(timeoutId);
|
|
49
46
|
};
|
|
50
47
|
}, [id, title, lazyLoad, restProps, register]);
|
|
51
48
|
var renderChildren = function renderChildren() {
|
|
52
|
-
|
|
53
|
-
// 第一个step不设置lasyload，防止懒加载不生效
|
|
54
|
-
if (lazyLoad && (loadedMap === null || loadedMap === void 0 ? void 0 : loadedMap.length) && (loadedMap === null || loadedMap === void 0 ? void 0 : (_loadedMap$ = loadedMap[0]) === null || _loadedMap$ === void 0 ? void 0 : _loadedMap$.id) !== id) {
|
|
49
|
+
if (lazyLoad) {
|
|
55
50
|
var lazyLoadProps = (0, _lodash.isBoolean)(lazyLoad) ? defaultLazyLoadConfig : lazyLoad;
|
|
56
51
|
return (0, _jsxRuntime.jsx)(_reactLazyload.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lazyLoadProps), {}, {
|
|
57
52
|
classNamePrefix: id,
|