@hi-ui/table 5.0.0-experimental.3 → 5.0.0-rc.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.
- package/CHANGELOG.md +54 -98
- package/lib/cjs/BaseTable.js +13 -5
- package/lib/cjs/SettingDrawer.js +12 -9
- package/lib/cjs/hooks/use-async-switch.js +18 -21
- package/lib/cjs/hooks/use-col-width.js +2 -1
- package/lib/cjs/node_modules/rc-resize-observer/node_modules/rc-util/es/Children/toArray.js +1 -1
- package/lib/cjs/node_modules/rc-resize-observer/node_modules/rc-util/es/ref.js +1 -1
- package/lib/cjs/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/cjs/react-is.development.js +1 -1
- package/lib/cjs/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/cjs/react-is.production.min.js +1 -1
- package/lib/cjs/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/index.js +3 -3
- package/lib/esm/BaseTable.js +13 -5
- package/lib/esm/SettingDrawer.js +12 -9
- package/lib/esm/hooks/use-async-switch.js +18 -21
- package/lib/esm/hooks/use-col-width.js +2 -1
- package/lib/esm/node_modules/rc-resize-observer/node_modules/rc-util/es/Children/toArray.js +1 -1
- package/lib/esm/node_modules/rc-resize-observer/node_modules/rc-util/es/ref.js +1 -1
- package/lib/esm/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/cjs/react-is.development.js +1 -1
- package/lib/esm/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/cjs/react-is.production.min.js +1 -1
- package/lib/esm/node_modules/{rc-resize-observer/node_modules/react-is → react-is}/index.js +3 -3
- package/lib/types/Table.d.ts +4 -4
- package/lib/types/TableColumnMenu.d.ts +1 -1
- package/lib/types/TbodyContent.d.ts +3 -3
- package/lib/types/context.d.ts +54 -54
- package/lib/types/hooks/use-async-switch.d.ts +3 -3
- package/lib/types/hooks/use-check.d.ts +2 -2
- package/lib/types/hooks/use-col-frozen.d.ts +1 -1
- package/lib/types/hooks/use-col-hidden.d.ts +3 -2
- package/lib/types/hooks/use-col-set.d.ts +1 -1
- package/lib/types/hooks/use-col-sorter.d.ts +2 -1
- package/lib/types/hooks/use-col-width.d.ts +1 -1
- package/lib/types/hooks/use-embed-expand.d.ts +1 -1
- package/lib/types/hooks/use-expand.d.ts +2 -2
- package/lib/types/hooks/use-pagination.d.ts +2 -2
- package/lib/types/types.d.ts +12 -12
- package/lib/types/use-table.d.ts +8 -8
- package/package.json +37 -37
package/CHANGELOG.md
CHANGED
|
@@ -1,57 +1,6 @@
|
|
|
1
1
|
# @hi-ui/table
|
|
2
2
|
|
|
3
|
-
## 5.0.0-
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- 96aeb5a9a: fix(table): fix sorter ui bug (5.0)
|
|
8
|
-
|
|
9
|
-
## 5.0.0-experimental.2
|
|
10
|
-
|
|
11
|
-
### Minor Changes
|
|
12
|
-
|
|
13
|
-
- 59cef699f: feat: 组件语义化样式改造,增加 styles 和 classNames 属性 (5.0)
|
|
14
|
-
|
|
15
|
-
### Patch Changes
|
|
16
|
-
|
|
17
|
-
- eb17c4697: style: 修复 UI/样式问题 (5.0)
|
|
18
|
-
- Updated dependencies [7f204c892]
|
|
19
|
-
- Updated dependencies [eb17c4697]
|
|
20
|
-
- Updated dependencies [eb17c4697]
|
|
21
|
-
- Updated dependencies [c407744fe]
|
|
22
|
-
- Updated dependencies [ec647a5ee]
|
|
23
|
-
- Updated dependencies [59cef699f]
|
|
24
|
-
- @hi-ui/icons@5.0.0-experimental.1
|
|
25
|
-
- @hi-ui/core@5.0.0-experimental.1
|
|
26
|
-
- @hi-ui/button@5.0.0-experimental.1
|
|
27
|
-
- @hi-ui/checkbox@5.0.0-experimental.1
|
|
28
|
-
- @hi-ui/drawer@5.0.0-experimental.1
|
|
29
|
-
- @hi-ui/empty-state@5.0.0-experimental.1
|
|
30
|
-
- @hi-ui/icon-button@5.0.0-experimental.1
|
|
31
|
-
- @hi-ui/loading@5.0.0-experimental.1
|
|
32
|
-
- @hi-ui/pagination@5.0.0-experimental.1
|
|
33
|
-
- @hi-ui/popper@5.0.0-experimental.1
|
|
34
|
-
- @hi-ui/radio@5.0.0-experimental.1
|
|
35
|
-
- @hi-ui/scrollbar@5.0.0-experimental.1
|
|
36
|
-
- @hi-ui/select@5.0.0-experimental.2
|
|
37
|
-
- @hi-ui/use-merge-semantic@5.0.0-experimental.0
|
|
38
|
-
- @hi-ui/spinner@5.0.0-experimental.1
|
|
39
|
-
|
|
40
|
-
## 5.0.0-experimental.1
|
|
41
|
-
|
|
42
|
-
### Patch Changes
|
|
43
|
-
|
|
44
|
-
- dad50a380: style(table): 修改斑马纹颜色为 bgColor token (5.0)
|
|
45
|
-
- 18a876ca6: style(table): 扩大排序按钮点击区域 (5.0)
|
|
46
|
-
- 发布 hiui experimental 版本
|
|
47
|
-
- 3d84a04aa: fix(table): 修复 stretchHeight+bordered 模式下数据为空时左右边框未显示问题 (5.0)
|
|
48
|
-
- cfdc94dbc: fix(table): 计算每列 top 值优化,只有在需要 sticky 的场景下才设置该值 (5.0)
|
|
49
|
-
- Updated dependencies [8f23e9322]
|
|
50
|
-
- Updated dependencies [b27483796]
|
|
51
|
-
- Updated dependencies
|
|
52
|
-
- @hi-ui/select@5.0.0-experimental.1
|
|
53
|
-
|
|
54
|
-
## 5.0.0-experimental.0
|
|
3
|
+
## 5.0.0-rc.0
|
|
55
4
|
|
|
56
5
|
### Major Changes
|
|
57
6
|
|
|
@@ -64,32 +13,34 @@
|
|
|
64
13
|
- aebefd73e: feat(table): add onScroll api (5.0)
|
|
65
14
|
- 9f4268ee3: feat(table): TableColumnItem 支持泛型 (5.0)
|
|
66
15
|
- d51de8acc: feat(table): add stretchHeight api (5.0)
|
|
16
|
+
- 59cef699f: feat: 组件语义化样式改造,增加 styles 和 classNames 属性 (5.0)
|
|
67
17
|
|
|
68
18
|
### Patch Changes
|
|
69
19
|
|
|
70
20
|
- 4a31cea53: style: 统一调整组件 shadow (5.0)
|
|
71
21
|
- 9b34d99bc: chore: 将代码中 v4 改为 v5 (5.0)
|
|
72
|
-
- 1662753e0: style: fix ui bug (5.0)
|
|
73
22
|
- e5964c571: style(table): 修复虚拟表格中多选列没有居中问题 (5.0)
|
|
74
23
|
- d2cdb2537: fix(table): 修复在 stretchHeight 模式下,冻结列表头和单元格层级问题 (5.0)
|
|
24
|
+
- dad50a380: style(table): 修改斑马纹颜色为 bgColor token (5.0)
|
|
75
25
|
- 619e031ab: style(table): update hover and striped row background colors for improved visibility (5.0)
|
|
76
26
|
- 76cfe571b: style(table): 修复虚拟表格下 align 设置无效问题 (5.0)
|
|
77
27
|
- 8c0ee78f0: perf: 优化全局 size 配置,对于组件中没有的 size 值,取最接近的尺寸展示 (5.0)
|
|
78
28
|
- 9b34d99bc: fix: 修复 5.0 UI 问题 (5.0)
|
|
29
|
+
- ebd1a6e7a: fix(table): 修复 stretchHeight 模式下冻结列阴影样式问题 (5.0)
|
|
79
30
|
- ea9d00628: fix(table): 修复表头分组数据为空时表头显示异常问题,当 data 为空时,使用双表格 (5.0)
|
|
80
|
-
- be5a59325: style: 修改样式问题 (5.0)
|
|
81
31
|
- fc7f381ff: perf(table): add cell class prefix to TbodyContent and adjust useColWidth debounce timing (5.0)
|
|
82
|
-
- 71fc15e5c: style: 修改样式问题 (5.0)
|
|
83
32
|
- b6a389ac1: perf(table): 优化表格列宽更新逻辑,当内容宽度没有超出时再更新列宽 (5.0)
|
|
84
33
|
- 79ea480f3: feat(global-context): 增加 size api 全局配置 (5.0)
|
|
34
|
+
- 18a876ca6: style(table): 扩大排序按钮点击区域 (5.0)
|
|
85
35
|
- e2f69cb62: refactor(table): stretchHeight 模式不再使用双表格结构,使用 sticky 实现 (5.0)
|
|
86
36
|
- 2e56529f7: styles: 主题定制功能完善&&样式变量化写法改造&&兼容 RTL (5.0)
|
|
87
37
|
- eb718e940: fix: 修改组件问题 (5.0)
|
|
88
38
|
- 150e813bf: fix(table): 优化 useColSorter 钩子,移除不必要的 columnsLatestRef 引用,直接使用 columns 进行排序计算 (5.0)
|
|
39
|
+
- eb17c4697: style: 修复 UI/样式问题 (5.0)
|
|
40
|
+
- 96aeb5a9a: fix(table): fix sorter ui bug (5.0)
|
|
89
41
|
- ac15c6141: <br />
|
|
90
42
|
- fix(table): 修改表格在外层是 scale 时导致列宽计算有误的问题 (5.0)
|
|
91
43
|
- fix(loading): 修改 loading size 类型,移除 xs 尺寸 (5.0)
|
|
92
|
-
- e2d184e74: style: 修改 UI 问题 (5.0)
|
|
93
44
|
- 6ac7e8eb2: chore(table): export SettingDrawer types (5.0)
|
|
94
45
|
- ded9bb6d6: <br>
|
|
95
46
|
- perf(table): 优化列宽更新逻辑,当 columns 长度和 dataKey、width 发生变化时,重新计算列宽 (5.0)
|
|
@@ -99,22 +50,23 @@
|
|
|
99
50
|
- fix(table): 标题去掉背景,头部加上边框 (5.0)
|
|
100
51
|
- fix(table): 单元格间距调整 & 设置最小高度 (5.0)
|
|
101
52
|
- fix(table): 不同尺寸修改 (5.0)
|
|
53
|
+
- 3d84a04aa: fix(table): 修复 stretchHeight+bordered 模式下数据为空时左右边框未显示问题 (5.0)
|
|
102
54
|
- 33da3144e: build: 将 package.json 中 exports 配置中的 types 配置放在最上面 (5.0)
|
|
103
|
-
- 7f3abee55: style: fix ui bug (5.0)
|
|
104
55
|
- 478b51050: fix(table): 修复标题过长时,列头宽度拉宽后无法缩小的问题 (5.0)
|
|
105
|
-
- a0f0c9d6b: style: 修改 UI 问题 (5.0)
|
|
106
56
|
- e3a854122: refactor(table): 调整列宽计算逻辑,兼容表头分组和单元格合并场景 (5.0)
|
|
57
|
+
- cfdc94dbc: fix(table): 计算每列 top 值优化,只有在需要 sticky 的场景下才设置该值 (5.0)
|
|
58
|
+
- 6ae564d44: fix(table): 修复 SettingDrawer 打开时会触发 onReset 问题 (5.0)
|
|
107
59
|
- Updated dependencies [20aac2a2f]
|
|
108
|
-
- Updated dependencies [6fb223e3a]
|
|
109
60
|
- Updated dependencies [4a31cea53]
|
|
110
61
|
- Updated dependencies [0f7aac2f3]
|
|
111
62
|
- Updated dependencies [1e226cd66]
|
|
112
63
|
- Updated dependencies [eea29eade]
|
|
113
64
|
- Updated dependencies [b9989e482]
|
|
65
|
+
- Updated dependencies [7f204c892]
|
|
114
66
|
- Updated dependencies [6167ad50b]
|
|
115
|
-
- Updated dependencies [1662753e0]
|
|
116
67
|
- Updated dependencies [122d1d859]
|
|
117
68
|
- Updated dependencies [f1ab51725]
|
|
69
|
+
- Updated dependencies [eb17c4697]
|
|
118
70
|
- Updated dependencies [cf89262c7]
|
|
119
71
|
- Updated dependencies [8c0ee78f0]
|
|
120
72
|
- Updated dependencies [9b34d99bc]
|
|
@@ -123,18 +75,20 @@
|
|
|
123
75
|
- Updated dependencies [423aab762]
|
|
124
76
|
- Updated dependencies [fd4c20bbd]
|
|
125
77
|
- Updated dependencies [08b9d0ecf]
|
|
126
|
-
- Updated dependencies [be5a59325]
|
|
127
|
-
- Updated dependencies [71fc15e5c]
|
|
128
78
|
- Updated dependencies [b6a389ac1]
|
|
129
79
|
- Updated dependencies [f8acad4e1]
|
|
130
80
|
- Updated dependencies [79ea480f3]
|
|
131
81
|
- Updated dependencies [2e56529f7]
|
|
132
82
|
- Updated dependencies [eb718e940]
|
|
83
|
+
- Updated dependencies [3a7186e4b]
|
|
133
84
|
- Updated dependencies [277c5033a]
|
|
134
85
|
- Updated dependencies [4e0ed3a31]
|
|
135
86
|
- Updated dependencies [95abba983]
|
|
87
|
+
- Updated dependencies [8f23e9322]
|
|
136
88
|
- Updated dependencies [8a92ec660]
|
|
89
|
+
- Updated dependencies [b27483796]
|
|
137
90
|
- Updated dependencies [1429eced2]
|
|
91
|
+
- Updated dependencies [eb17c4697]
|
|
138
92
|
- Updated dependencies [ac15c6141]
|
|
139
93
|
- Updated dependencies [976ec929d]
|
|
140
94
|
- Updated dependencies [f1ab51725]
|
|
@@ -142,57 +96,59 @@
|
|
|
142
96
|
- Updated dependencies [de8d058dc]
|
|
143
97
|
- Updated dependencies [5210770d9]
|
|
144
98
|
- Updated dependencies [4006b2c8c]
|
|
99
|
+
- Updated dependencies [c407744fe]
|
|
100
|
+
- Updated dependencies [d91a8bb0f]
|
|
145
101
|
- Updated dependencies [77d969c2e]
|
|
146
102
|
- Updated dependencies [2f850ad84]
|
|
147
103
|
- Updated dependencies [3457a6f7d]
|
|
148
104
|
- Updated dependencies [4006b2c8c]
|
|
149
105
|
- Updated dependencies [e42e2badf]
|
|
106
|
+
- Updated dependencies [ec647a5ee]
|
|
150
107
|
- Updated dependencies [33da3144e]
|
|
151
|
-
- Updated dependencies [0a8cc07a7]
|
|
152
|
-
- Updated dependencies [7f3abee55]
|
|
153
108
|
- Updated dependencies [0a4e90dbd]
|
|
154
109
|
- Updated dependencies [58ad82e94]
|
|
155
|
-
- Updated dependencies [a0f0c9d6b]
|
|
156
110
|
- Updated dependencies [4a31cea53]
|
|
111
|
+
- Updated dependencies [95d930354]
|
|
157
112
|
- Updated dependencies [f2be367e9]
|
|
158
113
|
- Updated dependencies [1972fd16a]
|
|
114
|
+
- Updated dependencies [59cef699f]
|
|
159
115
|
- Updated dependencies [99801c2d1]
|
|
160
|
-
- Updated dependencies [86910f5e2]
|
|
161
116
|
- Updated dependencies [cb7b794d0]
|
|
162
117
|
- Updated dependencies [dd60555d3]
|
|
163
118
|
- Updated dependencies [f9c4afd14]
|
|
164
|
-
- @hi-ui/radio@5.0.0-
|
|
165
|
-
- @hi-ui/
|
|
166
|
-
- @hi-ui/
|
|
167
|
-
- @hi-ui/
|
|
168
|
-
- @hi-ui/
|
|
169
|
-
- @hi-ui/
|
|
170
|
-
- @hi-ui/
|
|
171
|
-
- @hi-ui/empty-state@5.0.0-
|
|
172
|
-
- @hi-ui/
|
|
173
|
-
- @hi-ui/
|
|
174
|
-
- @hi-ui/
|
|
175
|
-
- @hi-ui/use-
|
|
176
|
-
- @hi-ui/use-check@5.0.0-
|
|
177
|
-
- @hi-ui/use-
|
|
178
|
-
- @hi-ui/use-
|
|
179
|
-
- @hi-ui/use-
|
|
180
|
-
- @hi-ui/use-
|
|
181
|
-
- @hi-ui/use-
|
|
182
|
-
- @hi-ui/
|
|
183
|
-
- @hi-ui/
|
|
184
|
-
- @hi-ui/scrollbar@5.0.0-
|
|
185
|
-
- @hi-ui/spinner@5.0.0-
|
|
186
|
-
- @hi-ui/array-utils@5.0.0-
|
|
187
|
-
- @hi-ui/classname@5.0.0-
|
|
188
|
-
- @hi-ui/dom-utils@5.0.0-
|
|
189
|
-
- @hi-ui/env@5.0.0-
|
|
190
|
-
- @hi-ui/func-utils@5.0.0-
|
|
191
|
-
- @hi-ui/object-utils@5.0.0-
|
|
192
|
-
- @hi-ui/react-utils@5.0.0-
|
|
193
|
-
- @hi-ui/times@5.0.0-
|
|
194
|
-
- @hi-ui/tree-utils@5.0.0-
|
|
195
|
-
- @hi-ui/type-assertion@5.0.0-
|
|
119
|
+
- @hi-ui/radio@5.0.0-rc.0
|
|
120
|
+
- @hi-ui/drawer@5.0.0-rc.0
|
|
121
|
+
- @hi-ui/loading@5.0.0-rc.0
|
|
122
|
+
- @hi-ui/popper@5.0.0-rc.0
|
|
123
|
+
- @hi-ui/button@5.0.0-rc.0
|
|
124
|
+
- @hi-ui/select@5.0.0-rc.0
|
|
125
|
+
- @hi-ui/icons@5.0.0-rc.0
|
|
126
|
+
- @hi-ui/empty-state@5.0.0-rc.0
|
|
127
|
+
- @hi-ui/core@5.0.0-rc.0
|
|
128
|
+
- @hi-ui/pagination@5.0.0-rc.0
|
|
129
|
+
- @hi-ui/use-cache@5.0.0-rc.0
|
|
130
|
+
- @hi-ui/use-check@5.0.0-rc.0
|
|
131
|
+
- @hi-ui/use-check-state@5.0.0-rc.0
|
|
132
|
+
- @hi-ui/use-drag-sorter@5.0.0-rc.0
|
|
133
|
+
- @hi-ui/use-latest@5.0.0-rc.0
|
|
134
|
+
- @hi-ui/use-toggle@5.0.0-rc.0
|
|
135
|
+
- @hi-ui/use-uncontrolled-state@5.0.0-rc.0
|
|
136
|
+
- @hi-ui/use-update-effect@5.0.0-rc.0
|
|
137
|
+
- @hi-ui/checkbox@5.0.0-rc.0
|
|
138
|
+
- @hi-ui/icon-button@5.0.0-rc.0
|
|
139
|
+
- @hi-ui/scrollbar@5.0.0-rc.0
|
|
140
|
+
- @hi-ui/spinner@5.0.0-rc.0
|
|
141
|
+
- @hi-ui/array-utils@5.0.0-rc.0
|
|
142
|
+
- @hi-ui/classname@5.0.0-rc.0
|
|
143
|
+
- @hi-ui/dom-utils@5.0.0-rc.0
|
|
144
|
+
- @hi-ui/env@5.0.0-rc.0
|
|
145
|
+
- @hi-ui/func-utils@5.0.0-rc.0
|
|
146
|
+
- @hi-ui/object-utils@5.0.0-rc.0
|
|
147
|
+
- @hi-ui/react-utils@5.0.0-rc.0
|
|
148
|
+
- @hi-ui/times@5.0.0-rc.0
|
|
149
|
+
- @hi-ui/tree-utils@5.0.0-rc.0
|
|
150
|
+
- @hi-ui/type-assertion@5.0.0-rc.0
|
|
151
|
+
- @hi-ui/use-merge-semantic@5.0.0-rc.0
|
|
196
152
|
|
|
197
153
|
## 4.12.3
|
|
198
154
|
|
package/lib/cjs/BaseTable.js
CHANGED
|
@@ -46,7 +46,7 @@ var EMBED_DATA_KEY = "TABLE_EMBED_DATA_KEY_" + index.uuid();
|
|
|
46
46
|
var DEFAULT_COLUMNS = [];
|
|
47
47
|
var DEFAULT_DATA = [];
|
|
48
48
|
var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
49
|
-
var _b;
|
|
49
|
+
var _b, _c, _d, _e, _f;
|
|
50
50
|
var _a$prefixCls = _a.prefixCls,
|
|
51
51
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
|
52
52
|
_a$role = _a.role,
|
|
@@ -243,6 +243,14 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
243
243
|
var alwaysFixedColumn = fixedColumnTrigger === 'always';
|
|
244
244
|
var wrapperRef = React__default["default"].useRef(null);
|
|
245
245
|
var isTableContentExceedWrapperHeight = bodyTableRef.current && wrapperRef.current && bodyTableRef.current.offsetHeight > wrapperRef.current.offsetHeight;
|
|
246
|
+
var tableHeaderHeight = 0;
|
|
247
|
+
var freezeShadowHeightStyle = null;
|
|
248
|
+
if (stretchHeight && rest.fixedToColumn) {
|
|
249
|
+
tableHeaderHeight = (_f = (_e = (_d = (_c = wrapperRef.current) === null || _c === void 0 ? void 0 : _c.querySelector("." + prefixCls + "-header")) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect) === null || _e === void 0 ? void 0 : _e.call(_d).height) !== null && _f !== void 0 ? _f : 0;
|
|
250
|
+
freezeShadowHeightStyle = !isTableContentExceedWrapperHeight && bodyTableRef.current ? {
|
|
251
|
+
height: bodyTableRef.current.offsetHeight + tableHeaderHeight + "px"
|
|
252
|
+
} : null;
|
|
253
|
+
}
|
|
246
254
|
var renderTable = function renderTable() {
|
|
247
255
|
if (needDoubleTable) {
|
|
248
256
|
var _a2 = getTableHeaderProps(),
|
|
@@ -293,14 +301,14 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function (_a, ref) {
|
|
|
293
301
|
var renderFreezeShadow = function renderFreezeShadow() {
|
|
294
302
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
295
303
|
className: classname.cx(prefixCls + "-freeze-shadow", prefixCls + "-freeze-shadow--left", classNames === null || classNames === void 0 ? void 0 : classNames.freezeShadowLeft),
|
|
296
|
-
style: Object.assign({
|
|
304
|
+
style: Object.assign(Object.assign({
|
|
297
305
|
width: leftFixedColumnsWidth + 'px'
|
|
298
|
-
}, styles === null || styles === void 0 ? void 0 : styles.freezeShadowLeft)
|
|
306
|
+
}, freezeShadowHeightStyle), styles === null || styles === void 0 ? void 0 : styles.freezeShadowLeft)
|
|
299
307
|
})) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default["default"].createElement("div", {
|
|
300
308
|
className: classname.cx(prefixCls + "-freeze-shadow", prefixCls + "-freeze-shadow--right", classNames === null || classNames === void 0 ? void 0 : classNames.freezeShadowRight),
|
|
301
|
-
style: Object.assign({
|
|
309
|
+
style: Object.assign(Object.assign({
|
|
302
310
|
width: rightFixedColumnsWidth + 'px'
|
|
303
|
-
}, styles === null || styles === void 0 ? void 0 : styles.freezeShadowRight)
|
|
311
|
+
}, freezeShadowHeightStyle), styles === null || styles === void 0 ? void 0 : styles.freezeShadowRight)
|
|
304
312
|
})) : null);
|
|
305
313
|
};
|
|
306
314
|
var tableFooter = /*#__PURE__*/React__default["default"].createElement("div", {
|
package/lib/cjs/SettingDrawer.js
CHANGED
|
@@ -122,19 +122,22 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
122
122
|
var _useUncontrolledState = useUncontrolledState.useUncontrolledState(false, visibleProp, _onClose),
|
|
123
123
|
visible = _useUncontrolledState[0],
|
|
124
124
|
setVisible = _useUncontrolledState[1];
|
|
125
|
-
var
|
|
125
|
+
var syncCacheLatest = useLatest.useLatestCallback(function () {
|
|
126
126
|
setCacheHiddenColKeys(hiddenColKeys);
|
|
127
127
|
setCacheSortedCols(sortedCols);
|
|
128
|
-
onReset === null || onReset === void 0 ? void 0 : onReset();
|
|
129
128
|
});
|
|
130
|
-
//
|
|
131
|
-
var
|
|
129
|
+
// 仅在 visible 真正由 false -> true 时触发,避免首次 visible=true 误触发
|
|
130
|
+
var prevVisibleRef = React.useRef(visible);
|
|
132
131
|
React.useEffect(function () {
|
|
133
|
-
if (!
|
|
134
|
-
|
|
132
|
+
if (!prevVisibleRef.current && visible) {
|
|
133
|
+
syncCacheLatest();
|
|
135
134
|
}
|
|
136
|
-
|
|
137
|
-
}, [visible,
|
|
135
|
+
prevVisibleRef.current = visible;
|
|
136
|
+
}, [visible, syncCacheLatest]);
|
|
137
|
+
var handleReset = useLatest.useLatestCallback(function () {
|
|
138
|
+
syncCacheLatest();
|
|
139
|
+
onReset === null || onReset === void 0 ? void 0 : onReset();
|
|
140
|
+
});
|
|
138
141
|
var onConfirm = function onConfirm() {
|
|
139
142
|
var newSortKeys = cacheSortedCols.map(function (col) {
|
|
140
143
|
return col.dataKey;
|
|
@@ -184,7 +187,7 @@ var SettingDrawer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
|
184
187
|
}, showCheckAll && CheckAllContent), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
185
188
|
className: prefixCls + "-footer__action"
|
|
186
189
|
}, /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
|
187
|
-
onClick:
|
|
190
|
+
onClick: handleReset
|
|
188
191
|
}, i18n.get('table.reset')), /*#__PURE__*/React__default["default"].createElement(button.Button, {
|
|
189
192
|
onClick: onConfirm,
|
|
190
193
|
type: "primary"
|
|
@@ -64,56 +64,53 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
|
|
|
64
64
|
addLoadingIds = _useCheckState.add,
|
|
65
65
|
removeLoadingIds = _useCheckState.remove;
|
|
66
66
|
var onExpandLatest = useLatest.useLatestCallback(onExpand);
|
|
67
|
-
var onNodeSwitch = React.useCallback(function (
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
var onNodeSwitch = React.useCallback(function (node, onlyExpand) {
|
|
68
|
+
if (onlyExpand === void 0) {
|
|
69
|
+
onlyExpand = false;
|
|
70
70
|
}
|
|
71
|
-
return tslib.__awaiter(void 0,
|
|
71
|
+
return tslib.__awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
|
|
72
72
|
var id, children, isLeaf;
|
|
73
73
|
return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
|
|
74
74
|
while (1) {
|
|
75
75
|
switch (_context2.prev = _context2.next) {
|
|
76
76
|
case 0:
|
|
77
|
-
if (onlyExpand === void 0) {
|
|
78
|
-
onlyExpand = false;
|
|
79
|
-
}
|
|
80
77
|
// 直接触发选中该节点
|
|
81
78
|
onExpandLatest(node, onlyExpand);
|
|
82
79
|
id = node.id, children = node.children, isLeaf = node.isLeaf;
|
|
83
80
|
if (!children) {
|
|
84
|
-
_context2.next =
|
|
81
|
+
_context2.next = 4;
|
|
85
82
|
break;
|
|
86
83
|
}
|
|
87
84
|
return _context2.abrupt("return");
|
|
88
|
-
case
|
|
85
|
+
case 4:
|
|
89
86
|
if (!isLeaf) {
|
|
90
|
-
_context2.next =
|
|
87
|
+
_context2.next = 6;
|
|
91
88
|
break;
|
|
92
89
|
}
|
|
93
90
|
return _context2.abrupt("return");
|
|
94
|
-
case
|
|
91
|
+
case 6:
|
|
95
92
|
if (!onLoadChildren) {
|
|
96
|
-
_context2.next =
|
|
93
|
+
_context2.next = 17;
|
|
97
94
|
break;
|
|
98
95
|
}
|
|
99
96
|
addLoadingIds(id);
|
|
100
|
-
_context2.prev =
|
|
101
|
-
_context2.next =
|
|
97
|
+
_context2.prev = 8;
|
|
98
|
+
_context2.next = 11;
|
|
102
99
|
return loadChildren(node);
|
|
103
|
-
case
|
|
100
|
+
case 11:
|
|
104
101
|
removeLoadingIds(id);
|
|
105
|
-
_context2.next =
|
|
102
|
+
_context2.next = 17;
|
|
106
103
|
break;
|
|
107
|
-
case
|
|
108
|
-
_context2.prev =
|
|
109
|
-
_context2.t0 = _context2["catch"](
|
|
104
|
+
case 14:
|
|
105
|
+
_context2.prev = 14;
|
|
106
|
+
_context2.t0 = _context2["catch"](8);
|
|
110
107
|
removeLoadingIds(id);
|
|
111
|
-
case
|
|
108
|
+
case 17:
|
|
112
109
|
case "end":
|
|
113
110
|
return _context2.stop();
|
|
114
111
|
}
|
|
115
112
|
}
|
|
116
|
-
}, _callee2, null, [[
|
|
113
|
+
}, _callee2, null, [[8, 14]]);
|
|
117
114
|
}));
|
|
118
115
|
}, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
|
|
119
116
|
var isLoadingId = function isLoadingId(id) {
|
|
@@ -187,6 +187,7 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
187
187
|
if (headerTableElement) {
|
|
188
188
|
resizeObserver = new ResizeObserver(function () {
|
|
189
189
|
var calcMinColWidths = Array.from(headerTableElement.childNodes).map(function (th, index$1) {
|
|
190
|
+
var _a;
|
|
190
191
|
var _getGroupItemWidth2 = index.getGroupItemWidth(columns),
|
|
191
192
|
colWidths = _getGroupItemWidth2.colWidths,
|
|
192
193
|
minColWidths = _getGroupItemWidth2.minColWidths;
|
|
@@ -199,7 +200,7 @@ var useColWidth = function useColWidth(_ref) {
|
|
|
199
200
|
var thPaddingLeft = parseFloat(window.getComputedStyle(th).getPropertyValue('padding-left'));
|
|
200
201
|
var childNode = Array.from(th.childNodes)[0];
|
|
201
202
|
// 计算真实标题内容宽度
|
|
202
|
-
var childNodeWidth = (childNode === null ||
|
|
203
|
+
var childNodeWidth = ((_a = childNode) === null || _a === void 0 ? void 0 : _a.offsetWidth) + thPaddingLeft * 2;
|
|
203
204
|
// 如果设置的标题宽度小于真实内容宽度,则使用设置的宽度,否则使用真实内容宽度
|
|
204
205
|
if (colWidth && colWidth < childNodeWidth) {
|
|
205
206
|
return colWidth;
|
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
16
|
var React = require('react');
|
|
17
|
-
require('
|
|
17
|
+
require('../../../../../react-is/index.js');
|
|
18
18
|
var index = require('../../../../../../_virtual/index2.js');
|
|
19
19
|
function _interopDefaultCompat(e) {
|
|
20
20
|
return e && _typeof(e) === 'object' && 'default' in e ? e : {
|
|
@@ -14,7 +14,7 @@ Object.defineProperty(exports, '__esModule', {
|
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
16
|
var _typeof = require('@babel/runtime/helpers/esm/typeof');
|
|
17
|
-
require('
|
|
17
|
+
require('../../../../react-is/index.js');
|
|
18
18
|
var index = require('../../../../../_virtual/index2.js');
|
|
19
19
|
function _interopDefaultCompat(e) {
|
|
20
20
|
return e && _typeof2(e) === 'object' && 'default' in e ? e : {
|
|
@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
13
13
|
Object.defineProperty(exports, '__esModule', {
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
|
-
var reactIs_development = require('
|
|
16
|
+
var reactIs_development = require('../../../_virtual/react-is.development.js');
|
|
17
17
|
|
|
18
18
|
/** @license React v16.13.1
|
|
19
19
|
* react-is.development.js
|
|
@@ -13,7 +13,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
13
13
|
Object.defineProperty(exports, '__esModule', {
|
|
14
14
|
value: true
|
|
15
15
|
});
|
|
16
|
-
var reactIs_production_min = require('
|
|
16
|
+
var reactIs_production_min = require('../../../_virtual/react-is.production.min.js');
|
|
17
17
|
|
|
18
18
|
/** @license React v16.13.1
|
|
19
19
|
* react-is.production.min.js
|
|
@@ -9,11 +9,11 @@
|
|
|
9
9
|
*/
|
|
10
10
|
'use strict';
|
|
11
11
|
|
|
12
|
-
var index = require('
|
|
12
|
+
var index = require('../../_virtual/index2.js');
|
|
13
13
|
require('./cjs/react-is.production.min.js');
|
|
14
14
|
require('./cjs/react-is.development.js');
|
|
15
|
-
var reactIs_production_min = require('
|
|
16
|
-
var reactIs_development = require('
|
|
15
|
+
var reactIs_production_min = require('../../_virtual/react-is.production.min.js');
|
|
16
|
+
var reactIs_development = require('../../_virtual/react-is.development.js');
|
|
17
17
|
if (process.env.NODE_ENV === 'production') {
|
|
18
18
|
index.reactIs.exports = reactIs_production_min.__exports;
|
|
19
19
|
} else {
|
package/lib/esm/BaseTable.js
CHANGED
|
@@ -33,7 +33,7 @@ var EMBED_DATA_KEY = "TABLE_EMBED_DATA_KEY_" + uuid();
|
|
|
33
33
|
var DEFAULT_COLUMNS = [];
|
|
34
34
|
var DEFAULT_DATA = [];
|
|
35
35
|
var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
36
|
-
var _b;
|
|
36
|
+
var _b, _c, _d, _e, _f;
|
|
37
37
|
var _a$prefixCls = _a.prefixCls,
|
|
38
38
|
prefixCls = _a$prefixCls === void 0 ? _prefix : _a$prefixCls,
|
|
39
39
|
_a$role = _a.role,
|
|
@@ -230,6 +230,14 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
230
230
|
var alwaysFixedColumn = fixedColumnTrigger === 'always';
|
|
231
231
|
var wrapperRef = React__default.useRef(null);
|
|
232
232
|
var isTableContentExceedWrapperHeight = bodyTableRef.current && wrapperRef.current && bodyTableRef.current.offsetHeight > wrapperRef.current.offsetHeight;
|
|
233
|
+
var tableHeaderHeight = 0;
|
|
234
|
+
var freezeShadowHeightStyle = null;
|
|
235
|
+
if (stretchHeight && rest.fixedToColumn) {
|
|
236
|
+
tableHeaderHeight = (_f = (_e = (_d = (_c = wrapperRef.current) === null || _c === void 0 ? void 0 : _c.querySelector("." + prefixCls + "-header")) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect) === null || _e === void 0 ? void 0 : _e.call(_d).height) !== null && _f !== void 0 ? _f : 0;
|
|
237
|
+
freezeShadowHeightStyle = !isTableContentExceedWrapperHeight && bodyTableRef.current ? {
|
|
238
|
+
height: bodyTableRef.current.offsetHeight + tableHeaderHeight + "px"
|
|
239
|
+
} : null;
|
|
240
|
+
}
|
|
233
241
|
var renderTable = function renderTable() {
|
|
234
242
|
if (needDoubleTable) {
|
|
235
243
|
var _a2 = getTableHeaderProps(),
|
|
@@ -280,14 +288,14 @@ var BaseTable = /*#__PURE__*/forwardRef(function (_a, ref) {
|
|
|
280
288
|
var renderFreezeShadow = function renderFreezeShadow() {
|
|
281
289
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (alwaysFixedColumn || scrollSize.scrollLeft > 0) && leftFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
282
290
|
className: cx(prefixCls + "-freeze-shadow", prefixCls + "-freeze-shadow--left", classNames === null || classNames === void 0 ? void 0 : classNames.freezeShadowLeft),
|
|
283
|
-
style: Object.assign({
|
|
291
|
+
style: Object.assign(Object.assign({
|
|
284
292
|
width: leftFixedColumnsWidth + 'px'
|
|
285
|
-
}, styles === null || styles === void 0 ? void 0 : styles.freezeShadowLeft)
|
|
293
|
+
}, freezeShadowHeightStyle), styles === null || styles === void 0 ? void 0 : styles.freezeShadowLeft)
|
|
286
294
|
})) : null, (alwaysFixedColumn || scrollSize.scrollRight > 0) && rightFrozenColKeys.length > 0 ? ( /*#__PURE__*/React__default.createElement("div", {
|
|
287
295
|
className: cx(prefixCls + "-freeze-shadow", prefixCls + "-freeze-shadow--right", classNames === null || classNames === void 0 ? void 0 : classNames.freezeShadowRight),
|
|
288
|
-
style: Object.assign({
|
|
296
|
+
style: Object.assign(Object.assign({
|
|
289
297
|
width: rightFixedColumnsWidth + 'px'
|
|
290
|
-
}, styles === null || styles === void 0 ? void 0 : styles.freezeShadowRight)
|
|
298
|
+
}, freezeShadowHeightStyle), styles === null || styles === void 0 ? void 0 : styles.freezeShadowRight)
|
|
291
299
|
})) : null);
|
|
292
300
|
};
|
|
293
301
|
var tableFooter = /*#__PURE__*/React__default.createElement("div", {
|
package/lib/esm/SettingDrawer.js
CHANGED
|
@@ -109,19 +109,22 @@ var SettingDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
109
109
|
var _useUncontrolledState = useUncontrolledState(false, visibleProp, _onClose),
|
|
110
110
|
visible = _useUncontrolledState[0],
|
|
111
111
|
setVisible = _useUncontrolledState[1];
|
|
112
|
-
var
|
|
112
|
+
var syncCacheLatest = useLatestCallback(function () {
|
|
113
113
|
setCacheHiddenColKeys(hiddenColKeys);
|
|
114
114
|
setCacheSortedCols(sortedCols);
|
|
115
|
-
onReset === null || onReset === void 0 ? void 0 : onReset();
|
|
116
115
|
});
|
|
117
|
-
//
|
|
118
|
-
var
|
|
116
|
+
// 仅在 visible 真正由 false -> true 时触发,避免首次 visible=true 误触发
|
|
117
|
+
var prevVisibleRef = useRef(visible);
|
|
119
118
|
useEffect(function () {
|
|
120
|
-
if (!
|
|
121
|
-
|
|
119
|
+
if (!prevVisibleRef.current && visible) {
|
|
120
|
+
syncCacheLatest();
|
|
122
121
|
}
|
|
123
|
-
|
|
124
|
-
}, [visible,
|
|
122
|
+
prevVisibleRef.current = visible;
|
|
123
|
+
}, [visible, syncCacheLatest]);
|
|
124
|
+
var handleReset = useLatestCallback(function () {
|
|
125
|
+
syncCacheLatest();
|
|
126
|
+
onReset === null || onReset === void 0 ? void 0 : onReset();
|
|
127
|
+
});
|
|
125
128
|
var onConfirm = function onConfirm() {
|
|
126
129
|
var newSortKeys = cacheSortedCols.map(function (col) {
|
|
127
130
|
return col.dataKey;
|
|
@@ -171,7 +174,7 @@ var SettingDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
171
174
|
}, showCheckAll && CheckAllContent), /*#__PURE__*/React__default.createElement("div", {
|
|
172
175
|
className: prefixCls + "-footer__action"
|
|
173
176
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
174
|
-
onClick:
|
|
177
|
+
onClick: handleReset
|
|
175
178
|
}, i18n.get('table.reset')), /*#__PURE__*/React__default.createElement(Button, {
|
|
176
179
|
onClick: onConfirm,
|
|
177
180
|
type: "primary"
|
|
@@ -52,56 +52,53 @@ var useAsyncSwitch = function useAsyncSwitch(_ref) {
|
|
|
52
52
|
addLoadingIds = _useCheckState.add,
|
|
53
53
|
removeLoadingIds = _useCheckState.remove;
|
|
54
54
|
var onExpandLatest = useLatestCallback(onExpand);
|
|
55
|
-
var onNodeSwitch = useCallback(function (
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
var onNodeSwitch = useCallback(function (node, onlyExpand) {
|
|
56
|
+
if (onlyExpand === void 0) {
|
|
57
|
+
onlyExpand = false;
|
|
58
58
|
}
|
|
59
|
-
return __awaiter(void 0,
|
|
59
|
+
return __awaiter(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
60
60
|
var id, children, isLeaf;
|
|
61
61
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
62
62
|
while (1) {
|
|
63
63
|
switch (_context2.prev = _context2.next) {
|
|
64
64
|
case 0:
|
|
65
|
-
if (onlyExpand === void 0) {
|
|
66
|
-
onlyExpand = false;
|
|
67
|
-
}
|
|
68
65
|
// 直接触发选中该节点
|
|
69
66
|
onExpandLatest(node, onlyExpand);
|
|
70
67
|
id = node.id, children = node.children, isLeaf = node.isLeaf;
|
|
71
68
|
if (!children) {
|
|
72
|
-
_context2.next =
|
|
69
|
+
_context2.next = 4;
|
|
73
70
|
break;
|
|
74
71
|
}
|
|
75
72
|
return _context2.abrupt("return");
|
|
76
|
-
case
|
|
73
|
+
case 4:
|
|
77
74
|
if (!isLeaf) {
|
|
78
|
-
_context2.next =
|
|
75
|
+
_context2.next = 6;
|
|
79
76
|
break;
|
|
80
77
|
}
|
|
81
78
|
return _context2.abrupt("return");
|
|
82
|
-
case
|
|
79
|
+
case 6:
|
|
83
80
|
if (!onLoadChildren) {
|
|
84
|
-
_context2.next =
|
|
81
|
+
_context2.next = 17;
|
|
85
82
|
break;
|
|
86
83
|
}
|
|
87
84
|
addLoadingIds(id);
|
|
88
|
-
_context2.prev =
|
|
89
|
-
_context2.next =
|
|
85
|
+
_context2.prev = 8;
|
|
86
|
+
_context2.next = 11;
|
|
90
87
|
return loadChildren(node);
|
|
91
|
-
case
|
|
88
|
+
case 11:
|
|
92
89
|
removeLoadingIds(id);
|
|
93
|
-
_context2.next =
|
|
90
|
+
_context2.next = 17;
|
|
94
91
|
break;
|
|
95
|
-
case
|
|
96
|
-
_context2.prev =
|
|
97
|
-
_context2.t0 = _context2["catch"](
|
|
92
|
+
case 14:
|
|
93
|
+
_context2.prev = 14;
|
|
94
|
+
_context2.t0 = _context2["catch"](8);
|
|
98
95
|
removeLoadingIds(id);
|
|
99
|
-
case
|
|
96
|
+
case 17:
|
|
100
97
|
case "end":
|
|
101
98
|
return _context2.stop();
|
|
102
99
|
}
|
|
103
100
|
}
|
|
104
|
-
}, _callee2, null, [[
|
|
101
|
+
}, _callee2, null, [[8, 14]]);
|
|
105
102
|
}));
|
|
106
103
|
}, [loadChildren, onLoadChildren, onExpandLatest, addLoadingIds, removeLoadingIds]);
|
|
107
104
|
var isLoadingId = function isLoadingId(id) {
|