@aloudata/aloudata-design 1.9.8 → 1.9.10
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/dist/AldTable/helper.js +14 -21
- package/dist/AldTable/index.d.ts +2 -2
- package/dist/AldTable/index.js +34 -48
- package/dist/App/index.js +2 -9
- package/dist/Avatar/component/Avatar/avatar.d.ts +2 -2
- package/dist/Avatar/component/Avatar/avatar.js +0 -2
- package/dist/Avatar/component/Avatar/index.d.ts +1 -1
- package/dist/Avatar/component/Avatar/index.js +6 -20
- package/dist/Breadcrumb/index.d.ts +1 -1
- package/dist/Breadcrumb/index.js +6 -16
- package/dist/Button/index.d.ts +4 -4
- package/dist/Button/index.js +21 -41
- package/dist/Checkbox/component/CheckboxGroup/index.d.ts +2 -2
- package/dist/Checkbox/component/CheckboxGroup/index.js +4 -10
- package/dist/Checkbox/index.d.ts +3 -3
- package/dist/Checkbox/index.js +5 -14
- package/dist/Checkbox/type.js +3 -4
- package/dist/ColorPicker/constant.js +2 -1
- package/dist/ColorPicker/index.d.ts +1 -1
- package/dist/ColorPicker/index.js +15 -42
- package/dist/ConfigProvider/defaultRenderEmpty.d.ts +1 -1
- package/dist/ConfigProvider/defaultRenderEmpty.js +0 -5
- package/dist/ConfigProvider/getUserList.d.ts +4 -4
- package/dist/ConfigProvider/getUserList.js +2 -2
- package/dist/ConfigProvider/hooks/useGetUserList.js +2 -5
- package/dist/ConfigProvider/index.js +2 -6
- package/dist/ConfigProvider/sizeContext.d.ts +1 -1
- package/dist/ConfigProvider/sizeContext.js +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/Cell.js +4 -10
- package/dist/DataPreviewTable/components/Body/Error.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/Error.js +3 -5
- package/dist/DataPreviewTable/components/Body/SkeletonBody.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/SkeletonBody.js +10 -19
- package/dist/DataPreviewTable/components/Body/index.d.ts +1 -1
- package/dist/DataPreviewTable/components/Body/index.js +10 -19
- package/dist/DataPreviewTable/components/DragBar/index.d.ts +1 -1
- package/dist/DataPreviewTable/components/DragBar/index.js +14 -24
- package/dist/DataPreviewTable/components/Header/index.d.ts +2 -2
- package/dist/DataPreviewTable/components/Header/index.js +7 -15
- package/dist/DataPreviewTable/hooks/useDirection.js +32 -57
- package/dist/DataPreviewTable/index.js +22 -29
- package/dist/DataPreviewTable/interface.d.ts +2 -2
- package/dist/DataPreviewTable/interface.js +6 -9
- package/dist/DataPreviewTable/utils/findRange.js +2 -20
- package/dist/DataPreviewTable/utils/getColumnRange.js +3 -7
- package/dist/DataPreviewTable/utils/getRowRange.js +2 -8
- package/dist/DataPreviewTable/utils/getTableLayout.js +0 -1
- package/dist/DatePicker/index.d.ts +11 -11
- package/dist/DatePicker/index.js +85 -116
- package/dist/Divider/index.d.ts +1 -1
- package/dist/Divider/index.js +0 -3
- package/dist/DoubleCircleIcon/index.d.ts +2 -2
- package/dist/DoubleCircleIcon/index.js +7 -9
- package/dist/Dropdown/Button.d.ts +2 -2
- package/dist/Dropdown/Button.js +7 -11
- package/dist/Dropdown/index.d.ts +4 -4
- package/dist/Dropdown/index.js +11 -21
- package/dist/Dropdown/style/index.less +5 -0
- package/dist/Empty/image/Data.d.ts +2 -2
- package/dist/Empty/image/Data.js +0 -2
- package/dist/Empty/image/Search.d.ts +2 -2
- package/dist/Empty/image/Search.js +0 -2
- package/dist/Empty/image/SearchSmall.d.ts +2 -2
- package/dist/Empty/image/SearchSmall.js +0 -2
- package/dist/Empty/image/User.d.ts +2 -2
- package/dist/Empty/image/User.js +0 -2
- package/dist/Empty/image/WorkBook.d.ts +2 -2
- package/dist/Empty/image/WorkBook.js +0 -2
- package/dist/Empty/index.d.ts +1 -1
- package/dist/Empty/index.js +13 -23
- package/dist/Form/index.d.ts +4 -4
- package/dist/Form/index.js +16 -27
- package/dist/Icon/components/AlertTriangleDuotone.d.ts +1 -1
- package/dist/Icon/components/AlertTriangleDuotone.js +4 -11
- package/dist/Icon/components/CancelCircleDuotone.d.ts +1 -1
- package/dist/Icon/components/CancelCircleDuotone.js +4 -11
- package/dist/Icon/components/CheckCircleDuotone.d.ts +1 -1
- package/dist/Icon/components/CheckCircleDuotone.js +4 -11
- package/dist/Icon/components/Icon.d.ts +1 -1
- package/dist/Icon/components/Icon.js +9 -13
- package/dist/Icon/components/InfoCircleLine.d.ts +1 -1
- package/dist/Icon/components/InfoCircleLine.js +4 -11
- package/dist/Icon/components/createFromScripts.js +2 -8
- package/dist/IconButton/index.js +36 -57
- package/dist/IconButton/style/index.less +4 -0
- package/dist/Input/components/Group/index.d.ts +2 -2
- package/dist/Input/components/Group/index.js +4 -9
- package/dist/Input/components/Input/index.d.ts +2 -2
- package/dist/Input/components/Input/index.js +9 -17
- package/dist/Input/components/Password/index.js +4 -9
- package/dist/Input/components/TextArea/index.js +5 -10
- package/dist/InputNumber/index.d.ts +2 -2
- package/dist/InputNumber/index.js +13 -20
- package/dist/MemberPicker/components/MemberSelection.d.ts +2 -2
- package/dist/MemberPicker/components/MemberSelection.js +12 -20
- package/dist/MemberPicker/components/MultipleOption.d.ts +2 -2
- package/dist/MemberPicker/components/MultipleOption.js +8 -9
- package/dist/MemberPicker/components/NickLabel.js +2 -4
- package/dist/MemberPicker/components/Panel.d.ts +2 -2
- package/dist/MemberPicker/components/Panel.js +14 -25
- package/dist/MemberPicker/components/SelectedMemberTags.d.ts +2 -2
- package/dist/MemberPicker/components/SelectedMemberTags.js +2 -4
- package/dist/MemberPicker/components/SelectorFooter.d.ts +2 -2
- package/dist/MemberPicker/components/SingleOption.d.ts +2 -2
- package/dist/MemberPicker/components/SingleOption.js +9 -10
- package/dist/MemberPicker/index.js +46 -79
- package/dist/MemberPicker/interface.d.ts +2 -2
- package/dist/MemberPicker/utils/getUsersWithUserId.js +0 -1
- package/dist/Menu/Divider.d.ts +3 -3
- package/dist/Menu/MenuItem.d.ts +1 -1
- package/dist/Menu/SubMenu.d.ts +1 -1
- package/dist/Menu/SubMenu.js +1 -6
- package/dist/Menu/index.d.ts +2 -2
- package/dist/Menu/index.js +7 -16
- package/dist/Menu/style/dropdown.less +4 -2
- package/dist/Modal/index.d.ts +4 -4
- package/dist/Modal/index.js +108 -130
- package/dist/Modal/locale.js +4 -6
- package/dist/Navigator/components/Header/index.d.ts +2 -2
- package/dist/Navigator/components/Header/index.js +0 -2
- package/dist/Navigator/components/Menu/index.d.ts +2 -2
- package/dist/Navigator/components/Menu/index.js +8 -19
- package/dist/Navigator/components/MenuItem/index.d.ts +1 -1
- package/dist/Navigator/components/MenuItem/index.js +6 -9
- package/dist/Navigator/index.d.ts +1 -1
- package/dist/Navigator/index.js +5 -7
- package/dist/Pagination/index.d.ts +3 -3
- package/dist/Pagination/index.js +18 -43
- package/dist/Popconfirm/index.d.ts +2 -2
- package/dist/Popconfirm/index.js +19 -27
- package/dist/Popover/index.d.ts +2 -2
- package/dist/Popover/index.js +2 -9
- package/dist/Progress/index.js +21 -33
- package/dist/Radio/components/Group/index.d.ts +1 -1
- package/dist/Radio/components/Group/index.js +27 -36
- package/dist/Radio/components/Radio/index.d.ts +2 -2
- package/dist/Radio/components/Radio/index.js +10 -18
- package/dist/Radio/interface/radioGroup.d.ts +3 -3
- package/dist/Result/index.d.ts +7 -7
- package/dist/Result/index.js +17 -26
- package/dist/Result/noFound.js +0 -3
- package/dist/Result/serverError.js +0 -3
- package/dist/Result/unauthorized.js +1 -4
- package/dist/ScrollArea/index.js +6 -13
- package/dist/Select/components/MultipleOption.d.ts +2 -2
- package/dist/Select/components/MultipleOption.js +4 -8
- package/dist/Select/components/SingleOption.d.ts +2 -2
- package/dist/Select/components/SingleOption.js +5 -9
- package/dist/Select/index.d.ts +2 -2
- package/dist/Select/index.js +66 -134
- package/dist/Spin/CustomIcon/index.d.ts +2 -2
- package/dist/Spin/CustomIcon/index.js +0 -2
- package/dist/Spin/Icon/index.d.ts +2 -2
- package/dist/Spin/index.d.ts +2 -2
- package/dist/Spin/index.js +1 -10
- package/dist/Steps/components/ProcessIcon/index.d.ts +2 -2
- package/dist/Steps/components/ProcessIcon/index.js +0 -2
- package/dist/Steps/components/Step/index.d.ts +3 -3
- package/dist/Steps/components/Step/index.js +2 -8
- package/dist/Steps/index.d.ts +3 -3
- package/dist/Steps/index.js +8 -10
- package/dist/Switch/index.js +17 -30
- package/dist/Table/Table.js +88 -131
- package/dist/Table/components/Empty/index.d.ts +2 -2
- package/dist/Table/components/Empty/index.js +0 -2
- package/dist/Table/components/Loading/index.d.ts +2 -2
- package/dist/Table/components/Loading/index.js +0 -2
- package/dist/Table/components/TableBodyRowList/index.d.ts +2 -2
- package/dist/Table/components/TableBodyRowList/index.js +19 -39
- package/dist/Table/components/TableHead/index.d.ts +1 -1
- package/dist/Table/components/TableHead/index.js +56 -82
- package/dist/Table/hooks/useFrame.d.ts +1 -1
- package/dist/Table/hooks/useFrame.js +9 -24
- package/dist/Table/interface.d.ts +1 -1
- package/dist/Table/utils.js +8 -28
- package/dist/Tabs/TabPane.d.ts +2 -2
- package/dist/Tabs/index.d.ts +2 -2
- package/dist/Tabs/index.js +18 -33
- package/dist/Tooltip/index.d.ts +2 -2
- package/dist/Tooltip/index.js +12 -12
- package/dist/Tree/demo/basic/index.d.ts +2 -2
- package/dist/Tree/index.d.ts +1 -1
- package/dist/Tree/index.js +2 -4
- package/dist/_utils/hooks/useControlledState.js +9 -21
- package/dist/_utils/hooks/useId.js +4 -5
- package/dist/_utils/hooks/usePrefixCls.js +2 -5
- package/dist/index.js +3 -1
- package/dist/locale-provider/context.d.ts +1 -1
- package/dist/locale-provider/index.d.ts +1 -1
- package/dist/locale-provider/index.js +8 -33
- package/dist/message/index.js +3 -7
- package/dist/notification/demo/index.d.ts +2 -2
- package/dist/notification/demo/index.js +0 -1
- package/dist/notification/index.js +23 -32
- package/package.json +1 -1
|
@@ -1,26 +1,19 @@
|
|
|
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
|
-
function
|
|
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
|
-
|
|
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; }
|
|
5
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
11
6
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
7
|
import React from 'react';
|
|
14
8
|
import { HEADER_HEIGHT } from "../../constant";
|
|
15
9
|
import DragBar from "../DragBar";
|
|
16
10
|
export default function Header(props) {
|
|
17
11
|
var columns = props.columns,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
12
|
+
columnLayout = props.columnLayout,
|
|
13
|
+
setWidth = props.setWidth,
|
|
14
|
+
_props$columnRange = _slicedToArray(props.columnRange, 2),
|
|
15
|
+
startIndex = _props$columnRange[0],
|
|
16
|
+
endIndex = _props$columnRange[1];
|
|
24
17
|
return /*#__PURE__*/React.createElement("div", {
|
|
25
18
|
className: "ald-data-preview-header",
|
|
26
19
|
style: {
|
|
@@ -30,7 +23,6 @@ export default function Header(props) {
|
|
|
30
23
|
}
|
|
31
24
|
}, columns.slice(startIndex, endIndex + 1).map(function (column) {
|
|
32
25
|
var _column$renderHeader;
|
|
33
|
-
|
|
34
26
|
var innerCell = (_column$renderHeader = column.renderHeader) === null || _column$renderHeader === void 0 ? void 0 : _column$renderHeader.call(column, column);
|
|
35
27
|
var style = {
|
|
36
28
|
height: HEADER_HEIGHT,
|
|
@@ -1,17 +1,10 @@
|
|
|
1
1
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
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
|
-
function
|
|
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
|
-
|
|
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; }
|
|
6
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
13
7
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
|
|
15
8
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
16
9
|
import { DEFAULT_COLUMN_WIDTH } from "../constant";
|
|
17
10
|
import { EScrollHorizontalDirection, EScrollVerticalDirection } from "../interface";
|
|
@@ -29,33 +22,27 @@ export default function useDirection(columns, wrapRef) {
|
|
|
29
22
|
current: 'init'
|
|
30
23
|
}
|
|
31
24
|
});
|
|
32
|
-
|
|
33
25
|
var _useState = useState([0, 0]),
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
26
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
+
columnRange = _useState2[0],
|
|
28
|
+
setColumnRange = _useState2[1];
|
|
38
29
|
var _useState3 = useState([0, 0]),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
30
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
31
|
+
rowRange = _useState4[0],
|
|
32
|
+
setRowRange = _useState4[1];
|
|
43
33
|
var _useState5 = useState([]),
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
34
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
35
|
+
tableColumns = _useState6[0],
|
|
36
|
+
setTableColumns = _useState6[1];
|
|
48
37
|
var _useState7 = useState(0),
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
38
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
39
|
+
contentWidth = _useState8[0],
|
|
40
|
+
setContentWidth = _useState8[1];
|
|
53
41
|
var columnWidthRef = useRef({});
|
|
54
42
|
var getScrollDirection = useCallback(function (currentScrollTop, currentScrollLeft) {
|
|
55
43
|
var _prevScrollData$curre = prevScrollData.current,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
44
|
+
preScrollTop = _prevScrollData$curre.scrollTop,
|
|
45
|
+
preScrollLeft = _prevScrollData$curre.scrollLeft;
|
|
59
46
|
if (currentScrollLeft > preScrollLeft) {
|
|
60
47
|
var direction = {
|
|
61
48
|
vertical: EScrollVerticalDirection.SCROLL_TO_BOTTOM,
|
|
@@ -108,15 +95,12 @@ export default function useDirection(columns, wrapRef) {
|
|
|
108
95
|
return prevScrollData.current.direction;
|
|
109
96
|
}
|
|
110
97
|
}, []);
|
|
111
|
-
|
|
112
98
|
var _useState9 = useState([]),
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
99
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
100
|
+
columnsOffsets = _useState10[0],
|
|
101
|
+
setColumnsOffsets = _useState10[1];
|
|
117
102
|
var setRange = useCallback(function (columnsOffsets) {
|
|
118
103
|
var _wrapRef$current, _wrapRef$current2, _wrapRef$current3, _wrapRef$current4;
|
|
119
|
-
|
|
120
104
|
var scrollTop = ((_wrapRef$current = wrapRef.current) === null || _wrapRef$current === void 0 ? void 0 : _wrapRef$current.scrollTop) || 0;
|
|
121
105
|
var scrollLeft = ((_wrapRef$current2 = wrapRef.current) === null || _wrapRef$current2 === void 0 ? void 0 : _wrapRef$current2.scrollLeft) || 0;
|
|
122
106
|
var direction = getScrollDirection(scrollTop, scrollLeft);
|
|
@@ -126,52 +110,45 @@ export default function useDirection(columns, wrapRef) {
|
|
|
126
110
|
scrollLeft: scrollLeft,
|
|
127
111
|
columnsOffsets: columnsOffsets
|
|
128
112
|
});
|
|
129
|
-
|
|
130
113
|
if (columnRange) {
|
|
131
114
|
setColumnRange(columnRange);
|
|
132
115
|
}
|
|
133
|
-
|
|
134
116
|
var rowRange = getRowRange({
|
|
135
117
|
direction: direction.vertical,
|
|
136
118
|
wrapHeight: ((_wrapRef$current4 = wrapRef.current) === null || _wrapRef$current4 === void 0 ? void 0 : _wrapRef$current4.clientHeight) || 0,
|
|
137
119
|
scrollTop: scrollTop
|
|
138
120
|
});
|
|
139
|
-
|
|
140
121
|
if (rowRange) {
|
|
141
122
|
setRowRange(rowRange);
|
|
142
123
|
}
|
|
143
124
|
}, [getScrollDirection, wrapRef]);
|
|
144
|
-
|
|
145
125
|
var _useState11 = useState({}),
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
126
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
127
|
+
columnLayout = _useState12[0],
|
|
128
|
+
setColumnLayout = _useState12[1];
|
|
150
129
|
var onScroll = function onScroll() {
|
|
151
130
|
setRange(columnsOffsets);
|
|
152
131
|
};
|
|
153
|
-
|
|
154
132
|
useEffect(function () {
|
|
155
133
|
if (columns.length > 0) {
|
|
156
134
|
// 存在有效的列
|
|
157
135
|
// 计算列宽
|
|
158
136
|
var columnWidths = columns.map(function (_ref) {
|
|
159
137
|
var defaultWidth = _ref.defaultWidth,
|
|
160
|
-
|
|
138
|
+
id = _ref.id;
|
|
161
139
|
var width = columnWidthRef.current[id] || defaultWidth || DEFAULT_COLUMN_WIDTH;
|
|
162
140
|
columnWidthRef.current[id] = width;
|
|
163
141
|
return width;
|
|
164
|
-
});
|
|
142
|
+
});
|
|
165
143
|
|
|
144
|
+
// 计算contentWidth
|
|
166
145
|
var _contentWidth = columnWidths.reduce(function (sum, width) {
|
|
167
146
|
return sum + width;
|
|
168
|
-
}, 0);
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
147
|
+
}, 0);
|
|
148
|
+
// 计算columnsOffsets
|
|
149
|
+
var offsets = getColumnOffsetsFromWidths(columnWidths);
|
|
150
|
+
// 计算columnLayout
|
|
173
151
|
var _columnLayout = getTableLayout(columns, columnWidths);
|
|
174
|
-
|
|
175
152
|
setContentWidth(_contentWidth);
|
|
176
153
|
setColumnsOffsets(offsets);
|
|
177
154
|
setColumnLayout(_columnLayout);
|
|
@@ -181,8 +158,8 @@ export default function useDirection(columns, wrapRef) {
|
|
|
181
158
|
// 没有有效的列
|
|
182
159
|
setContentWidth(0);
|
|
183
160
|
setColumnsOffsets([]);
|
|
184
|
-
setColumnLayout({});
|
|
185
|
-
|
|
161
|
+
setColumnLayout({});
|
|
162
|
+
// setRange();
|
|
186
163
|
setTableColumns([]);
|
|
187
164
|
}
|
|
188
165
|
}, [columns, setRange]);
|
|
@@ -205,12 +182,10 @@ export default function useDirection(columns, wrapRef) {
|
|
|
205
182
|
var wrap = wrapRef.current;
|
|
206
183
|
var resizeObserver = new ResizeObserver(function (entries) {
|
|
207
184
|
var _iterator = _createForOfIteratorHelper(entries),
|
|
208
|
-
|
|
209
|
-
|
|
185
|
+
_step;
|
|
210
186
|
try {
|
|
211
187
|
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
212
188
|
var entry = _step.value;
|
|
213
|
-
|
|
214
189
|
if (entry.contentRect) {
|
|
215
190
|
setRange(columnsOffsets);
|
|
216
191
|
} else if (entry.contentBoxSize) {
|
|
@@ -10,49 +10,43 @@ import { CELL_HEIGHT, HEADER_HEIGHT } from "./constant";
|
|
|
10
10
|
import useDirection from "./hooks/useDirection";
|
|
11
11
|
var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12
12
|
var _wrapRef$current5;
|
|
13
|
-
|
|
14
13
|
var _props$columns = props.columns,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
columns = _props$columns === void 0 ? [] : _props$columns,
|
|
15
|
+
_props$datasource = props.datasource,
|
|
16
|
+
datasource = _props$datasource === void 0 ? [] : _props$datasource,
|
|
17
|
+
width = props.width,
|
|
18
|
+
height = props.height,
|
|
19
|
+
loading = props.loading,
|
|
20
|
+
dataStatus = props.dataStatus,
|
|
21
|
+
_props$errorMsg = props.errorMsg,
|
|
22
|
+
errorMsg = _props$errorMsg === void 0 ? '数据加载失败' : _props$errorMsg;
|
|
24
23
|
var contentHeight = useMemo(function () {
|
|
25
24
|
return datasource.length * CELL_HEIGHT + HEADER_HEIGHT;
|
|
26
25
|
}, [datasource]);
|
|
27
26
|
var wrapRef = useRef(null);
|
|
28
|
-
|
|
29
27
|
var _useDirection = useDirection(columns, wrapRef),
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
28
|
+
columnRange = _useDirection.columnRange,
|
|
29
|
+
rowRange = _useDirection.rowRange,
|
|
30
|
+
onScroll = _useDirection.onScroll,
|
|
31
|
+
columnLayout = _useDirection.columnLayout,
|
|
32
|
+
setColumnsWidth = _useDirection.setColumnsWidth,
|
|
33
|
+
contentWidth = _useDirection.contentWidth,
|
|
34
|
+
tableColumns = _useDirection.tableColumns;
|
|
38
35
|
useImperativeHandle(ref, function () {
|
|
39
36
|
return {
|
|
40
37
|
scrollToColumnInView: function scrollToColumnInView(columnId) {
|
|
41
38
|
var _wrapRef$current;
|
|
42
|
-
|
|
43
39
|
// 实现scrollTo方法
|
|
44
40
|
var columnPos = columnLayout[columnId];
|
|
45
|
-
if (!columnPos) return;
|
|
46
|
-
|
|
41
|
+
if (!columnPos) return;
|
|
42
|
+
// 根据容器的宽度,容器的scrollLeft,columnPos,判断当前列是否在可视区域内
|
|
47
43
|
var _ref = wrapRef.current,
|
|
48
|
-
|
|
44
|
+
scrollLeft = _ref.scrollLeft;
|
|
49
45
|
var left = columnPos.left,
|
|
50
|
-
|
|
46
|
+
width = columnPos.width;
|
|
51
47
|
var containerWidth = ((_wrapRef$current = wrapRef.current) === null || _wrapRef$current === void 0 ? void 0 : _wrapRef$current.clientWidth) || 0;
|
|
52
|
-
|
|
53
48
|
if (left < scrollLeft) {
|
|
54
49
|
var _wrapRef$current2;
|
|
55
|
-
|
|
56
50
|
// 左边不可见
|
|
57
51
|
(_wrapRef$current2 = wrapRef.current) === null || _wrapRef$current2 === void 0 ? void 0 : _wrapRef$current2.scrollTo({
|
|
58
52
|
left: left,
|
|
@@ -60,7 +54,6 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
60
54
|
});
|
|
61
55
|
} else if (left + width > scrollLeft + containerWidth) {
|
|
62
56
|
var _wrapRef$current3;
|
|
63
|
-
|
|
64
57
|
// 右边不可见
|
|
65
58
|
(_wrapRef$current3 = wrapRef.current) === null || _wrapRef$current3 === void 0 ? void 0 : _wrapRef$current3.scrollTo({
|
|
66
59
|
left: left + width - containerWidth,
|
|
@@ -72,9 +65,9 @@ var DataPreviewTable = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
72
65
|
});
|
|
73
66
|
var skeletonRows = useMemo(function () {
|
|
74
67
|
var _wrapRef$current4;
|
|
75
|
-
|
|
76
68
|
var rows = Math.ceil((((_wrapRef$current4 = wrapRef.current) === null || _wrapRef$current4 === void 0 ? void 0 : _wrapRef$current4.clientHeight) || 0 - HEADER_HEIGHT) / CELL_HEIGHT);
|
|
77
|
-
return rows - 1 < 0 ? 0 : rows - 1;
|
|
69
|
+
return rows - 1 < 0 ? 0 : rows - 1;
|
|
70
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
78
71
|
}, [wrapRef.current]);
|
|
79
72
|
return /*#__PURE__*/React.createElement(ScrollArea, {
|
|
80
73
|
ref: wrapRef,
|
|
@@ -12,7 +12,7 @@ export interface ITableProps {
|
|
|
12
12
|
export interface DataPreviewTableRef {
|
|
13
13
|
scrollToColumnInView: (columnId: string) => void;
|
|
14
14
|
}
|
|
15
|
-
export
|
|
15
|
+
export type Align = 'left' | 'center' | 'right';
|
|
16
16
|
export interface PreviewColumn {
|
|
17
17
|
icon?: React.ReactNode;
|
|
18
18
|
name: string;
|
|
@@ -21,7 +21,7 @@ export interface PreviewColumn {
|
|
|
21
21
|
renderHeader?: (column: Omit<PreviewColumn, 'render'>) => React.ReactElement;
|
|
22
22
|
align?: Align;
|
|
23
23
|
}
|
|
24
|
-
export
|
|
24
|
+
export type TValue = string | null | number | boolean;
|
|
25
25
|
export interface IColumnLayout {
|
|
26
26
|
[key: string]: {
|
|
27
27
|
width: number;
|
|
@@ -1,13 +1,10 @@
|
|
|
1
|
-
export var EScrollHorizontalDirection
|
|
2
|
-
|
|
3
|
-
(function (EScrollHorizontalDirection) {
|
|
1
|
+
export var EScrollHorizontalDirection = /*#__PURE__*/function (EScrollHorizontalDirection) {
|
|
4
2
|
EScrollHorizontalDirection["SCROLL_TO_LEFT"] = "toLeft";
|
|
5
3
|
EScrollHorizontalDirection["SCROLL_TO_RIGHT"] = "toRight";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
export var EScrollVerticalDirection
|
|
9
|
-
|
|
10
|
-
(function (EScrollVerticalDirection) {
|
|
4
|
+
return EScrollHorizontalDirection;
|
|
5
|
+
}({});
|
|
6
|
+
export var EScrollVerticalDirection = /*#__PURE__*/function (EScrollVerticalDirection) {
|
|
11
7
|
EScrollVerticalDirection["SCROLL_TO_TOP"] = "toTop";
|
|
12
8
|
EScrollVerticalDirection["SCROLL_TO_BOTTOM"] = "toBottom";
|
|
13
|
-
|
|
9
|
+
return EScrollVerticalDirection;
|
|
10
|
+
}({});
|
|
@@ -6,31 +6,23 @@ var BINARY_NUMBER = 2;
|
|
|
6
6
|
* @param targetNumber 当前数字
|
|
7
7
|
* @returns 数组中第一个大于等于目标数字的index,最大为arr.length-1 如果数组为空,返回-1
|
|
8
8
|
*/
|
|
9
|
-
|
|
10
9
|
export function findLastIndex(arr, targetNumber) {
|
|
11
10
|
if (arr.length === 0) {
|
|
12
11
|
return UNDEFINED_INDEX;
|
|
13
12
|
}
|
|
14
|
-
|
|
15
13
|
var last = arr[arr.length - 1];
|
|
16
|
-
|
|
17
14
|
if (targetNumber >= last) {
|
|
18
15
|
return arr.length - 1;
|
|
19
16
|
}
|
|
20
|
-
|
|
21
17
|
var first = arr[FIRST_INDEX];
|
|
22
|
-
|
|
23
18
|
if (targetNumber <= first) {
|
|
24
19
|
return FIRST_INDEX;
|
|
25
20
|
}
|
|
26
|
-
|
|
27
21
|
var left = 0,
|
|
28
|
-
|
|
29
|
-
|
|
22
|
+
right = arr.length - 1;
|
|
30
23
|
while (left <= right) {
|
|
31
24
|
var midIndex = Math.floor((left + right) / BINARY_NUMBER);
|
|
32
25
|
var mid = arr[midIndex];
|
|
33
|
-
|
|
34
26
|
if (mid < targetNumber) {
|
|
35
27
|
left = midIndex + 1;
|
|
36
28
|
} else if (mid === targetNumber) {
|
|
@@ -39,7 +31,6 @@ export function findLastIndex(arr, targetNumber) {
|
|
|
39
31
|
right = midIndex - 1;
|
|
40
32
|
}
|
|
41
33
|
}
|
|
42
|
-
|
|
43
34
|
return left;
|
|
44
35
|
}
|
|
45
36
|
/**
|
|
@@ -48,31 +39,23 @@ export function findLastIndex(arr, targetNumber) {
|
|
|
48
39
|
* @param targetNumber 当前数字
|
|
49
40
|
* @returns 返回数组中第一个小于等于目标数字的index,用于查找起始位置 ,最小为0 如果数组为空返回-1
|
|
50
41
|
*/
|
|
51
|
-
|
|
52
42
|
export function findFirstIndex(arr, targetNumber) {
|
|
53
43
|
if (arr.length === 0) {
|
|
54
44
|
return UNDEFINED_INDEX;
|
|
55
45
|
}
|
|
56
|
-
|
|
57
46
|
var last = arr[arr.length - 1];
|
|
58
|
-
|
|
59
47
|
if (targetNumber >= last) {
|
|
60
48
|
return arr.length - 1;
|
|
61
49
|
}
|
|
62
|
-
|
|
63
50
|
var first = arr[FIRST_INDEX];
|
|
64
|
-
|
|
65
51
|
if (targetNumber <= first) {
|
|
66
52
|
return FIRST_INDEX;
|
|
67
53
|
}
|
|
68
|
-
|
|
69
54
|
var left = 0,
|
|
70
|
-
|
|
71
|
-
|
|
55
|
+
right = arr.length - 1;
|
|
72
56
|
while (left <= right) {
|
|
73
57
|
var midIndex = Math.floor((left + right) / BINARY_NUMBER);
|
|
74
58
|
var mid = arr[midIndex];
|
|
75
|
-
|
|
76
59
|
if (mid > targetNumber) {
|
|
77
60
|
right = midIndex - 1;
|
|
78
61
|
} else if (mid === targetNumber) {
|
|
@@ -81,6 +64,5 @@ export function findFirstIndex(arr, targetNumber) {
|
|
|
81
64
|
left = midIndex + 1;
|
|
82
65
|
}
|
|
83
66
|
}
|
|
84
|
-
|
|
85
67
|
return right;
|
|
86
68
|
}
|
|
@@ -3,23 +3,19 @@ import { EScrollHorizontalDirection } from "../interface";
|
|
|
3
3
|
import { findFirstIndex, findLastIndex } from "./findRange";
|
|
4
4
|
export default (function (_ref) {
|
|
5
5
|
var direction = _ref.direction,
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
6
|
+
wrapWidth = _ref.wrapWidth,
|
|
7
|
+
scrollLeft = _ref.scrollLeft,
|
|
8
|
+
columnsOffsets = _ref.columnsOffsets;
|
|
10
9
|
if (direction === EScrollHorizontalDirection.SCROLL_TO_LEFT) {
|
|
11
10
|
// 往左滚动
|
|
12
11
|
var firstIndex = findFirstIndex(columnsOffsets, scrollLeft - PRE_RENDER_RANGE);
|
|
13
12
|
var lastIndex = findLastIndex(columnsOffsets, scrollLeft + wrapWidth);
|
|
14
13
|
return [firstIndex, lastIndex];
|
|
15
14
|
}
|
|
16
|
-
|
|
17
15
|
if (direction === EScrollHorizontalDirection.SCROLL_TO_RIGHT || direction === 'init') {
|
|
18
16
|
// 往右滚动
|
|
19
17
|
var _firstIndex = findFirstIndex(columnsOffsets, scrollLeft);
|
|
20
|
-
|
|
21
18
|
var _lastIndex = findLastIndex(columnsOffsets, scrollLeft + PRE_RENDER_RANGE + wrapWidth);
|
|
22
|
-
|
|
23
19
|
return [_firstIndex, _lastIndex];
|
|
24
20
|
}
|
|
25
21
|
});
|
|
@@ -2,27 +2,21 @@ import { CELL_HEIGHT, PRE_RENDER_RANGE } from "../constant";
|
|
|
2
2
|
import { EScrollVerticalDirection } from "../interface";
|
|
3
3
|
export default (function (_ref) {
|
|
4
4
|
var direction = _ref.direction,
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
5
|
+
wrapHeight = _ref.wrapHeight,
|
|
6
|
+
scrollTop = _ref.scrollTop;
|
|
8
7
|
if (direction === EScrollVerticalDirection.SCROLL_TO_TOP) {
|
|
9
8
|
// 往上滚动
|
|
10
9
|
var firstIndex = Math.floor((scrollTop - PRE_RENDER_RANGE) / CELL_HEIGHT);
|
|
11
|
-
|
|
12
10
|
if (firstIndex < 0) {
|
|
13
11
|
firstIndex = 0;
|
|
14
12
|
}
|
|
15
|
-
|
|
16
13
|
var lastIndex = Math.ceil((scrollTop + wrapHeight) / CELL_HEIGHT) + 1;
|
|
17
14
|
return [firstIndex, lastIndex];
|
|
18
15
|
}
|
|
19
|
-
|
|
20
16
|
if (direction === EScrollVerticalDirection.SCROLL_TO_BOTTOM || direction === 'init') {
|
|
21
17
|
// 往下滚动
|
|
22
18
|
var _firstIndex = Math.floor(scrollTop / CELL_HEIGHT);
|
|
23
|
-
|
|
24
19
|
var _lastIndex = Math.ceil((scrollTop + wrapHeight + PRE_RENDER_RANGE) / CELL_HEIGHT) + 1;
|
|
25
|
-
|
|
26
20
|
return [_firstIndex, _lastIndex];
|
|
27
21
|
}
|
|
28
22
|
});
|
|
@@ -3,7 +3,6 @@ export default (function (tableColumns, columnsWidth) {
|
|
|
3
3
|
if (columnsWidth.length !== tableColumns.length) {
|
|
4
4
|
throw new Error('columnsWidth.length !== tableColumns.length');
|
|
5
5
|
}
|
|
6
|
-
|
|
7
6
|
var columnLayout = {};
|
|
8
7
|
var left = 0;
|
|
9
8
|
tableColumns.forEach(function (column, index) {
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
import { DatePicker as AntdDatePicker, DatePickerProps as AntdDatePickerProps } from 'antd';
|
|
2
2
|
import { Dayjs } from 'dayjs';
|
|
3
3
|
declare const DatePicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
|
|
4
|
-
status?: "" | "
|
|
4
|
+
status?: "" | "error" | "warning" | undefined;
|
|
5
5
|
hashId?: string | undefined;
|
|
6
6
|
popupClassName?: string | undefined;
|
|
7
7
|
rootClassName?: string | undefined;
|
|
8
8
|
}, unknown> & {
|
|
9
9
|
WeekPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
|
|
10
|
-
status?: "" | "
|
|
10
|
+
status?: "" | "error" | "warning" | undefined;
|
|
11
11
|
hashId?: string | undefined;
|
|
12
12
|
popupClassName?: string | undefined;
|
|
13
13
|
rootClassName?: string | undefined;
|
|
14
14
|
}, "picker">, unknown>;
|
|
15
15
|
MonthPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
|
|
16
|
-
status?: "" | "
|
|
16
|
+
status?: "" | "error" | "warning" | undefined;
|
|
17
17
|
hashId?: string | undefined;
|
|
18
18
|
popupClassName?: string | undefined;
|
|
19
19
|
rootClassName?: string | undefined;
|
|
20
20
|
}, "picker">, unknown>;
|
|
21
21
|
YearPicker: import("antd/es/date-picker/generatePicker/interface").PickerComponentClass<Omit<import("antd/es/date-picker/generatePicker").PickerProps<Dayjs> & {
|
|
22
|
-
status?: "" | "
|
|
22
|
+
status?: "" | "error" | "warning" | undefined;
|
|
23
23
|
hashId?: string | undefined;
|
|
24
24
|
popupClassName?: string | undefined;
|
|
25
25
|
rootClassName?: string | undefined;
|
|
@@ -33,9 +33,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
|
|
|
33
33
|
size?: import("antd/es/button").ButtonSize;
|
|
34
34
|
placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
|
|
35
35
|
bordered?: boolean | undefined;
|
|
36
|
-
status?: "" | "
|
|
36
|
+
status?: "" | "error" | "warning" | undefined;
|
|
37
37
|
} & {
|
|
38
|
-
status?: "" | "
|
|
38
|
+
status?: "" | "error" | "warning" | undefined;
|
|
39
39
|
hashId?: string | undefined;
|
|
40
40
|
popupClassName?: string | undefined;
|
|
41
41
|
rootClassName?: string | undefined;
|
|
@@ -45,9 +45,9 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
|
|
|
45
45
|
size?: import("antd/es/button").ButtonSize;
|
|
46
46
|
placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight" | undefined;
|
|
47
47
|
bordered?: boolean | undefined;
|
|
48
|
-
status?: "" | "
|
|
48
|
+
status?: "" | "error" | "warning" | undefined;
|
|
49
49
|
} & {
|
|
50
|
-
status?: "" | "
|
|
50
|
+
status?: "" | "error" | "warning" | undefined;
|
|
51
51
|
hashId?: string | undefined;
|
|
52
52
|
popupClassName?: string | undefined;
|
|
53
53
|
rootClassName?: string | undefined;
|
|
@@ -63,7 +63,7 @@ declare const DatePicker: import("antd/es/date-picker/generatePicker/interface")
|
|
|
63
63
|
TimePicker: typeof AntdDatePicker.TimePicker;
|
|
64
64
|
QuarterPicker: typeof AntdDatePicker.QuarterPicker;
|
|
65
65
|
};
|
|
66
|
-
export
|
|
67
|
-
export
|
|
68
|
-
export
|
|
66
|
+
export type DatePickerProps = AntdDatePickerProps;
|
|
67
|
+
export type YearPickerProps = typeof AntdDatePicker.YearPicker;
|
|
68
|
+
export type QuarterPickerProps = typeof AntdDatePicker.QuarterPicker;
|
|
69
69
|
export default DatePicker;
|