@zgfe/modules-page 1.0.1-alpha.9 → 1.0.2
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/esm/components/content/index.js +5 -2
- package/dist/esm/components/content/types.d.ts +1 -0
- package/dist/esm/components/content/utils.js +2 -1
- package/dist/esm/components/detail/images/percent.png +0 -0
- package/dist/esm/components/detail/index.js +11 -47
- package/dist/esm/components/detail/index.less +9 -2
- package/dist/esm/components/groupModal/index.js +10 -5
- package/dist/esm/components/groupModal/index.less +26 -1
- package/dist/esm/components/groupModal/inputSelect.js +1 -0
- package/dist/esm/components/pageSelect/index.js +48 -37
- package/dist/esm/components/searchPanel/index.d.ts +1 -1
- package/dist/esm/components/searchPanel/index.js +14 -38
- package/dist/esm/components/searchPanel/index.less +7 -34
- package/dist/esm/components/searchPanel/types.d.ts +3 -3
- package/dist/esm/components/searchPanel/util.d.ts +4 -4
- package/dist/esm/components/searchPanel/util.js +35 -29
- package/dist/esm/components/topContent/index.less +1 -0
- package/dist/esm/modules/empty/index.js +3 -1
- package/dist/esm/modules/empty/index.less +11 -6
- package/dist/esm/modules/home/demo/index.js +60 -2
- package/dist/esm/modules/home/index.js +95 -50
- package/dist/esm/modules/home/style/index.less +23 -0
- package/dist/esm/modules/home/types.d.ts +5 -1
- package/dist/esm/modules/home/utils.d.ts +1 -1
- package/dist/esm/modules/home/utils.js +25 -12
- package/package.json +3 -3
- package/dist/esm/components/detail/images/color_pallete_percent.png +0 -0
- package/dist/esm/modules/home/base64.d.ts +0 -23
- package/dist/esm/modules/home/base64.js +0 -132
|
@@ -1,47 +1,53 @@
|
|
|
1
1
|
import _ from 'lodash';
|
|
2
|
-
|
|
2
|
+
import { OperateTypes } from '@zgfe/business-lib/es/attrConditions/types';
|
|
3
|
+
export var formValue = function formValue(source) {
|
|
3
4
|
var data = _.cloneDeep(source) || {};
|
|
4
|
-
|
|
5
|
-
var result = [];
|
|
6
|
-
if (data.userGroup && data.userGroup.length) {
|
|
7
|
-
userGroupList === null || userGroupList === void 0 ? void 0 : userGroupList.forEach(function (user) {
|
|
8
|
-
var _data$userGroup;
|
|
9
|
-
if ((_data$userGroup = data.userGroup) !== null && _data$userGroup !== void 0 && _data$userGroup.includes(user.id)) {
|
|
10
|
-
result.push(user);
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
} else {
|
|
14
|
-
result = userGroupList ? [userGroupList[0]] : [{
|
|
15
|
-
id: 0,
|
|
16
|
-
name: '所有用户'
|
|
17
|
-
}];
|
|
18
|
-
}
|
|
19
|
-
var page = {
|
|
20
|
-
type: 'page',
|
|
5
|
+
var page = !data.pageUrl && !data.pageTitle && !data.pageGroup && data.pageGroup != 0 ? undefined : {
|
|
21
6
|
pageGroup: data === null || data === void 0 ? void 0 : data.pageGroup,
|
|
22
7
|
pageUrl: data === null || data === void 0 ? void 0 : data.pageUrl,
|
|
23
8
|
pageTitle: data === null || data === void 0 ? void 0 : data.pageTitle
|
|
24
9
|
};
|
|
25
10
|
return {
|
|
26
|
-
userGroup:
|
|
11
|
+
userGroup: data.userGroup || [0],
|
|
27
12
|
page: page,
|
|
28
13
|
filters: data.filters
|
|
29
14
|
};
|
|
30
15
|
};
|
|
31
16
|
export var formatValue = function formatValue(source) {
|
|
32
|
-
var _data$
|
|
17
|
+
var _data$userGroup, _data$page, _data$page2, _data$page3;
|
|
33
18
|
var data = _.cloneDeep(source) || {};
|
|
34
|
-
var
|
|
35
|
-
(_data$userGroup2 = data.userGroup) === null || _data$userGroup2 === void 0 ? void 0 : _data$userGroup2.forEach(function (item) {
|
|
36
|
-
if (item) {
|
|
37
|
-
group.push(item.id);
|
|
38
|
-
}
|
|
39
|
-
});
|
|
19
|
+
var filters = getConditionList(data.filters);
|
|
40
20
|
return {
|
|
41
|
-
userGroup:
|
|
21
|
+
userGroup: ((_data$userGroup = data.userGroup) === null || _data$userGroup === void 0 ? void 0 : _data$userGroup.filter(function (item) {
|
|
22
|
+
return item || item === 0;
|
|
23
|
+
})) || [0],
|
|
42
24
|
pageTitle: (_data$page = data.page) === null || _data$page === void 0 ? void 0 : _data$page.pageTitle,
|
|
43
25
|
pageUrl: (_data$page2 = data.page) === null || _data$page2 === void 0 ? void 0 : _data$page2.pageUrl,
|
|
44
26
|
pageGroup: (_data$page3 = data.page) === null || _data$page3 === void 0 ? void 0 : _data$page3.pageGroup,
|
|
45
|
-
filters:
|
|
27
|
+
filters: filters
|
|
46
28
|
};
|
|
47
|
-
};
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* 筛选条件当未选择值时,不查询
|
|
33
|
+
* @param filters 筛选条件数组
|
|
34
|
+
* @returns
|
|
35
|
+
*/
|
|
36
|
+
function getConditionList(filters) {
|
|
37
|
+
if (!filters || !filters.conditions) return;
|
|
38
|
+
var conditionList = [];
|
|
39
|
+
filters.conditions.forEach(function (item) {
|
|
40
|
+
if (!item.attrId && !item.attrName) return;
|
|
41
|
+
if (!item.values || !item.values.length) {
|
|
42
|
+
if (item.operator === OperateTypes.IsNotNull || item.operator === OperateTypes.IsNull) {
|
|
43
|
+
conditionList.push(item);
|
|
44
|
+
}
|
|
45
|
+
} else {
|
|
46
|
+
conditionList.push(item);
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
return conditionList.length ? {
|
|
50
|
+
conditions: conditionList,
|
|
51
|
+
relation: 'and'
|
|
52
|
+
} : undefined;
|
|
53
|
+
}
|
|
@@ -28,6 +28,8 @@ var EmptyPanel = function EmptyPanel() {
|
|
|
28
28
|
}, /*#__PURE__*/React.createElement("div", {
|
|
29
29
|
className: "".concat(classPrefix, "-title")
|
|
30
30
|
}, "\u9875\u9762\u70B9\u51FB\u5206\u6790"), /*#__PURE__*/React.createElement("p", null, "\u9875\u9762\u7684\u70B9\u51FB\u6548\u679C\u5C55\u793A\uFF0C\u53EF\u4EE5\u66F4\u52A0\u76F4\u89C2\u7684\u770B\u51FA\u9875\u9762\u4E2D\u70B9\u51FB\u7684\u5206\u5E03\u60C5\u51B5"), /*#__PURE__*/React.createElement("div", {
|
|
31
|
+
className: "".concat(classPrefix, "-content2")
|
|
32
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
31
33
|
className: "".concat(classPrefix, "-title-secondary")
|
|
32
34
|
}, "\u8BBE\u7F6E\u65B9\u6CD5"), /*#__PURE__*/React.createElement("p", null, "\u70B9\u51FB\u5206\u6790\u6570\u636E\u9ED8\u8BA4\u4E3A\u4E0D\u91C7\u96C6\uFF0C\u5982\u9700\u91C7\u96C6\uFF0C\u53EF\u5728\u76F8\u5E94\u9875\u9762\u7684SDK\u4EE3\u7801\u4E2D\u52A0\u5165\u4EE5\u4E0B\u53C2\u6570\u914D\u7F6E"), /*#__PURE__*/React.createElement("div", {
|
|
33
35
|
className: "".concat(classPrefix, "-code-container")
|
|
@@ -40,7 +42,7 @@ var EmptyPanel = function EmptyPanel() {
|
|
|
40
42
|
className: "".concat(classPrefix, "-code")
|
|
41
43
|
}, "autoTrack: true,", /*#__PURE__*/React.createElement("span", null, "//\u5168\u57CB\u70B9\u5F00\u5173")), /*#__PURE__*/React.createElement("div", {
|
|
42
44
|
className: "".concat(classPrefix, "-code")
|
|
43
|
-
}, "singlePage: false", /*#__PURE__*/React.createElement("span", null, "//\u662F\u5426\u4E3A\u5355\u9875\u9762\u5E94\u7528 \u9ED8\u8BA4\u4E3Afalse")), /*#__PURE__*/React.createElement("div", null, '}', ");")), /*#__PURE__*/React.createElement("p", null, "\u9002\u7528\u4E8ELanding Page\u3001\u6D3B\u52A8\u9875\u3001\u5B98\u7F51\uFF0C\u9875\u9762\u7B80\u5355\u53EF\u4F7F\u7528\u9875\u9762\u70B9\u51FB\u5206\u6790\u63D0\u5347\u6548\u7387\uFF0C\u5EFA\u8BAE\u4E0D\u8981\u5728\u590D\u6742\u9875\u9762\u4F7F\u7528\u3002")), /*#__PURE__*/React.createElement("img", {
|
|
45
|
+
}, "singlePage: false", /*#__PURE__*/React.createElement("span", null, "//\u662F\u5426\u4E3A\u5355\u9875\u9762\u5E94\u7528 \u9ED8\u8BA4\u4E3Afalse")), /*#__PURE__*/React.createElement("div", null, '}', ");")), /*#__PURE__*/React.createElement("p", null, "\u9002\u7528\u4E8ELanding Page\u3001\u6D3B\u52A8\u9875\u3001\u5B98\u7F51\uFF0C\u9875\u9762\u7B80\u5355\u53EF\u4F7F\u7528\u9875\u9762\u70B9\u51FB\u5206\u6790\u63D0\u5347\u6548\u7387\uFF0C\u5EFA\u8BAE\u4E0D\u8981\u5728\u590D\u6742\u9875\u9762\u4F7F\u7528\u3002"))), /*#__PURE__*/React.createElement("img", {
|
|
44
46
|
className: "".concat(classPrefix, "-img"),
|
|
45
47
|
src: chartImg
|
|
46
48
|
}));
|
|
@@ -9,13 +9,19 @@
|
|
|
9
9
|
background: url(./img/bg.png);
|
|
10
10
|
background-size: cover;
|
|
11
11
|
&-content {
|
|
12
|
-
width:
|
|
12
|
+
width: 406px;
|
|
13
13
|
margin-left: 136px;
|
|
14
14
|
p {
|
|
15
15
|
color: #9aa1a9;
|
|
16
16
|
font-size: 14px;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
|
+
&-content2 {
|
|
20
|
+
width: 400px;
|
|
21
|
+
p {
|
|
22
|
+
margin-bottom: 0;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
19
25
|
&-title {
|
|
20
26
|
margin-bottom: 24px;
|
|
21
27
|
font-weight: 500;
|
|
@@ -31,10 +37,10 @@
|
|
|
31
37
|
&-code-container {
|
|
32
38
|
position: relative;
|
|
33
39
|
height: 200px;
|
|
40
|
+
margin: 8px 0;
|
|
34
41
|
padding: 16px;
|
|
35
|
-
background: #
|
|
42
|
+
background: #fafafb;
|
|
36
43
|
border-radius: 8px;
|
|
37
|
-
|
|
38
44
|
&:hover {
|
|
39
45
|
.empty-panel-code-copy {
|
|
40
46
|
display: flex;
|
|
@@ -57,12 +63,11 @@
|
|
|
57
63
|
}
|
|
58
64
|
&-code-copy {
|
|
59
65
|
position: absolute;
|
|
60
|
-
top:
|
|
61
|
-
right:
|
|
66
|
+
top: 16px;
|
|
67
|
+
right: 16px;
|
|
62
68
|
display: flex;
|
|
63
69
|
display: none;
|
|
64
70
|
align-items: center;
|
|
65
|
-
align-items: center;
|
|
66
71
|
height: 24px;
|
|
67
72
|
padding: 0 8px;
|
|
68
73
|
background: #f2f3f4;
|
|
@@ -1,14 +1,72 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ModulesPage } from '@zgfe/modules-page';
|
|
3
3
|
import { DemoWrapper } from '@zgfe/business-lib';
|
|
4
|
+
var defaultValue = {
|
|
5
|
+
pageTitle: '进入百度首页894854121612',
|
|
6
|
+
appId: 225,
|
|
7
|
+
module: 'page',
|
|
8
|
+
pageUrl: 'http://baidu.com/query/894854121612',
|
|
9
|
+
time: {
|
|
10
|
+
unit: 'day',
|
|
11
|
+
end: '2023-09-14',
|
|
12
|
+
begin: '2023-08-31',
|
|
13
|
+
relative: [14, 0]
|
|
14
|
+
},
|
|
15
|
+
filters: {
|
|
16
|
+
conditions: [{
|
|
17
|
+
attrId: 0,
|
|
18
|
+
propCategory: 'userProp',
|
|
19
|
+
values: ['实名'],
|
|
20
|
+
dimensionSub: 'is_anonymous',
|
|
21
|
+
label: '实名/匿名',
|
|
22
|
+
type: 1,
|
|
23
|
+
category: 'fixed',
|
|
24
|
+
operator: 'equal',
|
|
25
|
+
attrName: 'is_anonymous'
|
|
26
|
+
}, {
|
|
27
|
+
attrId: 0,
|
|
28
|
+
propCategory: 'userProp',
|
|
29
|
+
values: ['30', '1'],
|
|
30
|
+
dimensionSub: 'last_visit_time',
|
|
31
|
+
label: '最后一次访问时间',
|
|
32
|
+
type: 3,
|
|
33
|
+
category: 'fixed',
|
|
34
|
+
operator: 'relative',
|
|
35
|
+
attrName: 'last_visit_time'
|
|
36
|
+
}, {
|
|
37
|
+
attrId: 0,
|
|
38
|
+
propCategory: 'envProp',
|
|
39
|
+
type: 1,
|
|
40
|
+
operator: 'equal',
|
|
41
|
+
values: ['baidu'],
|
|
42
|
+
dimensionSub: 'website',
|
|
43
|
+
label: '来源域名',
|
|
44
|
+
attrName: 'website',
|
|
45
|
+
category: 'fixed'
|
|
46
|
+
}],
|
|
47
|
+
relation: 'and'
|
|
48
|
+
},
|
|
49
|
+
userGroup: [758, 757],
|
|
50
|
+
platform: 3
|
|
51
|
+
};
|
|
4
52
|
export default (function () {
|
|
53
|
+
var onClickWarn = function onClickWarn() {
|
|
54
|
+
console.log('onClickWarn');
|
|
55
|
+
};
|
|
56
|
+
var onChange = function onChange(data) {
|
|
57
|
+
console.log('onChange:', data);
|
|
58
|
+
};
|
|
5
59
|
return /*#__PURE__*/React.createElement(DemoWrapper, {
|
|
6
60
|
needMeta: true,
|
|
7
|
-
defaultApp:
|
|
61
|
+
defaultApp: 225
|
|
8
62
|
}, /*#__PURE__*/React.createElement("div", {
|
|
9
63
|
style: {
|
|
10
64
|
height: 750,
|
|
11
65
|
overflow: 'auto'
|
|
12
66
|
}
|
|
13
|
-
}, /*#__PURE__*/React.createElement(ModulesPage,
|
|
67
|
+
}, /*#__PURE__*/React.createElement(ModulesPage, {
|
|
68
|
+
value: defaultValue,
|
|
69
|
+
onClickWarn: onClickWarn,
|
|
70
|
+
onChange: onChange
|
|
71
|
+
})));
|
|
14
72
|
});
|
|
@@ -10,10 +10,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
10
10
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
11
11
|
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
|
-
import React, { useContext, useEffect, useMemo, useState } from 'react';
|
|
13
|
+
import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
|
|
14
14
|
import EmptyPanel from "../empty";
|
|
15
|
-
import { BizGlobalDataContext, BizLayout } from '@zgfe/business-lib';
|
|
16
|
-
import { Button, Spin } from 'antd';
|
|
15
|
+
import { BizGlobalDataContext, BizLayout, BizLoading } from '@zgfe/business-lib';
|
|
16
|
+
import { Button, Skeleton, Spin } from 'antd';
|
|
17
17
|
import "./style/index.less";
|
|
18
18
|
import SearchPanel from "../../components/searchPanel";
|
|
19
19
|
import TopContent from "../../components/topContent";
|
|
@@ -22,6 +22,7 @@ import { ModulesPageContext } from "./types";
|
|
|
22
22
|
import GroupModal from "../../components/groupModal";
|
|
23
23
|
import { getPageGroupList, getPageList, getPageResult, onDownload as _onDownload } from "./utils";
|
|
24
24
|
import DetailContent from "../../components/detail";
|
|
25
|
+
import _ from 'lodash';
|
|
25
26
|
var classPrefix = 'modules-page';
|
|
26
27
|
var ModulesPage = function ModulesPage(props) {
|
|
27
28
|
// 页面类型
|
|
@@ -29,58 +30,71 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
29
30
|
_useState2 = _slicedToArray(_useState, 2),
|
|
30
31
|
currentType = _useState2[0],
|
|
31
32
|
setCurrentType = _useState2[1];
|
|
32
|
-
//
|
|
33
|
-
var _useState3 = useState(),
|
|
33
|
+
// 最新查询条件
|
|
34
|
+
var _useState3 = useState(props.value),
|
|
34
35
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
35
36
|
searchValue = _useState4[0],
|
|
36
37
|
setSearchValue = _useState4[1];
|
|
37
|
-
//
|
|
38
|
-
var _useState5 = useState(
|
|
38
|
+
// 上一次查询条件
|
|
39
|
+
var _useState5 = useState(),
|
|
39
40
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
41
|
+
originSearchValue = _useState6[0],
|
|
42
|
+
setOriginSearchValue = _useState6[1];
|
|
43
|
+
|
|
44
|
+
// 是否展示分组弹窗
|
|
45
|
+
var _useState7 = useState(false),
|
|
44
46
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
//
|
|
47
|
+
showGroup = _useState8[0],
|
|
48
|
+
setShowGroup = _useState8[1];
|
|
49
|
+
// 页面列表
|
|
48
50
|
var _useState9 = useState([]),
|
|
49
51
|
_useState10 = _slicedToArray(_useState9, 2),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
//
|
|
52
|
+
pageList = _useState10[0],
|
|
53
|
+
setPageList = _useState10[1];
|
|
54
|
+
// 页面分组列表
|
|
53
55
|
var _useState11 = useState([]),
|
|
54
56
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
57
|
+
pageGroupList = _useState12[0],
|
|
58
|
+
setPageGroupList = _useState12[1];
|
|
59
|
+
// 查询结果
|
|
60
|
+
var _useState13 = useState([]),
|
|
58
61
|
_useState14 = _slicedToArray(_useState13, 2),
|
|
59
|
-
|
|
60
|
-
|
|
62
|
+
result = _useState14[0],
|
|
63
|
+
setResult = _useState14[1];
|
|
61
64
|
var _useState15 = useState(true),
|
|
62
65
|
_useState16 = _slicedToArray(_useState15, 2),
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
var _useState17 = useState(),
|
|
66
|
+
loading = _useState16[0],
|
|
67
|
+
setLoading = _useState16[1];
|
|
68
|
+
var _useState17 = useState(true),
|
|
67
69
|
_useState18 = _slicedToArray(_useState17, 2),
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
//
|
|
71
|
-
var _useState19 = useState(
|
|
70
|
+
pageLoading = _useState18[0],
|
|
71
|
+
setPageLoading = _useState18[1];
|
|
72
|
+
// 要编辑的分组
|
|
73
|
+
var _useState19 = useState(),
|
|
72
74
|
_useState20 = _slicedToArray(_useState19, 2),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
editGroup = _useState20[0],
|
|
76
|
+
setEditGroup = _useState20[1];
|
|
77
|
+
// 当前页面类型 list/detail
|
|
78
|
+
var _useState21 = useState('list'),
|
|
76
79
|
_useState22 = _slicedToArray(_useState21, 2),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var _useState23 = useState(),
|
|
80
|
+
pageType = _useState22[0],
|
|
81
|
+
setPageType = _useState22[1];
|
|
82
|
+
var _useState23 = useState(0),
|
|
81
83
|
_useState24 = _slicedToArray(_useState23, 2),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
+
timer = _useState24[0],
|
|
85
|
+
setTimer = _useState24[1];
|
|
86
|
+
//当前点击内容(用于同步查询条件中的内容)
|
|
87
|
+
var _useState25 = useState(),
|
|
88
|
+
_useState26 = _slicedToArray(_useState25, 2),
|
|
89
|
+
currentClickPage = _useState26[0],
|
|
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
|
+
|
|
96
|
+
// 查询条件ref
|
|
97
|
+
var selectRef = useRef(null);
|
|
84
98
|
var _useContext = useContext(BizGlobalDataContext),
|
|
85
99
|
eventGroupList = _useContext.eventGroupList,
|
|
86
100
|
currentApp = _useContext.currentApp;
|
|
@@ -112,7 +126,6 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
112
126
|
useEffect(function () {
|
|
113
127
|
if (isEmpty) return;
|
|
114
128
|
if (!searchValue) return;
|
|
115
|
-
console.log('searchValue:', searchValue);
|
|
116
129
|
var type = searchValue !== null && searchValue !== void 0 && searchValue.pageGroup || (searchValue === null || searchValue === void 0 ? void 0 : searchValue.pageGroup) === 0 ? 'pageGroup' : 'page';
|
|
117
130
|
setCurrentType(type);
|
|
118
131
|
// 选择概览时,跳到列表页
|
|
@@ -121,7 +134,18 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
121
134
|
}
|
|
122
135
|
if (type === 'pageGroup' && !(searchValue !== null && searchValue !== void 0 && searchValue.pageGroup)) return;
|
|
123
136
|
if (type === 'page' || pageType === 'detail') {
|
|
137
|
+
if (!searchValue.pageUrl && !searchValue.pageTitle && !searchValue.pageGroup && searchValue.pageGroup != 0) return;
|
|
124
138
|
fetch();
|
|
139
|
+
} else if (type === 'pageGroup') {
|
|
140
|
+
if (!searchValue.pageGroup && searchValue.pageGroup != 0) return;
|
|
141
|
+
props.onChange && props.onChange(_objectSpread(_objectSpread({
|
|
142
|
+
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
143
|
+
platform: 3,
|
|
144
|
+
module: 'page'
|
|
145
|
+
}, searchValue), {}, {
|
|
146
|
+
pageUrl: undefined,
|
|
147
|
+
pageTitle: undefined
|
|
148
|
+
}));
|
|
125
149
|
}
|
|
126
150
|
}, [searchValue]);
|
|
127
151
|
// 查询结果
|
|
@@ -133,12 +157,23 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
133
157
|
setTimer(setTimeout(function () {
|
|
134
158
|
var param = _objectSpread({
|
|
135
159
|
appId: currentApp === null || currentApp === void 0 ? void 0 : currentApp.appId,
|
|
136
|
-
platform: 3
|
|
160
|
+
platform: 3,
|
|
161
|
+
module: 'page'
|
|
137
162
|
}, searchValue);
|
|
138
|
-
|
|
163
|
+
props.onChange && props.onChange(param);
|
|
164
|
+
if (_.isEqual(originSearchValue, searchValue)) {
|
|
165
|
+
setLoading(false);
|
|
166
|
+
return;
|
|
167
|
+
}
|
|
168
|
+
setOriginSearchValue(_.cloneDeep(searchValue));
|
|
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);
|
|
139
174
|
}, 500));
|
|
140
175
|
};
|
|
141
|
-
//
|
|
176
|
+
// 改变查询条件/
|
|
142
177
|
var onChange = function onChange(data) {
|
|
143
178
|
setSearchValue(function (value) {
|
|
144
179
|
if (!value) return data;
|
|
@@ -179,6 +214,7 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
179
214
|
className: "".concat(classPrefix, "-top-render")
|
|
180
215
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
181
216
|
type: "primary",
|
|
217
|
+
disabled: loading || !result || !result.length,
|
|
182
218
|
onClick: props.onClickWarn
|
|
183
219
|
}, "\u8BBE\u7F6E\u6D41\u5931\u9884\u8B66"));
|
|
184
220
|
if (isEmpty) return /*#__PURE__*/React.createElement(EmptyPanel, null);
|
|
@@ -190,13 +226,22 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
190
226
|
setCurrentClickPage: setCurrentClickPage
|
|
191
227
|
}
|
|
192
228
|
}, /*#__PURE__*/React.createElement(BizLayout, {
|
|
229
|
+
className: classPrefix,
|
|
193
230
|
title: "\u9875\u9762\u5206\u6790",
|
|
194
231
|
hasCollapse: true,
|
|
195
|
-
topPanel: /*#__PURE__*/React.createElement(
|
|
232
|
+
topPanel: /*#__PURE__*/React.createElement(Skeleton, {
|
|
233
|
+
loading: pageLoading,
|
|
234
|
+
active: true,
|
|
235
|
+
paragraph: {
|
|
236
|
+
rows: 4
|
|
237
|
+
}
|
|
238
|
+
}, /*#__PURE__*/React.createElement(SearchPanel, {
|
|
239
|
+
ref: selectRef,
|
|
196
240
|
value: searchValue,
|
|
197
241
|
onChange: onChange
|
|
198
|
-
}),
|
|
199
|
-
topRender: props.onClickWarn ? render : null
|
|
242
|
+
})),
|
|
243
|
+
topRender: props.onClickWarn ? render : null,
|
|
244
|
+
collapseRef: selectRef
|
|
200
245
|
}, /*#__PURE__*/React.createElement(Spin, {
|
|
201
246
|
spinning: pageLoading
|
|
202
247
|
}, /*#__PURE__*/React.createElement(TopContent, {
|
|
@@ -211,9 +256,9 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
211
256
|
onDownload: function onDownload() {
|
|
212
257
|
return _onDownload(searchValue, currentApp);
|
|
213
258
|
}
|
|
214
|
-
}), /*#__PURE__*/React.createElement(
|
|
215
|
-
|
|
216
|
-
}, pageType === 'list' ? /*#__PURE__*/React.createElement(PageContent, {
|
|
259
|
+
}), loading && !pageLoading ? /*#__PURE__*/React.createElement("div", {
|
|
260
|
+
className: "".concat(classPrefix, "-content")
|
|
261
|
+
}, /*#__PURE__*/React.createElement(BizLoading, null)) : pageType === 'list' ? /*#__PURE__*/React.createElement(PageContent, {
|
|
217
262
|
type: currentType,
|
|
218
263
|
value: result,
|
|
219
264
|
groupId: searchValue === null || searchValue === void 0 ? void 0 : searchValue.pageGroup,
|
|
@@ -226,7 +271,7 @@ var ModulesPage = function ModulesPage(props) {
|
|
|
226
271
|
}) : /*#__PURE__*/React.createElement(DetailContent, {
|
|
227
272
|
params: searchValue,
|
|
228
273
|
result: result
|
|
229
|
-
})
|
|
274
|
+
}), showGroup ? /*#__PURE__*/React.createElement(GroupModal, {
|
|
230
275
|
value: editGroup,
|
|
231
276
|
onCancel: function onCancel() {
|
|
232
277
|
return setShowGroup(false);
|
|
@@ -9,6 +9,11 @@
|
|
|
9
9
|
padding: 4px 16px;
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
|
+
.ant-btn-primary[disabled] {
|
|
13
|
+
color: #fff;
|
|
14
|
+
background: #d0dfff;
|
|
15
|
+
border-color: #d0dfff;
|
|
16
|
+
}
|
|
12
17
|
|
|
13
18
|
&-spin {
|
|
14
19
|
display: flex;
|
|
@@ -19,4 +24,22 @@
|
|
|
19
24
|
border: 1px solid #ecedf0;
|
|
20
25
|
border-radius: 8px;
|
|
21
26
|
}
|
|
27
|
+
|
|
28
|
+
&-content {
|
|
29
|
+
display: flex;
|
|
30
|
+
align-items: center;
|
|
31
|
+
justify-content: center;
|
|
32
|
+
width: 100%;
|
|
33
|
+
min-height: 300px;
|
|
34
|
+
margin-top: 60px;
|
|
35
|
+
background-color: #fff;
|
|
36
|
+
}
|
|
37
|
+
.ant-btn {
|
|
38
|
+
display: flex;
|
|
39
|
+
align-items: center;
|
|
40
|
+
.bsicon {
|
|
41
|
+
font-size: 16px !important;
|
|
42
|
+
line-height: 1;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
22
45
|
}
|
|
@@ -5,9 +5,13 @@ export declare namespace ModulesPageTypes {
|
|
|
5
5
|
interface Props {
|
|
6
6
|
value?: Value;
|
|
7
7
|
onClickWarn?: () => void;
|
|
8
|
+
onChange?: (data: Value) => void;
|
|
8
9
|
}
|
|
9
10
|
interface Value extends SearchValue {
|
|
10
11
|
time?: DatePickerTypes.Value;
|
|
12
|
+
appId?: number | string;
|
|
13
|
+
platform?: number;
|
|
14
|
+
module?: string;
|
|
11
15
|
}
|
|
12
16
|
interface Page {
|
|
13
17
|
pageTitle?: string;
|
|
@@ -37,6 +41,6 @@ export declare namespace ModulesPageTypes {
|
|
|
37
41
|
export declare const ModulesPageContext: import("react").Context<{
|
|
38
42
|
pageList: ModulesPageTypes.Page[];
|
|
39
43
|
pageGroupList: ModulesPageTypes.PageGroup[];
|
|
40
|
-
currentClickPage?: ModulesPageTypes.
|
|
44
|
+
currentClickPage?: ModulesPageTypes.PageGroup | ModulesPageTypes.Page | undefined;
|
|
41
45
|
setCurrentClickPage?: ((data: ModulesPageTypes.Page) => void) | undefined;
|
|
42
46
|
}>;
|
|
@@ -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.
|
|
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;
|
|
@@ -4,17 +4,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
4
4
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
5
|
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
6
|
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
7
|
-
import { ajax, util } from '@zgfe/business-lib';
|
|
7
|
+
import { ajax, util, base64 } from '@zgfe/business-lib';
|
|
8
8
|
import api from "../../constants/api";
|
|
9
|
-
import base64 from "./base64";
|
|
10
|
-
|
|
11
9
|
// 获取页面列表
|
|
12
10
|
export var getPageList = function getPageList(data, callback) {
|
|
13
11
|
ajax(api.getPageList, {
|
|
14
12
|
method: 'post',
|
|
15
13
|
data: data
|
|
16
14
|
}).then(function (res) {
|
|
17
|
-
if (!res) {
|
|
15
|
+
if (!res || !res.data) {
|
|
18
16
|
callback([{
|
|
19
17
|
id: '页面概览',
|
|
20
18
|
pageTitle: '页面概览',
|
|
@@ -44,7 +42,7 @@ export var getPageGroupList = function getPageGroupList(data, callback, loadingC
|
|
|
44
42
|
method: 'post',
|
|
45
43
|
data: data
|
|
46
44
|
}).then(function (res) {
|
|
47
|
-
if (!res) {
|
|
45
|
+
if (!res || !res.data) {
|
|
48
46
|
callback([{
|
|
49
47
|
id: 0,
|
|
50
48
|
name: '全部页面组'
|
|
@@ -63,16 +61,30 @@ export var getPageGroupList = function getPageGroupList(data, callback, loadingC
|
|
|
63
61
|
};
|
|
64
62
|
|
|
65
63
|
// 获取页面查询结果
|
|
66
|
-
export var getPageResult = function getPageResult(params, callback, loadingCallback) {
|
|
64
|
+
export var getPageResult = function getPageResult(params, callback, loadingCallback, signal) {
|
|
67
65
|
loadingCallback(true);
|
|
68
66
|
ajax(api.getPageResult, {
|
|
69
67
|
method: 'post',
|
|
70
|
-
data: params
|
|
68
|
+
data: params,
|
|
69
|
+
signal: signal
|
|
71
70
|
}).then(function (res) {
|
|
72
|
-
|
|
73
|
-
callback(res.data);
|
|
74
|
-
}).finally(function () {
|
|
71
|
+
var _res$data;
|
|
75
72
|
loadingCallback(false);
|
|
73
|
+
if (!res || !res.data) {
|
|
74
|
+
callback([]);
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
callback((_res$data = res.data) === null || _res$data === void 0 ? void 0 : _res$data.map(function (item) {
|
|
78
|
+
return _objectSpread(_objectSpread({}, item), {}, {
|
|
79
|
+
id: "".concat(item.userGroup, "-").concat(item.pageTitle, "-").concat(item.pageUrl)
|
|
80
|
+
});
|
|
81
|
+
}));
|
|
82
|
+
}).catch(function (e) {
|
|
83
|
+
if (e.isCancel) {
|
|
84
|
+
console.log('请求被取消了');
|
|
85
|
+
} else {
|
|
86
|
+
loadingCallback(false);
|
|
87
|
+
}
|
|
76
88
|
});
|
|
77
89
|
};
|
|
78
90
|
export var getSocketSecret = function getSocketSecret() {
|
|
@@ -90,10 +102,11 @@ export var onDownload = function onDownload(params, currentApp) {
|
|
|
90
102
|
method: 'post',
|
|
91
103
|
data: _objectSpread(_objectSpread({
|
|
92
104
|
appId: currentApp.appId,
|
|
93
|
-
platform: 3
|
|
105
|
+
platform: 3,
|
|
106
|
+
module: 'page'
|
|
94
107
|
}, params), {}, {
|
|
95
108
|
down: {
|
|
96
|
-
fname: base64.encode(title),
|
|
109
|
+
fname: base64.encode(title, false),
|
|
97
110
|
titles: []
|
|
98
111
|
}
|
|
99
112
|
}),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zgfe/modules-page",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
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": "0dcf9a6f6d72a00a3459f9d7c9712a12b933c9a6"
|
|
54
54
|
}
|
|
Binary file
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
declare const _default: {
|
|
2
|
-
_keyStr: string;
|
|
3
|
-
_utf8_encode: (string: string) => string;
|
|
4
|
-
_utf8_decode: (utftext: string) => string;
|
|
5
|
-
encode: (input: string, type?: boolean) => string;
|
|
6
|
-
decode: (input: string) => string;
|
|
7
|
-
_$: string[];
|
|
8
|
-
pw: string;
|
|
9
|
-
gString: (O6b8: {
|
|
10
|
-
[x: string]: (arg0: number) => {
|
|
11
|
-
(): any;
|
|
12
|
-
new (): any;
|
|
13
|
-
[x: string]: () => any;
|
|
14
|
-
};
|
|
15
|
-
}[], O492: {
|
|
16
|
-
[x: string]: (arg0: number) => {
|
|
17
|
-
(): any;
|
|
18
|
-
new (): any;
|
|
19
|
-
[x: string]: () => any;
|
|
20
|
-
};
|
|
21
|
-
}[]) => string;
|
|
22
|
-
};
|
|
23
|
-
export default _default;
|