@fonixtree/magic-design 0.1.98 → 0.1.99
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/es/core/Renderer/index.js +28 -12
- package/lib/core/Renderer/index.js +28 -12
- package/package.json +1 -1
|
@@ -88,19 +88,36 @@ var Renderer = function Renderer(props) {
|
|
|
88
88
|
var filterData = [];
|
|
89
89
|
|
|
90
90
|
if (pageData && pageData.childNodes && pageData.childNodes.length) {
|
|
91
|
+
var graduallySetFloors = function graduallySetFloors(data, step, interval, start) {
|
|
92
|
+
if (step === void 0) {
|
|
93
|
+
step = 5;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
if (interval === void 0) {
|
|
97
|
+
interval = 200;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
if (start === void 0) {
|
|
101
|
+
start = 0;
|
|
102
|
+
} // 计算这一步应该显示的最终索引
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
var end = Math.min(start + step, data.length); // 更新楼层数量
|
|
106
|
+
|
|
107
|
+
setFloors(data.slice(0, end)); // 如果还有更多楼层要显示，设置一个定时器来递归调用此函数
|
|
108
|
+
|
|
109
|
+
if (end < data.length) {
|
|
110
|
+
setTimeout(function () {
|
|
111
|
+
graduallySetFloors(data, step, interval, end);
|
|
112
|
+
}, interval);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
91
116
|
filterData = pageData.childNodes.filter(function (node) {
|
|
92
117
|
return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
|
|
93
118
|
});
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
setFloors(filterData.slice(0, 5));
|
|
98
|
-
setTimeout(function () {
|
|
99
|
-
setFloors(filterData.slice(0, 10));
|
|
100
|
-
setTimeout(function () {
|
|
101
|
-
setFloors(filterData);
|
|
102
|
-
}, 200);
|
|
103
|
-
}, 200);
|
|
119
|
+
graduallySetFloors(filterData);
|
|
120
|
+
}
|
|
104
121
|
}, [pageData]);
|
|
105
122
|
(0, _react.useEffect)(function () {
|
|
106
123
|
setTimeout(function () {
|
|
@@ -140,7 +157,7 @@ var Renderer = function Renderer(props) {
|
|
|
140
157
|
}
|
|
141
158
|
|
|
142
159
|
return {
|
|
143
|
-
overflow: '
|
|
160
|
+
overflow: 'hidden'
|
|
144
161
|
};
|
|
145
162
|
};
|
|
146
163
|
|
|
@@ -148,7 +165,6 @@ var Renderer = function Renderer(props) {
|
|
|
148
165
|
className: "render_wrap",
|
|
149
166
|
magic_design: "",
|
|
150
167
|
style: __assign({
|
|
151
|
-
height: '100%',
|
|
152
168
|
background: pageBackground
|
|
153
169
|
}, getRestStyle())
|
|
154
170
|
}, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
|
|
@@ -88,19 +88,36 @@ var Renderer = function Renderer(props) {
|
|
|
88
88
|
var filterData = [];
|
|
89
89
|
|
|
90
90
|
if (pageData && pageData.childNodes && pageData.childNodes.length) {
|
|
91
|
+
var graduallySetFloors = function graduallySetFloors(data, step, interval, start) {
|
|
92
|
+
if (step === void 0) {
|
|
93
|
+
step = 5;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
if (interval === void 0) {
|
|
97
|
+
interval = 200;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
if (start === void 0) {
|
|
101
|
+
start = 0;
|
|
102
|
+
} // 计算这一步应该显示的最终索引
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
var end = Math.min(start + step, data.length); // 更新楼层数量
|
|
106
|
+
|
|
107
|
+
setFloors(data.slice(0, end)); // 如果还有更多楼层要显示，设置一个定时器来递归调用此函数
|
|
108
|
+
|
|
109
|
+
if (end < data.length) {
|
|
110
|
+
setTimeout(function () {
|
|
111
|
+
graduallySetFloors(data, step, interval, end);
|
|
112
|
+
}, interval);
|
|
113
|
+
}
|
|
114
|
+
};
|
|
115
|
+
|
|
91
116
|
filterData = pageData.childNodes.filter(function (node) {
|
|
92
117
|
return (0, _coreUtil.isActiveFloor)(node.activeTerminal);
|
|
93
118
|
});
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
setFloors(filterData.slice(0, 5));
|
|
98
|
-
setTimeout(function () {
|
|
99
|
-
setFloors(filterData.slice(0, 10));
|
|
100
|
-
setTimeout(function () {
|
|
101
|
-
setFloors(filterData);
|
|
102
|
-
}, 200);
|
|
103
|
-
}, 200);
|
|
119
|
+
graduallySetFloors(filterData);
|
|
120
|
+
}
|
|
104
121
|
}, [pageData]);
|
|
105
122
|
(0, _react.useEffect)(function () {
|
|
106
123
|
setTimeout(function () {
|
|
@@ -140,7 +157,7 @@ var Renderer = function Renderer(props) {
|
|
|
140
157
|
}
|
|
141
158
|
|
|
142
159
|
return {
|
|
143
|
-
overflow: '
|
|
160
|
+
overflow: 'hidden'
|
|
144
161
|
};
|
|
145
162
|
};
|
|
146
163
|
|
|
@@ -148,7 +165,6 @@ var Renderer = function Renderer(props) {
|
|
|
148
165
|
className: "render_wrap",
|
|
149
166
|
magic_design: "",
|
|
150
167
|
style: __assign({
|
|
151
|
-
height: '100%',
|
|
152
168
|
background: pageBackground
|
|
153
169
|
}, getRestStyle())
|
|
154
170
|
}, floors.length > 0 && floors.map(function (nodeData, moduleIndex) {
|