@para-ui/core 4.0.37 → 4.0.39

package/Table/index.js

@@ -2,6 +2,8 @@ import { a as __rest, _ as __awaiter } from '../_verture/tslib.es6-f43aa41d.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
 import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
+import { _ as _typeof } from '../_verture/typeof-adeedc13.js';
+import { _ as _slicedToArray } from '../_verture/slicedToArray-75fa4188.js';
 import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
 import { $ as $prefixCls } from '../_verture/constant-5317fc89.js';
 import { Popover } from '../Popover/index.js';
@@ -14,7 +16,8 @@ import SolidArrowDown from '@para-ui/icons/DownTriangleF';
 import Panel from '@para-ui/icons/Panel';
 import { u as useFormatMessage } from '../_verture/useFormatMessage-1fc7c957.js';
 import Empty from '../Empty/index.js';
-import { d as dist } from '../_verture/index-0f5ee6f7.js';
+import { _ as _defineProperty } from '../_verture/defineProperty-6f62bb2a.js';
+import { d as dist } from '../_verture/index-c8cb6751.js';
 import { Radio } from '../Radio/index.js';
 import OperateBtn from '../OperateBtn/index.js';
 import Down from '@para-ui/icons/Down';
@@ -62,25 +65,23 @@ import '@para-ui/icons/DoubleRight';
  * 发送请求
  * @param obj {ReqProps} 请求信息
  */
-const requestFunc = obj => {
-  const {
-      method,
-      url,
-      ctx,
-      data
-    } = obj,
+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"]);
   if (method === 'Get') {
     return Get(Object.assign({
       url: url,
-      ctx
+      ctx: ctx
     }, otherProps));
   }
   if (method === 'Post') {
     return Post(Object.assign({
       url: url,
-      ctx,
-      data
+      ctx: ctx,
+      data: data
     }, otherProps));
   }
 };
@@ -89,23 +90,23 @@ const requestFunc = obj => {
  * @param obj {ReqProps} 请求信息
  * @return string get请求地址参数
  */
-const handGetReqParams = obj => {
-  let str = obj.url;
-  const params = obj.data || {};
-  const arrKey = Object.keys(params);
-  const paramsArr = [];
-  for (let i = 0, l = arrKey.length; i < l; i++) {
-    const key = arrKey[i];
-    let val = params[key];
-    if (typeof val === 'object') {
+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("".concat(key, "=").concat(val));
   }
-  const paramsStr = paramsArr.join('&');
-  const pos = str.indexOf('?');
+  var paramsStr = paramsArr.join('&');
+  var pos = str.indexOf('?');
   if (pos !== -1) {
     str += (pos === str.length - 1 ? '' : '&') + paramsStr;
   } else {
@@ -116,9 +117,9 @@ const handGetReqParams = obj => {
 /**
  * 提取字符串里面的数字
  * */
-const getStringInNumber = str => {
+var getStringInNumber = function getStringInNumber(str) {
   if (typeof str === 'number') return str;
-  const strHand = str.replace(/[^0-9$]/gi, '');
+  var strHand = str.replace(/[^0-9$]/gi, '');
   return Number(strHand);
 };
 /**
@@ -126,23 +127,23 @@ const getStringInNumber = str => {
  * @param key {string} 键值
  * @param num {number} 过期天数
  * */
-const getLocalStorageSelectHead = (key, num) => {
+var getLocalStorageSelectHead = function getLocalStorageSelectHead(key, num) {
   //debugger
-  const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
-  const headJson = JSON.parse(headJsonStr);
-  const headJsonArr = Object.keys(headJson);
-  for (let i = 0, l = headJsonArr.length; i < l; i++) {
-    const keyStr = headJsonArr[i];
-    const item = headJson[i];
+  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;
-    const newDate = new Date().getTime(); // 当前时间
-    const endTime = item.storageTime + item.validity; // 过期时间
+    var newDate = new Date().getTime(); // 当前时间
+    var endTime = item.storageTime + item.validity; // 过期时间
     // 过期时间 小于 当前时间, 说明已经过期了, 删除当前表格列数据
     if (endTime < newDate) {
       delete headJson[keyStr];
     }
   }
-  const headJsonItem = headJson[key];
+  var headJsonItem = headJson[key];
   // 重置过期时间
   if (headJsonItem) {
     headJsonItem.storageTime = new Date().getTime();
@@ -155,9 +156,9 @@ const getLocalStorageSelectHead = (key, num) => {
  * @param key {string} 键值
  * @param val {HeadLocalStorageItem} 保存值
  * */
-const setLocalStorageSelectHead = (key, val) => {
-  const headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
-  const headJson = JSON.parse(headJsonStr);
+var setLocalStorageSelectHead = function setLocalStorageSelectHead(key, val) {
+  var headJsonStr = window.localStorage.getItem('_paraui_table_head') || '{}';
+  var headJson = JSON.parse(headJsonStr);
   headJson[key] = val;
   window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
 };
@@ -166,8 +167,8 @@ const setLocalStorageSelectHead = (key, val) => {
  * @param el 当前元素
  * @param selector 查找元素class
  */
-const closest = (el, selector) => {
-  const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
+var closest = function closest(el, selector) {
+  var matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;
   while (el) {
     if (matchesSelector.call(el, selector)) {
       break;
@@ -359,50 +360,70 @@ var zh = {
 };
 
 var localeJson = {
-  zh,
-  en
+  zh: zh,
+  en: en
 };
 
-const TableHead$1 = props => {
-  const {
-    headData = [],
-    sortTable,
-    filter,
-    expandable,
-    check,
-    radio,
-    onRequestSort,
-    orderFieldArr = [],
-    orderTypeArr = [],
-    selectAll,
-    selectStatus,
-    align,
-    showList = [],
-    changeShowList,
-    selectFilter,
-    changeFilter,
-    operate,
-    showColumns,
-    fixedTable,
-    fixedColumn,
-    posFixed,
-    beyondText,
-    lineWidth,
-    dragColumn,
-    dragRow,
-    changeColumnWidth,
-    headDataConfig,
-    getPopupContainer,
-    tipMaxWidth
-  } = props;
-  const [indeterminate, setIndeterminate] = useState(false); // 半选中
-  const [checked, setChecked] = useState(false); // 选中
-  const [anchorElColums, setAnchorElColums] = useState(null); // 显示列定位元素
-  const [headDataJson, setHeadDataJson] = useState({}); // 显示列json
-  const [filterHead, setFilterHead] = useState({}); // 过滤项当前表头数据
-  const [selectFilterCom, setSelectFilterCom] = useState({}); // 过滤项当前选中值
-  const intl = useFormatMessage('Table', localeJson);
-  useEffect(() => {
+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,
+    dragRow = props.dragRow,
+    changeColumnWidth = props.changeColumnWidth,
+    headDataConfig = props.headDataConfig,
+    getPopupContainer = props.getPopupContainer,
+    tipMaxWidth = props.tipMaxWidth;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    indeterminate = _useState2[0],
+    setIndeterminate = _useState2[1]; // 半选中
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checked = _useState4[0],
+    setChecked = _useState4[1]; // 选中
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    anchorElColums = _useState6[0],
+    setAnchorElColums = _useState6[1]; // 显示列定位元素
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    headDataJson = _useState8[0],
+    setHeadDataJson = _useState8[1]; // 显示列json
+  var _useState9 = useState({}),
+    _useState10 = _slicedToArray(_useState9, 2),
+    filterHead = _useState10[0],
+    setFilterHead = _useState10[1]; // 过滤项当前表头数据
+  var _useState11 = useState({}),
+    _useState12 = _slicedToArray(_useState11, 2),
+    selectFilterCom = _useState12[0],
+    setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
+  var intl = useFormatMessage('Table', localeJson);
+  useEffect(function () {
     // 全选
     if (selectStatus === 'all') {
       setChecked(true);
@@ -419,17 +440,17 @@ const TableHead$1 = props => {
       setIndeterminate(false);
     }
   }, [selectStatus]);
-  useEffect(() => {
+  useEffect(function () {
     if (headData) {
-      const json = [];
-      for (let i = 0, l = headData.length; i < l; i++) {
-        const item = headData[i];
+      var json = [];
+      for (var i = 0, l = headData.length; i < l; i++) {
+        var item = headData[i];
         json[item.name] = item;
       }
       setHeadDataJson(json);
     }
   }, [headData]);
-  useEffect(() => {
+  useEffect(function () {
     if (selectFilter) setSelectFilterCom(DeepClone(selectFilter));
   }, [selectFilter]);
   /**
@@ -437,28 +458,30 @@ const TableHead$1 = props => {
    * @param name 排序列
    * @param event 当前排序元素
    */
-  const createSortHandler = (name, item) => event => {
-    // 不存在排序,不触发事件
-    if (!(sortTable && item.name && item.sort !== false)) return;
-    if (onRequestSort) onRequestSort(event, name);
+  var createSortHandler = function createSortHandler(name, item) {
+    return function (event) {
+      // 不存在排序,不触发事件
+      if (!(sortTable && item.name && item.sort !== false)) return;
+      if (onRequestSort) onRequestSort(event, name);
+    };
   };
   /**
    * 全选 / 全不选
    * @param event 操作元素
    * @param bol 选中 / 不选中
    */
-  const onSelectAll = (event, bol) => {
+  var onSelectAll = function onSelectAll(event, bol) {
     if (selectAll) selectAll(event, bol);
   };
   /**
    * 点击显示选择列
    * @param event 点击元素
    */
-  const clickShowColums = event => {
+  var clickShowColums = function clickShowColums(event) {
     setAnchorElColums(event.currentTarget);
   };
   // 点击隐藏选择列
-  const clickHideColums = bol => {
+  var clickHideColums = function clickHideColums(bol) {
     if (bol) return;
     setAnchorElColums(null);
   };
@@ -466,27 +489,29 @@ const TableHead$1 = props => {
    * 点击显示列 列表
    * @param item 详细
    */
-  const clickColumsList = item => () => {
-    if (item.disabledSelection) return;
-    const name = item.name;
-    const itemHead = headDataJson[name];
-    if (itemHead) {
-      // 取消勾选
-      delete headDataJson[name];
-      const arr = Object.keys(headDataJson);
-      const arr1 = [];
-      for (let i = 0, l = arr.length; i < l; i++) {
-        const name = arr[i];
-        arr1.push(headDataJson[name]);
+  var clickColumsList = function clickColumsList(item) {
+    return function () {
+      if (item.disabledSelection) return;
+      var name = item.name;
+      var itemHead = headDataJson[name];
+      if (itemHead) {
+        // 取消勾选
+        delete headDataJson[name];
+        var arr = Object.keys(headDataJson);
+        var arr1 = [];
+        for (var i = 0, l = arr.length; i < l; i++) {
+          var _name = arr[i];
+          arr1.push(headDataJson[_name]);
+        }
+        changeShowList && changeShowList(arr1, false, item);
+      } else {
+        headData.push(item);
+        changeShowList && changeShowList(headData, false, item);
       }
-      changeShowList && changeShowList(arr1, false, item);
-    } else {
-      headData.push(item);
-      changeShowList && changeShowList(headData, false, item);
-    }
+    };
   };
   // 重置显示列
-  const resetShowList = () => {
+  var resetShowList = function resetShowList() {
     changeShowList && changeShowList(headData, true);
   };
   /**
@@ -494,63 +519,69 @@ const TableHead$1 = props => {
    * @param headCell 当前列信息
    * @param event 元素
    */
-  const clickShowFilter = headCell => event => {
-    setFilterHead(headCell);
-    setSelectFilterCom(Object.assign({}, selectFilter));
+  var clickShowFilter = function clickShowFilter(headCell) {
+    return function (event) {
+      setFilterHead(headCell);
+      setSelectFilterCom(Object.assign({}, selectFilter));
+    };
   };
   // 点击隐藏过滤
-  const clickHideFilter = bol => {
+  var clickHideFilter = function clickHideFilter(bol) {
     if (bol) return;
     setFilterHead({});
     setSelectFilterCom(Object.assign({}, selectFilter));
   };
   // 点击过滤
-  const clickFilter = item => () => {
-    const name = filterHead.name;
-    let filterValue = DeepClone(selectFilterCom[name] || []);
-    const index = filterValue.indexOf(item.value);
-    if (index !== -1) {
-      // 勾选 -> 不勾选
-      filterValue.splice(index, 1);
-    } else {
-      // 不勾选 -> 勾选
-      filterValue.push(item.value);
-    }
-    const filterRadio = filterHead.filterRadio;
-    if (filterRadio) {
-      // 过滤单个
-      const num = filterValue.indexOf(item.value);
-      if (num !== -1) {
-        filterValue = [filterValue[num]];
+  var clickFilter = function clickFilter(item) {
+    return function () {
+      var name = filterHead.name;
+      var filterValue = DeepClone(selectFilterCom[name] || []);
+      var index = filterValue.indexOf(item.value);
+      if (index !== -1) {
+        // 勾选 -> 不勾选
+        filterValue.splice(index, 1);
+      } else {
+        // 不勾选 -> 勾选
+        filterValue.push(item.value);
       }
-    }
-    selectFilterCom[name] = filterValue;
-    setSelectFilterCom(Object.assign({}, selectFilterCom));
+      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));
+    };
   };
   /**
    * 重置 / 确定过滤
    * @param type {'reset' | 'confirm'}  重置 / 确定过滤
    */
-  const filterFunc = type => () => {
-    if (type === 'confirm') {
-      // 确定
-      changeFilter && changeFilter(Object.assign({}, selectFilterCom));
-      setFilterHead({});
-    } else {
-      // 重置
-      const json = DeepClone(selectFilterCom);
-      delete json[filterHead.name];
-      setSelectFilterCom(json);
-      changeFilter && changeFilter(Object.assign({}, json));
-      setFilterHead({});
-    }
+  var filterFunc = function filterFunc(type) {
+    return function () {
+      if (type === 'confirm') {
+        // 确定
+        changeFilter && changeFilter(Object.assign({}, selectFilterCom));
+        setFilterHead({});
+      } else {
+        // 重置
+        var json = DeepClone(selectFilterCom);
+        delete json[filterHead.name];
+        setSelectFilterCom(json);
+        changeFilter && changeFilter(Object.assign({}, json));
+        setFilterHead({});
+      }
+    };
   };
   /**
    * 自定义过滤确定
    * @param val {[name: string]: any[]}
    * */
-  const filterCustomConfirm = function () {
-    let val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var filterCustomConfirm = function filterCustomConfirm() {
+    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     changeFilter && changeFilter(Object.assign({}, val));
     setFilterHead({});
   };
@@ -558,12 +589,12 @@ const TableHead$1 = props => {
    * 处理TableCell
    * @param item 当前列信息
    */
-  const handCellClass = item => {
-    let str = 'table-header-box';
+  var handCellClass = function handCellClass(item) {
+    var str = 'table-header-box';
     // 排序
     if (sortTable && item.name && item.sort !== false) {
       str += ' table-header-box-sort';
-      const index = orderFieldArr.indexOf(item.name);
+      var index = orderFieldArr.indexOf(item.name);
       if (index !== -1) {
         // 升序
         if (orderTypeArr[index] === 'asc') {
@@ -582,10 +613,10 @@ const TableHead$1 = props => {
     return str;
   };
   // 复选框memo
-  const TableCheckMemo = useMemo(() => {
+  var TableCheckMemo = useMemo(function () {
     if (check) {
-      const handCls = () => {
-        let str = 'table-checkbox table-head-btn';
+      var handCls = function handCls() {
+        var str = 'table-checkbox table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,且没有单选,没有嵌套表格
@@ -613,10 +644,10 @@ const TableHead$1 = props => {
     }
   }, [check, indeterminate, checked, selectAll, posFixed, radio, expandable, fixedColumn]);
   // 单选框memo
-  const TableRadioMemo = useMemo(() => {
+  var TableRadioMemo = useMemo(function () {
     if (radio) {
-      const handCls = () => {
-        let str = 'table-radio table-head-btn';
+      var handCls = function handCls() {
+        var str = 'table-radio table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -638,10 +669,10 @@ const TableHead$1 = props => {
     }
   }, [radio, posFixed, expandable, fixedColumn]);
   // 嵌套表格memo
-  const TableExpandableMemo = useMemo(() => {
+  var TableExpandableMemo = useMemo(function () {
     if (expandable) {
-      const handCls = () => {
-        let str = 'table-expandable table-head-btn';
+      var handCls = function handCls() {
+        var str = 'table-expandable table-head-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -663,21 +694,21 @@ const TableHead$1 = props => {
     }
   }, [expandable, posFixed, fixedColumn]);
   // 过滤弹窗内容
-  const filterPopoverContent = () => {
-    const name = filterHead.name;
+  var filterPopoverContent = function filterPopoverContent() {
+    var name = filterHead.name;
     if (!name) return;
-    const filterValue = selectFilterCom[name] || [];
+    var filterValue = selectFilterCom[name] || [];
     if (filterHead.filterRender) {
       // 自定义渲染过滤
       return filterHead.filterRender({
-        filterValue,
+        filterValue: filterValue,
         selectFilter: selectFilterCom,
-        filterHead,
+        filterHead: filterHead,
         setFilter: filterCustomConfirm
       });
     }
-    const arr = filterHead.enums || [];
-    let str = 'filter-select';
+    var arr = filterHead.enums || [];
+    var str = 'filter-select';
     if (arr.length === 0) str += ' filter-select-none';
     return jsx("div", Object.assign({
       className: str
@@ -692,8 +723,8 @@ const TableHead$1 = props => {
         children: [jsx("div", Object.assign({
           className: "filter-select-box"
         }, {
-          children: arr.map((item, index) => {
-            const checked = filterValue.indexOf(item.value) !== -1;
+          children: arr.map(function (item, index) {
+            var checked = filterValue.indexOf(item.value) !== -1;
             return jsxs("div", Object.assign({
               onClick: clickFilter(item),
               className: checked ? 'filter-select-item filter-select-item-select' : 'filter-select-item'
@@ -732,28 +763,30 @@ const TableHead$1 = props => {
     }));
   };
   // 表格列拖拽放下
-  const onDragDown = headCell => result => {
-    changeColumnWidth && changeColumnWidth(headCell, result);
+  var onDragDown = function onDragDown(headCell) {
+    return function (result) {
+      changeColumnWidth && changeColumnWidth(headCell, result);
+    };
   };
   // 获取宽度
-  const getWidth = item => {
-    let w = item.width || '';
-    const name = item.name || '';
-    const wDrag = headDataConfig[name] && headDataConfig[name].width;
+  var getWidth = function getWidth(item) {
+    var w = item.width || '';
+    var name = item.name || '';
+    var wDrag = headDataConfig[name] && headDataConfig[name].width;
     if (wDrag) w = "".concat(wDrag, "px");
     return w;
   };
   // 内容列memo
-  const TableContentMemo = useMemo(() => {
+  var TableContentMemo = useMemo(function () {
     // 处理过滤的class
-    const handFilterClass = item => {
-      let str = 'table-header-filter';
+    var handFilterClass = function handFilterClass(item) {
+      var str = 'table-header-filter';
       if (filterHead.name === item.name) str += ' table-header-filter-show';
       if (item.name && selectFilterCom[item.name] && selectFilterCom[item.name].length > 0) str += ' table-header-filter-select';
       return str;
     };
-    const handCls = item => {
-      let str = '';
+    var handCls = function handCls(item) {
+      var str = '';
       if (item.className) str += item.className;
       if (fixedColumn && item.fixed) {
         str += " table-fixed-dom-".concat(item.fixed);
@@ -768,8 +801,8 @@ const TableHead$1 = props => {
       }
       return str;
     };
-    const handStyle = item => {
-      const json = {
+    var handStyle = function handStyle(item) {
+      var json = {
         width: getWidth(item)
       };
       if (fixedColumn && item.fixed && item.width) {
@@ -783,13 +816,13 @@ const TableHead$1 = props => {
       return Object.assign(Object.assign({}, json), item.style);
     };
     // 处理拖拽
-    const handDrag = item => {
+    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((headCell, index) => {
-      let str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
+    return headData.map(function (headCell, index) {
+      var str = "".concat($prefixCls, "-filter-popover ").concat($prefixCls, "-scrollbar-small");
       if (!headCell.filterRender) str += " ".concat($prefixCls, "-filter-popover-default");
       return jsx(ThElement, Object.assign({
         className: handCls(headCell),
@@ -800,13 +833,18 @@ const TableHead$1 = props => {
         onDragDown: onDragDown(headCell),
         lineWidth: lineWidth
       }, {
-        children: jsx(Popover, Object.assign({
+        children: jsx(Popover
+        //key={headCell.name}
+        , Object.assign({
+          //key={headCell.name}
           placement: "bottom-start",
           visible: headCell.name !== undefined && filterHead.name === headCell.name,
-          content: filterPopoverContent(),
+          content: headCell.name !== undefined && filterHead.name === headCell.name && filterPopoverContent(),
           onVisibleChange: clickHideFilter,
           overlayClassName: str,
-          getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body,
+          getPopupContainer: getPopupContainer ? getPopupContainer : function () {
+            return document.body;
+          },
           maxWidth: headCell.filterMaxWidth
         }, {
           children: jsxs("div", Object.assign({
@@ -851,10 +889,10 @@ const TableHead$1 = props => {
     });
   }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
   // 操作栏memo
-  const TableOperateMemo = useMemo(() => {
+  var TableOperateMemo = useMemo(function () {
     if (operate) {
-      const handCls = () => {
-        let str = 'table-operate';
+      var handCls = function handCls() {
+        var str = 'table-operate';
         if (operate.operateBtnRender) str += ' table-operate-small';
         if (showColumns === false) str += ' table-operate-not-columns';
         if (dragRow) str += ' table-operate-drag-row';
@@ -867,8 +905,8 @@ const TableHead$1 = props => {
         }
         return str;
       };
-      const handStyle = () => {
-        const json = {
+      var handStyle = function handStyle() {
+        var json = {
           width: operate.width
         };
         if (fixedColumn) {
@@ -904,16 +942,16 @@ const TableHead$1 = props => {
     }
   }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth, dragRow]);
   // 显示列弹窗内容
-  const showListContent = () => {
+  var showListContent = function showListContent() {
     return jsxs("div", Object.assign({
       className: "show-colums-select"
     }, {
       children: [jsx("div", Object.assign({
         className: "show-colums-select-box"
       }, {
-        children: showList.map((item, index) => {
-          const checked = Boolean(headDataJson[item.name]);
-          let str = 'show-colums-select-item';
+        children: showList.map(function (item, index) {
+          var checked = Boolean(headDataJson[item.name]);
+          var str = 'show-colums-select-item';
           if (checked) str += ' show-colums-select-item-select';
           if (item.disabledSelection) str += ' show-colums-select-item-disabled';
           return jsxs("div", Object.assign({
@@ -947,9 +985,9 @@ const TableHead$1 = props => {
     }));
   };
   // 显示列memo
-  const TableShowList = useMemo(() => {
-    const handCls = () => {
-      let str = 'show-colums table-fixed-dom-right';
+  var TableShowList = useMemo(function () {
+    var handCls = function handCls() {
+      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';
@@ -962,7 +1000,9 @@ const TableHead$1 = props => {
       content: showListContent(),
       onVisibleChange: clickHideColums,
       overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
-      getPopupContainer: getPopupContainer ? getPopupContainer : () => document.body
+      getPopupContainer: getPopupContainer ? getPopupContainer : function () {
+        return document.body;
+      }
     }, {
       children: jsx(ThElement, Object.assign({
         align: "center",
@@ -979,10 +1019,10 @@ const TableHead$1 = props => {
     }));
   }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
   // 拖动行
-  const TbaleDragRow = useMemo(() => {
+  var TbaleDragRow = useMemo(function () {
     if (!dragRow || operate || showColumns === 'inside') return null;
-    const handCls = () => {
-      let str = 'drag-row table-fixed-dom-right';
+    var handCls = function handCls() {
+      var str = 'drag-row table-fixed-dom-right';
       // 没有固定列参数 或者 没有操作栏且没有右侧固定列
       if (!fixedColumn || !operate && !(posFixed === null || posFixed === void 0 ? void 0 : posFixed.rightBol)) {
         str += ' table-fixed-dom-right-first';
@@ -996,8 +1036,8 @@ const TableHead$1 = props => {
     });
   }, [operate, showColumns, fixedColumn, posFixed, dragRow]);
   // 处理class
-  const handClass = () => {
-    let str = 'table-head';
+  var handClass = function handClass() {
+    var str = 'table-head';
     if (showColumns === 'inside') str += ' table-head-inside';
     if (!fixedTable) str += ' table-head-scroll'; // 防止长度过长
     // 没有 复选框,单选框,展开 按钮
@@ -1075,74 +1115,98 @@ var TdElement = function TdElement(props) {
   }));
 };
 
-const TableBody = props => {
-  const {
-    url,
-    emptyProps,
-    rowData = [],
-    rowKey = 'key',
-    check,
-    radio,
-    tableCell,
-    expandable,
-    headData = [],
-    disabledJson = {},
-    disabledArrStatus,
-    checkJson = {},
-    radioValue,
-    selectCheck,
-    selectRadio,
-    align,
-    operate,
-    showColumns,
-    fixedTable,
-    fixedColumn,
-    formatter,
-    orderFieldArr = [],
-    orderTypeArr = [],
-    sortTable,
-    loadState,
-    loadMore,
-    loadMoreRender,
-    onClickMore,
-    total,
-    page,
-    currentRowsPerPage,
-    changePage,
-    loadMoreUrl,
-    expandMultiple = false,
-    expandValue = [],
-    disabledExpand = [],
-    defaultExpandAllRows = false,
-    onExpand,
-    onRefresh,
-    posFixed,
-    beyondText,
-    onClickRow,
-    rowClassMapping,
-    tipMaxWidth,
-    lineHeight,
-    dragRow,
-    onDragRow
-  } = props;
-  const [expandableColSpan, setExpandableColSpan] = useState(0); // 嵌套表格合并列数
-  const [expandableRow, setExpandableRow] = useState({}); // 当前哪行展开表格嵌套
-  const [showMoreBtn, setShowMoreBtn] = useState(true); // 加载更多
-  const [disabledExpandJson, setDisabledExpand] = useState({}); // 禁用加减部分嵌套
-  const [dragBol, setDragBol] = useState(false);
-  const intl = useFormatMessage('Table', localeJson);
+var TableBody = function TableBody(props) {
+  var url = props.url,
+    emptyProps = props.emptyProps,
+    _props$rowData = props.rowData,
+    rowData = _props$rowData === void 0 ? [] : _props$rowData,
+    _props$rowKey = props.rowKey,
+    rowKey = _props$rowKey === void 0 ? 'key' : _props$rowKey,
+    check = props.check,
+    radio = props.radio,
+    tableCell = props.tableCell,
+    expandable = props.expandable,
+    _props$headData = props.headData,
+    headData = _props$headData === void 0 ? [] : _props$headData,
+    _props$disabledJson = props.disabledJson,
+    disabledJson = _props$disabledJson === void 0 ? {} : _props$disabledJson,
+    disabledArrStatus = props.disabledArrStatus,
+    _props$checkJson = props.checkJson,
+    checkJson = _props$checkJson === void 0 ? {} : _props$checkJson,
+    radioValue = props.radioValue,
+    selectCheck = props.selectCheck,
+    selectRadio = props.selectRadio,
+    align = props.align,
+    operate = props.operate,
+    showColumns = props.showColumns,
+    fixedTable = props.fixedTable,
+    fixedColumn = props.fixedColumn,
+    formatter = props.formatter,
+    _props$orderFieldArr = props.orderFieldArr,
+    orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
+    _props$orderTypeArr = props.orderTypeArr,
+    orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
+    sortTable = props.sortTable,
+    loadState = props.loadState,
+    loadMore = props.loadMore,
+    loadMoreRender = props.loadMoreRender,
+    onClickMore = props.onClickMore,
+    total = props.total,
+    page = props.page,
+    currentRowsPerPage = props.currentRowsPerPage,
+    changePage = props.changePage,
+    loadMoreUrl = props.loadMoreUrl,
+    _props$expandMultiple = props.expandMultiple,
+    expandMultiple = _props$expandMultiple === void 0 ? false : _props$expandMultiple,
+    _props$expandValue = props.expandValue,
+    expandValue = _props$expandValue === void 0 ? [] : _props$expandValue,
+    _props$disabledExpand = props.disabledExpand,
+    disabledExpand = _props$disabledExpand === void 0 ? [] : _props$disabledExpand,
+    _props$defaultExpandA = props.defaultExpandAllRows,
+    defaultExpandAllRows = _props$defaultExpandA === void 0 ? false : _props$defaultExpandA,
+    onExpand = props.onExpand,
+    _onRefresh = props.onRefresh,
+    posFixed = props.posFixed,
+    beyondText = props.beyondText,
+    onClickRow = props.onClickRow,
+    rowClassMapping = props.rowClassMapping,
+    tipMaxWidth = props.tipMaxWidth,
+    lineHeight = props.lineHeight,
+    dragRow = props.dragRow,
+    onDragRow = props.onDragRow;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    expandableColSpan = _useState2[0],
+    setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    expandableRow = _useState4[0],
+    setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
+  var _useState5 = useState(true),
+    _useState6 = _slicedToArray(_useState5, 2),
+    showMoreBtn = _useState6[0],
+    setShowMoreBtn = _useState6[1]; // 加载更多
+  var _useState7 = useState({}),
+    _useState8 = _slicedToArray(_useState7, 2),
+    disabledExpandJson = _useState8[0],
+    setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
+  var _useState9 = useState(false),
+    _useState10 = _slicedToArray(_useState9, 2),
+    dragBol = _useState10[0],
+    setDragBol = _useState10[1];
+  var intl = useFormatMessage('Table', localeJson);
   // 默认是否展开所有
-  useEffect(() => {
+  useEffect(function () {
     if (!defaultExpandAllRows) {
       setExpandableRow({});
       return;
     }
-    const json = {};
-    for (let i = 0, l = rowData.length; i < l; i++) {
-      const item = rowData[i] || {};
-      const id = item[rowKey];
+    var json = {};
+    for (var i = 0, l = rowData.length; i < l; i++) {
+      var item = rowData[i] || {};
+      var id = item[rowKey];
       json[id] = {
-        id,
+        id: id,
         status: 'develop'
       };
     }
@@ -1150,41 +1214,41 @@ const TableBody = props => {
   }, [defaultExpandAllRows, rowData, rowKey]);
   // 监听展开表格
   // 如果直接写expandMultiple, expandValue会死循环
-  useEffect(() => {
+  useEffect(function () {
     if (props.expandValue === undefined) return;
-    const json = {};
-    let expandValueHand = expandValue;
+    var json = {};
+    var expandValueHand = expandValue;
     // 只展开一个,去第一个值
     if (!expandMultiple && expandValue.length > 0) {
       expandValueHand = [expandValue[0]];
     }
-    for (let i = 0, l = expandValueHand.length; i < l; i++) {
-      const id = expandValueHand[i];
+    for (var i = 0, l = expandValueHand.length; i < l; i++) {
+      var id = expandValueHand[i];
       json[id] = {
-        id,
+        id: id,
         status: 'develop'
       };
     }
     setExpandableRow(json);
   }, [props.expandMultiple, props.expandValue, rowData]);
   // 监听禁用嵌套 props.disabledExpand 防止死循环
-  useEffect(() => {
-    const json = {};
-    for (let i = 0, l = disabledExpand.length; i < l; i++) {
-      const id = disabledExpand[i];
+  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(() => {
+  useEffect(function () {
     if (loadMoreUrl) {
-      const bol = Number(total) > Number(page) * Number(currentRowsPerPage);
+      var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
       setShowMoreBtn(bol);
     }
   }, [loadMoreUrl, total, page, currentRowsPerPage]);
   // 处理嵌套表格合并列数
-  useEffect(() => {
-    let num = headData.length;
+  useEffect(function () {
+    var num = headData.length;
     if (expandable) num += 1;
     if (check) num += 1;
     if (radio) num += 1;
@@ -1193,55 +1257,55 @@ const TableBody = props => {
     setExpandableColSpan(num);
   }, [headData, expandable, check, radio]);
   // 展开/收起嵌套表格
-  const handClickNestTable = row => event => {
-    const id = row[rowKey];
-    let expandItem = expandableRow[id] || {};
-    let status = 'develop';
-    if (expandItem.status === 'develop') status = 'retract';
-    expandItem = {
-      id,
-      status
+  var handClickNestTable = function handClickNestTable(row) {
+    return function (event) {
+      var id = row[rowKey];
+      var expandItem = expandableRow[id] || {};
+      var status = 'develop';
+      if (expandItem.status === 'develop') status = 'retract';
+      expandItem = {
+        id: id,
+        status: status
+      };
+      if (expandMultiple) {
+        // 展开多个
+        expandableRow[id] = expandItem;
+        setExpandableRow(Object.assign({}, expandableRow));
+      } else {
+        // 展开一个
+        setExpandableRow(_defineProperty({}, id, expandItem));
+      }
+      onExpand && onExpand(row, status);
+      event.stopPropagation();
     };
-    if (expandMultiple) {
-      // 展开多个
-      expandableRow[id] = expandItem;
-      setExpandableRow(Object.assign({}, expandableRow));
-    } else {
-      // 展开一个
-      setExpandableRow({
-        [id]: expandItem
-      });
-    }
-    onExpand && onExpand(row, status);
-    event.stopPropagation();
   };
   // 处理class
-  const handClass = () => {
-    let str = 'table-body';
+  var handClass = function handClass() {
+    var str = 'table-body';
     if (!fixedTable) str += ' table-body-scroll';
     // 没有 复选框,单选框,展开 按钮
     if (!check && !radio && !expandable) str += ' table-body-no-btn';
     return str;
   };
   // 处理嵌套表格class
-  const handExpandClass = row => {
-    const id = row[rowKey];
-    const expandItem = expandableRow[id] || {};
-    let str = 'retract';
+  var handExpandClass = function handExpandClass(row) {
+    var id = row[rowKey];
+    var expandItem = expandableRow[id] || {};
+    var str = 'retract';
     if (expandItem.status === 'develop') {
       str = 'expand';
     }
     return str;
   };
   // 点击加载更多
-  const clickMore = () => {
+  var clickMore = function clickMore() {
     if (loadMoreUrl) changePage && changePage();
     onClickMore && onClickMore();
   };
   // 暂无数据memo
-  const NodataMemo = useMemo(() => {
+  var NodataMemo = useMemo(function () {
     // 处理刷新按钮
-    const handRefreshBtn = () => {
+    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;
       }
@@ -1251,8 +1315,8 @@ const TableBody = props => {
       return false;
     };
     // 处理className
-    const handClassNoData = () => {
-      let str = 'table-no-data';
+    var handClassNoData = function handClassNoData() {
+      var str = 'table-no-data';
       if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size) str += " table-no-data-".concat(emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.size);
       return str;
     };
@@ -1265,24 +1329,24 @@ const TableBody = props => {
       }, {
         children: jsx(Empty, Object.assign({}, emptyProps, {
           showRefresh: handRefreshBtn(),
-          onRefresh: event => {
+          onRefresh: function onRefresh(event) {
             if (emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh) {
               emptyProps === null || emptyProps === void 0 ? void 0 : emptyProps.onRefresh(event);
               return;
             }
-            onRefresh && onRefresh();
+            _onRefresh && _onRefresh();
           }
         }))
       }))
     }));
-  }, [expandableColSpan, emptyProps, url, onRefresh]);
+  }, [expandableColSpan, emptyProps, url, _onRefresh]);
   // 复选框useCallback
-  const TableCheckCallback = useCallback(row => {
+  var TableCheckCallback = useCallback(function (row) {
     if (check) {
-      const handId = row[rowKey];
-      const disabledHand = Boolean(disabledJson[handId]);
-      let checkHand = checkJson[handId] || false;
-      let showCheck = true;
+      var handId = row[rowKey];
+      var disabledHand = Boolean(disabledJson[handId]);
+      var checkHand = checkJson[handId] || false;
+      var showCheck = true;
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
@@ -1297,8 +1361,8 @@ const TableBody = props => {
           showCheck = false;
         }
       }
-      const handCls = () => {
-        let str = 'table-checkbox table-body-btn';
+      var handCls = function handCls() {
+        var str = 'table-checkbox table-body-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,且没有单选,没有嵌套表格
@@ -1315,7 +1379,7 @@ const TableBody = props => {
         children: showCheck && jsx(Checkbox, {
           disabled: disabledHand,
           checked: checkHand,
-          onChange: (event, bol) => {
+          onChange: function onChange(event, bol) {
             event.stopPropagation();
             selectCheck && selectCheck(event, bol, row[rowKey]);
           }
@@ -1324,12 +1388,12 @@ const TableBody = props => {
     }
   }, [check, disabledJson, rowKey, checkJson, selectCheck, disabledArrStatus, posFixed, expandable, radio, fixedColumn]);
   // 单选框useCallback
-  const TableRadioCallback = useCallback(row => {
+  var TableRadioCallback = useCallback(function (row) {
     if (radio) {
-      const handId = row[rowKey];
-      const disabledHand = Boolean(disabledJson[handId]);
-      let checkHand = radioValue === row[rowKey];
-      let showRadio = true;
+      var handId = row[rowKey];
+      var disabledHand = Boolean(disabledJson[handId]);
+      var checkHand = radioValue === row[rowKey];
+      var showRadio = true;
       if (disabledHand && disabledArrStatus) {
         // 选中
         if (disabledArrStatus[handId] === true) {
@@ -1344,8 +1408,8 @@ const TableBody = props => {
           showRadio = false;
         }
       }
-      const handCls = () => {
-        let str = 'table-radio table-body-btn';
+      var handCls = function handCls() {
+        var str = 'table-radio table-body-btn';
         if (fixedColumn) {
           str += ' table-fixed-dom-left';
           // 左边没有定位,没有嵌套表格
@@ -1362,7 +1426,7 @@ const TableBody = props => {
         children: showRadio && jsx(Radio, {
           disabled: disabledHand,
           checked: checkHand,
-          onChange: event => {
+          onChange: function onChange(event) {
             event.stopPropagation();
             selectRadio && selectRadio(event, row[rowKey]);
           }
@@ -1371,13 +1435,13 @@ const TableBody = props => {
     }
   }, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
   // 嵌套加减useCallback
-  const TableExpandableMemo = useCallback(row => {
+  var TableExpandableMemo = useCallback(function (row) {
     if (!expandable) return null;
-    const expandableDemo = expandable(row);
+    var expandableDemo = expandable(row);
     // 禁用一行表格展开 或者 展开表格返回值为false,返回空列
     if (disabledExpandJson[row[rowKey]] || expandableDemo === false) return jsx(TdElement, {});
-    const handCls = () => {
-      let str = 'table-expandable table-body-btn';
+    var handCls = function handCls() {
+      var str = 'table-expandable table-body-btn';
       if (fixedColumn) {
         str += ' table-fixed-dom-left';
         // 左边没有定位,没有嵌套表格
@@ -1398,17 +1462,17 @@ const TableBody = props => {
     }));
   }, [expandable, expandableRow, rowKey, disabledExpandJson, onExpand, fixedColumn]);
   // 表格一行内容useCallback
-  const TableContentUseCallback = useCallback((row, rowIndex) => {
-    const params = {
-      orderFieldArr,
-      orderTypeArr
+  var TableContentUseCallback = useCallback(function (row, rowIndex) {
+    var params = {
+      orderFieldArr: orderFieldArr,
+      orderTypeArr: orderTypeArr
     };
-    const handContentClass = item => {
-      let str = 'table-content-columms';
+    var handContentClass = function handContentClass(item) {
+      var str = 'table-content-columms';
       if (item.className) str += " ".concat(item.className);
       // 排序
       if (sortTable && item.name && item.sort !== false) {
-        const index = orderFieldArr.indexOf(item.name);
+        var index = orderFieldArr.indexOf(item.name);
         if (index !== -1) {
           // 升序
           if (orderTypeArr[index] === 'asc') {
@@ -1433,8 +1497,8 @@ const TableBody = props => {
       }
       return str;
     };
-    const handStyle = item => {
-      const json = {};
+    var handStyle = function handStyle(item) {
+      var json = {};
       if (fixedColumn && item.fixed && item.width) {
         if (item.fixed === 'left') {
           json.left = "".concat(item.paraui_left_width, "px");
@@ -1445,12 +1509,12 @@ const TableBody = props => {
       }
       return json;
     };
-    return tableCell ? tableCell(row, params) : headData.map((item, index) => {
-      let text = row[item.name];
-      let colSpan = 1;
+    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);
-      const itemStyle = handStyle(item);
+      var itemStyle = handStyle(item);
       // 存在显示列,最后一列占两格
       if (showColumns === 'inside' && !operate && index === headData.length - 1 && !dragRow) {
         colSpan = 2;
@@ -1474,25 +1538,25 @@ const TableBody = props => {
     });
   }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth, dragRow]);
   // 操作栏useCallback
-  const TableOperateUseCallback = useCallback((row, rowIndex) => {
+  var TableOperateUseCallback = useCallback(function (row, rowIndex) {
     if (operate || dragRow) {
-      let colSpan = 1;
+      var colSpan = 1;
       if (showColumns === 'inside' && operate) colSpan = 2;
-      const handOperate = () => {
+      var handOperate = function handOperate() {
         if (operate === null || operate === void 0 ? void 0 : operate.render) return operate.render(row);
         if (operate === null || operate === void 0 ? void 0 : operate.operateBtnRender) {
-          const operateConfig = operate.operateBtnRender(row, rowIndex);
+          var operateConfig = operate.operateBtnRender(row, rowIndex);
           return jsx(OperateBtn, Object.assign({}, operateConfig));
         }
       };
-      const handStyle = () => {
-        const json = {
+      var handStyle = function handStyle() {
+        var json = {
           right: '0'
         };
         return json;
       };
-      const handCls = () => {
-        let str = 'table-operate';
+      var handCls = function handCls() {
+        var str = 'table-operate';
         if (!operate) str += ' table-operate-center';
         if (fixedColumn) {
           str += ' table-fixed-dom-right';
@@ -1533,11 +1597,11 @@ const TableBody = props => {
     }
   }, [operate, align, showColumns, posFixed, fixedColumn, dragRow, onDragRow, dragBol]);
   // 嵌套表格useCallback
-  const TableExpandableContentUseCallback = useCallback(row => {
-    const id = row[rowKey];
-    const expandItem = expandableRow[id] || {};
+  var TableExpandableContentUseCallback = useCallback(function (row) {
+    var id = row[rowKey];
+    var expandItem = expandableRow[id] || {};
     if (expandable && expandItem.status === 'develop') {
-      const expandableDemo = expandable(row);
+      var expandableDemo = expandable(row);
       if (expandableDemo === false) return null; // 展开表格返回值为false,不展示这一行
       return jsx(TrElement, Object.assign({
         className: "table-body-expand-row"
@@ -1552,7 +1616,7 @@ const TableBody = props => {
     }
   }, [expandable, expandableRow, expandableColSpan, rowKey]);
   // 加载更多
-  const MoreMemo = useMemo(() => {
+  var MoreMemo = useMemo(function () {
     if (!loadMore || !showMoreBtn) return null;
     return jsx(TrElement, Object.assign({
       className: "more-table-row",
@@ -1575,10 +1639,10 @@ const TableBody = props => {
       }))
     }));
   }, [expandableColSpan, loadMore, loadMoreRender, onClickMore, showMoreBtn, changePage, loadMoreUrl, lineHeight]);
-  const TableBodySubjectContentMemo = useMemo(() => {
+  var TableBodySubjectContentMemo = useMemo(function () {
     return jsx(Fragment, {
-      children: rowData.map((row, index) => {
-        let str = 'table-body-row';
+      children: rowData.map(function (row, index) {
+        var str = 'table-body-row';
         if (rowClassMapping && rowClassMapping[row[rowKey]]) {
           str += " ".concat(rowClassMapping[row[rowKey]]);
         }
@@ -1588,7 +1652,7 @@ const TableBody = props => {
             style: {
               height: "".concat(lineHeight, "px")
             },
-            onClick: e => {
+            onClick: function onClick(e) {
               onClickRow && onClickRow(row, e);
             }
           }, {
@@ -1599,32 +1663,32 @@ const TableBody = props => {
     });
   }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth, lineHeight, dragRow, onDragRow, dragBol]);
   // 内容memo
-  const TableBodyContentMemo = useMemo(() => {
+  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, rowClassMapping, tipMaxWidth, lineHeight, dragRow, onDragRow, dragBol]);
   // 处理内容
-  const handContent = () => {
+  var handContent = function handContent() {
     // 无数据,且不再请求,显示暂无数据
     if (rowData.length === 0 && !loadState) return NodataMemo;
     return TableBodyContentMemo;
   };
-  const handleRowData = () => {
-    const arr = [];
+  var handleRowData = function handleRowData() {
+    var arr = [];
     if (dragRow) {
-      rowData.forEach(item => {
-        const obj = {};
+      rowData.forEach(function (item) {
+        var obj = {};
         obj[rowKey] = item[rowKey];
         arr.push(obj);
       });
     }
     return arr;
   };
-  const onChoose = () => {
+  var onChoose = function onChoose() {
     setDragBol(true);
   };
-  const onDragRowCom = evt => {
+  var onDragRowCom = function onDragRowCom(evt) {
     setDragBol(false);
     onDragRow && onDragRow(evt);
   };
@@ -1640,29 +1704,35 @@ const TableBody = props => {
   }));
 };
 
-const TableHead = props => {
-  const {
-    paginationType,
-    flippingArrow,
-    autoPagination,
-    total,
-    page,
-    rowsPerPage,
-    currentRowsPerPage,
-    changePage,
-    changeRowsPerPage,
-    refreshInside,
-    checkCount,
-    onRefresh,
-    selectAll,
-    selectStatus,
-    checkNumber = 0,
-    currentPageTotal = 0
-  } = props;
-  const intl = useFormatMessage('Table', localeJson);
-  const [indeterminate, setIndeterminate] = useState(false); // 半选中
-  const [checked, setChecked] = useState(false); // 选中
-  useEffect(() => {
+var TableHead = function TableHead(props) {
+  var paginationType = props.paginationType,
+    flippingArrow = props.flippingArrow,
+    autoPagination = props.autoPagination,
+    total = props.total,
+    page = props.page,
+    rowsPerPage = props.rowsPerPage,
+    currentRowsPerPage = props.currentRowsPerPage,
+    changePage = props.changePage,
+    changeRowsPerPage = props.changeRowsPerPage,
+    refreshInside = props.refreshInside,
+    checkCount = props.checkCount,
+    onRefresh = props.onRefresh,
+    selectAll = props.selectAll,
+    selectStatus = props.selectStatus,
+    _props$checkNumber = props.checkNumber,
+    checkNumber = _props$checkNumber === void 0 ? 0 : _props$checkNumber,
+    _props$currentPageTot = props.currentPageTotal,
+    currentPageTotal = _props$currentPageTot === void 0 ? 0 : _props$currentPageTot;
+  var intl = useFormatMessage('Table', localeJson);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    indeterminate = _useState2[0],
+    setIndeterminate = _useState2[1]; // 半选中
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    checked = _useState4[0],
+    setChecked = _useState4[1]; // 选中
+  useEffect(function () {
     // 全选
     if (selectStatus === 'all') {
       setChecked(true);
@@ -1684,23 +1754,23 @@ const TableHead = props => {
    * @param event 操作元素
    * @param bol 选中 / 不选中
    */
-  const onSelectAll = (event, bol) => {
+  var onSelectAll = function onSelectAll(event, bol) {
     if (selectAll) selectAll(event, bol);
   };
   // 改变页面
-  const changePageCom = num => {
+  var changePageCom = function changePageCom(num) {
     changePage && changePage(num);
   };
   // 改变每页显示条数
-  const changeRowsPerPageCom = num => {
+  var changeRowsPerPageCom = function changeRowsPerPageCom(num) {
     changeRowsPerPage && changeRowsPerPage(num);
   };
   // 刷新
-  const clickRefresh = () => {
+  var clickRefresh = function clickRefresh() {
     onRefresh && onRefresh();
   };
   // 处理分页右侧
-  const handlePaginationRight = () => {
+  var handlePaginationRight = function handlePaginationRight() {
     if (!checkCount) return null;
     return jsxs("div", Object.assign({
       className: 'table-pagination-right'
@@ -1723,8 +1793,8 @@ const TableHead = props => {
     }));
   };
   // 处理样式
-  const handleClass = () => {
-    const str = 'table-pagination';
+  var handleClass = function handleClass() {
+    var str = 'table-pagination';
     return str;
   };
   return jsxs("div", Object.assign({
@@ -1741,7 +1811,9 @@ const TableHead = props => {
       currentRowsPerPage: currentRowsPerPage,
       changePage: changePageCom,
       changeRowsPerPage: changeRowsPerPageCom,
-      getPopupContainer: () => document.body
+      getPopupContainer: function getPopupContainer() {
+        return document.body;
+      }
     }), refreshInside && jsx(Button.IconButton, Object.assign({
       className: 'refresh-btn',
       variant: "outlined",
@@ -1755,16 +1827,14 @@ const TableHead = props => {
 var css_248z$2 = ".table-container {\n  overflow-x: auto;\n}";
 styleInject(css_248z$2);
 
-const TableContainer = props => {
-  const {
-      cRef,
-      className,
-      style,
-      children
-    } = props,
+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"]);
-  const handClass = () => {
-    let str = 'table-container';
+  var handClass = function handClass() {
+    var str = 'table-container';
     if (className) str += " ".concat(className);
     return str;
   };
@@ -1780,16 +1850,14 @@ const TableContainer = props => {
 var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author linhd\n* @date 2023/4/11 14:16\n* @description 最新色卡\n*/\n.table-element {\n  width: 100%;\n  display: table;\n  border-collapse: separate;\n  border-spacing: 0;\n}\n.table-element.table-element-fixed-column > .table-body-element > .tr-element > .td-element {\n  position: sticky;\n}\n.table-element > .table-head-element > .tr-element > .th-element {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left {\n  z-index: 11;\n}\n.table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right {\n  z-index: 11;\n}\n.table-element > .table-body-element > .tr-element > .td-element {\n  z-index: 1;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  height: 100%;\n  width: 30px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: translate(-100%);\n  content: \"\";\n  transition: box-shadow 0.3s;\n  pointer-events: none;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left {\n  z-index: 2;\n}\n.table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right {\n  z-index: 2;\n}\n\n.table-scroll-left .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-left .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n\n.table-scroll-right .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-right .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-head-element > .tr-element > .th-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-left.table-fixed-dom-left-last::after {\n  box-shadow: inset 10px 0 10px -8px rgb(234, 236, 241);\n}\n.table-scroll-middle .table-element > .table-body-element > .tr-element > .td-element.table-fixed-dom-right.table-fixed-dom-right-first::after {\n  box-shadow: inset -10px 0 10px -8px rgb(234, 236, 241);\n}";
 styleInject(css_248z$1);
 
-const TableElement = props => {
-  const {
-      className,
-      style,
-      fixedColumn,
-      children
-    } = props,
+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"]);
-  const handClass = () => {
-    let str = 'table-element';
+  var handClass = function handClass() {
+    var str = 'table-element';
     if (fixedColumn) str += ' table-element-fixed-column';
     if (className) str += " ".concat(className);
     return str;