@zgfe/modules-page 1.0.1-alpha.26 → 1.0.1-alpha.28
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.
|
@@ -73,7 +73,7 @@ var SearchPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
73
73
|
onValuesChange: onChange
|
|
74
74
|
}, /*#__PURE__*/React.createElement(Form.Item, {
|
|
75
75
|
name: "userGroup",
|
|
76
|
-
|
|
76
|
+
className: "".concat(classPrefix, "-item1")
|
|
77
77
|
}, /*#__PURE__*/React.createElement(BizUserGroupHeader, {
|
|
78
78
|
max: 2,
|
|
79
79
|
enableTags: true
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.page-search-panel {
|
|
4
4
|
&-title.ant-form-item {
|
|
5
|
-
margin-bottom:
|
|
5
|
+
margin-bottom: 8px;
|
|
6
6
|
padding-left: 24px;
|
|
7
7
|
color: @text-color-secondary;
|
|
8
8
|
font-weight: 500;
|
|
@@ -13,40 +13,14 @@
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
|
-
&-item-horizontal {
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-wrap: wrap;
|
|
19
|
-
gap: 16px;
|
|
20
|
-
padding: 0 24px;
|
|
21
|
-
&:hover {
|
|
22
|
-
background: #e8efff;
|
|
23
|
-
}
|
|
24
|
-
.page-search-panel-item.ant-form-item {
|
|
25
|
-
margin-bottom: 0;
|
|
26
|
-
padding: 4px 0;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
&-add {
|
|
30
|
-
width: fit-content;
|
|
31
|
-
height: 20px;
|
|
32
|
-
margin-top: 8px;
|
|
33
|
-
margin-left: 24px;
|
|
34
|
-
color: @primary-color;
|
|
35
|
-
line-height: 20px;
|
|
36
|
-
cursor: pointer;
|
|
37
|
-
span {
|
|
38
|
-
margin-right: 4px;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
16
|
|
|
42
17
|
&-item3.ant-form-item:not(.page-search-panel-hidden) {
|
|
43
18
|
margin-bottom: 20px;
|
|
44
|
-
padding: 4px
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
19
|
+
padding: 4px 0;
|
|
20
|
+
}
|
|
21
|
+
&-item1.ant-form-item {
|
|
22
|
+
margin-bottom: 20px !important;
|
|
48
23
|
}
|
|
49
|
-
|
|
50
24
|
&-item2.ant-form-item {
|
|
51
25
|
margin-bottom: 4px !important;
|
|
52
26
|
}
|
|
@@ -12,7 +12,7 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
|
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
14
14
|
import EmptyPanel from "../empty";
|
|
15
|
-
import { BizGlobalDataContext, BizLayout } from '@zgfe/business-lib';
|
|
15
|
+
import { BizGlobalDataContext, BizLayout, BizLoading } from '@zgfe/business-lib';
|
|
16
16
|
import { Button, Skeleton, Spin } from 'antd';
|
|
17
17
|
import "./style/index.less";
|
|
18
18
|
import SearchPanel from "../../components/searchPanel";
|
|
@@ -88,6 +88,11 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
88
88
|
_useState26 = _slicedToArray(_useState25, 2),
|
|
89
89
|
currentClickPage = _useState26[0],
|
|
90
90
|
setCurrentClickPage = _useState26[1];
|
|
91
|
+
var _React$useState = React.useState(),
|
|
92
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
93
|
+
controller = _React$useState2[0],
|
|
94
|
+
setController = _React$useState2[1];
|
|
95
|
+
|
|
91
96
|
// 查询条件ref
|
|
92
97
|
var selectRef = useRef(null);
|
|
93
98
|
var _useContext = useContext(BizGlobalDataContext),
|
|
@@ -161,7 +166,11 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
161
166
|
return;
|
|
162
167
|
}
|
|
163
168
|
setOriginSearchValue(_.cloneDeep(searchValue));
|
|
164
|
-
|
|
169
|
+
var control = new AbortController();
|
|
170
|
+
var signal = control.signal;
|
|
171
|
+
controller === null || controller === void 0 ? void 0 : controller.abort();
|
|
172
|
+
setController(control);
|
|
173
|
+
getPageResult(param, setResult, setLoading, signal);
|
|
165
174
|
}, 500));
|
|
166
175
|
};
|
|
167
176
|
// 改变查询条件/
|
|
@@ -247,9 +256,9 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
247
256
|
onDownload: function onDownload() {
|
|
248
257
|
return _onDownload(searchValue, currentApp);
|
|
249
258
|
}
|
|
250
|
-
}), loading ? /*#__PURE__*/React.createElement("div", {
|
|
259
|
+
}), loading && !pageLoading ? /*#__PURE__*/React.createElement("div", {
|
|
251
260
|
className: "".concat(classPrefix, "-content")
|
|
252
|
-
}, /*#__PURE__*/React.createElement(
|
|
261
|
+
}, /*#__PURE__*/React.createElement(BizLoading, null)) : pageType === 'list' ? /*#__PURE__*/React.createElement(PageContent, {
|
|
253
262
|
type: currentType,
|
|
254
263
|
value: result,
|
|
255
264
|
groupId: searchValue === null || searchValue === void 0 ? void 0 : searchValue.pageGroup,
|
|
@@ -2,6 +2,6 @@ import { ModulesPageTypes } from './types';
|
|
|
2
2
|
import { AppInfoProps } from '@zgfe/business-lib/es/context';
|
|
3
3
|
export declare const getPageList: (data: ModulesPageTypes.Params, callback: Function) => void;
|
|
4
4
|
export declare const getPageGroupList: (data: ModulesPageTypes.Params, callback: Function, loadingCallback?: Function) => void;
|
|
5
|
-
export declare const getPageResult: (params: ModulesPageTypes.Value, callback: Function, loadingCallback: Function) => void;
|
|
5
|
+
export declare const getPageResult: (params: ModulesPageTypes.Value, callback: Function, loadingCallback: Function, signal: AbortSignal) => void;
|
|
6
6
|
export declare const getSocketSecret: () => string;
|
|
7
7
|
export declare const onDownload: (params?: ModulesPageTypes.Value, currentApp?: AppInfoProps) => void;
|
|
@@ -61,21 +61,27 @@ export var getPageGroupList = function getPageGroupList(data, callback, loadingC
|
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
// 获取页面查询结果
|
|
64
|
-
export var getPageResult = function getPageResult(params, callback, loadingCallback) {
|
|
64
|
+
export var getPageResult = function getPageResult(params, callback, loadingCallback, signal) {
|
|
65
65
|
loadingCallback(true);
|
|
66
66
|
ajax(api.getPageResult, {
|
|
67
67
|
method: 'post',
|
|
68
|
-
data: params
|
|
68
|
+
data: params,
|
|
69
|
+
signal: signal
|
|
69
70
|
}).then(function (res) {
|
|
70
71
|
var _res$data;
|
|
72
|
+
loadingCallback(false);
|
|
71
73
|
if (!res || !res.data) return;
|
|
72
74
|
callback((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.map(function (item) {
|
|
73
75
|
return _objectSpread(_objectSpread({}, item), {}, {
|
|
74
76
|
id: "".concat(item.userGroup, "-").concat(item.pageTitle, "-").concat(item.pageUrl)
|
|
75
77
|
});
|
|
76
78
|
}));
|
|
77
|
-
}).
|
|
78
|
-
|
|
79
|
+
}).catch(function (e) {
|
|
80
|
+
if (e.isCancel) {
|
|
81
|
+
console.log('请求被取消了');
|
|
82
|
+
} else {
|
|
83
|
+
loadingCallback(false);
|
|
84
|
+
}
|
|
79
85
|
});
|
|
80
86
|
};
|
|
81
87
|
export var getSocketSecret = function getSocketSecret() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-page",
|
|
3
|
-
"version": "1.0.1-alpha.
|
|
3
|
+
"version": "1.0.1-alpha.28",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"start": "dumi dev",
|
|
6
6
|
"docs:build": "dumi build",
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"@types/lodash": "^4.14.197",
|
|
40
40
|
"@umijs/fabric": "^2.8.1",
|
|
41
41
|
"@umijs/test": "^3.0.5",
|
|
42
|
-
"@zgfe/business-lib": "1.1.
|
|
42
|
+
"@zgfe/business-lib": "1.1.84-panel.5",
|
|
43
43
|
"antd": "^4.22.6",
|
|
44
44
|
"dumi": "^1.1.0",
|
|
45
45
|
"father": "^4.0.0-rc.2",
|
|
@@ -50,5 +50,5 @@
|
|
|
50
50
|
"prettier": "^2.2.1",
|
|
51
51
|
"yorkie": "^2.0.0"
|
|
52
52
|
},
|
|
53
|
-
"gitHead": "
|
|
53
|
+
"gitHead": "f74f9ef1ce6ee3f451b50b10d813cd6df4b38808"
|
|
54
54
|
}
|