@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.
Files changed (29) hide show
  1. package/dist/esm/components/content/index.js +5 -2
  2. package/dist/esm/components/content/types.d.ts +1 -0
  3. package/dist/esm/components/content/utils.js +2 -1
  4. package/dist/esm/components/detail/images/percent.png +0 -0
  5. package/dist/esm/components/detail/index.js +11 -47
  6. package/dist/esm/components/detail/index.less +9 -2
  7. package/dist/esm/components/groupModal/index.js +10 -5
  8. package/dist/esm/components/groupModal/index.less +26 -1
  9. package/dist/esm/components/groupModal/inputSelect.js +1 -0
  10. package/dist/esm/components/pageSelect/index.js +48 -37
  11. package/dist/esm/components/searchPanel/index.d.ts +1 -1
  12. package/dist/esm/components/searchPanel/index.js +14 -38
  13. package/dist/esm/components/searchPanel/index.less +7 -34
  14. package/dist/esm/components/searchPanel/types.d.ts +3 -3
  15. package/dist/esm/components/searchPanel/util.d.ts +4 -4
  16. package/dist/esm/components/searchPanel/util.js +35 -29
  17. package/dist/esm/components/topContent/index.less +1 -0
  18. package/dist/esm/modules/empty/index.js +3 -1
  19. package/dist/esm/modules/empty/index.less +11 -6
  20. package/dist/esm/modules/home/demo/index.js +60 -2
  21. package/dist/esm/modules/home/index.js +95 -50
  22. package/dist/esm/modules/home/style/index.less +23 -0
  23. package/dist/esm/modules/home/types.d.ts +5 -1
  24. package/dist/esm/modules/home/utils.d.ts +1 -1
  25. package/dist/esm/modules/home/utils.js +25 -12
  26. package/package.json +3 -3
  27. package/dist/esm/components/detail/images/color_pallete_percent.png +0 -0
  28. package/dist/esm/modules/home/base64.d.ts +0 -23
  29. package/dist/esm/modules/home/base64.js +0 -132
@@ -1,47 +1,53 @@
1
1
  import _ from 'lodash';
2
- export var formValue = function formValue(source, userGroupList) {
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: result,
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$userGroup2, _data$page, _data$page2, _data$page3;
17
+ var _data$userGroup, _data$page, _data$page2, _data$page3;
33
18
  var data = _.cloneDeep(source) || {};
34
- var group = [];
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: group,
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: data.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
+ }
@@ -1,6 +1,7 @@
1
1
  .top-content {
2
2
  display: flex;
3
3
  justify-content: space-between;
4
+ font-size: 14px;
4
5
  .ant-btn {
5
6
  .bsicon {
6
7
  margin-right: 8px;
@@ -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: 400px;
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: #fff;
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: 8px;
61
- right: 0;
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: 266
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, null)));
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(false),
38
+ // 上一次查询条件
39
+ var _useState5 = useState(),
39
40
  _useState6 = _slicedToArray(_useState5, 2),
40
- showGroup = _useState6[0],
41
- setShowGroup = _useState6[1];
42
- // 页面列表
43
- var _useState7 = useState([]),
41
+ originSearchValue = _useState6[0],
42
+ setOriginSearchValue = _useState6[1];
43
+
44
+ // 是否展示分组弹窗
45
+ var _useState7 = useState(false),
44
46
  _useState8 = _slicedToArray(_useState7, 2),
45
- pageList = _useState8[0],
46
- setPageList = _useState8[1];
47
- // 页面分组列表
47
+ showGroup = _useState8[0],
48
+ setShowGroup = _useState8[1];
49
+ // 页面列表
48
50
  var _useState9 = useState([]),
49
51
  _useState10 = _slicedToArray(_useState9, 2),
50
- pageGroupList = _useState10[0],
51
- setPageGroupList = _useState10[1];
52
- // 查询结果
52
+ pageList = _useState10[0],
53
+ setPageList = _useState10[1];
54
+ // 页面分组列表
53
55
  var _useState11 = useState([]),
54
56
  _useState12 = _slicedToArray(_useState11, 2),
55
- result = _useState12[0],
56
- setResult = _useState12[1];
57
- var _useState13 = useState(true),
57
+ pageGroupList = _useState12[0],
58
+ setPageGroupList = _useState12[1];
59
+ // 查询结果
60
+ var _useState13 = useState([]),
58
61
  _useState14 = _slicedToArray(_useState13, 2),
59
- loading = _useState14[0],
60
- setLoading = _useState14[1];
62
+ result = _useState14[0],
63
+ setResult = _useState14[1];
61
64
  var _useState15 = useState(true),
62
65
  _useState16 = _slicedToArray(_useState15, 2),
63
- pageLoading = _useState16[0],
64
- setPageLoading = _useState16[1];
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
- editGroup = _useState18[0],
69
- setEditGroup = _useState18[1];
70
- // 当前页面类型 list/detail
71
- var _useState19 = useState('list'),
70
+ pageLoading = _useState18[0],
71
+ setPageLoading = _useState18[1];
72
+ // 要编辑的分组
73
+ var _useState19 = useState(),
72
74
  _useState20 = _slicedToArray(_useState19, 2),
73
- pageType = _useState20[0],
74
- setPageType = _useState20[1];
75
- var _useState21 = useState(0),
75
+ editGroup = _useState20[0],
76
+ setEditGroup = _useState20[1];
77
+ // 当前页面类型 list/detail
78
+ var _useState21 = useState('list'),
76
79
  _useState22 = _slicedToArray(_useState21, 2),
77
- timer = _useState22[0],
78
- setTimer = _useState22[1];
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
- currentClickPage = _useState24[0],
83
- setCurrentClickPage = _useState24[1];
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
- getPageResult(param, setResult, setLoading);
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(SearchPanel, {
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(Spin, {
215
- spinning: loading
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
- })), showGroup ? /*#__PURE__*/React.createElement(GroupModal, {
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.Page | ModulesPageTypes.PageGroup | undefined;
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.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;
@@ -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
- if (!res) return;
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.1-alpha.9",
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.80-page.0",
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": "68e794566bd35c0ac1048268f81f5a612e75ae9d"
53
+ "gitHead": "0dcf9a6f6d72a00a3459f9d7c9712a12b933c9a6"
54
54
  }
@@ -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;