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

package/Table/index.js

@@ -1,13 +1,9 @@
-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 { 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,37 +12,38 @@ 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';
 import OperateBtn from '../OperateBtn/index.js';
 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';
@@ -62,23 +59,25 @@ import '@para-ui/icons/DoubleRight';
  * 发送请求
  * @param obj {ReqProps} 请求信息
  */
-var requestFunc = function requestFunc(obj) {
-  var method = obj.method,
-    url = obj.url,
-    ctx = obj.ctx,
-    data = obj.data,
+const requestFunc = obj => {
+  const {
+      method,
+      url,
+      ctx,
+      data
+    } = obj,
     otherProps = __rest(obj, ["method", "url", "ctx", "data"]);
   if (method === 'Get') {
     return Get(Object.assign({
       url: url,
-      ctx: ctx
+      ctx
     }, otherProps));
   }
   if (method === 'Post') {
     return Post(Object.assign({
       url: url,
-      ctx: ctx,
-      data: data
+      ctx,
+      data
     }, otherProps));
   }
 };
@@ -87,23 +86,23 @@ var requestFunc = function requestFunc(obj) {
  * @param obj {ReqProps} 请求信息
  * @return string get请求地址参数
  */
-var handGetReqParams = function handGetReqParams(obj) {
-  var str = obj.url;
-  var params = obj.data || {};
-  var arrKey = Object.keys(params);
-  var paramsArr = [];
-  for (var i = 0, l = arrKey.length; i < l; i++) {
-    var key = arrKey[i];
-    var val = params[key];
-    if (_typeof(val) === 'object') {
+const handGetReqParams = obj => {
+  let str = obj.url;
+  const params = obj.data || {};
+  const arrKey = Object.keys(params);
+  const paramsArr = [];
+  for (let i = 0, l = arrKey.length; i < l; i++) {
+    const key = arrKey[i];
+    let val = params[key];
+    if (typeof val === 'object') {
       val = encodeURIComponent(JSON.stringify(val));
     } else {
       val = encodeURIComponent(val);
     }
     paramsArr.push("".concat(key, "=").concat(val));
   }
-  var paramsStr = paramsArr.join('&');
-  var pos = str.indexOf('?');
+  const paramsStr = paramsArr.join('&');
+  const pos = str.indexOf('?');
   if (pos !== -1) {
     str += (pos === str.length - 1 ? '' : '&') + paramsStr;
   } else {
@@ -114,9 +113,9 @@ var handGetReqParams = function handGetReqParams(obj) {
 /**
  * 提取字符串里面的数字
  * */
-var getStringInNumber = function getStringInNumber(str) {
+const getStringInNumber = str => {
   if (typeof str === 'number') return str;
-  var strHand = str.replace(/[^0-9$]/gi, '');
+  const strHand = str.replace(/[^0-9$]/gi, '');
   return Number(strHand);
 };
 /**
@@ -124,23 +123,23 @@ var getStringInNumber = function getStringInNumber(str) {
  * @param key {string} 键值
  * @param num {number} 过期天数
  * */
-var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
+const getLocalStorageSelectHead = (key, num) => {
   //debugger
-  var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
-  var headJson = JSON.parse(headJsonStr);
-  var headJsonArr = Object.keys(headJson);
-  for (var i = 0, l = headJsonArr.length; i < l; i++) {
-    var keyStr = headJsonArr[i];
-    var item = headJson[i];
+  const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
+  const headJson = JSON.parse(headJsonStr);
+  const headJsonArr = Object.keys(headJson);
+  for (let i = 0, l = headJsonArr.length; i < l; i++) {
+    const keyStr = headJsonArr[i];
+    const item = headJson[i];
     if (!item) continue;
-    var newDate = new Date().getTime(); // 当前时间
-    var endTime = item.storageTime + item.validity; // 过期时间
+    const newDate = new Date().getTime(); // 当前时间
+    const endTime = item.storageTime + item.validity; // 过期时间
     // 过期时间 小于 当前时间, 说明已经过期了, 删除当前表格列数据
     if (endTime < newDate) {
       delete headJson[keyStr];
     }
   }
-  var headJsonItem = headJson[key];
+  const headJsonItem = headJson[key];
   // 重置过期时间
   if (headJsonItem) {
     headJsonItem.storageTime = new Date().getTime();
@@ -153,9 +152,9 @@ var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
  * @param key {string} 键值
  * @param val {HeadLocalStorageItem} 保存值
  * */
-var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
-  var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
-  var headJson = JSON.parse(headJsonStr);
+const setLocalStorageSelectHead = (key, val) => {
+  const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
+  const headJson = JSON.parse(headJsonStr);
   headJson[key] = val;
   window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
 };
@@ -164,8 +163,8 @@ var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
  * @param el 当前元素
  * @param selector 查找元素class
  */
-var closest = function closest(el, selector) {
-  var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+const closest = (el, selector) => {
+  const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
   while (el) {
     if (matchesSelector.call(el, selector)) {
       break;
@@ -355,69 +354,49 @@ var zh = {
 };
 
 var localeJson = {
-  zh: zh,
-  en: en
+  zh,
+  en
 };
 
-var TableHead$1 = function TableHead(props) {
-  var _props$headData = props.headData,
-    headData = _props$headData === void 0 ? [] : _props$headData,
-    sortTable = props.sortTable,
-    filter = props.filter,
-    expandable = props.expandable,
-    check = props.check,
-    radio = props.radio,
-    onRequestSort = props.onRequestSort,
-    _props$orderFieldArr = props.orderFieldArr,
-    orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
-    _props$orderTypeArr = props.orderTypeArr,
-    orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
-    selectAll = props.selectAll,
-    selectStatus = props.selectStatus,
-    align = props.align,
-    _props$showList = props.showList,
-    showList = _props$showList === void 0 ? [] : _props$showList,
-    changeShowList = props.changeShowList,
-    selectFilter = props.selectFilter,
-    changeFilter = props.changeFilter,
-    operate = props.operate,
-    showColumns = props.showColumns,
-    fixedTable = props.fixedTable,
-    fixedColumn = props.fixedColumn,
-    posFixed = props.posFixed,
-    beyondText = props.beyondText,
-    lineWidth = props.lineWidth,
-    dragColumn = props.dragColumn,
-    changeColumnWidth = props.changeColumnWidth,
-    headDataConfig = props.headDataConfig,
-    getPopupContainer = props.getPopupContainer,
-    tipMaxWidth = props.tipMaxWidth;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    indeterminate = _useState2[0],
-    setIndeterminate = _useState2[1]; // 半选中
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checked = _useState4[0],
-    setChecked = _useState4[1]; // 选中
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    anchorElColums = _useState6[0],
-    setAnchorElColums = _useState6[1]; // 显示列定位元素
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    headDataJson = _useState8[0],
-    setHeadDataJson = _useState8[1]; // 显示列json
-  var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    filterHead = _useState10[0],
-    setFilterHead = _useState10[1]; // 过滤项当前表头数据
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectFilterCom = _useState12[0],
-    setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
-  var intl = useFormatMessage('Table', localeJson);
-  useEffect(function () {
+const TableHead$1 = props => {
+  const {
+    headData = [],
+    sortTable,
+    filter,
+    expandable,
+    check,
+    radio,
+    onRequestSort,
+    orderFieldArr = [],
+    orderTypeArr = [],
+    selectAll,
+    selectStatus,
+    align,
+    showList = [],
+    changeShowList,
+    selectFilter,
+    changeFilter,
+    operate,
+    showColumns,
+    fixedTable,
+    fixedColumn,
+    posFixed,
+    beyondText,
+    lineWidth,
+    dragColumn,
+    changeColumnWidth,
+    headDataConfig,
+    getPopupContainer,
+    tipMaxWidth
+  } = props;
+  const [indeterminate, setIndeterminate] = useState(false); // 半选中
+  const [checked, setChecked] = useState(false); // 选中
+  const [anchorElColums, setAnchorElColums] = useState(null); // 显示列定位元素
+  const [headDataJson, setHeadDataJson] = useState({}); // 显示列json
+  const [filterHead, setFilterHead] = useState({}); // 过滤项当前表头数据
+  const [selectFilterCom, setSelectFilterCom] = useState({}); // 过滤项当前选中值
+  const intl = useFormatMessage('Table', localeJson);
+  useEffect(() => {
     // 全选
     if (selectStatus === 'all') {
       setChecked(true);
@@ -434,17 +413,17 @@ var TableHead$1 = function TableHead(props) {
       setIndeterminate(false);
     }
   }, [selectStatus]);
-  useEffect(function () {
+  useEffect(() => {
     if (headData) {
-      var json = [];
-      for (var i = 0, l = headData.length; i < l; i++) {
-        var item = headData[i];
+      const json = [];
+      for (let i = 0, l = headData.length; i < l; i++) {
+        const item = headData[i];
         json[item.name] = item;
       }
       setHeadDataJson(json);
     }
   }, [headData]);
-  useEffect(function () {
+  useEffect(() => {
     if (selectFilter) setSelectFilterCom(DeepClone(selectFilter));
   }, [selectFilter]);
   /**
@@ -452,30 +431,28 @@ var TableHead$1 = function TableHead(props) {
    * @param name 排序列
    * @param event 当前排序元素
    */
-  var createSortHandler = function createSortHandler(name, item) {
-    return function (event) {
-      // 不存在排序,不触发事件
-      if (!(sortTable && item.name && item.sort !== false)) return;
-      if (onRequestSort) onRequestSort(event, name);
-    };
+  const createSortHandler = (name, item) => event => {
+    // 不存在排序,不触发事件
+    if (!(sortTable && item.name && item.sort !== false)) return;
+    if (onRequestSort) onRequestSort(event, name);
   };
   /**
    * 全选 / 全不选
    * @param event 操作元素
    * @param bol 选中 / 不选中
    */
-  var onSelectAll = function onSelectAll(event, bol) {
+  const onSelectAll = (event, bol) => {
     if (selectAll) selectAll(event, bol);
   };
   /**
    * 点击显示选择列
    * @param event 点击元素
    */
-  var clickShowColums = function clickShowColums(event) {
+  const clickShowColums = event => {
     setAnchorElColums(event.currentTarget);
   };
   // 点击隐藏选择列
-  var clickHideColums = function clickHideColums(bol) {
+  const clickHideColums = bol => {
     if (bol) return;
     setAnchorElColums(null);
   };
@@ -483,29 +460,27 @@ var TableHead$1 = function TableHead(props) {
    * 点击显示列 列表
    * @param item 详细
    */
-  var clickColumsList = function clickColumsList(item) {
-    return function () {
-      if (item.disabledSelection) return;
-      var name = item.name;
-      var itemHead = headDataJson[name];
-      if (itemHead) {
-        // 取消勾选
-        delete headDataJson[name];
-        var arr = Object.keys(headDataJson);
-        var arr1 = [];
-        for (var i = 0, l = arr.length; i < l; i++) {
-          var _name = arr[i];
-          arr1.push(headDataJson[_name]);
-        }
-        changeShowList && changeShowList(arr1, false, item);
-      } else {
-        headData.push(item);
-        changeShowList && changeShowList(headData, false, item);
+  const clickColumsList = item => () => {
+    if (item.disabledSelection) return;
+    const name = item.name;
+    const itemHead = headDataJson[name];
+    if (itemHead) {
+      // 取消勾选
+      delete headDataJson[name];
+      const arr = Object.keys(headDataJson);
+      const arr1 = [];
+      for (let i = 0, l = arr.length; i < l; i++) {
+        const name = arr[i];
+        arr1.push(headDataJson[name]);
       }
-    };
+      changeShowList && changeShowList(arr1, false, item);
+    } else {
+      headData.push(item);
+      changeShowList && changeShowList(headData, false, item);
+    }
   };
   // 重置显示列
-  var resetShowList = function resetShowList() {
+  const resetShowList = () => {
     changeShowList && changeShowList(headData, true);
   };
   /**
@@ -513,69 +488,63 @@ var TableHead$1 = function TableHead(props) {
    * @param headCell 当前列信息
    * @param event 元素
    */
-  var clickShowFilter = function clickShowFilter(headCell) {
-    return function (event) {
-      setFilterHead(headCell);
-      setSelectFilterCom(Object.assign({}, selectFilter));
-    };
+  const clickShowFilter = headCell => event => {
+    setFilterHead(headCell);
+    setSelectFilterCom(Object.assign({}, selectFilter));
   };
   // 点击隐藏过滤
-  var clickHideFilter = function clickHideFilter(bol) {
+  const clickHideFilter = bol => {
     if (bol) return;
     setFilterHead({});
     setSelectFilterCom(Object.assign({}, selectFilter));
   };
   // 点击过滤
-  var clickFilter = function clickFilter(item) {
-    return function () {
-      var name = filterHead.name;
-      var filterValue = DeepClone(selectFilterCom[name] || []);
-      var index = filterValue.indexOf(item.value);
-      if (index !== -1) {
-        // 勾选 -> 不勾选
-        filterValue.splice(index, 1);
-      } else {
-        // 不勾选 -> 勾选
-        filterValue.push(item.value);
-      }
-      var filterRadio = filterHead.filterRadio;
-      if (filterRadio) {
-        // 过滤单个
-        var num = filterValue.indexOf(item.value);
-        if (num !== -1) {
-          filterValue = [filterValue[num]];
-        }
+  const clickFilter = item => () => {
+    const name = filterHead.name;
+    let filterValue = DeepClone(selectFilterCom[name] || []);
+    const index = filterValue.indexOf(item.value);
+    if (index !== -1) {
+      // 勾选 -> 不勾选
+      filterValue.splice(index, 1);
+    } else {
+      // 不勾选 -> 勾选
+      filterValue.push(item.value);
+    }
+    const filterRadio = filterHead.filterRadio;
+    if (filterRadio) {
+      // 过滤单个
+      const num = filterValue.indexOf(item.value);
+      if (num !== -1) {
+        filterValue = [filterValue[num]];
       }
-      selectFilterCom[name] = filterValue;
-      setSelectFilterCom(Object.assign({}, selectFilterCom));
-    };
+    }
+    selectFilterCom[name] = filterValue;
+    setSelectFilterCom(Object.assign({}, selectFilterCom));
   };
   /**
    * 重置 / 确定过滤
    * @param type {'reset' | 'confirm'}  重置 / 确定过滤
    */
-  var filterFunc = function filterFunc(type) {
-    return function () {
-      if (type === 'confirm') {
-        // 确定
-        changeFilter && changeFilter(Object.assign({}, selectFilterCom));
-        setFilterHead({});
-      } else {
-        // 重置
-        var json = DeepClone(selectFilterCom);
-        delete json[filterHead.name];
-        setSelectFilterCom(json);
-        changeFilter && changeFilter(Object.assign({}, json));
-        setFilterHead({});
-      }
-    };
+  const filterFunc = type => () => {
+    if (type === 'confirm') {
+      // 确定
+      changeFilter && changeFilter(Object.assign({}, selectFilterCom));
+      setFilterHead({});
+    } else {
+      // 重置
+      const json = DeepClone(selectFilterCom);
+      delete json[filterHead.name];
+      setSelectFilterCom(json);
+      changeFilter && changeFilter(Object.assign({}, json));
+      setFilterHead({});
+    }
   };
   /**
    * 自定义过滤确定
    * @param val {[name: string]: any[]}
    * */
-  var filterCustomConfirm = function filterCustomConfirm() {
-    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const filterCustomConfirm = function () {
+    let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     changeFilter && changeFilter(Object.assign({}, val));
     setFilterHead({});
   };
@@ -583,12 +552,12 @@ var TableHead$1 = function TableHead(props) {
    * 处理TableCell
    * @param item 当前列信息
    */
-  var handCellClass = function handCellClass(item) {
-    var str = 'table-header-box';
+  const handCellClass = item => {
+    let str = 'table-header-box';
     // 排序
     if (sortTable && item.name && item.sort !== false) {
       str += ' table-header-box-sort';
-      var index = orderFieldArr.indexOf(item.name);
+      const index = orderFieldArr.indexOf(item.name);
       if (index !== -1) {
         // 升序
         if (orderTypeArr[index] === 'asc') {
@@ -607,10 +576,10 @@ var TableHead$1 = function TableHead(props) {
     return str;
   };
   // 复选框memo
-  var TableCheckMemo = useMemo(function () {
+  const TableCheckMemo = useMemo(() => {
     if (check) {
-      var handCls = function handCls() {
-        var str = 'table-checkbox table-head-btn';
+      const handCls = () => {
+        let str = 'table-checkbox table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,且没有单选,没有嵌套表格
@@ -638,10 +607,10 @@ var TableHead$1 = function TableHead(props) {
     }
   }, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]);
   // 单选框memo
-  var TableRadioMemo = useMemo(function () {
+  const TableRadioMemo = useMemo(() => {
     if (radio) {
-      var handCls = function handCls() {
-        var str = 'table-radio table-head-btn';
+      const handCls = () => {
+        let str = 'table-radio table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -663,10 +632,10 @@ var TableHead$1 = function TableHead(props) {
     }
   }, [radio, posFixed, expandable, fixedColumn]);
   // 嵌套表格memo
-  var TableExpandableMemo = useMemo(function () {
+  const TableExpandableMemo = useMemo(() => {
     if (expandable) {
-      var handCls = function handCls() {
-        var str = 'table-expandable table-head-btn';
+      const handCls = () => {
+        let str = 'table-expandable table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -688,21 +657,21 @@ var TableHead$1 = function TableHead(props) {
     }
   }, [expandable, posFixed, fixedColumn]);
   // 过滤弹窗内容
-  var filterPopoverContent = function filterPopoverContent() {
-    var name = filterHead.name;
+  const filterPopoverContent = () => {
+    const name = filterHead.name;
     if (!name) return;
-    var filterValue = selectFilterCom[name] || [];
+    const filterValue = selectFilterCom[name] || [];
     if (filterHead.filterRender) {
       // 自定义渲染过滤
       return filterHead.filterRender({
-        filterValue: filterValue,
+        filterValue,
         selectFilter: selectFilterCom,
-        filterHead: filterHead,
+        filterHead,
         setFilter: filterCustomConfirm
       });
     }
-    var arr = filterHead.enums || [];
-    var str = 'filter-select';
+    const arr = filterHead.enums || [];
+    let str = 'filter-select';
     if (arr.length === 0) str += ' filter-select-none';
     return jsx("div", Object.assign({
       className: str
@@ -717,8 +686,8 @@ var TableHead$1 = function TableHead(props) {
         children: [jsx("div", Object.assign({
           className: "filter-select-box"
         }, {
-          children: arr.map(function (item, index) {
-            var checked = filterValue.indexOf(item.value) !== -1;
+          children: arr.map((item, index) => {
+            const checked = filterValue.indexOf(item.value) !== -1;
             return jsxs("div", Object.assign({
               onClick: clickFilter(item),
               className: checked ? 'filter-select-item filter-select-item-select' : 'filter-select-item'
@@ -757,30 +726,28 @@ var TableHead$1 = function TableHead(props) {
     }));
   };
   // 表格列拖拽放下
-  var onDragDown = function onDragDown(headCell) {
-    return function (result) {
-      changeColumnWidth && changeColumnWidth(headCell, result);
-    };
+  const onDragDown = headCell => result => {
+    changeColumnWidth && changeColumnWidth(headCell, result);
   };
   // 获取宽度
-  var getWidth = function getWidth(item) {
-    var w = item.width || '';
-    var name = item.name || '';
-    var wDrag = headDataConfig[name] && headDataConfig[name].width;
+  const getWidth = item => {
+    let w = item.width || '';
+    const name = item.name || '';
+    const wDrag = headDataConfig[name] && headDataConfig[name].width;
     if (wDrag) w = "".concat(wDrag, "px");
     return w;
   };
   // 内容列memo
-  var TableContentMemo = useMemo(function () {
+  const TableContentMemo = useMemo(() => {
     // 处理过滤的class
-    var handFilterClass = function handFilterClass(item) {
-      var str = 'table-header-filter';
+    const handFilterClass = item => {
+      let str = 'table-header-filter';
       if (filterHead.name === item.name) str += ' table-header-filter-show';
       if (item.name && selectFilterCom[item.name] && selectFilterCom[item.name].length > 0) str += ' table-header-filter-select';
       return str;
     };
-    var handCls = function handCls(item) {
-      var str = '';
+    const handCls = item => {
+      let str = '';
       if (item.className) str += item.className;
       if (fixedColumn && item.fixed) {
         str += " table-fixed-dom-".concat(item.fixed);
@@ -795,8 +762,8 @@ var TableHead$1 = function TableHead(props) {
       }
       return str;
     };
-    var handStyle = function handStyle(item) {
-      var json = {
+    const handStyle = item => {
+      const json = {
         width: getWidth(item)
       };
       if (fixedColumn && item.fixed && item.width) {
@@ -810,13 +777,13 @@ var TableHead$1 = function TableHead(props) {
       return Object.assign(Object.assign({}, json), item.style);
     };
     // 处理拖拽
-    var handDrag = function handDrag(item) {
+    const handDrag = item => {
       if (item.name === 'table-serial-number') return false; // 序号不拖拽
       if (dragColumn && item.drag !== false) return true;
       return false;
     };
-    return headData.map(function (headCell, index) {
-      var str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
+    return headData.map((headCell, index) => {
+      let str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
       if (!headCell.filterRender) str += " ".concat($prefixCls, "-filter-popover-default");
       return jsx(ThElement, Object.assign({
         className: handCls(headCell),
@@ -833,9 +800,7 @@ var TableHead$1 = function TableHead(props) {
           content: filterPopoverContent(),
           onVisibleChange: clickHideFilter,
           overlayClassName: str,
-          getPopupContainer: getPopupContainer ? getPopupContainer : function () {
-            return document.body;
-          }
+          getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body
         }, {
           children: jsxs("div", Object.assign({
             className: handCellClass(headCell)
@@ -879,10 +844,10 @@ var TableHead$1 = function TableHead(props) {
     });
   }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
   // 操作栏memo
-  var TableOperateMemo = useMemo(function () {
+  const TableOperateMemo = useMemo(() => {
     if (operate) {
-      var handCls = function handCls() {
-        var str = 'table-operate';
+      const handCls = () => {
+        let str = 'table-operate';
         if (operate.operateBtnRender) str += ' table-operate-small';
         if (fixedColumn) {
           str += ' table-fixed-dom-right';
@@ -893,8 +858,8 @@ var TableHead$1 = function TableHead(props) {
         }
         return str;
       };
-      var handStyle = function handStyle() {
-        var json = {
+      const handStyle = () => {
+        const json = {
           width: operate.width
         };
         if (fixedColumn) {
@@ -930,16 +895,16 @@ var TableHead$1 = function TableHead(props) {
     }
   }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth]);
   // 显示列弹窗内容
-  var showListContent = function showListContent() {
+  const showListContent = () => {
     return jsxs("div", Object.assign({
       className: "show-colums-select"
     }, {
       children: [jsx("div", Object.assign({
         className: "show-colums-select-box"
       }, {
-        children: showList.map(function (item, index) {
-          var checked = Boolean(headDataJson[item.name]);
-          var str = 'show-colums-select-item';
+        children: showList.map((item, index) => {
+          const checked = Boolean(headDataJson[item.name]);
+          let str = 'show-colums-select-item';
           if (checked) str += ' show-colums-select-item-select';
           if (item.disabledSelection) str += ' show-colums-select-item-disabled';
           return jsxs("div", Object.assign({
@@ -973,9 +938,9 @@ var TableHead$1 = function TableHead(props) {
     }));
   };
   // 显示列memo
-  var TableShowList = useMemo(function () {
-    var handCls = function handCls() {
-      var str = 'show-colums table-fixed-dom-right';
+  const TableShowList = useMemo(() => {
+    const handCls = () => {
+      let str = 'show-colums table-fixed-dom-right';
       // 没有固定列参数 或者 没有操作栏且没有右侧固定列
       if (!fixedColumn || !operate && !(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
         str += ' table-fixed-dom-right-first';
@@ -988,9 +953,7 @@ var TableHead$1 = function TableHead(props) {
       content: showListContent(),
       onVisibleChange: clickHideColums,
       overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
-      getPopupContainer: getPopupContainer ? getPopupContainer : function () {
-        return document.body;
-      }
+      getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body
     }, {
       children: jsx(ThElement, Object.assign({
         align: "center",
@@ -1007,8 +970,8 @@ var TableHead$1 = function TableHead(props) {
     }));
   }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
   // 处理class
-  var handClass = function handClass() {
-    var str = 'table-head';
+  const handClass = () => {
+    let str = 'table-head';
     if (showColumns === 'inside') str += ' table-head-inside';
     if (!fixedTable) str += ' table-head-scroll'; // 防止长度过长
     // 没有 复选框,单选框,展开 按钮
@@ -1066,92 +1029,71 @@ var TdElement = function TdElement(props) {
   }));
 };
 
-var TableBody = function TableBody(props) {
-  var url = props.url,
-    emptyProps = props.emptyProps,
-    _props$rowData = props.rowData,
-    rowData = _props$rowData === void 0 ? [] : _props$rowData,
-    _props$rowKey = props.rowKey,
-    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
-    check = props.check,
-    radio = props.radio,
-    tableCell = props.tableCell,
-    expandable = props.expandable,
-    _props$headData = props.headData,
-    headData = _props$headData === void 0 ? [] : _props$headData,
-    _props$disabledJson = props.disabledJson,
-    disabledJson = _props$disabledJson === void 0 ? {} : _props$disabledJson,
-    disabledArrStatus = props.disabledArrStatus,
-    _props$checkJson = props.checkJson,
-    checkJson = _props$checkJson === void 0 ? {} : _props$checkJson,
-    radioValue = props.radioValue,
-    selectCheck = props.selectCheck,
-    selectRadio = props.selectRadio,
-    align = props.align,
-    operate = props.operate,
-    showColumns = props.showColumns,
-    fixedTable = props.fixedTable,
-    fixedColumn = props.fixedColumn,
-    formatter = props.formatter,
-    _props$orderFieldArr = props.orderFieldArr,
-    orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
-    _props$orderTypeArr = props.orderTypeArr,
-    orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
-    sortTable = props.sortTable,
-    loadState = props.loadState,
-    loadMore = props.loadMore,
-    loadMoreRender = props.loadMoreRender,
-    onClickMore = props.onClickMore,
-    total = props.total,
-    page = props.page,
-    currentRowsPerPage = props.currentRowsPerPage,
-    changePage = props.changePage,
-    loadMoreUrl = props.loadMoreUrl,
-    _props$expandMultiple = props.expandMultiple,
-    expandMultiple = _props$expandMultiple === void 0 ? false : _props$expandMultiple,
-    _props$expandValue = props.expandValue,
-    expandValue = _props$expandValue === void 0 ? [] : _props$expandValue,
-    _props$disabledExpand = props.disabledExpand,
-    disabledExpand = _props$disabledExpand === void 0 ? [] : _props$disabledExpand,
-    _props$defaultExpandA = props.defaultExpandAllRows,
-    defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
-    onExpand = props.onExpand,
-    _onRefresh = props.onRefresh,
-    posFixed = props.posFixed,
-    beyondText = props.beyondText,
-    onClickRow = props.onClickRow,
-    rowClassMapping = props.rowClassMapping,
-    tipMaxWidth = props.tipMaxWidth,
-    lineHeight = props.lineHeight;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandableColSpan = _useState2[0],
-    setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expandableRow = _useState4[0],
-    setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showMoreBtn = _useState6[0],
-    setShowMoreBtn = _useState6[1]; // 加载更多
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    disabledExpandJson = _useState8[0],
-    setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
-  var intl = useFormatMessage('Table', localeJson);
+const TableBody = props => {
+  const {
+    url,
+    emptyProps,
+    rowData = [],
+    rowKey = 'key',
+    check,
+    radio,
+    tableCell,
+    expandable,
+    headData = [],
+    disabledJson = {},
+    disabledArrStatus,
+    checkJson = {},
+    radioValue,
+    selectCheck,
+    selectRadio,
+    align,
+    operate,
+    showColumns,
+    fixedTable,
+    fixedColumn,
+    formatter,
+    orderFieldArr = [],
+    orderTypeArr = [],
+    sortTable,
+    loadState,
+    loadMore,
+    loadMoreRender,
+    onClickMore,
+    total,
+    page,
+    currentRowsPerPage,
+    changePage,
+    loadMoreUrl,
+    expandMultiple = false,
+    expandValue = [],
+    disabledExpand = [],
+    defaultExpandAllRows = false,
+    onExpand,
+    onRefresh,
+    posFixed,
+    beyondText,
+    onClickRow,
+    rowClassMapping,
+    tipMaxWidth,
+    lineHeight
+  } = props;
+  const [expandableColSpan, setExpandableColSpan] = useState(0); // 嵌套表格合并列数
+  const [expandableRow, setExpandableRow] = useState({}); // 当前哪行展开表格嵌套
+  const [showMoreBtn, setShowMoreBtn] = useState(true); // 加载更多
+  const [disabledExpandJson, setDisabledExpand] = useState({}); // 禁用加减部分嵌套
+  const intl = useFormatMessage('Table', localeJson);
   // 默认是否展开所有
-  useEffect(function () {
+  useEffect(() => {
     if (!defaultExpandAllRows) {
       setExpandableRow({});
       return;
     }
-    var json = {};
-    for (var i = 0, l = rowData.length; i < l; i++) {
-      var item = rowData[i] || {};
-      var id = item[rowKey];
+    const json = {};
+    for (let i = 0, l = rowData.length; i < l; i++) {
+      const item = rowData[i] || {};
+      const id = item[rowKey];
       json[id] = {
-        id: id,
+        id,
         status: 'develop'
       };
     }
@@ -1159,41 +1101,41 @@ var TableBody = function TableBody(props) {
   }, [defaultExpandAllRows, rowData, rowKey]);
   // 监听展开表格
   // 如果直接写expandMultiple, expandValue会死循环
-  useEffect(function () {
+  useEffect(() => {
     if (props.expandValue === undefined) return;
-    var json = {};
-    var expandValueHand = expandValue;
+    const json = {};
+    let expandValueHand = expandValue;
     // 只展开一个,去第一个值
     if (!expandMultiple && expandValue.length > 0) {
       expandValueHand = [expandValue[0]];
     }
-    for (var i = 0, l = expandValueHand.length; i < l; i++) {
-      var id = expandValueHand[i];
+    for (let i = 0, l = expandValueHand.length; i < l; i++) {
+      const id = expandValueHand[i];
       json[id] = {
-        id: id,
+        id,
         status: 'develop'
       };
     }
     setExpandableRow(json);
   }, [props.expandMultiple, props.expandValue, rowData]);
   // 监听禁用嵌套 props.disabledExpand 防止死循环
-  useEffect(function () {
-    var json = {};
-    for (var i = 0, l = disabledExpand.length; i < l; i++) {
-      var id = disabledExpand[i];
+  useEffect(() => {
+    const json = {};
+    for (let i = 0, l = disabledExpand.length; i < l; i++) {
+      const id = disabledExpand[i];
       json[id] = true;
     }
     setDisabledExpand(json);
   }, [props.disabledExpand]);
-  useEffect(function () {
+  useEffect(() => {
     if (loadMoreUrl) {
-      var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
+      const bol = Number(total) > Number(page) * Number(currentRowsPerPage);
       setShowMoreBtn(bol);
     }
   }, [loadMoreUrl, total, page, currentRowsPerPage]);
   // 处理嵌套表格合并列数
-  useEffect(function () {
-    var num = headData.length;
+  useEffect(() => {
+    let num = headData.length;
     if (expandable) num += 1;
     if (check) num += 1;
     if (radio) num += 1;
@@ -1202,55 +1144,55 @@ var TableBody = function TableBody(props) {
     setExpandableColSpan(num);
   }, [headData, expandable, check, radio]);
   // 展开/收起嵌套表格
-  var handClickNestTable = function handClickNestTable(row) {
-    return function (event) {
-      var id = row[rowKey];
-      var expandItem = expandableRow[id] || {};
-      var status = 'develop';
-      if (expandItem.status === 'develop') status = 'retract';
-      expandItem = {
-        id: id,
-        status: status
-      };
-      if (expandMultiple) {
-        // 展开多个
-        expandableRow[id] = expandItem;
-        setExpandableRow(Object.assign({}, expandableRow));
-      } else {
-        // 展开一个
-        setExpandableRow(_defineProperty({}, id, expandItem));
-      }
-      onExpand && onExpand(row, status);
-      event.stopPropagation();
+  const handClickNestTable = row => event => {
+    const id = row[rowKey];
+    let expandItem = expandableRow[id] || {};
+    let status = 'develop';
+    if (expandItem.status === 'develop') status = 'retract';
+    expandItem = {
+      id,
+      status
     };
+    if (expandMultiple) {
+      // 展开多个
+      expandableRow[id] = expandItem;
+      setExpandableRow(Object.assign({}, expandableRow));
+    } else {
+      // 展开一个
+      setExpandableRow({
+        [id]: expandItem
+      });
+    }
+    onExpand && onExpand(row, status);
+    event.stopPropagation();
   };
   // 处理class
-  var handClass = function handClass() {
-    var str = 'table-body';
+  const handClass = () => {
+    let str = 'table-body';
     if (!fixedTable) str += ' table-body-scroll';
     // 没有 复选框,单选框,展开 按钮
     if (!check && !radio && !expandable) str += ' table-body-no-btn';
     return str;
   };
   // 处理嵌套表格class
-  var handExpandClass = function handExpandClass(row) {
-    var id = row[rowKey];
-    var expandItem = expandableRow[id] || {};
-    var str = 'retract';
+  const handExpandClass = row => {
+    const id = row[rowKey];
+    const expandItem = expandableRow[id] || {};
+    let str = 'retract';
     if (expandItem.status === 'develop') {
       str = 'expand';
     }
     return str;
   };
   // 点击加载更多
-  var clickMore = function clickMore() {
+  const clickMore = () => {
     if (loadMoreUrl) changePage && changePage();
     onClickMore && onClickMore();
   };
   // 暂无数据memo
-  var NodataMemo = useMemo(function () {
+  const NodataMemo = useMemo(() => {
     // 处理刷新按钮
-    var handRefreshBtn = function handRefreshBtn() {
+    const handRefreshBtn = () => {
       if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
         return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
       }
@@ -1260,8 +1202,8 @@ var TableBody = function TableBody(props) {
       return false;
     };
     // 处理className
-    var handClassNoData = function handClassNoData() {
-      var str = 'table-no-data';
+    const handClassNoData = () => {
+      let str = 'table-no-data';
       if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += " table-no-data-".concat(emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
       return str;
     };
@@ -1274,24 +1216,24 @@ var TableBody = function TableBody(props) {
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
           showRefresh: handRefreshBtn(),
-          onRefresh: function onRefresh(event) {
+          onRefresh: event => {
             if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
               emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh(event);
               return;
             }
-            _onRefresh && _onRefresh();
+            onRefresh && onRefresh();
           }
         }))
       }))
     }));
-  }, [expandableColSpan, emptyProps, url, _onRefresh]);
+  }, [expandableColSpan, emptyProps, url, onRefresh]);
   // 复选框useCallback
-  var TableCheckCallback = useCallback(function (row) {
+  const TableCheckCallback = useCallback(row => {
     if (check) {
-      var handId = row[rowKey];
-      var disabledHand = Boolean(disabledJson[handId]);
-      var checkHand = checkJson[handId] || false;
-      var showCheck = true;
+      const handId = row[rowKey];
+      const disabledHand = Boolean(disabledJson[handId]);
+      let checkHand = checkJson[handId] || false;
+      let showCheck = true;
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
@@ -1306,8 +1248,8 @@ var TableBody = function TableBody(props) {
           showCheck = false;
         }
       }
-      var handCls = function handCls() {
-        var str = 'table-checkbox table-body-btn';
+      const handCls = () => {
+        let str = 'table-checkbox table-body-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,且没有单选,没有嵌套表格
@@ -1324,7 +1266,7 @@ var TableBody = function TableBody(props) {
         children: showCheck && jsx(Checkbox, {
           disabled: disabledHand,
           checked: checkHand,
-          onChange: function onChange(event, bol) {
+          onChange: (event, bol) => {
             event.stopPropagation();
             selectCheck && selectCheck(event, bol, row[rowKey]);
           }
@@ -1333,12 +1275,12 @@ var TableBody = function TableBody(props) {
     }
   }, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]);
   // 单选框useCallback
-  var TableRadioCallback = useCallback(function (row) {
+  const TableRadioCallback = useCallback(row => {
     if (radio) {
-      var handId = row[rowKey];
-      var disabledHand = Boolean(disabledJson[handId]);
-      var checkHand = radioValue === row[rowKey];
-      var showRadio = true;
+      const handId = row[rowKey];
+      const disabledHand = Boolean(disabledJson[handId]);
+      let checkHand = radioValue === row[rowKey];
+      let showRadio = true;
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
@@ -1353,8 +1295,8 @@ var TableBody = function TableBody(props) {
           showRadio = false;
         }
       }
-      var handCls = function handCls() {
-        var str = 'table-radio table-body-btn';
+      const handCls = () => {
+        let str = 'table-radio table-body-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -1371,7 +1313,7 @@ var TableBody = function TableBody(props) {
         children: showRadio && jsx(Radio, {
           disabled: disabledHand,
           checked: checkHand,
-          onChange: function onChange(event) {
+          onChange: event => {
             event.stopPropagation();
             selectRadio && selectRadio(event, row[rowKey]);
           }
@@ -1380,13 +1322,13 @@ var TableBody = function TableBody(props) {
     }
   }, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
   // 嵌套加减useCallback
-  var TableExpandableMemo = useCallback(function (row) {
+  const TableExpandableMemo = useCallback(row => {
     if (!expandable) return null;
-    var expandableDemo = expandable(row);
+    const expandableDemo = expandable(row);
     // 禁用一行表格展开 或者 展开表格返回值为false,返回空列
     if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
-    var handCls = function handCls() {
-      var str = 'table-expandable table-body-btn';
+    const handCls = () => {
+      let str = 'table-expandable table-body-btn';
       if (fixedColumn) {
         str += ' table-fixed-dom-left';
         // 左边没有定位,没有嵌套表格
@@ -1407,17 +1349,17 @@ var TableBody = function TableBody(props) {
     }));
   }, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]);
   // 表格一行内容useCallback
-  var TableContentUseCallback = useCallback(function (row, rowIndex) {
-    var params = {
-      orderFieldArr: orderFieldArr,
-      orderTypeArr: orderTypeArr
+  const TableContentUseCallback = useCallback((row, rowIndex) => {
+    const params = {
+      orderFieldArr,
+      orderTypeArr
     };
-    var handContentClass = function handContentClass(item) {
-      var str = 'table-content-columms';
+    const handContentClass = item => {
+      let str = 'table-content-columms';
       if (item.className) str += " ".concat(item.className);
       // 排序
       if (sortTable && item.name && item.sort !== false) {
-        var index = orderFieldArr.indexOf(item.name);
+        const index = orderFieldArr.indexOf(item.name);
         if (index !== -1) {
           // 升序
           if (orderTypeArr[index] === 'asc') {
@@ -1442,8 +1384,8 @@ var TableBody = function TableBody(props) {
       }
       return str;
     };
-    var handStyle = function handStyle(item) {
-      var json = {};
+    const handStyle = item => {
+      const json = {};
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
           json.left = "".concat(item.paraui_left_width, "px");
@@ -1454,12 +1396,12 @@ var TableBody = function TableBody(props) {
       }
       return json;
     };
-    return tableCell ? tableCell(row, params) : headData.map(function (item, index) {
-      var text = row[item.name];
-      var colSpan = 1;
+    return tableCell ? tableCell(row, params) : headData.map((item, index) => {
+      let text = row[item.name];
+      let colSpan = 1;
       if (item.render) text = item.render(row, item, row[item.name], index, rowIndex);
       if (formatter) text = formatter(row, item, row[item.name], index, rowIndex);
-      var itemStyle = handStyle(item);
+      const itemStyle = handStyle(item);
       // 存在显示列,最后一列占两格
       if (showColumns === 'inside' && !operate && index === headData.length - 1) {
         colSpan = 2;
@@ -1483,25 +1425,25 @@ var TableBody = function TableBody(props) {
     });
   }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth]);
   // 操作栏useCallback
-  var TableOperateUseCallback = useCallback(function (row, rowIndex) {
+  const TableOperateUseCallback = useCallback((row, rowIndex) => {
     if (operate) {
-      var colSpan = 1;
+      let colSpan = 1;
       if (showColumns === 'inside') colSpan = 2;
-      var handOperate = function handOperate() {
+      const handOperate = () => {
         if (operate.render) return operate.render(row);
         if (operate.operateBtnRender) {
-          var operateConfig = operate.operateBtnRender(row, rowIndex);
+          const operateConfig = operate.operateBtnRender(row, rowIndex);
           return jsx(OperateBtn, Object.assign({}, operateConfig));
         }
       };
-      var handStyle = function handStyle() {
-        var json = {
+      const handStyle = () => {
+        const json = {
           right: '0'
         };
         return json;
       };
-      var handCls = function handCls() {
-        var str = 'table-operate';
+      const handCls = () => {
+        let str = 'table-operate';
         if (fixedColumn) {
           str += ' table-fixed-dom-right';
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
@@ -1521,11 +1463,11 @@ var TableBody = function TableBody(props) {
     }
   }, [operate, align, showColumns, posFixed, fixedColumn]);
   // 嵌套表格useCallback
-  var TableExpandableContentUseCallback = useCallback(function (row) {
-    var id = row[rowKey];
-    var expandItem = expandableRow[id] || {};
+  const TableExpandableContentUseCallback = useCallback(row => {
+    const id = row[rowKey];
+    const expandItem = expandableRow[id] || {};
     if (expandable && expandItem.status === 'develop') {
-      var expandableDemo = expandable(row);
+      const expandableDemo = expandable(row);
       if (expandableDemo === false) return null; // 展开表格返回值为false,不展示这一行
       return jsx(TrElement, Object.assign({
         className: "table-body-expand-row"
@@ -1540,7 +1482,7 @@ var TableBody = function TableBody(props) {
     }
   }, [expandable, expandableRow, expandableColSpan, rowKey]);
   // 加载更多
-  var MoreMemo = useMemo(function () {
+  const MoreMemo = useMemo(() => {
     if (!loadMore || !showMoreBtn) return null;
     return jsx(TrElement, Object.assign({
       className: "more-table-row",
@@ -1563,10 +1505,10 @@ var TableBody = function TableBody(props) {
       }))
     }));
   }, [expandableColSpan, loadMore, loadMoreRender, onClickMore, showMoreBtn, changePage, loadMoreUrl, lineHeight]);
-  var TableBodySubjectContentMemo = useMemo(function () {
+  const TableBodySubjectContentMemo = useMemo(() => {
     return jsx(Fragment, {
-      children: rowData.map(function (row, index) {
-        var str = 'table-body-row';
+      children: rowData.map((row, index) => {
+        let str = 'table-body-row';
         if (rowClassMapping && rowClassMapping[row[rowKey]]) {
           str += " ".concat(rowClassMapping[row[rowKey]]);
         }
@@ -1576,7 +1518,7 @@ var TableBody = function TableBody(props) {
             style: {
               height: "".concat(lineHeight, "px")
             },
-            onClick: function onClick(e) {
+            onClick: e => {
               onClickRow && onClickRow(row, e);
             }
           }, {
@@ -1587,13 +1529,13 @@ var TableBody = function TableBody(props) {
     });
   }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight]);
   // 内容memo
-  var TableBodyContentMemo = useMemo(function () {
+  const TableBodyContentMemo = useMemo(() => {
     return jsxs(Fragment$1, {
       children: [TableBodySubjectContentMemo, MoreMemo]
     });
   }, [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]);
   // 处理内容
-  var handContent = function handContent() {
+  const handContent = () => {
     // 无数据,且不再请求,显示暂无数据
     if (rowData.length === 0 && !loadState) return NodataMemo;
     return TableBodyContentMemo;
@@ -1605,35 +1547,29 @@ var TableBody = function TableBody(props) {
   }));
 };
 
-var TableHead = function TableHead(props) {
-  var paginationType = props.paginationType,
-    flippingArrow = props.flippingArrow,
-    autoPagination = props.autoPagination,
-    total = props.total,
-    page = props.page,
-    rowsPerPage = props.rowsPerPage,
-    currentRowsPerPage = props.currentRowsPerPage,
-    changePage = props.changePage,
-    changeRowsPerPage = props.changeRowsPerPage,
-    refreshInside = props.refreshInside,
-    checkCount = props.checkCount,
-    onRefresh = props.onRefresh,
-    selectAll = props.selectAll,
-    selectStatus = props.selectStatus,
-    _props$checkNumber = props.checkNumber,
-    checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber,
-    _props$currentPageTot = props.currentPageTotal,
-    currentPageTotal = _props$currentPageTot === void 0 ? 0 : _props$currentPageTot;
-  var intl = useFormatMessage('Table', localeJson);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    indeterminate = _useState2[0],
-    setIndeterminate = _useState2[1]; // 半选中
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checked = _useState4[0],
-    setChecked = _useState4[1]; // 选中
-  useEffect(function () {
+const TableHead = props => {
+  const {
+    paginationType,
+    flippingArrow,
+    autoPagination,
+    total,
+    page,
+    rowsPerPage,
+    currentRowsPerPage,
+    changePage,
+    changeRowsPerPage,
+    refreshInside,
+    checkCount,
+    onRefresh,
+    selectAll,
+    selectStatus,
+    checkNumber = 0,
+    currentPageTotal = 0
+  } = props;
+  const intl = useFormatMessage('Table', localeJson);
+  const [indeterminate, setIndeterminate] = useState(false); // 半选中
+  const [checked, setChecked] = useState(false); // 选中
+  useEffect(() => {
     // 全选
     if (selectStatus === 'all') {
       setChecked(true);
@@ -1655,23 +1591,23 @@ var TableHead = function TableHead(props) {
    * @param event 操作元素
    * @param bol 选中 / 不选中
    */
-  var onSelectAll = function onSelectAll(event, bol) {
+  const onSelectAll = (event, bol) => {
     if (selectAll) selectAll(event, bol);
   };
   // 改变页面
-  var changePageCom = function changePageCom(num) {
+  const changePageCom = num => {
     changePage && changePage(num);
   };
   // 改变每页显示条数
-  var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
+  const changeRowsPerPageCom = num => {
     changeRowsPerPage && changeRowsPerPage(num);
   };
   // 刷新
-  var clickRefresh = function clickRefresh() {
+  const clickRefresh = () => {
     onRefresh && onRefresh();
   };
   // 处理分页右侧
-  var handlePaginationRight = function handlePaginationRight() {
+  const handlePaginationRight = () => {
     if (!checkCount) return null;
     return jsxs("div", Object.assign({
       className: 'table-pagination-right'
@@ -1694,8 +1630,8 @@ var TableHead = function TableHead(props) {
     }));
   };
   // 处理样式
-  var handleClass = function handleClass() {
-    var str = 'table-pagination';
+  const handleClass = () => {
+    const str = 'table-pagination';
     return str;
   };
   return jsxs("div", Object.assign({
@@ -1712,9 +1648,7 @@ var TableHead = function TableHead(props) {
       currentRowsPerPage: currentRowsPerPage,
       changePage: changePageCom,
       changeRowsPerPage: changeRowsPerPageCom,
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
-      }
+      getPopupContainer: () => document.body
     }), refreshInside && jsx(Button.IconButton, Object.assign({
       className: 'refresh-btn',
       variant: "outlined",
@@ -1728,14 +1662,16 @@ var TableHead = function TableHead(props) {
 var css_248z$2 = ".table-container {\n  overflow-x: auto;\n}";
 styleInject(css_248z$2);
 
-var TableContainer = function TableContainer(props) {
-  var cRef = props.cRef,
-    className = props.className,
-    style = props.style,
-    children = props.children,
+const TableContainer = props => {
+  const {
+      cRef,
+      className,
+      style,
+      children
+    } = props,
     otherProps = __rest(props, ["cRef", "className", "style", "children"]);
-  var handClass = function handClass() {
-    var str = 'table-container';
+  const handClass = () => {
+    let str = 'table-container';
     if (className) str += " ".concat(className);
     return str;
   };
@@ -1751,14 +1687,16 @@ var TableContainer = function TableContainer(props) {
 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}";
 styleInject(css_248z$1);
 
-var TableElement = function TableElement(props) {
-  var className = props.className,
-    style = props.style,
-    fixedColumn = props.fixedColumn,
-    children = props.children,
+const TableElement = props => {
+  const {
+      className,
+      style,
+      fixedColumn,
+      children
+    } = props,
     otherProps = __rest(props, ["className", "style", "fixedColumn", "children"]);
-  var handClass = function handClass() {
-    var str = 'table-element';
+  const handClass = () => {
+    let str = 'table-element';
     if (fixedColumn) str += ' table-element-fixed-column';
     if (className) str += " ".concat(className);
     return str;
@@ -1771,212 +1709,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 +1831,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 +1841,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 +1915,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 +1938,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 +1997,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 +2061,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 +2075,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 +2092,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 +2106,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 +2126,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 +2146,7 @@ var Table = function Table(propsInit) {
     return false;
   };
   /** 本地显示列key */
-  var getTableHeadKey = function getTableHeadKey() {
+  const getTableHeadKey = () => {
     // 自定义key
     if (props.tableKey) {
       return props.tableKey;
@@ -2318,19 +2162,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 +2182,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 +2204,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 +2215,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 +2228,8 @@ var Table = function Table(propsInit) {
     }
   };
   /** 处理序号 */
-  var handSerial = function handSerial(arr) {
-    var defaultVal = {
+  const handSerial = arr => {
+    const defaultVal = {
       label: intl({
         id: 'serial'
       }),
@@ -2397,7 +2241,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 +2258,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 +2274,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 +2289,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 +2314,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 +2333,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 +2386,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 +2406,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 +2429,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 +2450,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 +2522,7 @@ var Table = function Table(propsInit) {
         setPageCom(Number(data.page));
       }
     } else {
-      var handData1 = [];
+      let handData1 = [];
       if (data instanceof Array) {
         handData1 = data;
       } else {
@@ -2727,15 +2535,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 +2556,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 +2564,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 +2572,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 +2581,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 +2602,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 +2631,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 +2647,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 +2669,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 +2682,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 +2700,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 +2721,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 +2767,7 @@ var Table = function Table(propsInit) {
     });
   };
   // 表格头部memo
-  var TableHeadMemo = useMemo(function () {
+  const TableHeadMemo = useMemo(() => {
     return jsx(TableHead$1, {
       orderTypeArr: orderTypeArr,
       orderFieldArr: orderFieldArr,
@@ -2993,7 +2801,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 +2839,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 +2851,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 +2865,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 +2873,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 +2892,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 +2909,7 @@ var Table = function Table(propsInit) {
     return str;
   };
   // 改变屏幕大小
-  var changeResize = function changeResize() {
+  const changeResize = () => {
     tableBoxScroll({
       target: containerRef.current
     });