@para-ui/core 4.0.30 → 4.0.32
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/AutoButton/index.d.ts +41 -0
- package/AutoButton/index.js +213 -0
- package/AutoButton/lang/en_US.d.ts +4 -0
- package/AutoButton/lang/index.d.ts +9 -0
- package/AutoButton/lang/zh_CN.d.ts +4 -0
- package/Badge/index.d.ts +3 -1
- package/Badge/index.js +15 -5
- package/Card/index.d.ts +53 -0
- package/Card/index.js +218 -0
- package/Card/lang/en_US.d.ts +5 -0
- package/Card/lang/index.d.ts +11 -0
- package/Card/lang/zh_CN.d.ts +5 -0
- package/Cascader/index.js +5 -6
- package/ComboSelect/index.js +4 -5
- package/DragVerify/index.js +7 -2
- package/DynamicMultiBox/index.js +4 -5
- package/Form/index.js +5 -6
- package/FormItem/index.js +5 -6
- package/FunctionModal/index.js +2 -2
- package/Image/index.js +3 -4
- package/InputCode/index.d.ts +82 -0
- package/InputCode/index.js +392 -0
- package/InputCode/inputCodeCard/index.d.ts +10 -0
- package/InputCode/inputCodeInput/index.d.ts +10 -0
- package/InputCode/lang/en_US.d.ts +7 -0
- package/InputCode/lang/index.d.ts +15 -0
- package/InputCode/lang/zh_CN.d.ts +7 -0
- package/PopMenu/index.js +16 -5
- package/README.md +15 -0
- package/RangeInput/index.d.ts +4 -0
- package/RangeInput/index.js +32 -8
- package/Selector/index.js +1 -2
- package/SelectorPicker/index.js +1 -2
- package/SortBox/index.d.ts +29 -0
- package/SortBox/index.js +84 -0
- package/Table/index.js +470 -409
- package/Timeline/index.js +13 -20
- package/Tooltip/index.js +26 -27
- package/Transfer/index.js +1 -2
- package/Tree/index.js +4 -5
- package/Upload/ImageUpload/index.d.ts +2 -7
- package/Upload/index.js +110 -34
- package/Upload/interface.d.ts +18 -0
- package/_verture/{Portal-5bf66fed.js → Portal-42560ff0.js} +2 -2
- package/_verture/{index-28edf318.js → index-44152845.js} +2 -2
- package/_verture/{index-8ec857b4.js → index-519d0a1f.js} +3 -4
- package/_verture/{index-33866394.js → index-b037486c.js} +1 -1
- package/_verture/{slicedToArray-a8206399.js → slicedToArray-75fa4188.js} +15 -2
- package/_verture/{toConsumableArray-8f4c9589.js → toConsumableArray-c7a8028f.js} +1 -1
- package/index.d.ts +8 -0
- package/index.js +14 -10
- package/locale/en-US.d.ts +13 -0
- package/locale/index.d.ts +26 -0
- package/locale/index.js +26 -0
- package/locale/zh-CN.d.ts +13 -0
- package/package.json +1 -1
- package/umd/AutoButton.js +43 -0
- package/umd/Badge.js +1 -1
- package/umd/Card.js +1 -0
- package/umd/DragVerify.js +1 -1
- package/umd/FunctionModal.js +3 -3
- package/umd/InputCode.js +43 -0
- package/umd/Modal.js +2 -2
- package/umd/PopMenu.js +2 -2
- package/umd/RangeInput.js +2 -2
- package/umd/SortBox.js +41 -0
- package/umd/Upload.js +4 -4
- package/umd/locale.js +1 -1
- package/_verture/unsupportedIterableToArray-cb478f24.js +0 -16
- /package/_verture/{modalContext-c57b51b7.js → modalContext-10f0c5aa.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 } from '@paraview/lib';
|
|
5
|
+
import { _ as _typeof, a as _defineProperty } from '../_verture/defineProperty-f0e15205.js';
|
|
6
|
+
import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.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';
|
|
@@ -59,25 +61,23 @@ import '@para-ui/icons/DoubleRight';
|
|
|
59
61
|
* 发送请求
|
|
60
62
|
* @param obj {ReqProps} 请求信息
|
|
61
63
|
*/
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
data
|
|
68
|
-
} = obj,
|
|
64
|
+
var requestFunc = function requestFunc(obj) {
|
|
65
|
+
var method = obj.method,
|
|
66
|
+
url = obj.url,
|
|
67
|
+
ctx = obj.ctx,
|
|
68
|
+
data = obj.data,
|
|
69
69
|
otherProps = __rest(obj, ["method", "url", "ctx", "data"]);
|
|
70
70
|
if (method === 'Get') {
|
|
71
71
|
return Get(Object.assign({
|
|
72
72
|
url: url,
|
|
73
|
-
ctx
|
|
73
|
+
ctx: ctx
|
|
74
74
|
}, otherProps));
|
|
75
75
|
}
|
|
76
76
|
if (method === 'Post') {
|
|
77
77
|
return Post(Object.assign({
|
|
78
78
|
url: url,
|
|
79
|
-
ctx,
|
|
80
|
-
data
|
|
79
|
+
ctx: ctx,
|
|
80
|
+
data: data
|
|
81
81
|
}, otherProps));
|
|
82
82
|
}
|
|
83
83
|
};
|
|
@@ -86,23 +86,23 @@ const requestFunc = obj => {
|
|
|
86
86
|
* @param obj {ReqProps} 请求信息
|
|
87
87
|
* @return string get请求地址参数
|
|
88
88
|
*/
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
for (
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
if (
|
|
89
|
+
var handGetReqParams = function handGetReqParams(obj) {
|
|
90
|
+
var str = obj.url;
|
|
91
|
+
var params = obj.data || {};
|
|
92
|
+
var arrKey = Object.keys(params);
|
|
93
|
+
var paramsArr = [];
|
|
94
|
+
for (var i = 0, l = arrKey.length; i < l; i++) {
|
|
95
|
+
var key = arrKey[i];
|
|
96
|
+
var val = params[key];
|
|
97
|
+
if (_typeof(val) === 'object') {
|
|
98
98
|
val = encodeURIComponent(JSON.stringify(val));
|
|
99
99
|
} else {
|
|
100
100
|
val = encodeURIComponent(val);
|
|
101
101
|
}
|
|
102
102
|
paramsArr.push("".concat(key, "=").concat(val));
|
|
103
103
|
}
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
var paramsStr = paramsArr.join('&');
|
|
105
|
+
var pos = str.indexOf('?');
|
|
106
106
|
if (pos !== -1) {
|
|
107
107
|
str += (pos === str.length - 1 ? '' : '&') + paramsStr;
|
|
108
108
|
} else {
|
|
@@ -113,9 +113,9 @@ const handGetReqParams = obj => {
|
|
|
113
113
|
/**
|
|
114
114
|
* 提取字符串里面的数字
|
|
115
115
|
* */
|
|
116
|
-
|
|
116
|
+
var getStringInNumber = function getStringInNumber(str) {
|
|
117
117
|
if (typeof str === 'number') return str;
|
|
118
|
-
|
|
118
|
+
var strHand = str.replace(/[^0-9$]/gi, '');
|
|
119
119
|
return Number(strHand);
|
|
120
120
|
};
|
|
121
121
|
/**
|
|
@@ -123,23 +123,23 @@ const getStringInNumber = str => {
|
|
|
123
123
|
* @param key {string} 键值
|
|
124
124
|
* @param num {number} 过期天数
|
|
125
125
|
* */
|
|
126
|
-
|
|
126
|
+
var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
|
|
127
127
|
//debugger
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
for (
|
|
132
|
-
|
|
133
|
-
|
|
128
|
+
var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
|
|
129
|
+
var headJson = JSON.parse(headJsonStr);
|
|
130
|
+
var headJsonArr = Object.keys(headJson);
|
|
131
|
+
for (var i = 0, l = headJsonArr.length; i < l; i++) {
|
|
132
|
+
var keyStr = headJsonArr[i];
|
|
133
|
+
var item = headJson[i];
|
|
134
134
|
if (!item) continue;
|
|
135
|
-
|
|
136
|
-
|
|
135
|
+
var newDate = new Date().getTime(); // 当前时间
|
|
136
|
+
var endTime = item.storageTime + item.validity; // 过期时间
|
|
137
137
|
// 过期时间 小于 当前时间, 说明已经过期了, 删除当前表格列数据
|
|
138
138
|
if (endTime < newDate) {
|
|
139
139
|
delete headJson[keyStr];
|
|
140
140
|
}
|
|
141
141
|
}
|
|
142
|
-
|
|
142
|
+
var headJsonItem = headJson[key];
|
|
143
143
|
// 重置过期时间
|
|
144
144
|
if (headJsonItem) {
|
|
145
145
|
headJsonItem.storageTime = new Date().getTime();
|
|
@@ -152,9 +152,9 @@ const getLocalStorageSelectHead = (key, num) => {
|
|
|
152
152
|
* @param key {string} 键值
|
|
153
153
|
* @param val {HeadLocalStorageItem} 保存值
|
|
154
154
|
* */
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
155
|
+
var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
|
|
156
|
+
var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
|
|
157
|
+
var headJson = JSON.parse(headJsonStr);
|
|
158
158
|
headJson[key] = val;
|
|
159
159
|
window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
|
|
160
160
|
};
|
|
@@ -163,8 +163,8 @@ const setLocalStorageSelectHead = (key, val) => {
|
|
|
163
163
|
* @param el 当前元素
|
|
164
164
|
* @param selector 查找元素class
|
|
165
165
|
*/
|
|
166
|
-
|
|
167
|
-
|
|
166
|
+
var closest = function closest(el, selector) {
|
|
167
|
+
var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
|
|
168
168
|
while (el) {
|
|
169
169
|
if (matchesSelector.call(el, selector)) {
|
|
170
170
|
break;
|
|
@@ -354,49 +354,69 @@ var zh = {
|
|
|
354
354
|
};
|
|
355
355
|
|
|
356
356
|
var localeJson = {
|
|
357
|
-
zh,
|
|
358
|
-
en
|
|
357
|
+
zh: zh,
|
|
358
|
+
en: en
|
|
359
359
|
};
|
|
360
360
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
headData = [],
|
|
364
|
-
sortTable,
|
|
365
|
-
filter,
|
|
366
|
-
expandable,
|
|
367
|
-
check,
|
|
368
|
-
radio,
|
|
369
|
-
onRequestSort,
|
|
370
|
-
orderFieldArr =
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
361
|
+
var TableHead$1 = function TableHead(props) {
|
|
362
|
+
var _props$headData = props.headData,
|
|
363
|
+
headData = _props$headData === void 0 ? [] : _props$headData,
|
|
364
|
+
sortTable = props.sortTable,
|
|
365
|
+
filter = props.filter,
|
|
366
|
+
expandable = props.expandable,
|
|
367
|
+
check = props.check,
|
|
368
|
+
radio = props.radio,
|
|
369
|
+
onRequestSort = props.onRequestSort,
|
|
370
|
+
_props$orderFieldArr = props.orderFieldArr,
|
|
371
|
+
orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
|
|
372
|
+
_props$orderTypeArr = props.orderTypeArr,
|
|
373
|
+
orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
|
|
374
|
+
selectAll = props.selectAll,
|
|
375
|
+
selectStatus = props.selectStatus,
|
|
376
|
+
align = props.align,
|
|
377
|
+
_props$showList = props.showList,
|
|
378
|
+
showList = _props$showList === void 0 ? [] : _props$showList,
|
|
379
|
+
changeShowList = props.changeShowList,
|
|
380
|
+
selectFilter = props.selectFilter,
|
|
381
|
+
changeFilter = props.changeFilter,
|
|
382
|
+
operate = props.operate,
|
|
383
|
+
showColumns = props.showColumns,
|
|
384
|
+
fixedTable = props.fixedTable,
|
|
385
|
+
fixedColumn = props.fixedColumn,
|
|
386
|
+
posFixed = props.posFixed,
|
|
387
|
+
beyondText = props.beyondText,
|
|
388
|
+
lineWidth = props.lineWidth,
|
|
389
|
+
dragColumn = props.dragColumn,
|
|
390
|
+
changeColumnWidth = props.changeColumnWidth,
|
|
391
|
+
headDataConfig = props.headDataConfig,
|
|
392
|
+
getPopupContainer = props.getPopupContainer,
|
|
393
|
+
tipMaxWidth = props.tipMaxWidth;
|
|
394
|
+
var _useState = useState(false),
|
|
395
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
396
|
+
indeterminate = _useState2[0],
|
|
397
|
+
setIndeterminate = _useState2[1]; // 半选中
|
|
398
|
+
var _useState3 = useState(false),
|
|
399
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
400
|
+
checked = _useState4[0],
|
|
401
|
+
setChecked = _useState4[1]; // 选中
|
|
402
|
+
var _useState5 = useState(null),
|
|
403
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
404
|
+
anchorElColums = _useState6[0],
|
|
405
|
+
setAnchorElColums = _useState6[1]; // 显示列定位元素
|
|
406
|
+
var _useState7 = useState({}),
|
|
407
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
408
|
+
headDataJson = _useState8[0],
|
|
409
|
+
setHeadDataJson = _useState8[1]; // 显示列json
|
|
410
|
+
var _useState9 = useState({}),
|
|
411
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
412
|
+
filterHead = _useState10[0],
|
|
413
|
+
setFilterHead = _useState10[1]; // 过滤项当前表头数据
|
|
414
|
+
var _useState11 = useState({}),
|
|
415
|
+
_useState12 = _slicedToArray(_useState11, 2),
|
|
416
|
+
selectFilterCom = _useState12[0],
|
|
417
|
+
setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
|
|
418
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
419
|
+
useEffect(function () {
|
|
400
420
|
// 全选
|
|
401
421
|
if (selectStatus === 'all') {
|
|
402
422
|
setChecked(true);
|
|
@@ -413,17 +433,17 @@ const TableHead$1 = props => {
|
|
|
413
433
|
setIndeterminate(false);
|
|
414
434
|
}
|
|
415
435
|
}, [selectStatus]);
|
|
416
|
-
useEffect(()
|
|
436
|
+
useEffect(function () {
|
|
417
437
|
if (headData) {
|
|
418
|
-
|
|
419
|
-
for (
|
|
420
|
-
|
|
438
|
+
var json = [];
|
|
439
|
+
for (var i = 0, l = headData.length; i < l; i++) {
|
|
440
|
+
var item = headData[i];
|
|
421
441
|
json[item.name] = item;
|
|
422
442
|
}
|
|
423
443
|
setHeadDataJson(json);
|
|
424
444
|
}
|
|
425
445
|
}, [headData]);
|
|
426
|
-
useEffect(()
|
|
446
|
+
useEffect(function () {
|
|
427
447
|
if (selectFilter) setSelectFilterCom(DeepClone(selectFilter));
|
|
428
448
|
}, [selectFilter]);
|
|
429
449
|
/**
|
|
@@ -431,28 +451,30 @@ const TableHead$1 = props => {
|
|
|
431
451
|
* @param name 排序列
|
|
432
452
|
* @param event 当前排序元素
|
|
433
453
|
*/
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
454
|
+
var createSortHandler = function createSortHandler(name, item) {
|
|
455
|
+
return function (event) {
|
|
456
|
+
// 不存在排序,不触发事件
|
|
457
|
+
if (!(sortTable && item.name && item.sort !== false)) return;
|
|
458
|
+
if (onRequestSort) onRequestSort(event, name);
|
|
459
|
+
};
|
|
438
460
|
};
|
|
439
461
|
/**
|
|
440
462
|
* 全选 / 全不选
|
|
441
463
|
* @param event 操作元素
|
|
442
464
|
* @param bol 选中 / 不选中
|
|
443
465
|
*/
|
|
444
|
-
|
|
466
|
+
var onSelectAll = function onSelectAll(event, bol) {
|
|
445
467
|
if (selectAll) selectAll(event, bol);
|
|
446
468
|
};
|
|
447
469
|
/**
|
|
448
470
|
* 点击显示选择列
|
|
449
471
|
* @param event 点击元素
|
|
450
472
|
*/
|
|
451
|
-
|
|
473
|
+
var clickShowColums = function clickShowColums(event) {
|
|
452
474
|
setAnchorElColums(event.currentTarget);
|
|
453
475
|
};
|
|
454
476
|
// 点击隐藏选择列
|
|
455
|
-
|
|
477
|
+
var clickHideColums = function clickHideColums(bol) {
|
|
456
478
|
if (bol) return;
|
|
457
479
|
setAnchorElColums(null);
|
|
458
480
|
};
|
|
@@ -460,27 +482,29 @@ const TableHead$1 = props => {
|
|
|
460
482
|
* 点击显示列 列表
|
|
461
483
|
* @param item 详细
|
|
462
484
|
*/
|
|
463
|
-
|
|
464
|
-
|
|
465
|
-
|
|
466
|
-
|
|
467
|
-
|
|
468
|
-
|
|
469
|
-
|
|
470
|
-
|
|
471
|
-
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
485
|
+
var clickColumsList = function clickColumsList(item) {
|
|
486
|
+
return function () {
|
|
487
|
+
if (item.disabledSelection) return;
|
|
488
|
+
var name = item.name;
|
|
489
|
+
var itemHead = headDataJson[name];
|
|
490
|
+
if (itemHead) {
|
|
491
|
+
// 取消勾选
|
|
492
|
+
delete headDataJson[name];
|
|
493
|
+
var arr = Object.keys(headDataJson);
|
|
494
|
+
var arr1 = [];
|
|
495
|
+
for (var i = 0, l = arr.length; i < l; i++) {
|
|
496
|
+
var _name = arr[i];
|
|
497
|
+
arr1.push(headDataJson[_name]);
|
|
498
|
+
}
|
|
499
|
+
changeShowList && changeShowList(arr1, false, item);
|
|
500
|
+
} else {
|
|
501
|
+
headData.push(item);
|
|
502
|
+
changeShowList && changeShowList(headData, false, item);
|
|
475
503
|
}
|
|
476
|
-
|
|
477
|
-
} else {
|
|
478
|
-
headData.push(item);
|
|
479
|
-
changeShowList && changeShowList(headData, false, item);
|
|
480
|
-
}
|
|
504
|
+
};
|
|
481
505
|
};
|
|
482
506
|
// 重置显示列
|
|
483
|
-
|
|
507
|
+
var resetShowList = function resetShowList() {
|
|
484
508
|
changeShowList && changeShowList(headData, true);
|
|
485
509
|
};
|
|
486
510
|
/**
|
|
@@ -488,63 +512,69 @@ const TableHead$1 = props => {
|
|
|
488
512
|
* @param headCell 当前列信息
|
|
489
513
|
* @param event 元素
|
|
490
514
|
*/
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
515
|
+
var clickShowFilter = function clickShowFilter(headCell) {
|
|
516
|
+
return function (event) {
|
|
517
|
+
setFilterHead(headCell);
|
|
518
|
+
setSelectFilterCom(Object.assign({}, selectFilter));
|
|
519
|
+
};
|
|
494
520
|
};
|
|
495
521
|
// 点击隐藏过滤
|
|
496
|
-
|
|
522
|
+
var clickHideFilter = function clickHideFilter(bol) {
|
|
497
523
|
if (bol) return;
|
|
498
524
|
setFilterHead({});
|
|
499
525
|
setSelectFilterCom(Object.assign({}, selectFilter));
|
|
500
526
|
};
|
|
501
527
|
// 点击过滤
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
const filterRadio = filterHead.filterRadio;
|
|
514
|
-
if (filterRadio) {
|
|
515
|
-
// 过滤单个
|
|
516
|
-
const num = filterValue.indexOf(item.value);
|
|
517
|
-
if (num !== -1) {
|
|
518
|
-
filterValue = [filterValue[num]];
|
|
528
|
+
var clickFilter = function clickFilter(item) {
|
|
529
|
+
return function () {
|
|
530
|
+
var name = filterHead.name;
|
|
531
|
+
var filterValue = DeepClone(selectFilterCom[name] || []);
|
|
532
|
+
var index = filterValue.indexOf(item.value);
|
|
533
|
+
if (index !== -1) {
|
|
534
|
+
// 勾选 -> 不勾选
|
|
535
|
+
filterValue.splice(index, 1);
|
|
536
|
+
} else {
|
|
537
|
+
// 不勾选 -> 勾选
|
|
538
|
+
filterValue.push(item.value);
|
|
519
539
|
}
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
540
|
+
var filterRadio = filterHead.filterRadio;
|
|
541
|
+
if (filterRadio) {
|
|
542
|
+
// 过滤单个
|
|
543
|
+
var num = filterValue.indexOf(item.value);
|
|
544
|
+
if (num !== -1) {
|
|
545
|
+
filterValue = [filterValue[num]];
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
selectFilterCom[name] = filterValue;
|
|
549
|
+
setSelectFilterCom(Object.assign({}, selectFilterCom));
|
|
550
|
+
};
|
|
523
551
|
};
|
|
524
552
|
/**
|
|
525
553
|
* 重置 / 确定过滤
|
|
526
554
|
* @param type {'reset' | 'confirm'} 重置 / 确定过滤
|
|
527
555
|
*/
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
|
|
556
|
+
var filterFunc = function filterFunc(type) {
|
|
557
|
+
return function () {
|
|
558
|
+
if (type === 'confirm') {
|
|
559
|
+
// 确定
|
|
560
|
+
changeFilter && changeFilter(Object.assign({}, selectFilterCom));
|
|
561
|
+
setFilterHead({});
|
|
562
|
+
} else {
|
|
563
|
+
// 重置
|
|
564
|
+
var json = DeepClone(selectFilterCom);
|
|
565
|
+
delete json[filterHead.name];
|
|
566
|
+
setSelectFilterCom(json);
|
|
567
|
+
changeFilter && changeFilter(Object.assign({}, json));
|
|
568
|
+
setFilterHead({});
|
|
569
|
+
}
|
|
570
|
+
};
|
|
541
571
|
};
|
|
542
572
|
/**
|
|
543
573
|
* 自定义过滤确定
|
|
544
574
|
* @param val {[name: string]: any[]}
|
|
545
575
|
* */
|
|
546
|
-
|
|
547
|
-
|
|
576
|
+
var filterCustomConfirm = function filterCustomConfirm() {
|
|
577
|
+
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
548
578
|
changeFilter && changeFilter(Object.assign({}, val));
|
|
549
579
|
setFilterHead({});
|
|
550
580
|
};
|
|
@@ -552,12 +582,12 @@ const TableHead$1 = props => {
|
|
|
552
582
|
* 处理TableCell
|
|
553
583
|
* @param item 当前列信息
|
|
554
584
|
*/
|
|
555
|
-
|
|
556
|
-
|
|
585
|
+
var handCellClass = function handCellClass(item) {
|
|
586
|
+
var str = 'table-header-box';
|
|
557
587
|
// 排序
|
|
558
588
|
if (sortTable && item.name && item.sort !== false) {
|
|
559
589
|
str += ' table-header-box-sort';
|
|
560
|
-
|
|
590
|
+
var index = orderFieldArr.indexOf(item.name);
|
|
561
591
|
if (index !== -1) {
|
|
562
592
|
// 升序
|
|
563
593
|
if (orderTypeArr[index] === 'asc') {
|
|
@@ -576,10 +606,10 @@ const TableHead$1 = props => {
|
|
|
576
606
|
return str;
|
|
577
607
|
};
|
|
578
608
|
// 复选框memo
|
|
579
|
-
|
|
609
|
+
var TableCheckMemo = useMemo(function () {
|
|
580
610
|
if (check) {
|
|
581
|
-
|
|
582
|
-
|
|
611
|
+
var handCls = function handCls() {
|
|
612
|
+
var str = 'table-checkbox table-head-btn';
|
|
583
613
|
if (fixedColumn) {
|
|
584
614
|
str += ' table-fixed-dom-left';
|
|
585
615
|
// 左边没有定位,且没有单选,没有嵌套表格
|
|
@@ -607,10 +637,10 @@ const TableHead$1 = props => {
|
|
|
607
637
|
}
|
|
608
638
|
}, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]);
|
|
609
639
|
// 单选框memo
|
|
610
|
-
|
|
640
|
+
var TableRadioMemo = useMemo(function () {
|
|
611
641
|
if (radio) {
|
|
612
|
-
|
|
613
|
-
|
|
642
|
+
var handCls = function handCls() {
|
|
643
|
+
var str = 'table-radio table-head-btn';
|
|
614
644
|
if (fixedColumn) {
|
|
615
645
|
str += ' table-fixed-dom-left';
|
|
616
646
|
// 左边没有定位,没有嵌套表格
|
|
@@ -632,10 +662,10 @@ const TableHead$1 = props => {
|
|
|
632
662
|
}
|
|
633
663
|
}, [radio, posFixed, expandable, fixedColumn]);
|
|
634
664
|
// 嵌套表格memo
|
|
635
|
-
|
|
665
|
+
var TableExpandableMemo = useMemo(function () {
|
|
636
666
|
if (expandable) {
|
|
637
|
-
|
|
638
|
-
|
|
667
|
+
var handCls = function handCls() {
|
|
668
|
+
var str = 'table-expandable table-head-btn';
|
|
639
669
|
if (fixedColumn) {
|
|
640
670
|
str += ' table-fixed-dom-left';
|
|
641
671
|
// 左边没有定位,没有嵌套表格
|
|
@@ -657,21 +687,21 @@ const TableHead$1 = props => {
|
|
|
657
687
|
}
|
|
658
688
|
}, [expandable, posFixed, fixedColumn]);
|
|
659
689
|
// 过滤弹窗内容
|
|
660
|
-
|
|
661
|
-
|
|
690
|
+
var filterPopoverContent = function filterPopoverContent() {
|
|
691
|
+
var name = filterHead.name;
|
|
662
692
|
if (!name) return;
|
|
663
|
-
|
|
693
|
+
var filterValue = selectFilterCom[name] || [];
|
|
664
694
|
if (filterHead.filterRender) {
|
|
665
695
|
// 自定义渲染过滤
|
|
666
696
|
return filterHead.filterRender({
|
|
667
|
-
filterValue,
|
|
697
|
+
filterValue: filterValue,
|
|
668
698
|
selectFilter: selectFilterCom,
|
|
669
|
-
filterHead,
|
|
699
|
+
filterHead: filterHead,
|
|
670
700
|
setFilter: filterCustomConfirm
|
|
671
701
|
});
|
|
672
702
|
}
|
|
673
|
-
|
|
674
|
-
|
|
703
|
+
var arr = filterHead.enums || [];
|
|
704
|
+
var str = 'filter-select';
|
|
675
705
|
if (arr.length === 0) str += ' filter-select-none';
|
|
676
706
|
return jsx("div", Object.assign({
|
|
677
707
|
className: str
|
|
@@ -686,8 +716,8 @@ const TableHead$1 = props => {
|
|
|
686
716
|
children: [jsx("div", Object.assign({
|
|
687
717
|
className: "filter-select-box"
|
|
688
718
|
}, {
|
|
689
|
-
children: arr.map((item, index)
|
|
690
|
-
|
|
719
|
+
children: arr.map(function (item, index) {
|
|
720
|
+
var checked = filterValue.indexOf(item.value) !== -1;
|
|
691
721
|
return jsxs("div", Object.assign({
|
|
692
722
|
onClick: clickFilter(item),
|
|
693
723
|
className: checked ? 'filter-select-item filter-select-item-select' : 'filter-select-item'
|
|
@@ -726,28 +756,30 @@ const TableHead$1 = props => {
|
|
|
726
756
|
}));
|
|
727
757
|
};
|
|
728
758
|
// 表格列拖拽放下
|
|
729
|
-
|
|
730
|
-
|
|
759
|
+
var onDragDown = function onDragDown(headCell) {
|
|
760
|
+
return function (result) {
|
|
761
|
+
changeColumnWidth && changeColumnWidth(headCell, result);
|
|
762
|
+
};
|
|
731
763
|
};
|
|
732
764
|
// 获取宽度
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
765
|
+
var getWidth = function getWidth(item) {
|
|
766
|
+
var w = item.width || '';
|
|
767
|
+
var name = item.name || '';
|
|
768
|
+
var wDrag = headDataConfig[name] && headDataConfig[name].width;
|
|
737
769
|
if (wDrag) w = "".concat(wDrag, "px");
|
|
738
770
|
return w;
|
|
739
771
|
};
|
|
740
772
|
// 内容列memo
|
|
741
|
-
|
|
773
|
+
var TableContentMemo = useMemo(function () {
|
|
742
774
|
// 处理过滤的class
|
|
743
|
-
|
|
744
|
-
|
|
775
|
+
var handFilterClass = function handFilterClass(item) {
|
|
776
|
+
var str = 'table-header-filter';
|
|
745
777
|
if (filterHead.name === item.name) str += ' table-header-filter-show';
|
|
746
778
|
if (item.name && selectFilterCom[item.name] && selectFilterCom[item.name].length > 0) str += ' table-header-filter-select';
|
|
747
779
|
return str;
|
|
748
780
|
};
|
|
749
|
-
|
|
750
|
-
|
|
781
|
+
var handCls = function handCls(item) {
|
|
782
|
+
var str = '';
|
|
751
783
|
if (item.className) str += item.className;
|
|
752
784
|
if (fixedColumn && item.fixed) {
|
|
753
785
|
str += " table-fixed-dom-".concat(item.fixed);
|
|
@@ -762,8 +794,8 @@ const TableHead$1 = props => {
|
|
|
762
794
|
}
|
|
763
795
|
return str;
|
|
764
796
|
};
|
|
765
|
-
|
|
766
|
-
|
|
797
|
+
var handStyle = function handStyle(item) {
|
|
798
|
+
var json = {
|
|
767
799
|
width: getWidth(item)
|
|
768
800
|
};
|
|
769
801
|
if (fixedColumn && item.fixed && item.width) {
|
|
@@ -777,13 +809,13 @@ const TableHead$1 = props => {
|
|
|
777
809
|
return Object.assign(Object.assign({}, json), item.style);
|
|
778
810
|
};
|
|
779
811
|
// 处理拖拽
|
|
780
|
-
|
|
812
|
+
var handDrag = function handDrag(item) {
|
|
781
813
|
if (item.name === 'table-serial-number') return false; // 序号不拖拽
|
|
782
814
|
if (dragColumn && item.drag !== false) return true;
|
|
783
815
|
return false;
|
|
784
816
|
};
|
|
785
|
-
return headData.map((headCell, index)
|
|
786
|
-
|
|
817
|
+
return headData.map(function (headCell, index) {
|
|
818
|
+
var str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
|
|
787
819
|
if (!headCell.filterRender) str += " ".concat($prefixCls, "-filter-popover-default");
|
|
788
820
|
return jsx(ThElement, Object.assign({
|
|
789
821
|
className: handCls(headCell),
|
|
@@ -800,7 +832,9 @@ const TableHead$1 = props => {
|
|
|
800
832
|
content: filterPopoverContent(),
|
|
801
833
|
onVisibleChange: clickHideFilter,
|
|
802
834
|
overlayClassName: str,
|
|
803
|
-
getPopupContainer: getPopupContainer ? getPopupContainer : ()
|
|
835
|
+
getPopupContainer: getPopupContainer ? getPopupContainer : function () {
|
|
836
|
+
return document.body;
|
|
837
|
+
},
|
|
804
838
|
maxWidth: headCell.filterMaxWidth
|
|
805
839
|
}, {
|
|
806
840
|
children: jsxs("div", Object.assign({
|
|
@@ -845,10 +879,10 @@ const TableHead$1 = props => {
|
|
|
845
879
|
});
|
|
846
880
|
}, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
|
|
847
881
|
// 操作栏memo
|
|
848
|
-
|
|
882
|
+
var TableOperateMemo = useMemo(function () {
|
|
849
883
|
if (operate) {
|
|
850
|
-
|
|
851
|
-
|
|
884
|
+
var handCls = function handCls() {
|
|
885
|
+
var str = 'table-operate';
|
|
852
886
|
if (operate.operateBtnRender) str += ' table-operate-small';
|
|
853
887
|
if (fixedColumn) {
|
|
854
888
|
str += ' table-fixed-dom-right';
|
|
@@ -859,8 +893,8 @@ const TableHead$1 = props => {
|
|
|
859
893
|
}
|
|
860
894
|
return str;
|
|
861
895
|
};
|
|
862
|
-
|
|
863
|
-
|
|
896
|
+
var handStyle = function handStyle() {
|
|
897
|
+
var json = {
|
|
864
898
|
width: operate.width
|
|
865
899
|
};
|
|
866
900
|
if (fixedColumn) {
|
|
@@ -896,16 +930,16 @@ const TableHead$1 = props => {
|
|
|
896
930
|
}
|
|
897
931
|
}, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth]);
|
|
898
932
|
// 显示列弹窗内容
|
|
899
|
-
|
|
933
|
+
var showListContent = function showListContent() {
|
|
900
934
|
return jsxs("div", Object.assign({
|
|
901
935
|
className: "show-colums-select"
|
|
902
936
|
}, {
|
|
903
937
|
children: [jsx("div", Object.assign({
|
|
904
938
|
className: "show-colums-select-box"
|
|
905
939
|
}, {
|
|
906
|
-
children: showList.map((item, index)
|
|
907
|
-
|
|
908
|
-
|
|
940
|
+
children: showList.map(function (item, index) {
|
|
941
|
+
var checked = Boolean(headDataJson[item.name]);
|
|
942
|
+
var str = 'show-colums-select-item';
|
|
909
943
|
if (checked) str += ' show-colums-select-item-select';
|
|
910
944
|
if (item.disabledSelection) str += ' show-colums-select-item-disabled';
|
|
911
945
|
return jsxs("div", Object.assign({
|
|
@@ -939,9 +973,9 @@ const TableHead$1 = props => {
|
|
|
939
973
|
}));
|
|
940
974
|
};
|
|
941
975
|
// 显示列memo
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
976
|
+
var TableShowList = useMemo(function () {
|
|
977
|
+
var handCls = function handCls() {
|
|
978
|
+
var str = 'show-colums table-fixed-dom-right';
|
|
945
979
|
// 没有固定列参数 或者 没有操作栏且没有右侧固定列
|
|
946
980
|
if (!fixedColumn || !operate && !(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
|
|
947
981
|
str += ' table-fixed-dom-right-first';
|
|
@@ -954,7 +988,9 @@ const TableHead$1 = props => {
|
|
|
954
988
|
content: showListContent(),
|
|
955
989
|
onVisibleChange: clickHideColums,
|
|
956
990
|
overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
|
|
957
|
-
getPopupContainer: getPopupContainer ? getPopupContainer : ()
|
|
991
|
+
getPopupContainer: getPopupContainer ? getPopupContainer : function () {
|
|
992
|
+
return document.body;
|
|
993
|
+
}
|
|
958
994
|
}, {
|
|
959
995
|
children: jsx(ThElement, Object.assign({
|
|
960
996
|
align: "center",
|
|
@@ -971,8 +1007,8 @@ const TableHead$1 = props => {
|
|
|
971
1007
|
}));
|
|
972
1008
|
}, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
|
|
973
1009
|
// 处理class
|
|
974
|
-
|
|
975
|
-
|
|
1010
|
+
var handClass = function handClass() {
|
|
1011
|
+
var str = 'table-head';
|
|
976
1012
|
if (showColumns === 'inside') str += ' table-head-inside';
|
|
977
1013
|
if (!fixedTable) str += ' table-head-scroll'; // 防止长度过长
|
|
978
1014
|
// 没有 复选框,单选框,展开 按钮
|
|
@@ -1030,71 +1066,92 @@ var TdElement = function TdElement(props) {
|
|
|
1030
1066
|
}));
|
|
1031
1067
|
};
|
|
1032
1068
|
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
rowData = [],
|
|
1038
|
-
rowKey =
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
|
|
1044
|
-
|
|
1045
|
-
|
|
1046
|
-
|
|
1047
|
-
|
|
1048
|
-
|
|
1049
|
-
|
|
1050
|
-
|
|
1051
|
-
|
|
1052
|
-
|
|
1053
|
-
|
|
1054
|
-
|
|
1055
|
-
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1061
|
-
|
|
1062
|
-
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1069
|
+
var TableBody = function TableBody(props) {
|
|
1070
|
+
var url = props.url,
|
|
1071
|
+
emptyProps = props.emptyProps,
|
|
1072
|
+
_props$rowData = props.rowData,
|
|
1073
|
+
rowData = _props$rowData === void 0 ? [] : _props$rowData,
|
|
1074
|
+
_props$rowKey = props.rowKey,
|
|
1075
|
+
rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
|
|
1076
|
+
check = props.check,
|
|
1077
|
+
radio = props.radio,
|
|
1078
|
+
tableCell = props.tableCell,
|
|
1079
|
+
expandable = props.expandable,
|
|
1080
|
+
_props$headData = props.headData,
|
|
1081
|
+
headData = _props$headData === void 0 ? [] : _props$headData,
|
|
1082
|
+
_props$disabledJson = props.disabledJson,
|
|
1083
|
+
disabledJson = _props$disabledJson === void 0 ? {} : _props$disabledJson,
|
|
1084
|
+
disabledArrStatus = props.disabledArrStatus,
|
|
1085
|
+
_props$checkJson = props.checkJson,
|
|
1086
|
+
checkJson = _props$checkJson === void 0 ? {} : _props$checkJson,
|
|
1087
|
+
radioValue = props.radioValue,
|
|
1088
|
+
selectCheck = props.selectCheck,
|
|
1089
|
+
selectRadio = props.selectRadio,
|
|
1090
|
+
align = props.align,
|
|
1091
|
+
operate = props.operate,
|
|
1092
|
+
showColumns = props.showColumns,
|
|
1093
|
+
fixedTable = props.fixedTable,
|
|
1094
|
+
fixedColumn = props.fixedColumn,
|
|
1095
|
+
formatter = props.formatter,
|
|
1096
|
+
_props$orderFieldArr = props.orderFieldArr,
|
|
1097
|
+
orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
|
|
1098
|
+
_props$orderTypeArr = props.orderTypeArr,
|
|
1099
|
+
orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
|
|
1100
|
+
sortTable = props.sortTable,
|
|
1101
|
+
loadState = props.loadState,
|
|
1102
|
+
loadMore = props.loadMore,
|
|
1103
|
+
loadMoreRender = props.loadMoreRender,
|
|
1104
|
+
onClickMore = props.onClickMore,
|
|
1105
|
+
total = props.total,
|
|
1106
|
+
page = props.page,
|
|
1107
|
+
currentRowsPerPage = props.currentRowsPerPage,
|
|
1108
|
+
changePage = props.changePage,
|
|
1109
|
+
loadMoreUrl = props.loadMoreUrl,
|
|
1110
|
+
_props$expandMultiple = props.expandMultiple,
|
|
1111
|
+
expandMultiple = _props$expandMultiple === void 0 ? false : _props$expandMultiple,
|
|
1112
|
+
_props$expandValue = props.expandValue,
|
|
1113
|
+
expandValue = _props$expandValue === void 0 ? [] : _props$expandValue,
|
|
1114
|
+
_props$disabledExpand = props.disabledExpand,
|
|
1115
|
+
disabledExpand = _props$disabledExpand === void 0 ? [] : _props$disabledExpand,
|
|
1116
|
+
_props$defaultExpandA = props.defaultExpandAllRows,
|
|
1117
|
+
defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
|
|
1118
|
+
onExpand = props.onExpand,
|
|
1119
|
+
_onRefresh = props.onRefresh,
|
|
1120
|
+
posFixed = props.posFixed,
|
|
1121
|
+
beyondText = props.beyondText,
|
|
1122
|
+
onClickRow = props.onClickRow,
|
|
1123
|
+
rowClassMapping = props.rowClassMapping,
|
|
1124
|
+
tipMaxWidth = props.tipMaxWidth,
|
|
1125
|
+
lineHeight = props.lineHeight;
|
|
1126
|
+
var _useState = useState(0),
|
|
1127
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1128
|
+
expandableColSpan = _useState2[0],
|
|
1129
|
+
setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
|
|
1130
|
+
var _useState3 = useState({}),
|
|
1131
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1132
|
+
expandableRow = _useState4[0],
|
|
1133
|
+
setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
|
|
1134
|
+
var _useState5 = useState(true),
|
|
1135
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
1136
|
+
showMoreBtn = _useState6[0],
|
|
1137
|
+
setShowMoreBtn = _useState6[1]; // 加载更多
|
|
1138
|
+
var _useState7 = useState({}),
|
|
1139
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
1140
|
+
disabledExpandJson = _useState8[0],
|
|
1141
|
+
setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
|
|
1142
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
1086
1143
|
// 默认是否展开所有
|
|
1087
|
-
useEffect(()
|
|
1144
|
+
useEffect(function () {
|
|
1088
1145
|
if (!defaultExpandAllRows) {
|
|
1089
1146
|
setExpandableRow({});
|
|
1090
1147
|
return;
|
|
1091
1148
|
}
|
|
1092
|
-
|
|
1093
|
-
for (
|
|
1094
|
-
|
|
1095
|
-
|
|
1149
|
+
var json = {};
|
|
1150
|
+
for (var i = 0, l = rowData.length; i < l; i++) {
|
|
1151
|
+
var item = rowData[i] || {};
|
|
1152
|
+
var id = item[rowKey];
|
|
1096
1153
|
json[id] = {
|
|
1097
|
-
id,
|
|
1154
|
+
id: id,
|
|
1098
1155
|
status: 'develop'
|
|
1099
1156
|
};
|
|
1100
1157
|
}
|
|
@@ -1102,41 +1159,41 @@ const TableBody = props => {
|
|
|
1102
1159
|
}, [defaultExpandAllRows, rowData, rowKey]);
|
|
1103
1160
|
// 监听展开表格
|
|
1104
1161
|
// 如果直接写expandMultiple, expandValue会死循环
|
|
1105
|
-
useEffect(()
|
|
1162
|
+
useEffect(function () {
|
|
1106
1163
|
if (props.expandValue === undefined) return;
|
|
1107
|
-
|
|
1108
|
-
|
|
1164
|
+
var json = {};
|
|
1165
|
+
var expandValueHand = expandValue;
|
|
1109
1166
|
// 只展开一个,去第一个值
|
|
1110
1167
|
if (!expandMultiple && expandValue.length > 0) {
|
|
1111
1168
|
expandValueHand = [expandValue[0]];
|
|
1112
1169
|
}
|
|
1113
|
-
for (
|
|
1114
|
-
|
|
1170
|
+
for (var i = 0, l = expandValueHand.length; i < l; i++) {
|
|
1171
|
+
var id = expandValueHand[i];
|
|
1115
1172
|
json[id] = {
|
|
1116
|
-
id,
|
|
1173
|
+
id: id,
|
|
1117
1174
|
status: 'develop'
|
|
1118
1175
|
};
|
|
1119
1176
|
}
|
|
1120
1177
|
setExpandableRow(json);
|
|
1121
1178
|
}, [props.expandMultiple, props.expandValue, rowData]);
|
|
1122
1179
|
// 监听禁用嵌套 props.disabledExpand 防止死循环
|
|
1123
|
-
useEffect(()
|
|
1124
|
-
|
|
1125
|
-
for (
|
|
1126
|
-
|
|
1180
|
+
useEffect(function () {
|
|
1181
|
+
var json = {};
|
|
1182
|
+
for (var i = 0, l = disabledExpand.length; i < l; i++) {
|
|
1183
|
+
var id = disabledExpand[i];
|
|
1127
1184
|
json[id] = true;
|
|
1128
1185
|
}
|
|
1129
1186
|
setDisabledExpand(json);
|
|
1130
1187
|
}, [props.disabledExpand]);
|
|
1131
|
-
useEffect(()
|
|
1188
|
+
useEffect(function () {
|
|
1132
1189
|
if (loadMoreUrl) {
|
|
1133
|
-
|
|
1190
|
+
var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
|
|
1134
1191
|
setShowMoreBtn(bol);
|
|
1135
1192
|
}
|
|
1136
1193
|
}, [loadMoreUrl, total, page, currentRowsPerPage]);
|
|
1137
1194
|
// 处理嵌套表格合并列数
|
|
1138
|
-
useEffect(()
|
|
1139
|
-
|
|
1195
|
+
useEffect(function () {
|
|
1196
|
+
var num = headData.length;
|
|
1140
1197
|
if (expandable) num += 1;
|
|
1141
1198
|
if (check) num += 1;
|
|
1142
1199
|
if (radio) num += 1;
|
|
@@ -1145,55 +1202,55 @@ const TableBody = props => {
|
|
|
1145
1202
|
setExpandableColSpan(num);
|
|
1146
1203
|
}, [headData, expandable, check, radio]);
|
|
1147
1204
|
// 展开/收起嵌套表格
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1205
|
+
var handClickNestTable = function handClickNestTable(row) {
|
|
1206
|
+
return function (event) {
|
|
1207
|
+
var id = row[rowKey];
|
|
1208
|
+
var expandItem = expandableRow[id] || {};
|
|
1209
|
+
var status = 'develop';
|
|
1210
|
+
if (expandItem.status === 'develop') status = 'retract';
|
|
1211
|
+
expandItem = {
|
|
1212
|
+
id: id,
|
|
1213
|
+
status: status
|
|
1214
|
+
};
|
|
1215
|
+
if (expandMultiple) {
|
|
1216
|
+
// 展开多个
|
|
1217
|
+
expandableRow[id] = expandItem;
|
|
1218
|
+
setExpandableRow(Object.assign({}, expandableRow));
|
|
1219
|
+
} else {
|
|
1220
|
+
// 展开一个
|
|
1221
|
+
setExpandableRow(_defineProperty({}, id, expandItem));
|
|
1222
|
+
}
|
|
1223
|
+
onExpand && onExpand(row, status);
|
|
1224
|
+
event.stopPropagation();
|
|
1156
1225
|
};
|
|
1157
|
-
if (expandMultiple) {
|
|
1158
|
-
// 展开多个
|
|
1159
|
-
expandableRow[id] = expandItem;
|
|
1160
|
-
setExpandableRow(Object.assign({}, expandableRow));
|
|
1161
|
-
} else {
|
|
1162
|
-
// 展开一个
|
|
1163
|
-
setExpandableRow({
|
|
1164
|
-
[id]: expandItem
|
|
1165
|
-
});
|
|
1166
|
-
}
|
|
1167
|
-
onExpand && onExpand(row, status);
|
|
1168
|
-
event.stopPropagation();
|
|
1169
1226
|
};
|
|
1170
1227
|
// 处理class
|
|
1171
|
-
|
|
1172
|
-
|
|
1228
|
+
var handClass = function handClass() {
|
|
1229
|
+
var str = 'table-body';
|
|
1173
1230
|
if (!fixedTable) str += ' table-body-scroll';
|
|
1174
1231
|
// 没有 复选框,单选框,展开 按钮
|
|
1175
1232
|
if (!check && !radio && !expandable) str += ' table-body-no-btn';
|
|
1176
1233
|
return str;
|
|
1177
1234
|
};
|
|
1178
1235
|
// 处理嵌套表格class
|
|
1179
|
-
|
|
1180
|
-
|
|
1181
|
-
|
|
1182
|
-
|
|
1236
|
+
var handExpandClass = function handExpandClass(row) {
|
|
1237
|
+
var id = row[rowKey];
|
|
1238
|
+
var expandItem = expandableRow[id] || {};
|
|
1239
|
+
var str = 'retract';
|
|
1183
1240
|
if (expandItem.status === 'develop') {
|
|
1184
1241
|
str = 'expand';
|
|
1185
1242
|
}
|
|
1186
1243
|
return str;
|
|
1187
1244
|
};
|
|
1188
1245
|
// 点击加载更多
|
|
1189
|
-
|
|
1246
|
+
var clickMore = function clickMore() {
|
|
1190
1247
|
if (loadMoreUrl) changePage && changePage();
|
|
1191
1248
|
onClickMore && onClickMore();
|
|
1192
1249
|
};
|
|
1193
1250
|
// 暂无数据memo
|
|
1194
|
-
|
|
1251
|
+
var NodataMemo = useMemo(function () {
|
|
1195
1252
|
// 处理刷新按钮
|
|
1196
|
-
|
|
1253
|
+
var handRefreshBtn = function handRefreshBtn() {
|
|
1197
1254
|
if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
|
|
1198
1255
|
return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
|
|
1199
1256
|
}
|
|
@@ -1203,8 +1260,8 @@ const TableBody = props => {
|
|
|
1203
1260
|
return false;
|
|
1204
1261
|
};
|
|
1205
1262
|
// 处理className
|
|
1206
|
-
|
|
1207
|
-
|
|
1263
|
+
var handClassNoData = function handClassNoData() {
|
|
1264
|
+
var str = 'table-no-data';
|
|
1208
1265
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += " table-no-data-".concat(emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
|
|
1209
1266
|
return str;
|
|
1210
1267
|
};
|
|
@@ -1217,24 +1274,24 @@ const TableBody = props => {
|
|
|
1217
1274
|
}, {
|
|
1218
1275
|
children: jsx(Empty, Object.assign({}, emptyProps, {
|
|
1219
1276
|
showRefresh: handRefreshBtn(),
|
|
1220
|
-
onRefresh: event
|
|
1277
|
+
onRefresh: function onRefresh(event) {
|
|
1221
1278
|
if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
|
|
1222
1279
|
emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh(event);
|
|
1223
1280
|
return;
|
|
1224
1281
|
}
|
|
1225
|
-
|
|
1282
|
+
_onRefresh && _onRefresh();
|
|
1226
1283
|
}
|
|
1227
1284
|
}))
|
|
1228
1285
|
}))
|
|
1229
1286
|
}));
|
|
1230
|
-
}, [expandableColSpan, emptyProps, url,
|
|
1287
|
+
}, [expandableColSpan, emptyProps, url, _onRefresh]);
|
|
1231
1288
|
// 复选框useCallback
|
|
1232
|
-
|
|
1289
|
+
var TableCheckCallback = useCallback(function (row) {
|
|
1233
1290
|
if (check) {
|
|
1234
|
-
|
|
1235
|
-
|
|
1236
|
-
|
|
1237
|
-
|
|
1291
|
+
var handId = row[rowKey];
|
|
1292
|
+
var disabledHand = Boolean(disabledJson[handId]);
|
|
1293
|
+
var checkHand = checkJson[handId] || false;
|
|
1294
|
+
var showCheck = true;
|
|
1238
1295
|
if (disabledHand && disabledArrStatus) {
|
|
1239
1296
|
// 选中
|
|
1240
1297
|
if (disabledArrStatus[handId] === true) {
|
|
@@ -1249,8 +1306,8 @@ const TableBody = props => {
|
|
|
1249
1306
|
showCheck = false;
|
|
1250
1307
|
}
|
|
1251
1308
|
}
|
|
1252
|
-
|
|
1253
|
-
|
|
1309
|
+
var handCls = function handCls() {
|
|
1310
|
+
var str = 'table-checkbox table-body-btn';
|
|
1254
1311
|
if (fixedColumn) {
|
|
1255
1312
|
str += ' table-fixed-dom-left';
|
|
1256
1313
|
// 左边没有定位,且没有单选,没有嵌套表格
|
|
@@ -1267,7 +1324,7 @@ const TableBody = props => {
|
|
|
1267
1324
|
children: showCheck && jsx(Checkbox, {
|
|
1268
1325
|
disabled: disabledHand,
|
|
1269
1326
|
checked: checkHand,
|
|
1270
|
-
onChange: (event, bol)
|
|
1327
|
+
onChange: function onChange(event, bol) {
|
|
1271
1328
|
event.stopPropagation();
|
|
1272
1329
|
selectCheck && selectCheck(event, bol, row[rowKey]);
|
|
1273
1330
|
}
|
|
@@ -1276,12 +1333,12 @@ const TableBody = props => {
|
|
|
1276
1333
|
}
|
|
1277
1334
|
}, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]);
|
|
1278
1335
|
// 单选框useCallback
|
|
1279
|
-
|
|
1336
|
+
var TableRadioCallback = useCallback(function (row) {
|
|
1280
1337
|
if (radio) {
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1338
|
+
var handId = row[rowKey];
|
|
1339
|
+
var disabledHand = Boolean(disabledJson[handId]);
|
|
1340
|
+
var checkHand = radioValue === row[rowKey];
|
|
1341
|
+
var showRadio = true;
|
|
1285
1342
|
if (disabledHand && disabledArrStatus) {
|
|
1286
1343
|
// 选中
|
|
1287
1344
|
if (disabledArrStatus[handId] === true) {
|
|
@@ -1296,8 +1353,8 @@ const TableBody = props => {
|
|
|
1296
1353
|
showRadio = false;
|
|
1297
1354
|
}
|
|
1298
1355
|
}
|
|
1299
|
-
|
|
1300
|
-
|
|
1356
|
+
var handCls = function handCls() {
|
|
1357
|
+
var str = 'table-radio table-body-btn';
|
|
1301
1358
|
if (fixedColumn) {
|
|
1302
1359
|
str += ' table-fixed-dom-left';
|
|
1303
1360
|
// 左边没有定位,没有嵌套表格
|
|
@@ -1314,7 +1371,7 @@ const TableBody = props => {
|
|
|
1314
1371
|
children: showRadio && jsx(Radio, {
|
|
1315
1372
|
disabled: disabledHand,
|
|
1316
1373
|
checked: checkHand,
|
|
1317
|
-
onChange: event
|
|
1374
|
+
onChange: function onChange(event) {
|
|
1318
1375
|
event.stopPropagation();
|
|
1319
1376
|
selectRadio && selectRadio(event, row[rowKey]);
|
|
1320
1377
|
}
|
|
@@ -1323,13 +1380,13 @@ const TableBody = props => {
|
|
|
1323
1380
|
}
|
|
1324
1381
|
}, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
|
|
1325
1382
|
// 嵌套加减useCallback
|
|
1326
|
-
|
|
1383
|
+
var TableExpandableMemo = useCallback(function (row) {
|
|
1327
1384
|
if (!expandable) return null;
|
|
1328
|
-
|
|
1385
|
+
var expandableDemo = expandable(row);
|
|
1329
1386
|
// 禁用一行表格展开 或者 展开表格返回值为false,返回空列
|
|
1330
1387
|
if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
|
|
1331
|
-
|
|
1332
|
-
|
|
1388
|
+
var handCls = function handCls() {
|
|
1389
|
+
var str = 'table-expandable table-body-btn';
|
|
1333
1390
|
if (fixedColumn) {
|
|
1334
1391
|
str += ' table-fixed-dom-left';
|
|
1335
1392
|
// 左边没有定位,没有嵌套表格
|
|
@@ -1350,17 +1407,17 @@ const TableBody = props => {
|
|
|
1350
1407
|
}));
|
|
1351
1408
|
}, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]);
|
|
1352
1409
|
// 表格一行内容useCallback
|
|
1353
|
-
|
|
1354
|
-
|
|
1355
|
-
orderFieldArr,
|
|
1356
|
-
orderTypeArr
|
|
1410
|
+
var TableContentUseCallback = useCallback(function (row, rowIndex) {
|
|
1411
|
+
var params = {
|
|
1412
|
+
orderFieldArr: orderFieldArr,
|
|
1413
|
+
orderTypeArr: orderTypeArr
|
|
1357
1414
|
};
|
|
1358
|
-
|
|
1359
|
-
|
|
1415
|
+
var handContentClass = function handContentClass(item) {
|
|
1416
|
+
var str = 'table-content-columms';
|
|
1360
1417
|
if (item.className) str += " ".concat(item.className);
|
|
1361
1418
|
// 排序
|
|
1362
1419
|
if (sortTable && item.name && item.sort !== false) {
|
|
1363
|
-
|
|
1420
|
+
var index = orderFieldArr.indexOf(item.name);
|
|
1364
1421
|
if (index !== -1) {
|
|
1365
1422
|
// 升序
|
|
1366
1423
|
if (orderTypeArr[index] === 'asc') {
|
|
@@ -1385,8 +1442,8 @@ const TableBody = props => {
|
|
|
1385
1442
|
}
|
|
1386
1443
|
return str;
|
|
1387
1444
|
};
|
|
1388
|
-
|
|
1389
|
-
|
|
1445
|
+
var handStyle = function handStyle(item) {
|
|
1446
|
+
var json = {};
|
|
1390
1447
|
if (fixedColumn && item.fixed && item.width) {
|
|
1391
1448
|
if (item.fixed === 'left') {
|
|
1392
1449
|
json.left = "".concat(item.paraui_left_width, "px");
|
|
@@ -1397,12 +1454,12 @@ const TableBody = props => {
|
|
|
1397
1454
|
}
|
|
1398
1455
|
return json;
|
|
1399
1456
|
};
|
|
1400
|
-
return tableCell ? tableCell(row, params) : headData.map((item, index)
|
|
1401
|
-
|
|
1402
|
-
|
|
1457
|
+
return tableCell ? tableCell(row, params) : headData.map(function (item, index) {
|
|
1458
|
+
var text = row[item.name];
|
|
1459
|
+
var colSpan = 1;
|
|
1403
1460
|
if (item.render) text = item.render(row, item, row[item.name], index, rowIndex);
|
|
1404
1461
|
if (formatter) text = formatter(row, item, row[item.name], index, rowIndex);
|
|
1405
|
-
|
|
1462
|
+
var itemStyle = handStyle(item);
|
|
1406
1463
|
// 存在显示列,最后一列占两格
|
|
1407
1464
|
if (showColumns === 'inside' && !operate && index === headData.length - 1) {
|
|
1408
1465
|
colSpan = 2;
|
|
@@ -1426,25 +1483,25 @@ const TableBody = props => {
|
|
|
1426
1483
|
});
|
|
1427
1484
|
}, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth]);
|
|
1428
1485
|
// 操作栏useCallback
|
|
1429
|
-
|
|
1486
|
+
var TableOperateUseCallback = useCallback(function (row, rowIndex) {
|
|
1430
1487
|
if (operate) {
|
|
1431
|
-
|
|
1488
|
+
var colSpan = 1;
|
|
1432
1489
|
if (showColumns === 'inside') colSpan = 2;
|
|
1433
|
-
|
|
1490
|
+
var handOperate = function handOperate() {
|
|
1434
1491
|
if (operate.render) return operate.render(row);
|
|
1435
1492
|
if (operate.operateBtnRender) {
|
|
1436
|
-
|
|
1493
|
+
var operateConfig = operate.operateBtnRender(row, rowIndex);
|
|
1437
1494
|
return jsx(OperateBtn, Object.assign({}, operateConfig));
|
|
1438
1495
|
}
|
|
1439
1496
|
};
|
|
1440
|
-
|
|
1441
|
-
|
|
1497
|
+
var handStyle = function handStyle() {
|
|
1498
|
+
var json = {
|
|
1442
1499
|
right: '0'
|
|
1443
1500
|
};
|
|
1444
1501
|
return json;
|
|
1445
1502
|
};
|
|
1446
|
-
|
|
1447
|
-
|
|
1503
|
+
var handCls = function handCls() {
|
|
1504
|
+
var str = 'table-operate';
|
|
1448
1505
|
if (fixedColumn) {
|
|
1449
1506
|
str += ' table-fixed-dom-right';
|
|
1450
1507
|
if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
|
|
@@ -1464,11 +1521,11 @@ const TableBody = props => {
|
|
|
1464
1521
|
}
|
|
1465
1522
|
}, [operate, align, showColumns, posFixed, fixedColumn]);
|
|
1466
1523
|
// 嵌套表格useCallback
|
|
1467
|
-
|
|
1468
|
-
|
|
1469
|
-
|
|
1524
|
+
var TableExpandableContentUseCallback = useCallback(function (row) {
|
|
1525
|
+
var id = row[rowKey];
|
|
1526
|
+
var expandItem = expandableRow[id] || {};
|
|
1470
1527
|
if (expandable && expandItem.status === 'develop') {
|
|
1471
|
-
|
|
1528
|
+
var expandableDemo = expandable(row);
|
|
1472
1529
|
if (expandableDemo === false) return null; // 展开表格返回值为false,不展示这一行
|
|
1473
1530
|
return jsx(TrElement, Object.assign({
|
|
1474
1531
|
className: "table-body-expand-row"
|
|
@@ -1483,7 +1540,7 @@ const TableBody = props => {
|
|
|
1483
1540
|
}
|
|
1484
1541
|
}, [expandable, expandableRow, expandableColSpan, rowKey]);
|
|
1485
1542
|
// 加载更多
|
|
1486
|
-
|
|
1543
|
+
var MoreMemo = useMemo(function () {
|
|
1487
1544
|
if (!loadMore || !showMoreBtn) return null;
|
|
1488
1545
|
return jsx(TrElement, Object.assign({
|
|
1489
1546
|
className: "more-table-row",
|
|
@@ -1506,10 +1563,10 @@ const TableBody = props => {
|
|
|
1506
1563
|
}))
|
|
1507
1564
|
}));
|
|
1508
1565
|
}, [expandableColSpan, loadMore, loadMoreRender, onClickMore, showMoreBtn, changePage, loadMoreUrl, lineHeight]);
|
|
1509
|
-
|
|
1566
|
+
var TableBodySubjectContentMemo = useMemo(function () {
|
|
1510
1567
|
return jsx(Fragment, {
|
|
1511
|
-
children: rowData.map((row, index)
|
|
1512
|
-
|
|
1568
|
+
children: rowData.map(function (row, index) {
|
|
1569
|
+
var str = 'table-body-row';
|
|
1513
1570
|
if (rowClassMapping && rowClassMapping[row[rowKey]]) {
|
|
1514
1571
|
str += " ".concat(rowClassMapping[row[rowKey]]);
|
|
1515
1572
|
}
|
|
@@ -1519,7 +1576,7 @@ const TableBody = props => {
|
|
|
1519
1576
|
style: {
|
|
1520
1577
|
height: "".concat(lineHeight, "px")
|
|
1521
1578
|
},
|
|
1522
|
-
onClick: e
|
|
1579
|
+
onClick: function onClick(e) {
|
|
1523
1580
|
onClickRow && onClickRow(row, e);
|
|
1524
1581
|
}
|
|
1525
1582
|
}, {
|
|
@@ -1530,13 +1587,13 @@ const TableBody = props => {
|
|
|
1530
1587
|
});
|
|
1531
1588
|
}, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
|
|
1532
1589
|
// 内容memo
|
|
1533
|
-
|
|
1590
|
+
var TableBodyContentMemo = useMemo(function () {
|
|
1534
1591
|
return jsxs(Fragment$1, {
|
|
1535
1592
|
children: [TableBodySubjectContentMemo, MoreMemo]
|
|
1536
1593
|
});
|
|
1537
1594
|
}, [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]);
|
|
1538
1595
|
// 处理内容
|
|
1539
|
-
|
|
1596
|
+
var handContent = function handContent() {
|
|
1540
1597
|
// 无数据,且不再请求,显示暂无数据
|
|
1541
1598
|
if (rowData.length === 0 && !loadState) return NodataMemo;
|
|
1542
1599
|
return TableBodyContentMemo;
|
|
@@ -1548,29 +1605,35 @@ const TableBody = props => {
|
|
|
1548
1605
|
}));
|
|
1549
1606
|
};
|
|
1550
1607
|
|
|
1551
|
-
|
|
1552
|
-
|
|
1553
|
-
|
|
1554
|
-
|
|
1555
|
-
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1559
|
-
|
|
1560
|
-
|
|
1561
|
-
|
|
1562
|
-
|
|
1563
|
-
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
checkNumber = 0,
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1608
|
+
var TableHead = function TableHead(props) {
|
|
1609
|
+
var paginationType = props.paginationType,
|
|
1610
|
+
flippingArrow = props.flippingArrow,
|
|
1611
|
+
autoPagination = props.autoPagination,
|
|
1612
|
+
total = props.total,
|
|
1613
|
+
page = props.page,
|
|
1614
|
+
rowsPerPage = props.rowsPerPage,
|
|
1615
|
+
currentRowsPerPage = props.currentRowsPerPage,
|
|
1616
|
+
changePage = props.changePage,
|
|
1617
|
+
changeRowsPerPage = props.changeRowsPerPage,
|
|
1618
|
+
refreshInside = props.refreshInside,
|
|
1619
|
+
checkCount = props.checkCount,
|
|
1620
|
+
onRefresh = props.onRefresh,
|
|
1621
|
+
selectAll = props.selectAll,
|
|
1622
|
+
selectStatus = props.selectStatus,
|
|
1623
|
+
_props$checkNumber = props.checkNumber,
|
|
1624
|
+
checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber,
|
|
1625
|
+
_props$currentPageTot = props.currentPageTotal,
|
|
1626
|
+
currentPageTotal = _props$currentPageTot === void 0 ? 0 : _props$currentPageTot;
|
|
1627
|
+
var intl = useFormatMessage('Table', localeJson);
|
|
1628
|
+
var _useState = useState(false),
|
|
1629
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1630
|
+
indeterminate = _useState2[0],
|
|
1631
|
+
setIndeterminate = _useState2[1]; // 半选中
|
|
1632
|
+
var _useState3 = useState(false),
|
|
1633
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
1634
|
+
checked = _useState4[0],
|
|
1635
|
+
setChecked = _useState4[1]; // 选中
|
|
1636
|
+
useEffect(function () {
|
|
1574
1637
|
// 全选
|
|
1575
1638
|
if (selectStatus === 'all') {
|
|
1576
1639
|
setChecked(true);
|
|
@@ -1592,23 +1655,23 @@ const TableHead = props => {
|
|
|
1592
1655
|
* @param event 操作元素
|
|
1593
1656
|
* @param bol 选中 / 不选中
|
|
1594
1657
|
*/
|
|
1595
|
-
|
|
1658
|
+
var onSelectAll = function onSelectAll(event, bol) {
|
|
1596
1659
|
if (selectAll) selectAll(event, bol);
|
|
1597
1660
|
};
|
|
1598
1661
|
// 改变页面
|
|
1599
|
-
|
|
1662
|
+
var changePageCom = function changePageCom(num) {
|
|
1600
1663
|
changePage && changePage(num);
|
|
1601
1664
|
};
|
|
1602
1665
|
// 改变每页显示条数
|
|
1603
|
-
|
|
1666
|
+
var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
|
|
1604
1667
|
changeRowsPerPage && changeRowsPerPage(num);
|
|
1605
1668
|
};
|
|
1606
1669
|
// 刷新
|
|
1607
|
-
|
|
1670
|
+
var clickRefresh = function clickRefresh() {
|
|
1608
1671
|
onRefresh && onRefresh();
|
|
1609
1672
|
};
|
|
1610
1673
|
// 处理分页右侧
|
|
1611
|
-
|
|
1674
|
+
var handlePaginationRight = function handlePaginationRight() {
|
|
1612
1675
|
if (!checkCount) return null;
|
|
1613
1676
|
return jsxs("div", Object.assign({
|
|
1614
1677
|
className: 'table-pagination-right'
|
|
@@ -1631,8 +1694,8 @@ const TableHead = props => {
|
|
|
1631
1694
|
}));
|
|
1632
1695
|
};
|
|
1633
1696
|
// 处理样式
|
|
1634
|
-
|
|
1635
|
-
|
|
1697
|
+
var handleClass = function handleClass() {
|
|
1698
|
+
var str = 'table-pagination';
|
|
1636
1699
|
return str;
|
|
1637
1700
|
};
|
|
1638
1701
|
return jsxs("div", Object.assign({
|
|
@@ -1649,7 +1712,9 @@ const TableHead = props => {
|
|
|
1649
1712
|
currentRowsPerPage: currentRowsPerPage,
|
|
1650
1713
|
changePage: changePageCom,
|
|
1651
1714
|
changeRowsPerPage: changeRowsPerPageCom,
|
|
1652
|
-
getPopupContainer: ()
|
|
1715
|
+
getPopupContainer: function getPopupContainer() {
|
|
1716
|
+
return document.body;
|
|
1717
|
+
}
|
|
1653
1718
|
}), refreshInside && jsx(Button.IconButton, Object.assign({
|
|
1654
1719
|
className: 'refresh-btn',
|
|
1655
1720
|
variant: "outlined",
|
|
@@ -1663,16 +1728,14 @@ const TableHead = props => {
|
|
|
1663
1728
|
var css_248z$2 = ".table-container {\n overflow-x: auto;\n}";
|
|
1664
1729
|
styleInject(css_248z$2);
|
|
1665
1730
|
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1670
|
-
|
|
1671
|
-
children
|
|
1672
|
-
} = props,
|
|
1731
|
+
var TableContainer = function TableContainer(props) {
|
|
1732
|
+
var cRef = props.cRef,
|
|
1733
|
+
className = props.className,
|
|
1734
|
+
style = props.style,
|
|
1735
|
+
children = props.children,
|
|
1673
1736
|
otherProps = __rest(props, ["cRef", "className", "style", "children"]);
|
|
1674
|
-
|
|
1675
|
-
|
|
1737
|
+
var handClass = function handClass() {
|
|
1738
|
+
var str = 'table-container';
|
|
1676
1739
|
if (className) str += " ".concat(className);
|
|
1677
1740
|
return str;
|
|
1678
1741
|
};
|
|
@@ -1688,16 +1751,14 @@ const TableContainer = props => {
|
|
|
1688
1751
|
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}";
|
|
1689
1752
|
styleInject(css_248z$1);
|
|
1690
1753
|
|
|
1691
|
-
|
|
1692
|
-
|
|
1693
|
-
|
|
1694
|
-
|
|
1695
|
-
|
|
1696
|
-
children
|
|
1697
|
-
} = props,
|
|
1754
|
+
var TableElement = function TableElement(props) {
|
|
1755
|
+
var className = props.className,
|
|
1756
|
+
style = props.style,
|
|
1757
|
+
fixedColumn = props.fixedColumn,
|
|
1758
|
+
children = props.children,
|
|
1698
1759
|
otherProps = __rest(props, ["className", "style", "fixedColumn", "children"]);
|
|
1699
|
-
|
|
1700
|
-
|
|
1760
|
+
var handClass = function handClass() {
|
|
1761
|
+
var str = 'table-element';
|
|
1701
1762
|
if (fixedColumn) str += ' table-element-fixed-column';
|
|
1702
1763
|
if (className) str += " ".concat(className);
|
|
1703
1764
|
return str;
|