@cloud-app-dev/vidc 3.1.16 → 3.1.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/Api/index.js +0 -23
- package/es/AppContext/Sync.js +1 -15
- package/es/AppContext/index.js +21 -52
- package/es/AppContext/static.js +0 -7
- package/es/Auth/index.js +2 -5
- package/es/AutoExit/index.js +1 -5
- package/es/Box/BetweenBox/index.js +6 -8
- package/es/Box/InfoBox/index.js +6 -8
- package/es/Box/TwoColumnBox/index.js +8 -18
- package/es/Box/deps/grid-factory.js +0 -12
- package/es/Box/index.js +4 -6
- package/es/CheckGroupFixed/index.js +19 -34
- package/es/Config/index.js +0 -4
- package/es/Config/utils.js +3 -18
- package/es/ConfigContext/index.js +1 -3
- package/es/CustomRenderSelect/index.js +13 -29
- package/es/DisableMark/index.js +2 -2
- package/es/DomMove/index.js +24 -37
- package/es/DomMove/utils.js +3 -8
- package/es/Drag/DragAndDropItem.js +19 -37
- package/es/Drag/DropItem.js +5 -15
- package/es/Drawer/Demo.js +3 -17
- package/es/Drawer/Footer.js +3 -5
- package/es/Drawer/index.js +28 -50
- package/es/ErrorFallback/index.js +1 -3
- package/es/FullScreen/index.js +8 -18
- package/es/HightLevel/index.js +1 -5
- package/es/IconFont/index.js +5 -11
- package/es/ImageView/index.js +8 -20
- package/es/Input/index.js +14 -27
- package/es/InstanceHistory/index.js +0 -2
- package/es/LabelValue/index.js +8 -10
- package/es/List/DynamicGridList/Demo.js +0 -11
- package/es/List/DynamicGridList/index.js +16 -25
- package/es/List/DynamicList/index.js +23 -38
- package/es/List/GridList/Demo.js +3 -16
- package/es/List/GridList/hook.js +34 -65
- package/es/List/GridList/utils.js +0 -1
- package/es/List/VList/index.js +10 -20
- package/es/List/VList/utils.js +2 -3
- package/es/List/index.js +5 -7
- package/es/LoaderApp/index.js +5 -22
- package/es/LoaderApp/loader.js +5 -13
- package/es/LoaderApp/sandbox.back.js +16 -81
- package/es/LoaderApp/sandbox.js +8 -22
- package/es/LoaderApp/utils.js +20 -49
- package/es/LoaderScript/index.js +8 -19
- package/es/LoaderScript/utils.js +0 -51
- package/es/Map/BasicMap/AMapInstance.js +0 -10
- package/es/Map/BasicMap/LeafletInstance.js +11 -20
- package/es/Map/BasicMap/index.js +6 -28
- package/es/Map/ClusterLayer/hook.js +10 -32
- package/es/Map/ClusterLayer/index.js +2 -6
- package/es/Map/Config/index.js +8 -21
- package/es/Map/Config/utils.js +0 -6
- package/es/Map/Context/index.js +2 -22
- package/es/Map/FindPio/index.js +0 -2
- package/es/Map/InfoWindow/MakerLikeWindow.js +9 -28
- package/es/Map/InfoWindow/demo.js +5 -22
- package/es/Map/InfoWindow/index.js +13 -29
- package/es/Map/LevelCenter/DragMarker/index.js +5 -9
- package/es/Map/LevelCenter/demo.js +6 -16
- package/es/Map/LevelCenter/index.js +8 -15
- package/es/Map/LoaderMap/index.js +10 -10
- package/es/Map/MapDrawSelect/demo.js +12 -23
- package/es/Map/MapDrawSelect/index.js +14 -21
- package/es/Map/MouseTool/index.js +16 -26
- package/es/Map/MouseTool/useMouseTools.js +6 -29
- package/es/Map/ResetTools/index.js +4 -8
- package/es/Map/SinglePoint/index.js +6 -13
- package/es/Map/hook/useMapEvent.js +3 -7
- package/es/Map/hook/useMapType.js +1 -2
- package/es/Map/useMarker/index.js +10 -24
- package/es/Map/withMap/index.js +0 -2
- package/es/Modal/index.d.ts +1 -1
- package/es/Modal/index.js +29 -50
- package/es/Picture/component/DefaultRects/RectInfo.js +11 -25
- package/es/Picture/component/DefaultRects/index.js +3 -5
- package/es/Picture/component/DrawRect/index.js +6 -8
- package/es/Picture/component/RectMenu/index.js +10 -16
- package/es/Picture/component/RectMenu/utils.js +3 -6
- package/es/Picture/component/Tools/index.js +6 -8
- package/es/Picture/component/WheelScale/index.js +3 -6
- package/es/Picture/dragBound.js +4 -17
- package/es/Picture/index.js +46 -87
- package/es/Picture/loadCaptureRectImage.js +10 -26
- package/es/Picture/useDraw.js +20 -39
- package/es/Picture/utils.js +2 -11
- package/es/Player/api/index.js +14 -78
- package/es/Player/context.js +1 -2
- package/es/Player/contraller_bar/bar.js +5 -9
- package/es/Player/contraller_bar/contraller_event.js +5 -23
- package/es/Player/contraller_bar/index.js +7 -9
- package/es/Player/contraller_bar/left_bar.js +15 -27
- package/es/Player/contraller_bar/right_bar.js +7 -18
- package/es/Player/contraller_bar/time.js +6 -16
- package/es/Player/contraller_bar/useBarStatus.js +5 -16
- package/es/Player/contraller_bar/volume.js +6 -26
- package/es/Player/demo.js +59 -75
- package/es/Player/event/errorEvent.js +14 -39
- package/es/Player/event/eventName.js +1 -1
- package/es/Player/event/index.js +19 -53
- package/es/Player/fps_play.js +10 -27
- package/es/Player/frontend_player.js +10 -19
- package/es/Player/frontend_timeline.js +25 -47
- package/es/Player/iconfont.js +2 -5
- package/es/Player/live_heart.js +2 -14
- package/es/Player/message.js +9 -29
- package/es/Player/segment_player.js +39 -77
- package/es/Player/segment_timeline.js +42 -68
- package/es/Player/single_player.js +64 -87
- package/es/Player/style/iconfont.js +10 -17
- package/es/Player/timeline.js +11 -28
- package/es/Player/util.js +0 -21
- package/es/PlayerExt/demo.js +11 -21
- package/es/PlayerExt/index.js +18 -43
- package/es/Progress/index.js +3 -15
- package/es/ROI/demo.js +0 -2
- package/es/ROI/index.js +15 -22
- package/es/ScreenPlayer/Live.js +34 -67
- package/es/ScreenPlayer/LiveTools.js +21 -38
- package/es/ScreenPlayer/PlayerWithExt.js +43 -78
- package/es/ScreenPlayer/RatePick.js +1 -3
- package/es/ScreenPlayer/Record.js +50 -121
- package/es/ScreenPlayer/RecordTools.js +32 -54
- package/es/ScreenPlayer/ScreenSelect.js +1 -3
- package/es/ScreenPlayer/SegmentTimeLine.js +8 -12
- package/es/ScreenPlayer/TimeMode.js +1 -3
- package/es/ScreenPlayer/TimeSelect.js +11 -26
- package/es/ScreenPlayer/demo.js +3 -1
- package/es/ScreenPlayer/demo2.js +9 -24
- package/es/ScreenPlayer/useRecordList.js +7 -72
- package/es/ScreenPlayer/useTimeSlider.js +40 -132
- package/es/ScreenPlayer/useVideoFit.js +5 -18
- package/es/ScreenPlayer/utils.js +0 -8
- package/es/Service/fetch-adapter.js +2 -37
- package/es/Service/http.js +8 -27
- package/es/TableLayout/index.js +3 -7
- package/es/ThemeAntd/demo.js +0 -2
- package/es/ThemeAntd/index.css +15 -0
- package/es/ThemeAntd/style/select.css +15 -0
- package/es/Timeout/index.js +10 -26
- package/es/Tree/demo.js +0 -2
- package/es/Tree/index.js +14 -21
- package/es/useDrawROI/index.js +51 -105
- package/es/useEventEmitterHandle/index.js +2 -6
- package/es/useFullscreen/demo.js +6 -16
- package/es/useFullscreen/index.js +5 -25
- package/es/useHistory/index.js +0 -2
- package/es/useInfiniteScroll/index.js +14 -39
- package/es/useRafInterval/index.js +2 -26
- package/es/useSimpleState/index.js +5 -16
- package/es/useVirtualList/index.js +19 -57
- package/es/utils.js +0 -28
- package/package.json +14 -14
package/es/useDrawROI/index.js
CHANGED
|
@@ -1,54 +1,37 @@
|
|
|
1
1
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
2
2
|
import _useSize from "ahooks/es/useSize";
|
|
3
3
|
import _useLatest from "ahooks/es/useLatest";
|
|
4
|
-
|
|
5
4
|
function _toArray(arr) { return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
5
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
8
|
-
|
|
9
6
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
|
|
11
7
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
12
|
-
|
|
13
8
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
14
|
-
|
|
15
9
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
|
-
|
|
17
10
|
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."); }
|
|
18
|
-
|
|
19
11
|
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); }
|
|
20
|
-
|
|
21
12
|
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; }
|
|
22
|
-
|
|
23
13
|
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; }
|
|
24
|
-
|
|
25
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
26
|
-
|
|
27
15
|
import { getTargetElement } from 'ahooks/lib/utils/domTarget';
|
|
28
16
|
import { useEffect, useMemo, useState } from 'react';
|
|
29
17
|
import { lineString } from '@turf/helpers';
|
|
30
18
|
import lineToPolygon from '@turf/line-to-polygon';
|
|
31
19
|
import booleanDisjoint from '@turf/boolean-disjoint';
|
|
32
20
|
import { useHotkeys } from 'react-hotkeys-hook';
|
|
33
|
-
|
|
34
21
|
function useDrawROI(target, _ref) {
|
|
35
22
|
var row = _ref.row,
|
|
36
|
-
|
|
37
|
-
|
|
23
|
+
rowItems = _ref.rowItems;
|
|
38
24
|
var _useState = useState({
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
25
|
+
pos: [],
|
|
26
|
+
tempPos: [],
|
|
27
|
+
saveArea: [],
|
|
28
|
+
isOpen: false
|
|
29
|
+
}),
|
|
30
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
31
|
+
state = _useState2[0],
|
|
32
|
+
setState = _useState2[1];
|
|
48
33
|
var isOpenRef = _useLatest(state.isOpen);
|
|
49
|
-
|
|
50
34
|
var size = _useSize(target);
|
|
51
|
-
|
|
52
35
|
useEffect(function () {
|
|
53
36
|
var canvas = getTargetElement(target);
|
|
54
37
|
canvas.width = size === null || size === void 0 ? void 0 : size.width;
|
|
@@ -60,29 +43,26 @@ function useDrawROI(target, _ref) {
|
|
|
60
43
|
tempPos: [],
|
|
61
44
|
saveArea: []
|
|
62
45
|
});
|
|
63
|
-
});
|
|
46
|
+
});
|
|
47
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
64
48
|
}, [size === null || size === void 0 ? void 0 : size.height, size === null || size === void 0 ? void 0 : size.width]);
|
|
65
|
-
|
|
66
49
|
_useEventListener('click', function (event) {
|
|
67
50
|
if (!isOpenRef.current) {
|
|
68
51
|
return;
|
|
69
52
|
}
|
|
70
|
-
|
|
71
53
|
var p_x = event.offsetX;
|
|
72
54
|
var p_y = event.offsetY;
|
|
73
55
|
setState(function (old) {
|
|
74
|
-
var pos = old.pos;
|
|
75
|
-
|
|
56
|
+
var pos = old.pos;
|
|
57
|
+
// 去掉重复点位,dbclick导致重复触发
|
|
76
58
|
if (!pos.find(function (_ref2) {
|
|
77
59
|
var _ref3 = _slicedToArray(_ref2, 2),
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
60
|
+
x = _ref3[0],
|
|
61
|
+
y = _ref3[1];
|
|
81
62
|
return x === p_x && y === p_y;
|
|
82
63
|
})) {
|
|
83
64
|
pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
|
|
84
65
|
}
|
|
85
|
-
|
|
86
66
|
return Object.assign(Object.assign({}, old), {
|
|
87
67
|
pos: pos
|
|
88
68
|
});
|
|
@@ -90,7 +70,6 @@ function useDrawROI(target, _ref) {
|
|
|
90
70
|
}, {
|
|
91
71
|
target: target
|
|
92
72
|
});
|
|
93
|
-
|
|
94
73
|
_useEventListener('dblclick', function (event) {
|
|
95
74
|
var p_x = event.offsetX;
|
|
96
75
|
var p_y = event.offsetY;
|
|
@@ -98,24 +77,20 @@ function useDrawROI(target, _ref) {
|
|
|
98
77
|
var saveArea = old.saveArea;
|
|
99
78
|
var pos = old.pos;
|
|
100
79
|
var tempPos = old.tempPos;
|
|
101
|
-
|
|
102
80
|
if (pos.length > 2) {
|
|
103
81
|
// 去掉重复点位
|
|
104
82
|
if (!pos.find(function (_ref4) {
|
|
105
83
|
var _ref5 = _slicedToArray(_ref4, 2),
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
84
|
+
x = _ref5[0],
|
|
85
|
+
y = _ref5[1];
|
|
109
86
|
return x === p_x && y === p_y;
|
|
110
87
|
})) {
|
|
111
88
|
pos = [].concat(_toConsumableArray(pos), [[p_x, p_y]]);
|
|
112
89
|
}
|
|
113
|
-
|
|
114
90
|
saveArea = [].concat(_toConsumableArray(saveArea), [pos]);
|
|
115
91
|
pos = [];
|
|
116
92
|
tempPos = [];
|
|
117
93
|
}
|
|
118
|
-
|
|
119
94
|
return Object.assign(Object.assign({}, old), {
|
|
120
95
|
pos: pos,
|
|
121
96
|
saveArea: saveArea,
|
|
@@ -125,12 +100,10 @@ function useDrawROI(target, _ref) {
|
|
|
125
100
|
}, {
|
|
126
101
|
target: target
|
|
127
102
|
});
|
|
128
|
-
|
|
129
103
|
_useEventListener('mousemove', function (event) {
|
|
130
104
|
if (!isOpenRef.current || state.pos.length === 0) {
|
|
131
105
|
return;
|
|
132
106
|
}
|
|
133
|
-
|
|
134
107
|
var p_x = event.offsetX;
|
|
135
108
|
var p_y = event.offsetY;
|
|
136
109
|
setState(function (old) {
|
|
@@ -141,31 +114,27 @@ function useDrawROI(target, _ref) {
|
|
|
141
114
|
}, {
|
|
142
115
|
target: target
|
|
143
116
|
});
|
|
144
|
-
|
|
145
117
|
var clearCanvas = function clearCanvas() {
|
|
146
118
|
var canvas = getTargetElement(target);
|
|
147
|
-
var ctx = canvas.getContext('2d');
|
|
148
|
-
|
|
119
|
+
var ctx = canvas.getContext('2d');
|
|
120
|
+
// 重置画布
|
|
149
121
|
ctx.clearRect(0, 0, canvas.width, canvas.height);
|
|
150
122
|
};
|
|
151
|
-
|
|
152
123
|
var drawSavaArea = function drawSavaArea(area) {
|
|
153
124
|
var canvas = getTargetElement(target);
|
|
154
|
-
var ctx = canvas.getContext('2d');
|
|
155
|
-
|
|
125
|
+
var ctx = canvas.getContext('2d');
|
|
126
|
+
// 绘制已完成的图形
|
|
156
127
|
area.forEach(function (item) {
|
|
157
128
|
// 绘制坐标线
|
|
158
129
|
var _item = _toArray(item),
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
130
|
+
startPos = _item[0],
|
|
131
|
+
pos = _item.slice(1);
|
|
162
132
|
ctx.beginPath();
|
|
163
133
|
ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
|
|
164
134
|
pos.forEach(function (_ref6) {
|
|
165
135
|
var _ref7 = _slicedToArray(_ref6, 2),
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
136
|
+
x = _ref7[0],
|
|
137
|
+
y = _ref7[1];
|
|
169
138
|
return ctx.lineTo(x, y);
|
|
170
139
|
});
|
|
171
140
|
ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
|
|
@@ -176,66 +145,57 @@ function useDrawROI(target, _ref) {
|
|
|
176
145
|
ctx.stroke();
|
|
177
146
|
});
|
|
178
147
|
};
|
|
179
|
-
|
|
180
148
|
var canvasRendering = function canvasRendering(points, tempPos) {
|
|
181
149
|
if (points.length === 0) {
|
|
182
150
|
return;
|
|
183
151
|
}
|
|
184
|
-
|
|
185
152
|
var canvas = getTargetElement(target);
|
|
186
|
-
var ctx = canvas.getContext('2d');
|
|
187
|
-
|
|
153
|
+
var ctx = canvas.getContext('2d');
|
|
154
|
+
// 绘制坐标点
|
|
188
155
|
points.forEach(function (_ref8) {
|
|
189
156
|
var _ref9 = _slicedToArray(_ref8, 2),
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
157
|
+
x = _ref9[0],
|
|
158
|
+
y = _ref9[1];
|
|
193
159
|
ctx.beginPath();
|
|
194
160
|
ctx.arc(x, y, 4, 0, 2 * Math.PI);
|
|
195
161
|
ctx.fillStyle = 'red';
|
|
196
162
|
ctx.fill();
|
|
197
|
-
});
|
|
198
|
-
|
|
163
|
+
});
|
|
164
|
+
// 绘制坐标线
|
|
199
165
|
var _points = _toArray(points),
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
166
|
+
startPos = _points[0],
|
|
167
|
+
pos = _points.slice(1);
|
|
203
168
|
ctx.beginPath();
|
|
204
169
|
ctx.moveTo.apply(ctx, _toConsumableArray(startPos));
|
|
205
170
|
pos.forEach(function (_ref10) {
|
|
206
171
|
var _ref11 = _slicedToArray(_ref10, 2),
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
172
|
+
x = _ref11[0],
|
|
173
|
+
y = _ref11[1];
|
|
210
174
|
return ctx.lineTo(x, y);
|
|
211
175
|
});
|
|
212
|
-
|
|
213
176
|
var _tempPos = _slicedToArray(tempPos, 2),
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
177
|
+
x = _tempPos[0],
|
|
178
|
+
y = _tempPos[1];
|
|
217
179
|
if (typeof x === 'number' && typeof y === 'number') {
|
|
218
180
|
ctx.lineTo(x, y);
|
|
219
181
|
}
|
|
220
|
-
|
|
221
182
|
ctx.lineTo.apply(ctx, _toConsumableArray(startPos));
|
|
222
183
|
ctx.strokeStyle = '#f32d37';
|
|
223
184
|
ctx.lineWidth = 2;
|
|
224
185
|
ctx.fillStyle = 'rgba(243,45,55,0.5)';
|
|
225
186
|
ctx.fill();
|
|
226
187
|
ctx.stroke();
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
|
|
188
|
+
};
|
|
189
|
+
//绘制hook
|
|
230
190
|
useEffect(function () {
|
|
231
191
|
clearCanvas();
|
|
232
192
|
drawSavaArea(state.saveArea);
|
|
233
|
-
canvasRendering(state.pos, state.tempPos);
|
|
193
|
+
canvasRendering(state.pos, state.tempPos);
|
|
194
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
234
195
|
}, [state.pos, state.saveArea, state.tempPos]);
|
|
235
196
|
var status = useMemo(function () {
|
|
236
197
|
return state.isOpen ? 'open' : 'close';
|
|
237
198
|
}, [state.isOpen]);
|
|
238
|
-
|
|
239
199
|
var open = function open() {
|
|
240
200
|
return setState(function (old) {
|
|
241
201
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -243,7 +203,6 @@ function useDrawROI(target, _ref) {
|
|
|
243
203
|
});
|
|
244
204
|
});
|
|
245
205
|
};
|
|
246
|
-
|
|
247
206
|
var close = function close() {
|
|
248
207
|
return setState(function (old) {
|
|
249
208
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -251,7 +210,6 @@ function useDrawROI(target, _ref) {
|
|
|
251
210
|
});
|
|
252
211
|
});
|
|
253
212
|
};
|
|
254
|
-
|
|
255
213
|
var clear = function clear() {
|
|
256
214
|
return setState(function (old) {
|
|
257
215
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -260,9 +218,8 @@ function useDrawROI(target, _ref) {
|
|
|
260
218
|
tempPos: []
|
|
261
219
|
});
|
|
262
220
|
});
|
|
263
|
-
};
|
|
264
|
-
|
|
265
|
-
|
|
221
|
+
};
|
|
222
|
+
//快捷键处理
|
|
266
223
|
useHotkeys('esc', function () {
|
|
267
224
|
return setState(function (old) {
|
|
268
225
|
return Object.assign(Object.assign({}, old), {
|
|
@@ -274,48 +231,39 @@ function useDrawROI(target, _ref) {
|
|
|
274
231
|
var rio = useMemo(function () {
|
|
275
232
|
var rioArr = [];
|
|
276
233
|
var canvas = getTargetElement(target);
|
|
277
|
-
|
|
278
234
|
if (!canvas) {
|
|
279
235
|
rioArr = new Array(row).fill(new Array(rowItems).fill(0));
|
|
280
236
|
return rioArr;
|
|
281
237
|
}
|
|
282
|
-
|
|
283
238
|
var _canvas$getBoundingCl = canvas.getBoundingClientRect(),
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
239
|
+
width = _canvas$getBoundingCl.width,
|
|
240
|
+
height = _canvas$getBoundingCl.height;
|
|
287
241
|
var itemWidth = width / rowItems;
|
|
288
|
-
var itemHeight = height / row;
|
|
289
|
-
|
|
242
|
+
var itemHeight = height / row;
|
|
243
|
+
// 转换当前绘制完成的区域为多边形
|
|
290
244
|
var areas = state.saveArea.map(function (item) {
|
|
291
245
|
return lineToPolygon(lineString(item));
|
|
292
246
|
});
|
|
293
|
-
|
|
294
247
|
for (var i = 0; i < row; i++) {
|
|
295
248
|
var arr = [];
|
|
296
|
-
|
|
297
249
|
var _loop = function _loop(k) {
|
|
298
250
|
// x表示当地的纬度,y表示当地的经度
|
|
299
|
-
var lines = lineString([[k * itemWidth, i * itemHeight], [(k + 1) * itemWidth, i * itemHeight], [(k + 1) * itemWidth, (i + 1) * itemHeight], [k * itemWidth, (i + 1) * itemHeight], [k * itemWidth, i * itemHeight]]);
|
|
300
|
-
|
|
301
|
-
var rect = lineToPolygon(lines);
|
|
302
|
-
|
|
251
|
+
var lines = lineString([[k * itemWidth, i * itemHeight], [(k + 1) * itemWidth, i * itemHeight], [(k + 1) * itemWidth, (i + 1) * itemHeight], [k * itemWidth, (i + 1) * itemHeight], [k * itemWidth, i * itemHeight]]);
|
|
252
|
+
// 转换每格为多边形
|
|
253
|
+
var rect = lineToPolygon(lines);
|
|
254
|
+
//标记当前rect 是否与绘制的图形相交
|
|
303
255
|
var flag = areas.findIndex(function (area) {
|
|
304
256
|
return !booleanDisjoint(rect, area);
|
|
305
257
|
}) > -1;
|
|
306
258
|
arr.push(flag ? 1 : 0);
|
|
307
259
|
};
|
|
308
|
-
|
|
309
260
|
for (var k = 0; k < rowItems; k++) {
|
|
310
261
|
_loop(k);
|
|
311
262
|
}
|
|
312
|
-
|
|
313
263
|
rioArr.push(arr);
|
|
314
264
|
}
|
|
315
|
-
|
|
316
265
|
return rioArr;
|
|
317
266
|
}, [row, rowItems, state.saveArea, target]);
|
|
318
|
-
|
|
319
267
|
var deleteArea = function deleteArea(area) {
|
|
320
268
|
setState(function (old) {
|
|
321
269
|
var newArea = old.saveArea.filter(function (v) {
|
|
@@ -326,7 +274,6 @@ function useDrawROI(target, _ref) {
|
|
|
326
274
|
});
|
|
327
275
|
});
|
|
328
276
|
};
|
|
329
|
-
|
|
330
277
|
return {
|
|
331
278
|
open: open,
|
|
332
279
|
close: close,
|
|
@@ -337,5 +284,4 @@ function useDrawROI(target, _ref) {
|
|
|
337
284
|
deleteArea: deleteArea
|
|
338
285
|
};
|
|
339
286
|
}
|
|
340
|
-
|
|
341
287
|
export default useDrawROI;
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
import _SocketEmitter from "@cloud-app-dev/utils/es/SocketEmitter";
|
|
2
2
|
import _useLatest from "ahooks/es/useLatest";
|
|
3
3
|
import { useEffect } from 'react';
|
|
4
|
-
|
|
5
4
|
function useEventEmitterHandle(eventName, handle) {
|
|
6
5
|
var handlerRef = _useLatest(handle);
|
|
7
|
-
|
|
8
6
|
useEffect(function () {
|
|
9
7
|
var eventListener = function eventListener(event) {
|
|
10
8
|
return handlerRef.current(event);
|
|
11
9
|
};
|
|
12
|
-
|
|
13
10
|
_SocketEmitter.on(eventName, eventListener);
|
|
14
|
-
|
|
15
11
|
return function () {
|
|
16
12
|
return _SocketEmitter.off(eventName, eventListener);
|
|
17
|
-
};
|
|
13
|
+
};
|
|
14
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
18
15
|
}, [eventName]);
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
export default useEventEmitterHandle;
|
package/es/useFullscreen/demo.js
CHANGED
|
@@ -1,32 +1,22 @@
|
|
|
1
1
|
import _useFullscreen3 from "ahooks/es/useFullscreen";
|
|
2
|
-
|
|
3
2
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
-
|
|
5
3
|
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."); }
|
|
6
|
-
|
|
7
4
|
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); }
|
|
8
|
-
|
|
9
5
|
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; }
|
|
10
|
-
|
|
11
6
|
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; }
|
|
12
|
-
|
|
13
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
8
|
import React, { useRef } from 'react';
|
|
16
9
|
export default function App() {
|
|
17
10
|
var ref1 = useRef();
|
|
18
11
|
var ref2 = useRef();
|
|
19
|
-
|
|
20
12
|
var _useFullscreen = _useFullscreen3(ref1),
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
_useFullscreen2 = _slicedToArray(_useFullscreen, 2),
|
|
14
|
+
fullscreen1 = _useFullscreen2[0],
|
|
15
|
+
options1 = _useFullscreen2[1];
|
|
25
16
|
var _useFullscreen4 = _useFullscreen3(ref2),
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
17
|
+
_useFullscreen5 = _slicedToArray(_useFullscreen4, 2),
|
|
18
|
+
fullscreen2 = _useFullscreen5[0],
|
|
19
|
+
options2 = _useFullscreen5[1];
|
|
30
20
|
return /*#__PURE__*/React.createElement("div", {
|
|
31
21
|
className: "App"
|
|
32
22
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -1,60 +1,44 @@
|
|
|
1
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
-
|
|
3
2
|
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."); }
|
|
4
|
-
|
|
5
3
|
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); }
|
|
6
|
-
|
|
7
4
|
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; }
|
|
8
|
-
|
|
9
5
|
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; }
|
|
10
|
-
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import { useState } from 'react';
|
|
14
8
|
import useLatest from 'ahooks/es/useLatest';
|
|
15
9
|
import useMemoizedFn from 'ahooks/es/useMemoizedFn';
|
|
16
10
|
import useUnmount from 'ahooks/es/useUnmount';
|
|
17
11
|
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
18
12
|
import screenfull from 'screenfull';
|
|
19
|
-
|
|
20
13
|
var useFullscreen = function useFullscreen(target, options) {
|
|
21
14
|
var _ref = options || {},
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
onExit = _ref.onExit,
|
|
16
|
+
onEnter = _ref.onEnter;
|
|
25
17
|
var onExitRef = useLatest(onExit);
|
|
26
18
|
var onEnterRef = useLatest(onEnter);
|
|
27
|
-
|
|
28
19
|
var _useState = useState(false),
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
20
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
21
|
+
state = _useState2[0],
|
|
22
|
+
setState = _useState2[1];
|
|
33
23
|
var onChange = function onChange() {
|
|
34
24
|
var _a, _b;
|
|
35
|
-
|
|
36
25
|
if (screenfull.isEnabled) {
|
|
37
26
|
var el = getTargetElement(target);
|
|
38
27
|
var isFullscreen = document.fullscreenElement === el;
|
|
39
|
-
|
|
40
28
|
if (isFullscreen) {
|
|
41
29
|
(_a = onEnterRef.current) === null || _a === void 0 ? void 0 : _a.call(onEnterRef);
|
|
42
30
|
} else {
|
|
43
31
|
screenfull.off('change', onChange);
|
|
44
32
|
(_b = onExitRef.current) === null || _b === void 0 ? void 0 : _b.call(onExitRef);
|
|
45
33
|
}
|
|
46
|
-
|
|
47
34
|
setState(isFullscreen);
|
|
48
35
|
}
|
|
49
36
|
};
|
|
50
|
-
|
|
51
37
|
var enterFullscreen = function enterFullscreen() {
|
|
52
38
|
var el = getTargetElement(target);
|
|
53
|
-
|
|
54
39
|
if (!el) {
|
|
55
40
|
return;
|
|
56
41
|
}
|
|
57
|
-
|
|
58
42
|
if (screenfull.isEnabled) {
|
|
59
43
|
try {
|
|
60
44
|
screenfull.request(el);
|
|
@@ -64,13 +48,11 @@ var useFullscreen = function useFullscreen(target, options) {
|
|
|
64
48
|
}
|
|
65
49
|
}
|
|
66
50
|
};
|
|
67
|
-
|
|
68
51
|
var exitFullscreen = function exitFullscreen() {
|
|
69
52
|
if (screenfull.isEnabled) {
|
|
70
53
|
screenfull.exit();
|
|
71
54
|
}
|
|
72
55
|
};
|
|
73
|
-
|
|
74
56
|
var toggleFullscreen = function toggleFullscreen() {
|
|
75
57
|
if (state) {
|
|
76
58
|
exitFullscreen();
|
|
@@ -78,7 +60,6 @@ var useFullscreen = function useFullscreen(target, options) {
|
|
|
78
60
|
enterFullscreen();
|
|
79
61
|
}
|
|
80
62
|
};
|
|
81
|
-
|
|
82
63
|
useUnmount(function () {
|
|
83
64
|
if (screenfull.isEnabled) {
|
|
84
65
|
screenfull.off('change', onChange);
|
|
@@ -91,5 +72,4 @@ var useFullscreen = function useFullscreen(target, options) {
|
|
|
91
72
|
isEnabled: screenfull.isEnabled
|
|
92
73
|
}];
|
|
93
74
|
};
|
|
94
|
-
|
|
95
75
|
export default useFullscreen;
|
package/es/useHistory/index.js
CHANGED
|
@@ -1,50 +1,37 @@
|
|
|
1
1
|
import _useUpdateEffect from "ahooks/es/useUpdateEffect";
|
|
2
2
|
import _useEventListener from "ahooks/es/useEventListener";
|
|
3
|
-
|
|
4
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
-
|
|
6
4
|
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."); }
|
|
7
|
-
|
|
8
5
|
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); }
|
|
9
|
-
|
|
10
6
|
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
|
-
|
|
12
7
|
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; }
|
|
13
|
-
|
|
14
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
-
|
|
16
9
|
import { useEffect, useMemo, useState } from 'react';
|
|
17
10
|
import { getTargetElement } from 'ahooks/es/utils/domTarget';
|
|
18
11
|
import { getClientHeight, getScrollHeight, getScrollTop } from 'ahooks/es/utils/rect';
|
|
19
|
-
|
|
20
12
|
function useInfiniteScroll(fetcher, options) {
|
|
21
13
|
var target = options.target,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
14
|
+
isNoMore = options.isNoMore,
|
|
15
|
+
threshold = options.threshold,
|
|
16
|
+
reloadDeps = options.reloadDeps;
|
|
26
17
|
var _useState = useState({
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
18
|
+
data: {
|
|
19
|
+
list: []
|
|
20
|
+
},
|
|
21
|
+
loadding: false
|
|
22
|
+
}),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
state = _useState2[0],
|
|
25
|
+
setState = _useState2[1];
|
|
26
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
37
27
|
var noMore = useMemo(function () {
|
|
38
28
|
return !isNoMore ? false : isNoMore(state.data);
|
|
39
29
|
}, [state.data]);
|
|
40
|
-
|
|
41
30
|
var loadMore = function loadMore(flag) {
|
|
42
31
|
var _a;
|
|
43
|
-
|
|
44
32
|
if (!flag && ((_a = isNoMore === null || isNoMore === void 0 ? void 0 : isNoMore(state.data)) !== null && _a !== void 0 ? _a : false)) {
|
|
45
33
|
return;
|
|
46
34
|
}
|
|
47
|
-
|
|
48
35
|
setState(function (old) {
|
|
49
36
|
return Object.assign(Object.assign({}, old), {
|
|
50
37
|
loadding: true
|
|
@@ -60,57 +47,45 @@ function useInfiniteScroll(fetcher, options) {
|
|
|
60
47
|
});
|
|
61
48
|
});
|
|
62
49
|
});
|
|
63
|
-
};
|
|
64
|
-
|
|
65
|
-
|
|
50
|
+
};
|
|
51
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
66
52
|
useEffect(function () {
|
|
67
53
|
return loadMore(true);
|
|
68
54
|
}, reloadDeps ? reloadDeps : [reloadDeps]);
|
|
69
|
-
|
|
70
55
|
var scrollMethod = function scrollMethod() {
|
|
71
56
|
var el = getTargetElement(target);
|
|
72
|
-
|
|
73
57
|
if (!el) {
|
|
74
58
|
return;
|
|
75
59
|
}
|
|
76
|
-
|
|
77
60
|
var scrollTop = getScrollTop(el);
|
|
78
61
|
var scrollHeight = getScrollHeight(el);
|
|
79
62
|
var clientHeight = getClientHeight(el);
|
|
80
|
-
|
|
81
63
|
if (scrollHeight - scrollTop <= clientHeight + (threshold || 50)) {
|
|
82
64
|
loadMore();
|
|
83
65
|
}
|
|
84
66
|
};
|
|
85
|
-
|
|
86
67
|
_useEventListener('scroll', function () {
|
|
87
68
|
if (state.loadding) {
|
|
88
69
|
return;
|
|
89
70
|
}
|
|
90
|
-
|
|
91
71
|
scrollMethod();
|
|
92
72
|
}, {
|
|
93
73
|
target: target
|
|
94
74
|
});
|
|
95
|
-
|
|
96
75
|
_useUpdateEffect(function () {
|
|
97
76
|
var el = getTargetElement(target);
|
|
98
|
-
|
|
99
77
|
if (!el) {
|
|
100
78
|
return;
|
|
101
79
|
}
|
|
102
|
-
|
|
103
80
|
el.scrollTo({
|
|
104
81
|
left: 0,
|
|
105
82
|
top: 0
|
|
106
83
|
});
|
|
107
84
|
}, reloadDeps ? reloadDeps : []);
|
|
108
|
-
|
|
109
85
|
return {
|
|
110
86
|
noMore: noMore,
|
|
111
87
|
data: state.data,
|
|
112
88
|
loading: state.loadding
|
|
113
89
|
};
|
|
114
90
|
}
|
|
115
|
-
|
|
116
91
|
export default useInfiniteScroll;
|