@aloudata/aloudata-design 1.9.16 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (159) hide show
  1. package/dist/Button/style/type.less +1 -1
  2. package/dist/Checkbox/style/index.less +35 -9
  3. package/dist/ConfigProvider/getUserList.d.ts +13 -1
  4. package/dist/ConfigProvider/getUserList.js +5 -0
  5. package/dist/Icon/components/AlertTriangleDuotone.d.ts +3 -2
  6. package/dist/Icon/components/AlertTriangleDuotone.js +3 -3
  7. package/dist/Icon/components/CancelCircleDuotone.d.ts +3 -2
  8. package/dist/Icon/components/CancelCircleDuotone.js +4 -4
  9. package/dist/Icon/components/CheckCircleDuotone.d.ts +3 -2
  10. package/dist/Icon/components/CheckCircleDuotone.js +4 -4
  11. package/dist/Icon/components/ChevronDownLine.d.ts +3 -2
  12. package/dist/Icon/components/ChevronDownLine.js +3 -3
  13. package/dist/Icon/components/ChevronLeftLine.d.ts +3 -2
  14. package/dist/Icon/components/ChevronLeftLine.js +3 -3
  15. package/dist/Icon/components/ChevronRightLine.d.ts +3 -2
  16. package/dist/Icon/components/ChevronRightLine.js +3 -3
  17. package/dist/Icon/components/CloseLLine.d.ts +3 -2
  18. package/dist/Icon/components/CloseLLine.js +4 -4
  19. package/dist/Icon/components/CloseMLine.d.ts +3 -2
  20. package/dist/Icon/components/CloseMLine.js +3 -3
  21. package/dist/Icon/components/DragLine.d.ts +11 -0
  22. package/dist/Icon/components/DragLine.js +35 -0
  23. package/dist/Icon/components/EyeOffLine.d.ts +3 -2
  24. package/dist/Icon/components/EyeOffLine.js +3 -3
  25. package/dist/Icon/components/EyeOnLine.d.ts +3 -2
  26. package/dist/Icon/components/EyeOnLine.js +3 -3
  27. package/dist/Icon/components/FoldDownFill.d.ts +3 -2
  28. package/dist/Icon/components/FoldDownFill.js +4 -4
  29. package/dist/Icon/components/FoldUpFill.d.ts +3 -2
  30. package/dist/Icon/components/FoldUpFill.js +4 -4
  31. package/dist/Icon/components/InfoCircleDuotone.d.ts +3 -2
  32. package/dist/Icon/components/InfoCircleDuotone.js +3 -3
  33. package/dist/Icon/components/InfoCircleLine.d.ts +3 -2
  34. package/dist/Icon/components/InfoCircleLine.js +3 -3
  35. package/dist/Icon/components/LoadingLine.d.ts +3 -2
  36. package/dist/Icon/components/LoadingLine.js +3 -3
  37. package/dist/Icon/components/MoreVerticalLine.d.ts +3 -2
  38. package/dist/Icon/components/MoreVerticalLine.js +3 -3
  39. package/dist/Icon/components/SearchLine.d.ts +3 -2
  40. package/dist/Icon/components/SearchLine.js +3 -3
  41. package/dist/Icon/index.d.ts +1 -0
  42. package/dist/Icon/index.js +1 -0
  43. package/dist/Icon/svg/drag-line.svg +5 -0
  44. package/dist/MemberPicker/components/MemberSelection.d.ts +1 -1
  45. package/dist/MemberPicker/components/MemberSelection.js +8 -3
  46. package/dist/MemberPicker/components/MultipleOption.d.ts +5 -2
  47. package/dist/MemberPicker/components/MultipleOption.js +20 -5
  48. package/dist/MemberPicker/components/NickLabel.d.ts +3 -3
  49. package/dist/MemberPicker/components/NickLabel.js +6 -6
  50. package/dist/MemberPicker/components/Panel.d.ts +7 -4
  51. package/dist/MemberPicker/components/Panel.js +70 -20
  52. package/dist/MemberPicker/components/PanelWrapper.d.ts +14 -0
  53. package/dist/MemberPicker/components/PanelWrapper.js +126 -0
  54. package/dist/MemberPicker/components/SelectedMemberTags.d.ts +3 -2
  55. package/dist/MemberPicker/components/SelectedMemberTags.js +8 -5
  56. package/dist/MemberPicker/components/SelectorFooter.js +1 -1
  57. package/dist/MemberPicker/components/SingleOption.d.ts +3 -2
  58. package/dist/MemberPicker/components/SingleOption.js +7 -4
  59. package/dist/MemberPicker/components/UserGroupSelection.d.ts +14 -0
  60. package/dist/MemberPicker/components/UserGroupSelection.js +130 -0
  61. package/dist/MemberPicker/index.d.ts +2 -0
  62. package/dist/MemberPicker/index.js +28 -17
  63. package/dist/MemberPicker/interface.d.ts +11 -5
  64. package/dist/MemberPicker/interface.js +6 -1
  65. package/dist/MemberPicker/style/index.less +18 -3
  66. package/dist/MemberPicker/utils/getUsersWithUserId.d.ts +4 -0
  67. package/dist/MemberPicker/utils/getUsersWithUserId.js +23 -2
  68. package/dist/MemberPicker/utils/index.d.ts +6 -0
  69. package/dist/MemberPicker/utils/index.js +16 -0
  70. package/dist/Modal/index.js +1 -1
  71. package/dist/Radio/style/index.less +1 -1
  72. package/dist/ScrollArea/index.d.ts +1 -0
  73. package/dist/ScrollArea/index.js +6 -3
  74. package/dist/Table/components/Cell.d.ts +7 -0
  75. package/dist/Table/components/Cell.js +20 -0
  76. package/dist/Table/components/Header.d.ts +6 -0
  77. package/dist/Table/components/Header.js +19 -0
  78. package/dist/{AldTable → Table}/helper.d.ts +9 -2
  79. package/dist/Table/helper.js +121 -0
  80. package/dist/Table/hooks/useScroll.d.ts +26 -0
  81. package/dist/Table/hooks/useScroll.js +57 -0
  82. package/dist/Table/index.d.ts +3 -1
  83. package/dist/Table/index.js +176 -1
  84. package/dist/Table/style/index.less +106 -203
  85. package/dist/{AldTable → Table}/types.d.ts +5 -4
  86. package/dist/Tree/DirectoryTree.d.ts +20 -0
  87. package/dist/Tree/DirectoryTree.js +175 -0
  88. package/dist/Tree/Tree.d.ts +136 -0
  89. package/dist/Tree/Tree.js +130 -0
  90. package/dist/Tree/demo/basic/index.js +3 -2
  91. package/dist/Tree/demo/drag/index.d.ts +3 -0
  92. package/dist/Tree/demo/drag/index.js +52 -0
  93. package/dist/Tree/index.d.ts +19 -13
  94. package/dist/Tree/index.js +7 -17
  95. package/dist/Tree/style/checkbox.less +226 -0
  96. package/dist/Tree/style/directory.less +68 -0
  97. package/dist/Tree/style/index.less +68 -29
  98. package/dist/Tree/style/mixin.less +333 -0
  99. package/dist/Tree/style/reset.less +11 -0
  100. package/dist/Tree/style/rtl.less +68 -0
  101. package/dist/Tree/style/var.less +42 -0
  102. package/dist/Tree/utils/dictUtil.d.ts +9 -0
  103. package/dist/Tree/utils/dictUtil.js +74 -0
  104. package/dist/Tree/utils/dropIndicator.d.ts +9 -0
  105. package/dist/Tree/utils/dropIndicator.js +35 -0
  106. package/dist/Tree/utils/iconUtil.d.ts +5 -0
  107. package/dist/Tree/utils/iconUtil.js +63 -0
  108. package/dist/_utils/motion.d.ts +8 -0
  109. package/dist/_utils/motion.js +52 -0
  110. package/dist/_utils/reactNode.d.ts +8 -0
  111. package/dist/_utils/reactNode.js +15 -0
  112. package/dist/_utils/type.d.ts +9 -0
  113. package/dist/_utils/type.js +20 -0
  114. package/dist/index.d.ts +11 -13
  115. package/dist/index.js +6 -7
  116. package/dist/style/color/bezierEasing.less +110 -0
  117. package/dist/style/color/colorPalette.less +84 -0
  118. package/dist/style/color/colors.less +162 -0
  119. package/dist/style/color/tinyColor.less +1184 -0
  120. package/dist/style/core/index.less +2 -0
  121. package/dist/style/core/motion/fade.less +34 -0
  122. package/dist/style/core/motion/move.less +129 -0
  123. package/dist/style/core/motion/other.less +48 -0
  124. package/dist/style/core/motion/slide.less +131 -0
  125. package/dist/style/core/motion/zoom.less +179 -0
  126. package/dist/style/core/motion.less +22 -0
  127. package/dist/style/index.less +2 -0
  128. package/dist/style/mixins/index.less +1 -0
  129. package/dist/style/mixins/motion.less +33 -0
  130. package/dist/style/themes/default/default.less +24 -0
  131. package/dist/style/themes/default/index.less +1 -0
  132. package/package.json +2 -2
  133. package/dist/AldTable/helper.js +0 -109
  134. package/dist/AldTable/index.d.ts +0 -4
  135. package/dist/AldTable/index.js +0 -146
  136. package/dist/AldTable/style/index.d.ts +0 -2
  137. package/dist/AldTable/style/index.js +0 -2
  138. package/dist/AldTable/style/index.less +0 -135
  139. package/dist/Table/Table.d.ts +0 -6
  140. package/dist/Table/Table.js +0 -360
  141. package/dist/Table/components/Empty/index.d.ts +0 -3
  142. package/dist/Table/components/Empty/index.js +0 -14
  143. package/dist/Table/components/Loading/index.d.ts +0 -3
  144. package/dist/Table/components/Loading/index.js +0 -12
  145. package/dist/Table/components/TableBodyRowList/index.d.ts +0 -13
  146. package/dist/Table/components/TableBodyRowList/index.js +0 -75
  147. package/dist/Table/components/TableHead/index.d.ts +0 -23
  148. package/dist/Table/components/TableHead/index.js +0 -229
  149. package/dist/Table/constant.d.ts +0 -0
  150. package/dist/Table/constant.js +0 -0
  151. package/dist/Table/hooks/useFrame.d.ts +0 -7
  152. package/dist/Table/hooks/useFrame.js +0 -75
  153. package/dist/Table/interface.d.ts +0 -42
  154. package/dist/Table/interface.js +0 -1
  155. package/dist/Table/react-table-config.d.ts +0 -122
  156. package/dist/Table/style/variable.less +0 -4
  157. package/dist/Table/utils.d.ts +0 -15
  158. package/dist/Table/utils.js +0 -122
  159. /package/dist/{AldTable → Table}/types.js +0 -0
@@ -1,229 +0,0 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
4
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
5
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
6
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
7
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
8
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
9
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
10
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
11
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
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
- 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; } }
14
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
15
- import classnames from 'classnames';
16
- import _ from 'lodash';
17
- import React, { useState } from 'react';
18
- import { FoldDownFill, FoldUpFill } from "../../../Icon";
19
- import usePrefixCls from "../../../_utils/hooks/usePrefixCls";
20
- import message from "../../../message";
21
- import { getValidWidthByNumber } from "../../utils";
22
- var ARRAY_FIRST_INDEX = 0;
23
- function TableHead(props) {
24
- var headerGroups = props.headerGroups,
25
- canResizeColumn = props.canResizeColumn,
26
- defaultSort = props.defaultSort,
27
- _props$sortable = props.sortable,
28
- sortable = _props$sortable === void 0 ? false : _props$sortable,
29
- _props$columns = props.columns,
30
- columns = _props$columns === void 0 ? [{
31
- accessor: '',
32
- sortOrder: 'descend'
33
- }] : _props$columns,
34
- allSortDirections = props.sortDirections,
35
- setSortBy = props.setSortBy,
36
- _props$onChange = props.onChange,
37
- onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
38
- tableHeadRef = props.tableHeadRef,
39
- columnsWidthMapRef = props.columnsWidthMapRef,
40
- columnsTotalWidthRef = props.columnsTotalWidthRef;
41
- var prefixCls = usePrefixCls('', 'ald-table');
42
-
43
- // 第一列的情况 默认或者恢复是需要用到
44
- var defaultSortObject = {
45
- id: columns[ARRAY_FIRST_INDEX].accessor,
46
- desc: !!(columns[ARRAY_FIRST_INDEX].sortOrder && columns[ARRAY_FIRST_INDEX].sortOrder === 'descend')
47
- };
48
-
49
- // 如果支持排序
50
- // 1. 有默认排序 则按照默认排序
51
- // 2. 如果没有默认排序,再判断第一列是否符合排序条件,若满足 => 则按第一列排序
52
- var getInitialSortDirection = function getInitialSortDirection() {
53
- if (defaultSort && defaultSort.id) {
54
- return defaultSort;
55
- }
56
- if (!defaultSortObject.id) {
57
- message.error('开启了排序,但是没有给予默认排序列,并且第一列不支持排序');
58
- }
59
- return defaultSortObject;
60
- };
61
- var _useState = useState(getInitialSortDirection()),
62
- _useState2 = _slicedToArray(_useState, 2),
63
- sortDirection = _useState2[0],
64
- setSortDirection = _useState2[1];
65
-
66
- // 排序的方向 倒叙{ id: 'xx', desc: true }、正序{ id: 'xx', desc: false }、无序 { id: '', desc: undefined }
67
- // 获取排序方向以及排序的id
68
- var getSortBy = function getSortBy(id) {
69
- var sortDirections = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['ascend', 'descend'];
70
- var sortOrder // 如果传了列的默认排序方式,则不可以更改
71
- = arguments.length > 2 ? arguments[2] : undefined;
72
- var res = {
73
- id: id,
74
- desc: undefined // 给个默认的排序
75
- };
76
-
77
- var isSameCol = sortDirection.id === id;
78
- var descMap = new Map([['ascend', false], ['descend', true]]);
79
- var directions = allSortDirections || sortDirections;
80
-
81
- // 如果不是同一列 则返回默认排序 或者排序顺序的第一个
82
- if (!isSameCol) {
83
- if (sortOrder === 'ascend' || sortOrder === 'descend') {
84
- res.desc = descMap.get(sortOrder);
85
- } else {
86
- res.desc = sortOrder || descMap.get(directions[ARRAY_FIRST_INDEX]);
87
- }
88
- return res;
89
- }
90
-
91
- // 如果是同一列
92
- // 如果列给了默认的sortOrder则不在变化
93
- if (sortOrder === 'ascend' || sortOrder === 'descend') {
94
- res.desc = descMap.get(sortOrder);
95
- return res;
96
- }
97
-
98
- // 在所有方向上 往后取一个
99
- var lastSortDirection = sortDirection.desc ? 'descend' : 'ascend';
100
- var index = _.findIndex(directions, function (item) {
101
- return item === lastSortDirection;
102
- });
103
- var nextIndex = index + 1;
104
- res.desc = descMap.get(directions[nextIndex]);
105
-
106
- // 如果没有排序方向,则返回默认排序对象
107
- if (res.desc === undefined) {
108
- res.id = '';
109
- }
110
- return res;
111
- };
112
- var getHeaderProps = function getHeaderProps(column) {
113
- // @ts-ignore
114
- var id = column.id,
115
- canSort = column.canSort,
116
- sorter = column.sorter,
117
- sortOrder = column.sortOrder,
118
- sortDirections = column.sortDirections;
119
- var toggleProps = column.getSortByToggleProps();
120
-
121
- // 仅在Table设置sortable时,所有列的canSort为true,此时为前端排序
122
- if (canSort) {
123
- // client sort
124
- return _objectSpread(_objectSpread({}, column.getHeaderProps(_objectSpread({}, toggleProps))), {}, {
125
- onClick: function onClick(e) {
126
- e.stopPropagation();
127
- if (typeof toggleProps.onClick === 'function') {
128
- var _sortBy = getSortBy(id, sortDirections, sortOrder);
129
- setSortBy(_sortBy.desc === undefined ? [defaultSortObject] : [_sortBy]); // 客户端排序时 需要重新设置排序
130
- setSortDirection(_sortBy);
131
- onChange(_sortBy);
132
- }
133
- }
134
- });
135
- }
136
- // 当列设置sorter属性时,则为服务端排序
137
- if (sorter) {
138
- // server sort
139
- return _objectSpread(_objectSpread({}, column.getHeaderProps({
140
- style: {
141
- cursor: 'pointer'
142
- }
143
- })), {}, {
144
- onClick: function onClick(e) {
145
- e.stopPropagation();
146
- var sortBy = getSortBy(id, sortDirections, sortOrder);
147
- setSortDirection(sortBy);
148
- onChange(sortBy);
149
- }
150
- });
151
- }
152
- return column.getHeaderProps();
153
- };
154
- var SortIcons = function SortIcons(_ref) {
155
- var id = _ref.id;
156
- var currentSortId = sortDirection.id,
157
- desc = sortDirection.desc;
158
- if (id !== currentSortId || !sortable) {
159
- return null;
160
- }
161
- return desc ? /*#__PURE__*/React.createElement(FoldDownFill, {
162
- className: "".concat(prefixCls, "-sortIcon"),
163
- size: 12
164
- }) : /*#__PURE__*/React.createElement(FoldUpFill, {
165
- className: "".concat(prefixCls, "-sortIcon"),
166
- size: 12
167
- });
168
- };
169
-
170
- // 在页面拖拽完成之后 更新表格整体宽度以及每个列对应的列宽map
171
- var adjustColumnsMapAfterDrag = function adjustColumnsMapAfterDrag(key, width) {
172
- var _$cloneDeep, _columnsWidthMapRef$c, _columnsWidthMapRef$c2, _columnsWidthMapRef$c3;
173
- var newMap = (_$cloneDeep = _.cloneDeep(columnsWidthMapRef.current)) !== null && _$cloneDeep !== void 0 ? _$cloneDeep : new Map();
174
- var originWidth = (_columnsWidthMapRef$c = (_columnsWidthMapRef$c2 = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c2 === void 0 ? void 0 : (_columnsWidthMapRef$c3 = _columnsWidthMapRef$c2.get(key)) === null || _columnsWidthMapRef$c3 === void 0 ? void 0 : _columnsWidthMapRef$c3.width) !== null && _columnsWidthMapRef$c !== void 0 ? _columnsWidthMapRef$c : 0;
175
- var newWidth = getValidWidthByNumber(width);
176
- newMap.set(key, {
177
- isSpecific: true,
178
- width: newWidth
179
- });
180
- columnsWidthMapRef.current = newMap;
181
- columnsTotalWidthRef.current = columnsTotalWidthRef.current - originWidth + newWidth;
182
- };
183
- var handleStyleAndReturn = function handleStyleAndReturn(column, index) {
184
- var _columnsWidthMapRef$c4, _columnsWidthMapRef$c5, _getHeaderProps$style, _getHeaderProps$style2;
185
- var key = index.toString();
186
- var lastColumnsMapWidth = (_columnsWidthMapRef$c4 = columnsWidthMapRef.current) === null || _columnsWidthMapRef$c4 === void 0 ? void 0 : (_columnsWidthMapRef$c5 = _columnsWidthMapRef$c4.get(key)) === null || _columnsWidthMapRef$c5 === void 0 ? void 0 : _columnsWidthMapRef$c5.width; // Optional chaining to handle undefined
187
- var currentRenderWidth = Number((_getHeaderProps$style = getHeaderProps(column).style) === null || _getHeaderProps$style === void 0 ? void 0 : (_getHeaderProps$style2 = _getHeaderProps$style.width) === null || _getHeaderProps$style2 === void 0 ? void 0 : _getHeaderProps$style2.toString().replace('px', '')); // Table's internal calculated width in 'px'
188
-
189
- if (lastColumnsMapWidth !== undefined && currentRenderWidth !== lastColumnsMapWidth) {
190
- adjustColumnsMapAfterDrag(key, currentRenderWidth);
191
- }
192
- return _objectSpread(_objectSpread({}, getHeaderProps(column).style), {}, {
193
- width: getValidWidthByNumber(currentRenderWidth)
194
- });
195
- };
196
- return /*#__PURE__*/React.createElement("div", {
197
- className: "".concat(prefixCls, "-thead"),
198
- ref: tableHeadRef,
199
- style: {
200
- width: columnsTotalWidthRef.current
201
- }
202
- }, headerGroups.map(function (headerGroup) {
203
- var _headerGroup$getHeade = headerGroup.getHeaderGroupProps(),
204
- headerGroupProps = Object.assign({}, (_objectDestructuringEmpty(_headerGroup$getHeade), _headerGroup$getHeade));
205
- return /*#__PURE__*/React.createElement("div", _extends({}, headerGroupProps, {
206
- key: headerGroupProps.key,
207
- className: "".concat(prefixCls, "-row")
208
- }), headerGroup.headers.map(function (column, index) {
209
- var barProps = canResizeColumn ? column.getResizerProps() : {};
210
- var headCellStyle = handleStyleAndReturn(column, index);
211
- return /*#__PURE__*/React.createElement("div", {
212
- className: classnames(_defineProperty({}, "".concat(prefixCls, "-cell-sorting"), column.id === sortDirection.id), "".concat(prefixCls, "-cell")),
213
- style: headCellStyle,
214
- key: column.id
215
- }, /*#__PURE__*/React.createElement("div", _extends({
216
- className: "".concat(prefixCls, "-cell-content")
217
- }, getHeaderProps(column), {
218
- style: {
219
- width: '100%'
220
- }
221
- }), /*#__PURE__*/React.createElement(React.Fragment, null, column.render('Header'), /*#__PURE__*/React.createElement(SortIcons, {
222
- id: column.id
223
- }))), /*#__PURE__*/React.createElement("div", _extends({}, barProps, {
224
- className: classnames(_defineProperty({}, "".concat(prefixCls, "-dragBar"), canResizeColumn), "".concat(prefixCls, "-bar"))
225
- })));
226
- }));
227
- }));
228
- }
229
- export default TableHead;
File without changes
File without changes
@@ -1,7 +0,0 @@
1
- export type Updater<State> = (prev: State) => State;
2
- /**
3
- * Execute code before next frame but async
4
- */
5
- export declare function useLayoutState<State>(defaultState: State): [State, (updater: Updater<State>) => void];
6
- /** Lock frame, when frame pass reset the lock. */
7
- export declare function useTimeoutLock<State>(defaultState?: State): [(state: State) => void, () => State];
@@ -1,75 +0,0 @@
1
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
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."); }
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); }
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; } }
6
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7
- // @ts-nocheck
8
- import { useRef, useState, useEffect } from 'react';
9
- /**
10
- * Execute code before next frame but async
11
- */
12
- export function useLayoutState(defaultState) {
13
- var stateRef = useRef(defaultState);
14
- var _useState = useState({}),
15
- _useState2 = _slicedToArray(_useState, 2),
16
- forceUpdate = _useState2[1];
17
- var lastPromiseRef = useRef(null);
18
- var updateBatchRef = useRef([]);
19
- function setFrameState(updater) {
20
- updateBatchRef.current.push(updater);
21
- var promise = Promise.resolve();
22
- // @ts-ignore;
23
- lastPromiseRef.current = promise;
24
- promise.then(function () {
25
- if (lastPromiseRef.current === promise) {
26
- var prevBatch = updateBatchRef.current;
27
- var prevState = stateRef.current;
28
- updateBatchRef.current = [];
29
- prevBatch.forEach(function (batchUpdater) {
30
- stateRef.current = batchUpdater(stateRef.current);
31
- });
32
-
33
- // @ts-ignore;
34
- lastPromiseRef.current = null;
35
- if (prevState !== stateRef.current) {
36
- forceUpdate({});
37
- }
38
- }
39
- });
40
- }
41
- useEffect(function () {
42
- return function () {
43
- // @ts-ignore;
44
- lastPromiseRef.current = null;
45
- };
46
- }, []);
47
- return [stateRef.current, setFrameState];
48
- }
49
-
50
- /** Lock frame, when frame pass reset the lock. */
51
- export function useTimeoutLock(defaultState) {
52
- var frameRef = useRef(defaultState || null);
53
- var timeoutRef = useRef();
54
- var TIMEOUT_DELAY = 50;
55
- function cleanUp() {
56
- window.clearTimeout(timeoutRef.current);
57
- }
58
- function setState(newState) {
59
- // @ts-ignore;
60
- frameRef.current = newState;
61
- cleanUp();
62
- timeoutRef.current = window.setTimeout(function () {
63
- // @ts-ignore;
64
- frameRef.current = null;
65
- timeoutRef.current = undefined;
66
- }, TIMEOUT_DELAY);
67
- }
68
- function getState() {
69
- return frameRef.current;
70
- }
71
- useEffect(function () {
72
- return cleanUp;
73
- }, []);
74
- return [setState, getState];
75
- }
@@ -1,42 +0,0 @@
1
- /// <reference types="react" />
2
- import { IdType } from 'react-table';
3
- export type TSortOrder = 'ascend' | 'descend' | false;
4
- export interface ISort<T> {
5
- id: IdType<T>;
6
- desc?: boolean;
7
- }
8
- export interface IColumn<RecordType> {
9
- title: string | null;
10
- dataIndex: string;
11
- render?: (value: any, row: RecordType, index: number) => React.ReactNode;
12
- width?: number | string;
13
- minWidth?: number;
14
- widthFlex?: boolean;
15
- sorter?: boolean | 'string' | 'number' | 'basic' | 'datetime' | 'alphanumeric';
16
- sortOrder?: TSortOrder;
17
- sortDirections?: Array<'ascend' | 'descend'>;
18
- selected?: boolean;
19
- }
20
- export interface ITableProps<RecordType> {
21
- key?: React.Key;
22
- columns: IColumn<RecordType>[];
23
- data: RecordType[];
24
- onRowSelected?: (row: RecordType) => void;
25
- loadMore?: () => Promise<void>;
26
- hasNextPage?: boolean;
27
- loading?: boolean;
28
- sortable?: boolean;
29
- onChange?: (sort: ISort<RecordType>) => void;
30
- defaultSort?: ISort<RecordType>;
31
- sortDirections?: Array<'ascend' | 'descend'>;
32
- resizeColumn?: boolean;
33
- showHeader?: boolean;
34
- height?: string | number;
35
- innerScroll?: boolean;
36
- ref?: React.RefObject<unknown>;
37
- scrollThreshold?: string | number;
38
- rowClassName?: string;
39
- ellipsis?: boolean;
40
- rowKey?: string | ((row: RecordType) => string);
41
- canSelected?: boolean;
42
- }
@@ -1 +0,0 @@
1
- export {};
@@ -1,122 +0,0 @@
1
- /* eslint-disable @typescript-eslint/naming-convention */
2
- import {
3
- UseColumnOrderInstanceProps,
4
- UseColumnOrderState,
5
- UseExpandedHooks,
6
- UseExpandedInstanceProps,
7
- UseExpandedOptions,
8
- UseExpandedRowProps,
9
- UseExpandedState,
10
- UseFiltersColumnOptions,
11
- UseFiltersColumnProps,
12
- UseFiltersInstanceProps,
13
- UseFiltersOptions,
14
- UseFiltersState,
15
- UseGlobalFiltersColumnOptions,
16
- UseGlobalFiltersInstanceProps,
17
- UseGlobalFiltersOptions,
18
- UseGlobalFiltersState,
19
- UseGroupByCellProps,
20
- UseGroupByColumnOptions,
21
- UseGroupByColumnProps,
22
- UseGroupByHooks,
23
- UseGroupByInstanceProps,
24
- UseGroupByOptions,
25
- UseGroupByRowProps,
26
- UseGroupByState,
27
- UsePaginationInstanceProps,
28
- UsePaginationOptions,
29
- UsePaginationState,
30
- UseResizeColumnsColumnOptions,
31
- UseResizeColumnsColumnProps,
32
- UseResizeColumnsOptions,
33
- UseResizeColumnsState,
34
- UseRowSelectHooks,
35
- UseRowSelectInstanceProps,
36
- UseRowSelectOptions,
37
- UseRowSelectRowProps,
38
- UseRowSelectState,
39
- UseRowStateCellProps,
40
- UseRowStateInstanceProps,
41
- UseRowStateOptions,
42
- UseRowStateRowProps,
43
- UseRowStateState,
44
- UseSortByColumnOptions,
45
- UseSortByColumnProps,
46
- UseSortByHooks,
47
- UseSortByInstanceProps,
48
- UseSortByOptions,
49
- UseSortByState,
50
- } from 'react-table';
51
-
52
- declare module 'react-table' {
53
- // take this file as-is, or comment out the sections that don't apply to your plugin configuration
54
-
55
- export interface TableOptions<D extends Record<string, unknown>>
56
- extends UseExpandedOptions<D>,
57
- UseFiltersOptions<D>,
58
- UseGlobalFiltersOptions<D>,
59
- UseGroupByOptions<D>,
60
- UsePaginationOptions<D>,
61
- UseResizeColumnsOptions<D>,
62
- UseRowSelectOptions<D>,
63
- UseRowStateOptions<D>,
64
- UseSortByOptions<D>,
65
- // note that having Record here allows you to add anything to the options, this matches the spirit of the
66
- // underlying js library, but might be cleaner if it's replaced by a more specific type that matches your
67
- // feature set, this is a safe default.
68
- Record<string, unknown> {}
69
-
70
- export interface Hooks<D extends Record<string, unknown> = Record<string, unknown>>
71
- extends UseExpandedHooks<D>,
72
- UseGroupByHooks<D>,
73
- UseRowSelectHooks<D>,
74
- UseSortByHooks<D> {}
75
-
76
- export interface TableInstance<D extends Record<string, unknown> = Record<string, unknown>>
77
- extends UseColumnOrderInstanceProps<D>,
78
- UseExpandedInstanceProps<D>,
79
- UseFiltersInstanceProps<D>,
80
- UseGlobalFiltersInstanceProps<D>,
81
- UseGroupByInstanceProps<D>,
82
- UsePaginationInstanceProps<D>,
83
- UseRowSelectInstanceProps<D>,
84
- UseRowStateInstanceProps<D>,
85
- UseSortByInstanceProps<D> {}
86
-
87
- export interface TableState<D extends Record<string, unknown> = Record<string, unknown>>
88
- extends UseColumnOrderState<D>,
89
- UseExpandedState<D>,
90
- UseFiltersState<D>,
91
- UseGlobalFiltersState<D>,
92
- UseGroupByState<D>,
93
- UsePaginationState<D>,
94
- UseResizeColumnsState<D>,
95
- UseRowSelectState<D>,
96
- UseRowStateState<D>,
97
- UseSortByState<D> {}
98
-
99
- export interface ColumnInterface<D extends Record<string, unknown> = Record<string, unknown>>
100
- extends UseFiltersColumnOptions<D>,
101
- UseGlobalFiltersColumnOptions<D>,
102
- UseGroupByColumnOptions<D>,
103
- UseResizeColumnsColumnOptions<D>,
104
- UseSortByColumnOptions<D> {}
105
-
106
- export interface ColumnInstance<D extends Record<string, unknown> = Record<string, unknown>>
107
- extends UseFiltersColumnProps<D>,
108
- UseGroupByColumnProps<D>,
109
- UseResizeColumnsColumnProps<D>,
110
- UseSortByColumnProps<D> {}
111
-
112
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
113
- export interface Cell<D extends Record<string, unknown> = Record<string, unknown>, V = unknown>
114
- extends UseGroupByCellProps<D>,
115
- UseRowStateCellProps<D> {}
116
-
117
- export interface Row<D extends Record<string, unknown> = Record<string, unknown>>
118
- extends UseExpandedRowProps<D>,
119
- UseGroupByRowProps<D>,
120
- UseRowSelectRowProps<D>,
121
- UseRowStateRowProps<D> {}
122
- }
@@ -1,4 +0,0 @@
1
- /* stylelint-disable property-no-unknown */
2
-
3
- @table-head-row-height: 32px;
4
- @table-body-row-height: 48px;
@@ -1,15 +0,0 @@
1
- import { IColumn } from './interface';
2
- export interface IWidthDetail {
3
- width: number;
4
- isSpecific: boolean;
5
- }
6
- export declare function isPercentageWidth(width: string): boolean;
7
- export declare function isSpecificPxWidth(width: string): boolean;
8
- export declare function getValidWidthByNumber(width: number): number;
9
- export declare function getPercentageValue(percentage: string, containerNum: number): number;
10
- export declare function getPxValue(px: string): number;
11
- export declare function getValidScrollThreshold(height: string | number, clientHeight: number): number;
12
- export declare function getColumnsWidthMap<T>(columns: IColumn<T>[], clientWidth: number, lastWidthMap?: Map<string, IWidthDetail>): {
13
- columnsWidthMap: Map<string, IWidthDetail>;
14
- totalColumnWidth: number;
15
- };
@@ -1,122 +0,0 @@
1
- var ZERO = 0;
2
- var NOT_SET = -1;
3
- var COLUMN_MIN_WIDTH = 80;
4
- var HUNDRED = 100;
5
- export function isPercentageWidth(width) {
6
- return /[0-9]{1,}%$/.test(width);
7
- }
8
- export function isSpecificPxWidth(width) {
9
- return /[0-9]{1,}(px)$/.test(width);
10
- }
11
- function isSpecificWidth(width) {
12
- return typeof width === 'number' || !!(width && isSpecificPxWidth(width));
13
- }
14
- export function getValidWidthByNumber(width) {
15
- return width < COLUMN_MIN_WIDTH ? COLUMN_MIN_WIDTH : width;
16
- }
17
- export function getPercentageValue(percentage, containerNum) {
18
- var percent = Number(percentage.replace('%', '')) / HUNDRED;
19
- return getValidWidthByNumber(containerNum * percent);
20
- }
21
- export function getPxValue(px) {
22
- return Number(px.replace('px', ''));
23
- }
24
- export function getValidScrollThreshold(height, clientHeight) {
25
- var scrollThreshold = ZERO;
26
- if (typeof height === 'string') {
27
- if (isPercentageWidth(height)) {
28
- scrollThreshold = getPercentageValue(height, clientHeight);
29
- } else {
30
- scrollThreshold = getPxValue(height);
31
- }
32
- } else {
33
- scrollThreshold = height;
34
- }
35
- return scrollThreshold;
36
- }
37
- function getWidthByColumnsWidth(clientWidth, width, widthFlex) {
38
- if (width === undefined || widthFlex) {
39
- return NOT_SET;
40
- }
41
- if (typeof width === 'number') {
42
- return getValidWidthByNumber(width);
43
- }
44
- if (isPercentageWidth(width)) {
45
- return getPercentageValue(width, clientWidth);
46
- }
47
- if (isSpecificPxWidth(width)) {
48
- var specificNum = getPxValue(width);
49
- return getValidWidthByNumber(specificNum);
50
- }
51
- return NOT_SET;
52
- }
53
- // TODO: 添加单侧
54
- export function getColumnsWidthMap(columns, clientWidth, lastWidthMap // 容器宽度变化之后才会传入一个最新的map
55
- ) {
56
- var settedTotalWidth = ZERO;
57
- var unsetWidthIndex = [];
58
- var widthMap = new Map();
59
- var totalColumnWidth = ZERO;
60
- columns.forEach(function (item, index) {
61
- var key = index.toString();
62
- var widthFlex = item.widthFlex;
63
- var width = getWidthByColumnsWidth(clientWidth, item.width, widthFlex);
64
- // 首先判断是否是否是容器宽度的变化
65
- var isSpecific;
66
- if (widthFlex) {
67
- isSpecific = false;
68
- } else {
69
- var _lastWidthMap$get;
70
- isSpecific = lastWidthMap ? (_lastWidthMap$get = lastWidthMap.get(key)) === null || _lastWidthMap$get === void 0 ? void 0 : _lastWidthMap$get.isSpecific : isSpecificWidth(item.width);
71
- }
72
- if (lastWidthMap && isSpecific) {
73
- var _lastWidthMap$get$wid, _lastWidthMap$get2;
74
- width = (_lastWidthMap$get$wid = (_lastWidthMap$get2 = lastWidthMap.get(key)) === null || _lastWidthMap$get2 === void 0 ? void 0 : _lastWidthMap$get2.width) !== null && _lastWidthMap$get$wid !== void 0 ? _lastWidthMap$get$wid : width;
75
- }
76
- if (width === NOT_SET) {
77
- unsetWidthIndex.push(key);
78
- } else {
79
- settedTotalWidth += width;
80
- }
81
- widthMap.set(key, {
82
- width: width,
83
- isSpecific: Boolean(isSpecific)
84
- });
85
- });
86
-
87
- // 设定宽度大于容器宽度时
88
- if (settedTotalWidth < clientWidth) {
89
- unsetWidthIndex.map(function (item) {
90
- var _widthMap$get$isSpeci, _widthMap$get;
91
- return widthMap.set(item, {
92
- isSpecific: (_widthMap$get$isSpeci = (_widthMap$get = widthMap.get(item)) === null || _widthMap$get === void 0 ? void 0 : _widthMap$get.isSpecific) !== null && _widthMap$get$isSpeci !== void 0 ? _widthMap$get$isSpeci : false,
93
- width: COLUMN_MIN_WIDTH
94
- });
95
- });
96
- }
97
-
98
- // 设定宽度小于容器宽度时
99
- if (unsetWidthIndex.length > ZERO) {
100
- var leftWidth = clientWidth - settedTotalWidth;
101
- var average = getValidWidthByNumber(leftWidth / unsetWidthIndex.length);
102
- unsetWidthIndex.map(function (item) {
103
- var _widthMap$get$isSpeci2, _widthMap$get2;
104
- return widthMap.set(item, {
105
- isSpecific: (_widthMap$get$isSpeci2 = (_widthMap$get2 = widthMap.get(item)) === null || _widthMap$get2 === void 0 ? void 0 : _widthMap$get2.isSpecific) !== null && _widthMap$get$isSpeci2 !== void 0 ? _widthMap$get$isSpeci2 : false,
106
- width: average
107
- });
108
- });
109
- }
110
- columns.forEach(function (item, index) {
111
- var _widthMap$get3;
112
- var key = index.toString();
113
- var width = (_widthMap$get3 = widthMap.get(key)) === null || _widthMap$get3 === void 0 ? void 0 : _widthMap$get3.width;
114
- if (width !== undefined) {
115
- totalColumnWidth += width;
116
- }
117
- });
118
- return {
119
- columnsWidthMap: widthMap,
120
- totalColumnWidth: totalColumnWidth
121
- };
122
- }
File without changes