@para-ui/core 3.0.27 → 3.0.29

package/Table/index.js

@@ -1,13 +1,13 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-f8047a75.js';
+import { _ as _toConsumableArray } from '../_verture/toConsumableArray-87c7d895.js';
 import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-d7722f4b.js';
-import { r as regenerator } from '../_verture/index-342379c6.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-77980792.js';
+import { r as regenerator } from '../_verture/index-06fea29b.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, ArrayToObject, Cancel } from '@paraview/lib';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { $ as $prefixCls } from '../_verture/constant-bf34e6fa.js';
+import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
 import { Popover } from '../Popover/index.js';
 import { Checkbox } from '../Checkbox/index.js';
 import { Button } from '../Button/index.js';
@@ -16,64 +16,61 @@ 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-f4452258.js';
-import { _ as _defineProperty } from '../_verture/defineProperty-0590dc61.js';
+import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-62acccfc.js';
 import { Radio } from '../Radio/index.js';
 import Empty from '../Empty/index.js';
 import OperateBtn from '../OperateBtn/index.js';
 import Down from '@para-ui/icons/Down';
 import { Pagination } from '../Pagination/index.js';
 import { Loading } from '../Loading/index.js';
-import { u as useGlobalProps } from '../_verture/useGlobalProps-af9a2af6.js';
+import { u as useGlobalProps } from '../_verture/useGlobalProps-1b846a65.js';
 import '../Tooltip/index.js';
 import 'rc-tooltip';
 import 'rc-tooltip/lib/placements';
 import 'clsx';
-import '../_verture/usePopupContainer-b8ab7cab.js';
+import '../_verture/usePopupContainer-87febeb9.js';
 import '../Label/index.js';
 import '../Help/index.js';
 import '@para-ui/icons/Help';
 import '@para-ui/icons/LoadingF';
 import '@para-ui/icons/Forbid';
-import '../_verture/index-bbed73a3.js';
+import '../_verture/index-be4faaee.js';
 import 'rc-dropdown';
 import 'dayjs';
 import '@para-ui/core/GlobalContext';
 import '@para-ui/icons/More';
-import 'rc-pagination';
-import '@para-ui/icons/DoubleLeft';
-import '@para-ui/icons/DoubleRight';
-import '@para-ui/icons/Left';
-import '@para-ui/icons/Right';
+import '../TextField/index.js';
+import '@para-ui/icons/PreviewClose';
+import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/CloseCircle';
+import '../HelperText/index.js';
 import '../Select/index.js';
 import '@para-ui/icons/Close';
-import '@para-ui/icons/CloseCircle';
 import '@para-ui/icons/Check';
 import '@para-ui/icons/Search';
-import '../HelperText/index.js';
-import '../TextField/index.js';
-import '@para-ui/icons/PreviewClose';
-import '@para-ui/icons/PreviewOpen';
+import '@para-ui/icons/DoubleLeft';
+import '@para-ui/icons/Left';
+import 'rc-pagination';
+import '@para-ui/icons/Right';
+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,
-      otherProps = __rest(obj, ["method", "url", "ctx", "data"]);
-
+    url = obj.url,
+    ctx = obj.ctx,
+    data = obj.data,
+    otherProps = __rest(obj, ["method", "url", "ctx", "data"]);
   if (method === 'Get') {
     return Get(Object.assign({
       url: url,
       ctx: ctx
     }, otherProps));
   }
-
   if (method === 'Post') {
     return Post(Object.assign({
       url: url,
@@ -87,41 +84,33 @@ 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') {
       val = encodeURIComponent(JSON.stringify(val));
     } else {
       val = encodeURIComponent(val);
     }
-
     paramsArr.push(key + '=' + val);
   }
-
   var paramsStr = paramsArr.join('&');
   var pos = str.indexOf('?');
-
   if (pos !== -1) {
     str += (pos === str.length - 1 ? '' : '&') + paramsStr;
   } else {
     str += '?' + paramsStr;
   }
-
   return str;
 };
 /**
  * 提取字符串里面的数字
  * */
-
 var getStringInNumber = function getStringInNumber(str) {
   if (typeof str === 'number') return str;
   var strHand = str.replace(/[^0-9$]/ig, '');
@@ -132,34 +121,28 @@ var getStringInNumber = function getStringInNumber(str) {
  * @param key {string} 键值
  * @param num {number} 过期天数
  * */
-
 var getLocalStorageSelectHead = function 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];
     if (!item) continue;
     var newDate = new Date().getTime(); // 当前时间
-
     var endTime = item.storageTime + item.validity; // 过期时间
     // 过期时间 小于 当前时间, 说明已经过期了, 删除当前表格列数据
-
     if (endTime < newDate) {
       delete headJson[keyStr];
     }
   }
-
-  var headJsonItem = headJson[key]; // 重置过期时间
-
+  var headJsonItem = headJson[key];
+  // 重置过期时间
   if (headJsonItem) {
     headJsonItem.storageTime = new Date().getTime();
     headJsonItem.validity = num * (60 * 60 * 24);
   }
-
   return headJsonItem || {};
 };
 /**
@@ -167,7 +150,6 @@ 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);
@@ -179,18 +161,14 @@ 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;
-
   while (el) {
     if (matchesSelector.call(el, selector)) {
       break;
     }
-
     el = el.parentElement;
   }
-
   return el;
 };
 
@@ -199,16 +177,14 @@ styleInject(css_248z$7);
 
 var TableHeadElement = function TableHeadElement(props) {
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      otherProps = __rest(props, ["className", "style", "children"]);
-
+    style = props.style,
+    children = props.children,
+    otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-head-element';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("thead", Object.assign({
     className: handClass(),
     style: style
@@ -222,16 +198,14 @@ styleInject(css_248z$6);
 
 var TrElement = function TrElement(props) {
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      otherProps = __rest(props, ["className", "style", "children"]);
-
+    style = props.style,
+    children = props.children,
+    otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'tr-element';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("tr", Object.assign({
     className: handClass(),
     style: style
@@ -245,15 +219,14 @@ styleInject(css_248z$5);
 
 var ThElement = function ThElement(props) {
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      draggable = props.draggable,
-      _props$lineWidth = props.lineWidth,
-      lineWidth = _props$lineWidth === void 0 ? 80 : _props$lineWidth,
-      headCell = props.headCell,
-      onDragDown = props.onDragDown,
-      otherProps = __rest(props, ["className", "style", "children", "draggable", "lineWidth", "headCell", "onDragDown"]);
-
+    style = props.style,
+    children = props.children,
+    draggable = props.draggable,
+    _props$lineWidth = props.lineWidth,
+    lineWidth = _props$lineWidth === void 0 ? 80 : _props$lineWidth,
+    headCell = props.headCell,
+    onDragDown = props.onDragDown,
+    otherProps = __rest(props, ["className", "style", "children", "draggable", "lineWidth", "headCell", "onDragDown"]);
   var domRef = useRef(null);
   var constData = useRef({
     startX: 0,
@@ -262,47 +235,39 @@ var ThElement = function ThElement(props) {
     tableContainer: null,
     lineDom: null,
     th: null
-  }); // 处理最小宽度
-
+  });
+  // 处理最小宽度
   var handMinWidth = function handMinWidth(e) {
-    var minWidth = lineWidth; // 自身设置列宽度小于默认列宽度,最小取自身的
-
+    var minWidth = lineWidth;
+    // 自身设置列宽度小于默认列宽度,最小取自身的
     if (headCell === null || headCell === void 0 ? void 0 : headCell.width) {
       var width = getStringInNumber(headCell.width);
       if (width < minWidth) minWidth = width;
     }
-
     var thWidth = constData.current.th.offsetWidth; // th宽度
-
     var moveX = e.clientX - constData.current.startX; // 移动的位置
-
     var handWidth = thWidth + moveX;
     var initX = constData.current.th.offsetLeft + thWidth;
-    var left = initX + moveX; // 移动以后的宽度小于最小宽度,取最小宽度
-
+    var left = initX + moveX;
+    // 移动以后的宽度小于最小宽度,取最小宽度
     if (handWidth < minWidth) {
       // 超出大小限制
       handWidth = minWidth;
       left = constData.current.th.offsetLeft + handWidth;
     }
-
     return {
       width: handWidth,
       left: left // 定位线居左距离
-
     };
-  }; // 鼠标移动事件
-
-
+  };
+  // 鼠标移动事件
   var mousemove = function mousemove(e) {
     var result = handMinWidth(e);
     constData.current.lineDom.style.left = result.left + 'px';
-  }; // 鼠标抬起
-
-
+  };
+  // 鼠标抬起
   var mouseup = function mouseup(e) {
     var _a, _b;
-
     var dom = domRef.current;
     var result = handMinWidth(e);
     dom.style.width = result.width + 'px';
@@ -311,12 +276,10 @@ var ThElement = function ThElement(props) {
     onDragDown && onDragDown(result);
     window.removeEventListener('mousemove', mousemove);
     window.removeEventListener('mouseup', mouseup);
-  }; // 鼠标按下
-
-
+  };
+  // 鼠标按下
   var onMouseDown = function onMouseDown(e) {
     var _a;
-
     constData.current.startX = e.clientX;
     constData.current.table = closest(domRef.current, ".".concat($prefixCls, "-table"));
     constData.current.tableContainer = closest(domRef.current, ".".concat($prefixCls, "-table .table-container"));
@@ -327,41 +290,35 @@ var ThElement = function ThElement(props) {
     window.addEventListener('mouseup', mouseup);
   };
   /** 添加定位线 */
-
-
   var appendLine = function appendLine() {
     if (!constData.current.tableContainer || !constData.current.th) return;
     var tableDom = closest(domRef.current, ".".concat($prefixCls, "-table .table-container table"));
     var tableContainerHeight = constData.current.tableContainer.offsetHeight;
     var tableDomHeight = tableDom.offsetHeight;
     var div = document.createElement('div');
-    div.setAttribute('class', 'table-pos-line'); // 定位线高度
-
-    div.style.height = (tableDomHeight > tableContainerHeight ? tableContainerHeight : tableDomHeight) + 'px'; // 定位线的居左距离
-
+    div.setAttribute('class', 'table-pos-line');
+    // 定位线高度
+    div.style.height = (tableDomHeight > tableContainerHeight ? tableContainerHeight : tableDomHeight) + 'px';
+    // 定位线的居左距离
     div.style.left = constData.current.th.offsetLeft + constData.current.th.offsetWidth + 'px';
     constData.current.lineDom = div;
     constData.current.tableContainer.appendChild(div);
   };
   /** 拖动元素 */
-
-
   var handDrag = function handDrag() {
     if (!draggable) return null;
     return jsx("div", {
       className: "th-element-draggable-box",
       onMouseDown: onMouseDown
     });
-  }; // 处理className
-
-
+  };
+  // 处理className
   var handClass = function handClass() {
     var str = 'th-element';
     if (draggable) str += ' th-element-draggable';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsxs("th", Object.assign({
     className: handClass(),
     style: style
@@ -395,87 +352,72 @@ var localeJson = {
 
 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;
-
+    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;
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      indeterminate = _useState2[0],
-      setIndeterminate = _useState2[1]; // 半选中
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    indeterminate = _useState2[0],
+    setIndeterminate = _useState2[1]; // 半选中
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      checked = _useState4[0],
-      setChecked = _useState4[1]; // 选中
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    checked = _useState4[0],
+    setChecked = _useState4[1]; // 选中
   var _useState5 = useState(null),
-      _useState6 = _slicedToArray(_useState5, 2),
-      anchorElColums = _useState6[0],
-      setAnchorElColums = _useState6[1]; // 显示列定位元素
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorElColums = _useState6[0],
+    setAnchorElColums = _useState6[1]; // 显示列定位元素
   var _useState7 = useState({}),
-      _useState8 = _slicedToArray(_useState7, 2),
-      headDataJson = _useState8[0],
-      setHeadDataJson = _useState8[1]; // 显示列json
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    headDataJson = _useState8[0],
+    setHeadDataJson = _useState8[1]; // 显示列json
   var _useState9 = useState({}),
-      _useState10 = _slicedToArray(_useState9, 2),
-      filterHead = _useState10[0],
-      setFilterHead = _useState10[1]; // 过滤项当前表头数据
-
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    filterHead = _useState10[0],
+    setFilterHead = _useState10[1]; // 过滤项当前表头数据
   var _useState11 = useState({}),
-      _useState12 = _slicedToArray(_useState11, 2),
-      selectFilterCom = _useState12[0],
-      setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
-
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectFilterCom = _useState12[0],
+    setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
   var intl = useFormatMessage('Table', localeJson);
   useEffect(function () {
     // 全选
     if (selectStatus === 'all') {
       setChecked(true);
       setIndeterminate(false);
-    } // 半选
-
-
+    }
+    // 半选
     if (selectStatus === 'half') {
       setChecked(false);
       setIndeterminate(true);
-    } // 不选
-
-
+    }
+    // 不选
     if (selectStatus === 'not') {
       setChecked(false);
       setIndeterminate(false);
@@ -484,12 +426,10 @@ var TableHead$1 = function TableHead(props) {
   useEffect(function () {
     if (headData) {
       var json = [];
-
       for (var i = 0, l = headData.length; i < l; i++) {
         var item = headData[i];
         json[item.name] = item;
       }
-
       setHeadDataJson(json);
     }
   }, [headData]);
@@ -501,7 +441,6 @@ var TableHead$1 = function TableHead(props) {
    * @param name 排序列
    * @param event 当前排序元素
    */
-
   var createSortHandler = function createSortHandler(name, item) {
     return function (event) {
       // 不存在排序,不触发事件
@@ -514,8 +453,6 @@ var TableHead$1 = function TableHead(props) {
    * @param event 操作元素
    * @param bol 选中 / 不选中
    */
-
-
   var onSelectAll = function onSelectAll(event, bol) {
     if (selectAll) selectAll(event, bol);
   };
@@ -523,13 +460,10 @@ var TableHead$1 = function TableHead(props) {
    * 点击显示选择列
    * @param event 点击元素
    */
-
-
   var clickShowColums = function clickShowColums(event) {
     setAnchorElColums(event.currentTarget);
-  }; // 点击隐藏选择列
-
-
+  };
+  // 点击隐藏选择列
   var clickHideColums = function clickHideColums(bol) {
     if (bol) return;
     setAnchorElColums(null);
@@ -538,33 +472,27 @@ var TableHead$1 = function TableHead(props) {
    * 点击显示列 列表
    * @param item 详细
    */
-
-
   var clickColumsList = function clickColumsList(item) {
     return function () {
       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);
       }
     };
-  }; // 重置显示列
-
-
+  };
+  // 重置显示列
   var resetShowList = function resetShowList() {
     changeShowList && changeShowList(headData, true);
   };
@@ -573,29 +501,24 @@ var TableHead$1 = function TableHead(props) {
    * @param headCell 当前列信息
    * @param event 元素
    */
-
-
   var clickShowFilter = function clickShowFilter(headCell) {
     return function (event) {
       setFilterHead(headCell);
       setSelectFilterCom(Object.assign({}, selectFilter));
     };
-  }; // 点击隐藏过滤
-
-
+  };
+  // 点击隐藏过滤
   var clickHideFilter = function 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);
@@ -603,18 +526,14 @@ var TableHead$1 = function TableHead(props) {
         // 不勾选 -> 勾选
         filterValue.push(item.value);
       }
-
       var filterRadio = filterHead.filterRadio;
-
       if (filterRadio) {
         // 过滤单个
         var num = filterValue.indexOf(item.value);
-
         if (num !== -1) {
           filterValue = [filterValue[num]];
         }
       }
-
       selectFilterCom[name] = filterValue;
       setSelectFilterCom(Object.assign({}, selectFilterCom));
     };
@@ -623,8 +542,6 @@ var TableHead$1 = function TableHead(props) {
    * 重置 / 确定过滤
    * @param type {'reset' | 'confirm'}  重置 / 确定过滤
    */
-
-
   var filterFunc = function filterFunc(type) {
     return function () {
       if (type === 'confirm') {
@@ -643,53 +560,43 @@ var TableHead$1 = function TableHead(props) {
    * 处理TableCell
    * @param item 当前列信息
    */
-
-
   var handCellClass = function handCellClass(item) {
-    var str = 'table-header-box'; // 排序
-
+    var str = 'table-header-box';
+    // 排序
     if (sortTable && item.name && item.sort !== false) {
       str += ' table-header-box-sort';
       var index = orderFieldArr.indexOf(item.name);
-
       if (index !== -1) {
         // 升序
         if (orderTypeArr[index] === 'asc') {
           str += ' table-header-box-sort-asc';
-        } // 降序
-
-
+        }
+        // 降序
         if (orderTypeArr[index] === 'desc') {
           str += ' table-header-box-sort-desc';
         }
       }
-    } // 过滤
-
-
+    }
+    // 过滤
     if (filter && item.name && item.filter) {
       str += ' table-header-box-filter';
     }
-
     return str;
-  }; // 复选框memo
-
-
+  };
+  // 复选框memo
   var TableCheckMemo = useMemo(function () {
     if (check) {
       var handCls = function handCls() {
         var str = 'table-checkbox table-head-btn';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-left'; // 左边没有定位,且没有单选,没有嵌套表格
-
+          str += ' table-fixed-dom-left';
+          // 左边没有定位,且没有单选,没有嵌套表格
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol) && !radio && !expandable) {
             str += ' table-fixed-dom-left-last';
           }
         }
-
         return str;
       };
-
       return jsx(ThElement, Object.assign({
         align: "center",
         className: handCls(),
@@ -706,24 +613,21 @@ var TableHead$1 = function TableHead(props) {
         }))
       }));
     }
-  }, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]); // 单选框memo
-
+  }, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]);
+  // 单选框memo
   var TableRadioMemo = useMemo(function () {
     if (radio) {
       var handCls = function handCls() {
         var str = 'table-radio table-head-btn';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-left'; // 左边没有定位,没有嵌套表格
-
+          str += ' table-fixed-dom-left';
+          // 左边没有定位,没有嵌套表格
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol) && !expandable) {
             str += ' table-fixed-dom-left-last';
           }
         }
-
         return str;
       };
-
       return jsx(ThElement, Object.assign({
         align: "center",
         className: handCls(),
@@ -734,24 +638,21 @@ var TableHead$1 = function TableHead(props) {
         })
       }));
     }
-  }, [radio, posFixed, expandable, fixedColumn]); // 嵌套表格memo
-
+  }, [radio, posFixed, expandable, fixedColumn]);
+  // 嵌套表格memo
   var TableExpandableMemo = useMemo(function () {
     if (expandable) {
       var handCls = function handCls() {
         var str = 'table-expandable table-head-btn';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-left'; // 左边没有定位,没有嵌套表格
-
+          str += ' table-fixed-dom-left';
+          // 左边没有定位,没有嵌套表格
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol)) {
             str += ' table-fixed-dom-left-last';
           }
         }
-
         return str;
       };
-
       return jsx(ThElement, Object.assign({
         align: "center",
         className: handCls(),
@@ -762,8 +663,8 @@ var TableHead$1 = function TableHead(props) {
         })
       }));
     }
-  }, [expandable, posFixed, fixedColumn]); // 过滤弹窗内容
-
+  }, [expandable, posFixed, fixedColumn]);
+  // 过滤弹窗内容
   var filterPopoverContent = function filterPopoverContent() {
     return jsxs("div", Object.assign({
       className: "filter-select"
@@ -811,25 +712,22 @@ var TableHead$1 = function TableHead(props) {
         }))]
       }))]
     }));
-  }; // 表格列拖拽放下
-
-
+  };
+  // 表格列拖拽放下
   var onDragDown = function onDragDown(headCell) {
     return function (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;
     if (wDrag) w = wDrag + 'px';
     return w;
-  }; // 内容列memo
-
-
+  };
+  // 内容列memo
   var TableContentMemo = useMemo(function () {
     // 处理过滤的class
     var handFilterClass = function handFilterClass(item) {
@@ -838,46 +736,37 @@ var TableHead$1 = function TableHead(props) {
       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 = '';
       if (item.className) str += item.className;
-
       if (fixedColumn && item.fixed) {
-        str += ' table-fixed-dom-' + item.fixed; // 固定左边,判断是否是最后一个
-
+        str += ' table-fixed-dom-' + item.fixed;
+        // 固定左边,判断是否是最后一个
         if (item.fixed === 'left' && item.paraui_fixed_left_last) {
           str += ' table-fixed-dom-left-last';
-        } // 固定右边,判断是否是第一个
-
-
+        }
+        // 固定右边,判断是否是第一个
         if (item.fixed === 'right' && item.paraui_fixed_right_first) {
           str += ' table-fixed-dom-right-first';
         }
       }
-
       return str;
     };
-
     var handStyle = function handStyle(item) {
       var json = {
         width: getWidth(item)
       };
-
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
           json.left = item.paraui_left_width + 'px';
         }
-
         if (item.fixed === 'right') {
           json.right = item.paraui_right_width + 'px';
         }
       }
-
       return Object.assign(Object.assign({}, json), item.style);
-    }; // 处理过滤
-
-
+    };
+    // 处理过滤
     var handFilterPopover = function handFilterPopover(item) {
       return jsx(Popover, Object.assign({
         placement: "bottom-end",
@@ -895,16 +784,13 @@ var TableHead$1 = function TableHead(props) {
           })
         }))
       }));
-    }; // 处理拖拽
-
-
+    };
+    // 处理拖拽
     var handDrag = function 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) {
       return jsx(ThElement, Object.assign({
         className: handCls(headCell),
@@ -946,37 +832,31 @@ var TableHead$1 = function TableHead(props) {
         }))
       }), headCell.name || index);
     });
-  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig]); // 操作栏memo
-
+  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig]);
+  // 操作栏memo
   var TableOperateMemo = useMemo(function () {
     if (operate) {
       var handCls = function handCls() {
         var str = 'table-operate';
         if (operate.operateBtnRender) str += ' table-operate-small';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-right'; // 存在显示列,且没有右侧固定列
-
+          str += ' table-fixed-dom-right';
+          // 存在显示列,且没有右侧固定列
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
             str += ' table-fixed-dom-right-first';
           }
         }
-
         return str;
       };
-
       var handStyle = function handStyle() {
         var json = {
           width: operate.width
         };
-
         if (fixedColumn) {
           json.right = showColumns === "inside" ? '56px' : '0px';
         }
-
         return Object.assign(Object.assign({}, json), operate.style);
       };
-
       return jsx(ThElement, Object.assign({
         align: operate.align || align,
         style: handStyle(),
@@ -1002,8 +882,8 @@ var TableHead$1 = function TableHead(props) {
         }))
       }));
     }
-  }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn]); // 显示列弹窗内容
-
+  }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn]);
+  // 显示列弹窗内容
   var showListContent = function showListContent() {
     return jsxs("div", Object.assign({
       className: "show-colums-select"
@@ -1039,20 +919,17 @@ var TableHead$1 = function TableHead(props) {
         }))
       }))]
     }));
-  }; // 显示列memo
-
-
+  };
+  // 显示列memo
   var TableShowList = useMemo(function () {
     var handCls = function handCls() {
-      var str = 'show-colums table-fixed-dom-right'; // 没有固定列参数 或者 没有操作栏且没有右侧固定列
-
+      var 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';
       }
-
       return str;
     };
-
     return showColumns === 'inside' && jsx(Popover, Object.assign({
       placement: "bottom-end",
       visible: Boolean(anchorElColums),
@@ -1073,18 +950,16 @@ var TableHead$1 = function TableHead(props) {
         }))
       }))
     }));
-  }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson]); // 处理class
-
+  }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson]);
+  // 处理class
   var handClass = function handClass() {
     var str = 'table-head';
     if (showColumns === 'inside') str += ' table-head-inside';
     if (!fixedTable) str += ' table-head-scroll'; // 防止长度过长
     // 没有 复选框,单选框,展开 按钮
-
     if (!check && !radio && !expandable) str += ' table-head-no-btn';
     return str;
   };
-
   return jsx(TableHeadElement, Object.assign({
     className: handClass()
   }, {
@@ -1099,16 +974,14 @@ styleInject(css_248z$4);
 
 var TableBodyElement = function TableBodyElement(props) {
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      otherProps = __rest(props, ["className", "style", "children"]);
-
+    style = props.style,
+    children = props.children,
+    otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-body-element';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("tbody", Object.assign({
     className: handClass(),
     style: style
@@ -1122,16 +995,14 @@ styleInject(css_248z$3);
 
 var TdElement = function TdElement(props) {
   var className = props.className,
-      style = props.style,
-      children = props.children,
-      otherProps = __rest(props, ["className", "style", "children"]);
-
+    style = props.style,
+    children = props.children,
+    otherProps = __rest(props, ["className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'td-element';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("td", Object.assign({
     className: handClass(),
     style: style
@@ -1142,93 +1013,83 @@ 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;
-
+    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;
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      expandableColSpan = _useState2[0],
-      setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    expandableColSpan = _useState2[0],
+    setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
   var _useState3 = useState({}),
-      _useState4 = _slicedToArray(_useState3, 2),
-      expandableRow = _useState4[0],
-      setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    expandableRow = _useState4[0],
+    setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
   var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showMoreBtn = _useState6[0],
-      setShowMoreBtn = _useState6[1]; // 加载更多
-
-
+    _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); // 默认是否展开所有
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    disabledExpandJson = _useState8[0],
+    setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
+  var intl = useFormatMessage('Table', localeJson);
+  // 默认是否展开所有
   useEffect(function () {
     if (!defaultExpandAllRows) {
       setExpandableRow({});
       return;
     }
-
     var json = {};
-
     for (var i = 0, l = rowData.length; i < l; i++) {
       var item = rowData[i] || {};
       var id = item[rowKey];
@@ -1237,20 +1098,18 @@ var TableBody = function TableBody(props) {
         status: 'develop'
       };
     }
-
     setExpandableRow(json);
-  }, [defaultExpandAllRows, rowData, rowKey]); // 监听展开表格
+  }, [defaultExpandAllRows, rowData, rowKey]);
+  // 监听展开表格
   // 如果直接写expandMultiple, expandValue会死循环
-
   useEffect(function () {
     if (props.expandValue === undefined) return;
     var json = {};
-    var expandValueHand = expandValue; // 只展开一个,去第一个值
-
+    var expandValueHand = expandValue;
+    // 只展开一个,去第一个值
     if (!expandMultiple && expandValue.length > 0) {
       expandValueHand = [expandValue[0]];
     }
-
     for (var i = 0, l = expandValueHand.length; i < l; i++) {
       var id = expandValueHand[i];
       json[id] = {
@@ -1258,18 +1117,15 @@ var TableBody = function TableBody(props) {
         status: 'develop'
       };
     }
-
     setExpandableRow(json);
-  }, [props.expandMultiple, props.expandValue, rowData]); // 监听禁用嵌套 props.disabledExpand 防止死循环
-
+  }, [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];
       json[id] = true;
     }
-
     setDisabledExpand(json);
   }, [props.disabledExpand]);
   useEffect(function () {
@@ -1277,8 +1133,8 @@ var TableBody = function TableBody(props) {
       var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
       setShowMoreBtn(bol);
     }
-  }, [loadMoreUrl, total, page, currentRowsPerPage]); // 处理嵌套表格合并列数
-
+  }, [loadMoreUrl, total, page, currentRowsPerPage]);
+  // 处理嵌套表格合并列数
   useEffect(function () {
     var num = headData.length;
     if (expandable) num += 1;
@@ -1287,8 +1143,8 @@ var TableBody = function TableBody(props) {
     if (operate) num += 1;
     if (showColumns === 'inside') num += 1;
     setExpandableColSpan(num);
-  }, [headData, expandable, check, radio]); // 展开/收起嵌套表格
-
+  }, [headData, expandable, check, radio]);
+  // 展开/收起嵌套表格
   var handClickNestTable = function handClickNestTable(row) {
     return function (event) {
       var id = row[rowKey];
@@ -1299,7 +1155,6 @@ var TableBody = function TableBody(props) {
         id: id,
         status: status
       };
-
       if (expandMultiple) {
         // 展开多个
         expandableRow[id] = expandItem;
@@ -1308,62 +1163,51 @@ var TableBody = function TableBody(props) {
         // 展开一个
         setExpandableRow(_defineProperty({}, id, expandItem));
       }
-
       onExpand && onExpand(row, status);
       event.stopPropagation();
     };
-  }; // 处理class
-
-
+  };
+  // 处理class
   var handClass = function handClass() {
     var str = 'table-body';
-    if (!fixedTable) str += ' table-body-scroll'; // 没有 复选框,单选框,展开 按钮
-
+    if (!fixedTable) str += ' table-body-scroll';
+    // 没有 复选框,单选框,展开 按钮
     if (!check && !radio && !expandable) str += ' table-body-no-btn';
     return str;
-  }; // 处理嵌套表格class
-
-
+  };
+  // 处理嵌套表格class
   var handExpandClass = function handExpandClass(row) {
     var id = row[rowKey];
     var expandItem = expandableRow[id] || {};
     var str = 'retract';
-
     if (expandItem.status === 'develop') {
       str = 'expand';
     }
-
     return str;
-  }; // 点击加载更多
-
-
+  };
+  // 点击加载更多
   var clickMore = function clickMore() {
     if (loadMoreUrl) changePage && changePage();
     onClickMore && onClickMore();
-  }; // 暂无数据memo
-
-
+  };
+  // 暂无数据memo
   var NodataMemo = useMemo(function () {
     // 处理刷新按钮
     var handRefreshBtn = function handRefreshBtn() {
       if ((emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh) !== undefined) {
         return emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.showRefresh;
       }
-
       if (url) {
         return true;
       }
-
       return false;
-    }; // 处理className
-
-
+    };
+    // 处理className
     var handClassNoData = function handClassNoData() {
       var str = 'table-no-data';
       if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += ' table-no-data-' + (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
       return str;
     };
-
     return jsx(TrElement, Object.assign({
       className: handClassNoData()
     }, {
@@ -1378,52 +1222,44 @@ var TableBody = function TableBody(props) {
               emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh(event);
               return;
             }
-
             _onRefresh && _onRefresh();
           }
         }))
       }))
     }));
-  }, [expandableColSpan, emptyProps, url, _onRefresh]); // 复选框useCallback
-
+  }, [expandableColSpan, emptyProps, url, _onRefresh]);
+  // 复选框useCallback
   var TableCheckCallback = useCallback(function (row) {
     if (check) {
       var handId = row[rowKey];
       var disabledHand = Boolean(disabledJson[handId]);
       var checkHand = checkJson[handId] || false;
       var showCheck = true;
-
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
           checkHand = true;
-        } // 不选中
-
-
+        }
+        // 不选中
         if (disabledArrStatus[handId] === false) {
           checkHand = false;
-        } // 不显示
-
-
+        }
+        // 不显示
         if (disabledArrStatus[handId] === null) {
           showCheck = false;
         }
       }
-
       var handCls = function handCls() {
         var str = 'table-checkbox table-body-btn';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-left'; // 左边没有定位,且没有单选,没有嵌套表格
-
+          str += ' table-fixed-dom-left';
+          // 左边没有定位,且没有单选,没有嵌套表格
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol) && !radio && !expandable) {
             str += ' table-fixed-dom-left-last';
           }
         }
-
         return str;
       };
-
       return jsx(TdElement, Object.assign({
         align: "center",
         className: handCls()
@@ -1438,46 +1274,39 @@ var TableBody = function TableBody(props) {
         })
       }));
     }
-  }, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]); // 单选框useCallback
-
+  }, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]);
+  // 单选框useCallback
   var TableRadioCallback = useCallback(function (row) {
     if (radio) {
       var handId = row[rowKey];
       var disabledHand = Boolean(disabledJson[handId]);
       var checkHand = radioValue === row[rowKey];
       var showRadio = true;
-
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
           checkHand = true;
-        } // 不选中
-
-
+        }
+        // 不选中
         if (disabledArrStatus[handId] === false) {
           checkHand = false;
-        } // 不显示
-
-
+        }
+        // 不显示
         if (disabledArrStatus[handId] === null) {
           showRadio = false;
         }
       }
-
       var handCls = function handCls() {
         var str = 'table-radio table-body-btn';
-
         if (fixedColumn) {
-          str += ' table-fixed-dom-left'; // 左边没有定位,没有嵌套表格
-
+          str += ' table-fixed-dom-left';
+          // 左边没有定位,没有嵌套表格
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol) && !expandable) {
             str += ' table-fixed-dom-left-last';
           }
         }
-
         return str;
       };
-
       return jsx(TdElement, Object.assign({
         align: "center",
         className: handCls()
@@ -1492,28 +1321,24 @@ var TableBody = function TableBody(props) {
         })
       }));
     }
-  }, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]); // 嵌套加减useCallback
-
+  }, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
+  // 嵌套加减useCallback
   var TableExpandableMemo = useCallback(function (row) {
     if (!expandable) return null;
-    var expandableDemo = expandable(row); // 禁用一行表格展开 或者 展开表格返回值为false,返回空列
-
+    var expandableDemo = expandable(row);
+    // 禁用一行表格展开 或者 展开表格返回值为false,返回空列
     if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
-
     var handCls = function handCls() {
       var str = 'table-expandable table-body-btn';
-
       if (fixedColumn) {
-        str += ' table-fixed-dom-left'; // 左边没有定位,没有嵌套表格
-
+        str += ' table-fixed-dom-left';
+        // 左边没有定位,没有嵌套表格
         if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.leftBol)) {
           str += ' table-fixed-dom-left-last';
         }
       }
-
       return str;
     };
-
     return jsx(TdElement, Object.assign({
       align: "center",
       className: handCls()
@@ -1523,126 +1348,106 @@ var TableBody = function TableBody(props) {
         onClick: handClickNestTable(row)
       })
     }));
-  }, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]); // 表格一行内容useCallback
-
+  }, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]);
+  // 表格一行内容useCallback
   var TableContentUseCallback = useCallback(function (row, rowIndex) {
     var params = {
       orderFieldArr: orderFieldArr,
       orderTypeArr: orderTypeArr
     };
-
     var handContentClass = function handContentClass(item) {
       var str = 'table-content-columms';
-      if (item.className) str += ' ' + item.className; // 排序
-
+      if (item.className) str += ' ' + item.className;
+      // 排序
       if (sortTable && item.name && item.sort !== false) {
         var index = orderFieldArr.indexOf(item.name);
-
         if (index !== -1) {
           // 升序
           if (orderTypeArr[index] === 'asc') {
             str += ' table-content-columms-asc';
-          } // 降序
-
-
+          }
+          // 降序
           if (orderTypeArr[index] === 'desc') {
             str += ' table-content-columms-desc';
           }
         }
       }
-
       if (item.fixed && fixedColumn) {
-        str += ' table-fixed-dom-' + item.fixed; // 固定左边,判断是否是最后一个
-
+        str += ' table-fixed-dom-' + item.fixed;
+        // 固定左边,判断是否是最后一个
         if (item.fixed === 'left' && item.paraui_fixed_left_last) {
           str += ' table-fixed-dom-left-last';
-        } // 固定右边,判断是否是第一个
-
-
+        }
+        // 固定右边,判断是否是第一个
         if (item.fixed === 'right' && item.paraui_fixed_right_first) {
           str += ' table-fixed-dom-right-first';
         }
       }
-
       return str;
     };
-
     var handStyle = function handStyle(item) {
       var json = {};
-
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
           json.left = item.paraui_left_width + 'px';
         }
-
         if (item.fixed === 'right') {
           json.right = item.paraui_right_width + 'px';
         }
       }
-
       return json;
     };
-
     return tableCell ? tableCell(row, params) : headData.map(function (item, index) {
       var text = row[item.name];
       var 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); // 存在显示列,最后一列占两格
-
+      if (formatter) text = formatter(row, item, row[item.name], index, rowIndex);
+      // 存在显示列,最后一列占两格
       if (showColumns === 'inside' && !operate && index === headData.length - 1) {
         colSpan = 2;
       }
-
       return jsx(TdElement, Object.assign({
         align: item.align || align,
         className: handContentClass(item),
         colSpan: colSpan,
         style: handStyle(item)
       }, {
-        children: jsx(AutoTips, Object.assign({
+        children: item.autoTips === undefined || item.autoTips === true ? jsx(AutoTips, Object.assign({
           beyondText: item.beyondText === undefined ? beyondText : item.beyondText
         }, {
           children: text
-        }))
+        })) : text
       }), item.name || index);
     });
-  }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]); // 操作栏useCallback
-
+  }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn]);
+  // 操作栏useCallback
   var TableOperateUseCallback = useCallback(function (row) {
     if (operate) {
       var colSpan = 1;
       if (showColumns === "inside") colSpan = 2;
-
       var handOperate = function handOperate() {
         if (operate.render) return operate.render(row);
-
         if (operate.operateBtnRender) {
           var operateConfig = operate.operateBtnRender(row);
           return jsx(OperateBtn, Object.assign({}, operateConfig));
         }
       };
-
       var handStyle = function handStyle() {
         var json = {
           right: '0'
         };
         return json;
       };
-
       var handCls = function handCls() {
         var str = 'table-operate';
-
         if (fixedColumn) {
           str += ' table-fixed-dom-right';
-
           if (!(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
             str += ' table-fixed-dom-right-first';
           }
         }
-
         return str;
       };
-
       return jsx(TdElement, Object.assign({
         align: operate.align || align,
         className: handCls(),
@@ -1652,16 +1457,14 @@ var TableBody = function TableBody(props) {
         children: handOperate()
       }));
     }
-  }, [operate, align, showColumns, posFixed, fixedColumn]); // 嵌套表格useCallback
-
+  }, [operate, align, showColumns, posFixed, fixedColumn]);
+  // 嵌套表格useCallback
   var TableExpandableContentUseCallback = useCallback(function (row) {
     var id = row[rowKey];
     var expandItem = expandableRow[id] || {};
-
     if (expandable && expandItem.status === 'develop') {
       var expandableDemo = expandable(row);
       if (expandableDemo === false) return null; // 展开表格返回值为false,不展示这一行
-
       return jsx(TrElement, Object.assign({
         className: "table-body-expand-row"
       }, {
@@ -1673,8 +1476,8 @@ var TableBody = function TableBody(props) {
         }))
       }), Math.random());
     }
-  }, [expandable, expandableRow, expandableColSpan, rowKey]); // 加载更多
-
+  }, [expandable, expandableRow, expandableColSpan, rowKey]);
+  // 加载更多
   var MoreMemo = useMemo(function () {
     if (!loadMore || !showMoreBtn) return null;
     return jsx(TrElement, Object.assign({
@@ -1698,9 +1501,13 @@ var TableBody = function TableBody(props) {
   var TableBodySubjectContentMemo = useMemo(function () {
     return jsx(Fragment, {
       children: rowData.map(function (row, index) {
+        var str = 'table-body-row';
+        if (rowClassMapping && rowClassMapping[row[rowKey]]) {
+          str += ' ' + rowClassMapping[row[rowKey]];
+        }
         return jsxs(Fragment$1, {
           children: [jsxs(TrElement, Object.assign({
-            className: "table-body-row",
+            className: str,
             onClick: function onClick(e) {
               onClickRow && onClickRow(row, e);
             }
@@ -1710,20 +1517,19 @@ var TableBody = function TableBody(props) {
         }, index);
       })
     });
-  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow]); // 内容memo
-
+  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping]);
+  // 内容memo
   var TableBodyContentMemo = useMemo(function () {
     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]); // 处理内容
-
+  }, [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]);
+  // 处理内容
   var handContent = function handContent() {
     // 无数据,且不再请求,显示暂无数据
     if (rowData.length === 0 && !loadState) return NodataMemo;
     return TableBodyContentMemo;
   };
-
   return jsx(TableBodyElement, Object.assign({
     className: handClass()
   }, {
@@ -1733,29 +1539,29 @@ var TableBody = function TableBody(props) {
 
 var TableHead = function TableHead(props) {
   var paginationType = props.paginationType,
-      autoPagination = props.autoPagination,
-      total = props.total,
-      page = props.page,
-      rowsPerPage = props.rowsPerPage,
-      currentRowsPerPage = props.currentRowsPerPage,
-      changePage = props.changePage,
-      changeRowsPerPage = props.changeRowsPerPage; // 改变页面
-
+    flippingArrow = props.flippingArrow,
+    autoPagination = props.autoPagination,
+    total = props.total,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    currentRowsPerPage = props.currentRowsPerPage,
+    changePage = props.changePage,
+    changeRowsPerPage = props.changeRowsPerPage;
+  // 改变页面
   var changePageCom = function changePageCom(num) {
     changePage && changePage(num);
-  }; // 改变每页显示条数
-
-
+  };
+  // 改变每页显示条数
   var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
     changeRowsPerPage && changeRowsPerPage(num);
   };
-
   return jsx("div", Object.assign({
     className: 'table-pagination'
   }, {
     children: jsx(Pagination, {
       type: paginationType,
       autoType: autoPagination,
+      flippingArrow: flippingArrow,
       total: total,
       page: page,
       rowsPerPage: rowsPerPage,
@@ -1774,17 +1580,15 @@ styleInject(css_248z$2);
 
 var TableContainer = function TableContainer(props) {
   var cRef = props.cRef,
-      className = props.className,
-      style = props.style,
-      children = props.children,
-      otherProps = __rest(props, ["cRef", "className", "style", "children"]);
-
+    className = props.className,
+    style = props.style,
+    children = props.children,
+    otherProps = __rest(props, ["cRef", "className", "style", "children"]);
   var handClass = function handClass() {
     var str = 'table-container';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("div", Object.assign({
     className: handClass(),
     style: style,
@@ -1799,18 +1603,16 @@ styleInject(css_248z$1);
 
 var TableElement = function TableElement(props) {
   var className = props.className,
-      style = props.style,
-      fixedColumn = props.fixedColumn,
-      children = props.children,
-      otherProps = __rest(props, ["className", "style", "fixedColumn", "children"]);
-
+    style = props.style,
+    fixedColumn = props.fixedColumn,
+    children = props.children,
+    otherProps = __rest(props, ["className", "style", "fixedColumn", "children"]);
   var handClass = function handClass() {
     var str = 'table-element';
     if (fixedColumn) str += ' table-element-fixed-column';
     if (className) str += ' ' + className;
     return str;
   };
-
   return jsx("table", Object.assign({
     className: handClass(),
     style: style
@@ -1823,253 +1625,203 @@ var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下
 styleInject(css_248z);
 
 var Table = function Table(propsInit) {
-  var props = useGlobalProps(propsInit, 'Table'); // 判断浏览器
-
+  var props = useGlobalProps(propsInit, 'Table');
+  // 判断浏览器
   var Browser = GetBrowserClass();
-
   if (Browser === 'ie') {
     // IE浏览器没有固定列
     props.fixedColumn = false;
   }
-
-  var 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, 30] : _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,
-      _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 ? 56 : _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,
-      className = props.className,
-      style = props.style,
-      _props$beyondText = props.beyondText,
-      beyondText = _props$beyondText === void 0 ? true : _props$beyondText,
-      loading = props.loading,
-      defaultSortValue = props.defaultSortValue,
-      defaultFilterValue = props.defaultFilterValue,
-      searchKeyName = props.searchKeyName,
-      filterSearchCallback = props.filterSearchCallback,
-      onClickRow = props.onClickRow;
+  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, 30] : _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 ? 56 : _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,
+    loading = props.loading,
+    defaultSortValue = props.defaultSortValue,
+    defaultFilterValue = props.defaultFilterValue,
+    searchKeyName = props.searchKeyName,
+    filterSearchCallback = props.filterSearchCallback,
+    onClickRow = props.onClickRow,
+    rowClassMapping = props.rowClassMapping;
   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]; // 页数
-
-
+    _useState2 = _slicedToArray(_useState, 2),
+    pageCom = _useState2[0],
+    setPageCom = _useState2[1]; // 页数
   var _useState3 = useState(null),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sizeCom = _useState4[0],
-      setSizeCom = _useState4[1]; // 每页条数
-
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    sizeCom = _useState4[0],
+    setSizeCom = _useState4[1]; // 每页条数
   var _useState5 = useState(sizeArr),
-      _useState6 = _slicedToArray(_useState5, 2),
-      sizeArrCom = _useState6[0],
-      setSizeArrCom = _useState6[1]; // 每页条数数组
-
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    sizeArrCom = _useState6[0],
+    setSizeArrCom = _useState6[1]; // 每页条数数组
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      total = _useState8[0],
-      setTotal = _useState8[1]; // 总数
-
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    total = _useState8[0],
+    setTotal = _useState8[1]; // 总数
   var _useState9 = useState([]),
-      _useState10 = _slicedToArray(_useState9, 2),
-      rowData = _useState10[0],
-      setRowData = _useState10[1]; // 当前页数据
-
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    rowData = _useState10[0],
+    setRowData = _useState10[1]; // 当前页数据
   var _useState11 = useState({}),
-      _useState12 = _slicedToArray(_useState11, 2),
-      rowDataJson = _useState12[0],
-      setRowDataJson = _useState12[1]; // 当前页数据对象
-
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    rowDataJson = _useState12[0],
+    setRowDataJson = _useState12[1]; // 当前页数据对象
   var _useState13 = useState({}),
-      _useState14 = _slicedToArray(_useState13, 2),
-      totalDataJson = _useState14[0],
-      setTotalDataJson = _useState14[1]; // 数据总数对象--用来分页记录数据的
-
-
+    _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]; // 排序类型
-
-
+    _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]; // 排序字段
-
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    orderFieldArr = _useState18[0],
+    setOrderFieldArr = _useState18[1]; // 排序字段
   var _useState19 = useState('not'),
-      _useState20 = _slicedToArray(_useState19, 2),
-      headSelectStatus = _useState20[0],
-      setHeadSelectStatus = _useState20[1]; // 表格头复选框状态
-
-
+    _useState20 = _slicedToArray(_useState19, 2),
+    headSelectStatus = _useState20[0],
+    setHeadSelectStatus = _useState20[1]; // 表格头复选框状态
   var _useState21 = useState({}),
-      _useState22 = _slicedToArray(_useState21, 2),
-      checkJson = _useState22[0],
-      setCheckJson = _useState22[1]; // 多选 选中的数据
-
-
+    _useState22 = _slicedToArray(_useState21, 2),
+    checkJson = _useState22[0],
+    setCheckJson = _useState22[1]; // 多选 选中的数据
   var _useState23 = useState(),
-      _useState24 = _slicedToArray(_useState23, 2),
-      radioValue = _useState24[0],
-      setRadioValue = _useState24[1]; // 单选 选中的数据
-
-
+    _useState24 = _slicedToArray(_useState23, 2),
+    radioValue = _useState24[0],
+    setRadioValue = _useState24[1]; // 单选 选中的数据
   var _useState25 = useState({}),
-      _useState26 = _slicedToArray(_useState25, 2),
-      disabledJson = _useState26[0],
-      setDisabledJson = _useState26[1]; // 禁用对象
-
-
+    _useState26 = _slicedToArray(_useState25, 2),
+    disabledJson = _useState26[0],
+    setDisabledJson = _useState26[1]; // 禁用对象
   var _useState27 = useState({}),
-      _useState28 = _slicedToArray(_useState27, 2),
-      originalHead = _useState28[0],
-      setOriginalHead = _useState28[1]; // 接口原数据表头json
-
-
+    _useState28 = _slicedToArray(_useState27, 2),
+    originalHead = _useState28[0],
+    setOriginalHead = _useState28[1]; // 接口原数据表头json
   var _useState29 = useState([]),
-      _useState30 = _slicedToArray(_useState29, 2),
-      showHeadList = _useState30[0],
-      setShowHeadList = _useState30[1]; // 显示列下拉值 所有头部的配置
-
-
+    _useState30 = _slicedToArray(_useState29, 2),
+    showHeadList = _useState30[0],
+    setShowHeadList = _useState30[1]; // 显示列下拉值 所有头部的配置
   var _useState31 = useState([]),
-      _useState32 = _slicedToArray(_useState31, 2),
-      headDataCom = _useState32[0],
-      setHeadDataCom = _useState32[1]; // 表格当前显示列 集合本地数据
-
-
+    _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]; // 过滤值
-
-
+    _useState34 = _slicedToArray(_useState33, 2),
+    selectFilterCom = _useState34[0],
+    setSelectFilterCom = _useState34[1]; // 过滤值
   var _useState35 = useState(true),
-      _useState36 = _slicedToArray(_useState35, 2),
-      loadState = _useState36[0],
-      setLoadState = _useState36[1]; // 加载进度条状态
-
-
+    _useState36 = _slicedToArray(_useState35, 2),
+    loadState = _useState36[0],
+    setLoadState = _useState36[1]; // 加载进度条状态
   var _useState37 = useState(false),
-      _useState38 = _slicedToArray(_useState37, 2),
-      loadMoreUrl = _useState38[0],
-      setLoadMoreUrl = _useState38[1];
-
+    _useState38 = _slicedToArray(_useState37, 2),
+    loadMoreUrl = _useState38[0],
+    setLoadMoreUrl = _useState38[1];
   var _useState39 = useState(Math.random().toString()),
-      _useState40 = _slicedToArray(_useState39, 1),
-      reqId = _useState40[0];
-
+    _useState40 = _slicedToArray(_useState39, 1),
+    reqId = _useState40[0];
   var _useState41 = useState(),
-      _useState42 = _slicedToArray(_useState41, 2),
-      refreshCom = _useState42[0],
-      setRefreshCom = _useState42[1];
-
+    _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
-
-
+    _useState44 = _slicedToArray(_useState43, 2),
+    tableMinWidth = _useState44[0],
+    setTableMinWidth = _useState44[1]; // 表格最小width
   var _useState45 = useState({}),
-      _useState46 = _slicedToArray(_useState45, 2),
-      posFixed = _useState46[0],
-      setPosFixed = _useState46[1]; // 固定位置
-
-
+    _useState46 = _slicedToArray(_useState45, 2),
+    posFixed = _useState46[0],
+    setPosFixed = _useState46[1]; // 固定位置
   var _useState47 = useState({}),
-      _useState48 = _slicedToArray(_useState47, 2),
-      headDataConfig = _useState48[0],
-      setHeadDataConfig = _useState48[1]; // 表头配置
-
-
+    _useState48 = _slicedToArray(_useState47, 2),
+    headDataConfig = _useState48[0],
+    setHeadDataConfig = _useState48[1]; // 表头配置
   var containerRef = useRef(); // 表格内容高度
-
   var tableRef = useRef(); // 表格
-
   var constData = useRef({
     page: props.page !== undefined ? props.page : 1,
     headDataConfig: {}
   }); // 存储常量
-
   constData.current.loadMoreUrl = loadMore && url; // 用来判断加载更多请求是否放在表格里面
-
   constData.current.search = search;
   constData.current.url = url;
   constData.current.orderTypeArr = orderTypeArr;
@@ -2096,17 +1848,16 @@ var Table = function Table(propsInit) {
   }, [loading]);
   useEffect(function () {
     setLoadMoreUrl(Boolean(loadMore && url));
-  }, [loadMore, url]); // 监听page
-
+  }, [loadMore, url]);
+  // 监听page
   useEffect(function () {
     if (props.page !== undefined) {
       handPage(props.page);
     }
-  }, [page]); // 自动计算表格一页展示条数
-
+  }, [page]);
+  // 自动计算表格一页展示条数
   useEffect(function () {
     if (!autoSize) return handSize(size);
-
     if (props.size) {
       handSize(size);
     } else {
@@ -2115,27 +1866,25 @@ var Table = function Table(propsInit) {
         if (props.loadMore) height -= 56;
         var num = Math.floor(height / lineHeight);
         var columnsNUmber = num < 1 ? size : num;
-
         if (sizeArr.indexOf(columnsNUmber) === -1) {
-          sizeArr.unshift(columnsNUmber); // 数组排序
-
+          sizeArr.unshift(columnsNUmber);
+          // 数组排序
           sizeArr.sort(function (a, b) {
             return a - b;
           });
           setSizeArrCom(sizeArr);
         }
-
         handSize(columnsNUmber);
       }
     }
-  }, [size, autoSize]); // 处理表格头部
-
+  }, [size, autoSize]);
+  // 处理表格头部
   useEffect(function () {
     if (props.headData !== undefined) {
       handInitHead(headData, false);
     }
-  }, [headData]); // 设置总数对象
-
+  }, [headData]);
+  // 设置总数对象
   useEffect(function () {
     if (data) {
       var dataHand = handLocalData();
@@ -2149,51 +1898,45 @@ var Table = function Table(propsInit) {
     if (!constData.current.initReq) return;
     handPage(1);
     constData.current.historyData = [];
-  }, [search, url]); // 表格数据获取赋值
-
+  }, [search, url]);
+  // 表格数据获取赋值
   useEffect(function () {
     clearTimeout(constData.current.reqTimer);
     if (constData.current.url) Cancel(reqId);
     constData.current.reqTimer = setTimeout(function () {
       constData.current.initReq = true;
-
       if (constData.current.url) {
         // 提交参数
         var postBody = {};
-
         if (pagination) {
           if (constData.current.page === null || constData.current.size === null) return;
           postBody.size = constData.current.size;
           postBody.page = constData.current.page;
         }
-
         if (orderFieldArr.length > 0) {
           postBody.orderField = orderFieldArr;
-          postBody.orderType = orderTypeArr; // 单个排序
-
+          postBody.orderType = orderTypeArr;
+          // 单个排序
           if (props.sortTableRadio) {
             postBody.orderField = orderFieldArr[0];
             postBody.orderType = orderTypeArr[0];
           }
         }
-
         if (selectFilterCom && Object.keys(selectFilterCom).length > 0) {
           postBody.filter = handFilterReq();
         }
-
         if (constData.current.search) {
           if (_typeof(constData.current.search) === 'object') {
             postBody = Object.assign(Object.assign({}, postBody), constData.current.search);
           }
         }
-
         var obj = {
           url: constData.current.url,
           ctx: ctx,
           method: method,
           data: postBody
-        }; // get 请求
-
+        };
+        // get 请求
         if (method === 'Get') {
           if (paramsCallback) {
             paramsCallback(obj, function (handObj) {
@@ -2212,23 +1955,20 @@ var Table = function Table(propsInit) {
               method: method
             });
           }
-        } // post 请求
-
-
+        }
+        // post 请求
         if (method === 'Post') {
           if (paramsCallback) paramsCallback(obj, function (handObj) {
             requestData(handObj);
           });else requestData(obj);
         }
       }
-
       if (constData.current.data) {
         var dataT = handLocalData();
         dataT = filterSearchData(dataT); // 过滤数据
-
         if (pagination) {
-          if (constData.current.page === null || constData.current.size === null) return; // 分页
-
+          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);
           setNowPageData(sliceData);
           setTotal(dataT.length);
@@ -2236,61 +1976,52 @@ var Table = function Table(propsInit) {
           // 不分页
           setNowPageData(dataT);
         }
-
         if (props.loading === undefined) setLoadState(false);
       }
     }, 50);
-  }, [refresh, refreshCom]); // 单选赋值默认值
-
+  }, [refresh, refreshCom]);
+  // 单选赋值默认值
   useEffect(function () {
     if (radioDefaultValue !== undefined && radioDefaultValue !== radioValue) {
       setRadioValue(radioDefaultValue);
     }
-  }, [radioDefaultValue]); // 复选框赋默认值
-
+  }, [radioDefaultValue]);
+  // 复选框赋默认值
   useEffect(function () {
     if (checkDefaultValue) {
       var json = {};
-
       for (var i = 0, l = checkDefaultValue.length; i < l; i++) {
         var item = checkDefaultValue[i];
         json[item] = true;
       }
-
       setCheckJson(json);
     }
-  }, [checkDefaultValue]); // 设置禁用对象
-
+  }, [checkDefaultValue]);
+  // 设置禁用对象
   useEffect(function () {
     if (disabledArr) {
       var json = {};
-
       for (var i = 0, l = disabledArr.length; i < l; i++) {
         var item = disabledArr[i];
         json[item] = true;
       }
-
       setDisabledJson(json);
     }
-  }, [disabledArr]); // 计算复选框状态
-
+  }, [disabledArr]);
+  // 计算复选框状态
   useEffect(function () {
     if (Object.keys(checkJson).length === 0) {
       // 全不选
       setHeadSelectStatus('not');
     } else {
       var 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];
-
         if (disabledJson[key]) {
           numTotal--;
         } else {
@@ -2299,55 +2030,44 @@ var Table = function Table(propsInit) {
           }
         }
       }
-
       if (num === 0) {
         // 全不选
         return setHeadSelectStatus('not');
       }
-
       if (num === numTotal) {
         // 全选
         return setHeadSelectStatus('all');
       }
-
       if (num < numTotal) {
         // 半选
         return setHeadSelectStatus('half');
       }
     }
-  }, [checkJson, rowData, disabledJson]); // 表格更新计算是否有滚动条
-
+  }, [checkJson, rowData, disabledJson]);
+  // 表格更新计算是否有滚动条
   useEffect(function () {
     tableBoxScroll({
       target: containerRef.current
     });
   });
   /** 处理本地data */
-
   var handLocalData = function handLocalData() {
     var _a;
-
     var dataT = [];
-
     if (constData.current.data instanceof Array) {
       dataT = constData.current.data;
     } else {
       dataT = (_a = constData.current.data) === null || _a === void 0 ? void 0 : _a.list;
     }
-
     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;
-
       if (constData.current.filterSearchCallback) {
         // 自定义过滤方法
         bol = constData.current.filterSearchCallback(item, {
@@ -2359,40 +2079,32 @@ var Table = function Table(propsInit) {
         for (var j = 0, k = filterKeys.length; j < k; j++) {
           var name = filterKeys[j];
           var filterVal = constData.current.selectFilterCom[name];
-          var val = item[name]; // 不满足当前过滤的数据,过滤掉
-
+          var val = item[name];
+          // 不满足当前过滤的数据,过滤掉
           if (filterVal.length > 0 && filterVal.indexOf(val) === -1) {
             bol = false;
             continue;
           }
-        } // 搜索条件
-
-
+        }
+        // 搜索条件
         if (bol) {
           bol = handLocalSearch(item);
         }
       }
-
       if (bol) handArr.push(item);
     }
-
     return handArr;
   };
   /** 处理本地搜索, 返回true满足搜索条件 */
-
-
   var handLocalSearch = function handLocalSearch(item) {
     var 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];
-
         if (nameVal.indexOf(searchKey) !== -1) {
           // 存在一项就满足
           return true;
@@ -2401,41 +2113,31 @@ var Table = function Table(propsInit) {
     } else {
       return true;
     }
-
     return false;
   };
   /** 设置size */
-
-
   var handSize = function handSize(num) {
     constData.current.size = num;
     setSizeCom(num);
     setRefreshCom(Math.random());
   };
   /** 本地显示列key */
-
-
   var getTableHeadKey = function getTableHeadKey() {
     // 自定义key
     if (props.tableKey) {
       return props.tableKey;
-    } // 本地数据
-
-
+    }
+    // 本地数据
     if (props.data) {
       return window.location.origin + window.location.pathname + window.location.hash;
-    } // url
-
-
+    }
+    // url
     if (props.url) {
       return props.url + '_' + (props.method || 'Get');
     }
-
     return '';
   };
   /** 获取储存的表头列 */
-
-
   var getLocalStorageHeadCom = function getLocalStorageHeadCom() {
     if (props.rememberColumns === false) return {};
     var json = getLocalStorageSelectHead(getTableHeadKey(), dayNum);
@@ -2445,8 +2147,6 @@ var Table = function Table(propsInit) {
    * 设置本地表格列
    *
    * */
-
-
   var setLocalStorageHeadCom = function setLocalStorageHeadCom(obj) {
     if (props.rememberColumns === false) return;
     var localStorageData = getLocalStorageHeadCom();
@@ -2455,27 +2155,23 @@ var Table = function Table(propsInit) {
       headDataConfig: localStorageData.headDataConfig || {},
       storageTime: new Date().getTime(),
       validity: dayNum * (60 * 60 * 24)
-    }; // 设置固定列
-
+    };
+    // 设置固定列
     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 || '';
         json.headName[name] = false;
-
         if (selectHeadJson[name]) {
           json.headName[name] = true;
         }
       }
-    } // 设置拖动列
-
-
+    }
+    // 设置拖动列
     if (obj.setDrag) {
       json.headDataConfig = obj.headDataConfig || {};
     }
-
     setLocalStorageSelectHead(getTableHeadKey(), json);
   };
   /**
@@ -2484,15 +2180,12 @@ var Table = function Table(propsInit) {
    * @param showHeadArr {HeadDataProps[]} 显示列与本地数据集合
    * @param localHead {HeadLocalStorageItem} 本地显示列数据
    * */
-
-
   var handHeadShow = function handHeadShow(item, showHeadArr, localHead) {
     if (showColumns === false) {
       // 如果不显示选择列,全部显示
       showHeadArr.push(item);
       return;
     }
-
     if (props.rememberColumns === false) {
       // 不记住列
       if (item.selected) showHeadArr.push(item);
@@ -2501,7 +2194,6 @@ var Table = function Table(propsInit) {
       var nameSelectJson = localHead.headName || {};
       var name = item.name || '';
       var nameSelect = nameSelectJson[name];
-
       if (nameSelect !== undefined) {
         // 存在本地选择列里面,选中添加到显示列
         if (nameSelect) showHeadArr.push(item);
@@ -2512,8 +2204,6 @@ var Table = function Table(propsInit) {
     }
   };
   /** 处理序号 */
-
-
   var handSerial = function handSerial(arr) {
     var defaultVal = {
       label: intl({
@@ -2528,7 +2218,6 @@ var Table = function Table(propsInit) {
         return Number(rowIndex) + 1;
       }
     };
-
     if (props.serialNumber) {
       if (typeof props.serialNumber === 'boolean') {
         arr.unshift(defaultVal);
@@ -2542,17 +2231,12 @@ 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();
     constData.current.headDataConfig = localHead.headDataConfig || {};
-
     for (var i = 0, l = arr.length; i < l; i++) {
       var item = arr[i];
       var name = item.name || '';
@@ -2562,7 +2246,6 @@ var Table = function Table(propsInit) {
       headArr.push(item);
       json[name] = item;
     }
-
     if (bol) {
       headShowArr.sort(function (a, b) {
         return Number(a.orderNum) - Number(b.orderNum);
@@ -2571,37 +2254,29 @@ var Table = function Table(propsInit) {
         return Number(a.orderNum) - Number(b.orderNum);
       });
     }
-
     handSerial(headShowArr); // 处理序号
-
     handHeadDataCom(headShowArr); // 处理显示列宽度
-
     setHeadDataCom(headShowArr); // 表格当前显示列 集合本地数据
-
     setShowHeadList(headArr); // 显示列下拉值 所有头部的配置
-
     setHeadDataConfig(Object.assign({}, constData.current.headDataConfig));
     constData.current.headDataJson = json;
-  }; // 计算左边的差量
-
-
+  };
+  // 计算左边的差量
   var handLeftWidth = function handLeftWidth() {
-    var leftNum = 0; // 复选
-
+    var leftNum = 0;
+    // 复选
     if (props.check) {
       leftNum += 48;
-    } // 单选
-
-
+    }
+    // 单选
     if (props.radio) {
       if (props.check) {
         leftNum += 32;
       } else {
         leftNum += 48;
       }
-    } // 嵌套
-
-
+    }
+    // 嵌套
     if (props.expandable) {
       if (props.check || props.radio) {
         leftNum += 32;
@@ -2609,19 +2284,16 @@ var Table = function Table(propsInit) {
         leftNum += 48;
       }
     }
-
     return leftNum;
-  }; // 计算右边的差量
-
-
+  };
+  // 计算右边的差量
   var handRightWidth = function handRightWidth() {
-    var rightNum = 0; // 显示列宽度
-
+    var rightNum = 0;
+    // 显示列宽度
     if (props.showColumns === 'inside' || props.showColumns === undefined) {
       rightNum += 56;
-    } // 操作列
-
-
+    }
+    // 操作列
     if (props.operate) {
       if (props.operate.width) {
         rightNum += getStringInNumber(props.operate.width);
@@ -2636,9 +2308,8 @@ var Table = function Table(propsInit) {
     }
 
     return rightNum;
-  }; // 获取宽度
-
-
+  };
+  // 获取宽度
   var getWidth = function getWidth(item) {
     var w = item.width || '';
     var name = item.name || '';
@@ -2649,66 +2320,55 @@ var Table = function Table(propsInit) {
   /**
    * 处理显示列宽度
    * */
-
-
   var handHeadDataCom = function handHeadDataCom(arr) {
     // 左侧定位数组
-    var leftArr = []; // 右侧定位数组
-
-    var rightArr = []; // 表格最小宽度
-
-    var tableMinWidth = 0; // 左边差量
-
+    var leftArr = [];
+    // 右侧定位数组
+    var rightArr = [];
+    // 表格最小宽度
+    var tableMinWidth = 0;
+    // 左边差量
     var leftWidth = handLeftWidth();
-    tableMinWidth += leftWidth; // 右边差量
-
+    tableMinWidth += leftWidth;
+    // 右边差量
     var rightWidth = handRightWidth();
     tableMinWidth += rightWidth;
     var 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); // 获取宽度,有拖动过后宽度,就用拖动的
-
       if (handW) {
         itemWidth = getStringInNumber(handW);
         tableMinWidth += itemWidth;
       } else {
         tableMinWidth += lineWidth;
       }
-
       if (item.fixed === 'left' && item.width) {
         // 固定列必须具有宽度
         leftArr.push(item);
       }
-
       if (item.fixed === 'right' && item.width) {
         // 固定列必须具有宽度
         rightArr.push(item);
       }
     }
-
     if (leftArr.length > 0) {
-      posJson.leftBol = true; // 左边定位位置
-
+      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; // 最后一个
-
+          leftOps += _itemWidth;
+          // 最后一个
           if (_i === leftArr.length - 1) {
             _item.paraui_fixed_left_last = true;
           } else {
@@ -2717,24 +2377,18 @@ var Table = function Table(propsInit) {
         }
       }
     }
-
     if (rightArr.length > 0) {
-      posJson.rightBol = true; // 右边定位位置
-
+      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; // 最后一个
-
+          rightOps += _itemWidth2;
+          // 最后一个
           if (_i2 === rightArr.length - 1) {
             _item2.paraui_fixed_right_first = true;
           } else {
@@ -2743,45 +2397,35 @@ var Table = function Table(propsInit) {
         }
       }
     }
-
     setTableMinWidth(tableMinWidth); // 表格最小宽度
-
     setPosFixed(posJson); // 定位信息
   };
   /**
    * 处理过滤请求数据
    * */
-
-
   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];
       var item = headDataJson[name];
-
       if (item && item.filterRadio) {
         json[name] = itemValue[0];
       } else {
         json[name] = itemValue;
       }
     }
-
     return json;
   };
   /**
    * 发送请求
    * @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;
-
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
@@ -2790,27 +2434,22 @@ var Table = function Table(propsInit) {
               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 (!err) {
                 _context.next = 11;
                 break;
               }
-
-              if (props.loading === undefined) setLoadState(false); // cancel的接口不清除上次展示的数据
-
+              if (props.loading === undefined) setLoadState(false);
+              // cancel的接口不清除上次展示的数据
               if (!err.__CANCEL__) {
                 setRowData([]);
                 setTotal(0);
                 setRowDataJson({});
               }
-
               return _context.abrupt("return", false);
-
             case 11:
               if (requestCallback) {
                 requestCallback(data, function (handData) {
@@ -2825,7 +2464,6 @@ var Table = function Table(propsInit) {
                 handReqData(data);
                 if (props.loading === undefined) setLoadState(false);
               }
-
             case 12:
             case "end":
               return _context.stop();
@@ -2838,17 +2476,13 @@ var Table = function Table(propsInit) {
    * 设置请求数据
    * @param data {any} 请求信息
    */
-
-
   var handReqData = function handReqData(data) {
     if (data.columns && props.headData === undefined) {
       var 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];
@@ -2861,29 +2495,24 @@ var Table = function Table(propsInit) {
           item.width = item.width;
           headDataArr.push(item);
         }
-
         handInitHead(headDataArr, true);
       }
     }
-
     if (pagination) {
       // 分页 data是对象
       setNowPageData(data.list || []);
       setTotal(data.total);
-
       if (data.page !== undefined && data.page !== null) {
         constData.current.page = Number(data.page);
         setPageCom(Number(data.page));
       }
     } else {
       var handData1 = [];
-
       if (data instanceof Array) {
         handData1 = data;
       } else {
         handData1 = data.list || [];
       }
-
       setNowPageData(handData1);
     }
   };
@@ -2891,23 +2520,19 @@ var Table = function Table(propsInit) {
    * 设置当前页数据
    * @param nowPageData {any} 当前页数据
    */
-
-
   var setNowPageData = function setNowPageData(nowPageData) {
     // 加载更多请求放在里面
     if (constData.current.loadMoreUrl) {
       var historyData = constData.current.historyData || [];
-
       if (historyData.length > 0) {
         nowPageData = [].concat(_toConsumableArray(historyData), _toConsumableArray(nowPageData));
       }
     }
-
     var handDataJson = ArrayToObject(rowKey, nowPageData);
     constData.current.historyData = nowPageData;
     setRowDataJson(handDataJson);
-    setRowData(nowPageData); // 设置总数对象
-
+    setRowData(nowPageData);
+    // 设置总数对象
     if (url) {
       setTotalDataJson(Object.assign(Object.assign({}, totalDataJson), handDataJson));
     }
@@ -2915,8 +2540,6 @@ var Table = function Table(propsInit) {
   /**
    * 处理page
    * */
-
-
   var handPage = function handPage(num) {
     constData.current.page = num;
     setPageCom(num);
@@ -2926,8 +2549,6 @@ var Table = function Table(propsInit) {
    * 改变页数
    * @param num {number | undefined} 页数
    */
-
-
   var changePage = function changePage(num) {
     if (num !== undefined) handPage(num);
     clearCheckValue();
@@ -2936,8 +2557,6 @@ var Table = function Table(propsInit) {
    * 改变每页条数
    * @param num {number | undefined} 条数
    */
-
-
   var changeRowsPerPage = function changeRowsPerPage(num) {
     if (num !== undefined) handSize(num);
     handPage(1);
@@ -2945,8 +2564,6 @@ var Table = function Table(propsInit) {
   /**
    * 加载更多,点击改变分页
    */
-
-
   var changePageMore = function changePageMore() {
     var pageHnad = Number(pageCom) + 1;
     handPage(pageHnad);
@@ -2956,25 +2573,19 @@ var Table = function Table(propsInit) {
    * @param event 元素
    * @param name 当前列name
    */
-
-
   var handleRequestSort = function handleRequestSort(event, name) {
     // asc 升序 ->  desc降序 ->  undefined 无序
     var index = orderFieldArr.indexOf(name);
-
     if (index !== -1) {
       // 排序过
       var orderType = orderTypeArr[index];
-
       if (orderType === 'asc') {
         orderTypeArr[index] = 'desc';
       }
-
       if (orderType === 'desc') {
         orderFieldArr.splice(index, 1);
         orderTypeArr.splice(index, 1);
       }
-
       if (orderType === undefined) {
         orderTypeArr[index] = 'asc';
       }
@@ -2983,50 +2594,38 @@ var Table = function Table(propsInit) {
       orderFieldArr.push(name);
       orderTypeArr.push('asc');
     }
-
     var orderFieldArrHand = _toConsumableArray(orderFieldArr);
-
-    var orderTypeArrHand = _toConsumableArray(orderTypeArr); // 单个排序
-
-
+    var orderTypeArrHand = _toConsumableArray(orderTypeArr);
+    // 单个排序
     if (sortTableRadio) {
       var num = orderFieldArrHand.indexOf(name);
-
       if (num !== -1) {
         orderFieldArrHand = [orderFieldArrHand[num]];
         orderTypeArrHand = [orderTypeArrHand[num]];
       }
     }
-
     setOrderFieldArr(orderFieldArrHand);
     setOrderTypeArr(orderTypeArrHand);
     constData.current.orderFieldArr = orderFieldArrHand;
     constData.current.orderTypeArr = orderTypeArrHand;
-
     if (constData.current.loadMoreUrl) {
       constData.current.historyData = [];
       handPage(1);
     }
-
     setRefreshCom(Math.random());
   };
   /**
    * 处理复选框往外抛值
    * @param json 当前选中值
    */
-
-
   var handCheckValue = function handCheckValue(json) {
     if (props.checkDefaultValue === undefined) setCheckJson(Object.assign({}, json));
     var arr = Object.keys(json);
-
     if (setCheck) {
       var selectData = [];
-
       for (var i = 0, l = arr.length; i < l; i++) {
         if (totalDataJson[arr[i]]) selectData.push(totalDataJson[arr[i]]);
       }
-
       setCheck(arr, selectData);
     }
   };
@@ -3035,16 +2634,12 @@ var Table = function Table(propsInit) {
    * @param event 选择的元素
    * @param bol 全选 / 全不选
    */
-
-
   var setAllCheck = function 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];
-
       if (!disabledJson[key]) {
         if (bol) {
           checkJsonDeep[key] = true;
@@ -3053,7 +2648,6 @@ var Table = function Table(propsInit) {
         }
       }
     }
-
     handCheckValue(checkJsonDeep);
   };
   /**
@@ -3062,15 +2656,12 @@ var Table = function Table(propsInit) {
    * @param bol  选 / 不选
    * @param key 当前行key
    */
-
-
   var selectCheck = function selectCheck(event, bol, key) {
     // 存在checkDefaultValue, {...checkJson}解决直接使用checkJson, 复选框会一闪
     // 不存在checkDefaultValue,内部直接记录状态
     var checkJsonDeep = props.checkDefaultValue !== undefined ? Object.assign({}, checkJson) : checkJson;
     checkJsonDeep[key] = bol;
     if (checkJsonDeep[key] === false) delete checkJsonDeep[key]; // 确保json里面的数据都是选中的
-
     handCheckValue(checkJsonDeep);
   };
   /**
@@ -3078,16 +2669,12 @@ var Table = function Table(propsInit) {
    * @param event 选择的元素
    * @param item  当前行数据
    */
-
-
   var selectRadio = function selectRadio(event, val) {
     if (setRadio) setRadio(val, totalDataJson[val]);
   };
   /**
    * 清空复选框选中值
    */
-
-
   var clearCheckValue = function clearCheckValue() {
     if (!checkRememberPage) {
       setCheckJson({});
@@ -3100,8 +2687,6 @@ var Table = function Table(propsInit) {
    * @param item 当前点击项
    * @param isRest 是否重置
    * */
-
-
   var changeSelectHead = function changeSelectHead(arr, item, isRest) {
     handHeadDataCom(arr);
     setHeadDataCom(arr);
@@ -3109,13 +2694,11 @@ var Table = function Table(propsInit) {
       setFixed: true,
       headArr: arr
     };
-
     if (isRest) {
       obj.setDrag = true;
       obj.headDataConfig = {};
-    } // 本地记住选择列
-
-
+    }
+    // 本地记住选择列
     setLocalStorageHeadCom(obj);
     onClickColumns && onClickColumns(arr, item);
   };
@@ -3125,70 +2708,52 @@ var Table = function Table(propsInit) {
    * @param bol  重置
    * @param item  当前点击项
    */
-
-
   var changeShowList = function changeShowList(headShowArr, bol, item) {
     if (bol) {
       constData.current.headDataConfig = {};
       setHeadDataConfig({}); // 重置拖拽列
-
       var arr = [];
-
       var arrShow = _toConsumableArray(showHeadList);
-
       handSerial(arrShow);
-
       for (var i = 0, l = arrShow.length; i < l; i++) {
         var _item3 = arrShow[i];
-
         if (_item3 && _item3.selected) {
           // 当前显示字段
           arr.push(_item3);
         }
       }
-
       changeSelectHead(arr, item, true);
       return;
     }
-
     headShowArr.sort(function (a, b) {
       return Number(a.orderNum) - Number(b.orderNum);
     });
-
     var headShowArrHand = _toConsumableArray(headShowArr);
-
     changeSelectHead(headShowArrHand, item);
   };
   /**
    * 改变过滤
    */
-
-
   var changeFilter = function changeFilter(val) {
     constData.current.selectFilterCom = DeepClone(val);
     setSelectFilterCom(DeepClone(val));
     handPage(1);
   };
   /** 改变拖拽列width */
-
-
   var changeColumnWidth = function changeColumnWidth(headCell, result) {
     var name = headCell.name || '';
     constData.current.headDataConfig[name] = {
       width: result.width
     };
     setHeadDataConfig(Object.assign({}, constData.current.headDataConfig)); // 设置表格列配置,被拖动的width
-
     handHeadDataCom(_toConsumableArray(headData)); // 重新计算表格的最小宽度
     // 本地记住拖动列宽度
-
     setLocalStorageHeadCom({
       headDataConfig: constData.current.headDataConfig,
       setDrag: true
     });
-  }; // 表格头部memo
-
-
+  };
+  // 表格头部memo
   var TableHeadMemo = useMemo(function () {
     return jsx(TableHead$1, {
       orderTypeArr: orderTypeArr,
@@ -3219,8 +2784,8 @@ var Table = function Table(propsInit) {
       headDataConfig: headDataConfig,
       changeColumnWidth: changeColumnWidth
     });
-  }, [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]); // 表格内容memo
-
+  }, [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]);
+  // 表格内容memo
   var TableBodyMemo = useMemo(function () {
     return jsx(TableBody, {
       url: url,
@@ -3266,14 +2831,16 @@ var Table = function Table(propsInit) {
       beyondText: beyondText,
       fixedColumn: fixedColumn,
       fixedTable: fixedTable,
-      onClickRow: onClickRow
+      onClickRow: onClickRow,
+      rowClassMapping: rowClassMapping
     });
-  }, [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]); // 表格分页memo
-
+  }, [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]);
+  // 表格分页memo
   var TablePaginationMemo = useMemo(function () {
     if (constData.current.page === null || constData.current.size === null || loadMore) return;
     return pagination && jsx(TableHead, {
       paginationType: paginationType,
+      flippingArrow: flippingArrow,
       autoPagination: autoPagination,
       total: total,
       page: pageCom,
@@ -3282,30 +2849,27 @@ var Table = function Table(propsInit) {
       changePage: changePage,
       changeRowsPerPage: changeRowsPerPage
     });
-  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType]); // 表格内容滚动
-
+  }, [total, pageCom, sizeCom, sizeArrCom, pagination, loadMore, autoPagination, paginationType, flippingArrow]);
+  // 表格内容滚动
   var tableBoxScroll = function tableBoxScroll(e) {
     var dom = tableRef.current;
     var 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; // 最左边
-
+    if (scrollDom.scrollWidth <= scrollDom.clientWidth) return;
+    // 最左边
     if (scrollDom.scrollLeft === 0) {
       dom.classList.add('table-scroll-left');
       return;
-    } // 最右边
-
-
+    }
+    // 最右边
     if (scrollDom.scrollLeft + scrollDom.clientWidth === scrollDom.scrollWidth) {
       dom.classList.add('table-scroll-right');
       return;
     }
-
     dom.classList.add('table-scroll-middle');
-  }; // 处理class
-
-
+  };
+  // 处理class
   var handClass = function handClass() {
     var str = $prefixCls + '-table';
     if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
@@ -3321,15 +2885,13 @@ var Table = function Table(propsInit) {
     if (loadState) str += " ".concat($prefixCls, "-table-load");
     if (className) str += ' ' + className;
     return str;
-  }; // 改变屏幕大小
-
-
+  };
+  // 改变屏幕大小
   var changeResize = function changeResize() {
     tableBoxScroll({
       target: containerRef.current
     });
   };
-
   return jsxs("div", Object.assign({
     className: handClass(),
     style: style,