@para-ui/core 4.0.73 → 4.0.75
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/ComboSelect/index.js +4 -4
- package/DynamicMultiBox/index.js +5 -5
- package/Form/index.js +4 -4
- package/FormItem/index.js +4 -4
- package/README.md +12 -0
- package/SingleBox/index.js +2 -2
- package/Stepper/index.js +1 -1
- package/Table/index.js +497 -432
- package/Tabs/index.js +2 -2
- package/Tree/index.js +2 -2
- package/_verture/{index-e9619dbc.js → index-89fab47e.js} +2 -2
- package/index.js +2 -2
- package/locale/index.js +1 -1
- package/package.json +1 -1
- package/umd/ComboSelect.js +1 -1
- package/umd/DynamicMultiBox.js +2 -2
- package/umd/Form.js +1 -1
- package/umd/FormItem.js +3 -3
- package/umd/Tree.js +1 -1
- package/umd/locale.js +1 -1
- /package/_verture/{index-10b7ed5d.js → index-87014c8e.js} +0 -0
package/Table/index.js
CHANGED
|
@@ -2,6 +2,8 @@ import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
|
|
|
2
2
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
|
|
4
4
|
import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject, UUID } from '@paraview/lib';
|
|
5
|
+
import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
|
|
6
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-61604a6c.js';
|
|
5
7
|
import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
|
|
6
8
|
import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
|
|
7
9
|
import { Popover } from '../Popover/index.js';
|
|
@@ -14,6 +16,7 @@ import SolidArrowDown from '@para-ui/icons/DownTriangleF';
|
|
|
14
16
|
import Panel from '@para-ui/icons/Panel';
|
|
15
17
|
import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
|
|
16
18
|
import Empty from '../Empty/index.js';
|
|
19
|
+
import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
|
|
17
20
|
import { d as dist } from '../_verture/index-0f5ee6f7.js';
|
|
18
21
|
import { Radio } from '../Radio/index.js';
|
|
19
22
|
import OperateBtn from '../OperateBtn/index.js';
|
|
@@ -63,25 +66,23 @@ import '@para-ui/icons/DoubleRight';
|
|
|
63
66
|
* 发送请求
|
|
64
67
|
* @param obj {ReqProps} 请求信息
|
|
65
68
|
*/
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
data
|
|
72
|
-
} = obj,
|
|
69
|
+
var requestFunc = function requestFunc(obj) {
|
|
70
|
+
var method = obj.method,
|
|
71
|
+
url = obj.url,
|
|
72
|
+
ctx = obj.ctx,
|
|
73
|
+
data = obj.data,
|
|
73
74
|
otherProps = __rest(obj, ["method", "url", "ctx", "data"]);
|
|
74
75
|
if (method === 'Get') {
|
|
75
76
|
return Get(Object.assign({
|
|
76
77
|
url: url,
|
|
77
|
-
ctx
|
|
78
|
+
ctx: ctx
|
|
78
79
|
}, otherProps));
|
|
79
80
|
}
|
|
80
81
|
if (method === 'Post') {
|
|
81
82
|
return Post(Object.assign({
|
|
82
83
|
url: url,
|
|
83
|
-
ctx,
|
|
84
|
-
data
|
|
84
|
+
ctx: ctx,
|
|
85
|
+
data: data
|
|
85
86
|
}, otherProps));
|
|
86
87
|
}
|
|
87
88
|
};
|
|
@@ -90,23 +91,23 @@ const requestFunc = obj => {
|
|
|
90
91
|
* @param obj {ReqProps} 请求信息
|
|
91
92
|
* @return string get请求地址参数
|
|
92
93
|
*/
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
for (
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
if (
|
|
94
|
+
var handGetReqParams = function handGetReqParams(obj) {
|
|
95
|
+
var str = obj.url;
|
|
96
|
+
var params = obj.data || {};
|
|
97
|
+
var arrKey = Object.keys(params);
|
|
98
|
+
var paramsArr = [];
|
|
99
|
+
for (var i = 0, l = arrKey.length; i < l; i++) {
|
|
100
|
+
var key = arrKey[i];
|
|
101
|
+
var val = params[key];
|
|
102
|
+
if (_typeof(val) === 'object') {
|
|
102
103
|
val = encodeURIComponent(JSON.stringify(val));
|
|
103
104
|
} else {
|
|
104
105
|
val = encodeURIComponent(val);
|
|
105
106
|
}
|
|
106
107
|
paramsArr.push("".concat(key, "=").concat(val));
|
|
107
108
|
}
|
|
108
|
-
|
|
109
|
-
|
|
109
|
+
var paramsStr = paramsArr.join('&');
|
|
110
|
+
var pos = str.indexOf('?');
|
|
110
111
|
if (pos !== -1) {
|
|
111
112
|
str += (pos === str.length - 1 ? '' : '&') + paramsStr;
|
|
112
113
|
} else {
|
|
@@ -117,9 +118,9 @@ const handGetReqParams = obj => {
|
|
|
117
118
|
/**
|
|
118
119
|
* 提取字符串里面的数字
|
|
119
120
|
* */
|
|
120
|
-
|
|
121
|
+
var getStringInNumber = function getStringInNumber(str) {
|
|
121
122
|
if (typeof str === 'number') return str;
|
|
122
|
-
|
|
123
|
+
var strHand = str.replace(/[^0-9$]/gi, '');
|
|
123
124
|
return Number(strHand);
|
|
124
125
|
};
|
|
125
126
|
/**
|
|
@@ -127,23 +128,23 @@ const getStringInNumber = str => {
|
|
|
127
128
|
* @param key {string} 键值
|
|
128
129
|
* @param num {number} 过期天数
|
|
129
130
|
* */
|
|
130
|
-
|
|
131
|
+
var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
|
|
131
132
|
//debugger
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
for (
|
|
136
|
-
|
|
137
|
-
|
|
133
|
+
var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
|
|
134
|
+
var headJson = JSON.parse(headJsonStr);
|
|
135
|
+
var headJsonArr = Object.keys(headJson);
|
|
136
|
+
for (var i = 0, l = headJsonArr.length; i < l; i++) {
|
|
137
|
+
var keyStr = headJsonArr[i];
|
|
138
|
+
var item = headJson[i];
|
|
138
139
|
if (!item) continue;
|
|
139
|
-
|
|
140
|
-
|
|
140
|
+
var newDate = new Date().getTime(); // 当前时间
|
|
141
|
+
var endTime = item.storageTime + item.validity; // 过期时间
|
|
141
142
|
// 过期时间 小于 当前时间, 说明已经过期了, 删除当前表格列数据
|
|
142
143
|
if (endTime < newDate) {
|
|
143
144
|
delete headJson[keyStr];
|
|
144
145
|
}
|
|
145
146
|
}
|
|
146
|
-
|
|
147
|
+
var headJsonItem = headJson[key];
|
|
147
148
|
// 重置过期时间
|
|
148
149
|
if (headJsonItem) {
|
|
149
150
|
headJsonItem.storageTime = new Date().getTime();
|
|
@@ -156,9 +157,9 @@ const getLocalStorageSelectHead = (key, num) => {
|
|
|
156
157
|
* @param key {string} 键值
|
|
157
158
|
* @param val {HeadLocalStorageItem} 保存值
|
|
158
159
|
* */
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
160
|
+
var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
|
|
161
|
+
var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
|
|
162
|
+
var headJson = JSON.parse(headJsonStr);
|
|
162
163
|
headJson[key] = val;
|
|
163
164
|
window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
|
|
164
165
|
};
|
|
@@ -167,8 +168,8 @@ const setLocalStorageSelectHead = (key, val) => {
|
|
|
167
168
|
* @param el 当前元素
|
|
168
169
|
* @param selector 查找元素class
|
|
169
170
|
*/
|
|
170
|
-
|
|
171
|
-
|
|
171
|
+
var closest = function closest(el, selector) {
|
|
172
|
+
var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
|
|
172
173
|
while (el) {
|
|
173
174
|
if (matchesSelector.call(el, selector)) {
|
|
174
175
|
break;
|
|
@@ -364,50 +365,70 @@ var zh = {
|
|
|
364
365
|
};
|
|
365
366
|
|
|
366
367
|
var localeJson = {
|
|
367
|
-
zh,
|
|
368
|
-
en
|
|
368
|
+
zh: zh,
|
|
369
|
+
en: en
|
|
369
370
|
};
|
|
370
371
|
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
headData = [],
|
|
374
|
-
sortTable,
|
|
375
|
-
filter,
|
|
376
|
-
expandable,
|
|
377
|
-
check,
|
|
378
|
-
radio,
|
|
379
|
-
onRequestSort,
|
|
380
|
-
orderFieldArr =
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
372
|
+
var TableHead$1 = function TableHead(props) {
|
|
373
|
+
var _props$headData = props.headData,
|
|
374
|
+
headData = _props$headData === void 0 ? [] : _props$headData,
|
|
375
|
+
sortTable = props.sortTable,
|
|
376
|
+
filter = props.filter,
|
|
377
|
+
expandable = props.expandable,
|
|
378
|
+
check = props.check,
|
|
379
|
+
radio = props.radio,
|
|
380
|
+
onRequestSort = props.onRequestSort,
|
|
381
|
+
_props$orderFieldArr = props.orderFieldArr,
|
|
382
|
+
orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
|
|
383
|
+
_props$orderTypeArr = props.orderTypeArr,
|
|
384
|
+
orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
|
|
385
|
+
selectAll = props.selectAll,
|
|
386
|
+
selectStatus = props.selectStatus,
|
|
387
|
+
align = props.align,
|
|
388
|
+
_props$showList = props.showList,
|
|
389
|
+
showList = _props$showList === void 0 ? [] : _props$showList,
|
|
390
|
+
changeShowList = props.changeShowList,
|
|
391
|
+
selectFilter = props.selectFilter,
|
|
392
|
+
changeFilter = props.changeFilter,
|
|
393
|
+
operate = props.operate,
|
|
394
|
+
showColumns = props.showColumns,
|
|
395
|
+
fixedTable = props.fixedTable,
|
|
396
|
+
fixedColumn = props.fixedColumn,
|
|
397
|
+
posFixed = props.posFixed,
|
|
398
|
+
beyondText = props.beyondText,
|
|
399
|
+
lineWidth = props.lineWidth,
|
|
400
|
+
dragColumn = props.dragColumn,
|
|
401
|
+
dragRow = props.dragRow,
|
|
402
|
+
changeColumnWidth = props.changeColumnWidth,
|
|
403
|
+
headDataConfig = props.headDataConfig,
|
|
404
|
+
getPopupContainer = props.getPopupContainer,
|
|
405
|
+
tipMaxWidth = props.tipMaxWidth;
|
|
406
|
+
var _useState = useState(false),
|
|
407
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
408
|
+
indeterminate = _useState2[0],
|
|
409
|
+
setIndeterminate = _useState2[1]; // 半选中
|
|
410
|
+
var _useState3 = useState(false),
|
|
411
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
412
|
+
checked = _useState4[0],
|
|
413
|
+
setChecked = _useState4[1]; // 选中
|
|
414
|
+
var _useState5 = useState(null),
|
|
415
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
416
|
+
anchorElColums = _useState6[0],
|
|
417
|
+
setAnchorElColums = _useState6[1]; // 显示列定位元素
|
|
418
|
+
var _useState7 = useState({}),
|
|
419
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
420
|
+
headDataJson = _useState8[0],
|
|
421
|
+
setHeadDataJson = _useState8[1]; // 显示列json
|
|
422
|
+
var _useState9 = useState({}),
|
|
423
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
424
|
+
filterHead = _useState10[0],
|
|
425
|
+
setFilterHead = _useState10[1]; // 过滤项当前表头数据
|
|
426
|
+
var _useState11 = useState({}),
|
|
427
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
428
|
+
selectFilterCom = _useState12[0],
|
|
429
|
+
setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
|
|
430
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
431
|
+
useEffect(function () {
|
|
411
432
|
// 全选
|
|
412
433
|
if (selectStatus === 'all') {
|
|
413
434
|
setChecked(true);
|
|
@@ -424,17 +445,17 @@ const TableHead$1 = props => {
|
|
|
424
445
|
setIndeterminate(false);
|
|
425
446
|
}
|
|
426
447
|
}, [selectStatus]);
|
|
427
|
-
useEffect(()
|
|
448
|
+
useEffect(function () {
|
|
428
449
|
if (headData) {
|
|
429
|
-
|
|
430
|
-
for (
|
|
431
|
-
|
|
450
|
+
var json = [];
|
|
451
|
+
for (var i = 0, l = headData.length; i < l; i++) {
|
|
452
|
+
var item = headData[i];
|
|
432
453
|
json[item.name] = item;
|
|
433
454
|
}
|
|
434
455
|
setHeadDataJson(json);
|
|
435
456
|
}
|
|
436
457
|
}, [headData]);
|
|
437
|
-
useEffect(()
|
|
458
|
+
useEffect(function () {
|
|
438
459
|
if (selectFilter) setSelectFilterCom(DeepClone(selectFilter));
|
|
439
460
|
}, [selectFilter]);
|
|
440
461
|
/**
|
|
@@ -442,28 +463,30 @@ const TableHead$1 = props => {
|
|
|
442
463
|
* @param name 排序列
|
|
443
464
|
* @param event 当前排序元素
|
|
444
465
|
*/
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
466
|
+
var createSortHandler = function createSortHandler(name, item) {
|
|
467
|
+
return function (event) {
|
|
468
|
+
// 不存在排序,不触发事件
|
|
469
|
+
if (!(sortTable && item.name && item.sort !== false)) return;
|
|
470
|
+
if (onRequestSort) onRequestSort(event, name);
|
|
471
|
+
};
|
|
449
472
|
};
|
|
450
473
|
/**
|
|
451
474
|
* 全选 / 全不选
|
|
452
475
|
* @param event 操作元素
|
|
453
476
|
* @param bol 选中 / 不选中
|
|
454
477
|
*/
|
|
455
|
-
|
|
478
|
+
var onSelectAll = function onSelectAll(event, bol) {
|
|
456
479
|
if (selectAll) selectAll(event, bol);
|
|
457
480
|
};
|
|
458
481
|
/**
|
|
459
482
|
* 点击显示选择列
|
|
460
483
|
* @param event 点击元素
|
|
461
484
|
*/
|
|
462
|
-
|
|
485
|
+
var clickShowColums = function clickShowColums(event) {
|
|
463
486
|
setAnchorElColums(event.currentTarget);
|
|
464
487
|
};
|
|
465
488
|
// 点击隐藏选择列
|
|
466
|
-
|
|
489
|
+
var clickHideColums = function clickHideColums(bol) {
|
|
467
490
|
if (bol) return;
|
|
468
491
|
setAnchorElColums(null);
|
|
469
492
|
};
|
|
@@ -471,27 +494,29 @@ const TableHead$1 = props => {
|
|
|
471
494
|
* 点击显示列 列表
|
|
472
495
|
* @param item 详细
|
|
473
496
|
*/
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
497
|
+
var clickColumsList = function clickColumsList(item) {
|
|
498
|
+
return function () {
|
|
499
|
+
if (item.disabledSelection) return;
|
|
500
|
+
var name = item.name;
|
|
501
|
+
var itemHead = headDataJson[name];
|
|
502
|
+
if (itemHead) {
|
|
503
|
+
// 取消勾选
|
|
504
|
+
delete headDataJson[name];
|
|
505
|
+
var arr = Object.keys(headDataJson);
|
|
506
|
+
var arr1 = [];
|
|
507
|
+
for (var i = 0, l = arr.length; i < l; i++) {
|
|
508
|
+
var _name = arr[i];
|
|
509
|
+
arr1.push(headDataJson[_name]);
|
|
510
|
+
}
|
|
511
|
+
changeShowList && changeShowList(arr1, false, item);
|
|
512
|
+
} else {
|
|
513
|
+
headData.push(item);
|
|
514
|
+
changeShowList && changeShowList(headData, false, item);
|
|
486
515
|
}
|
|
487
|
-
|
|
488
|
-
} else {
|
|
489
|
-
headData.push(item);
|
|
490
|
-
changeShowList && changeShowList(headData, false, item);
|
|
491
|
-
}
|
|
516
|
+
};
|
|
492
517
|
};
|
|
493
518
|
// 重置显示列
|
|
494
|
-
|
|
519
|
+
var resetShowList = function resetShowList() {
|
|
495
520
|
changeShowList && changeShowList(headData, true);
|
|
496
521
|
};
|
|
497
522
|
/**
|
|
@@ -499,63 +524,69 @@ const TableHead$1 = props => {
|
|
|
499
524
|
* @param headCell 当前列信息
|
|
500
525
|
* @param event 元素
|
|
501
526
|
*/
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
527
|
+
var clickShowFilter = function clickShowFilter(headCell) {
|
|
528
|
+
return function (event) {
|
|
529
|
+
setFilterHead(headCell);
|
|
530
|
+
setSelectFilterCom(Object.assign({}, selectFilter));
|
|
531
|
+
};
|
|
505
532
|
};
|
|
506
533
|
// 点击隐藏过滤
|
|
507
|
-
|
|
534
|
+
var clickHideFilter = function clickHideFilter(bol) {
|
|
508
535
|
if (bol) return;
|
|
509
536
|
setFilterHead({});
|
|
510
537
|
setSelectFilterCom(Object.assign({}, selectFilter));
|
|
511
538
|
};
|
|
512
539
|
// 点击过滤
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
const filterRadio = filterHead.filterRadio;
|
|
525
|
-
if (filterRadio) {
|
|
526
|
-
// 过滤单个
|
|
527
|
-
const num = filterValue.indexOf(item.value);
|
|
528
|
-
if (num !== -1) {
|
|
529
|
-
filterValue = [filterValue[num]];
|
|
540
|
+
var clickFilter = function clickFilter(item) {
|
|
541
|
+
return function () {
|
|
542
|
+
var name = filterHead.name;
|
|
543
|
+
var filterValue = DeepClone(selectFilterCom[name] || []);
|
|
544
|
+
var index = filterValue.indexOf(item.value);
|
|
545
|
+
if (index !== -1) {
|
|
546
|
+
// 勾选 -> 不勾选
|
|
547
|
+
filterValue.splice(index, 1);
|
|
548
|
+
} else {
|
|
549
|
+
// 不勾选 -> 勾选
|
|
550
|
+
filterValue.push(item.value);
|
|
530
551
|
}
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
552
|
+
var filterRadio = filterHead.filterRadio;
|
|
553
|
+
if (filterRadio) {
|
|
554
|
+
// 过滤单个
|
|
555
|
+
var num = filterValue.indexOf(item.value);
|
|
556
|
+
if (num !== -1) {
|
|
557
|
+
filterValue = [filterValue[num]];
|
|
558
|
+
}
|
|
559
|
+
}
|
|
560
|
+
selectFilterCom[name] = filterValue;
|
|
561
|
+
setSelectFilterCom(Object.assign({}, selectFilterCom));
|
|
562
|
+
};
|
|
534
563
|
};
|
|
535
564
|
/**
|
|
536
565
|
* 重置 / 确定过滤
|
|
537
566
|
* @param type {'reset' | 'confirm'} 重置 / 确定过滤
|
|
538
567
|
*/
|
|
539
|
-
|
|
540
|
-
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
|
|
550
|
-
|
|
551
|
-
|
|
568
|
+
var filterFunc = function filterFunc(type) {
|
|
569
|
+
return function () {
|
|
570
|
+
if (type === 'confirm') {
|
|
571
|
+
// 确定
|
|
572
|
+
changeFilter && changeFilter(Object.assign({}, selectFilterCom));
|
|
573
|
+
setFilterHead({});
|
|
574
|
+
} else {
|
|
575
|
+
// 重置
|
|
576
|
+
var json = DeepClone(selectFilterCom);
|
|
577
|
+
delete json[filterHead.name];
|
|
578
|
+
setSelectFilterCom(json);
|
|
579
|
+
changeFilter && changeFilter(Object.assign({}, json));
|
|
580
|
+
setFilterHead({});
|
|
581
|
+
}
|
|
582
|
+
};
|
|
552
583
|
};
|
|
553
584
|
/**
|
|
554
585
|
* 自定义过滤确定
|
|
555
586
|
* @param val {[name: string]: any[]}
|
|
556
587
|
* */
|
|
557
|
-
|
|
558
|
-
|
|
588
|
+
var filterCustomConfirm = function filterCustomConfirm() {
|
|
589
|
+
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
559
590
|
changeFilter && changeFilter(Object.assign({}, val));
|
|
560
591
|
setFilterHead({});
|
|
561
592
|
};
|
|
@@ -563,12 +594,12 @@ const TableHead$1 = props => {
|
|
|
563
594
|
* 处理TableCell
|
|
564
595
|
* @param item 当前列信息
|
|
565
596
|
*/
|
|
566
|
-
|
|
567
|
-
|
|
597
|
+
var handCellClass = function handCellClass(item) {
|
|
598
|
+
var str = 'table-header-box';
|
|
568
599
|
// 排序
|
|
569
600
|
if (sortTable && item.name && item.sort !== false) {
|
|
570
601
|
str += ' table-header-box-sort';
|
|
571
|
-
|
|
602
|
+
var index = orderFieldArr.indexOf(item.name);
|
|
572
603
|
if (index !== -1) {
|
|
573
604
|
// 升序
|
|
574
605
|
if (orderTypeArr[index] === 'asc') {
|
|
@@ -587,10 +618,10 @@ const TableHead$1 = props => {
|
|
|
587
618
|
return str;
|
|
588
619
|
};
|
|
589
620
|
// 复选框memo
|
|
590
|
-
|
|
621
|
+
var TableCheckMemo = useMemo(function () {
|
|
591
622
|
if (check) {
|
|
592
|
-
|
|
593
|
-
|
|
623
|
+
var handCls = function handCls() {
|
|
624
|
+
var str = 'table-checkbox table-head-btn';
|
|
594
625
|
if (fixedColumn) {
|
|
595
626
|
str += ' table-fixed-dom-left';
|
|
596
627
|
// 左边没有定位,且没有单选,没有嵌套表格
|
|
@@ -618,10 +649,10 @@ const TableHead$1 = props => {
|
|
|
618
649
|
}
|
|
619
650
|
}, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]);
|
|
620
651
|
// 单选框memo
|
|
621
|
-
|
|
652
|
+
var TableRadioMemo = useMemo(function () {
|
|
622
653
|
if (radio) {
|
|
623
|
-
|
|
624
|
-
|
|
654
|
+
var handCls = function handCls() {
|
|
655
|
+
var str = 'table-radio table-head-btn';
|
|
625
656
|
if (fixedColumn) {
|
|
626
657
|
str += ' table-fixed-dom-left';
|
|
627
658
|
// 左边没有定位,没有嵌套表格
|
|
@@ -643,10 +674,10 @@ const TableHead$1 = props => {
|
|
|
643
674
|
}
|
|
644
675
|
}, [radio, posFixed, expandable, fixedColumn]);
|
|
645
676
|
// 嵌套表格memo
|
|
646
|
-
|
|
677
|
+
var TableExpandableMemo = useMemo(function () {
|
|
647
678
|
if (expandable) {
|
|
648
|
-
|
|
649
|
-
|
|
679
|
+
var handCls = function handCls() {
|
|
680
|
+
var str = 'table-expandable table-head-btn';
|
|
650
681
|
if (fixedColumn) {
|
|
651
682
|
str += ' table-fixed-dom-left';
|
|
652
683
|
// 左边没有定位,没有嵌套表格
|
|
@@ -668,21 +699,21 @@ const TableHead$1 = props => {
|
|
|
668
699
|
}
|
|
669
700
|
}, [expandable, posFixed, fixedColumn]);
|
|
670
701
|
// 过滤弹窗内容
|
|
671
|
-
|
|
672
|
-
|
|
702
|
+
var filterPopoverContent = function filterPopoverContent() {
|
|
703
|
+
var name = filterHead.name;
|
|
673
704
|
if (!name) return;
|
|
674
|
-
|
|
705
|
+
var filterValue = selectFilterCom[name] || [];
|
|
675
706
|
if (filterHead.filterRender) {
|
|
676
707
|
// 自定义渲染过滤
|
|
677
708
|
return filterHead.filterRender({
|
|
678
|
-
filterValue,
|
|
709
|
+
filterValue: filterValue,
|
|
679
710
|
selectFilter: selectFilterCom,
|
|
680
|
-
filterHead,
|
|
711
|
+
filterHead: filterHead,
|
|
681
712
|
setFilter: filterCustomConfirm
|
|
682
713
|
});
|
|
683
714
|
}
|
|
684
|
-
|
|
685
|
-
|
|
715
|
+
var arr = filterHead.enums || [];
|
|
716
|
+
var str = 'filter-select';
|
|
686
717
|
if (arr.length === 0) str += ' filter-select-none';
|
|
687
718
|
return jsx("div", Object.assign({
|
|
688
719
|
className: str
|
|
@@ -697,8 +728,8 @@ const TableHead$1 = props => {
|
|
|
697
728
|
children: [jsx("div", Object.assign({
|
|
698
729
|
className: "filter-select-box"
|
|
699
730
|
}, {
|
|
700
|
-
children: arr.map((item, index)
|
|
701
|
-
|
|
731
|
+
children: arr.map(function (item, index) {
|
|
732
|
+
var checked = filterValue.indexOf(item.value) !== -1;
|
|
702
733
|
return jsxs("div", Object.assign({
|
|
703
734
|
onClick: clickFilter(item),
|
|
704
735
|
className: checked ? 'filter-select-item filter-select-item-select' : 'filter-select-item'
|
|
@@ -737,28 +768,30 @@ const TableHead$1 = props => {
|
|
|
737
768
|
}));
|
|
738
769
|
};
|
|
739
770
|
// 表格列拖拽放下
|
|
740
|
-
|
|
741
|
-
|
|
771
|
+
var onDragDown = function onDragDown(headCell) {
|
|
772
|
+
return function (result) {
|
|
773
|
+
changeColumnWidth && changeColumnWidth(headCell, result);
|
|
774
|
+
};
|
|
742
775
|
};
|
|
743
776
|
// 获取宽度
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
777
|
+
var getWidth = function getWidth(item) {
|
|
778
|
+
var w = item.width || '';
|
|
779
|
+
var name = item.name || '';
|
|
780
|
+
var wDrag = headDataConfig[name] && headDataConfig[name].width;
|
|
748
781
|
if (wDrag) w = "".concat(wDrag, "px");
|
|
749
782
|
return w;
|
|
750
783
|
};
|
|
751
784
|
// 内容列memo
|
|
752
|
-
|
|
785
|
+
var TableContentMemo = useMemo(function () {
|
|
753
786
|
// 处理过滤的class
|
|
754
|
-
|
|
755
|
-
|
|
787
|
+
var handFilterClass = function handFilterClass(item) {
|
|
788
|
+
var str = 'table-header-filter';
|
|
756
789
|
if (filterHead.name === item.name) str += ' table-header-filter-show';
|
|
757
790
|
if (item.name && selectFilterCom[item.name] && selectFilterCom[item.name].length > 0) str += ' table-header-filter-select';
|
|
758
791
|
return str;
|
|
759
792
|
};
|
|
760
|
-
|
|
761
|
-
|
|
793
|
+
var handCls = function handCls(item) {
|
|
794
|
+
var str = '';
|
|
762
795
|
if (item.className) str += item.className;
|
|
763
796
|
if (fixedColumn && item.fixed) {
|
|
764
797
|
str += " table-fixed-dom-".concat(item.fixed);
|
|
@@ -773,8 +806,8 @@ const TableHead$1 = props => {
|
|
|
773
806
|
}
|
|
774
807
|
return str;
|
|
775
808
|
};
|
|
776
|
-
|
|
777
|
-
|
|
809
|
+
var handStyle = function handStyle(item) {
|
|
810
|
+
var json = {
|
|
778
811
|
width: getWidth(item)
|
|
779
812
|
};
|
|
780
813
|
if (fixedColumn && item.fixed && item.width) {
|
|
@@ -788,13 +821,13 @@ const TableHead$1 = props => {
|
|
|
788
821
|
return Object.assign(Object.assign({}, json), item.style);
|
|
789
822
|
};
|
|
790
823
|
// 处理拖拽
|
|
791
|
-
|
|
824
|
+
var handDrag = function handDrag(item) {
|
|
792
825
|
if (item.name === 'table-serial-number') return false; // 序号不拖拽
|
|
793
826
|
if (dragColumn && item.drag !== false) return true;
|
|
794
827
|
return false;
|
|
795
828
|
};
|
|
796
|
-
return headData.map((headCell, index)
|
|
797
|
-
|
|
829
|
+
return headData.map(function (headCell, index) {
|
|
830
|
+
var str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
|
|
798
831
|
if (!headCell.filterRender) str += " ".concat($prefixCls, "-filter-popover-default");
|
|
799
832
|
return jsx(ThElement, Object.assign({
|
|
800
833
|
className: handCls(headCell),
|
|
@@ -814,7 +847,9 @@ const TableHead$1 = props => {
|
|
|
814
847
|
content: headCell.name !== undefined && filterHead.name === headCell.name && filterPopoverContent(),
|
|
815
848
|
onVisibleChange: clickHideFilter,
|
|
816
849
|
overlayClassName: str,
|
|
817
|
-
getPopupContainer: getPopupContainer ? getPopupContainer : ()
|
|
850
|
+
getPopupContainer: getPopupContainer ? getPopupContainer : function () {
|
|
851
|
+
return document.body;
|
|
852
|
+
},
|
|
818
853
|
maxWidth: headCell.filterMaxWidth
|
|
819
854
|
}, {
|
|
820
855
|
children: jsxs("div", Object.assign({
|
|
@@ -859,10 +894,10 @@ const TableHead$1 = props => {
|
|
|
859
894
|
});
|
|
860
895
|
}, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
|
|
861
896
|
// 操作栏memo
|
|
862
|
-
|
|
897
|
+
var TableOperateMemo = useMemo(function () {
|
|
863
898
|
if (operate) {
|
|
864
|
-
|
|
865
|
-
|
|
899
|
+
var handCls = function handCls() {
|
|
900
|
+
var str = 'table-operate';
|
|
866
901
|
if (operate.operateBtnRender) str += ' table-operate-small';
|
|
867
902
|
if (showColumns === false) str += ' table-operate-not-columns';
|
|
868
903
|
if (dragRow) str += ' table-operate-drag-row';
|
|
@@ -875,8 +910,8 @@ const TableHead$1 = props => {
|
|
|
875
910
|
}
|
|
876
911
|
return str;
|
|
877
912
|
};
|
|
878
|
-
|
|
879
|
-
|
|
913
|
+
var handStyle = function handStyle() {
|
|
914
|
+
var json = {
|
|
880
915
|
width: operate.width
|
|
881
916
|
};
|
|
882
917
|
if (fixedColumn) {
|
|
@@ -912,16 +947,16 @@ const TableHead$1 = props => {
|
|
|
912
947
|
}
|
|
913
948
|
}, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth, dragRow]);
|
|
914
949
|
// 显示列弹窗内容
|
|
915
|
-
|
|
950
|
+
var showListContent = function showListContent() {
|
|
916
951
|
return jsxs("div", Object.assign({
|
|
917
952
|
className: "show-colums-select"
|
|
918
953
|
}, {
|
|
919
954
|
children: [jsx("div", Object.assign({
|
|
920
955
|
className: "show-colums-select-box"
|
|
921
956
|
}, {
|
|
922
|
-
children: showList.map((item, index)
|
|
923
|
-
|
|
924
|
-
|
|
957
|
+
children: showList.map(function (item, index) {
|
|
958
|
+
var checked = Boolean(headDataJson[item.name]);
|
|
959
|
+
var str = 'show-colums-select-item';
|
|
925
960
|
if (checked) str += ' show-colums-select-item-select';
|
|
926
961
|
if (item.disabledSelection) str += ' show-colums-select-item-disabled';
|
|
927
962
|
return jsxs("div", Object.assign({
|
|
@@ -955,9 +990,9 @@ const TableHead$1 = props => {
|
|
|
955
990
|
}));
|
|
956
991
|
};
|
|
957
992
|
// 显示列memo
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
993
|
+
var TableShowList = useMemo(function () {
|
|
994
|
+
var handCls = function handCls() {
|
|
995
|
+
var str = 'show-colums table-fixed-dom-right';
|
|
961
996
|
// 没有固定列参数 或者 没有操作栏且没有右侧固定列
|
|
962
997
|
if (!fixedColumn || !operate && !(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
|
|
963
998
|
str += ' table-fixed-dom-right-first';
|
|
@@ -970,7 +1005,9 @@ const TableHead$1 = props => {
|
|
|
970
1005
|
content: showListContent(),
|
|
971
1006
|
onVisibleChange: clickHideColums,
|
|
972
1007
|
overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
|
|
973
|
-
getPopupContainer: getPopupContainer ? getPopupContainer : ()
|
|
1008
|
+
getPopupContainer: getPopupContainer ? getPopupContainer : function () {
|
|
1009
|
+
return document.body;
|
|
1010
|
+
}
|
|
974
1011
|
}, {
|
|
975
1012
|
children: jsx(ThElement, Object.assign({
|
|
976
1013
|
align: "center",
|
|
@@ -987,10 +1024,10 @@ const TableHead$1 = props => {
|
|
|
987
1024
|
}));
|
|
988
1025
|
}, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
|
|
989
1026
|
// 拖动行
|
|
990
|
-
|
|
1027
|
+
var TbaleDragRow = useMemo(function () {
|
|
991
1028
|
if (!dragRow || operate || showColumns === 'inside') return null;
|
|
992
|
-
|
|
993
|
-
|
|
1029
|
+
var handCls = function handCls() {
|
|
1030
|
+
var str = 'drag-row table-fixed-dom-right';
|
|
994
1031
|
// 没有固定列参数 或者 没有操作栏且没有右侧固定列
|
|
995
1032
|
if (!fixedColumn || !operate && !(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
|
|
996
1033
|
str += ' table-fixed-dom-right-first';
|
|
@@ -1004,8 +1041,8 @@ const TableHead$1 = props => {
|
|
|
1004
1041
|
});
|
|
1005
1042
|
}, [operate, showColumns, fixedColumn, posFixed, dragRow]);
|
|
1006
1043
|
// 处理class
|
|
1007
|
-
|
|
1008
|
-
|
|
1044
|
+
var handClass = function handClass() {
|
|
1045
|
+
var str = 'table-head';
|
|
1009
1046
|
if (showColumns === 'inside') str += ' table-head-inside';
|
|
1010
1047
|
if (!fixedTable) str += ' table-head-scroll'; // 防止长度过长
|
|
1011
1048
|
// 没有 复选框,单选框,展开 按钮
|
|
@@ -1083,76 +1120,100 @@ var TdElement = function TdElement(props) {
|
|
|
1083
1120
|
}));
|
|
1084
1121
|
};
|
|
1085
1122
|
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
rowData = [],
|
|
1091
|
-
rowKey =
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
|
|
1122
|
-
|
|
1123
|
-
|
|
1124
|
-
|
|
1125
|
-
|
|
1126
|
-
|
|
1127
|
-
|
|
1128
|
-
|
|
1129
|
-
|
|
1130
|
-
|
|
1131
|
-
|
|
1132
|
-
|
|
1133
|
-
|
|
1134
|
-
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1123
|
+
var TableBody = function TableBody(props) {
|
|
1124
|
+
var url = props.url,
|
|
1125
|
+
emptyProps = props.emptyProps,
|
|
1126
|
+
_props$rowData = props.rowData,
|
|
1127
|
+
rowData = _props$rowData === void 0 ? [] : _props$rowData,
|
|
1128
|
+
_props$rowKey = props.rowKey,
|
|
1129
|
+
rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
|
|
1130
|
+
check = props.check,
|
|
1131
|
+
radio = props.radio,
|
|
1132
|
+
tableCell = props.tableCell,
|
|
1133
|
+
expandable = props.expandable,
|
|
1134
|
+
_props$headData = props.headData,
|
|
1135
|
+
headData = _props$headData === void 0 ? [] : _props$headData,
|
|
1136
|
+
_props$disabledJson = props.disabledJson,
|
|
1137
|
+
disabledJson = _props$disabledJson === void 0 ? {} : _props$disabledJson,
|
|
1138
|
+
disabledArrStatus = props.disabledArrStatus,
|
|
1139
|
+
_props$checkJson = props.checkJson,
|
|
1140
|
+
checkJson = _props$checkJson === void 0 ? {} : _props$checkJson,
|
|
1141
|
+
radioValue = props.radioValue,
|
|
1142
|
+
selectCheck = props.selectCheck,
|
|
1143
|
+
selectRadio = props.selectRadio,
|
|
1144
|
+
align = props.align,
|
|
1145
|
+
operate = props.operate,
|
|
1146
|
+
showColumns = props.showColumns,
|
|
1147
|
+
fixedTable = props.fixedTable,
|
|
1148
|
+
fixedColumn = props.fixedColumn,
|
|
1149
|
+
formatter = props.formatter,
|
|
1150
|
+
_props$orderFieldArr = props.orderFieldArr,
|
|
1151
|
+
orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
|
|
1152
|
+
_props$orderTypeArr = props.orderTypeArr,
|
|
1153
|
+
orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
|
|
1154
|
+
sortTable = props.sortTable,
|
|
1155
|
+
loadState = props.loadState,
|
|
1156
|
+
loadMore = props.loadMore,
|
|
1157
|
+
loadMoreRender = props.loadMoreRender,
|
|
1158
|
+
onClickMore = props.onClickMore,
|
|
1159
|
+
total = props.total,
|
|
1160
|
+
page = props.page,
|
|
1161
|
+
currentRowsPerPage = props.currentRowsPerPage,
|
|
1162
|
+
changePage = props.changePage,
|
|
1163
|
+
loadMoreUrl = props.loadMoreUrl,
|
|
1164
|
+
_props$expandMultiple = props.expandMultiple,
|
|
1165
|
+
expandMultiple = _props$expandMultiple === void 0 ? false : _props$expandMultiple,
|
|
1166
|
+
_props$expandValue = props.expandValue,
|
|
1167
|
+
expandValue = _props$expandValue === void 0 ? [] : _props$expandValue,
|
|
1168
|
+
_props$disabledExpand = props.disabledExpand,
|
|
1169
|
+
disabledExpand = _props$disabledExpand === void 0 ? [] : _props$disabledExpand,
|
|
1170
|
+
_props$defaultExpandA = props.defaultExpandAllRows,
|
|
1171
|
+
defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
|
|
1172
|
+
onExpand = props.onExpand,
|
|
1173
|
+
_onRefresh = props.onRefresh,
|
|
1174
|
+
posFixed = props.posFixed,
|
|
1175
|
+
beyondText = props.beyondText,
|
|
1176
|
+
onClickRow = props.onClickRow,
|
|
1177
|
+
rowClassMapping = props.rowClassMapping,
|
|
1178
|
+
tipMaxWidth = props.tipMaxWidth,
|
|
1179
|
+
lineHeight = props.lineHeight,
|
|
1180
|
+
dragRow = props.dragRow,
|
|
1181
|
+
onDragRow = props.onDragRow,
|
|
1182
|
+
virtualIndex = props.virtualIndex,
|
|
1183
|
+
virtual = props.virtual;
|
|
1184
|
+
var _useState = useState(0),
|
|
1185
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1186
|
+
expandableColSpan = _useState2[0],
|
|
1187
|
+
setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
|
|
1188
|
+
var _useState3 = useState({}),
|
|
1189
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1190
|
+
expandableRow = _useState4[0],
|
|
1191
|
+
setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
|
|
1192
|
+
var _useState5 = useState(true),
|
|
1193
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
1194
|
+
showMoreBtn = _useState6[0],
|
|
1195
|
+
setShowMoreBtn = _useState6[1]; // 加载更多
|
|
1196
|
+
var _useState7 = useState({}),
|
|
1197
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
1198
|
+
disabledExpandJson = _useState8[0],
|
|
1199
|
+
setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
|
|
1200
|
+
var _useState9 = useState(false),
|
|
1201
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
1202
|
+
dragBol = _useState10[0],
|
|
1203
|
+
setDragBol = _useState10[1];
|
|
1204
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
1144
1205
|
// 默认是否展开所有
|
|
1145
|
-
useEffect(()
|
|
1206
|
+
useEffect(function () {
|
|
1146
1207
|
if (!defaultExpandAllRows) {
|
|
1147
1208
|
setExpandableRow({});
|
|
1148
1209
|
return;
|
|
1149
1210
|
}
|
|
1150
|
-
|
|
1151
|
-
for (
|
|
1152
|
-
|
|
1153
|
-
|
|
1211
|
+
var json = {};
|
|
1212
|
+
for (var i = 0, l = rowData.length; i < l; i++) {
|
|
1213
|
+
var item = rowData[i] || {};
|
|
1214
|
+
var id = item[rowKey];
|
|
1154
1215
|
json[id] = {
|
|
1155
|
-
id,
|
|
1216
|
+
id: id,
|
|
1156
1217
|
status: 'develop'
|
|
1157
1218
|
};
|
|
1158
1219
|
}
|
|
@@ -1160,41 +1221,41 @@ const TableBody = props => {
|
|
|
1160
1221
|
}, [defaultExpandAllRows, rowData, rowKey]);
|
|
1161
1222
|
// 监听展开表格
|
|
1162
1223
|
// 如果直接写expandMultiple, expandValue会死循环
|
|
1163
|
-
useEffect(()
|
|
1224
|
+
useEffect(function () {
|
|
1164
1225
|
if (props.expandValue === undefined) return;
|
|
1165
|
-
|
|
1166
|
-
|
|
1226
|
+
var json = {};
|
|
1227
|
+
var expandValueHand = expandValue;
|
|
1167
1228
|
// 只展开一个,去第一个值
|
|
1168
1229
|
if (!expandMultiple && expandValue.length > 0) {
|
|
1169
1230
|
expandValueHand = [expandValue[0]];
|
|
1170
1231
|
}
|
|
1171
|
-
for (
|
|
1172
|
-
|
|
1232
|
+
for (var i = 0, l = expandValueHand.length; i < l; i++) {
|
|
1233
|
+
var id = expandValueHand[i];
|
|
1173
1234
|
json[id] = {
|
|
1174
|
-
id,
|
|
1235
|
+
id: id,
|
|
1175
1236
|
status: 'develop'
|
|
1176
1237
|
};
|
|
1177
1238
|
}
|
|
1178
1239
|
setExpandableRow(json);
|
|
1179
1240
|
}, [props.expandMultiple, props.expandValue, rowData]);
|
|
1180
1241
|
// 监听禁用嵌套 props.disabledExpand 防止死循环
|
|
1181
|
-
useEffect(()
|
|
1182
|
-
|
|
1183
|
-
for (
|
|
1184
|
-
|
|
1242
|
+
useEffect(function () {
|
|
1243
|
+
var json = {};
|
|
1244
|
+
for (var i = 0, l = disabledExpand.length; i < l; i++) {
|
|
1245
|
+
var id = disabledExpand[i];
|
|
1185
1246
|
json[id] = true;
|
|
1186
1247
|
}
|
|
1187
1248
|
setDisabledExpand(json);
|
|
1188
1249
|
}, [props.disabledExpand]);
|
|
1189
|
-
useEffect(()
|
|
1250
|
+
useEffect(function () {
|
|
1190
1251
|
if (loadMoreUrl) {
|
|
1191
|
-
|
|
1252
|
+
var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
|
|
1192
1253
|
setShowMoreBtn(bol);
|
|
1193
1254
|
}
|
|
1194
1255
|
}, [loadMoreUrl, total, page, currentRowsPerPage]);
|
|
1195
1256
|
// 处理嵌套表格合并列数
|
|
1196
|
-
useEffect(()
|
|
1197
|
-
|
|
1257
|
+
useEffect(function () {
|
|
1258
|
+
var num = headData.length;
|
|
1198
1259
|
if (expandable) num += 1;
|
|
1199
1260
|
if (check) num += 1;
|
|
1200
1261
|
if (radio) num += 1;
|
|
@@ -1203,55 +1264,55 @@ const TableBody = props => {
|
|
|
1203
1264
|
setExpandableColSpan(num);
|
|
1204
1265
|
}, [headData, expandable, check, radio]);
|
|
1205
1266
|
// 展开/收起嵌套表格
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
|
|
1267
|
+
var handClickNestTable = function handClickNestTable(row) {
|
|
1268
|
+
return function (event) {
|
|
1269
|
+
var id = row[rowKey];
|
|
1270
|
+
var expandItem = expandableRow[id] || {};
|
|
1271
|
+
var status = 'develop';
|
|
1272
|
+
if (expandItem.status === 'develop') status = 'retract';
|
|
1273
|
+
expandItem = {
|
|
1274
|
+
id: id,
|
|
1275
|
+
status: status
|
|
1276
|
+
};
|
|
1277
|
+
if (expandMultiple) {
|
|
1278
|
+
// 展开多个
|
|
1279
|
+
expandableRow[id] = expandItem;
|
|
1280
|
+
setExpandableRow(Object.assign({}, expandableRow));
|
|
1281
|
+
} else {
|
|
1282
|
+
// 展开一个
|
|
1283
|
+
setExpandableRow(_defineProperty({}, id, expandItem));
|
|
1284
|
+
}
|
|
1285
|
+
onExpand && onExpand(row, status);
|
|
1286
|
+
event.stopPropagation();
|
|
1214
1287
|
};
|
|
1215
|
-
if (expandMultiple) {
|
|
1216
|
-
// 展开多个
|
|
1217
|
-
expandableRow[id] = expandItem;
|
|
1218
|
-
setExpandableRow(Object.assign({}, expandableRow));
|
|
1219
|
-
} else {
|
|
1220
|
-
// 展开一个
|
|
1221
|
-
setExpandableRow({
|
|
1222
|
-
[id]: expandItem
|
|
1223
|
-
});
|
|
1224
|
-
}
|
|
1225
|
-
onExpand && onExpand(row, status);
|
|
1226
|
-
event.stopPropagation();
|
|
1227
1288
|
};
|
|
1228
1289
|
// 处理class
|
|
1229
|
-
|
|
1230
|
-
|
|
1290
|
+
var handClass = function handClass() {
|
|
1291
|
+
var str = 'table-body';
|
|
1231
1292
|
if (!fixedTable) str += ' table-body-scroll';
|
|
1232
1293
|
// 没有 复选框,单选框,展开 按钮
|
|
1233
1294
|
if (!check && !radio && !expandable) str += ' table-body-no-btn';
|
|
1234
1295
|
return str;
|
|
1235
1296
|
};
|
|
1236
1297
|
// 处理嵌套表格class
|
|
1237
|
-
|
|
1238
|
-
|
|
1239
|
-
|
|
1240
|
-
|
|
1298
|
+
var handExpandClass = function handExpandClass(row) {
|
|
1299
|
+
var id = row[rowKey];
|
|
1300
|
+
var expandItem = expandableRow[id] || {};
|
|
1301
|
+
var str = 'retract';
|
|
1241
1302
|
if (expandItem.status === 'develop') {
|
|
1242
1303
|
str = 'expand';
|
|
1243
1304
|
}
|
|
1244
1305
|
return str;
|
|
1245
1306
|
};
|
|
1246
1307
|
// 点击加载更多
|
|
1247
|
-
|
|
1308
|
+
var clickMore = function clickMore() {
|
|
1248
1309
|
if (loadMoreUrl) changePage && changePage();
|
|
1249
1310
|
onClickMore && onClickMore();
|
|
1250
1311
|
};
|
|
1251
1312
|
// 暂无数据memo
|
|
1252
|
-
|
|
1313
|
+
var NodataMemo = useMemo(function () {
|
|
1253
1314
|
// 处理刷新按钮
|
|
1254
|
-
|
|
1315
|
+
var handRefreshBtn = function handRefreshBtn() {
|
|
1255
1316
|
if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
|
|
1256
1317
|
return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
|
|
1257
1318
|
}
|
|
@@ -1261,7 +1322,7 @@ const TableBody = props => {
|
|
|
1261
1322
|
return false;
|
|
1262
1323
|
};
|
|
1263
1324
|
// 处理非首页非空状态
|
|
1264
|
-
|
|
1325
|
+
var handleDescription = function handleDescription() {
|
|
1265
1326
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description) return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.description;
|
|
1266
1327
|
if (Number(page) > 1) {
|
|
1267
1328
|
return jsxs("div", Object.assign({
|
|
@@ -1279,7 +1340,7 @@ const TableBody = props => {
|
|
|
1279
1340
|
children: jsx(Button, Object.assign({
|
|
1280
1341
|
variant: "text",
|
|
1281
1342
|
size: "small",
|
|
1282
|
-
onClick: ()
|
|
1343
|
+
onClick: function onClick() {
|
|
1283
1344
|
changePage && changePage(Number(page) - 1);
|
|
1284
1345
|
}
|
|
1285
1346
|
}, {
|
|
@@ -1292,8 +1353,8 @@ const TableBody = props => {
|
|
|
1292
1353
|
}
|
|
1293
1354
|
};
|
|
1294
1355
|
// 处理className
|
|
1295
|
-
|
|
1296
|
-
|
|
1356
|
+
var handClassNoData = function handClassNoData() {
|
|
1357
|
+
var str = 'table-no-data';
|
|
1297
1358
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += " table-no-data-".concat(emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
|
|
1298
1359
|
return str;
|
|
1299
1360
|
};
|
|
@@ -1307,24 +1368,24 @@ const TableBody = props => {
|
|
|
1307
1368
|
children: jsx(Empty, Object.assign({}, emptyProps, {
|
|
1308
1369
|
description: handleDescription(),
|
|
1309
1370
|
showRefresh: handRefreshBtn(),
|
|
1310
|
-
onRefresh: event
|
|
1371
|
+
onRefresh: function onRefresh(event) {
|
|
1311
1372
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
|
|
1312
1373
|
emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh(event);
|
|
1313
1374
|
return;
|
|
1314
1375
|
}
|
|
1315
|
-
|
|
1376
|
+
_onRefresh && _onRefresh();
|
|
1316
1377
|
}
|
|
1317
1378
|
}))
|
|
1318
1379
|
}))
|
|
1319
1380
|
}));
|
|
1320
|
-
}, [expandableColSpan, emptyProps, url,
|
|
1381
|
+
}, [expandableColSpan, emptyProps, url, _onRefresh, page, changePage]);
|
|
1321
1382
|
// 复选框useCallback
|
|
1322
|
-
|
|
1383
|
+
var TableCheckCallback = useCallback(function (row) {
|
|
1323
1384
|
if (check) {
|
|
1324
|
-
|
|
1325
|
-
|
|
1326
|
-
|
|
1327
|
-
|
|
1385
|
+
var handId = row[rowKey];
|
|
1386
|
+
var disabledHand = Boolean(disabledJson[handId]);
|
|
1387
|
+
var checkHand = checkJson[handId] || false;
|
|
1388
|
+
var showCheck = true;
|
|
1328
1389
|
if (disabledHand && disabledArrStatus) {
|
|
1329
1390
|
// 选中
|
|
1330
1391
|
if (disabledArrStatus[handId] === true) {
|
|
@@ -1339,8 +1400,8 @@ const TableBody = props => {
|
|
|
1339
1400
|
showCheck = false;
|
|
1340
1401
|
}
|
|
1341
1402
|
}
|
|
1342
|
-
|
|
1343
|
-
|
|
1403
|
+
var handCls = function handCls() {
|
|
1404
|
+
var str = 'table-checkbox table-body-btn';
|
|
1344
1405
|
if (fixedColumn) {
|
|
1345
1406
|
str += ' table-fixed-dom-left';
|
|
1346
1407
|
// 左边没有定位,且没有单选,没有嵌套表格
|
|
@@ -1357,7 +1418,7 @@ const TableBody = props => {
|
|
|
1357
1418
|
children: showCheck && jsx(Checkbox, {
|
|
1358
1419
|
disabled: disabledHand,
|
|
1359
1420
|
checked: checkHand,
|
|
1360
|
-
onChange: (event, bol)
|
|
1421
|
+
onChange: function onChange(event, bol) {
|
|
1361
1422
|
event.stopPropagation();
|
|
1362
1423
|
selectCheck && selectCheck(event, bol, row[rowKey]);
|
|
1363
1424
|
}
|
|
@@ -1366,12 +1427,12 @@ const TableBody = props => {
|
|
|
1366
1427
|
}
|
|
1367
1428
|
}, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]);
|
|
1368
1429
|
// 单选框useCallback
|
|
1369
|
-
|
|
1430
|
+
var TableRadioCallback = useCallback(function (row) {
|
|
1370
1431
|
if (radio) {
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1432
|
+
var handId = row[rowKey];
|
|
1433
|
+
var disabledHand = Boolean(disabledJson[handId]);
|
|
1434
|
+
var checkHand = radioValue === row[rowKey];
|
|
1435
|
+
var showRadio = true;
|
|
1375
1436
|
if (disabledHand && disabledArrStatus) {
|
|
1376
1437
|
// 选中
|
|
1377
1438
|
if (disabledArrStatus[handId] === true) {
|
|
@@ -1386,8 +1447,8 @@ const TableBody = props => {
|
|
|
1386
1447
|
showRadio = false;
|
|
1387
1448
|
}
|
|
1388
1449
|
}
|
|
1389
|
-
|
|
1390
|
-
|
|
1450
|
+
var handCls = function handCls() {
|
|
1451
|
+
var str = 'table-radio table-body-btn';
|
|
1391
1452
|
if (fixedColumn) {
|
|
1392
1453
|
str += ' table-fixed-dom-left';
|
|
1393
1454
|
// 左边没有定位,没有嵌套表格
|
|
@@ -1404,7 +1465,7 @@ const TableBody = props => {
|
|
|
1404
1465
|
children: showRadio && jsx(Radio, {
|
|
1405
1466
|
disabled: disabledHand,
|
|
1406
1467
|
checked: checkHand,
|
|
1407
|
-
onChange: event
|
|
1468
|
+
onChange: function onChange(event) {
|
|
1408
1469
|
event.stopPropagation();
|
|
1409
1470
|
selectRadio && selectRadio(event, row[rowKey]);
|
|
1410
1471
|
}
|
|
@@ -1413,13 +1474,13 @@ const TableBody = props => {
|
|
|
1413
1474
|
}
|
|
1414
1475
|
}, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
|
|
1415
1476
|
// 嵌套加减useCallback
|
|
1416
|
-
|
|
1477
|
+
var TableExpandableMemo = useCallback(function (row) {
|
|
1417
1478
|
if (!expandable) return null;
|
|
1418
|
-
|
|
1479
|
+
var expandableDemo = expandable(row);
|
|
1419
1480
|
// 禁用一行表格展开 或者 展开表格返回值为false,返回空列
|
|
1420
1481
|
if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
|
|
1421
|
-
|
|
1422
|
-
|
|
1482
|
+
var handCls = function handCls() {
|
|
1483
|
+
var str = 'table-expandable table-body-btn';
|
|
1423
1484
|
if (fixedColumn) {
|
|
1424
1485
|
str += ' table-fixed-dom-left';
|
|
1425
1486
|
// 左边没有定位,没有嵌套表格
|
|
@@ -1440,17 +1501,17 @@ const TableBody = props => {
|
|
|
1440
1501
|
}));
|
|
1441
1502
|
}, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]);
|
|
1442
1503
|
// 表格一行内容useCallback
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
orderFieldArr,
|
|
1446
|
-
orderTypeArr
|
|
1504
|
+
var TableContentUseCallback = useCallback(function (row, rowIndex) {
|
|
1505
|
+
var params = {
|
|
1506
|
+
orderFieldArr: orderFieldArr,
|
|
1507
|
+
orderTypeArr: orderTypeArr
|
|
1447
1508
|
};
|
|
1448
|
-
|
|
1449
|
-
|
|
1509
|
+
var handContentClass = function handContentClass(item) {
|
|
1510
|
+
var str = 'table-content-columms';
|
|
1450
1511
|
if (item.className) str += " ".concat(item.className);
|
|
1451
1512
|
// 排序
|
|
1452
1513
|
if (sortTable && item.name && item.sort !== false) {
|
|
1453
|
-
|
|
1514
|
+
var index = orderFieldArr.indexOf(item.name);
|
|
1454
1515
|
if (index !== -1) {
|
|
1455
1516
|
// 升序
|
|
1456
1517
|
if (orderTypeArr[index] === 'asc') {
|
|
@@ -1475,8 +1536,8 @@ const TableBody = props => {
|
|
|
1475
1536
|
}
|
|
1476
1537
|
return str;
|
|
1477
1538
|
};
|
|
1478
|
-
|
|
1479
|
-
|
|
1539
|
+
var handStyle = function handStyle(item) {
|
|
1540
|
+
var json = {};
|
|
1480
1541
|
if (fixedColumn && item.fixed && item.width) {
|
|
1481
1542
|
if (item.fixed === 'left') {
|
|
1482
1543
|
json.left = "".concat(item.paraui_left_width, "px");
|
|
@@ -1487,12 +1548,12 @@ const TableBody = props => {
|
|
|
1487
1548
|
}
|
|
1488
1549
|
return json;
|
|
1489
1550
|
};
|
|
1490
|
-
return tableCell ? tableCell(row, params) : headData.map((item, index)
|
|
1491
|
-
|
|
1492
|
-
|
|
1551
|
+
return tableCell ? tableCell(row, params) : headData.map(function (item, index) {
|
|
1552
|
+
var text = row[item.name];
|
|
1553
|
+
var colSpan = 1;
|
|
1493
1554
|
if (item.render) text = item.render(row, item, row[item.name], index, rowIndex);
|
|
1494
1555
|
if (formatter) text = formatter(row, item, row[item.name], index, rowIndex);
|
|
1495
|
-
|
|
1556
|
+
var itemStyle = handStyle(item);
|
|
1496
1557
|
// 存在显示列,最后一列占两格
|
|
1497
1558
|
if (showColumns === 'inside' && !operate && index === headData.length - 1 && !dragRow) {
|
|
1498
1559
|
colSpan = 2;
|
|
@@ -1516,25 +1577,25 @@ const TableBody = props => {
|
|
|
1516
1577
|
});
|
|
1517
1578
|
}, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth, dragRow]);
|
|
1518
1579
|
// 操作栏useCallback
|
|
1519
|
-
|
|
1580
|
+
var TableOperateUseCallback = useCallback(function (row, rowIndex) {
|
|
1520
1581
|
if (operate || dragRow) {
|
|
1521
|
-
|
|
1582
|
+
var colSpan = 1;
|
|
1522
1583
|
if (showColumns === 'inside' && operate) colSpan = 2;
|
|
1523
|
-
|
|
1584
|
+
var handOperate = function handOperate() {
|
|
1524
1585
|
if (operate === null || operate === void 0 ? void 0 : operate.render) return operate.render(row);
|
|
1525
1586
|
if (operate === null || operate === void 0 ? void 0 : operate.operateBtnRender) {
|
|
1526
|
-
|
|
1587
|
+
var operateConfig = operate.operateBtnRender(row, rowIndex);
|
|
1527
1588
|
return jsx(OperateBtn, Object.assign({}, operateConfig));
|
|
1528
1589
|
}
|
|
1529
1590
|
};
|
|
1530
|
-
|
|
1531
|
-
|
|
1591
|
+
var handStyle = function handStyle() {
|
|
1592
|
+
var json = {
|
|
1532
1593
|
right: '0'
|
|
1533
1594
|
};
|
|
1534
1595
|
return json;
|
|
1535
1596
|
};
|
|
1536
|
-
|
|
1537
|
-
|
|
1597
|
+
var handCls = function handCls() {
|
|
1598
|
+
var str = 'table-operate';
|
|
1538
1599
|
if (!operate) str += ' table-operate-center';
|
|
1539
1600
|
if (fixedColumn) {
|
|
1540
1601
|
str += ' table-fixed-dom-right';
|
|
@@ -1575,11 +1636,11 @@ const TableBody = props => {
|
|
|
1575
1636
|
}
|
|
1576
1637
|
}, [operate, align, showColumns, posFixed, fixedColumn, dragRow, onDragRow, dragBol]);
|
|
1577
1638
|
// 嵌套表格useCallback
|
|
1578
|
-
|
|
1579
|
-
|
|
1580
|
-
|
|
1639
|
+
var TableExpandableContentUseCallback = useCallback(function (row) {
|
|
1640
|
+
var id = row[rowKey];
|
|
1641
|
+
var expandItem = expandableRow[id] || {};
|
|
1581
1642
|
if (expandable && expandItem.status === 'develop') {
|
|
1582
|
-
|
|
1643
|
+
var expandableDemo = expandable(row);
|
|
1583
1644
|
if (expandableDemo === false) return null; // 展开表格返回值为false,不展示这一行
|
|
1584
1645
|
return jsx(TrElement, Object.assign({
|
|
1585
1646
|
className: "table-body-expand-row"
|
|
@@ -1594,7 +1655,7 @@ const TableBody = props => {
|
|
|
1594
1655
|
}
|
|
1595
1656
|
}, [expandable, expandableRow, expandableColSpan, rowKey]);
|
|
1596
1657
|
// 加载更多
|
|
1597
|
-
|
|
1658
|
+
var MoreMemo = useMemo(function () {
|
|
1598
1659
|
if (!loadMore || !showMoreBtn) return null;
|
|
1599
1660
|
return jsx(TrElement, Object.assign({
|
|
1600
1661
|
className: "more-table-row",
|
|
@@ -1617,25 +1678,25 @@ const TableBody = props => {
|
|
|
1617
1678
|
}))
|
|
1618
1679
|
}));
|
|
1619
1680
|
}, [expandableColSpan, loadMore, loadMoreRender, onClickMore, showMoreBtn, changePage, loadMoreUrl, lineHeight]);
|
|
1620
|
-
|
|
1621
|
-
|
|
1681
|
+
var TableBodySubjectContentMemo = useMemo(function () {
|
|
1682
|
+
var rowDataCom = rowData;
|
|
1622
1683
|
if (virtual) {
|
|
1623
1684
|
rowDataCom = rowDataCom.slice(virtualIndex[0], virtualIndex[1]);
|
|
1624
1685
|
}
|
|
1625
1686
|
return jsx(Fragment, {
|
|
1626
|
-
children: rowDataCom.map((row, idx)
|
|
1627
|
-
|
|
1687
|
+
children: rowDataCom.map(function (row, idx) {
|
|
1688
|
+
var str = 'table-body-row';
|
|
1628
1689
|
if (rowClassMapping && rowClassMapping[row[rowKey]]) {
|
|
1629
1690
|
str += " ".concat(rowClassMapping[row[rowKey]]);
|
|
1630
1691
|
}
|
|
1631
|
-
|
|
1692
|
+
var index = idx + virtualIndex[0];
|
|
1632
1693
|
return jsxs(Fragment$1, {
|
|
1633
1694
|
children: [jsxs(TrElement, Object.assign({
|
|
1634
1695
|
className: str,
|
|
1635
1696
|
style: {
|
|
1636
1697
|
height: "".concat(lineHeight, "px")
|
|
1637
1698
|
},
|
|
1638
|
-
onClick: e
|
|
1699
|
+
onClick: function onClick(e) {
|
|
1639
1700
|
onClickRow && onClickRow(row, e);
|
|
1640
1701
|
}
|
|
1641
1702
|
}, {
|
|
@@ -1646,7 +1707,7 @@ const TableBody = props => {
|
|
|
1646
1707
|
});
|
|
1647
1708
|
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight, dragRow, onDragRow, dragBol, virtualIndex, virtual]);
|
|
1648
1709
|
// 内容memo
|
|
1649
|
-
|
|
1710
|
+
var TableBodyContentMemo = useMemo(function () {
|
|
1650
1711
|
return jsxs(Fragment$1, {
|
|
1651
1712
|
children: [TableBodySubjectContentMemo, MoreMemo, virtual && jsx(TrElement, {
|
|
1652
1713
|
className: 'virtual-scroll-height'
|
|
@@ -1654,31 +1715,31 @@ const TableBody = props => {
|
|
|
1654
1715
|
});
|
|
1655
1716
|
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, loadMore, loadMoreRender, onClickMore, changePage, loadMoreUrl, disabledExpandJson, onExpand, showMoreBtn, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight, dragRow, onDragRow, dragBol, virtualIndex, virtual]);
|
|
1656
1717
|
// 处理内容
|
|
1657
|
-
|
|
1718
|
+
var handContent = function handContent() {
|
|
1658
1719
|
// 无数据,且不再请求,显示暂无数据
|
|
1659
1720
|
if (rowData.length === 0 && !loadState) return NodataMemo;
|
|
1660
1721
|
return TableBodyContentMemo;
|
|
1661
1722
|
};
|
|
1662
|
-
|
|
1663
|
-
|
|
1723
|
+
var handleRowData = function handleRowData() {
|
|
1724
|
+
var arr = [];
|
|
1664
1725
|
if (dragRow) {
|
|
1665
|
-
rowData.forEach(item
|
|
1666
|
-
|
|
1726
|
+
rowData.forEach(function (item) {
|
|
1727
|
+
var obj = {};
|
|
1667
1728
|
obj[rowKey] = item[rowKey];
|
|
1668
1729
|
arr.push(obj);
|
|
1669
1730
|
});
|
|
1670
1731
|
}
|
|
1671
1732
|
return arr;
|
|
1672
1733
|
};
|
|
1673
|
-
|
|
1734
|
+
var onChoose = function onChoose() {
|
|
1674
1735
|
setDragBol(true);
|
|
1675
1736
|
};
|
|
1676
|
-
|
|
1737
|
+
var onDragRowCom = function onDragRowCom(evt) {
|
|
1677
1738
|
setDragBol(false);
|
|
1678
1739
|
onDragRow && onDragRow(evt);
|
|
1679
1740
|
};
|
|
1680
|
-
|
|
1681
|
-
|
|
1741
|
+
var handleStyle = function handleStyle() {
|
|
1742
|
+
var obj = {};
|
|
1682
1743
|
if (virtual) {
|
|
1683
1744
|
obj.height = rowData.length * lineHeight + 'px';
|
|
1684
1745
|
obj.position = 'relative';
|
|
@@ -1699,30 +1760,36 @@ const TableBody = props => {
|
|
|
1699
1760
|
}));
|
|
1700
1761
|
};
|
|
1701
1762
|
|
|
1702
|
-
|
|
1703
|
-
|
|
1704
|
-
|
|
1705
|
-
|
|
1706
|
-
|
|
1707
|
-
|
|
1708
|
-
|
|
1709
|
-
|
|
1710
|
-
|
|
1711
|
-
|
|
1712
|
-
|
|
1713
|
-
|
|
1714
|
-
|
|
1715
|
-
|
|
1716
|
-
|
|
1717
|
-
|
|
1718
|
-
checkNumber = 0,
|
|
1719
|
-
|
|
1720
|
-
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
|
|
1725
|
-
|
|
1763
|
+
var TableHead = function TableHead(props) {
|
|
1764
|
+
var paginationType = props.paginationType,
|
|
1765
|
+
flippingArrow = props.flippingArrow,
|
|
1766
|
+
autoPagination = props.autoPagination,
|
|
1767
|
+
total = props.total,
|
|
1768
|
+
page = props.page,
|
|
1769
|
+
rowsPerPage = props.rowsPerPage,
|
|
1770
|
+
currentRowsPerPage = props.currentRowsPerPage,
|
|
1771
|
+
changePage = props.changePage,
|
|
1772
|
+
changeRowsPerPage = props.changeRowsPerPage,
|
|
1773
|
+
refreshInside = props.refreshInside,
|
|
1774
|
+
checkCount = props.checkCount,
|
|
1775
|
+
onRefresh = props.onRefresh,
|
|
1776
|
+
selectAll = props.selectAll,
|
|
1777
|
+
selectStatus = props.selectStatus,
|
|
1778
|
+
_props$checkNumber = props.checkNumber,
|
|
1779
|
+
checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber,
|
|
1780
|
+
_props$currentPageTot = props.currentPageTotal,
|
|
1781
|
+
currentPageTotal = _props$currentPageTot === void 0 ? 0 : _props$currentPageTot,
|
|
1782
|
+
resizePaginationLine = props.resizePaginationLine;
|
|
1783
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
1784
|
+
var _useState = useState(false),
|
|
1785
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1786
|
+
indeterminate = _useState2[0],
|
|
1787
|
+
setIndeterminate = _useState2[1]; // 半选中
|
|
1788
|
+
var _useState3 = useState(false),
|
|
1789
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1790
|
+
checked = _useState4[0],
|
|
1791
|
+
setChecked = _useState4[1]; // 选中
|
|
1792
|
+
useEffect(function () {
|
|
1726
1793
|
// 全选
|
|
1727
1794
|
if (selectStatus === 'all') {
|
|
1728
1795
|
setChecked(true);
|
|
@@ -1744,23 +1811,23 @@ const TableHead = props => {
|
|
|
1744
1811
|
* @param event 操作元素
|
|
1745
1812
|
* @param bol 选中 / 不选中
|
|
1746
1813
|
*/
|
|
1747
|
-
|
|
1814
|
+
var onSelectAll = function onSelectAll(event, bol) {
|
|
1748
1815
|
if (selectAll) selectAll(event, bol);
|
|
1749
1816
|
};
|
|
1750
1817
|
// 改变页面
|
|
1751
|
-
|
|
1818
|
+
var changePageCom = function changePageCom(num) {
|
|
1752
1819
|
changePage && changePage(num);
|
|
1753
1820
|
};
|
|
1754
1821
|
// 改变每页显示条数
|
|
1755
|
-
|
|
1822
|
+
var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
|
|
1756
1823
|
changeRowsPerPage && changeRowsPerPage(num);
|
|
1757
1824
|
};
|
|
1758
1825
|
// 刷新
|
|
1759
|
-
|
|
1826
|
+
var clickRefresh = function clickRefresh() {
|
|
1760
1827
|
onRefresh && onRefresh();
|
|
1761
1828
|
};
|
|
1762
1829
|
// 处理分页右侧
|
|
1763
|
-
|
|
1830
|
+
var handlePaginationRight = function handlePaginationRight() {
|
|
1764
1831
|
if (!checkCount) return null;
|
|
1765
1832
|
return jsxs("div", Object.assign({
|
|
1766
1833
|
className: 'table-pagination-right'
|
|
@@ -1783,8 +1850,8 @@ const TableHead = props => {
|
|
|
1783
1850
|
}));
|
|
1784
1851
|
};
|
|
1785
1852
|
// 处理样式
|
|
1786
|
-
|
|
1787
|
-
|
|
1853
|
+
var handleClass = function handleClass() {
|
|
1854
|
+
var str = 'table-pagination';
|
|
1788
1855
|
return str;
|
|
1789
1856
|
};
|
|
1790
1857
|
return jsxs("div", Object.assign({
|
|
@@ -1802,7 +1869,9 @@ const TableHead = props => {
|
|
|
1802
1869
|
currentRowsPerPage: currentRowsPerPage,
|
|
1803
1870
|
changePage: changePageCom,
|
|
1804
1871
|
changeRowsPerPage: changeRowsPerPageCom,
|
|
1805
|
-
getPopupContainer: ()
|
|
1872
|
+
getPopupContainer: function getPopupContainer() {
|
|
1873
|
+
return document.body;
|
|
1874
|
+
},
|
|
1806
1875
|
resizeLine: resizePaginationLine
|
|
1807
1876
|
}), refreshInside && jsx(Button.IconButton, Object.assign({
|
|
1808
1877
|
className: 'refresh-btn',
|
|
@@ -1817,16 +1886,14 @@ const TableHead = props => {
|
|
|
1817
1886
|
var css_248z$2 = ".table-container {\n overflow-x: auto;\n}";
|
|
1818
1887
|
styleInject(css_248z$2);
|
|
1819
1888
|
|
|
1820
|
-
|
|
1821
|
-
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1825
|
-
children
|
|
1826
|
-
} = props,
|
|
1889
|
+
var TableContainer = function TableContainer(props) {
|
|
1890
|
+
var cRef = props.cRef,
|
|
1891
|
+
className = props.className,
|
|
1892
|
+
style = props.style,
|
|
1893
|
+
children = props.children,
|
|
1827
1894
|
otherProps = __rest(props, ["cRef", "className", "style", "children"]);
|
|
1828
|
-
|
|
1829
|
-
|
|
1895
|
+
var handClass = function handClass() {
|
|
1896
|
+
var str = 'table-container';
|
|
1830
1897
|
if (className) str += " ".concat(className);
|
|
1831
1898
|
return str;
|
|
1832
1899
|
};
|
|
@@ -1842,17 +1909,15 @@ const TableContainer = props => {
|
|
|
1842
1909
|
var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.table-element {\n width: 100%;\n display: table;\n border-collapse: separate;\n border-spacing: 0;\n}\n.table-element.table-element-fixed-column > .table-body-element > .tr-element > .td-element {\n position: sticky;\n}\n.table-element > .table-head-element > .tr-element > .th-element {\n position: sticky;\n top: 0;\n z-index: 10;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n height: 100%;\n width: 30px;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(100%);\n content: \"\";\n transition: box-shadow 0.3s;\n pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n height: 100%;\n width: 30px;\n position: absolute;\n top: 0;\n left: 0;\n transform: translate(-100%);\n content: \"\";\n transition: box-shadow 0.3s;\n pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left {\n z-index: 11;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right {\n z-index: 11;\n}\n.table-element > .table-body-element > .tr-element > .td-element {\n z-index: 1;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n height: 100%;\n width: 30px;\n position: absolute;\n top: 0;\n right: 0;\n transform: translate(100%);\n content: \"\";\n transition: box-shadow 0.3s;\n pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n height: 100%;\n width: 30px;\n position: absolute;\n top: 0;\n left: 0;\n transform: translate(-100%);\n content: \"\";\n transition: box-shadow 0.3s;\n pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left {\n z-index: 2;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right {\n z-index: 2;\n}\n\n.table-scroll-left .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-left .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n\n.table-scroll-right .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-right .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}";
|
|
1843
1910
|
styleInject(css_248z$1);
|
|
1844
1911
|
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
cRef
|
|
1852
|
-
} = props,
|
|
1912
|
+
var TableElement = function TableElement(props) {
|
|
1913
|
+
var className = props.className,
|
|
1914
|
+
style = props.style,
|
|
1915
|
+
fixedColumn = props.fixedColumn,
|
|
1916
|
+
children = props.children,
|
|
1917
|
+
cRef = props.cRef,
|
|
1853
1918
|
otherProps = __rest(props, ["className", "style", "fixedColumn", "children", "cRef"]);
|
|
1854
|
-
|
|
1855
|
-
|
|
1919
|
+
var handClass = function handClass() {
|
|
1920
|
+
var str = 'table-element';
|
|
1856
1921
|
if (fixedColumn) str += ' table-element-fixed-column';
|
|
1857
1922
|
if (className) str += " ".concat(className);
|
|
1858
1923
|
return str;
|