@cloud-app-dev/vidc 1.0.49 → 2.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.umirc.ts +1 -2
- package/es/Api/index.d.ts +3 -4
- package/es/Api/index.js +7 -8
- package/es/AppContext/Sync.d.ts +6 -0
- package/es/AppContext/Sync.js +47 -0
- package/es/AppContext/index.d.ts +10 -0
- package/es/AppContext/index.js +117 -0
- package/es/AppContext/interface.d.ts +29 -0
- package/es/AppContext/static.d.ts +6 -0
- package/es/AppContext/static.js +6 -0
- package/es/{AppLayout/AppTools → AppRedirect}/index.css +0 -0
- package/es/AppRedirect/index.d.ts +16 -0
- package/es/AppRedirect/index.js +38 -0
- package/es/AppRoute/Render.d.ts +23 -0
- package/es/AppRoute/Render.js +111 -0
- package/es/AppRoute/Rendered.d.ts +4 -0
- package/es/AppRoute/Rendered.js +11 -0
- package/es/{DagInitialConfig → AppRoute}/index.css +0 -0
- package/es/AppRoute/index.d.ts +14 -0
- package/es/{AppLayout/Header/NotifyAlarm.js → AppRoute/index.js} +52 -68
- package/es/AppRoute/interface.d.ts +18 -0
- package/es/AppRoute/utils.d.ts +1 -0
- package/es/AppRoute/utils.js +28 -0
- package/es/Auth/index.d.ts +8 -0
- package/es/Auth/index.js +17 -0
- package/es/AutoExit/index.js +8 -5
- package/es/CheckGroupFixed/index.css +49 -0
- package/es/CheckGroupFixed/index.d.ts +17 -0
- package/es/CheckGroupFixed/index.js +146 -0
- package/es/Config/index.d.ts +4 -0
- package/es/Config/index.js +44 -0
- package/es/Config/interface.d.ts +47 -0
- package/es/Config/utils.d.ts +16 -0
- package/es/Config/utils.js +54 -0
- package/es/ConfigContext/index.d.ts +9 -0
- package/es/ConfigContext/index.js +3 -0
- package/es/ContentBox/BetweenBox/index.css +5 -0
- package/es/ContentBox/BetweenBox/index.d.ts +12 -0
- package/es/ContentBox/BetweenBox/index.js +24 -0
- package/es/ContentBox/InfoBox/index.css +23 -0
- package/es/ContentBox/InfoBox/index.d.ts +12 -0
- package/es/ContentBox/InfoBox/index.js +26 -0
- package/es/ContentBox/TwoColumnBox/index.css +77 -0
- package/es/ContentBox/TwoColumnBox/index.d.ts +10 -0
- package/es/ContentBox/TwoColumnBox/index.js +50 -0
- package/es/ContentBox/deps/content-grid.d.ts +9 -0
- package/es/ContentBox/deps/content-grid.js +9 -0
- package/es/ContentBox/deps/grid-factory.d.ts +10 -0
- package/es/ContentBox/deps/grid-factory.js +72 -0
- package/es/ContentBox/deps/simple-grid.d.ts +9 -0
- package/es/ContentBox/deps/simple-grid.js +8 -0
- package/es/ContentBox/index.css +9 -0
- package/es/ContentBox/index.d.ts +14 -0
- package/es/ContentBox/index.js +28 -0
- package/es/DeviceIcon/icon.js +5 -5
- package/es/DeviceIcon/index.js +2 -2
- package/es/DeviceList/index.d.ts +1 -1
- package/es/DeviceList/index.js +4 -4
- package/es/DeviceSelect/index.js +2 -2
- 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/{DagInitialRequest → 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/DynamicDeviceList/CheckExt.js +3 -3
- package/es/DynamicDeviceList/index.js +2 -2
- package/es/DynamicDeviceList/utils.js +2 -2
- package/es/DynamicList/demo.d.ts +2 -0
- package/es/{DagInitialRequest/index.js → DynamicList/demo.js} +49 -55
- package/es/DynamicList/index.css +7 -0
- package/es/DynamicList/index.d.ts +31 -0
- package/es/DynamicList/index.js +132 -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 +22 -0
- package/es/{Upload → IconFont}/index.css +0 -0
- package/es/IconFont/index.d.ts +13 -0
- package/es/IconFont/index.js +58 -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.d.ts +5 -7
- package/es/InitialConfig/index.js +16 -51
- package/es/InitialConfig/utils.d.ts +15 -0
- package/es/InitialConfig/utils.js +40 -305
- package/es/InitialRequest/index.d.ts +5 -11
- package/es/InitialRequest/index.js +50 -67
- package/es/InitialRequest/utils.d.ts +8 -0
- package/es/InitialRequest/utils.js +28 -567
- package/es/Input/index.css +8 -0
- package/es/Input/index.d.ts +18 -0
- package/es/{DagInitialConfig → Input}/index.js +50 -45
- package/es/LabelValue/index.css +18 -0
- package/es/LabelValue/index.d.ts +23 -0
- package/es/LabelValue/index.js +32 -0
- package/es/List/CheckExt.d.ts +10 -0
- package/es/List/CheckExt.js +28 -0
- package/es/List/index.css +62 -6
- package/es/List/index.d.ts +73 -11
- package/es/List/index.js +162 -36
- package/es/List/renderItem.d.ts +20 -0
- package/es/List/renderItem.js +68 -0
- package/es/List/utils.d.ts +5 -0
- package/es/List/utils.js +18 -0
- package/es/ListExt/index.css +9 -0
- package/es/ListExt/index.d.ts +19 -0
- package/es/ListExt/index.js +44 -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 +110 -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/{AppLayout/Header/ThemeTools.js → Progress/index.js} +46 -47
- package/es/RefDrawer/index.js +4 -5
- package/es/RefModal/index.js +4 -5
- package/es/ScrollList/index.css +73 -0
- package/es/ScrollList/index.d.ts +24 -0
- package/es/ScrollList/index.js +261 -0
- package/es/ScrollList/utils.js +84 -0
- package/es/Service/http.d.ts +4 -0
- package/es/Service/http.js +135 -0
- package/es/Service/index.d.ts +3 -0
- package/es/Service/index.js +14 -0
- package/es/Service/interface.d.ts +28 -0
- package/es/Service/logger.d.ts +3 -0
- package/es/Service/logger.js +13 -0
- package/es/Service/middleware.d.ts +5 -0
- package/es/Service/middleware.js +15 -0
- package/es/Service/utils.d.ts +3 -0
- package/es/Service/utils.js +11 -0
- package/es/TableLayout/index.css +4 -0
- package/es/TableLayout/index.d.ts +10 -0
- package/es/TableLayout/index.js +64 -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/{OrgUserTree → Tree}/demo.d.ts +0 -0
- package/es/Tree/demo.js +69 -0
- package/es/Tree/index.css +64 -0
- package/es/Tree/index.d.ts +24 -0
- package/es/Tree/index.js +83 -0
- package/es/TreeMode/index.d.ts +1 -1
- package/es/TreeMode/index.js +6 -6
- package/es/TreeTitle/index.js +2 -2
- package/es/UserSelect/index.d.ts +3 -3
- package/es/UserSelect/index.js +13 -15
- package/es/VList/index.css +4 -0
- package/es/VList/index.d.ts +16 -0
- package/es/VList/index.js +56 -0
- package/es/VList/utils.d.ts +10 -0
- package/es/VList/utils.js +17 -0
- package/es/WorkerFlow/Demo.js +1 -0
- package/es/WorkerFlow/Form/Condition.js +6 -6
- package/es/WorkerFlow/Form/EmptyUserSet.js +2 -2
- package/es/WorkerFlow/Form/FormAuth.js +2 -2
- package/es/WorkerFlow/Form/GroupList.d.ts +2 -1
- package/es/WorkerFlow/Form/GroupList.js +3 -2
- package/es/WorkerFlow/Form/GroupSelect.js +2 -2
- package/es/WorkerFlow/Form/GroupSelectModalContent.js +9 -7
- package/es/WorkerFlow/Form/LevelGroupSelect.js +3 -3
- package/es/WorkerFlow/Form/UserAndGroupSelect.js +2 -2
- package/es/WorkerFlow/Form/UserSelect.js +2 -2
- package/es/WorkerFlow/Form/UserSelectModalContent.js +3 -4
- package/es/WorkerFlow/Form/UserSet.js +2 -2
- 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 +17 -13
- package/es/WorkerFlow/index.js +37 -9
- package/es/core.d.ts +27 -0
- package/es/index.d.ts +34 -8
- package/es/index.js +34 -8
- package/es/useChangeEffect/index.d.ts +3 -0
- package/es/useChangeEffect/index.js +32 -0
- package/es/useDrawer/index.d.ts +14 -0
- package/es/useDrawer/index.js +90 -0
- package/es/useHistory/index.css +0 -0
- package/es/useHistory/index.d.ts +3 -0
- package/es/useHistory/index.js +14 -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 +92 -0
- package/es/utils.d.ts +2 -0
- package/es/utils.js +32 -0
- package/package.json +12 -6
- package/es/AppLayout/AppHeader/index.css +0 -4
- package/es/AppLayout/AppHeader/index.d.ts +0 -18
- package/es/AppLayout/AppHeader/index.js +0 -41
- package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.d.ts +0 -1
- package/es/AppLayout/AppHorizontalMenu/MenuEmptyBox.js +0 -10
- package/es/AppLayout/AppHorizontalMenu/SubGroup.d.ts +0 -9
- package/es/AppLayout/AppHorizontalMenu/SubGroup.js +0 -57
- package/es/AppLayout/AppHorizontalMenu/index.css +0 -152
- package/es/AppLayout/AppHorizontalMenu/index.d.ts +0 -13
- package/es/AppLayout/AppHorizontalMenu/index.js +0 -230
- package/es/AppLayout/AppInlineMenu/SubGroup.d.ts +0 -9
- package/es/AppLayout/AppInlineMenu/SubGroup.js +0 -34
- package/es/AppLayout/AppInlineMenu/index.css +0 -110
- package/es/AppLayout/AppInlineMenu/index.d.ts +0 -12
- package/es/AppLayout/AppInlineMenu/index.js +0 -194
- package/es/AppLayout/AppLogo/index.css +0 -74
- package/es/AppLayout/AppLogo/index.d.ts +0 -13
- package/es/AppLayout/AppLogo/index.js +0 -100
- package/es/AppLayout/AppTools/index.d.ts +0 -8
- package/es/AppLayout/AppTools/index.js +0 -10
- package/es/AppLayout/FunctionPreview/index.css +0 -128
- package/es/AppLayout/FunctionPreview/index.d.ts +0 -22
- package/es/AppLayout/FunctionPreview/index.js +0 -218
- package/es/AppLayout/Header/ListenceRoute.d.ts +0 -5
- package/es/AppLayout/Header/ListenceRoute.js +0 -28
- package/es/AppLayout/Header/ModifyPassword/index.d.ts +0 -6
- package/es/AppLayout/Header/ModifyPassword/index.js +0 -201
- package/es/AppLayout/Header/ModifyUserAvatar/index.css +0 -25
- package/es/AppLayout/Header/ModifyUserAvatar/index.d.ts +0 -10
- package/es/AppLayout/Header/ModifyUserAvatar/index.js +0 -97
- package/es/AppLayout/Header/Tools.d.ts +0 -11
- package/es/AppLayout/Header/Tools.js +0 -86
- package/es/AppLayout/Header/ToolsItem.d.ts +0 -1
- package/es/AppLayout/Header/ToolsItem.js +0 -12
- package/es/AppLayout/Header/UserAction.d.ts +0 -10
- package/es/AppLayout/Header/UserAction.js +0 -224
- package/es/AppLayout/Header/index.css +0 -136
- package/es/AppLayout/Header/index.d.ts +0 -9
- package/es/AppLayout/Header/index.js +0 -36
- package/es/AppLayout/index.css +0 -21
- package/es/AppLayout/index.d.ts +0 -12
- package/es/AppLayout/index.js +0 -38
- package/es/AppLayout/service/index.js +0 -174
- package/es/AppLayout/service/prefix.js +0 -4
- package/es/AppLayout/service/url.js +0 -35
- package/es/AppLayout/utils/menu.js +0 -24
- package/es/AppLayout/utils.d.ts +0 -4
- package/es/AppLayout/utils.js +0 -112
- package/es/DagInitialConfig/index.d.ts +0 -10
- package/es/DagInitialConfig/utils.js +0 -185
- package/es/DagInitialRequest/index.d.ts +0 -10
- package/es/DagInitialRequest/utils.js +0 -573
- package/es/FormContent/index.css +0 -27
- package/es/FormContent/index.d.ts +0 -19
- package/es/FormContent/index.js +0 -58
- package/es/OrgTree/index.css +0 -39
- package/es/OrgTree/index.d.ts +0 -16
- package/es/OrgTree/index.js +0 -176
- package/es/OrgUserTree/demo.js +0 -20
- package/es/OrgUserTree/index.css +0 -31
- package/es/OrgUserTree/index.d.ts +0 -28
- package/es/OrgUserTree/index.js +0 -131
- package/es/PlaceTree/demo.d.ts +0 -2
- package/es/PlaceTree/demo.js +0 -20
- package/es/PlaceTree/index.css +0 -40
- package/es/PlaceTree/index.d.ts +0 -26
- package/es/PlaceTree/index.js +0 -174
- package/es/Upload/AntUpload/index.css +0 -22
- package/es/Upload/AntUpload/index.d.ts +0 -19
- package/es/Upload/AntUpload/index.js +0 -226
- package/es/Upload/UploadChildren/index.css +0 -28
- package/es/Upload/UploadChildren/index.js +0 -26
- package/es/Upload/index.d.ts +0 -9
- package/es/Upload/index.js +0 -7
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
import _uuid from "@cloud-app-dev/utils/es/uuid";
|
|
2
|
+
|
|
3
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
|
+
|
|
5
|
+
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
|
+
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
|
+
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
|
+
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
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
+
|
|
15
|
+
import React, { useState, useCallback } from 'react';
|
|
16
|
+
import { useRef, useMemo } from 'react';
|
|
17
|
+
|
|
18
|
+
function DragAndDropItem(_ref) {
|
|
19
|
+
var children = _ref.children,
|
|
20
|
+
dragData = _ref.dragData,
|
|
21
|
+
dragId = _ref.dragId,
|
|
22
|
+
style = _ref.style,
|
|
23
|
+
onDropEnd = _ref.onDropEnd,
|
|
24
|
+
_ref$disabledCopyElem = _ref.disabledCopyElement,
|
|
25
|
+
disabledCopyElement = _ref$disabledCopyElem === void 0 ? true : _ref$disabledCopyElem;
|
|
26
|
+
var id = useMemo(function () {
|
|
27
|
+
return dragId || "dragId-".concat(_uuid());
|
|
28
|
+
}, [dragId]);
|
|
29
|
+
|
|
30
|
+
var _useState = useState(['', '']),
|
|
31
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
32
|
+
status = _useState2[0],
|
|
33
|
+
setStatus = _useState2[1];
|
|
34
|
+
|
|
35
|
+
var _useState3 = useState([0, 0]),
|
|
36
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
37
|
+
offset = _useState4[0],
|
|
38
|
+
setOffset = _useState4[1];
|
|
39
|
+
|
|
40
|
+
var domRef = useRef(null);
|
|
41
|
+
var dragDomTemp = useRef(null);
|
|
42
|
+
var onDrop = useCallback(function (event) {
|
|
43
|
+
event.stopPropagation();
|
|
44
|
+
setStatus(function (old) {
|
|
45
|
+
return [old[0], 'droped'];
|
|
46
|
+
});
|
|
47
|
+
var data = JSON.parse(event.dataTransfer.getData('DATA'));
|
|
48
|
+
onDropEnd && onDropEnd(data);
|
|
49
|
+
}, [onDropEnd]);
|
|
50
|
+
var onDragEnter = useCallback(function (event) {
|
|
51
|
+
event.stopPropagation();
|
|
52
|
+
setStatus(function (old) {
|
|
53
|
+
return [old[0], 'dragenter'];
|
|
54
|
+
});
|
|
55
|
+
}, []);
|
|
56
|
+
var onDragLeave = useCallback(function (event) {
|
|
57
|
+
event.stopPropagation();
|
|
58
|
+
setStatus(function (old) {
|
|
59
|
+
return [old[0], 'dragleave'];
|
|
60
|
+
});
|
|
61
|
+
}, []);
|
|
62
|
+
var allowDrop = useCallback(function (e) {
|
|
63
|
+
e.preventDefault();
|
|
64
|
+
}, []);
|
|
65
|
+
var onDragStart = useCallback(function (event) {
|
|
66
|
+
if (!domRef.current) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
if (!disabledCopyElement) {
|
|
71
|
+
var pageX = event.pageX,
|
|
72
|
+
pageY = event.pageY;
|
|
73
|
+
|
|
74
|
+
var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
|
|
75
|
+
x = _domRef$current$getBo.x,
|
|
76
|
+
y = _domRef$current$getBo.y,
|
|
77
|
+
width = _domRef$current$getBo.width,
|
|
78
|
+
height = _domRef$current$getBo.height;
|
|
79
|
+
|
|
80
|
+
var offsetX = pageX - x;
|
|
81
|
+
var offsetY = pageY - y;
|
|
82
|
+
dragDomTemp.current = domRef.current.cloneNode(true);
|
|
83
|
+
domRef.current.after(dragDomTemp.current); //初始化缓存dom位置
|
|
84
|
+
|
|
85
|
+
dragDomTemp.current.style.position = 'fixed';
|
|
86
|
+
dragDomTemp.current.style.left = "".concat(event.pageX - offsetX, "px");
|
|
87
|
+
dragDomTemp.current.style.top = "".concat(event.pageY - offsetY, "px");
|
|
88
|
+
dragDomTemp.current.style.draggable = false;
|
|
89
|
+
dragDomTemp.current.style.pointerEvents = 'none';
|
|
90
|
+
dragDomTemp.current.style.opacity = 0.5;
|
|
91
|
+
dragDomTemp.current.style.zIndex = 99;
|
|
92
|
+
dragDomTemp.current.style.width = "".concat(width, "px");
|
|
93
|
+
dragDomTemp.current.style.height = "".concat(height, "px");
|
|
94
|
+
setOffset([offsetX, offsetY]);
|
|
95
|
+
event.dataTransfer.setDragImage(new Image(), 0, 0);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
setStatus(function (old) {
|
|
99
|
+
return ['draging', old[1]];
|
|
100
|
+
});
|
|
101
|
+
var res = {
|
|
102
|
+
data: dragData,
|
|
103
|
+
_id: id
|
|
104
|
+
};
|
|
105
|
+
event.dataTransfer.setData('DATA', JSON.stringify(res));
|
|
106
|
+
}, [disabledCopyElement, dragData, id]);
|
|
107
|
+
var onDragEnd = useCallback(function () {
|
|
108
|
+
dragDomTemp.current && dragDomTemp.current.remove();
|
|
109
|
+
setStatus(function (old) {
|
|
110
|
+
return ['dragEnd', old[1]];
|
|
111
|
+
});
|
|
112
|
+
}, []);
|
|
113
|
+
var onDrag = useCallback(function (e) {
|
|
114
|
+
if (dragDomTemp.current) {
|
|
115
|
+
if (e.pageX === 0 && e.pageY === 0) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
if (e.pageX < offset[2] || e.pageY < offset[3]) {
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
dragDomTemp.current.style.position = 'fixed';
|
|
124
|
+
dragDomTemp.current.style.left = "".concat(e.pageX - offset[0], "px");
|
|
125
|
+
dragDomTemp.current.style.top = "".concat(e.pageY - offset[1], "px");
|
|
126
|
+
}
|
|
127
|
+
}, [offset]);
|
|
128
|
+
return /*#__PURE__*/React.cloneElement(children, {
|
|
129
|
+
ref: domRef,
|
|
130
|
+
onDragStart: onDragStart,
|
|
131
|
+
onDrag: onDrag,
|
|
132
|
+
'data-dragId': id,
|
|
133
|
+
draggable: true,
|
|
134
|
+
onDragEnd: onDragEnd,
|
|
135
|
+
onDrop: onDrop,
|
|
136
|
+
onDragOver: allowDrop,
|
|
137
|
+
onDragEnter: onDragEnter,
|
|
138
|
+
onDragLeave: onDragLeave,
|
|
139
|
+
style: Object.assign(Object.assign({}, style), {
|
|
140
|
+
opacity: status[0] === 'draging' || status[1] === 'dragenter' ? 0.5 : 1
|
|
141
|
+
})
|
|
142
|
+
});
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
export default DragAndDropItem;
|
|
@@ -0,0 +1,54 @@
|
|
|
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 React, { useState, useCallback } from 'react';
|
|
14
|
+
import { useRef } from 'react';
|
|
15
|
+
|
|
16
|
+
function DropItem(_ref) {
|
|
17
|
+
var children = _ref.children,
|
|
18
|
+
style = _ref.style,
|
|
19
|
+
onDropEnd = _ref.onDropEnd;
|
|
20
|
+
|
|
21
|
+
var _useState = useState(''),
|
|
22
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
23
|
+
status = _useState2[0],
|
|
24
|
+
setStatus = _useState2[1];
|
|
25
|
+
|
|
26
|
+
var domRef = useRef(null);
|
|
27
|
+
var onDrop = useCallback(function (event) {
|
|
28
|
+
event.stopPropagation();
|
|
29
|
+
setStatus('droped');
|
|
30
|
+
var data = JSON.parse(event.dataTransfer.getData('DATA'));
|
|
31
|
+
onDropEnd && onDropEnd(data);
|
|
32
|
+
}, [onDropEnd]);
|
|
33
|
+
var onDragEnter = useCallback(function (event) {
|
|
34
|
+
event.stopPropagation();
|
|
35
|
+
setStatus('dragenter');
|
|
36
|
+
}, []);
|
|
37
|
+
var onDragLeave = useCallback(function (event) {
|
|
38
|
+
event.stopPropagation();
|
|
39
|
+
setStatus('dragleave');
|
|
40
|
+
}, []);
|
|
41
|
+
var allowDrop = useCallback(function (e) {
|
|
42
|
+
e.preventDefault();
|
|
43
|
+
}, []);
|
|
44
|
+
return /*#__PURE__*/React.cloneElement(children, {
|
|
45
|
+
ref: domRef,
|
|
46
|
+
onDrop: onDrop,
|
|
47
|
+
onDragOver: allowDrop,
|
|
48
|
+
onDragEnter: onDragEnter,
|
|
49
|
+
onDragLeave: onDragLeave,
|
|
50
|
+
style: status === 'dragenter' ? Object.assign({}, style) : undefined
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
export default DropItem;
|
|
File without changes
|
package/es/Drag/index.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface IDragAndDropItemProps<T> {
|
|
4
|
+
children: JSX.Element;
|
|
5
|
+
dragData: T;
|
|
6
|
+
dragId?: string;
|
|
7
|
+
style?: React.CSSProperties;
|
|
8
|
+
onDropEnd: (params: { data: T; _id: string }) => void;
|
|
9
|
+
disabledCopyElement?: boolean;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
export interface IDropItemProps<T> {
|
|
13
|
+
children: JSX.Element;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
onDropEnd: (params: { data: T; _id?: string }) => void;
|
|
16
|
+
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import "antd/lib/button/style";
|
|
2
|
+
import _Button from "antd/lib/button";
|
|
3
|
+
import "antd/lib/config-provider/style";
|
|
4
|
+
import _ConfigProvider from "antd/lib/config-provider";
|
|
5
|
+
|
|
6
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
7
|
+
|
|
8
|
+
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."); }
|
|
9
|
+
|
|
10
|
+
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); }
|
|
11
|
+
|
|
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; }
|
|
13
|
+
|
|
14
|
+
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; }
|
|
15
|
+
|
|
16
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
17
|
+
|
|
18
|
+
import React, { useState } from 'react';
|
|
19
|
+
import Drawer from './index';
|
|
20
|
+
|
|
21
|
+
var App = function App() {
|
|
22
|
+
var _useState = useState(false),
|
|
23
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
+
visible = _useState2[0],
|
|
25
|
+
setVisible = _useState2[1];
|
|
26
|
+
|
|
27
|
+
var showDrawer = function showDrawer() {
|
|
28
|
+
setVisible(true);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
var onClose = function onClose() {
|
|
32
|
+
setVisible(false);
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
return /*#__PURE__*/React.createElement(_ConfigProvider, {
|
|
36
|
+
prefixCls: "cloudapp"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(_Button, {
|
|
38
|
+
type: "primary",
|
|
39
|
+
onClick: showDrawer
|
|
40
|
+
}, "Open"), /*#__PURE__*/React.createElement(Drawer, {
|
|
41
|
+
title: "Basic Drawer",
|
|
42
|
+
placement: "right",
|
|
43
|
+
onClose: onClose,
|
|
44
|
+
visible: visible,
|
|
45
|
+
onOk: function onOk() {
|
|
46
|
+
alert('确定!');
|
|
47
|
+
onClose();
|
|
48
|
+
}
|
|
49
|
+
}, /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents..."), /*#__PURE__*/React.createElement("p", null, "Some contents...")));
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
export default App;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import "antd/lib/button/style";
|
|
2
|
+
import _Button from "antd/lib/button";
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import "./index.css";
|
|
5
|
+
|
|
6
|
+
function Footer(_ref) {
|
|
7
|
+
var onClose = _ref.onClose,
|
|
8
|
+
cancelText = _ref.cancelText,
|
|
9
|
+
okText = _ref.okText,
|
|
10
|
+
onOk = _ref.onOk;
|
|
11
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
12
|
+
style: {
|
|
13
|
+
textAlign: 'right'
|
|
14
|
+
}
|
|
15
|
+
}, /*#__PURE__*/React.createElement(_Button, {
|
|
16
|
+
onClick: onClose,
|
|
17
|
+
style: {
|
|
18
|
+
marginRight: 8
|
|
19
|
+
}
|
|
20
|
+
}, cancelText), /*#__PURE__*/React.createElement(_Button, {
|
|
21
|
+
onClick: onOk,
|
|
22
|
+
type: "primary"
|
|
23
|
+
}, okText));
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
export default Footer;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-wrapper-body {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
height: 100%;
|
|
5
|
+
}
|
|
6
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header {
|
|
7
|
+
display: flex;
|
|
8
|
+
justify-content: space-between;
|
|
9
|
+
align-items: center;
|
|
10
|
+
padding: 0 24px;
|
|
11
|
+
color: inherit;
|
|
12
|
+
height: var(--drawer-title-height);
|
|
13
|
+
background-color: var(--drawer-title-bg);
|
|
14
|
+
border-bottom-color: var(--drawer-divider-color);
|
|
15
|
+
position: relative;
|
|
16
|
+
}
|
|
17
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header .cloudapp-drawer-title {
|
|
18
|
+
color: inherit;
|
|
19
|
+
font-size: var(--fs-large);
|
|
20
|
+
}
|
|
21
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-header .cloudapp-drawer-close {
|
|
22
|
+
padding: 0;
|
|
23
|
+
position: absolute;
|
|
24
|
+
right: 0;
|
|
25
|
+
color: inherit;
|
|
26
|
+
}
|
|
27
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-body {
|
|
28
|
+
background: var(--drawer-content-bg);
|
|
29
|
+
flex: 1;
|
|
30
|
+
overflow: auto;
|
|
31
|
+
}
|
|
32
|
+
.lm-drawer-container.cloudapp-drawer .cloudapp-drawer-footer {
|
|
33
|
+
height: var(--drawer-footer-height);
|
|
34
|
+
overflow: hidden;
|
|
35
|
+
padding: 0 24px;
|
|
36
|
+
line-height: var(--drawer-footer-height);
|
|
37
|
+
background: var(--drawer-footer-bg);
|
|
38
|
+
border-top-color: var(--drawer-divider-color);
|
|
39
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { DrawerProps } from './interface';
|
|
2
|
+
import './index.less';
|
|
3
|
+
declare function ZVDrawer({ style, getContainer, onClose, className, onOk, cancelText, okText, children, ...props }: DrawerProps): JSX.Element;
|
|
4
|
+
declare namespace ZVDrawer {
|
|
5
|
+
var defaultProps: {
|
|
6
|
+
getContainer: boolean;
|
|
7
|
+
className: string;
|
|
8
|
+
cancelText: string;
|
|
9
|
+
okText: string;
|
|
10
|
+
};
|
|
11
|
+
}
|
|
12
|
+
export default ZVDrawer;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import "antd/lib/drawer/style";
|
|
2
|
+
import _Drawer from "antd/lib/drawer";
|
|
3
|
+
import { __rest } from "tslib";
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Footer from './Footer';
|
|
6
|
+
import "./index.css";
|
|
7
|
+
|
|
8
|
+
function ZVDrawer(_a) {
|
|
9
|
+
var style = _a.style,
|
|
10
|
+
getContainer = _a.getContainer,
|
|
11
|
+
onClose = _a.onClose,
|
|
12
|
+
className = _a.className,
|
|
13
|
+
onOk = _a.onOk,
|
|
14
|
+
cancelText = _a.cancelText,
|
|
15
|
+
okText = _a.okText,
|
|
16
|
+
children = _a.children,
|
|
17
|
+
props = __rest(_a, ["style", "getContainer", "onClose", "className", "onOk", "cancelText", "okText", "children"]);
|
|
18
|
+
|
|
19
|
+
return /*#__PURE__*/React.createElement(_Drawer, Object.assign({
|
|
20
|
+
style: Object.assign(Object.assign({}, style), {
|
|
21
|
+
textAlign: 'left'
|
|
22
|
+
}),
|
|
23
|
+
className: "lm-drawer-container ".concat(className),
|
|
24
|
+
onClose: onClose,
|
|
25
|
+
getContainer: getContainer,
|
|
26
|
+
footer: /*#__PURE__*/React.createElement(Footer, {
|
|
27
|
+
onClose: onClose,
|
|
28
|
+
onOk: onOk,
|
|
29
|
+
cancelText: cancelText,
|
|
30
|
+
okText: okText
|
|
31
|
+
})
|
|
32
|
+
}, props), children);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
ZVDrawer.defaultProps = {
|
|
36
|
+
getContainer: false,
|
|
37
|
+
className: '',
|
|
38
|
+
cancelText: '取消',
|
|
39
|
+
okText: '确定'
|
|
40
|
+
};
|
|
41
|
+
export default ZVDrawer;
|
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
declare type EventType = React.KeyboardEvent<HTMLDivElement> | React.MouseEvent<HTMLDivElement | HTMLButtonElement>;
|
|
3
|
+
declare type getContainerFunc = () => HTMLElement;
|
|
4
|
+
declare const PlacementTypes: ['top', 'right', 'bottom', 'left'];
|
|
5
|
+
declare type placementType = typeof PlacementTypes[number];
|
|
6
|
+
export interface PushState {
|
|
7
|
+
distance: string | number;
|
|
8
|
+
}
|
|
9
|
+
export interface DrawerProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* @description 是否显示右上角的关闭按钮
|
|
13
|
+
* @default true
|
|
14
|
+
*/
|
|
15
|
+
closable?: boolean;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* @description 自定义关闭图标
|
|
19
|
+
* @default <CloseOutlined />
|
|
20
|
+
*/
|
|
21
|
+
closeIcon?: React.ReactNode;
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* @description 关闭时销毁 Drawer 里的子元素
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
destroyOnClose?: boolean;
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* @description 预渲染 Drawer 内元素
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
forceRender?: boolean;
|
|
34
|
+
|
|
35
|
+
/**
|
|
36
|
+
* @description 指定 Drawer 挂载的 HTML 节点, false 为挂载在当前 dom
|
|
37
|
+
* @default body
|
|
38
|
+
* @type HTMLElement | () => HTMLElement | Selectors | false
|
|
39
|
+
*/
|
|
40
|
+
getContainer?: string | HTMLElement | getContainerFunc | false;
|
|
41
|
+
|
|
42
|
+
/**
|
|
43
|
+
* @description 点击蒙层是否允许关闭
|
|
44
|
+
* @default true
|
|
45
|
+
*/
|
|
46
|
+
maskClosable?: boolean;
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* @description 是否展示遮罩
|
|
50
|
+
* @default true
|
|
51
|
+
*/
|
|
52
|
+
mask?: boolean;
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* @description 遮罩样式
|
|
56
|
+
* @default -
|
|
57
|
+
*/
|
|
58
|
+
maskStyle?: React.CSSProperties;
|
|
59
|
+
|
|
60
|
+
/**
|
|
61
|
+
* @description 可用于设置 Drawer 最外层容器的样式,和 drawerStyle 的区别是作用节点包括 mask
|
|
62
|
+
* @default -
|
|
63
|
+
*/
|
|
64
|
+
style?: React.CSSProperties;
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* @description 用于设置 Drawer 弹出层的样式
|
|
68
|
+
* @default -
|
|
69
|
+
*/
|
|
70
|
+
drawerStyle?: React.CSSProperties;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* @description 用于设置 Drawer 头部的样式
|
|
74
|
+
* @default -
|
|
75
|
+
*/
|
|
76
|
+
headerStyle?: React.CSSProperties;
|
|
77
|
+
|
|
78
|
+
/**
|
|
79
|
+
* @description 可用于设置 Drawer 内容部分的样式
|
|
80
|
+
* @default -
|
|
81
|
+
*/
|
|
82
|
+
bodyStyle?: React.CSSProperties;
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* @description 标题
|
|
86
|
+
* @default -
|
|
87
|
+
*/
|
|
88
|
+
title?: React.ReactNode;
|
|
89
|
+
|
|
90
|
+
/**
|
|
91
|
+
* @description Drawer 是否可见
|
|
92
|
+
* @default -
|
|
93
|
+
*/
|
|
94
|
+
visible?: boolean;
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* @description 宽度
|
|
98
|
+
* @default 256
|
|
99
|
+
*/
|
|
100
|
+
width?: number | string;
|
|
101
|
+
|
|
102
|
+
/**
|
|
103
|
+
* @description 高度
|
|
104
|
+
* @default 256
|
|
105
|
+
*/
|
|
106
|
+
height?: number | string;
|
|
107
|
+
|
|
108
|
+
/**
|
|
109
|
+
* @description 设置 Drawer 的 z-index
|
|
110
|
+
* @default 1000
|
|
111
|
+
*/
|
|
112
|
+
zIndex?: number;
|
|
113
|
+
|
|
114
|
+
/**
|
|
115
|
+
* @description 用于设置多层 Drawer 的推动行为
|
|
116
|
+
* @type boolean | { distance: string | number }
|
|
117
|
+
* @default { distance: 180 }
|
|
118
|
+
*/
|
|
119
|
+
push?: boolean | PushState;
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* @description 抽屉的方向
|
|
123
|
+
* @default right
|
|
124
|
+
*/
|
|
125
|
+
placement?: 'top' | 'right' | 'bottom' | 'left';
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* @description 点击遮罩层或右上角叉或取消按钮的回调
|
|
129
|
+
* @default -
|
|
130
|
+
*/
|
|
131
|
+
onClose?: (e: EventType) => void;
|
|
132
|
+
|
|
133
|
+
/**
|
|
134
|
+
* @description 点击footer下的确定按钮
|
|
135
|
+
* @default -
|
|
136
|
+
*/
|
|
137
|
+
onOk?: (e: EventType) => void;
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* @description 切换抽屉时动画结束后的回调
|
|
141
|
+
* @default -
|
|
142
|
+
*/
|
|
143
|
+
afterVisibleChange?: (visible: boolean) => void;
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* @description 对话框外层容器的类名
|
|
147
|
+
* @default -
|
|
148
|
+
*/
|
|
149
|
+
className?: string;
|
|
150
|
+
|
|
151
|
+
/**
|
|
152
|
+
* @description 是否支持键盘 esc 关闭
|
|
153
|
+
* @default true
|
|
154
|
+
*/
|
|
155
|
+
keyboard?: boolean;
|
|
156
|
+
|
|
157
|
+
/**
|
|
158
|
+
* @description 抽屉的页脚 可以设为 footer={null}
|
|
159
|
+
* @type ReactNode
|
|
160
|
+
* @default (确定取消按钮)
|
|
161
|
+
*/
|
|
162
|
+
footer?: React.ReactNode | false;
|
|
163
|
+
|
|
164
|
+
/**
|
|
165
|
+
* @description 抽屉页脚部件的样式
|
|
166
|
+
* @default -
|
|
167
|
+
* @type CSSProperties
|
|
168
|
+
*/
|
|
169
|
+
footerStyle?: React.CSSProperties;
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* @description 取消按钮文本
|
|
173
|
+
* @default 取消
|
|
174
|
+
* @type string
|
|
175
|
+
*/
|
|
176
|
+
cancelText?: string;
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* @description 确认按钮文本
|
|
180
|
+
* @default 确定
|
|
181
|
+
* @type string
|
|
182
|
+
*/
|
|
183
|
+
okText?: string;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
export interface IFooterProps {
|
|
187
|
+
onClose: (e: any) => void;
|
|
188
|
+
cancelText: string;
|
|
189
|
+
okText: string;
|
|
190
|
+
onOk: (e: any) => void;
|
|
191
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import _IconFont from "@cloud-app-dev/basic-components/es/IconFont";
|
|
2
1
|
import "antd/lib/tooltip/style";
|
|
3
2
|
import _Tooltip from "antd/lib/tooltip";
|
|
4
3
|
import React from 'react';
|
|
4
|
+
import IconFont from '../IconFont';
|
|
5
5
|
|
|
6
6
|
function CheckExt(_ref) {
|
|
7
7
|
var selectCount = _ref.selectCount,
|
|
@@ -14,12 +14,12 @@ function CheckExt(_ref) {
|
|
|
14
14
|
className: "select-group"
|
|
15
15
|
}, /*#__PURE__*/React.createElement(_Tooltip, {
|
|
16
16
|
title: "\u9009\u4E2D\u6240\u6709\u5DF2\u52A0\u8F7D"
|
|
17
|
-
}, /*#__PURE__*/React.createElement(
|
|
17
|
+
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
18
18
|
type: "icon-S_Photo_MarkYes",
|
|
19
19
|
onClick: onCheck
|
|
20
20
|
})), /*#__PURE__*/React.createElement(_Tooltip, {
|
|
21
21
|
title: "\u53D6\u6D88\u9009\u4E2D\u6240\u6709\u5DF2\u52A0\u8F7D\u9879"
|
|
22
|
-
}, /*#__PURE__*/React.createElement(
|
|
22
|
+
}, /*#__PURE__*/React.createElement(IconFont, {
|
|
23
23
|
type: "icon-MarkNo",
|
|
24
24
|
onClick: onCancel
|
|
25
25
|
}))), /*#__PURE__*/React.createElement("span", null, "\u5DF2\u9009 ", /*#__PURE__*/React.createElement("span", {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import "antd/lib/checkbox/style";
|
|
2
2
|
import _Checkbox from "antd/lib/checkbox";
|
|
3
|
-
import _DynamicList from "@cloud-app-dev/basic-components/es/DynamicList";
|
|
4
3
|
|
|
5
4
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
6
5
|
|
|
@@ -24,6 +23,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
|
24
23
|
|
|
25
24
|
import { __awaiter } from "tslib";
|
|
26
25
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
26
|
+
import DynamicList from '../DynamicList';
|
|
27
27
|
import { queryDeviceList } from './utils';
|
|
28
28
|
import DeviceIcon from '../DeviceIcon';
|
|
29
29
|
import TreeTitle from '../TreeTitle';
|
|
@@ -185,7 +185,7 @@ function DynamicDeviceList(_ref) {
|
|
|
185
185
|
selectCount: state.checkedKeys.length,
|
|
186
186
|
onCancel: onCancelAll,
|
|
187
187
|
onCheck: onSelectAll
|
|
188
|
-
}), /*#__PURE__*/React.createElement(
|
|
188
|
+
}), /*#__PURE__*/React.createElement(DynamicList, {
|
|
189
189
|
list: state.list,
|
|
190
190
|
loadMore: loadNextPage,
|
|
191
191
|
rowCount: state.count,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import Service from '../Service';
|
|
2
2
|
import { getHeader } from '../utils';
|
|
3
3
|
export function queryDeviceList() {
|
|
4
4
|
var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
5
|
-
return
|
|
5
|
+
return Service.$http({
|
|
6
6
|
method: 'post',
|
|
7
7
|
url: '/api/udm-api/device/queryList',
|
|
8
8
|
requestId: 'queryDeviceList',
|