@para-ui/core 4.0.0-rc.4 → 4.0.0-rc.6

package/Table/index.js

@@ -1,13 +1,11 @@
-import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-8f4c9589.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-a8206399.js';
-import { r as regenerator } from '../_verture/index-232d890b.js';
 import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
 import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { $ as $prefixCls } from '../_verture/constant-0d9802f7.js';
+import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Button } from '../Button/index.js';
@@ -16,7 +14,7 @@ import Screen from '@para-ui/icons/ScreenF';
 import SolidArrowUp from '@para-ui/icons/UpTriangleF';
 import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import Panel from '@para-ui/icons/Panel';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-eb13cf56.js';
 import Empty from '../Empty/index.js';
 import { _ as _defineProperty } from '../_verture/defineProperty-1d116156.js';
 import { Radio } from '../Radio/index.js';
@@ -25,28 +23,30 @@ import Down from '@para-ui/icons/Down';
 import Refresh from '@para-ui/icons/Refresh';
 import { Pagination } from '../Pagination/index.js';
 import { Loading } from '../Loading/index.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../_verture/typeof-c310ee4a.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1e416658.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
 import '@para-ui/icons/Forbid';
-import '../_verture/usePopupContainer-87febeb9.js';
+import '../_verture/usePopupContainer-635f66f4.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '@para-ui/icons/LoadingF';
-import '../_verture/index-e9007d6a.js';
+import '../_verture/index-da9097d3.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
+import '../PopConfirm/index.js';
+import '@para-ui/icons/CheckCircleF';
+import '@para-ui/icons/WarningCircle';
+import '@para-ui/icons/CloseCircleF';
+import '@para-ui/icons/WarningCircleF';
 import '../TextField/index.js';
 import '@para-ui/icons/PreviewClose';
 import '@para-ui/icons/PreviewOpen';
-import '@para-ui/icons/CloseCircleF';
 import '../HelperText/index.js';
 import '../Select/index.js';
 import '@para-ui/icons/Close';
@@ -1771,212 +1771,115 @@ var TableElement = function TableElement(props) {
   }));
 };
 
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  position: relative;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n  overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n  height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n  height: 47px;\n  line-height: 47px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgb(92, 101, 115);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(244, 66, 66);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n  padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(46, 101, 230);\n  z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgb(29, 33, 38);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n  margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n  min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n  cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n  min-width: 200px;\n}";
+var css_248z = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.paraui-v4-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  position: relative;\n}\n.paraui-v4-table.paraui-v4-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v4-table.paraui-v4-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-radio.paraui-v4-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v4-table.paraui-v4-table-fixed-cloumn.paraui-v4-table-expandable.paraui-v4-table-check.paraui-v4-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-no-data > .table-container > table .paraui-v4-empty {\n  overflow: hidden;\n}\n.paraui-v4-table.paraui-v4-table-load.paraui-v4-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v4-table.paraui-v4-table-pagination > .table-contain {\n  height: calc(100% - 36px);\n}\n.paraui-v4-table.paraui-v4-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table.paraui-v4-table-load-more.paraui-v4-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v4-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v4-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v4-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v4-table > .table-contain > table > .table-head > tr th {\n  height: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box {\n  height: 47px;\n  line-height: 47px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgb(92, 101, 115);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n  transform: scale(0.8);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgba(46, 101, 230, 0.1);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(244, 66, 66);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums {\n  width: 53px;\n  cursor: pointer;\n  border-left: 1px solid rgb(234, 236, 241);\n  right: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 20px;\n  color: rgb(92, 101, 115);\n}\n.paraui-v4-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr td.table-operate {\n  padding-right: 16px;\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(247, 248, 250);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(240, 245, 255);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 18px;\n  color: rgb(92, 101, 115);\n  transform: rotate(270deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(46, 101, 230);\n}\n.paraui-v4-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(360deg);\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(46, 101, 230);\n  font-size: 14px;\n}\n.paraui-v4-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  position: relative;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgb(234, 236, 241);\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 20px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v4-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v4-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v4-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v4-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(46, 101, 230);\n  z-index: 1000;\n}\n.paraui-v4-table > .table-pagination {\n  width: 100%;\n  height: 36px;\n  display: flex;\n  align-items: flex-end;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right {\n  display: flex;\n  height: 32px;\n  align-items: center;\n  color: rgb(29, 33, 38);\n  line-height: 32px;\n  padding-left: 16px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .all-select {\n  margin-left: 12px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .line {\n  width: 1px;\n  height: 12px;\n  background-color: rgb(212, 218, 227);\n  margin: 0 10px;\n}\n.paraui-v4-table > .table-pagination .table-pagination-right .check-number {\n  width: 65px;\n  display: inline-block;\n}\n.paraui-v4-table > .table-pagination .table-pagination-com {\n  flex: 1;\n  justify-content: flex-end;\n}\n.paraui-v4-table > .table-pagination .refresh-btn {\n  margin-left: 20px;\n}\n\n.paraui-v4-table-show-colums-popover > .component-popover-content {\n  min-width: 200px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled {\n  cursor: inherit;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled > span {\n  color: rgb(29, 33, 38);\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-disabled:hover {\n  background: transparent;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  margin: 0;\n}\n\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 4px;\n  max-height: 320px;\n  overflow-y: auto;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 30px;\n  line-height: 30px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 10px;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  padding-left: 8px;\n  color: rgb(29, 33, 38);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 14px);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover {\n  background: rgb(247, 248, 250);\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 36px;\n  border-top: 1px solid rgb(247, 248, 250);\n  text-align: center;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  margin: 0;\n}\n.paraui-v4-filter-popover > .component-popover-content .filter-select.filter-select-none {\n  text-align: center;\n  padding: 20px 0;\n}\n.paraui-v4-filter-popover.paraui-v4-filter-popover-default > .component-popover-content {\n  min-width: 200px;\n}";
 styleInject(css_248z);
 
-var Table = function Table(propsInit) {
-  var props = useGlobalProps(propsInit, 'Table');
+const Table = propsInit => {
+  const props = useGlobalProps(propsInit, 'Table');
   // 判断浏览器
-  var Browser = GetBrowserClass();
+  const Browser = GetBrowserClass();
   if (Browser === 'ie') {
     // IE浏览器没有固定列
     props.fixedColumn = false;
   }
-  var className = props.className,
-    style = props.style,
-    url = props.url,
-    ctx = props.ctx,
-    emptyProps = props.emptyProps,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'Get' : _props$method,
-    data = props.data,
-    _props$page = props.page,
-    page = _props$page === void 0 ? 1 : _props$page,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 10 : _props$size,
-    _props$sizeArr = props.sizeArr,
-    sizeArr = _props$sizeArr === void 0 ? [10, 20, 50, 100] : _props$sizeArr,
-    search = props.search,
-    _props$pagination = props.pagination,
-    pagination = _props$pagination === void 0 ? true : _props$pagination,
-    _props$paginationType = props.paginationType,
-    paginationType = _props$paginationType === void 0 ? 'complex' : _props$paginationType,
-    flippingArrow = props.flippingArrow,
-    _props$autoPagination = props.autoPagination,
-    autoPagination = _props$autoPagination === void 0 ? true : _props$autoPagination,
-    tableCell = props.tableCell,
-    requestCallback = props.requestCallback,
-    checkDefaultValue = props.checkDefaultValue,
-    setCheck = props.setCheck,
-    radioDefaultValue = props.radioDefaultValue,
-    setRadio = props.setRadio,
-    refresh = props.refresh,
-    disabledArr = props.disabledArr,
-    disabledArrStatus = props.disabledArrStatus,
-    _props$headData = props.headData,
-    headData = _props$headData === void 0 ? [] : _props$headData,
-    sortTableRadio = props.sortTableRadio,
-    _props$sortTable = props.sortTable,
-    sortTable = _props$sortTable === void 0 ? false : _props$sortTable,
-    _props$filter = props.filter,
-    filter = _props$filter === void 0 ? false : _props$filter,
-    expandable = props.expandable,
-    _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
-    _props$check = props.check,
-    check = _props$check === void 0 ? false : _props$check,
-    _props$radio = props.radio,
-    radio = _props$radio === void 0 ? false : _props$radio,
-    _props$checkRememberP = props.checkRememberPage,
-    checkRememberPage = _props$checkRememberP === void 0 ? false : _props$checkRememberP,
-    _props$align = props.align,
-    align = _props$align === void 0 ? 'left' : _props$align,
-    paramsCallback = props.paramsCallback,
-    operate = props.operate,
-    _props$showColumns = props.showColumns,
-    showColumns = _props$showColumns === void 0 ? 'inside' : _props$showColumns,
-    _props$fixedTable = props.fixedTable,
-    fixedTable = _props$fixedTable === void 0 ? true : _props$fixedTable,
-    _props$fixedColumn = props.fixedColumn,
-    fixedColumn = _props$fixedColumn === void 0 ? true : _props$fixedColumn,
-    _props$dragColumn = props.dragColumn,
-    dragColumn = _props$dragColumn === void 0 ? true : _props$dragColumn,
-    formatter = props.formatter,
-    _props$lineHeight = props.lineHeight,
-    lineHeight = _props$lineHeight === void 0 ? 48 : _props$lineHeight,
-    _props$lineWidth = props.lineWidth,
-    lineWidth = _props$lineWidth === void 0 ? 80 : _props$lineWidth,
-    _props$autoSize = props.autoSize,
-    autoSize = _props$autoSize === void 0 ? true : _props$autoSize,
-    _props$loadMore = props.loadMore,
-    loadMore = _props$loadMore === void 0 ? false : _props$loadMore,
-    loadMoreRender = props.loadMoreRender,
-    onClickMore = props.onClickMore,
-    expandValue = props.expandValue,
-    expandMultiple = props.expandMultiple,
-    disabledExpand = props.disabledExpand,
-    onExpand = props.onExpand,
-    _props$defaultExpandA = props.defaultExpandAllRows,
-    defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    onClickColumns = props.onClickColumns,
-    _props$beyondText = props.beyondText,
-    beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
-    _props$tipMaxWidth = props.tipMaxWidth,
-    tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth,
-    loading = props.loading,
-    defaultSortValue = props.defaultSortValue,
-    defaultFilterValue = props.defaultFilterValue,
-    searchKeyName = props.searchKeyName,
-    filterSearchCallback = props.filterSearchCallback,
-    onClickRow = props.onClickRow,
-    rowClassMapping = props.rowClassMapping,
-    getPopupContainer = props.getPopupContainer,
-    onSort = props.onSort,
-    onError = props.onError,
-    _props$refreshInside = props.refreshInside,
-    refreshInside = _props$refreshInside === void 0 ? props.url ? true : false : _props$refreshInside,
-    _props$checkCount = props.checkCount,
-    checkCount = _props$checkCount === void 0 ? props.check ? true : false : _props$checkCount;
-  var intl = useFormatMessage('Table', localeJson);
-  var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
-  var _useState = useState(props.page !== undefined ? props.page : 1),
-    _useState2 = _slicedToArray(_useState, 2),
-    pageCom = _useState2[0],
-    setPageCom = _useState2[1]; // 页数
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sizeCom = _useState4[0],
-    setSizeCom = _useState4[1]; // 每页条数
-  var _useState5 = useState(sizeArr),
-    _useState6 = _slicedToArray(_useState5, 2),
-    sizeArrCom = _useState6[0],
-    setSizeArrCom = _useState6[1]; // 每页条数数组
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    total = _useState8[0],
-    setTotal = _useState8[1]; // 总数
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    rowData = _useState10[0],
-    setRowData = _useState10[1]; // 当前页数据
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    rowDataJson = _useState12[0],
-    setRowDataJson = _useState12[1]; // 当前页数据对象
-  var _useState13 = useState({}),
-    _useState14 = _slicedToArray(_useState13, 2),
-    totalDataJson = _useState14[0],
-    setTotalDataJson = _useState14[1]; // 数据总数对象--用来分页记录数据的
-  var _useState15 = useState(Object.values(defaultSortValue || {})),
-    _useState16 = _slicedToArray(_useState15, 2),
-    orderTypeArr = _useState16[0],
-    setOrderTypeArr = _useState16[1]; // 排序类型
-  var _useState17 = useState(Object.keys(defaultSortValue || {})),
-    _useState18 = _slicedToArray(_useState17, 2),
-    orderFieldArr = _useState18[0],
-    setOrderFieldArr = _useState18[1]; // 排序字段
-  var _useState19 = useState('not'),
-    _useState20 = _slicedToArray(_useState19, 2),
-    headSelectStatus = _useState20[0],
-    setHeadSelectStatus = _useState20[1]; // 表格头复选框状态
-  var _useState21 = useState({}),
-    _useState22 = _slicedToArray(_useState21, 2),
-    checkJson = _useState22[0],
-    setCheckJson = _useState22[1]; // 多选 选中的数据
-  var _useState23 = useState(),
-    _useState24 = _slicedToArray(_useState23, 2),
-    radioValue = _useState24[0],
-    setRadioValue = _useState24[1]; // 单选 选中的数据
-  var _useState25 = useState({}),
-    _useState26 = _slicedToArray(_useState25, 2),
-    disabledJson = _useState26[0],
-    setDisabledJson = _useState26[1]; // 禁用对象
-  var _useState27 = useState({}),
-    _useState28 = _slicedToArray(_useState27, 2),
-    originalHead = _useState28[0],
-    setOriginalHead = _useState28[1]; // 接口原数据表头json
-  var _useState29 = useState([]),
-    _useState30 = _slicedToArray(_useState29, 2),
-    showHeadList = _useState30[0],
-    setShowHeadList = _useState30[1]; // 显示列下拉值 所有头部的配置
-  var _useState31 = useState([]),
-    _useState32 = _slicedToArray(_useState31, 2),
-    headDataCom = _useState32[0],
-    setHeadDataCom = _useState32[1]; // 表格当前显示列 集合本地数据
-  var _useState33 = useState(Object.assign({}, defaultFilterValue)),
-    _useState34 = _slicedToArray(_useState33, 2),
-    selectFilterCom = _useState34[0],
-    setSelectFilterCom = _useState34[1]; // 过滤值
-  var _useState35 = useState(true),
-    _useState36 = _slicedToArray(_useState35, 2),
-    loadState = _useState36[0],
-    setLoadState = _useState36[1]; // 加载进度条状态
-  var _useState37 = useState(false),
-    _useState38 = _slicedToArray(_useState37, 2),
-    loadMoreUrl = _useState38[0],
-    setLoadMoreUrl = _useState38[1];
-  var _useState39 = useState(Math.random().toString()),
-    _useState40 = _slicedToArray(_useState39, 1),
-    reqId = _useState40[0];
-  var _useState41 = useState(),
-    _useState42 = _slicedToArray(_useState41, 2),
-    refreshCom = _useState42[0],
-    setRefreshCom = _useState42[1];
-  var _useState43 = useState(0),
-    _useState44 = _slicedToArray(_useState43, 2),
-    tableMinWidth = _useState44[0],
-    setTableMinWidth = _useState44[1]; // 表格最小width
-  var _useState45 = useState({}),
-    _useState46 = _slicedToArray(_useState45, 2),
-    posFixed = _useState46[0],
-    setPosFixed = _useState46[1]; // 固定位置
-  var _useState47 = useState({}),
-    _useState48 = _slicedToArray(_useState47, 2),
-    headDataConfig = _useState48[0],
-    setHeadDataConfig = _useState48[1]; // 表头配置
-  var containerRef = useRef(); // 表格内容高度
-  var tableRef = useRef(); // 表格
-  var constData = useRef({
+  const {
+    className,
+    style,
+    url,
+    ctx,
+    emptyProps,
+    method = 'Get',
+    data,
+    page = 1,
+    size = 10,
+    sizeArr = [10, 20, 50, 100],
+    search,
+    pagination = true,
+    paginationType = 'complex',
+    flippingArrow,
+    autoPagination = true,
+    tableCell,
+    requestCallback,
+    checkDefaultValue,
+    setCheck,
+    radioDefaultValue,
+    setRadio,
+    refresh,
+    disabledArr,
+    disabledArrStatus,
+    headData = [],
+    sortTableRadio,
+    sortTable = false,
+    filter = false,
+    expandable,
+    rowKey = 'key',
+    check = false,
+    radio = false,
+    checkRememberPage = false,
+    align = 'left',
+    paramsCallback,
+    operate,
+    showColumns = 'inside',
+    fixedTable = true,
+    fixedColumn = true,
+    dragColumn = true,
+    formatter,
+    lineHeight = 48,
+    lineWidth = 80,
+    autoSize = true,
+    loadMore = false,
+    loadMoreRender,
+    onClickMore,
+    expandValue,
+    expandMultiple,
+    disabledExpand,
+    onExpand,
+    defaultExpandAllRows = false,
+    onClickColumns,
+    beyondText = true,
+    tipMaxWidth = 500,
+    loading,
+    defaultSortValue,
+    defaultFilterValue,
+    searchKeyName,
+    filterSearchCallback,
+    onClickRow,
+    rowClassMapping,
+    getPopupContainer,
+    onSort,
+    onError,
+    refreshInside = props.url ? true : false,
+    checkCount = props.check ? true : false
+  } = props;
+  const intl = useFormatMessage('Table', localeJson);
+  const dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
+  const [pageCom, setPageCom] = useState(props.page !== undefined ? props.page : 1); // 页数
+  const [sizeCom, setSizeCom] = useState(null); // 每页条数
+  const [sizeArrCom, setSizeArrCom] = useState(sizeArr); // 每页条数数组
+  const [total, setTotal] = useState(0); // 总数
+  const [rowData, setRowData] = useState([]); // 当前页数据
+  const [rowDataJson, setRowDataJson] = useState({}); // 当前页数据对象
+  const [totalDataJson, setTotalDataJson] = useState({}); // 数据总数对象--用来分页记录数据的
+  const [orderTypeArr, setOrderTypeArr] = useState(Object.values(defaultSortValue || {})); // 排序类型
+  const [orderFieldArr, setOrderFieldArr] = useState(Object.keys(defaultSortValue || {})); // 排序字段
+  const [headSelectStatus, setHeadSelectStatus] = useState('not'); // 表格头复选框状态
+  const [checkJson, setCheckJson] = useState({}); // 多选 选中的数据
+  const [radioValue, setRadioValue] = useState(); // 单选 选中的数据
+  const [disabledJson, setDisabledJson] = useState({}); // 禁用对象
+  const [originalHead, setOriginalHead] = useState({}); // 接口原数据表头json
+  const [showHeadList, setShowHeadList] = useState([]); // 显示列下拉值 所有头部的配置
+  const [headDataCom, setHeadDataCom] = useState([]); // 表格当前显示列 集合本地数据
+  const [selectFilterCom, setSelectFilterCom] = useState(Object.assign({}, defaultFilterValue)); // 过滤值
+  const [loadState, setLoadState] = useState(true); // 加载进度条状态
+  const [loadMoreUrl, setLoadMoreUrl] = useState(false);
+  const [reqId] = useState(Math.random().toString());
+  const [refreshCom, setRefreshCom] = useState();
+  const [tableMinWidth, setTableMinWidth] = useState(0); // 表格最小width
+  const [posFixed, setPosFixed] = useState({}); // 固定位置
+  const [headDataConfig, setHeadDataConfig] = useState({}); // 表头配置
+  const containerRef = useRef(); // 表格内容高度
+  const tableRef = useRef(); // 表格
+  const constData = useRef({
     page: props.page !== undefined ? props.page : 1,
     headDataConfig: {}
   }); // 存储常量
@@ -1990,9 +1893,9 @@ var Table = function Table(propsInit) {
   constData.current.searchKeyName = searchKeyName;
   constData.current.filterSearchCallback = filterSearchCallback;
   constData.current.onError = onError;
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('resize', changeResize);
-    return function () {
+    return () => {
       constData.current.isDestroy = true;
       clearTimeout(constData.current.reqTimer);
       clearTimeout(constData.current.loadingTimer);
@@ -2000,69 +1903,72 @@ var Table = function Table(propsInit) {
       window.removeEventListener('resize', changeResize);
     };
   }, []);
-  useEffect(function () {
+  useEffect(() => {
     if (loading !== undefined) {
       clearTimeout(constData.current.loadingTimer);
-      constData.current.loadingTimer = setTimeout(function () {
+      constData.current.loadingTimer = setTimeout(() => {
         setLoadState(loading);
       }, 50);
     }
   }, [loading]);
-  useEffect(function () {
+  useEffect(() => {
     setLoadMoreUrl(Boolean(loadMore && url));
   }, [loadMore, url]);
   // 监听page
-  useEffect(function () {
+  useEffect(() => {
     if (props.page !== undefined) {
       handPage(props.page);
     }
   }, [page]);
   // 自动计算表格一页展示条数
-  useEffect(function () {
+  useEffect(() => {
     if (!autoSize) return handSize(size);
     if (props.size) {
       handSize(size);
     } else {
       if (containerRef && containerRef.current) {
-        var height = containerRef.current.clientHeight - 50;
+        let height = containerRef.current.clientHeight - 48;
         if (props.loadMore) height -= lineHeight;
-        var num = Math.floor(height / lineHeight);
-        var columnsNUmber = num < 1 ? size : num;
+        let num = Math.floor(height / lineHeight);
+        /*// 取余大于0.5，加一条
+        const numRemainder = height % lineHeight / lineHeight;
+        if (numRemainder > 0.5) num += 1;*/
+        const columnsNUmber = num < 1 ? size : num;
         if (sizeArr.indexOf(columnsNUmber) === -1) {
           sizeArr.unshift(columnsNUmber);
           // 数组排序
-          sizeArr.sort(function (a, b) {
+          sizeArr.sort((a, b) => {
             return a - b;
           });
-          setSizeArrCom(_toConsumableArray(sizeArr));
+          setSizeArrCom([...sizeArr]);
         }
         handSize(columnsNUmber);
       }
     }
   }, [size, autoSize]);
   // 处理表格头部
-  useEffect(function () {
+  useEffect(() => {
     if (props.headData !== undefined) {
       handInitHead(headData, false);
     }
   }, [headData]);
   // 设置总数对象
-  useEffect(function () {
+  useEffect(() => {
     if (data) {
       constData.current.historyData = [];
-      var dataHand = handLocalData();
-      var handTotalDataJson = ArrayToObject(rowKey, dataHand);
+      const dataHand = handLocalData();
+      const handTotalDataJson = ArrayToObject(rowKey, dataHand);
       setTotalDataJson(handTotalDataJson);
       setRefreshCom(Math.random());
     }
   }, [data]);
-  useEffect(function () {
+  useEffect(() => {
     // 第一次初始化不设置
     if (!constData.current.initReq) return;
     handPage(1);
     constData.current.historyData = [];
   }, [search, url]);
-  useEffect(function () {
+  useEffect(() => {
     if (constData.current.loadMoreUrl) {
       constData.current.historyData = [];
       handPage(1);
@@ -2071,14 +1977,14 @@ var Table = function Table(propsInit) {
     }
   }, [refresh]);
   // 表格数据获取赋值
-  useEffect(function () {
+  useEffect(() => {
     clearTimeout(constData.current.reqTimer);
     if (constData.current.url) Cancel(reqId);
-    constData.current.reqTimer = setTimeout(function () {
+    constData.current.reqTimer = setTimeout(() => {
       constData.current.initReq = true;
       if (constData.current.url) {
         // 提交参数
-        var postBody = {};
+        let postBody = {};
         if (pagination) {
           if (constData.current.page === null || constData.current.size === null) return;
           postBody.size = constData.current.size;
@@ -2094,54 +2000,54 @@ var Table = function Table(propsInit) {
           }
         }
         if (selectFilterCom && Object.keys(selectFilterCom).length > 0) {
-          var filterValue = handFilterReq();
+          const filterValue = handFilterReq();
           if (Object.keys(filterValue).length > 0) postBody.filter = filterValue;
         }
         if (constData.current.search) {
-          if (_typeof(constData.current.search) === 'object') {
+          if (typeof constData.current.search === 'object') {
             postBody = Object.assign(Object.assign({}, postBody), constData.current.search);
           }
         }
-        var obj = {
+        const obj = {
           url: constData.current.url,
-          ctx: ctx,
-          method: method,
+          ctx,
+          method,
           data: postBody
         };
         // get 请求
         if (method === 'Get') {
           if (paramsCallback) {
-            paramsCallback(obj, function (handObj) {
-              var handUrl = handGetReqParams(handObj);
+            paramsCallback(obj, handObj => {
+              const handUrl = handGetReqParams(handObj);
               requestData(Object.assign(Object.assign({}, handObj), {
                 url: handUrl,
-                ctx: ctx,
-                method: method
+                ctx,
+                method
               }));
             });
           } else {
-            var handUrl = handGetReqParams(obj);
+            const handUrl = handGetReqParams(obj);
             requestData({
               url: handUrl,
-              ctx: ctx,
-              method: method
+              ctx,
+              method
             });
           }
         }
         // post 请求
         if (method === 'Post') {
-          if (paramsCallback) paramsCallback(obj, function (handObj) {
+          if (paramsCallback) paramsCallback(obj, handObj => {
             requestData(handObj);
           });else requestData(obj);
         }
       }
       if (constData.current.data) {
-        var dataT = handLocalData();
+        let dataT = handLocalData();
         dataT = filterSearchData(dataT); // 过滤数据
         if (pagination) {
           if (constData.current.page === null || constData.current.size === null) return;
           // 分页
-          var sliceData = dataT.slice((constData.current.page - 1) * constData.current.size, (constData.current.page - 1) * constData.current.size + constData.current.size);
+          const sliceData = dataT.slice((constData.current.page - 1) * constData.current.size, (constData.current.page - 1) * constData.current.size + constData.current.size);
           setNowPageData(sliceData);
           setTotal(dataT.length);
         } else {
@@ -2153,47 +2059,47 @@ var Table = function Table(propsInit) {
     }, 50);
   }, [refreshCom]);
   // 单选赋值默认值
-  useEffect(function () {
+  useEffect(() => {
     if (radioDefaultValue !== undefined && radioDefaultValue !== radioValue) {
       setRadioValue(radioDefaultValue);
     }
   }, [radioDefaultValue]);
   // 复选框赋默认值
-  useEffect(function () {
+  useEffect(() => {
     if (checkDefaultValue) {
-      var json = {};
-      for (var i = 0, l = checkDefaultValue.length; i < l; i++) {
-        var item = checkDefaultValue[i];
+      const json = {};
+      for (let i = 0, l = checkDefaultValue.length; i < l; i++) {
+        const item = checkDefaultValue[i];
         json[item] = true;
       }
       setCheckJson(json);
     }
   }, [checkDefaultValue]);
   // 设置禁用对象
-  useEffect(function () {
+  useEffect(() => {
     if (disabledArr) {
-      var json = {};
-      for (var i = 0, l = disabledArr.length; i < l; i++) {
-        var item = disabledArr[i];
+      const json = {};
+      for (let i = 0, l = disabledArr.length; i < l; i++) {
+        const item = disabledArr[i];
         json[item] = true;
       }
       setDisabledJson(json);
     }
   }, [disabledArr]);
   // 计算复选框状态
-  useEffect(function () {
+  useEffect(() => {
     if (Object.keys(checkJson).length === 0) {
       // 全不选
       setHeadSelectStatus('not');
     } else {
-      var arr = Object.keys(rowDataJson);
+      const arr = Object.keys(rowDataJson);
       if (arr.length === 0) {
         return setHeadSelectStatus('not');
       }
-      var numTotal = arr.length;
-      var num = 0;
-      for (var i = 0, l = arr.length; i < l; i++) {
-        var key = arr[i];
+      let numTotal = arr.length;
+      let num = 0;
+      for (let i = 0, l = arr.length; i < l; i++) {
+        const key = arr[i];
         if (disabledJson[key]) {
           numTotal--;
         } else {
@@ -2217,13 +2123,13 @@ var Table = function Table(propsInit) {
     }
   }, [checkJson, rowData, disabledJson]);
   // 表格更新计算是否有滚动条
-  useEffect(function () {
+  useEffect(() => {
     tableBoxScroll({
       target: containerRef.current
     });
   });
   /** 设置size */
-  var handSize = function handSize(num) {
+  const handSize = num => {
     constData.current.size = num;
     setSizeCom(num);
     setRefreshCom(Math.random());
@@ -2231,15 +2137,15 @@ var Table = function Table(propsInit) {
   /**
    * 处理page
    * */
-  var handPage = function handPage(num) {
+  const handPage = num => {
     constData.current.page = num;
     setPageCom(num);
     setRefreshCom(Math.random());
   };
   /** 处理本地data */
-  var handLocalData = function handLocalData() {
+  const handLocalData = () => {
     var _a;
-    var dataT = [];
+    let dataT = [];
     if (constData.current.data instanceof Array) {
       dataT = constData.current.data;
     } else {
@@ -2248,12 +2154,12 @@ var Table = function Table(propsInit) {
     return dataT;
   };
   /** 本地数据过滤搜索数据 */
-  var filterSearchData = function filterSearchData(arr) {
-    var filterKeys = Object.keys(constData.current.selectFilterCom || {});
-    var handArr = [];
-    for (var i = 0, l = arr.length; i < l; i++) {
-      var item = arr[i];
-      var bol = true;
+  const filterSearchData = arr => {
+    const filterKeys = Object.keys(constData.current.selectFilterCom || {});
+    const handArr = [];
+    for (let i = 0, l = arr.length; i < l; i++) {
+      const item = arr[i];
+      let bol = true;
       if (constData.current.filterSearchCallback) {
         // 自定义过滤方法
         bol = constData.current.filterSearchCallback(item, {
@@ -2262,10 +2168,10 @@ var Table = function Table(propsInit) {
         });
       } else {
         // 过滤条件
-        for (var j = 0, k = filterKeys.length; j < k; j++) {
-          var name = filterKeys[j];
-          var filterVal = constData.current.selectFilterCom[name];
-          var val = item[name];
+        for (let j = 0, k = filterKeys.length; j < k; j++) {
+          const name = filterKeys[j];
+          const filterVal = constData.current.selectFilterCom[name];
+          const val = item[name];
           // 不满足当前过滤的数据,过滤掉
           if (filterVal.length > 0 && filterVal.indexOf(val) === -1) {
             bol = false;
@@ -2282,15 +2188,15 @@ var Table = function Table(propsInit) {
     return handArr;
   };
   /** 处理本地搜索, 返回true满足搜索条件 */
-  var handLocalSearch = function handLocalSearch(item) {
-    var searchKey;
+  const handLocalSearch = item => {
+    let searchKey;
     if (constData.current.search && typeof constData.current.search !== 'string' && constData.current.search.searchKey) {
       searchKey = constData.current.search.searchKey;
     }
     if (searchKey !== undefined && constData.current.searchKeyName && constData.current.searchKeyName.length > 0) {
-      for (var i = 0, l = constData.current.searchKeyName.length; i < l; i++) {
-        var name = constData.current.searchKeyName[i];
-        var nameVal = item[name];
+      for (let i = 0, l = constData.current.searchKeyName.length; i < l; i++) {
+        const name = constData.current.searchKeyName[i];
+        const nameVal = item[name];
         if (nameVal.indexOf(searchKey) !== -1) {
           // 存在一项就满足
           return true;
@@ -2302,7 +2208,7 @@ var Table = function Table(propsInit) {
     return false;
   };
   /** 本地显示列key */
-  var getTableHeadKey = function getTableHeadKey() {
+  const getTableHeadKey = () => {
     // 自定义key
     if (props.tableKey) {
       return props.tableKey;
@@ -2318,19 +2224,19 @@ var Table = function Table(propsInit) {
     return '';
   };
   /** 获取储存的表头列 */
-  var getLocalStorageHeadCom = function getLocalStorageHeadCom() {
+  const getLocalStorageHeadCom = () => {
     if (props.rememberColumns === false) return {};
-    var json = getLocalStorageSelectHead(getTableHeadKey(), dayNum);
+    const json = getLocalStorageSelectHead(getTableHeadKey(), dayNum);
     return json;
   };
   /**
    * 设置本地表格列
    *
    * */
-  var setLocalStorageHeadCom = function setLocalStorageHeadCom(obj) {
+  const setLocalStorageHeadCom = obj => {
     if (props.rememberColumns === false) return;
-    var localStorageData = getLocalStorageHeadCom();
-    var json = {
+    const localStorageData = getLocalStorageHeadCom();
+    const json = {
       headName: localStorageData.headName || {},
       headDataConfig: localStorageData.headDataConfig || {},
       storageTime: new Date().getTime(),
@@ -2338,10 +2244,10 @@ var Table = function Table(propsInit) {
     };
     // 设置固定列
     if (obj.setFixed) {
-      var selectHeadJson = ArrayToObject('name', obj.headArr || []);
-      for (var i = 0, l = showHeadList.length; i < l; i++) {
-        var item = showHeadList[i];
-        var name = item.name || '';
+      const selectHeadJson = ArrayToObject('name', obj.headArr || []);
+      for (let i = 0, l = showHeadList.length; i < l; i++) {
+        const item = showHeadList[i];
+        const name = item.name || '';
         json.headName[name] = false;
         if (selectHeadJson[name]) {
           json.headName[name] = true;
@@ -2360,7 +2266,7 @@ var Table = function Table(propsInit) {
    * @param showHeadArr {HeadDataProps[]} 显示列与本地数据集合
    * @param localHead {HeadLocalStorageItem} 本地显示列数据
    * */
-  var handHeadShow = function handHeadShow(item, showHeadArr, localHead) {
+  const handHeadShow = (item, showHeadArr, localHead) => {
     if (showColumns === false) {
       // 如果不显示选择列,全部显示
       showHeadArr.push(item);
@@ -2371,9 +2277,9 @@ var Table = function Table(propsInit) {
       if (item.selected) showHeadArr.push(item);
     } else {
       // 记住列
-      var nameSelectJson = localHead.headName || {};
-      var name = item.name || '';
-      var nameSelect = nameSelectJson[name];
+      const nameSelectJson = localHead.headName || {};
+      const name = item.name || '';
+      const nameSelect = nameSelectJson[name];
       if (nameSelect !== undefined) {
         // 存在本地选择列里面,选中添加到显示列
         if (nameSelect) showHeadArr.push(item);
@@ -2384,8 +2290,8 @@ var Table = function Table(propsInit) {
     }
   };
   /** 处理序号 */
-  var handSerial = function handSerial(arr) {
-    var defaultVal = {
+  const handSerial = arr => {
+    const defaultVal = {
       label: intl({
         id: 'serial'
       }),
@@ -2397,7 +2303,7 @@ var Table = function Table(propsInit) {
       name: 'table-serial-number',
       sort: false,
       filter: false,
-      render: function render(row, item, val, index, rowIndex) {
+      render: (row, item, val, index, rowIndex) => {
         return Number(rowIndex) + 1;
       }
     };
@@ -2414,15 +2320,15 @@ var Table = function Table(propsInit) {
    * @param arr {(HeadDataProps | HeadDataReqProps)[]} 表头数据
    * @param bol {boolean} true请求表头
    * */
-  var handInitHead = function handInitHead(arr, bol) {
-    var headShowArr = []; // 表格显示列
-    var headArr = []; // 显示列列表
-    var json = {};
-    var localHead = getLocalStorageHeadCom();
+  const handInitHead = (arr, bol) => {
+    const headShowArr = []; // 表格显示列
+    const headArr = []; // 显示列列表
+    const json = {};
+    const localHead = getLocalStorageHeadCom();
     constData.current.headDataConfig = localHead.headDataConfig || {};
-    for (var i = 0, l = arr.length; i < l; i++) {
-      var item = arr[i];
-      var name = item.name || '';
+    for (let i = 0, l = arr.length; i < l; i++) {
+      const item = arr[i];
+      const name = item.name || '';
       if (typeof item.width === 'number') item.width = "".concat(item.width, "px");
       if (!bol) item.orderNum = i;
       handHeadShow(item, headShowArr, localHead);
@@ -2430,10 +2336,10 @@ var Table = function Table(propsInit) {
       json[name] = item;
     }
     if (bol) {
-      headShowArr.sort(function (a, b) {
+      headShowArr.sort((a, b) => {
         return Number(a.orderNum) - Number(b.orderNum);
       });
-      headArr.sort(function (a, b) {
+      headArr.sort((a, b) => {
         return Number(a.orderNum) - Number(b.orderNum);
       });
     }
@@ -2445,8 +2351,8 @@ var Table = function Table(propsInit) {
     constData.current.headDataJson = json;
   };
   // 计算左边的差量
-  var handLeftWidth = function handLeftWidth() {
-    var leftNum = 0;
+  const handLeftWidth = () => {
+    let leftNum = 0;
     // 复选
     if (props.check) {
       leftNum += 48;
@@ -2470,8 +2376,8 @@ var Table = function Table(propsInit) {
     return leftNum;
   };
   // 计算右边的差量
-  var handRightWidth = function handRightWidth() {
-    var rightNum = 0;
+  const handRightWidth = () => {
+    let rightNum = 0;
     // 显示列宽度
     if (props.showColumns === 'inside' || props.showColumns === undefined) {
       rightNum += 53;
@@ -2489,42 +2395,41 @@ var Table = function Table(propsInit) {
         }
       }
     }
-
     return rightNum;
   };
   // 获取宽度
-  var getWidth = function getWidth(item) {
-    var w = item.width || '';
-    var name = item.name || '';
-    var wDrag = constData.current.headDataConfig[name] && constData.current.headDataConfig[name].width;
+  const getWidth = item => {
+    let w = item.width || '';
+    const name = item.name || '';
+    const wDrag = constData.current.headDataConfig[name] && constData.current.headDataConfig[name].width;
     if (wDrag) w = wDrag;
     return w;
   };
   /**
    * 处理显示列宽度
    * */
-  var handHeadDataCom = function handHeadDataCom(arr) {
+  const handHeadDataCom = arr => {
     // 左侧定位数组
-    var leftArr = [];
+    const leftArr = [];
     // 右侧定位数组
-    var rightArr = [];
+    const rightArr = [];
     // 表格最小宽度
-    var tableMinWidth = 0;
+    let tableMinWidth = 0;
     // 左边差量
-    var leftWidth = handLeftWidth();
+    const leftWidth = handLeftWidth();
     tableMinWidth += leftWidth;
     // 右边差量
-    var rightWidth = handRightWidth();
+    const rightWidth = handRightWidth();
     tableMinWidth += rightWidth;
-    var posJson = {
+    const posJson = {
       leftBol: false,
       rightBol: false
     };
     // 显示列
-    for (var i = 0, l = arr.length; i < l; i++) {
-      var item = arr[i];
-      var itemWidth = 0;
-      var handW = getWidth(item); // 获取宽度,有拖动过后宽度,就用拖动的
+    for (let i = 0, l = arr.length; i < l; i++) {
+      const item = arr[i];
+      let itemWidth = 0;
+      const handW = getWidth(item); // 获取宽度,有拖动过后宽度,就用拖动的
       if (handW) {
         itemWidth = getStringInNumber(handW);
         tableMinWidth += itemWidth;
@@ -2543,19 +2448,19 @@ var Table = function Table(propsInit) {
     if (leftArr.length > 0) {
       posJson.leftBol = true;
       // 左边定位位置
-      var leftOps = leftWidth;
-      for (var _i = 0, _l = leftArr.length; _i < _l; _i++) {
-        var _item = leftArr[_i];
-        if (_item.width) {
-          var _handW = getWidth(_item); // 获取宽度,有拖动过后宽度,就用拖动的
-          var _itemWidth = getStringInNumber(_handW);
-          _item.paraui_left_width = leftOps;
-          leftOps += _itemWidth;
+      let leftOps = leftWidth;
+      for (let i = 0, l = leftArr.length; i < l; i++) {
+        const item = leftArr[i];
+        if (item.width) {
+          const handW = getWidth(item); // 获取宽度,有拖动过后宽度,就用拖动的
+          const itemWidth = getStringInNumber(handW);
+          item.paraui_left_width = leftOps;
+          leftOps += itemWidth;
           // 最后一个
-          if (_i === leftArr.length - 1) {
-            _item.paraui_fixed_left_last = true;
+          if (i === leftArr.length - 1) {
+            item.paraui_fixed_left_last = true;
           } else {
-            _item.paraui_fixed_left_last = false;
+            item.paraui_fixed_left_last = false;
           }
         }
       }
@@ -2563,19 +2468,19 @@ var Table = function Table(propsInit) {
     if (rightArr.length > 0) {
       posJson.rightBol = true;
       // 右边定位位置
-      var rightOps = rightWidth;
-      for (var _i2 = rightArr.length - 1; _i2 >= 0; _i2--) {
-        var _item2 = rightArr[_i2];
-        if (_item2.width) {
-          var _handW2 = getWidth(_item2); // 获取宽度,有拖动过后宽度,就用拖动的
-          var _itemWidth2 = getStringInNumber(_handW2);
-          _item2.paraui_right_width = rightOps;
-          rightOps += _itemWidth2;
+      let rightOps = rightWidth;
+      for (let i = rightArr.length - 1; i >= 0; i--) {
+        const item = rightArr[i];
+        if (item.width) {
+          const handW = getWidth(item); // 获取宽度,有拖动过后宽度,就用拖动的
+          const itemWidth = getStringInNumber(handW);
+          item.paraui_right_width = rightOps;
+          rightOps += itemWidth;
           // 第一个
-          if (_i2 === 0) {
-            _item2.paraui_fixed_right_first = true;
+          if (i === 0) {
+            item.paraui_fixed_right_first = true;
           } else {
-            _item2.paraui_fixed_right_first = false;
+            item.paraui_fixed_right_first = false;
           }
         }
       }
@@ -2586,15 +2491,15 @@ var Table = function Table(propsInit) {
   /**
    * 处理过滤请求数据
    * */
-  var handFilterReq = function handFilterReq() {
-    var json = {};
-    var arr = Object.keys(selectFilterCom);
-    var headDataJson = constData.current.headDataJson || {};
-    for (var i = 0, l = arr.length; i < l; i++) {
-      var name = arr[i];
-      var itemValue = selectFilterCom[name];
+  const handFilterReq = () => {
+    const json = {};
+    const arr = Object.keys(selectFilterCom);
+    const headDataJson = constData.current.headDataJson || {};
+    for (let i = 0, l = arr.length; i < l; i++) {
+      const name = arr[i];
+      const itemValue = selectFilterCom[name];
       if (itemValue.length === 0) continue; // 未选择的过滤项不参与请求
-      var item = headDataJson[name];
+      const item = headDataJson[name];
       if (item && item.filterRadio) {
         json[name] = itemValue[0];
       } else {
@@ -2607,92 +2512,57 @@ var Table = function Table(propsInit) {
    * 发送请求
    * @param obj {ReqProps} 请求信息
    */
-  var requestData = function requestData(obj) {
-    return __awaiter(void 0, void 0, void 0, /*#__PURE__*/regenerator.mark(function _callee() {
-      var _yield$requestFunc, data, err, onErrorFlag;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            obj.uuid = reqId;
-            if (props.loading === undefined) setLoadState(true);
-            _context.next = 4;
-            return requestFunc(obj);
-          case 4:
-            _yield$requestFunc = _context.sent;
-            data = _yield$requestFunc.data;
-            err = _yield$requestFunc.err;
-            if (!constData.current.isDestroy) {
-              _context.next = 9;
-              break;
-            }
-            return _context.abrupt("return");
-          case 9:
-            if (!err) {
-              _context.next = 23;
-              break;
-            }
-            if (props.loading === undefined) setLoadState(false);
-            // cancel的接口 不清除上次展示的数据
-            if (err.__CANCEL__) {
-              _context.next = 22;
-              break;
-            }
-            onErrorFlag = false;
-            if (!constData.current.onError) {
-              _context.next = 17;
-              break;
-            }
-            _context.next = 16;
-            return constData.current.onError(err);
-          case 16:
-            onErrorFlag = _context.sent;
-          case 17:
-            if (onErrorFlag) {
-              _context.next = 19;
-              break;
-            }
-            return _context.abrupt("return");
-          case 19:
-            setRowData([]);
-            setTotal(0);
-            setRowDataJson({});
-          case 22:
-            return _context.abrupt("return", false);
-          case 23:
-            if (requestCallback) {
-              requestCallback(data, function (handData) {
-                if (handData) {
-                  if (handData.data) handData = handData.data;
-                  handReqData(handData);
-                  if (props.loading === undefined) setLoadState(false);
-                }
-              });
-            } else {
-              if (data.data) data = data.data;
-              handReqData(data);
-              if (props.loading === undefined) setLoadState(false);
-            }
-          case 24:
-          case "end":
-            return _context.stop();
+  const requestData = obj => __awaiter(void 0, void 0, void 0, function* () {
+    obj.uuid = reqId;
+    if (props.loading === undefined) setLoadState(true);
+    let {
+      data,
+      err
+    } = yield requestFunc(obj);
+    if (constData.current.isDestroy) return;
+    if (err) {
+      if (props.loading === undefined) setLoadState(false);
+      // cancel的接口 不清除上次展示的数据
+      if (!err.__CANCEL__) {
+        let onErrorFlag = false;
+        if (constData.current.onError) {
+          onErrorFlag = yield constData.current.onError(err);
         }
-      }, _callee);
-    }));
-  };
+        if (!onErrorFlag) return;
+        setRowData([]);
+        setTotal(0);
+        setRowDataJson({});
+      }
+      return false;
+    }
+    if (requestCallback) {
+      requestCallback(data, handData => {
+        if (handData) {
+          if (handData.data) handData = handData.data;
+          handReqData(handData);
+          if (props.loading === undefined) setLoadState(false);
+        }
+      });
+    } else {
+      if (data.data) data = data.data;
+      handReqData(data);
+      if (props.loading === undefined) setLoadState(false);
+    }
+  });
   /**
    * 设置请求数据
    * @param data {any} 请求信息
    */
-  var handReqData = function handReqData(data) {
+  const handReqData = data => {
     if (data.columns && props.headData === undefined) {
-      var str = JSON.stringify(data.columns);
+      const str = JSON.stringify(data.columns);
       if (str !== JSON.stringify(originalHead)) {
         setOriginalHead(data.columns);
-        var arr = Object.keys(data.columns);
-        var headDataArr = []; // 表头数据
-        for (var i = 0, l = arr.length; i < l; i++) {
-          var key = arr[i];
-          var item = data.columns[key];
+        const arr = Object.keys(data.columns);
+        const headDataArr = []; // 表头数据
+        for (let i = 0, l = arr.length; i < l; i++) {
+          const key = arr[i];
+          const item = data.columns[key];
           item.name = key;
           item.label = item.displayName;
           item.filter = item.filterFlag;
@@ -2714,7 +2584,7 @@ var Table = function Table(propsInit) {
         setPageCom(Number(data.page));
       }
     } else {
-      var handData1 = [];
+      let handData1 = [];
       if (data instanceof Array) {
         handData1 = data;
       } else {
@@ -2727,15 +2597,15 @@ var Table = function Table(propsInit) {
    * 设置当前页数据
    * @param nowPageData {any} 当前页数据
    */
-  var setNowPageData = function setNowPageData(nowPageData) {
+  const setNowPageData = nowPageData => {
     // 加载更多请求放在里面
     if (constData.current.loadMoreUrl) {
-      var historyData = constData.current.historyData || [];
+      const historyData = constData.current.historyData || [];
       if (historyData.length > 0) {
-        nowPageData = [].concat(_toConsumableArray(historyData), _toConsumableArray(nowPageData));
+        nowPageData = [...historyData, ...nowPageData];
       }
     }
-    var handDataJson = ArrayToObject(rowKey, nowPageData);
+    const handDataJson = ArrayToObject(rowKey, nowPageData);
     constData.current.historyData = nowPageData;
     setRowDataJson(handDataJson);
     setRowData(nowPageData);
@@ -2748,7 +2618,7 @@ var Table = function Table(propsInit) {
    * 改变页数
    * @param num {number | undefined} 页数
    */
-  var changePage = function changePage(num) {
+  const changePage = num => {
     if (num !== undefined) handPage(num);
     clearCheckValue();
   };
@@ -2756,7 +2626,7 @@ var Table = function Table(propsInit) {
    * 改变每页条数
    * @param num {number | undefined} 条数
    */
-  var changeRowsPerPage = function changeRowsPerPage(num) {
+  const changeRowsPerPage = num => {
     if (num !== undefined) handSize(num);
     handPage(1);
     clearCheckValue();
@@ -2764,8 +2634,8 @@ var Table = function Table(propsInit) {
   /**
    * 加载更多,点击改变分页
    */
-  var changePageMore = function changePageMore() {
-    var pageHnad = Number(pageCom) + 1;
+  const changePageMore = () => {
+    const pageHnad = Number(pageCom) + 1;
     handPage(pageHnad);
   };
   /**
@@ -2773,12 +2643,12 @@ var Table = function Table(propsInit) {
    * @param event 元素
    * @param name 当前列name
    */
-  var handleRequestSort = function handleRequestSort(event, name) {
+  const handleRequestSort = (event, name) => {
     // asc 升序 ->  desc降序 ->  undefined 无序
-    var index = orderFieldArr.indexOf(name);
+    const index = orderFieldArr.indexOf(name);
     if (index !== -1) {
       // 排序过
-      var orderType = orderTypeArr[index];
+      const orderType = orderTypeArr[index];
       if (orderType === 'asc') {
         orderTypeArr[index] = 'desc';
       }
@@ -2794,11 +2664,11 @@ var Table = function Table(propsInit) {
       orderFieldArr.push(name);
       orderTypeArr.push('asc');
     }
-    var orderFieldArrHand = _toConsumableArray(orderFieldArr);
-    var orderTypeArrHand = _toConsumableArray(orderTypeArr);
+    let orderFieldArrHand = [...orderFieldArr];
+    let orderTypeArrHand = [...orderTypeArr];
     // 单个排序
     if (sortTableRadio) {
-      var num = orderFieldArrHand.indexOf(name);
+      const num = orderFieldArrHand.indexOf(name);
       if (num !== -1) {
         orderFieldArrHand = [orderFieldArrHand[num]];
         orderTypeArrHand = [orderTypeArrHand[num]];
@@ -2823,12 +2693,12 @@ var Table = function Table(propsInit) {
    * 处理复选框往外抛值
    * @param json 当前选中值
    */
-  var handCheckValue = function handCheckValue(json) {
+  const handCheckValue = json => {
     if (props.checkDefaultValue === undefined) setCheckJson(Object.assign({}, json));
-    var arr = Object.keys(json);
+    const arr = Object.keys(json);
     if (setCheck) {
-      var selectData = [];
-      for (var i = 0, l = arr.length; i < l; i++) {
+      const selectData = [];
+      for (let i = 0, l = arr.length; i < l; i++) {
         if (totalDataJson[arr[i]]) selectData.push(totalDataJson[arr[i]]);
       }
       setCheck(arr, selectData);
@@ -2839,12 +2709,12 @@ var Table = function Table(propsInit) {
    * @param event 选择的元素
    * @param bol 全选 / 全不选
    */
-  var setAllCheck = function setAllCheck(event, bol) {
+  const setAllCheck = (event, bol) => {
     // 存在checkDefaultValue, {...checkJson}解决直接使用checkJson, 复选框会一闪
     // 不存在checkDefaultValue,内部直接记录状态
-    var checkJsonDeep = props.checkDefaultValue !== undefined ? Object.assign({}, checkJson) : checkJson;
-    for (var i = 0, l = rowData.length; i < l; i++) {
-      var key = rowData[i][rowKey];
+    const checkJsonDeep = props.checkDefaultValue !== undefined ? Object.assign({}, checkJson) : checkJson;
+    for (let i = 0, l = rowData.length; i < l; i++) {
+      const key = rowData[i][rowKey];
       if (!disabledJson[key]) {
         if (bol) {
           checkJsonDeep[key] = true;
@@ -2861,10 +2731,10 @@ var Table = function Table(propsInit) {
    * @param bol  选 / 不选
    * @param key 当前行key
    */
-  var selectCheck = function selectCheck(event, bol, key) {
+  const selectCheck = (event, bol, key) => {
     // 存在checkDefaultValue, {...checkJson}解决直接使用checkJson, 复选框会一闪
     // 不存在checkDefaultValue,内部直接记录状态
-    var checkJsonDeep = props.checkDefaultValue !== undefined ? Object.assign({}, checkJson) : checkJson;
+    const checkJsonDeep = props.checkDefaultValue !== undefined ? Object.assign({}, checkJson) : checkJson;
     checkJsonDeep[key] = bol;
     if (checkJsonDeep[key] === false) delete checkJsonDeep[key]; // 确保json里面的数据都是选中的
     handCheckValue(checkJsonDeep);
@@ -2874,13 +2744,13 @@ var Table = function Table(propsInit) {
    * @param event 选择的元素
    * @param item  当前行数据
    */
-  var selectRadio = function selectRadio(event, val) {
+  const selectRadio = (event, val) => {
     if (setRadio) setRadio(val, totalDataJson[val]);
   };
   /**
    * 清空复选框选中值
    */
-  var clearCheckValue = function clearCheckValue() {
+  const clearCheckValue = () => {
     if (!checkRememberPage) {
       setCheckJson({});
       handCheckValue({});
@@ -2892,10 +2762,10 @@ var Table = function Table(propsInit) {
    * @param item 当前点击项
    * @param isRest 是否重置
    * */
-  var changeSelectHead = function changeSelectHead(arr, item, isRest) {
+  const changeSelectHead = (arr, item, isRest) => {
     handHeadDataCom(arr);
     setHeadDataCom(arr);
-    var obj = {
+    const obj = {
       setFixed: true,
       headArr: arr
     };
@@ -2913,45 +2783,45 @@ var Table = function Table(propsInit) {
    * @param bol  重置
    * @param item  当前点击项
    */
-  var changeShowList = function changeShowList(headShowArr, bol, item) {
+  const changeShowList = (headShowArr, bol, item) => {
     if (bol) {
       constData.current.headDataConfig = {};
       setHeadDataConfig({}); // 重置拖拽列
-      var arr = [];
-      var arrShow = _toConsumableArray(showHeadList);
+      const arr = [];
+      const arrShow = [...showHeadList];
       handSerial(arrShow);
-      for (var i = 0, l = arrShow.length; i < l; i++) {
-        var _item3 = arrShow[i];
-        if (_item3 && _item3.selected) {
+      for (let i = 0, l = arrShow.length; i < l; i++) {
+        const item = arrShow[i];
+        if (item && item.selected) {
           // 当前显示字段
-          arr.push(_item3);
+          arr.push(item);
         }
       }
       changeSelectHead(arr, item, true);
       return;
     }
-    headShowArr.sort(function (a, b) {
+    headShowArr.sort((a, b) => {
       return Number(a.orderNum) - Number(b.orderNum);
     });
-    var headShowArrHand = _toConsumableArray(headShowArr);
+    const headShowArrHand = [...headShowArr];
     changeSelectHead(headShowArrHand, item);
   };
   /**
    * 改变过滤
    */
-  var changeFilter = function changeFilter(val) {
+  const changeFilter = val => {
     constData.current.selectFilterCom = DeepClone(val);
     setSelectFilterCom(DeepClone(val));
     handPage(1);
   };
   /** 改变拖拽列width */
-  var changeColumnWidth = function changeColumnWidth(headCell, result) {
-    var name = headCell.name || '';
+  const changeColumnWidth = (headCell, result) => {
+    const name = headCell.name || '';
     constData.current.headDataConfig[name] = {
       width: result.width
     };
     setHeadDataConfig(Object.assign({}, constData.current.headDataConfig)); // 设置表格列配置,被拖动的width
-    handHeadDataCom(_toConsumableArray(headData)); // 重新计算表格的最小宽度
+    handHeadDataCom([...headData]); // 重新计算表格的最小宽度
     // 本地记住拖动列宽度
     setLocalStorageHeadCom({
       headDataConfig: constData.current.headDataConfig,
@@ -2959,7 +2829,7 @@ var Table = function Table(propsInit) {
     });
   };
   // 表格头部memo
-  var TableHeadMemo = useMemo(function () {
+  const TableHeadMemo = useMemo(() => {
     return jsx(TableHead$1, {
       orderTypeArr: orderTypeArr,
       orderFieldArr: orderFieldArr,
@@ -2993,7 +2863,7 @@ var Table = function Table(propsInit) {
     });
   }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort, tipMaxWidth]);
   // 表格内容memo
-  var TableBodyMemo = useMemo(function () {
+  const TableBodyMemo = useMemo(() => {
     return jsx(TableBody, {
       url: url,
       emptyProps: emptyProps,
@@ -3031,9 +2901,7 @@ var Table = function Table(propsInit) {
       disabledExpand: disabledExpand,
       onExpand: onExpand,
       defaultExpandAllRows: defaultExpandAllRows,
-      onRefresh: function onRefresh() {
-        return setRefreshCom(Math.random());
-      },
+      onRefresh: () => setRefreshCom(Math.random()),
       posFixed: posFixed,
       beyondText: beyondText,
       fixedColumn: fixedColumn,
@@ -3045,7 +2913,7 @@ var Table = function Table(propsInit) {
     });
   }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
   // 表格分页memo
-  var TablePaginationMemo = useMemo(function () {
+  const TablePaginationMemo = useMemo(() => {
     if (constData.current.page === null || constData.current.size === null || loadMore) return;
     return pagination && jsx(TableHead, {
       paginationType: paginationType,
@@ -3059,9 +2927,7 @@ var Table = function Table(propsInit) {
       changeRowsPerPage: changeRowsPerPage,
       refreshInside: refreshInside,
       checkCount: checkCount,
-      onRefresh: function onRefresh() {
-        return setRefreshCom(Math.random());
-      },
+      onRefresh: () => setRefreshCom(Math.random()),
       selectStatus: headSelectStatus,
       selectAll: setAllCheck,
       checkNumber: Object.keys(checkJson).length,
@@ -3069,9 +2935,9 @@ var Table = function Table(propsInit) {
     });
   }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow, refreshInside, checkCount, headSelectStatus, rowData, checkJson, disabledJson, totalDataJson, rowData]);
   // 表格内容滚动
-  var tableBoxScroll = function tableBoxScroll(e) {
-    var dom = tableRef.current;
-    var scrollDom = e.target;
+  const tableBoxScroll = e => {
+    const dom = tableRef.current;
+    const scrollDom = e.target;
     if (!dom || !scrollDom) return;
     dom.classList.remove('table-scroll-left', 'table-scroll-right', 'table-scroll-middle');
     if (scrollDom.scrollWidth <= scrollDom.clientWidth) return;
@@ -3088,8 +2954,8 @@ var Table = function Table(propsInit) {
     dom.classList.add('table-scroll-middle');
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = "".concat($prefixCls, "-table");
+  const handClass = () => {
+    let str = "".concat($prefixCls, "-table");
     if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
     if (pagination) str += " ".concat($prefixCls, "-table-pagination");
     if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
@@ -3105,7 +2971,7 @@ var Table = function Table(propsInit) {
     return str;
   };
   // 改变屏幕大小
-  var changeResize = function changeResize() {
+  const changeResize = () => {
     tableBoxScroll({
       target: containerRef.current
     });