@kdcloudjs/table 1.0.2 → 1.1.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 (71) hide show
  1. package/dist/@kdcloudjs/table.css +1 -1
  2. package/dist/@kdcloudjs/table.js +271 -187
  3. package/dist/@kdcloudjs/table.js.map +1 -1
  4. package/dist/@kdcloudjs/table.min.css +1 -1
  5. package/dist/@kdcloudjs/table.min.js +7 -7
  6. package/dist/@kdcloudjs/table.min.js.map +1 -1
  7. package/es/table/base/calculations.js +1 -1
  8. package/es/table/base/empty.js +2 -2
  9. package/es/table/base/header.js +7 -11
  10. package/es/table/base/html-table.js +13 -22
  11. package/es/table/base/styles.d.ts +10 -0
  12. package/es/table/base/styles.js +13 -3
  13. package/es/table/common-views.js +2 -2
  14. package/es/table/pipeline/features/columnDrag.js +62 -21
  15. package/es/table/pipeline/features/contextMenu.js +37 -22
  16. package/es/table/pipeline/features/multiSelect.js +85 -79
  17. package/es/table/pipeline/features/rowDetail.js +2 -1
  18. package/es/table/pipeline/features/rowGrouping.js +2 -1
  19. package/es/table/pipeline/features/treeMode.js +3 -2
  20. package/es/table/pipeline/pipeline.d.ts +4 -0
  21. package/es/table/pipeline/pipeline.js +17 -0
  22. package/es/table/pivot/pivot-utils/convert-utils.js +4 -2
  23. package/lib/table/base/calculations.js +1 -1
  24. package/lib/table/base/empty.js +2 -2
  25. package/lib/table/base/header.js +8 -11
  26. package/lib/table/base/html-table.js +14 -22
  27. package/lib/table/base/styles.d.ts +10 -0
  28. package/lib/table/base/styles.js +13 -3
  29. package/lib/table/common-views.js +1 -1
  30. package/lib/table/pipeline/features/columnDrag.js +63 -22
  31. package/lib/table/pipeline/features/contextMenu.js +37 -22
  32. package/lib/table/pipeline/features/multiSelect.js +81 -75
  33. package/lib/table/pipeline/features/rowDetail.js +3 -1
  34. package/lib/table/pipeline/features/rowGrouping.js +3 -1
  35. package/lib/table/pipeline/features/treeMode.js +4 -2
  36. package/lib/table/pipeline/pipeline.d.ts +4 -0
  37. package/lib/table/pipeline/pipeline.js +17 -0
  38. package/lib/table/pivot/pivot-utils/convert-utils.js +6 -2
  39. package/package.json +1 -1
  40. package/es/table/pipeline/features/__test__/multiSelect.test.d.ts +0 -1
  41. package/es/table/pipeline/features/__test__/multiSelect.test.js +0 -152
  42. package/es/table/pipeline/features/__test__/rowDetail.test.d.ts +0 -1
  43. package/es/table/pipeline/features/__test__/rowDetail.test.js +0 -223
  44. package/es/table/pipeline/features/__test__/rowGrouping.test.d.ts +0 -1
  45. package/es/table/pipeline/features/__test__/rowGrouping.test.js +0 -120
  46. package/es/table/pipeline/features/__test__/singleSelect.test.d.ts +0 -1
  47. package/es/table/pipeline/features/__test__/singleSelect.test.js +0 -191
  48. package/es/table/pipeline/features/__test__/sort.test.d.ts +0 -1
  49. package/es/table/pipeline/features/__test__/sort.test.js +0 -213
  50. package/es/table/pipeline/features/__test__/tips.test.d.ts +0 -1
  51. package/es/table/pipeline/features/__test__/tips.test.js +0 -123
  52. package/es/table/pipeline/features/__test__/treeMode.test.d.ts +0 -1
  53. package/es/table/pipeline/features/__test__/treeMode.test.js +0 -202
  54. package/es/table/pipeline/features/filter/__test__/Filter.test.d.ts +0 -1
  55. package/es/table/pipeline/features/filter/__test__/Filter.test.js +0 -29
  56. package/lib/table/pipeline/features/__test__/multiSelect.test.d.ts +0 -1
  57. package/lib/table/pipeline/features/__test__/multiSelect.test.js +0 -163
  58. package/lib/table/pipeline/features/__test__/rowDetail.test.d.ts +0 -1
  59. package/lib/table/pipeline/features/__test__/rowDetail.test.js +0 -230
  60. package/lib/table/pipeline/features/__test__/rowGrouping.test.d.ts +0 -1
  61. package/lib/table/pipeline/features/__test__/rowGrouping.test.js +0 -129
  62. package/lib/table/pipeline/features/__test__/singleSelect.test.d.ts +0 -1
  63. package/lib/table/pipeline/features/__test__/singleSelect.test.js +0 -201
  64. package/lib/table/pipeline/features/__test__/sort.test.d.ts +0 -1
  65. package/lib/table/pipeline/features/__test__/sort.test.js +0 -220
  66. package/lib/table/pipeline/features/__test__/tips.test.d.ts +0 -1
  67. package/lib/table/pipeline/features/__test__/tips.test.js +0 -133
  68. package/lib/table/pipeline/features/__test__/treeMode.test.d.ts +0 -1
  69. package/lib/table/pipeline/features/__test__/treeMode.test.js +0 -206
  70. package/lib/table/pipeline/features/filter/__test__/Filter.test.d.ts +0 -1
  71. package/lib/table/pipeline/features/filter/__test__/Filter.test.js +0 -36
@@ -1,206 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
6
-
7
- var _treeMode = require("../treeMode");
8
-
9
- var _pipeline = require("../../pipeline");
10
-
11
- var _enzyme = require("enzyme");
12
-
13
- var _reactHooks = require("@testing-library/react-hooks");
14
-
15
- function makeChildren(prefix) {
16
- return [{
17
- id: "".concat(prefix, "-1"),
18
- title: '二级标题',
19
- dept: '应用部',
20
- dest: '云南大理',
21
- guide: 'Douglas Lee',
22
- children: [{
23
- id: "".concat(prefix, "-1-1"),
24
- title: '三级标题',
25
- dept: '平台大前端-UED',
26
- dest: '云南大理',
27
- guide: 'Douglas Lee'
28
- }, {
29
- id: "".concat(prefix, "-1-2"),
30
- title: '三级标题',
31
- dept: '平台大前端-前端',
32
- dest: '云南大理',
33
- guide: 'Douglas Lee'
34
- }]
35
- }, {
36
- id: "".concat(prefix, "-2"),
37
- title: '二级标题',
38
- dept: '应用部',
39
- dest: '云南大理',
40
- guide: 'Douglas Lee',
41
- children: [{
42
- id: "".concat(prefix, "-2-1"),
43
- title: '三级标题',
44
- dept: '平台大前端-UED',
45
- dest: '云南大理',
46
- guide: 'Douglas Lee'
47
- }, {
48
- id: "".concat(prefix, "-2-2"),
49
- title: '三级标题',
50
- dept: '平台大前端-前端',
51
- dest: '云南大理',
52
- guide: 'Douglas Lee'
53
- }]
54
- }, {
55
- id: "".concat(prefix, "-3"),
56
- title: '二级标题',
57
- dept: '应用部',
58
- dest: '云南大理',
59
- guide: 'Douglas Lee'
60
- }];
61
- }
62
-
63
- var dataSource = [{
64
- id: '1',
65
- title: '一级标题',
66
- dept: '云苍穹-前端',
67
- dest: 'South Maddison',
68
- guide: 'Don Moreno',
69
- children: makeChildren('1')
70
- }, {
71
- id: '2',
72
- title: '一级标题',
73
- dept: '云苍穹-模型',
74
- dest: 'Emilhaven',
75
- guide: 'Douglas Richards',
76
- children: makeChildren('2')
77
- }, {
78
- id: '3',
79
- title: '一级标题',
80
- dept: '云苍穹-基础',
81
- dest: '云南大理',
82
- guide: 'Douglas Lee',
83
- children: makeChildren('3')
84
- }, {
85
- id: '4',
86
- title: '一级标题',
87
- dept: '云苍穹-体验',
88
- dest: '杭州千岛湖',
89
- guide: 'Eric Castillo',
90
- children: makeChildren('4')
91
- }, {
92
- id: '5',
93
- title: '一级标题',
94
- dept: '云苍穹-运营',
95
- dest: 'East Karl',
96
- guide: 'Herbert Patton'
97
- }];
98
- var columns = [{
99
- code: 'title',
100
- name: '标题',
101
- width: 200,
102
- getCellProps: function getCellProps() {
103
- return {
104
- style: {
105
- background: 'red'
106
- }
107
- };
108
- }
109
- }, {
110
- code: 'dept',
111
- name: '部门名称',
112
- width: 180
113
- }, {
114
- code: 'dest',
115
- name: '团建目的地',
116
- width: 160
117
- }, {
118
- code: 'guide',
119
- name: '当地导游',
120
- width: 160
121
- }];
122
- describe('treeMode 单元测试', function () {
123
- var opts = {
124
- openKeys: ['4', '4-2'],
125
- clickArea: 'content',
126
- onChangeOpenKeys: jest.fn()
127
- };
128
- var newPipeline = null;
129
- beforeEach(function () {
130
- var _renderHook = (0, _reactHooks.renderHook)(function () {
131
- return (0, _pipeline.useTablePipeline)({
132
- primaryKey: 'id'
133
- }).input({
134
- dataSource: dataSource,
135
- columns: columns
136
- });
137
- }),
138
- result = _renderHook.result;
139
-
140
- var tablePipeline = result.current;
141
- newPipeline = (0, _treeMode.treeMode)(opts)(tablePipeline);
142
- });
143
- afterEach(function () {
144
- newPipeline = null;
145
- opts.onChangeOpenKeys.mockClear();
146
- });
147
- it('初始化展示', function () {
148
- // 5 + 3 + 2
149
- expect(newPipeline.getDataSource().length).toBe(10);
150
- });
151
- it('展开图标单元格渲染', function () {
152
- var col = newPipeline.getColumns();
153
- var wrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[0], 0));
154
- expect((0, _find.default)(wrapper).call(wrapper, 'CaretRightIcon').length).toBe(1);
155
- var div = (0, _find.default)(wrapper).call(wrapper, 'div').at(0);
156
- div.simulate('click');
157
- expect(opts.onChangeOpenKeys).toHaveBeenCalled();
158
- expect(opts.onChangeOpenKeys).toBeCalledWith(['4', '4-2', '1'], '1', 'expand');
159
- opts.onChangeOpenKeys.mockClear(); // 展开列点击
160
-
161
- var expandColWrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[3], 3));
162
- var div1 = (0, _find.default)(expandColWrapper).call(expandColWrapper, 'div').at(0);
163
- div1.simulate('click');
164
- expect(opts.onChangeOpenKeys).toBeCalledWith(['4-2'], '4', 'collapse'); // 叶子节点渲染
165
-
166
- var leafWrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[9], 9));
167
- expect((0, _find.default)(leafWrapper).call(leafWrapper, '.expansion-cell.leaf').length).toBe(2);
168
- });
169
- it('getCellProps', function () {
170
- var col = newPipeline.getColumns(); // clickArea: 'content' 取默认的cellProps
171
-
172
- expect(col[0].getCellProps()).toEqual({
173
- style: {
174
- background: 'red'
175
- }
176
- });
177
- });
178
- it('clickArea 为cell', function () {
179
- var _renderHook2 = (0, _reactHooks.renderHook)(function () {
180
- return (0, _pipeline.useTablePipeline)({
181
- primaryKey: 'id'
182
- }).input({
183
- dataSource: dataSource,
184
- columns: columns
185
- });
186
- }),
187
- result = _renderHook2.result;
188
-
189
- var tablePipeline = result.current;
190
- opts.clickArea = 'cell';
191
- var newPipeline = (0, _treeMode.treeMode)(opts)(tablePipeline);
192
- var col = newPipeline.getColumns();
193
- var cellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[0], 0);
194
- expect(cellProps.style).toEqual({
195
- background: 'red',
196
- cursor: 'pointer'
197
- });
198
- cellProps.onClick();
199
- expect(opts.onChangeOpenKeys).toHaveBeenCalled(); // 叶子节点cellProps
200
-
201
- var leafCellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[9], 9);
202
- expect(leafCellProps.style).toEqual({
203
- background: 'red'
204
- });
205
- });
206
- });
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
4
-
5
- var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
6
-
7
- var _react = _interopRequireDefault(require("react"));
8
-
9
- var _enzyme = require("enzyme");
10
-
11
- var _styles = require("../../../../base/styles");
12
-
13
- var _Filter = _interopRequireDefault(require("../Filter"));
14
-
15
- var _DefaultFilterContent = _interopRequireDefault(require("../DefaultFilterContent"));
16
-
17
- var NAME = 'Filter';
18
- var setFilter = jest.fn();
19
- var setFilterModel = jest.fn();
20
- describe("".concat(NAME), function () {
21
- it('render and test event', function () {
22
- var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Filter.default, {
23
- setFilter: setFilter,
24
- setFilterModel: setFilterModel,
25
- filterModel: {
26
- filter: []
27
- },
28
- stopClickEventPropagation: true,
29
- isFilterActive: true
30
- }));
31
- (0, _find.default)(wrapper).call(wrapper, ".".concat(_styles.Classes.filterIcon)).at(0).simulate('click');
32
- (0, _find.default)(wrapper).call(wrapper, 'div').at(0).simulate('mousedown');
33
- expect((0, _find.default)(wrapper).call(wrapper, _DefaultFilterContent.default).length).toBe(1);
34
- wrapper.unmount();
35
- });
36
- });