@cloud-app-dev/vidc 2.0.0-alpha.8 → 2.1.0-alpha.3

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 (195) hide show
  1. package/.fatherrc.js +11 -4
  2. package/.umirc.ts +1 -1
  3. package/es/Api/index.js +7 -7
  4. package/es/AppRedirect/index.d.ts +1 -1
  5. package/es/AppRedirect/index.js +7 -12
  6. package/es/Auth/index.js +1 -1
  7. package/es/AutoExit/index.js +12 -10
  8. package/es/{ContentBox → Box}/BetweenBox/index.css +0 -0
  9. package/es/{ContentBox → Box}/BetweenBox/index.d.ts +0 -0
  10. package/es/{ContentBox → Box}/BetweenBox/index.js +0 -0
  11. package/es/{ContentBox → Box}/InfoBox/index.css +0 -0
  12. package/es/{ContentBox → Box}/InfoBox/index.d.ts +0 -0
  13. package/es/{ContentBox → Box}/InfoBox/index.js +0 -0
  14. package/es/{ContentBox → Box}/TwoColumnBox/index.css +0 -0
  15. package/es/{ContentBox → Box}/TwoColumnBox/index.d.ts +0 -0
  16. package/es/{ContentBox → Box}/TwoColumnBox/index.js +0 -0
  17. package/es/{ContentBox → Box}/deps/content-grid.d.ts +0 -0
  18. package/es/{ContentBox → Box}/deps/content-grid.js +0 -0
  19. package/es/{ContentBox → Box}/deps/grid-factory.d.ts +0 -0
  20. package/es/{ContentBox → Box}/deps/grid-factory.js +0 -0
  21. package/es/{ContentBox → Box}/deps/simple-grid.d.ts +0 -0
  22. package/es/{ContentBox → Box}/deps/simple-grid.js +0 -0
  23. package/es/{ContentBox → Box}/index.css +0 -0
  24. package/es/{ContentBox → Box}/index.d.ts +3 -3
  25. package/es/{ContentBox → Box}/index.js +5 -5
  26. package/es/CheckGroupFixed/index.js +4 -2
  27. package/es/Config/index.js +42 -13
  28. package/es/Config/interface.d.ts +11 -4
  29. package/es/ConfigContext/index.d.ts +15 -2
  30. package/es/ConfigContext/index.js +25 -3
  31. package/es/DeviceSelect/TreeType.d.ts +6 -0
  32. package/es/DeviceSelect/TreeType.js +36 -0
  33. package/es/DeviceSelect/demo.js +2 -2
  34. package/es/DeviceSelect/index.css +6 -1
  35. package/es/DeviceSelect/index.d.ts +5 -0
  36. package/es/DeviceSelect/index.js +21 -52
  37. package/es/Dict/desc.js +3 -3
  38. package/es/Dict/utils.js +3 -3
  39. package/es/IconFont/index.d.ts +0 -1
  40. package/es/IconFont/index.js +12 -13
  41. package/es/InitialConfig/index.js +7 -4
  42. package/es/InitialConfig/utils.d.ts +5 -0
  43. package/es/InitialConfig/utils.js +33 -6
  44. package/es/InitialRequest/index.d.ts +3 -1
  45. package/es/InitialRequest/index.js +20 -18
  46. package/es/InitialRequest/utils.d.ts +4 -3
  47. package/es/InitialRequest/utils.js +26 -27
  48. package/es/Input/index.js +3 -2
  49. package/es/InstanceHistory/index.d.ts +3 -0
  50. package/es/InstanceHistory/index.js +9 -0
  51. package/es/List/CheckExt.d.ts +3 -5
  52. package/es/List/CheckExt.js +21 -13
  53. package/es/{AppRoute → List/DeviceList}/index.css +0 -0
  54. package/es/List/DeviceList/index.d.ts +11 -0
  55. package/es/{DeviceList → List/DeviceList}/index.js +6 -18
  56. package/es/{DynamicDeviceList → List/DynamicDeviceList}/Demo.d.ts +0 -0
  57. package/es/{DynamicList/demo.js → List/DynamicDeviceList/Demo.js} +25 -42
  58. package/es/{DynamicDeviceList → List/DynamicDeviceList}/index.css +5 -17
  59. package/es/List/DynamicDeviceList/index.d.ts +11 -0
  60. package/es/List/DynamicDeviceList/index.js +205 -0
  61. package/es/List/DynamicDeviceList/interface.d.ts +37 -0
  62. package/es/List/DynamicDeviceList/utils.d.ts +16 -0
  63. package/es/List/DynamicDeviceList/utils.js +61 -0
  64. package/es/{DynamicList/demo.d.ts → List/DynamicGridList/Demo.d.ts} +0 -0
  65. package/es/List/DynamicGridList/Demo.js +70 -0
  66. package/es/List/DynamicGridList/index.d.ts +26 -0
  67. package/es/List/DynamicGridList/index.js +73 -0
  68. package/es/List/GridList/Demo.d.ts +2 -0
  69. package/es/List/GridList/Demo.js +91 -0
  70. package/es/List/GridList/hook.d.ts +13 -0
  71. package/es/List/GridList/hook.js +301 -0
  72. package/es/List/GridList/index.css +7 -0
  73. package/es/List/GridList/index.d.ts +15 -0
  74. package/es/List/GridList/index.js +47 -0
  75. package/es/List/GridList/interface.d.ts +59 -0
  76. package/es/List/GridList/utils.d.ts +9 -0
  77. package/es/List/GridList/utils.js +43 -0
  78. package/es/List/ListExt/index.css +3 -0
  79. package/es/{ListExt → List/ListExt}/index.d.ts +1 -1
  80. package/es/{ListExt → List/ListExt}/index.js +3 -3
  81. package/es/List/VList/index.css +6 -0
  82. package/es/List/VList/index.d.ts +18 -0
  83. package/es/List/VList/index.js +51 -0
  84. package/es/List/VList/utils.d.ts +14 -0
  85. package/es/{VList → List/VList}/utils.js +0 -0
  86. package/es/List/index.css +11 -12
  87. package/es/List/index.d.ts +5 -70
  88. package/es/List/index.js +32 -24
  89. package/es/List/interface.d.ts +87 -0
  90. package/es/List/renderItem.d.ts +1 -1
  91. package/es/List/renderItem.js +13 -10
  92. package/es/LoaderApp/index.d.ts +1 -1
  93. package/es/LoaderApp/index.js +18 -18
  94. package/es/LoaderApp/utils.d.ts +2 -1
  95. package/es/LoaderApp/utils.js +6 -3
  96. package/es/LoaderScript/index.js +7 -89
  97. package/es/LoaderScript/utils.d.ts +2 -0
  98. package/es/LoaderScript/utils.js +170 -33
  99. package/es/Picture/component/MoveContent/index.js +3 -3
  100. package/es/RefDrawer/index.js +1 -1
  101. package/es/RefModal/index.js +1 -1
  102. package/es/Service/http.d.ts +6 -4
  103. package/es/Service/http.js +20 -22
  104. package/es/Service/index.d.ts +3 -3
  105. package/es/Service/index.js +7 -11
  106. package/es/Service/interface.d.ts +5 -11
  107. package/es/Service/middleware.d.ts +1 -1
  108. package/es/Service/middleware.js +1 -1
  109. package/es/TableLayout/index.d.ts +3 -0
  110. package/es/TableLayout/index.js +14 -45
  111. package/es/{TreeTitle → Title}/index.css +5 -5
  112. package/es/{TreeTitle → Title}/index.d.ts +2 -2
  113. package/es/{TreeTitle → Title}/index.js +7 -4
  114. package/es/{TreeMode → Tree/BaseTree}/demo.d.ts +0 -0
  115. package/es/Tree/BaseTree/demo.js +69 -0
  116. package/es/Tree/BaseTree/index.css +64 -0
  117. package/es/Tree/BaseTree/index.d.ts +24 -0
  118. package/es/Tree/BaseTree/index.js +83 -0
  119. package/es/Tree/demo.js +19 -56
  120. package/es/Tree/index.css +29 -55
  121. package/es/Tree/index.d.ts +19 -20
  122. package/es/Tree/index.js +185 -70
  123. package/es/UserSelect/index.js +6 -4
  124. package/es/WorkerFlow/Form/Condition.js +2 -4
  125. package/es/WorkerFlow/Form/EmptyUserSet.js +2 -4
  126. package/es/WorkerFlow/Form/FormAuth.js +2 -2
  127. package/es/WorkerFlow/Form/GroupList.js +2 -2
  128. package/es/WorkerFlow/Form/GroupSelect.js +2 -4
  129. package/es/WorkerFlow/Form/GroupSelectModalContent.js +1 -1
  130. package/es/WorkerFlow/Form/LevelGroupSelect.js +3 -5
  131. package/es/WorkerFlow/Form/UserAndGroupSelect.js +2 -4
  132. package/es/WorkerFlow/Form/UserSelect.js +2 -4
  133. package/es/WorkerFlow/Form/UserSelectModalContent.js +3 -3
  134. package/es/WorkerFlow/Form/UserSet.js +2 -2
  135. package/es/WorkerFlow/Nodes/TitleElement.js +71 -34
  136. package/es/WorkerFlow/index.css +9 -3
  137. package/es/WorkerFlow/index.js +13 -8
  138. package/es/WorkerFlow/utils.js +2 -2
  139. package/es/index.d.ts +3 -11
  140. package/es/index.js +3 -11
  141. package/es/useDrawer/index.d.ts +1 -1
  142. package/es/useDrawer/index.js +3 -2
  143. package/es/useHistory/index.d.ts +2 -2
  144. package/es/useHistory/index.js +3 -6
  145. package/es/useHttp/index.js +1 -1
  146. package/es/useModal/index.d.ts +1 -1
  147. package/es/useModal/index.js +3 -2
  148. package/es/utils.d.ts +9 -0
  149. package/es/utils.js +36 -1
  150. package/package.json +10 -11
  151. package/tsconfig.json +1 -1
  152. package/es/AppRoute/Render.d.ts +0 -23
  153. package/es/AppRoute/Render.js +0 -111
  154. package/es/AppRoute/Rendered.d.ts +0 -4
  155. package/es/AppRoute/Rendered.js +0 -11
  156. package/es/AppRoute/index.d.ts +0 -14
  157. package/es/AppRoute/index.js +0 -106
  158. package/es/AppRoute/interface.d.ts +0 -18
  159. package/es/AppRoute/utils.d.ts +0 -1
  160. package/es/AppRoute/utils.js +0 -28
  161. package/es/DeviceList/index.css +0 -32
  162. package/es/DeviceList/index.d.ts +0 -14
  163. package/es/DynamicDeviceList/CheckExt.d.ts +0 -8
  164. package/es/DynamicDeviceList/CheckExt.js +0 -36
  165. package/es/DynamicDeviceList/Demo.js +0 -17
  166. package/es/DynamicDeviceList/index.d.ts +0 -35
  167. package/es/DynamicDeviceList/index.js +0 -224
  168. package/es/DynamicDeviceList/utils.d.ts +0 -2
  169. package/es/DynamicDeviceList/utils.js +0 -15
  170. package/es/DynamicList/index.css +0 -7
  171. package/es/DynamicList/index.d.ts +0 -31
  172. package/es/DynamicList/index.js +0 -132
  173. package/es/IconFont/index.css +0 -0
  174. package/es/List/utils.d.ts +0 -5
  175. package/es/List/utils.js +0 -18
  176. package/es/ListExt/index.css +0 -9
  177. package/es/ScrollList/index.css +0 -73
  178. package/es/ScrollList/index.d.ts +0 -24
  179. package/es/ScrollList/index.js +0 -261
  180. package/es/ScrollList/utils.js +0 -84
  181. package/es/Service/logger.d.ts +0 -3
  182. package/es/Service/logger.js +0 -13
  183. package/es/Service/utils.d.ts +0 -3
  184. package/es/Service/utils.js +0 -11
  185. package/es/TreeMode/demo.js +0 -32
  186. package/es/TreeMode/index.css +0 -38
  187. package/es/TreeMode/index.d.ts +0 -23
  188. package/es/TreeMode/index.js +0 -201
  189. package/es/VList/index.css +0 -4
  190. package/es/VList/index.d.ts +0 -16
  191. package/es/VList/index.js +0 -56
  192. package/es/VList/utils.d.ts +0 -10
  193. package/es/useChangeEffect/index.d.ts +0 -3
  194. package/es/useChangeEffect/index.js +0 -32
  195. package/es/useHistory/index.css +0 -0
@@ -1,15 +0,0 @@
1
- import Service from '../Service';
2
- import { getHeader } from '../utils';
3
- export function queryDeviceList() {
4
- var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
5
- return Service.$http({
6
- method: 'post',
7
- url: '/api/udm-api/device/queryList',
8
- requestId: 'queryDeviceList',
9
- headers: getHeader(),
10
- data: Object.assign(Object.assign({}, params), {
11
- includeSubOrganizations: 1,
12
- isPagination: true
13
- })
14
- });
15
- }
@@ -1,7 +0,0 @@
1
- .lm-c-dynamiclist {
2
- position: relative;
3
- background-color: transparent;
4
- width: 100%;
5
- height: 100%;
6
- border: 1px solid var(--bd-color);
7
- }
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import './index.less';
3
- interface IDynamicListProps {
4
- /**
5
- * @description 列表数据
6
- */
7
- list: any[];
8
- /**
9
- * @description 懒加载触发触发条件
10
- */
11
- threshold?: number;
12
- /**
13
- * @description 列表渲染函数
14
- */
15
- renderItem: (item: any, index: number) => JSX.Element;
16
- className?: string;
17
- /**
18
- * @description 单个列表高度
19
- */
20
- itemHeight?: number;
21
- /**
22
- * @description 懒加载方法,注意需要自己手动控制节流
23
- */
24
- loadMore: () => Promise<any>;
25
- /**
26
- * @description 列表总数
27
- */
28
- rowCount: number;
29
- }
30
- declare const DynamicList: React.ForwardRefExoticComponent<IDynamicListProps & React.RefAttributes<any>>;
31
- export default DynamicList;
@@ -1,132 +0,0 @@
1
- import "antd/lib/skeleton/style";
2
- import _Skeleton from "antd/lib/skeleton";
3
- import { __awaiter } from "tslib";
4
- import React, { useRef, useImperativeHandle, forwardRef, useCallback } from 'react';
5
- import { AutoSizer, InfiniteLoader, List } from 'react-virtualized';
6
- import "./index.css";
7
- var DynamicList = /*#__PURE__*/forwardRef(function InfiniteScrollLayout(props, ref) {
8
- var _this = this;
9
-
10
- var list = props.list,
11
- itemHeight = props.itemHeight,
12
- threshold = props.threshold,
13
- rowCount = props.rowCount,
14
- loadMore = props.loadMore,
15
- _props$className = props.className,
16
- className = _props$className === void 0 ? '' : _props$className,
17
- renderItem = props.renderItem;
18
- var infiniteRef = useRef(null);
19
- var loadRef = useRef(false);
20
-
21
- function forceUpdateGrid() {
22
- infiniteRef.current && infiniteRef.current._registeredChild.forceUpdateGrid();
23
- }
24
-
25
- function scrollToPosition() {
26
- var _infiniteRef$current$;
27
-
28
- infiniteRef.current && (_infiniteRef$current$ = infiniteRef.current._registeredChild).scrollToPosition.apply(_infiniteRef$current$, arguments);
29
- }
30
-
31
- function scrollToRow() {
32
- var _infiniteRef$current$2;
33
-
34
- infiniteRef.current && (_infiniteRef$current$2 = infiniteRef.current._registeredChild).scrollToRow.apply(_infiniteRef$current$2, arguments);
35
- }
36
-
37
- useImperativeHandle(ref, function () {
38
- return {
39
- forceUpdateGrid: forceUpdateGrid,
40
- scrollToRow: scrollToRow,
41
- scrollToPosition: scrollToPosition
42
- };
43
- });
44
-
45
- var _isRowLoaded = useCallback(function (_ref) {
46
- var index = _ref.index;
47
- return !!list[index];
48
- }, []);
49
-
50
- var loadMoreAction = useCallback(function (params) {
51
- return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
52
- return regeneratorRuntime.wrap(function _callee$(_context) {
53
- while (1) {
54
- switch (_context.prev = _context.next) {
55
- case 0:
56
- if (!loadRef.current) {
57
- _context.next = 2;
58
- break;
59
- }
60
-
61
- return _context.abrupt("return");
62
-
63
- case 2:
64
- loadRef.current = true;
65
-
66
- if (params.stopIndex < list.length || list.length >= rowCount) {
67
- _context.next = 6;
68
- break;
69
- }
70
-
71
- _context.next = 6;
72
- return loadMore();
73
-
74
- case 6:
75
- loadRef.current = false;
76
-
77
- case 7:
78
- case "end":
79
- return _context.stop();
80
- }
81
- }
82
- }, _callee);
83
- }));
84
- }, [list, rowCount]);
85
- return /*#__PURE__*/React.createElement("div", {
86
- className: "lm-c-dynamiclist ".concat(className)
87
- }, /*#__PURE__*/React.createElement(InfiniteLoader, {
88
- isRowLoaded: _isRowLoaded,
89
- loadMoreRows: loadMoreAction,
90
- rowCount: rowCount,
91
- ref: infiniteRef,
92
- threshold: threshold
93
- }, function (_ref2) {
94
- var onRowsRendered = _ref2.onRowsRendered,
95
- registerChild = _ref2.registerChild;
96
- return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref3) {
97
- var width = _ref3.width,
98
- height = _ref3.height;
99
- return /*#__PURE__*/React.createElement(List, {
100
- width: width,
101
- onRowsRendered: onRowsRendered,
102
- ref: registerChild,
103
- height: height,
104
- rowCount: rowCount,
105
- rowHeight: itemHeight,
106
- rowRenderer: function rowRenderer(_ref4) {
107
- var key = _ref4.key,
108
- index = _ref4.index,
109
- style = _ref4.style;
110
- return /*#__PURE__*/React.createElement("div", {
111
- key: key,
112
- style: Object.assign(Object.assign({}, style), {
113
- padding: '0 10px'
114
- }),
115
- className: "dynamic-list-item"
116
- }, list[index] ? renderItem(list[index], index) : /*#__PURE__*/React.createElement(_Skeleton, {
117
- paragraph: false,
118
- loading: true,
119
- active: true
120
- }));
121
- }
122
- });
123
- });
124
- }));
125
- });
126
- DynamicList.defaultProps = {
127
- itemHeight: 40,
128
- threshold: 5,
129
- list: [],
130
- rowCount: 100
131
- };
132
- export default DynamicList;
File without changes
@@ -1,5 +0,0 @@
1
- export declare function computedCheckStatus(list?: any[], checkedKeys?: any[], key?: string): {
2
- checkHalfStatus: boolean;
3
- checkAllStatus: boolean;
4
- listKey: any[];
5
- };
package/es/List/utils.js DELETED
@@ -1,18 +0,0 @@
1
- import { intersectionBy } from 'lodash'; // 计算全选半选状态
2
-
3
- export function computedCheckStatus() {
4
- var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
5
- var checkedKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
6
- var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'id';
7
- var listKey = list.map(function (v) {
8
- return v[key];
9
- });
10
- var temp = intersectionBy(listKey, checkedKeys);
11
- var checkHalfStatus = temp.length && temp.length < list.length;
12
- var checkAllStatus = list.length && temp.length === list.length;
13
- return {
14
- checkHalfStatus: checkHalfStatus,
15
- checkAllStatus: checkAllStatus,
16
- listKey: listKey
17
- };
18
- }
@@ -1,9 +0,0 @@
1
- .vidc-list-component {
2
- margin-left: -1px;
3
- }
4
- .vidc-list-component .lm-c-base-list-layout .list-item .item-info .anticon {
5
- color: var(--icon);
6
- }
7
- .vidc-list-component .lm-c-base-list-layout .list-item:hover .item-info .anticon {
8
- color: inherit;
9
- }
@@ -1,73 +0,0 @@
1
- .lm-c-normol-box.lm-c-infinite-scroll-layout {
2
- position: relative;
3
- background-color: transparent;
4
- }
5
- .lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part {
6
- display: flex;
7
- justify-content: center;
8
- }
9
- .lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part .row-item-part {
10
- overflow: hidden;
11
- }
12
- .lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part .row-item-part:last-child {
13
- margin-right: 0 !important;
14
- }
15
- .lm-c-normol-box.lm-c-infinite-scroll-layout .scoll-back-top {
16
- position: absolute;
17
- right: 20px;
18
- bottom: 20px;
19
- height: 40px;
20
- width: 40px;
21
- border-radius: 50%;
22
- background-color: var(--primary);
23
- color: #fff;
24
- cursor: pointer;
25
- text-align: center;
26
- line-height: 40px;
27
- font-size: 18px;
28
- }
29
- .lm-c-normol-box.lm-c-infinite-scroll-layout .scoll-back-top:hover {
30
- background-color: var(--primary);
31
- }
32
- .lm-c-normol-box.lm-c-infinite-scroll-layout.infinite-scroll-empty {
33
- background-repeat: no-repeat;
34
- background-position: center 30%;
35
- background-size: 200px;
36
- }
37
- .lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title {
38
- font-size: 14px;
39
- font-weight: 700;
40
- margin-bottom: 5px;
41
- justify-content: left;
42
- }
43
- .lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title.row-group-part:before {
44
- content: '';
45
- border-radius: 10px;
46
- border: 4px solid var(--primary);
47
- position: relative;
48
- margin-right: 10px;
49
- top: 6px;
50
- height: 8px;
51
- display: inline-block;
52
- }
53
- .lm-c-normol-box.lm-c-infinite-scroll-layout .listcard-title.row-group-part.show-line:before {
54
- content: '';
55
- border-radius: 10px;
56
- border: 4px solid var(--primary);
57
- position: relative;
58
- margin-right: 10px;
59
- margin-left: -4px;
60
- top: 6px;
61
- height: 8px;
62
- display: inline-block;
63
- }
64
- .lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part.show-line:before {
65
- content: '';
66
- border: 0.5px solid #d8d8d8;
67
- margin-right: 15px;
68
- }
69
- .lm-c-normol-box.lm-c-infinite-scroll-layout .row-group-part.hide-line:before {
70
- content: '';
71
- border: none;
72
- margin-right: 15px;
73
- }
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
-
3
- export declare interface ScrollListProps<T> {
4
- itemHeight?: number; // 用于计算滚动条的高度
5
- data?: Array<T>;
6
- loadMore?: () => Promise<null>; //加载更多的方法,次方法应该修改props.data
7
- renderItem?: (item: T, index: number) => React.ReactNode;
8
- rowClass?: string;
9
- threshold?: number;
10
- itemClass?: string;
11
- itemGrid?: object;
12
- gutter?: number;
13
- hasLoadPrev?: boolean;
14
- hasLoadMore?: boolean;
15
- loadPrev?: func;
16
- prethreshold?: number;
17
- isNoData?: boolean;
18
- className?: string;
19
- noDataUrl?: string;
20
- }
21
-
22
- declare const ScrollList: React.StatelessComponent<ScrollListProps<T>>;
23
-
24
- export default ScrollList;
@@ -1,261 +0,0 @@
1
- import "antd/lib/tooltip/style";
2
- import _Tooltip from "antd/lib/tooltip";
3
-
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
5
-
6
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
7
-
8
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
9
-
10
- function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
11
-
12
- function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
13
-
14
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
15
-
16
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
17
-
18
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
-
20
- 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; }
21
-
22
- function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
23
-
24
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
25
-
26
- import React, { useState, useEffect, useMemo, useRef, useImperativeHandle, forwardRef } from 'react';
27
- import AutoSizer from 'react-virtualized/dist/es/AutoSizer';
28
- import InfiniteLoader from 'react-virtualized/dist/es/InfiniteLoader';
29
- import List from 'react-virtualized/dist/es/List';
30
- import IconFont from '../IconFont';
31
- import { debounce, cloneDeep } from 'lodash';
32
- import { computedCuurentGrid, arraySliceForX, simpleGrid } from './utils';
33
- import "./index.css";
34
- var ScrollList = /*#__PURE__*/forwardRef(function InfiniteScrollLayout(props, ref) {
35
- var data = props.data,
36
- itemGrid = props.itemGrid,
37
- itemHeight = props.itemHeight,
38
- threshold = props.threshold,
39
- isNoData = props.isNoData,
40
- _props$className = props.className,
41
- className = _props$className === void 0 ? '' : _props$className,
42
- hasLoadPrev = props.hasLoadPrev,
43
- loadPrev = props.loadPrev,
44
- prethreshold = props.prethreshold,
45
- noDataUrl = props.noDataUrl;
46
- var infiniteRef = useRef(null);
47
- var loadingRef = useRef(false);
48
- var scrollRef = useRef(false);
49
-
50
- var _useState = useState(false),
51
- _useState2 = _slicedToArray(_useState, 2),
52
- showBackTop = _useState2[0],
53
- setShowBackUp = _useState2[1];
54
-
55
- var _useState3 = useState(computedCuurentGrid()),
56
- _useState4 = _slicedToArray(_useState3, 2),
57
- currentGrid = _useState4[0],
58
- setContentGrid = _useState4[1];
59
-
60
- var debounced = null;
61
- useEffect(function () {
62
- var bindResizeEvent = function bindResizeEvent() {
63
- setContentGrid(computedCuurentGrid());
64
- };
65
-
66
- window.addEventListener('resize', bindResizeEvent, false);
67
- return function () {
68
- debounced && debounced.cancel();
69
- window.removeEventListener('resize', bindResizeEvent, false);
70
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
71
- }, []);
72
- var rowCount = useMemo(function () {
73
- return Math.floor(24 / itemGrid[currentGrid]);
74
- }, [itemGrid, currentGrid]);
75
- var renderData = useMemo(function () {
76
- return arraySliceForX(data, rowCount);
77
- }, [data, rowCount]);
78
-
79
- function forceUpdateGrid() {
80
- infiniteRef.current && infiniteRef.current._registeredChild.forceUpdateGrid();
81
- }
82
-
83
- function scrollToPosition() {
84
- var _infiniteRef$current$;
85
-
86
- infiniteRef.current && (_infiniteRef$current$ = infiniteRef.current._registeredChild).scrollToPosition.apply(_infiniteRef$current$, arguments);
87
- }
88
-
89
- function scrollToRow() {
90
- var _infiniteRef$current$2;
91
-
92
- infiniteRef.current && (_infiniteRef$current$2 = infiniteRef.current._registeredChild).scrollToRow.apply(_infiniteRef$current$2, arguments);
93
- }
94
-
95
- useImperativeHandle(ref, function () {
96
- return {
97
- forceUpdateGrid: forceUpdateGrid,
98
- scrollToRow: scrollToRow,
99
- scrollToPosition: scrollToPosition
100
- };
101
- });
102
-
103
- var loadMore = /*#__PURE__*/function () {
104
- var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
105
- return regeneratorRuntime.wrap(function _callee$(_context) {
106
- while (1) {
107
- switch (_context.prev = _context.next) {
108
- case 0:
109
- if (!(props.hasLoadMore && props.loadMore && !loadingRef.current)) {
110
- _context.next = 5;
111
- break;
112
- }
113
-
114
- loadingRef.current = true;
115
- _context.next = 4;
116
- return props.loadMore();
117
-
118
- case 4:
119
- loadingRef.current = false;
120
-
121
- case 5:
122
- case "end":
123
- return _context.stop();
124
- }
125
- }
126
- }, _callee);
127
- }));
128
-
129
- return function loadMore() {
130
- return _ref.apply(this, arguments);
131
- };
132
- }();
133
-
134
- function onListScroll(options) {
135
- if (hasLoadPrev && !loadingRef.current && loadPrev && options.scrollTop === 0 && scrollRef.current) {
136
- loadingRef.current = true;
137
- loadPrev().then(function (dataLength) {
138
- if (dataLength) {
139
- var row = Math.ceil(dataLength / rowCount);
140
-
141
- if (row > 0) {
142
- scrollToPosition(row * itemHeight);
143
- }
144
- }
145
-
146
- loadingRef.current = false;
147
- });
148
- }
149
-
150
- if (!scrollRef.current && options.scrollTop >= prethreshold) {
151
- scrollRef.current = true;
152
- }
153
-
154
- debounced && debounced.cancel();
155
- debounced = debounce(function () {
156
- var flag = options.scrollTop > 200;
157
-
158
- if (showBackTop !== flag) {
159
- setShowBackUp(flag);
160
- }
161
-
162
- props.onScroll && props.onScroll(options);
163
- }, 500);
164
- debounced();
165
- }
166
-
167
- function rowRender(_ref2) {
168
- var key = _ref2.key,
169
- index = _ref2.index,
170
- style = _ref2.style;
171
- var gutter = props.gutter,
172
- paddingRow = props.paddingRow,
173
- rowClass = props.rowClass,
174
- hasLoadMore = props.hasLoadMore,
175
- itemClass = props.itemClass;
176
- var rowData = renderData[index] || [];
177
- var len = rowCount - rowData.length;
178
-
179
- if (rowData.length < rowCount) {
180
- for (var i = 0; i < len; i++) {
181
- rowData.push(null);
182
- }
183
- }
184
-
185
- return /*#__PURE__*/React.createElement("div", {
186
- key: key,
187
- style: _objectSpread(_objectSpread({}, style), {}, {
188
- padding: "0 ".concat(paddingRow)
189
- }),
190
- className: "row-group-part ".concat(rowClass)
191
- }, rowData.map(function (v, i) {
192
- return /*#__PURE__*/React.createElement("div", {
193
- key: "".concat(key, "-").concat(i),
194
- className: "row-item-part ".concat(v === null && hasLoadMore ? 'row-item-placeholder' : '', " ").concat(v !== null ? itemClass : ''),
195
- style: {
196
- width: "".concat(100 / 24 * itemGrid[currentGrid], "%"),
197
- height: itemHeight,
198
- marginRight: gutter,
199
- paddingBottom: gutter
200
- }
201
- }, v && props.renderItem(v, i));
202
- }));
203
- }
204
-
205
- function _isRowLoaded(_ref3) {
206
- var index = _ref3.index;
207
- return !!renderData[index];
208
- }
209
-
210
- return /*#__PURE__*/React.createElement("div", {
211
- className: "lm-c-infinite-scroll-layout ".concat(isNoData ? 'infinite-scroll-empty' : '', " ").concat(className),
212
- style: isNoData ? {
213
- backgroundImage: "url(".concat(noDataUrl, ")")
214
- } : undefined
215
- }, /*#__PURE__*/React.createElement(InfiniteLoader, {
216
- isRowLoaded: _isRowLoaded,
217
- loadMoreRows: loadMore,
218
- rowCount: renderData.length + 1,
219
- ref: infiniteRef,
220
- threshold: threshold
221
- }, function (_ref4) {
222
- var onRowsRendered = _ref4.onRowsRendered,
223
- registerChild = _ref4.registerChild;
224
- return /*#__PURE__*/React.createElement(AutoSizer, null, function (_ref5) {
225
- var width = _ref5.width,
226
- height = _ref5.height;
227
- return /*#__PURE__*/React.createElement(List, {
228
- width: width,
229
- onRowsRendered: onRowsRendered,
230
- ref: registerChild,
231
- height: height,
232
- rowCount: renderData.length,
233
- rowHeight: itemHeight,
234
- rowRenderer: rowRender,
235
- onScroll: onListScroll
236
- });
237
- });
238
- }), props.hasBackTop && showBackTop && /*#__PURE__*/React.createElement(_Tooltip, {
239
- title: "\u8FD4\u56DE\u9876\u90E8",
240
- placement: "top"
241
- }, /*#__PURE__*/React.createElement("div", {
242
- className: "scoll-back-top",
243
- onClick: function onClick() {
244
- return scrollToPosition(0);
245
- }
246
- }, /*#__PURE__*/React.createElement(IconFont, {
247
- type: "icon-S_Arrow_MoveUp"
248
- }))));
249
- });
250
- ScrollList.defaultProps = {
251
- itemHeight: 200,
252
- gutter: 20,
253
- itemGrid: cloneDeep(simpleGrid),
254
- hasLoadMore: true,
255
- hasLoadPrev: true,
256
- threshold: 5,
257
- prethreshold: 200,
258
- hasBackTop: false,
259
- data: []
260
- };
261
- export default ScrollList;
@@ -1,84 +0,0 @@
1
- export function computedCuurentGrid() {
2
- var width = document.body.clientWidth;
3
-
4
- if (width >= 1600) {
5
- return 'xxl';
6
- }
7
-
8
- if (width >= 1200 && width < 1600) {
9
- return 'xl';
10
- }
11
-
12
- if (width >= 992 && width < 1200) {
13
- return 'lg';
14
- }
15
-
16
- if (width >= 768 && width < 992) {
17
- return 'md';
18
- }
19
-
20
- if (width >= 576 && width < 768) {
21
- return 'sm';
22
- }
23
-
24
- if (width < 576) {
25
- return 'xs';
26
- }
27
- } // 切割数组 1维变2维
28
-
29
- export function arraySliceForX(arr) {
30
- var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
31
- var newArr = [];
32
-
33
- for (var i = 0, l = arr.length; i < l; i++) {
34
- if (newArr.length === 0) {
35
- newArr.push([]);
36
- }
37
-
38
- if (newArr[newArr.length - 1].length > x - 1) {
39
- newArr.push([]);
40
- }
41
-
42
- newArr[newArr.length - 1].push(arr[i]);
43
- }
44
-
45
- return newArr;
46
- } // 切割数组 1维变2维,分组聚合展示
47
-
48
- export function arraySliceForXG(arr) {
49
- var x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
50
- var isGroupTitle = arguments.length > 2 ? arguments[2] : undefined;
51
- var newArr = [];
52
-
53
- for (var i = 0, l = arr.length; i < l; i++) {
54
- if (newArr.length === 0) {
55
- newArr.push([]);
56
- }
57
-
58
- if (isGroupTitle(arr[i])) {
59
- if (newArr[newArr.length - 1].length === 0) {
60
- newArr[newArr.length - 1].push(arr[i]);
61
- } else {
62
- newArr.push([arr[i]]);
63
- }
64
-
65
- newArr.push([]);
66
- } else {
67
- if (newArr[newArr.length - 1].length > x - 1) {
68
- newArr.push([]);
69
- }
70
-
71
- newArr[newArr.length - 1].push(arr[i]);
72
- }
73
- }
74
-
75
- return newArr;
76
- }
77
- export var simpleGrid = {
78
- xxl: 4,
79
- xl: 6,
80
- lg: 6,
81
- md: 7,
82
- sm: 24,
83
- xs: 24
84
- };
@@ -1,3 +0,0 @@
1
- export declare function save(data: {
2
- [key: string]: any;
3
- }, token?: string): import("fetch-like-axios").AxiosPromise<any>;
@@ -1,13 +0,0 @@
1
- import _cache from "@cloud-app-dev/utils/es/cache";
2
- import { $http } from './http';
3
- export function save(data, token) {
4
- return $http({
5
- method: 'post',
6
- url: "/api/log/v1/addLog",
7
- data: data,
8
- requestId: 'addLog',
9
- headers: {
10
- Authorization: token || _cache.getCache('token', 'session')
11
- }
12
- });
13
- }