@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/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
- const requestFunc = obj => {
67
- const {
68
- method,
69
- url,
70
- ctx,
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
- const handGetReqParams = obj => {
94
- let str = obj.url;
95
- const params = obj.data || {};
96
- const arrKey = Object.keys(params);
97
- const paramsArr = [];
98
- for (let i = 0, l = arrKey.length; i < l; i++) {
99
- const key = arrKey[i];
100
- let val = params[key];
101
- if (typeof val === 'object') {
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
- const paramsStr = paramsArr.join('&');
109
- const pos = str.indexOf('?');
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
- const getStringInNumber = str => {
121
+ var getStringInNumber = function getStringInNumber(str) {
121
122
  if (typeof str === 'number') return str;
122
- const strHand = str.replace(/[^0-9$]/gi, '');
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
- const getLocalStorageSelectHead = (key, num) => {
131
+ var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
131
132
  //debugger
132
- const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
133
- const headJson = JSON.parse(headJsonStr);
134
- const headJsonArr = Object.keys(headJson);
135
- for (let i = 0, l = headJsonArr.length; i < l; i++) {
136
- const keyStr = headJsonArr[i];
137
- const item = headJson[i];
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
- const newDate = new Date().getTime(); // 当前时间
140
- const endTime = item.storageTime + item.validity; // 过期时间
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
- const headJsonItem = headJson[key];
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
- const setLocalStorageSelectHead = (key, val) => {
160
- const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
161
- const headJson = JSON.parse(headJsonStr);
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
- const closest = (el, selector) => {
171
- const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
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
- const TableHead$1 = props => {
372
- const {
373
- headData = [],
374
- sortTable,
375
- filter,
376
- expandable,
377
- check,
378
- radio,
379
- onRequestSort,
380
- orderFieldArr = [],
381
- orderTypeArr = [],
382
- selectAll,
383
- selectStatus,
384
- align,
385
- showList = [],
386
- changeShowList,
387
- selectFilter,
388
- changeFilter,
389
- operate,
390
- showColumns,
391
- fixedTable,
392
- fixedColumn,
393
- posFixed,
394
- beyondText,
395
- lineWidth,
396
- dragColumn,
397
- dragRow,
398
- changeColumnWidth,
399
- headDataConfig,
400
- getPopupContainer,
401
- tipMaxWidth
402
- } = props;
403
- const [indeterminate, setIndeterminate] = useState(false); // 半选中
404
- const [checked, setChecked] = useState(false); // 选中
405
- const [anchorElColums, setAnchorElColums] = useState(null); // 显示列定位元素
406
- const [headDataJson, setHeadDataJson] = useState({}); // 显示列json
407
- const [filterHead, setFilterHead] = useState({}); // 过滤项当前表头数据
408
- const [selectFilterCom, setSelectFilterCom] = useState({}); // 过滤项当前选中值
409
- const intl = useFormatMessage('Table', localeJson);
410
- useEffect(() => {
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
- const json = [];
430
- for (let i = 0, l = headData.length; i < l; i++) {
431
- const item = headData[i];
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
- const createSortHandler = (name, item) => event => {
446
- // 不存在排序,不触发事件
447
- if (!(sortTable && item.name && item.sort !== false)) return;
448
- if (onRequestSort) onRequestSort(event, name);
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
- const onSelectAll = (event, bol) => {
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
- const clickShowColums = event => {
485
+ var clickShowColums = function clickShowColums(event) {
463
486
  setAnchorElColums(event.currentTarget);
464
487
  };
465
488
  // 点击隐藏选择列
466
- const clickHideColums = bol => {
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
- const clickColumsList = item => () => {
475
- if (item.disabledSelection) return;
476
- const name = item.name;
477
- const itemHead = headDataJson[name];
478
- if (itemHead) {
479
- // 取消勾选
480
- delete headDataJson[name];
481
- const arr = Object.keys(headDataJson);
482
- const arr1 = [];
483
- for (let i = 0, l = arr.length; i < l; i++) {
484
- const name = arr[i];
485
- arr1.push(headDataJson[name]);
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
- changeShowList && changeShowList(arr1, false, item);
488
- } else {
489
- headData.push(item);
490
- changeShowList && changeShowList(headData, false, item);
491
- }
516
+ };
492
517
  };
493
518
  // 重置显示列
494
- const resetShowList = () => {
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
- const clickShowFilter = headCell => event => {
503
- setFilterHead(headCell);
504
- setSelectFilterCom(Object.assign({}, selectFilter));
527
+ var clickShowFilter = function clickShowFilter(headCell) {
528
+ return function (event) {
529
+ setFilterHead(headCell);
530
+ setSelectFilterCom(Object.assign({}, selectFilter));
531
+ };
505
532
  };
506
533
  // 点击隐藏过滤
507
- const clickHideFilter = bol => {
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
- const clickFilter = item => () => {
514
- const name = filterHead.name;
515
- let filterValue = DeepClone(selectFilterCom[name] || []);
516
- const index = filterValue.indexOf(item.value);
517
- if (index !== -1) {
518
- // 勾选 -> 不勾选
519
- filterValue.splice(index, 1);
520
- } else {
521
- // 不勾选 -> 勾选
522
- filterValue.push(item.value);
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
- selectFilterCom[name] = filterValue;
533
- setSelectFilterCom(Object.assign({}, selectFilterCom));
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
- const filterFunc = type => () => {
540
- if (type === 'confirm') {
541
- // 确定
542
- changeFilter && changeFilter(Object.assign({}, selectFilterCom));
543
- setFilterHead({});
544
- } else {
545
- // 重置
546
- const json = DeepClone(selectFilterCom);
547
- delete json[filterHead.name];
548
- setSelectFilterCom(json);
549
- changeFilter && changeFilter(Object.assign({}, json));
550
- setFilterHead({});
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
- const filterCustomConfirm = function () {
558
- let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
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
- const handCellClass = item => {
567
- let str = 'table-header-box';
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
- const index = orderFieldArr.indexOf(item.name);
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
- const TableCheckMemo = useMemo(() => {
621
+ var TableCheckMemo = useMemo(function () {
591
622
  if (check) {
592
- const handCls = () => {
593
- let str = 'table-checkbox table-head-btn';
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
- const TableRadioMemo = useMemo(() => {
652
+ var TableRadioMemo = useMemo(function () {
622
653
  if (radio) {
623
- const handCls = () => {
624
- let str = 'table-radio table-head-btn';
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
- const TableExpandableMemo = useMemo(() => {
677
+ var TableExpandableMemo = useMemo(function () {
647
678
  if (expandable) {
648
- const handCls = () => {
649
- let str = 'table-expandable table-head-btn';
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
- const filterPopoverContent = () => {
672
- const name = filterHead.name;
702
+ var filterPopoverContent = function filterPopoverContent() {
703
+ var name = filterHead.name;
673
704
  if (!name) return;
674
- const filterValue = selectFilterCom[name] || [];
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
- const arr = filterHead.enums || [];
685
- let str = 'filter-select';
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
- const checked = filterValue.indexOf(item.value) !== -1;
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
- const onDragDown = headCell => result => {
741
- changeColumnWidth && changeColumnWidth(headCell, result);
771
+ var onDragDown = function onDragDown(headCell) {
772
+ return function (result) {
773
+ changeColumnWidth && changeColumnWidth(headCell, result);
774
+ };
742
775
  };
743
776
  // 获取宽度
744
- const getWidth = item => {
745
- let w = item.width || '';
746
- const name = item.name || '';
747
- const wDrag = headDataConfig[name] && headDataConfig[name].width;
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
- const TableContentMemo = useMemo(() => {
785
+ var TableContentMemo = useMemo(function () {
753
786
  // 处理过滤的class
754
- const handFilterClass = item => {
755
- let str = 'table-header-filter';
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
- const handCls = item => {
761
- let str = '';
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
- const handStyle = item => {
777
- const json = {
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
- const handDrag = item => {
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
- let str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
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 : () => document.body,
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
- const TableOperateMemo = useMemo(() => {
897
+ var TableOperateMemo = useMemo(function () {
863
898
  if (operate) {
864
- const handCls = () => {
865
- let str = 'table-operate';
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
- const handStyle = () => {
879
- const json = {
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
- const showListContent = () => {
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
- const checked = Boolean(headDataJson[item.name]);
924
- let str = 'show-colums-select-item';
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
- const TableShowList = useMemo(() => {
959
- const handCls = () => {
960
- let str = 'show-colums table-fixed-dom-right';
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 : () => document.body
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
- const TbaleDragRow = useMemo(() => {
1027
+ var TbaleDragRow = useMemo(function () {
991
1028
  if (!dragRow || operate || showColumns === 'inside') return null;
992
- const handCls = () => {
993
- let str = 'drag-row table-fixed-dom-right';
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
- const handClass = () => {
1008
- let str = 'table-head';
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
- const TableBody = props => {
1087
- const {
1088
- url,
1089
- emptyProps,
1090
- rowData = [],
1091
- rowKey = 'key',
1092
- check,
1093
- radio,
1094
- tableCell,
1095
- expandable,
1096
- headData = [],
1097
- disabledJson = {},
1098
- disabledArrStatus,
1099
- checkJson = {},
1100
- radioValue,
1101
- selectCheck,
1102
- selectRadio,
1103
- align,
1104
- operate,
1105
- showColumns,
1106
- fixedTable,
1107
- fixedColumn,
1108
- formatter,
1109
- orderFieldArr = [],
1110
- orderTypeArr = [],
1111
- sortTable,
1112
- loadState,
1113
- loadMore,
1114
- loadMoreRender,
1115
- onClickMore,
1116
- total,
1117
- page,
1118
- currentRowsPerPage,
1119
- changePage,
1120
- loadMoreUrl,
1121
- expandMultiple = false,
1122
- expandValue = [],
1123
- disabledExpand = [],
1124
- defaultExpandAllRows = false,
1125
- onExpand,
1126
- onRefresh,
1127
- posFixed,
1128
- beyondText,
1129
- onClickRow,
1130
- rowClassMapping,
1131
- tipMaxWidth,
1132
- lineHeight,
1133
- dragRow,
1134
- onDragRow,
1135
- virtualIndex,
1136
- virtual
1137
- } = props;
1138
- const [expandableColSpan, setExpandableColSpan] = useState(0); // 嵌套表格合并列数
1139
- const [expandableRow, setExpandableRow] = useState({}); // 当前哪行展开表格嵌套
1140
- const [showMoreBtn, setShowMoreBtn] = useState(true); // 加载更多
1141
- const [disabledExpandJson, setDisabledExpand] = useState({}); // 禁用加减部分嵌套
1142
- const [dragBol, setDragBol] = useState(false);
1143
- const intl = useFormatMessage('Table', localeJson);
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
- const json = {};
1151
- for (let i = 0, l = rowData.length; i < l; i++) {
1152
- const item = rowData[i] || {};
1153
- const id = item[rowKey];
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
- const json = {};
1166
- let expandValueHand = expandValue;
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 (let i = 0, l = expandValueHand.length; i < l; i++) {
1172
- const id = expandValueHand[i];
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
- const json = {};
1183
- for (let i = 0, l = disabledExpand.length; i < l; i++) {
1184
- const id = disabledExpand[i];
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
- const bol = Number(total) > Number(page) * Number(currentRowsPerPage);
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
- let num = headData.length;
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
- const handClickNestTable = row => event => {
1207
- const id = row[rowKey];
1208
- let expandItem = expandableRow[id] || {};
1209
- let status = 'develop';
1210
- if (expandItem.status === 'develop') status = 'retract';
1211
- expandItem = {
1212
- id,
1213
- status
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
- const handClass = () => {
1230
- let str = 'table-body';
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
- const handExpandClass = row => {
1238
- const id = row[rowKey];
1239
- const expandItem = expandableRow[id] || {};
1240
- let str = 'retract';
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
- const clickMore = () => {
1308
+ var clickMore = function clickMore() {
1248
1309
  if (loadMoreUrl) changePage && changePage();
1249
1310
  onClickMore && onClickMore();
1250
1311
  };
1251
1312
  // 暂无数据memo
1252
- const NodataMemo = useMemo(() => {
1313
+ var NodataMemo = useMemo(function () {
1253
1314
  // 处理刷新按钮
1254
- const handRefreshBtn = () => {
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
- const handleDescription = () => {
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
- const handClassNoData = () => {
1296
- let str = 'table-no-data';
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
- onRefresh && onRefresh();
1376
+ _onRefresh && _onRefresh();
1316
1377
  }
1317
1378
  }))
1318
1379
  }))
1319
1380
  }));
1320
- }, [expandableColSpan, emptyProps, url, onRefresh, page, changePage]);
1381
+ }, [expandableColSpan, emptyProps, url, _onRefresh, page, changePage]);
1321
1382
  // 复选框useCallback
1322
- const TableCheckCallback = useCallback(row => {
1383
+ var TableCheckCallback = useCallback(function (row) {
1323
1384
  if (check) {
1324
- const handId = row[rowKey];
1325
- const disabledHand = Boolean(disabledJson[handId]);
1326
- let checkHand = checkJson[handId] || false;
1327
- let showCheck = true;
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
- const handCls = () => {
1343
- let str = 'table-checkbox table-body-btn';
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
- const TableRadioCallback = useCallback(row => {
1430
+ var TableRadioCallback = useCallback(function (row) {
1370
1431
  if (radio) {
1371
- const handId = row[rowKey];
1372
- const disabledHand = Boolean(disabledJson[handId]);
1373
- let checkHand = radioValue === row[rowKey];
1374
- let showRadio = true;
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
- const handCls = () => {
1390
- let str = 'table-radio table-body-btn';
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
- const TableExpandableMemo = useCallback(row => {
1477
+ var TableExpandableMemo = useCallback(function (row) {
1417
1478
  if (!expandable) return null;
1418
- const expandableDemo = expandable(row);
1479
+ var expandableDemo = expandable(row);
1419
1480
  // 禁用一行表格展开 或者 展开表格返回值为false,返回空列
1420
1481
  if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
1421
- const handCls = () => {
1422
- let str = 'table-expandable table-body-btn';
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
- const TableContentUseCallback = useCallback((row, rowIndex) => {
1444
- const params = {
1445
- orderFieldArr,
1446
- orderTypeArr
1504
+ var TableContentUseCallback = useCallback(function (row, rowIndex) {
1505
+ var params = {
1506
+ orderFieldArr: orderFieldArr,
1507
+ orderTypeArr: orderTypeArr
1447
1508
  };
1448
- const handContentClass = item => {
1449
- let str = 'table-content-columms';
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
- const index = orderFieldArr.indexOf(item.name);
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
- const handStyle = item => {
1479
- const json = {};
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
- let text = row[item.name];
1492
- let colSpan = 1;
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
- const itemStyle = handStyle(item);
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
- const TableOperateUseCallback = useCallback((row, rowIndex) => {
1580
+ var TableOperateUseCallback = useCallback(function (row, rowIndex) {
1520
1581
  if (operate || dragRow) {
1521
- let colSpan = 1;
1582
+ var colSpan = 1;
1522
1583
  if (showColumns === 'inside' && operate) colSpan = 2;
1523
- const handOperate = () => {
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
- const operateConfig = operate.operateBtnRender(row, rowIndex);
1587
+ var operateConfig = operate.operateBtnRender(row, rowIndex);
1527
1588
  return jsx(OperateBtn, Object.assign({}, operateConfig));
1528
1589
  }
1529
1590
  };
1530
- const handStyle = () => {
1531
- const json = {
1591
+ var handStyle = function handStyle() {
1592
+ var json = {
1532
1593
  right: '0'
1533
1594
  };
1534
1595
  return json;
1535
1596
  };
1536
- const handCls = () => {
1537
- let str = 'table-operate';
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
- const TableExpandableContentUseCallback = useCallback(row => {
1579
- const id = row[rowKey];
1580
- const expandItem = expandableRow[id] || {};
1639
+ var TableExpandableContentUseCallback = useCallback(function (row) {
1640
+ var id = row[rowKey];
1641
+ var expandItem = expandableRow[id] || {};
1581
1642
  if (expandable && expandItem.status === 'develop') {
1582
- const expandableDemo = expandable(row);
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
- const MoreMemo = useMemo(() => {
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
- const TableBodySubjectContentMemo = useMemo(() => {
1621
- let rowDataCom = rowData;
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
- let str = 'table-body-row';
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
- const index = idx + virtualIndex[0];
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
- const TableBodyContentMemo = useMemo(() => {
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
- const handContent = () => {
1718
+ var handContent = function handContent() {
1658
1719
  // 无数据,且不再请求,显示暂无数据
1659
1720
  if (rowData.length === 0 && !loadState) return NodataMemo;
1660
1721
  return TableBodyContentMemo;
1661
1722
  };
1662
- const handleRowData = () => {
1663
- const arr = [];
1723
+ var handleRowData = function handleRowData() {
1724
+ var arr = [];
1664
1725
  if (dragRow) {
1665
- rowData.forEach(item => {
1666
- const obj = {};
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
- const onChoose = () => {
1734
+ var onChoose = function onChoose() {
1674
1735
  setDragBol(true);
1675
1736
  };
1676
- const onDragRowCom = evt => {
1737
+ var onDragRowCom = function onDragRowCom(evt) {
1677
1738
  setDragBol(false);
1678
1739
  onDragRow && onDragRow(evt);
1679
1740
  };
1680
- const handleStyle = () => {
1681
- const obj = {};
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
- const TableHead = props => {
1703
- const {
1704
- paginationType,
1705
- flippingArrow,
1706
- autoPagination,
1707
- total,
1708
- page,
1709
- rowsPerPage,
1710
- currentRowsPerPage,
1711
- changePage,
1712
- changeRowsPerPage,
1713
- refreshInside,
1714
- checkCount,
1715
- onRefresh,
1716
- selectAll,
1717
- selectStatus,
1718
- checkNumber = 0,
1719
- currentPageTotal = 0,
1720
- resizePaginationLine
1721
- } = props;
1722
- const intl = useFormatMessage('Table', localeJson);
1723
- const [indeterminate, setIndeterminate] = useState(false); // 半选中
1724
- const [checked, setChecked] = useState(false); // 选中
1725
- useEffect(() => {
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
- const onSelectAll = (event, bol) => {
1814
+ var onSelectAll = function onSelectAll(event, bol) {
1748
1815
  if (selectAll) selectAll(event, bol);
1749
1816
  };
1750
1817
  // 改变页面
1751
- const changePageCom = num => {
1818
+ var changePageCom = function changePageCom(num) {
1752
1819
  changePage && changePage(num);
1753
1820
  };
1754
1821
  // 改变每页显示条数
1755
- const changeRowsPerPageCom = num => {
1822
+ var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
1756
1823
  changeRowsPerPage && changeRowsPerPage(num);
1757
1824
  };
1758
1825
  // 刷新
1759
- const clickRefresh = () => {
1826
+ var clickRefresh = function clickRefresh() {
1760
1827
  onRefresh && onRefresh();
1761
1828
  };
1762
1829
  // 处理分页右侧
1763
- const handlePaginationRight = () => {
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
- const handleClass = () => {
1787
- const str = 'table-pagination';
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: () => document.body,
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
- const TableContainer = props => {
1821
- const {
1822
- cRef,
1823
- className,
1824
- style,
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
- const handClass = () => {
1829
- let str = 'table-container';
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
- const TableElement = props => {
1846
- const {
1847
- className,
1848
- style,
1849
- fixedColumn,
1850
- children,
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
- const handClass = () => {
1855
- let str = 'table-element';
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;