@cloud-app-dev/vidc 2.0.0-alpha.1 → 2.0.0-alpha.13
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/.umirc.ts +2 -3
- package/es/Api/index.d.ts +3 -4
- package/es/Api/index.js +7 -8
- package/es/AppRedirect/index.css +0 -0
- package/es/AppRedirect/index.d.ts +16 -0
- package/es/AppRedirect/index.js +34 -0
- package/es/AppRoute/index.d.ts +10 -0
- package/es/AppRoute/index.js +115 -0
- package/es/AppRoute/interface.d.ts +8 -0
- package/es/Auth/index.d.ts +8 -0
- package/es/Auth/index.js +17 -0
- package/es/AutoExit/index.js +15 -10
- package/es/Box/BetweenBox/index.css +5 -0
- package/es/Box/BetweenBox/index.d.ts +12 -0
- package/es/Box/BetweenBox/index.js +24 -0
- package/es/Box/InfoBox/index.css +23 -0
- package/es/Box/InfoBox/index.d.ts +12 -0
- package/es/Box/InfoBox/index.js +26 -0
- package/es/Box/TwoColumnBox/index.css +77 -0
- package/es/Box/TwoColumnBox/index.d.ts +10 -0
- package/es/Box/TwoColumnBox/index.js +50 -0
- package/es/Box/deps/content-grid.d.ts +9 -0
- package/es/Box/deps/content-grid.js +9 -0
- package/es/Box/deps/grid-factory.d.ts +10 -0
- package/es/Box/deps/grid-factory.js +72 -0
- package/es/Box/deps/simple-grid.d.ts +9 -0
- package/es/Box/deps/simple-grid.js +8 -0
- package/es/Box/index.css +9 -0
- package/es/Box/index.d.ts +14 -0
- package/es/Box/index.js +28 -0
- package/es/CheckGroupFixed/index.css +49 -0
- package/es/CheckGroupFixed/index.d.ts +17 -0
- package/es/CheckGroupFixed/index.js +148 -0
- package/es/Config/index.js +63 -6
- package/es/Config/interface.d.ts +30 -5
- package/es/Config/utils.d.ts +2 -11
- package/es/Config/utils.js +1 -12
- package/es/ConfigContext/index.d.ts +3 -0
- package/es/DeviceIcon/icon.js +5 -5
- package/es/DeviceIcon/index.js +2 -2
- package/es/DeviceSelect/TreeType.d.ts +6 -0
- package/es/DeviceSelect/TreeType.js +36 -0
- package/es/DeviceSelect/demo.js +2 -2
- package/es/DeviceSelect/index.css +6 -1
- package/es/DeviceSelect/index.d.ts +5 -0
- package/es/DeviceSelect/index.js +22 -53
- package/es/Dict/cache.d.ts +3 -0
- package/es/Dict/cache.js +21 -0
- package/es/Dict/desc.d.ts +64 -0
- package/es/Dict/desc.js +162 -0
- package/es/Dict/device.d.ts +28 -0
- package/es/Dict/device.js +117 -0
- package/es/Dict/hook.d.ts +4 -0
- package/es/Dict/hook.js +114 -0
- package/es/Dict/index.d.ts +13 -0
- package/es/Dict/index.js +14 -0
- package/es/Dict/interface.d.ts +16 -0
- package/es/Dict/utils.d.ts +11 -0
- package/es/Dict/utils.js +51 -0
- package/es/Drag/DragAndDropItem.d.ts +4 -0
- package/es/Drag/DragAndDropItem.js +145 -0
- package/es/Drag/DropItem.d.ts +4 -0
- package/es/Drag/DropItem.js +54 -0
- package/es/Drag/index.css +0 -0
- package/es/Drag/index.d.ts +7 -0
- package/es/Drag/index.js +7 -0
- package/es/Drag/interface.d.ts +16 -0
- package/es/Drawer/Demo.d.ts +3 -0
- package/es/Drawer/Demo.js +52 -0
- package/es/Drawer/Footer.d.ts +4 -0
- package/es/Drawer/Footer.js +26 -0
- package/es/Drawer/index.css +39 -0
- package/es/Drawer/index.d.ts +12 -0
- package/es/Drawer/index.js +41 -0
- package/es/Drawer/interface.d.ts +191 -0
- package/es/FullScreen/index.css +16 -0
- package/es/FullScreen/index.d.ts +10 -0
- package/es/FullScreen/index.js +68 -0
- package/es/HightLevel/index.css +3 -0
- package/es/HightLevel/index.d.ts +9 -0
- package/es/HightLevel/index.js +23 -0
- package/es/IconFont/index.d.ts +12 -0
- package/es/IconFont/index.js +57 -0
- package/es/ImageView/index.css +6 -0
- package/es/ImageView/index.d.ts +17 -0
- package/es/ImageView/index.js +58 -0
- package/es/InitialConfig/index.js +7 -11
- package/es/InitialConfig/utils.d.ts +1 -1
- package/es/InitialConfig/utils.js +8 -31
- package/es/InitialRequest/index.d.ts +1 -1
- package/es/InitialRequest/index.js +19 -11
- package/es/InitialRequest/utils.d.ts +5 -4
- package/es/InitialRequest/utils.js +58 -94
- package/es/Input/index.css +8 -0
- package/es/Input/index.d.ts +18 -0
- package/es/Input/index.js +76 -0
- package/es/LabelValue/index.css +18 -0
- package/es/LabelValue/index.d.ts +23 -0
- package/es/LabelValue/index.js +32 -0
- package/es/{DynamicDeviceList → List}/CheckExt.d.ts +0 -0
- package/es/{DynamicDeviceList → List}/CheckExt.js +4 -4
- package/es/List/DeviceList/index.css +0 -0
- package/es/List/DeviceList/index.d.ts +11 -0
- package/es/{DeviceList → List/DeviceList}/index.js +8 -20
- package/es/{DynamicDeviceList → List/DynamicDeviceList}/Demo.d.ts +0 -0
- package/es/List/DynamicDeviceList/Demo.js +54 -0
- package/es/{DynamicDeviceList → List/DynamicDeviceList}/index.css +5 -17
- package/es/List/DynamicDeviceList/index.d.ts +11 -0
- package/es/List/DynamicDeviceList/index.js +205 -0
- package/es/List/DynamicDeviceList/interface.d.ts +37 -0
- package/es/List/DynamicDeviceList/utils.d.ts +16 -0
- package/es/List/DynamicDeviceList/utils.js +61 -0
- package/es/List/DynamicGridList/Demo.d.ts +2 -0
- package/es/List/DynamicGridList/Demo.js +70 -0
- package/es/List/DynamicGridList/index.d.ts +26 -0
- package/es/List/DynamicGridList/index.js +73 -0
- package/es/List/GridList/Demo.d.ts +2 -0
- package/es/List/GridList/Demo.js +91 -0
- package/es/List/GridList/hook.d.ts +13 -0
- package/es/List/GridList/hook.js +301 -0
- package/es/List/GridList/index.css +7 -0
- package/es/List/GridList/index.d.ts +15 -0
- package/es/List/GridList/index.js +47 -0
- package/es/List/GridList/interface.d.ts +59 -0
- package/es/List/GridList/utils.d.ts +9 -0
- package/es/List/GridList/utils.js +43 -0
- package/es/List/ListExt/index.css +3 -0
- package/es/List/ListExt/index.d.ts +19 -0
- package/es/List/ListExt/index.js +44 -0
- package/es/List/VList/index.css +6 -0
- package/es/List/VList/index.d.ts +18 -0
- package/es/List/VList/index.js +51 -0
- package/es/List/VList/utils.d.ts +14 -0
- package/es/List/VList/utils.js +17 -0
- package/es/List/index.css +60 -5
- package/es/List/index.d.ts +10 -13
- package/es/List/index.js +170 -36
- package/es/List/interface.d.ts +87 -0
- package/es/List/renderItem.d.ts +20 -0
- package/es/List/renderItem.js +71 -0
- package/es/LoaderApp/index.css +3 -0
- package/es/LoaderApp/index.d.ts +31 -0
- package/es/LoaderApp/index.js +135 -0
- package/es/LoaderApp/interface.d.ts +6 -0
- package/es/LoaderApp/loader.d.ts +20 -0
- package/es/LoaderApp/loader.js +86 -0
- package/es/LoaderApp/utils.d.ts +13 -0
- package/es/LoaderApp/utils.js +121 -0
- package/es/LoaderScript/index.d.ts +26 -0
- package/es/LoaderScript/index.js +127 -0
- package/es/LoaderScript/interface.d.ts +26 -0
- package/es/LoaderScript/utils.d.ts +12 -0
- package/es/LoaderScript/utils.js +133 -0
- package/es/Modal/index.css +43 -0
- package/es/Modal/index.d.ts +17 -0
- package/es/Modal/index.js +34 -0
- package/es/Modal/interface.d.ts +339 -0
- package/es/Picture/component/DefaultRects/RectInfo.d.ts +7 -0
- package/es/Picture/component/DefaultRects/RectInfo.js +94 -0
- package/es/Picture/component/DefaultRects/index.css +247 -0
- package/es/Picture/component/DefaultRects/index.d.ts +12 -0
- package/es/Picture/component/DefaultRects/index.js +47 -0
- package/es/Picture/component/DefaultRects/utils.d.ts +2 -0
- package/es/Picture/component/DefaultRects/utils.js +11 -0
- package/es/Picture/component/DrawRect/index.css +8 -0
- package/es/Picture/component/DrawRect/index.d.ts +14 -0
- package/es/Picture/component/DrawRect/index.js +41 -0
- package/es/Picture/component/MoveContent/index.css +0 -0
- package/es/Picture/component/MoveContent/index.d.ts +39 -0
- package/es/Picture/component/MoveContent/index.js +240 -0
- package/es/Picture/component/MoveContent/utils.d.ts +4 -0
- package/es/Picture/component/MoveContent/utils.js +19 -0
- package/es/Picture/component/RectMenu/index.css +31 -0
- package/es/Picture/component/RectMenu/index.d.ts +13 -0
- package/es/Picture/component/RectMenu/index.js +81 -0
- package/es/Picture/component/RectMenu/utils.d.ts +12 -0
- package/es/Picture/component/RectMenu/utils.js +22 -0
- package/es/Picture/component/Tools/index.css +42 -0
- package/es/Picture/component/Tools/index.d.ts +13 -0
- package/es/Picture/component/Tools/index.js +83 -0
- package/es/Picture/component/WheelScale/index.d.ts +6 -0
- package/es/Picture/component/WheelScale/index.js +29 -0
- package/es/Picture/dragBound.d.ts +5 -0
- package/es/Picture/dragBound.js +77 -0
- package/es/Picture/index.css +12 -0
- package/es/Picture/index.d.ts +16 -0
- package/es/Picture/index.js +344 -0
- package/es/Picture/interface.d.ts +67 -0
- package/es/Picture/loadCaptureRectImage.d.ts +8 -0
- package/es/Picture/loadCaptureRectImage.js +119 -0
- package/es/Picture/useDraw.d.ts +1 -0
- package/es/Picture/useDraw.js +136 -0
- package/es/Picture/utils.d.ts +22 -0
- package/es/Picture/utils.js +90 -0
- package/es/Progress/index.css +20 -0
- package/es/Progress/index.d.ts +11 -0
- package/es/Progress/index.js +68 -0
- package/es/RefDrawer/index.js +4 -5
- package/es/RefModal/index.js +4 -5
- package/es/Service/http.d.ts +1 -1
- package/es/Service/http.js +2 -25
- package/es/TableLayout/index.css +4 -0
- package/es/TableLayout/index.d.ts +13 -0
- package/es/TableLayout/index.js +33 -0
- package/es/ThemeAntd/index.css +501 -0
- package/es/ThemeAntd/index.d.ts +7 -0
- package/es/ThemeAntd/index.js +6 -0
- package/es/ThemeAntd/style/button.css +46 -0
- package/es/ThemeAntd/style/checkbox.css +64 -0
- package/es/ThemeAntd/style/form.css +10 -0
- package/es/ThemeAntd/style/input.css +58 -0
- package/es/ThemeAntd/style/pagination.css +44 -0
- package/es/ThemeAntd/style/picker.css +86 -0
- package/es/ThemeAntd/style/popover.css +3 -0
- package/es/ThemeAntd/style/radio.css +71 -0
- package/es/ThemeAntd/style/scrollbar.css +19 -0
- package/es/ThemeAntd/style/select.css +57 -0
- package/es/ThemeAntd/style/table.css +36 -0
- package/es/ThemeAntd/style/tree.css +4 -0
- package/es/{TreeTitle → Title}/index.css +5 -5
- package/es/{TreeTitle → Title}/index.d.ts +2 -2
- package/es/{TreeTitle → Title}/index.js +9 -6
- package/es/{TreeMode → Tree/BaseTree}/demo.d.ts +0 -0
- package/es/Tree/BaseTree/demo.js +69 -0
- package/es/Tree/BaseTree/index.css +64 -0
- package/es/Tree/BaseTree/index.d.ts +24 -0
- package/es/Tree/BaseTree/index.js +83 -0
- package/es/Tree/demo.d.ts +2 -0
- package/es/{TreeMode → Tree}/demo.js +0 -0
- package/es/{TreeMode → Tree}/index.css +1 -1
- package/es/{TreeMode → Tree}/index.d.ts +1 -1
- package/es/{TreeMode → Tree}/index.js +9 -12
- package/es/UserSelect/index.d.ts +3 -3
- package/es/UserSelect/index.js +18 -15
- package/es/WorkerFlow/Form/Condition.js +6 -8
- package/es/WorkerFlow/Form/EmptyUserSet.js +4 -6
- package/es/WorkerFlow/Form/FormAuth.js +3 -3
- package/es/WorkerFlow/Form/GroupList.js +2 -2
- package/es/WorkerFlow/Form/GroupSelect.js +4 -6
- package/es/WorkerFlow/Form/GroupSelectModalContent.js +8 -7
- package/es/WorkerFlow/Form/LevelGroupSelect.js +5 -7
- package/es/WorkerFlow/Form/UserAndGroupSelect.js +4 -6
- package/es/WorkerFlow/Form/UserSelect.js +4 -6
- package/es/WorkerFlow/Form/UserSelectModalContent.js +8 -6
- package/es/WorkerFlow/Form/UserSet.js +3 -3
- package/es/WorkerFlow/Nodes/Add.js +2 -3
- package/es/WorkerFlow/Nodes/AddOption.js +2 -2
- package/es/WorkerFlow/Nodes/Approver.js +2 -2
- package/es/WorkerFlow/Nodes/Condition.js +2 -2
- package/es/WorkerFlow/Nodes/Handle.js +2 -2
- package/es/WorkerFlow/Nodes/Notifier.js +2 -2
- package/es/WorkerFlow/Nodes/TitleElement.js +70 -36
- package/es/WorkerFlow/index.css +9 -3
- package/es/WorkerFlow/index.js +3 -3
- package/es/WorkerFlow/utils.js +2 -2
- package/es/core.d.ts +27 -0
- package/es/index.d.ts +27 -4
- package/es/index.js +27 -4
- package/es/useDrawer/index.d.ts +14 -0
- package/es/useDrawer/index.js +91 -0
- package/es/useHttp/index.d.ts +8 -0
- package/es/useHttp/index.js +78 -0
- package/es/useModal/index.d.ts +14 -0
- package/es/useModal/index.js +93 -0
- package/es/useNavigate/index.css +0 -0
- package/es/useNavigate/index.d.ts +4 -0
- package/es/useNavigate/index.js +14 -0
- package/es/utils.d.ts +11 -0
- package/es/utils.js +68 -1
- package/package.json +10 -8
- package/es/DeviceList/index.css +0 -32
- package/es/DeviceList/index.d.ts +0 -14
- package/es/DynamicDeviceList/Demo.js +0 -17
- package/es/DynamicDeviceList/index.d.ts +0 -35
- package/es/DynamicDeviceList/index.js +0 -224
- package/es/DynamicDeviceList/utils.d.ts +0 -2
- package/es/DynamicDeviceList/utils.js +0 -15
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
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."); }
|
|
4
|
+
|
|
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); }
|
|
6
|
+
|
|
7
|
+
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
|
+
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
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
13
|
+
import { __awaiter } from "tslib";
|
|
14
|
+
import { getCaptureRect } from './utils';
|
|
15
|
+
export function loadCaptureRectImage(image, rect, imageType) {
|
|
16
|
+
return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
|
|
17
|
+
var _getCaptureRect, _getCaptureRect2, x, y, w, h, canvas, ctx, url;
|
|
18
|
+
|
|
19
|
+
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
20
|
+
while (1) {
|
|
21
|
+
switch (_context.prev = _context.next) {
|
|
22
|
+
case 0:
|
|
23
|
+
if (image) {
|
|
24
|
+
_context.next = 2;
|
|
25
|
+
break;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
throw Error('image is HTMLImgElement');
|
|
29
|
+
|
|
30
|
+
case 2:
|
|
31
|
+
_getCaptureRect = getCaptureRect(rect, imageType), _getCaptureRect2 = _slicedToArray(_getCaptureRect, 4), x = _getCaptureRect2[0], y = _getCaptureRect2[1], w = _getCaptureRect2[2], h = _getCaptureRect2[3];
|
|
32
|
+
canvas = document.createElement('canvas');
|
|
33
|
+
ctx = canvas.getContext('2d');
|
|
34
|
+
canvas.width = image.width;
|
|
35
|
+
canvas.height = image.height;
|
|
36
|
+
ctx.drawImage(image, 0, 0, canvas.width, canvas.height);
|
|
37
|
+
ctx.beginPath();
|
|
38
|
+
ctx.strokeStyle = 'red';
|
|
39
|
+
ctx.lineWidth = 3;
|
|
40
|
+
ctx.strokeRect(x, y, w, h);
|
|
41
|
+
url = canvas.toDataURL();
|
|
42
|
+
setTimeout(function () {
|
|
43
|
+
canvas.remove();
|
|
44
|
+
canvas = null;
|
|
45
|
+
ctx = null;
|
|
46
|
+
}, 500);
|
|
47
|
+
return _context.abrupt("return", url);
|
|
48
|
+
|
|
49
|
+
case 15:
|
|
50
|
+
case "end":
|
|
51
|
+
return _context.stop();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}, _callee);
|
|
55
|
+
}));
|
|
56
|
+
}
|
|
57
|
+
export function getRectImagePath(sourceImage, cuurentImage, rect) {
|
|
58
|
+
var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {
|
|
59
|
+
scale: 1,
|
|
60
|
+
rotate: 0,
|
|
61
|
+
x: 0,
|
|
62
|
+
y: 0
|
|
63
|
+
};
|
|
64
|
+
|
|
65
|
+
if (!sourceImage || !cuurentImage) {
|
|
66
|
+
return null;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
var scale = options.scale,
|
|
70
|
+
rotate = options.rotate;
|
|
71
|
+
|
|
72
|
+
var _rect = _slicedToArray(rect, 4),
|
|
73
|
+
x = _rect[0],
|
|
74
|
+
y = _rect[1],
|
|
75
|
+
w = _rect[2],
|
|
76
|
+
h = _rect[3];
|
|
77
|
+
|
|
78
|
+
var width = sourceImage.width,
|
|
79
|
+
height = sourceImage.height;
|
|
80
|
+
var sourceSize = {
|
|
81
|
+
width: width,
|
|
82
|
+
height: height,
|
|
83
|
+
cwidth: cuurentImage.width,
|
|
84
|
+
cheight: cuurentImage.height,
|
|
85
|
+
wScale: width / cuurentImage.width,
|
|
86
|
+
hScale: height / cuurentImage.height
|
|
87
|
+
};
|
|
88
|
+
var area = [x * sourceSize.wScale, y * sourceSize.hScale, w * sourceSize.wScale, h * sourceSize.hScale];
|
|
89
|
+
var fullCanvas = document.createElement('canvas');
|
|
90
|
+
var fullCtx = fullCanvas.getContext('2d');
|
|
91
|
+
fullCanvas.width = width;
|
|
92
|
+
fullCanvas.height = height;
|
|
93
|
+
fullCtx.save(); // fullCtx.transform;
|
|
94
|
+
// document.body.appendChild(fullCanvas);
|
|
95
|
+
|
|
96
|
+
fullCtx.setTransform(scale, 0, 0, scale, options.x * sourceSize.wScale - (scale - 1) * width / 2, options.y * sourceSize.hScale - (scale - 1) * height / 2);
|
|
97
|
+
fullCtx.translate(width / 2, height / 2);
|
|
98
|
+
fullCtx.rotate(rotate * Math.PI / 180);
|
|
99
|
+
fullCtx.drawImage(sourceImage, -width / 2, -height / 2, width, height);
|
|
100
|
+
fullCtx.restore();
|
|
101
|
+
var imageData = fullCtx.getImageData(area[0], area[1], area[2], area[3]);
|
|
102
|
+
var tempCanvas = document.createElement('canvas');
|
|
103
|
+
var tempCtx = tempCanvas.getContext('2d');
|
|
104
|
+
tempCanvas.width = area[2];
|
|
105
|
+
tempCanvas.height = area[3]; // document.body.appendChild(tempCanvas);
|
|
106
|
+
|
|
107
|
+
tempCtx.putImageData(imageData, 0, 0);
|
|
108
|
+
var dataUrl = tempCanvas.toDataURL();
|
|
109
|
+
setTimeout(function () {
|
|
110
|
+
fullCanvas.remove();
|
|
111
|
+
tempCanvas.remove();
|
|
112
|
+
fullCanvas = null;
|
|
113
|
+
tempCanvas = null;
|
|
114
|
+
tempCtx = null;
|
|
115
|
+
fullCtx = null;
|
|
116
|
+
imageData = null;
|
|
117
|
+
}, 100);
|
|
118
|
+
return dataUrl;
|
|
119
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export default function useDraw(dom: HTMLElement, flag: boolean): [number[], boolean];
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
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."); }
|
|
4
|
+
|
|
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); }
|
|
6
|
+
|
|
7
|
+
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
|
+
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
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
13
|
+
import { useEffect, useState, useRef, useCallback } from 'react';
|
|
14
|
+
export default function useDraw(dom, flag) {
|
|
15
|
+
var _useState = useState({
|
|
16
|
+
rect: [0, 0, 0, 0],
|
|
17
|
+
isEnd: false
|
|
18
|
+
}),
|
|
19
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20
|
+
state = _useState2[0],
|
|
21
|
+
setState = _useState2[1];
|
|
22
|
+
|
|
23
|
+
var selectOptionsRef = useRef({
|
|
24
|
+
start: [0, 0],
|
|
25
|
+
end: [0, 0],
|
|
26
|
+
startSelect: false
|
|
27
|
+
});
|
|
28
|
+
/**
|
|
29
|
+
* 绘制框选矩形区域
|
|
30
|
+
*/
|
|
31
|
+
|
|
32
|
+
var drawSelectRact = useCallback(function (isEnd) {
|
|
33
|
+
var _dom$getBoundingClien = dom.getBoundingClientRect(),
|
|
34
|
+
left = _dom$getBoundingClien.left,
|
|
35
|
+
top = _dom$getBoundingClien.top,
|
|
36
|
+
width = _dom$getBoundingClien.width,
|
|
37
|
+
height = _dom$getBoundingClien.height;
|
|
38
|
+
|
|
39
|
+
var x = 0,
|
|
40
|
+
y = 0,
|
|
41
|
+
w = 0,
|
|
42
|
+
h = 0; //TODO 开始X > 结束X
|
|
43
|
+
|
|
44
|
+
if (selectOptionsRef.current.end[0] > selectOptionsRef.current.start[0]) {
|
|
45
|
+
x = selectOptionsRef.current.start[0] - left;
|
|
46
|
+
w = selectOptionsRef.current.end[0] - selectOptionsRef.current.start[0];
|
|
47
|
+
} //TODO 开始X < 结束X
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
if (selectOptionsRef.current.end[0] < selectOptionsRef.current.start[0]) {
|
|
51
|
+
x = selectOptionsRef.current.end[0] - left;
|
|
52
|
+
w = selectOptionsRef.current.start[0] - selectOptionsRef.current.end[0];
|
|
53
|
+
} //TODO 开始Y > 结束Y
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
if (selectOptionsRef.current.end[1] > selectOptionsRef.current.start[1]) {
|
|
57
|
+
y = selectOptionsRef.current.start[1] - top;
|
|
58
|
+
h = selectOptionsRef.current.end[1] - selectOptionsRef.current.start[1];
|
|
59
|
+
} //TODO 开始Y < 结束Y
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
if (selectOptionsRef.current.end[1] < selectOptionsRef.current.start[1]) {
|
|
63
|
+
y = selectOptionsRef.current.end[1] - top;
|
|
64
|
+
h = selectOptionsRef.current.start[1] - selectOptionsRef.current.end[1];
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
if (w + x > width) {
|
|
68
|
+
w = width - x;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
if (h + y > height) {
|
|
72
|
+
h = height - y;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
if (w * h < 160 && isEnd) {
|
|
76
|
+
setState({
|
|
77
|
+
rect: [0, 0, 0, 0],
|
|
78
|
+
isEnd: !!isEnd
|
|
79
|
+
});
|
|
80
|
+
} else {
|
|
81
|
+
setState({
|
|
82
|
+
rect: [x, y, w, h],
|
|
83
|
+
isEnd: !!isEnd
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
}, [dom]);
|
|
87
|
+
/**
|
|
88
|
+
* move 修改框选区域
|
|
89
|
+
*/
|
|
90
|
+
|
|
91
|
+
var changeSelect = useCallback(function (event) {
|
|
92
|
+
if (selectOptionsRef.current.startSelect) {
|
|
93
|
+
selectOptionsRef.current.end = [event.clientX, event.clientY];
|
|
94
|
+
drawSelectRact(false);
|
|
95
|
+
}
|
|
96
|
+
}, [drawSelectRact]);
|
|
97
|
+
/**
|
|
98
|
+
* 结束当前框选
|
|
99
|
+
*/
|
|
100
|
+
|
|
101
|
+
var selectEnd = useCallback(function (event) {
|
|
102
|
+
if (selectOptionsRef.current.startSelect) {
|
|
103
|
+
selectOptionsRef.current.startSelect = false;
|
|
104
|
+
selectOptionsRef.current.end = [event.clientX, event.clientY];
|
|
105
|
+
drawSelectRact(true);
|
|
106
|
+
}
|
|
107
|
+
}, [drawSelectRact]);
|
|
108
|
+
var openSelect = useCallback(function (event) {
|
|
109
|
+
selectOptionsRef.current.startSelect = true;
|
|
110
|
+
selectOptionsRef.current.start = [event.clientX, event.clientY];
|
|
111
|
+
}, []);
|
|
112
|
+
useEffect(function () {
|
|
113
|
+
if (dom && flag) {
|
|
114
|
+
dom.addEventListener('mousedown', openSelect, false);
|
|
115
|
+
dom.addEventListener('mousemove', changeSelect, false);
|
|
116
|
+
dom.addEventListener('mouseup', selectEnd, false);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
if (dom && !flag) {
|
|
120
|
+
setState(function (old) {
|
|
121
|
+
return Object.assign(Object.assign({}, old), {
|
|
122
|
+
rect: [0, 0, 0, 0]
|
|
123
|
+
});
|
|
124
|
+
});
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
return function () {
|
|
128
|
+
if (dom) {
|
|
129
|
+
dom.removeEventListener('mousedown', openSelect, false);
|
|
130
|
+
dom.removeEventListener('mousemove', changeSelect, false);
|
|
131
|
+
dom.removeEventListener('mouseup', selectEnd, false);
|
|
132
|
+
}
|
|
133
|
+
};
|
|
134
|
+
}, [changeSelect, dom, flag, openSelect, selectEnd]);
|
|
135
|
+
return [state.rect, state.isEnd];
|
|
136
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { ImageType, RectType } from './interface';
|
|
2
|
+
export declare function customContextMenu(e: any): boolean;
|
|
3
|
+
export declare function cloneImageNode(image: HTMLImageElement): Promise<unknown>;
|
|
4
|
+
export declare function computedRectScale({ imageSource, domImg, rects }: {
|
|
5
|
+
imageSource: HTMLImageElement;
|
|
6
|
+
domImg: HTMLImageElement;
|
|
7
|
+
rects: RectType[];
|
|
8
|
+
}): {
|
|
9
|
+
rect: number[];
|
|
10
|
+
type: ImageType;
|
|
11
|
+
needExpand?: boolean;
|
|
12
|
+
imgId?: string;
|
|
13
|
+
area?: number;
|
|
14
|
+
tags?: import("./interface").TagItemType[];
|
|
15
|
+
imgUrl?: string;
|
|
16
|
+
smId?: string;
|
|
17
|
+
isDefault?: boolean;
|
|
18
|
+
feature?: string;
|
|
19
|
+
dupId?: string;
|
|
20
|
+
lowQuality?: boolean;
|
|
21
|
+
}[];
|
|
22
|
+
export declare function getCaptureRect(rect: number[], type: ImageType): number[];
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import cloneDeep from 'lodash-es/cloneDeep';
|
|
2
|
+
export function customContextMenu(e) {
|
|
3
|
+
e.preventDefault();
|
|
4
|
+
return false;
|
|
5
|
+
}
|
|
6
|
+
export function cloneImageNode(image) {
|
|
7
|
+
if (!image) {
|
|
8
|
+
return Promise.resolve();
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
var newImage = image.cloneNode();
|
|
12
|
+
return new Promise(function (resolve, reject) {
|
|
13
|
+
newImage.addEventListener('load', function () {
|
|
14
|
+
resolve(newImage);
|
|
15
|
+
}, false);
|
|
16
|
+
newImage.addEventListener('error', function (e) {
|
|
17
|
+
reject(e);
|
|
18
|
+
}, false);
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
export function computedRectScale(_ref) {
|
|
22
|
+
var imageSource = _ref.imageSource,
|
|
23
|
+
domImg = _ref.domImg,
|
|
24
|
+
rects = _ref.rects;
|
|
25
|
+
|
|
26
|
+
if (!imageSource || !domImg) {
|
|
27
|
+
return [];
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
var width = domImg.width;
|
|
31
|
+
var height = domImg.height;
|
|
32
|
+
var scaleOptions = {
|
|
33
|
+
scaleX: width / imageSource.width,
|
|
34
|
+
scaleY: height / imageSource.height
|
|
35
|
+
};
|
|
36
|
+
return rects.map(function (item) {
|
|
37
|
+
var rect = item.needExpand ? getCaptureRect(cloneDeep(item.rect), item.type) : cloneDeep(item.rect);
|
|
38
|
+
rect[0] = Math.round(rect[0] * scaleOptions.scaleX);
|
|
39
|
+
rect[0] < 0 && (rect[0] = 0);
|
|
40
|
+
rect[2] = Math.round(rect[2] * scaleOptions.scaleX);
|
|
41
|
+
rect[2] < 0 && (rect[2] = 0);
|
|
42
|
+
rect[1] = Math.round(rect[1] * scaleOptions.scaleY);
|
|
43
|
+
rect[1] < 0 && (rect[1] = 0);
|
|
44
|
+
rect[3] = Math.round(rect[3] * scaleOptions.scaleY);
|
|
45
|
+
rect[3] < 0 && (rect[3] = 0);
|
|
46
|
+
rect[2] > width - rect[0] && (rect[2] = width - rect[0]);
|
|
47
|
+
rect[3] > height - rect[1] && (rect[3] = height - rect[1]);
|
|
48
|
+
return Object.assign(Object.assign({}, item), {
|
|
49
|
+
rect: rect
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
export function getCaptureRect(rect, type) {
|
|
54
|
+
var rectArea = rect;
|
|
55
|
+
|
|
56
|
+
if (rectArea.length !== 4) {
|
|
57
|
+
console.error('区域有误 实例:string = "x,y,w,h"! ', rect);
|
|
58
|
+
return [0, 0, 0, 0];
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
var x, y, w, h;
|
|
62
|
+
|
|
63
|
+
switch (type) {
|
|
64
|
+
case 'body':
|
|
65
|
+
x = rectArea[0] - rectArea[2] * 0.2;
|
|
66
|
+
y = rectArea[1] - rectArea[3] * 0.2;
|
|
67
|
+
w = rectArea[2] * 1.4;
|
|
68
|
+
h = rectArea[3] * 1.4;
|
|
69
|
+
break;
|
|
70
|
+
|
|
71
|
+
case 'nonVehicle':
|
|
72
|
+
case 'vehicle':
|
|
73
|
+
case 'thing':
|
|
74
|
+
x = rectArea[0];
|
|
75
|
+
y = rectArea[1];
|
|
76
|
+
w = rectArea[2];
|
|
77
|
+
h = rectArea[3];
|
|
78
|
+
break;
|
|
79
|
+
|
|
80
|
+
default:
|
|
81
|
+
// face
|
|
82
|
+
x = rectArea[0] - rectArea[2] * 0.8;
|
|
83
|
+
y = rectArea[1] - rectArea[3] * 1.5;
|
|
84
|
+
w = rectArea[2] * 2.6;
|
|
85
|
+
h = rectArea[3] * 3.2;
|
|
86
|
+
break;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
return [x, y, w, h];
|
|
90
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.cloudapp-progress.lm-c-loading-progress {
|
|
2
|
+
height: 2px;
|
|
3
|
+
overflow: hidden;
|
|
4
|
+
position: absolute;
|
|
5
|
+
left: 0;
|
|
6
|
+
top: 0;
|
|
7
|
+
z-index: 99;
|
|
8
|
+
transition: opacity 1s linear;
|
|
9
|
+
opacity: 1;
|
|
10
|
+
}
|
|
11
|
+
.cloudapp-progress.lm-c-loading-progress.lm-c-loading-progress-over {
|
|
12
|
+
opacity: 0;
|
|
13
|
+
}
|
|
14
|
+
.cloudapp-progress.lm-c-loading-progress .cloudapp-progress-outer {
|
|
15
|
+
display: block;
|
|
16
|
+
}
|
|
17
|
+
.cloudapp-progress.lm-c-loading-progress .cloudapp-progress-outer .cloudapp-progress-inner {
|
|
18
|
+
display: block;
|
|
19
|
+
background-color: transparent;
|
|
20
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import './index.less';
|
|
2
|
+
interface IProgressComponentProps {
|
|
3
|
+
status: 'over' | 'error' | 'loading';
|
|
4
|
+
}
|
|
5
|
+
declare function ProgressComponent({ status }: IProgressComponentProps): JSX.Element;
|
|
6
|
+
declare namespace ProgressComponent {
|
|
7
|
+
var defaultProps: {
|
|
8
|
+
status: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export default ProgressComponent;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import "antd/lib/progress/style";
|
|
2
|
+
import _Progress from "antd/lib/progress";
|
|
3
|
+
|
|
4
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
|
+
|
|
6
|
+
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
|
+
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
|
+
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
|
+
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
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
|
+
|
|
16
|
+
import React, { useState, useEffect, useMemo, useRef } from 'react';
|
|
17
|
+
import "./index.css";
|
|
18
|
+
|
|
19
|
+
function ProgressComponent(_ref) {
|
|
20
|
+
var status = _ref.status;
|
|
21
|
+
var timer = useRef(null);
|
|
22
|
+
var currentStatus = useRef('loading');
|
|
23
|
+
|
|
24
|
+
var _useState = useState(0),
|
|
25
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26
|
+
percent = _useState2[0],
|
|
27
|
+
setPersent = _useState2[1];
|
|
28
|
+
|
|
29
|
+
var isHide = useMemo(function () {
|
|
30
|
+
return percent === 100;
|
|
31
|
+
}, [percent]);
|
|
32
|
+
useEffect(function () {
|
|
33
|
+
if ((status === 'over' || status === 'error') && percent === 0) {
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
if (percent <= 90 && currentStatus.current === 'loading') {
|
|
38
|
+
var num = percent + 20;
|
|
39
|
+
timer.current = setTimeout(function () {
|
|
40
|
+
return setPersent(num);
|
|
41
|
+
}, 10);
|
|
42
|
+
} else {
|
|
43
|
+
clearTimeout(timer.current);
|
|
44
|
+
setPersent(100);
|
|
45
|
+
timer.current = setTimeout(function () {
|
|
46
|
+
return setPersent(0);
|
|
47
|
+
}, 1000);
|
|
48
|
+
}
|
|
49
|
+
}, [percent, status]);
|
|
50
|
+
useEffect(function () {
|
|
51
|
+
return function () {
|
|
52
|
+
return clearTimeout(timer.current);
|
|
53
|
+
};
|
|
54
|
+
});
|
|
55
|
+
return /*#__PURE__*/React.createElement(_Progress, {
|
|
56
|
+
status: status === 'error' ? 'exception' : 'active',
|
|
57
|
+
percent: percent,
|
|
58
|
+
showInfo: false,
|
|
59
|
+
strokeWidth: 2,
|
|
60
|
+
strokeColor: status !== 'error' ? 'var(--primary)' : ' var(--danger)',
|
|
61
|
+
className: "lm-c-loading-progress ".concat(isHide ? 'lm-c-loading-progress-over' : '')
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
ProgressComponent.defaultProps = {
|
|
66
|
+
status: 'loading'
|
|
67
|
+
};
|
|
68
|
+
export default ProgressComponent;
|
package/es/RefDrawer/index.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _Drawer from "@cloud-app-dev/basic-components/es/Drawer";
|
|
2
|
-
import _ConfigContext from "@cloud-app-dev/basic-components/es/ConfigContext";
|
|
3
|
-
|
|
4
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
2
|
|
|
6
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."); }
|
|
@@ -14,9 +11,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
14
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
12
|
|
|
16
13
|
import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
|
|
14
|
+
import Drawer from '../Drawer';
|
|
15
|
+
import ConfigContext from '../ConfigContext';
|
|
17
16
|
|
|
18
17
|
function RefDrawer(_, ref) {
|
|
19
|
-
var context = useContext(
|
|
18
|
+
var context = useContext(ConfigContext);
|
|
20
19
|
var root = useMemo(function () {
|
|
21
20
|
return (context === null || context === void 0 ? void 0 : context.root) || document.body;
|
|
22
21
|
}, [context === null || context === void 0 ? void 0 : context.root]);
|
|
@@ -55,7 +54,7 @@ function RefDrawer(_, ref) {
|
|
|
55
54
|
close: close
|
|
56
55
|
};
|
|
57
56
|
}, [state]);
|
|
58
|
-
return /*#__PURE__*/React.createElement(
|
|
57
|
+
return /*#__PURE__*/React.createElement(Drawer, {
|
|
59
58
|
visible: state.visible,
|
|
60
59
|
onOk: state.onOk,
|
|
61
60
|
onClose: close,
|
package/es/RefModal/index.js
CHANGED
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
import _Modal from "@cloud-app-dev/basic-components/es/Modal";
|
|
2
|
-
import _ConfigContext from "@cloud-app-dev/basic-components/es/ConfigContext";
|
|
3
|
-
|
|
4
1
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
5
2
|
|
|
6
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."); }
|
|
@@ -14,9 +11,11 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
|
|
|
14
11
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
15
12
|
|
|
16
13
|
import React, { useContext, useImperativeHandle, useMemo, useState } from 'react';
|
|
14
|
+
import Modal from '../Modal';
|
|
15
|
+
import ConfigContext from '../ConfigContext';
|
|
17
16
|
|
|
18
17
|
function RefModal(_, ref) {
|
|
19
|
-
var context = useContext(
|
|
18
|
+
var context = useContext(ConfigContext);
|
|
20
19
|
var root = useMemo(function () {
|
|
21
20
|
return (context === null || context === void 0 ? void 0 : context.root) || document.body;
|
|
22
21
|
}, [context === null || context === void 0 ? void 0 : context.root]);
|
|
@@ -55,7 +54,7 @@ function RefModal(_, ref) {
|
|
|
55
54
|
close: close
|
|
56
55
|
};
|
|
57
56
|
}, [state]);
|
|
58
|
-
return /*#__PURE__*/React.createElement(
|
|
57
|
+
return /*#__PURE__*/React.createElement(Modal, {
|
|
59
58
|
okText: "\u786E\u5B9A",
|
|
60
59
|
cancelText: "\u53D6\u6D88",
|
|
61
60
|
visible: state.visible,
|
package/es/Service/http.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { RsponseType, XHRResponse } from './interface';
|
|
2
2
|
export declare function $http(options: RsponseType): import("fetch-like-axios").AxiosPromise<any>;
|
|
3
3
|
export declare const $httpMultiPartInstance: import("fetch-like-axios").AxiosInstance;
|
|
4
|
-
export declare const $httpXMLInstance: ({ url, method, data, headers, cancelHttp, isAsync
|
|
4
|
+
export declare const $httpXMLInstance: ({ url, method, data, headers, cancelHttp, isAsync }: XHRResponse) => Promise<unknown>;
|
package/es/Service/http.js
CHANGED
|
@@ -1,10 +1,6 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
2
|
import fetchAxios from 'fetch-like-axios';
|
|
3
3
|
import * as Middleware from './middleware';
|
|
4
|
-
import Config from '../Config';
|
|
5
|
-
import * as logger from './logger';
|
|
6
|
-
import { cloneDeep } from 'lodash';
|
|
7
|
-
import { formartDesc } from './utils';
|
|
8
4
|
var CancelToken = fetchAxios.CancelToken;
|
|
9
5
|
var config = {
|
|
10
6
|
baseURL: '/',
|
|
@@ -66,19 +62,6 @@ export function $http(options) {
|
|
|
66
62
|
var cancelHttp = options.cancelHttp,
|
|
67
63
|
newOptions = __rest(options, ["cancelHttp"]);
|
|
68
64
|
|
|
69
|
-
if (Config[options.url]) {
|
|
70
|
-
var item = cloneDeep(Config[options.url]);
|
|
71
|
-
|
|
72
|
-
if (Array.isArray(item)) {
|
|
73
|
-
var indexItem = item[options.loggerIndex || 0];
|
|
74
|
-
indexItem.description = formartDesc(indexItem.description, options.data);
|
|
75
|
-
logger.save(indexItem);
|
|
76
|
-
} else {
|
|
77
|
-
item.description = formartDesc(item.description, options.data);
|
|
78
|
-
logger.save(item);
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
65
|
return httpInstance(Object.assign(Object.assign({}, newOptions), {
|
|
83
66
|
cancelToken: cancelToken
|
|
84
67
|
}));
|
|
@@ -91,7 +74,7 @@ export var $httpMultiPartInstance = fetchAxios.create({
|
|
|
91
74
|
}
|
|
92
75
|
});
|
|
93
76
|
$httpMultiPartInstance.interceptors.response.use(function (response) {
|
|
94
|
-
return response.data;
|
|
77
|
+
return Promise.resolve(response.data);
|
|
95
78
|
}, function (error) {
|
|
96
79
|
return Promise.reject(error);
|
|
97
80
|
});
|
|
@@ -103,13 +86,7 @@ export var $httpXMLInstance = function xhrRequest(_ref) {
|
|
|
103
86
|
headers = _ref.headers,
|
|
104
87
|
cancelHttp = _ref.cancelHttp,
|
|
105
88
|
_ref$isAsync = _ref.isAsync,
|
|
106
|
-
isAsync = _ref$isAsync === void 0 ? false : _ref$isAsync
|
|
107
|
-
requestId = _ref.requestId;
|
|
108
|
-
|
|
109
|
-
if (!requestId) {
|
|
110
|
-
console.warn('缺少requestId');
|
|
111
|
-
}
|
|
112
|
-
|
|
89
|
+
isAsync = _ref$isAsync === void 0 ? false : _ref$isAsync;
|
|
113
90
|
return new Promise(function (resolve, reject) {
|
|
114
91
|
var xhr = new XMLHttpRequest();
|
|
115
92
|
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './index.less';
|
|
3
|
+
interface ITableLayoutProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
children: React.ReactElement;
|
|
6
|
+
cutNum?: number;
|
|
7
|
+
x?: string | number;
|
|
8
|
+
}
|
|
9
|
+
declare function TableLayout({ className, children, cutNum, x }: ITableLayoutProps): JSX.Element;
|
|
10
|
+
declare namespace TableLayout {
|
|
11
|
+
var defaultProps: ITableLayoutProps;
|
|
12
|
+
}
|
|
13
|
+
export default TableLayout;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import _useSize from "ahooks/es/useSize";
|
|
2
|
+
import React, { useMemo, useRef } from 'react';
|
|
3
|
+
import "./index.css";
|
|
4
|
+
|
|
5
|
+
function TableLayout(_ref) {
|
|
6
|
+
var className = _ref.className,
|
|
7
|
+
children = _ref.children,
|
|
8
|
+
cutNum = _ref.cutNum,
|
|
9
|
+
x = _ref.x;
|
|
10
|
+
var domRef = useRef(null);
|
|
11
|
+
|
|
12
|
+
var size = _useSize(domRef);
|
|
13
|
+
|
|
14
|
+
var height = useMemo(function () {
|
|
15
|
+
return size.height - cutNum;
|
|
16
|
+
}, [size.height, cutNum]);
|
|
17
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
18
|
+
ref: domRef,
|
|
19
|
+
className: "table-layout ".concat(className)
|
|
20
|
+
}, /*#__PURE__*/React.cloneElement(children, {
|
|
21
|
+
scroll: {
|
|
22
|
+
x: x,
|
|
23
|
+
y: height
|
|
24
|
+
}
|
|
25
|
+
}));
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
TableLayout.defaultProps = {
|
|
29
|
+
className: '',
|
|
30
|
+
cutNum: 0,
|
|
31
|
+
x: 1200
|
|
32
|
+
};
|
|
33
|
+
export default TableLayout;
|