@para-ui/core 3.0.53 → 3.0.55

package/Table/index.js

@@ -1,2999 +0,0 @@
-import { _ as _toConsumableArray } from '../_verture/toConsumableArray-81040c9e.js';
-import { _ as _typeof } from '../_verture/typeof-498dd2b1.js';
-import { _ as _slicedToArray } from '../_verture/slicedToArray-76060636.js';
-import { r as regenerator } from '../_verture/index-beef914f.js';
-import { _ as __rest, a as __awaiter } from '../_verture/tslib.es6-55ed4bd2.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useRef, useState, useEffect, useMemo, useCallback, Fragment as Fragment$1 } from 'react';
-import { Get, Post, DeepClone, GetBrowserClass, Cancel, ArrayToObject } from '@paraview/lib';
-import { s as styleInject } from '../_verture/style-inject.es-300983ab.js';
-import { $ as $prefixCls } from '../_verture/constant-66aa48a1.js';
-import { Popover } from '../Popover/index.js';
-import { Checkbox } from '../Checkbox/index.js';
-import { Button } from '../Button/index.js';
-import AutoTips from '../AutoTips/index.js';
-import Screen from '@para-ui/icons/ScreenF';
-import SolidArrowUp from '@para-ui/icons/UpTriangleF';
-import SolidArrowDown from '@para-ui/icons/DownTriangleF';
-import Panel from '@para-ui/icons/Panel';
-import { u as useFormatMessage } from '../_verture/useFormatMessage-703f8b20.js';
-import { _ 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-1b846a65.js';
-import '../_verture/unsupportedIterableToArray-cb478f24.js';
-import '../Tooltip/index.js';
-import 'rc-tooltip';
-import 'rc-tooltip/lib/placements';
-import 'clsx';
-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-77f9e0fb.js';
-import 'rc-dropdown';
-import 'dayjs';
-import '@para-ui/core/GlobalContext';
-import '@para-ui/icons/More';
-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/Check';
-import '@para-ui/icons/Search';
-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"]);
-  if (method === 'Get') {
-    return Get(Object.assign({
-      url: url,
-      ctx: ctx
-    }, otherProps));
-  }
-  if (method === 'Post') {
-    return Post(Object.assign({
-      url: url,
-      ctx: ctx,
-      data: data
-    }, otherProps));
-  }
-};
-/**
- * 处理get请求地址
- * @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, '');
-  return Number(strHand);
-};
-/**
- * 获取选择列localStorage
- * @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];
-  // 重置过期时间
-  if (headJsonItem) {
-    headJsonItem.storageTime = new Date().getTime();
-    headJsonItem.validity = num * (60 * 60 * 24);
-  }
-  return headJsonItem || {};
-};
-/**
- * 设置选择列localStorage
- * @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);
-  headJson[key] = val;
-  window.localStorage.setItem('_paraui_table_head', JSON.stringify(headJson));
-};
-/**
- * 查找元素
- * @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;
-};
-
-var css_248z$7 = ".table-head-element {\n  display: table-header-group;\n}";
-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"]);
-  var handClass = function handClass() {
-    var str = 'table-head-element';
-    if (className) str += ' ' + className;
-    return str;
-  };
-  return jsx("thead", Object.assign({
-    className: handClass(),
-    style: style
-  }, otherProps, {
-    children: children
-  }));
-};
-
-var css_248z$6 = ".tr-element {\n  display: table-row;\n  outline: 0;\n  vertical-align: middle;\n}";
-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"]);
-  var handClass = function handClass() {
-    var str = 'tr-element';
-    if (className) str += ' ' + className;
-    return str;
-  };
-  return jsx("tr", Object.assign({
-    className: handClass(),
-    style: style
-  }, otherProps, {
-    children: children
-  }));
-};
-
-var css_248z$5 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.th-element {\n  letter-spacing: 0.01071em;\n  line-height: 1.43;\n  padding: 0;\n  font-weight: 700;\n  font-size: 14px;\n  background-color: rgb(248, 249, 251);\n  border-bottom: 1px solid rgba(171, 176, 185, 0.12);\n  height: 100%;\n}\n.th-element.th-element-draggable {\n  position: relative;\n}\n.th-element:first-child {\n  border-top-left-radius: 4px;\n}\n.th-element:last-child {\n  border-top-right-radius: 4px;\n}\n.th-element:hover {\n  background-color: rgb(237, 241, 249);\n}\n.th-element.table-operate.table-operate-small {\n  width: 112px;\n}\n.th-element.table-operate.table-operate-small > .table-header-box {\n  width: 112px;\n}\n.th-element > .th-element-draggable-box {\n  width: 6px;\n  height: 100%;\n  position: absolute;\n  right: 0;\n  top: 0;\n}\n.th-element:hover > .th-element-draggable-box {\n  background-color: rgba(54, 102, 214, 0.2);\n  cursor: ew-resize;\n}";
-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"]);
-  var domRef = useRef(null);
-  var constData = useRef({
-    startX: 0,
-    moveX: 0,
-    table: null,
-    tableContainer: null,
-    lineDom: null,
-    th: null
-  });
-  // 处理最小宽度
-  var handMinWidth = function handMinWidth(e) {
-    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;
-    // 移动以后的宽度小于最小宽度,取最小宽度
-    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';
-    (_a = constData.current.tableContainer) === null || _a === void 0 ? void 0 : _a.removeChild(constData.current.lineDom);
-    (_b = constData.current.table) === null || _b === void 0 ? void 0 : _b.classList.remove("".concat($prefixCls, "-table-draggable"));
-    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"));
-    constData.current.th = closest(domRef.current, 'th');
-    (_a = constData.current.table) === null || _a === void 0 ? void 0 : _a.classList.add("".concat($prefixCls, "-table-draggable"));
-    appendLine();
-    window.addEventListener('mousemove', mousemove);
-    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.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
-  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
-  }, otherProps, {
-    ref: domRef
-  }, {
-    children: [children, handDrag()]
-  }));
-};
-
-var en = {
-  empty: 'Empty',
-  determine: 'Ok',
-  restoreDefault: 'Restore default',
-  serial: 'Sort',
-  loadMore: 'Load more'
-};
-
-var zh = {
-  empty: '清空',
-  determine: '确定',
-  restoreDefault: '恢复默认',
-  serial: '序号',
-  loadMore: '加载更多'
-};
-
-var localeJson = {
-  zh: zh,
-  en: en
-};
-
-var TableHead$1 = function TableHead(props) {
-  var _props$headData = props.headData,
-    headData = _props$headData === void 0 ? [] : _props$headData,
-    sortTable = props.sortTable,
-    filter = props.filter,
-    expandable = props.expandable,
-    check = props.check,
-    radio = props.radio,
-    onRequestSort = props.onRequestSort,
-    _props$orderFieldArr = props.orderFieldArr,
-    orderFieldArr = _props$orderFieldArr === void 0 ? [] : _props$orderFieldArr,
-    _props$orderTypeArr = props.orderTypeArr,
-    orderTypeArr = _props$orderTypeArr === void 0 ? [] : _props$orderTypeArr,
-    selectAll = props.selectAll,
-    selectStatus = props.selectStatus,
-    align = props.align,
-    _props$showList = props.showList,
-    showList = _props$showList === void 0 ? [] : _props$showList,
-    changeShowList = props.changeShowList,
-    selectFilter = props.selectFilter,
-    changeFilter = props.changeFilter,
-    operate = props.operate,
-    showColumns = props.showColumns,
-    fixedTable = props.fixedTable,
-    fixedColumn = props.fixedColumn,
-    posFixed = props.posFixed,
-    beyondText = props.beyondText,
-    lineWidth = props.lineWidth,
-    dragColumn = props.dragColumn,
-    changeColumnWidth = props.changeColumnWidth,
-    headDataConfig = props.headDataConfig,
-    getPopupContainer = props.getPopupContainer,
-    tipMaxWidth = props.tipMaxWidth;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    indeterminate = _useState2[0],
-    setIndeterminate = _useState2[1]; // 半选中
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    checked = _useState4[0],
-    setChecked = _useState4[1]; // 选中
-  var _useState5 = useState(null),
-    _useState6 = _slicedToArray(_useState5, 2),
-    anchorElColums = _useState6[0],
-    setAnchorElColums = _useState6[1]; // 显示列定位元素
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    headDataJson = _useState8[0],
-    setHeadDataJson = _useState8[1]; // 显示列json
-  var _useState9 = useState({}),
-    _useState10 = _slicedToArray(_useState9, 2),
-    filterHead = _useState10[0],
-    setFilterHead = _useState10[1]; // 过滤项当前表头数据
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    selectFilterCom = _useState12[0],
-    setSelectFilterCom = _useState12[1]; // 过滤项当前选中值
-  var intl = useFormatMessage('Table', localeJson);
-  useEffect(function () {
-    // 全选
-    if (selectStatus === 'all') {
-      setChecked(true);
-      setIndeterminate(false);
-    }
-    // 半选
-    if (selectStatus === 'half') {
-      setChecked(false);
-      setIndeterminate(true);
-    }
-    // 不选
-    if (selectStatus === 'not') {
-      setChecked(false);
-      setIndeterminate(false);
-    }
-  }, [selectStatus]);
-  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]);
-  useEffect(function () {
-    if (selectFilter) setSelectFilterCom(DeepClone(selectFilter));
-  }, [selectFilter]);
-  /**
-   * 表格排序
-   * @param name 排序列
-   * @param event 当前排序元素
-   */
-  var createSortHandler = function createSortHandler(name, item) {
-    return function (event) {
-      // 不存在排序,不触发事件
-      if (!(sortTable && item.name && item.sort !== false)) return;
-      if (onRequestSort) onRequestSort(event, name);
-    };
-  };
-  /**
-   * 全选 / 全不选
-   * @param event 操作元素
-   * @param bol 选中 / 不选中
-   */
-  var onSelectAll = function onSelectAll(event, bol) {
-    if (selectAll) selectAll(event, bol);
-  };
-  /**
-   * 点击显示选择列
-   * @param event 点击元素
-   */
-  var clickShowColums = function clickShowColums(event) {
-    setAnchorElColums(event.currentTarget);
-  };
-  // 点击隐藏选择列
-  var clickHideColums = function clickHideColums(bol) {
-    if (bol) return;
-    setAnchorElColums(null);
-  };
-  /**
-   * 点击显示列 列表
-   * @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);
-  };
-  /**
-   * 点击显示过滤
-   * @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);
-      } else {
-        // 不勾选 -> 勾选
-        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));
-    };
-  };
-  /**
-   * 重置 / 确定过滤
-   * @param type {'reset' | 'confirm'}  重置 / 确定过滤
-   */
-  var filterFunc = function filterFunc(type) {
-    return function () {
-      if (type === 'confirm') {
-        // 确定
-        changeFilter && changeFilter(Object.assign({}, selectFilterCom));
-        setFilterHead({});
-      } else {
-        // 重置
-        var json = DeepClone(selectFilterCom);
-        delete json[filterHead.name];
-        setSelectFilterCom(json);
-      }
-    };
-  };
-  /**
-   * 自定义过滤确定
-   * @param val {[name: string]: any[]}
-   * */
-  var filterCustomConfirm = function filterCustomConfirm() {
-    var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    changeFilter && changeFilter(Object.assign({}, val));
-    setFilterHead({});
-  };
-  /**
-   * 处理TableCell
-   * @param item 当前列信息
-   */
-  var handCellClass = function handCellClass(item) {
-    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
-  var TableCheckMemo = useMemo(function () {
-    if (check) {
-      var handCls = function handCls() {
-        var str = 'table-checkbox table-head-btn';
-        if (fixedColumn) {
-          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(),
-        draggable: false
-      }, {
-        children: jsx("div", Object.assign({
-          className: "table-header-box"
-        }, {
-          children: jsx(Checkbox, {
-            indeterminate: indeterminate,
-            checked: checked,
-            onChange: onSelectAll
-          })
-        }))
-      }));
-    }
-  }, [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';
-          // 左边没有定位,没有嵌套表格
-          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(),
-        draggable: false
-      }, {
-        children: jsx("div", {
-          className: "table-header-box"
-        })
-      }));
-    }
-  }, [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';
-          // 左边没有定位,没有嵌套表格
-          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(),
-        draggable: false
-      }, {
-        children: jsx("div", {
-          className: "table-header-box"
-        })
-      }));
-    }
-  }, [expandable, posFixed, fixedColumn]);
-  // 过滤弹窗内容
-  var filterPopoverContent = function filterPopoverContent() {
-    var name = filterHead.name;
-    if (!name) return;
-    var filterValue = selectFilterCom[name] || [];
-    if (filterHead.filterRender) {
-      // 自定义渲染过滤
-      return filterHead.filterRender({
-        filterValue: filterValue,
-        selectFilter: selectFilterCom,
-        filterHead: filterHead,
-        setFilter: filterCustomConfirm
-      });
-    }
-    return jsxs("div", Object.assign({
-      className: "filter-select"
-    }, {
-      children: [jsx("div", Object.assign({
-        className: "filter-select-box"
-      }, {
-        children: function () {
-          var arr = filterHead.enums || [];
-          return 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'
-            }, {
-              children: [jsx(Checkbox, {
-                checked: checked
-              }), jsx("span", {
-                children: jsx(AutoTips, Object.assign({
-                  tipMaxWidth: tipMaxWidth
-                }, {
-                  children: item.displayName
-                }))
-              })]
-            }), index);
-          });
-        }()
-      })), jsxs("div", Object.assign({
-        className: "filter-select-footer"
-      }, {
-        children: [jsx(Button, Object.assign({
-          onClick: filterFunc('reset'),
-          variant: "outlined"
-        }, {
-          children: intl({
-            id: 'empty'
-          })
-        })), jsx(Button, Object.assign({
-          onClick: filterFunc('confirm'),
-          variant: "outlined"
-        }, {
-          children: intl({
-            id: 'determine'
-          })
-        }))]
-      }))]
-    }));
-  };
-  // 表格列拖拽放下
-  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
-  var TableContentMemo = useMemo(function () {
-    // 处理过滤的class
-    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;
-    };
-    var handCls = function handCls(item) {
-      var str = '';
-      if (item.className) str += item.className;
-      if (fixedColumn && 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 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) {
-      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),
-        align: headCell.align || align,
-        style: handStyle(headCell),
-        draggable: handDrag(headCell),
-        headCell: headCell,
-        onDragDown: onDragDown(headCell),
-        lineWidth: lineWidth
-      }, {
-        children: jsx(Popover, Object.assign({
-          placement: "bottom-start",
-          visible: filterHead.name === headCell.name,
-          content: filterPopoverContent(),
-          onVisibleChange: clickHideFilter,
-          overlayClassName: str,
-          getPopupContainer: getPopupContainer ? getPopupContainer : function () {
-            return document.body;
-          }
-        }, {
-          children: jsxs("div", Object.assign({
-            className: handCellClass(headCell)
-          }, {
-            children: [jsx("div", Object.assign({
-              className: "table-header-title"
-            }, {
-              children: jsx("span", Object.assign({
-                className: "table-header-title-label"
-              }, {
-                children: jsx(AutoTips, Object.assign({
-                  beyondText: headCell.beyondText === undefined ? beyondText : headCell.beyondText,
-                  tipMaxWidth: headCell.tipMaxWidth !== undefined ? headCell.tipMaxWidth : tipMaxWidth
-                }, {
-                  children: headCell.label
-                }))
-              }))
-            })), filter && headCell.name && headCell.filter && jsx("div", Object.assign({
-              className: handFilterClass(headCell),
-              onClick: clickShowFilter(headCell)
-            }, {
-              children: jsx("span", {
-                children: jsx(Screen, {})
-              })
-            })), sortTable && headCell.name && headCell.sort !== false && jsx("div", Object.assign({
-              className: "table-sort-svg"
-            }, {
-              children: jsxs("span", Object.assign({
-                onClick: createSortHandler(headCell.name, headCell)
-              }, {
-                children: [jsx(SolidArrowUp, {
-                  className: "up-svg"
-                }), jsx(SolidArrowDown, {
-                  className: "down-svg"
-                })]
-              }))
-            }))]
-          }))
-        }))
-      }), headCell.name || index);
-    });
-  }, [headData, sortTable, filter, orderFieldArr, orderTypeArr, align, filterHead, selectFilterCom, beyondText, selectFilter, fixedColumn, lineWidth, dragColumn, changeColumnWidth, headDataConfig, getPopupContainer, tipMaxWidth]);
-  // 操作栏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';
-          // 存在显示列,且没有右侧固定列
-          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(),
-        className: handCls(),
-        draggable: false
-      }, {
-        children: jsx("div", Object.assign({
-          className: "table-header-box"
-        }, {
-          children: jsx("div", Object.assign({
-            className: "table-header-title"
-          }, {
-            children: jsx("span", Object.assign({
-              className: "table-header-title-label"
-            }, {
-              children: jsx(AutoTips, Object.assign({
-                beyondText: operate.beyondText === undefined ? beyondText : operate.beyondText,
-                tipMaxWidth: tipMaxWidth
-              }, {
-                children: operate.label
-              }))
-            }))
-          }))
-        }))
-      }));
-    }
-  }, [operate, align, posFixed, showColumns, posFixed, beyondText, fixedColumn, tipMaxWidth]);
-  // 显示列弹窗内容
-  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(function (item, index) {
-          var checked = Boolean(headDataJson[item.name]);
-          return jsxs("div", Object.assign({
-            onClick: clickColumsList(item),
-            className: checked ? 'show-colums-select-item  show-colums-select-item-select' : 'show-colums-select-item'
-          }, {
-            children: [jsx(Checkbox, {
-              checked: checked
-            }), jsx("span", {
-              children: jsx(AutoTips, Object.assign({
-                tipMaxWidth: tipMaxWidth
-              }, {
-                children: item.label
-              }))
-            })]
-          }), index);
-        })
-      })), jsx("div", Object.assign({
-        className: "show-colums-select-footer"
-      }, {
-        children: jsx(Button, Object.assign({
-          variant: "outlined",
-          onClick: resetShowList
-        }, {
-          children: intl({
-            id: 'restoreDefault'
-          })
-        }))
-      }))]
-    }));
-  };
-  // 显示列memo
-  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';
-      }
-      return str;
-    };
-    return showColumns === 'inside' && jsx(Popover, Object.assign({
-      placement: "bottom-end",
-      visible: Boolean(anchorElColums),
-      content: showListContent(),
-      onVisibleChange: clickHideColums,
-      overlayClassName: "".concat($prefixCls, "-table-show-colums-popover ").concat($prefixCls, "-scrollbar-small"),
-      getPopupContainer: getPopupContainer ? getPopupContainer : function () {
-        return document.body;
-      }
-    }, {
-      children: jsx(ThElement, Object.assign({
-        align: "center",
-        className: handCls(),
-        onClick: clickShowColums,
-        draggable: false
-      }, {
-        children: jsx("div", Object.assign({
-          className: "table-header-box"
-        }, {
-          children: jsx(Panel, {})
-        }))
-      }))
-    }));
-  }, [showColumns, posFixed, operate, anchorElColums, showList, headDataJson, getPopupContainer, tipMaxWidth]);
-  // 处理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()
-  }, {
-    children: jsxs(TrElement, {
-      children: [TableCheckMemo, TableRadioMemo, TableExpandableMemo, TableContentMemo, TableOperateMemo, TableShowList]
-    })
-  }));
-};
-
-var css_248z$4 = ".table-body-element {\n  display: table-row-group;\n}";
-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"]);
-  var handClass = function handClass() {
-    var str = 'table-body-element';
-    if (className) str += ' ' + className;
-    return str;
-  };
-  return jsx("tbody", Object.assign({
-    className: handClass(),
-    style: style
-  }, otherProps, {
-    children: children
-  }));
-};
-
-var css_248z$3 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.td-element {\n  letter-spacing: 0.01071em;\n  padding: 0 8px;\n  font-weight: 400;\n  font-size: 14px;\n  white-space: nowrap;\n  border: 0;\n  line-height: 1.43;\n}\n.td-element.table-operate {\n  /* position: sticky;\n   right: 0;*/\n}";
-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"]);
-  var handClass = function handClass() {
-    var str = 'td-element';
-    if (className) str += ' ' + className;
-    return str;
-  };
-  return jsx("td", Object.assign({
-    className: handClass(),
-    style: style
-  }, otherProps, {
-    children: children
-  }));
-};
-
-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;
-  var _useState = useState(0),
-    _useState2 = _slicedToArray(_useState, 2),
-    expandableColSpan = _useState2[0],
-    setExpandableColSpan = _useState2[1]; // 嵌套表格合并列数
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    expandableRow = _useState4[0],
-    setExpandableRow = _useState4[1]; // 当前哪行展开表格嵌套
-  var _useState5 = useState(true),
-    _useState6 = _slicedToArray(_useState5, 2),
-    showMoreBtn = _useState6[0],
-    setShowMoreBtn = _useState6[1]; // 加载更多
-  var _useState7 = useState({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    disabledExpandJson = _useState8[0],
-    setDisabledExpand = _useState8[1]; // 禁用加减部分嵌套
-  var intl = useFormatMessage('Table', localeJson);
-  // 默认是否展开所有
-  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];
-      json[id] = {
-        id: id,
-        status: 'develop'
-      };
-    }
-    setExpandableRow(json);
-  }, [defaultExpandAllRows, rowData, rowKey]);
-  // 监听展开表格
-  // 如果直接写expandMultiple, expandValue会死循环
-  useEffect(function () {
-    if (props.expandValue === undefined) return;
-    var json = {};
-    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] = {
-        id: id,
-        status: 'develop'
-      };
-    }
-    setExpandableRow(json);
-  }, [props.expandMultiple, props.expandValue, rowData]);
-  // 监听禁用嵌套 props.disabledExpand 防止死循环
-  useEffect(function () {
-    var json = {};
-    for (var i = 0, l = disabledExpand.length; i < l; i++) {
-      var id = disabledExpand[i];
-      json[id] = true;
-    }
-    setDisabledExpand(json);
-  }, [props.disabledExpand]);
-  useEffect(function () {
-    if (loadMoreUrl) {
-      var bol = Number(total) > Number(page) * Number(currentRowsPerPage);
-      setShowMoreBtn(bol);
-    }
-  }, [loadMoreUrl, total, page, currentRowsPerPage]);
-  // 处理嵌套表格合并列数
-  useEffect(function () {
-    var num = headData.length;
-    if (expandable) num += 1;
-    if (check) num += 1;
-    if (radio) num += 1;
-    if (operate) num += 1;
-    if (showColumns === 'inside') num += 1;
-    setExpandableColSpan(num);
-  }, [headData, expandable, check, radio]);
-  // 展开/收起嵌套表格
-  var handClickNestTable = function handClickNestTable(row) {
-    return function (event) {
-      var id = row[rowKey];
-      var expandItem = expandableRow[id] || {};
-      var status = 'develop';
-      if (expandItem.status === 'develop') status = 'retract';
-      expandItem = {
-        id: id,
-        status: status
-      };
-      if (expandMultiple) {
-        // 展开多个
-        expandableRow[id] = expandItem;
-        setExpandableRow(Object.assign({}, expandableRow));
-      } else {
-        // 展开一个
-        setExpandableRow(_defineProperty({}, id, expandItem));
-      }
-      onExpand && onExpand(row, status);
-      event.stopPropagation();
-    };
-  };
-  // 处理class
-  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
-  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
-  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
-    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()
-    }, {
-      children: jsx(TdElement, Object.assign({
-        align: "center",
-        colSpan: expandableColSpan
-      }, {
-        children: jsx(Empty, Object.assign({}, emptyProps, {
-          showRefresh: handRefreshBtn(),
-          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();
-          }
-        }))
-      }))
-    }));
-  }, [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';
-          // 左边没有定位,且没有单选,没有嵌套表格
-          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()
-      }, {
-        children: showCheck && jsx(Checkbox, {
-          disabled: disabledHand,
-          checked: checkHand,
-          onChange: function onChange(event, bol) {
-            event.stopPropagation();
-            selectCheck && selectCheck(event, bol, row[rowKey]);
-          }
-        })
-      }));
-    }
-  }, [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';
-          // 左边没有定位,没有嵌套表格
-          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()
-      }, {
-        children: showRadio && jsx(Radio, {
-          disabled: disabledHand,
-          checked: checkHand,
-          onChange: function onChange(event) {
-            event.stopPropagation();
-            selectRadio && selectRadio(event, row[rowKey]);
-          }
-        })
-      }));
-    }
-  }, [radio, disabledJson, radioValue, rowKey, selectRadio, disabledArrStatus, expandable, posFixed, fixedColumn]);
-  // 嵌套加减useCallback
-  var TableExpandableMemo = useCallback(function (row) {
-    if (!expandable) return null;
-    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';
-        // 左边没有定位,没有嵌套表格
-        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()
-    }, {
-      children: jsx(Down, {
-        className: handExpandClass(row),
-        onClick: handClickNestTable(row)
-      })
-    }));
-  }, [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 (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;
-        // 固定左边,判断是否是最后一个
-        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 (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: item.autoTips === undefined || item.autoTips === true ? jsx(AutoTips, Object.assign({
-          beyondText: item.beyondText === undefined ? beyondText : item.beyondText,
-          tipMaxWidth: item.tipMaxWidth !== undefined ? item.tipMaxWidth : tipMaxWidth
-        }, {
-          children: text
-        })) : text
-      }), item.name || index);
-    });
-  }, [tableCell, headData, align, formatter, orderFieldArr, orderTypeArr, sortTable, showColumns, operate, beyondText, fixedColumn, tipMaxWidth]);
-  // 操作栏useCallback
-  var TableOperateUseCallback = useCallback(function (row, rowIndex) {
-    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, rowIndex);
-          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(),
-        colSpan: colSpan,
-        style: handStyle()
-      }, {
-        children: handOperate()
-      }));
-    }
-  }, [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"
-      }, {
-        children: jsx(TdElement, Object.assign({
-          align: "center",
-          colSpan: expandableColSpan
-        }, {
-          children: expandableDemo
-        }))
-      }), Math.random());
-    }
-  }, [expandable, expandableRow, expandableColSpan, rowKey]);
-  // 加载更多
-  var MoreMemo = useMemo(function () {
-    if (!loadMore || !showMoreBtn) return null;
-    return jsx(TrElement, Object.assign({
-      className: "more-table-row",
-      onClick: clickMore
-    }, {
-      children: jsx(TdElement, Object.assign({
-        align: "center",
-        colSpan: expandableColSpan
-      }, {
-        children: loadMoreRender ? loadMoreRender : jsx("span", Object.assign({
-          className: "more-btn"
-        }, {
-          children: intl({
-            id: 'loadMore'
-          })
-        }))
-      }))
-    }));
-  }, [expandableColSpan, loadMore, loadMoreRender, onClickMore, showMoreBtn, changePage, loadMoreUrl]);
-  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: str,
-            onClick: function onClick(e) {
-              onClickRow && onClickRow(row, e);
-            }
-          }, {
-            children: [TableCheckCallback(row), TableRadioCallback(row), TableExpandableMemo(row), TableContentUseCallback(row, index), TableOperateUseCallback(row, index)]
-          }), row[rowKey]), TableExpandableContentUseCallback(row)]
-        }, index);
-      })
-    });
-  }, [rowData, rowKey, disabledJson, checkJson, radio, radioValue, expandable, expandableRow, tableCell, headData, align, operate, expandableColSpan, selectCheck, selectRadio, disabledExpandJson, onExpand, disabledArrStatus, showColumns, onClickRow, rowClassMapping, tipMaxWidth]);
-  // 内容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, rowClassMapping, tipMaxWidth]);
-  // 处理内容
-  var handContent = function handContent() {
-    // 无数据,且不再请求,显示暂无数据
-    if (rowData.length === 0 && !loadState) return NodataMemo;
-    return TableBodyContentMemo;
-  };
-  return jsx(TableBodyElement, Object.assign({
-    className: handClass()
-  }, {
-    children: handContent()
-  }));
-};
-
-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;
-  // 改变页面
-  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,
-      currentRowsPerPage: currentRowsPerPage,
-      changePage: changePageCom,
-      changeRowsPerPage: changeRowsPerPageCom,
-      getPopupContainer: function getPopupContainer() {
-        return document.body;
-      }
-    })
-  }));
-};
-
-var css_248z$2 = ".table-container {\n  overflow-x: auto;\n}";
-styleInject(css_248z$2);
-
-var TableContainer = function TableContainer(props) {
-  var cRef = props.cRef,
-    className = props.className,
-    style = props.style,
-    children = props.children,
-    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,
-    ref: cRef
-  }, otherProps, {
-    children: children
-  }));
-};
-
-var css_248z$1 = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\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 rgba(0, 0, 0, 0.1);\n}";
-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"]);
-  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
-  }, otherProps, {
-    children: children
-  }));
-};
-
-var css_248z = "@charset \"UTF-8\";\n/**\n* @author Hanz\n* @date 2021/10/20 下午2:08\n* @description color\n*/\n.paraui-v3-table {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: white;\n  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;\n  font-size: 14px;\n  font-weight: 400;\n  position: relative;\n}\n.paraui-v3-table.paraui-v3-table-draggable * {\n  user-select: none !important;\n}\n.paraui-v3-table.paraui-v3-table-fixed-table > .table-contain > table {\n  table-layout: fixed;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-checkbox {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-radio {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn > .table-contain > table .table-expandable {\n  left: 0;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-radio.paraui-v3-table-check .table-radio {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check .table-expandable {\n  left: 48px;\n}\n.paraui-v3-table.paraui-v3-table-fixed-cloumn.paraui-v3-table-expandable.paraui-v3-table-check.paraui-v3-table-radio .table-expandable {\n  left: 80px;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-no-data > .table-container > table .paraui-v3-empty {\n  overflow: hidden;\n}\n.paraui-v3-table.paraui-v3-table-load.paraui-v3-table-no-data > .table-container > table {\n  height: auto;\n}\n.paraui-v3-table.paraui-v3-table-pagination > .table-contain {\n  height: calc(100% - 60px);\n}\n.paraui-v3-table.paraui-v3-table-pagination.table-load-more > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table.paraui-v3-table-load-more.paraui-v3-table-pagination > .table-contain {\n  height: 100%;\n}\n.paraui-v3-table > .table-contain {\n  height: 100%;\n  position: relative;\n}\n.paraui-v3-table > .table-contain > table {\n  height: auto;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-checkbox .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-radio > label {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table .table-radio .table-header-box {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table > .table-contain > table .table-expandable > svg {\n  vertical-align: middle;\n}\n.paraui-v3-table > .table-contain > table > .table-head {\n  width: 100%;\n  white-space: nowrap;\n}\n.paraui-v3-table > .table-contain > table > .table-head > tr th {\n  height: 50px;\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-scroll tr th {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-serial-number .table-header-box .table-header-title {\n  padding-right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box {\n  height: 49px;\n  line-height: 49px;\n  position: relative;\n  padding: 0 8px;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title {\n  max-width: 100%;\n  display: flex;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-title > .table-header-title-label {\n  width: 100%;\n  color: rgba(46, 55, 67, 0.7);\n  font-weight: 700;\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > svg {\n  font-size: 12px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .up-svg {\n  position: relative;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-sort-svg > span > .down-svg {\n  position: relative;\n  top: -3px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  cursor: pointer;\n  border-radius: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover {\n  background-color: rgb(227, 234, 247);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter > span > svg {\n  font-size: 14px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-show > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box > .table-header-filter.table-header-filter-select > span:after {\n  position: absolute;\n  width: 4px;\n  height: 4px;\n  border-radius: 50%;\n  background-color: rgb(235, 96, 84);\n  content: \"\";\n  right: 3px;\n  top: 2px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-filter > .table-header-title {\n  padding-right: 8px;\n  max-width: calc(100% - 20px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort.table-header-box-filter > .table-header-title {\n  max-width: calc(100% - 40px);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-asc > .table-sort-svg > span > .up-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-header-box.table-header-box-sort-desc > .table-sort-svg > span > .down-svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums {\n  width: 56px;\n  cursor: pointer;\n  border-left: 1px solid rgba(171, 176, 185, 0.12);\n  right: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 55px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box > svg {\n  font-size: 24px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-head .show-colums .table-header-box:hover > svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-head.table-head-no-btn tr th:first-child .table-header-box {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn > .table-header-box {\n  width: 32px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-head .table-head-btn:first-child > .table-header-box {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body {\n  width: 100%;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-scroll tr td {\n  max-width: 240px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr {\n  height: 56px;\n}\n.paraui-v3-table > .table-contain > table > .table-body tr td {\n  background-color: white;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:nth-of-type(2n) td {\n  background-color: rgb(249, 250, 251);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr:hover td {\n  background-color: rgb(237, 241, 249);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg {\n  transition: all 0.3s;\n  cursor: pointer;\n  font-size: 16px;\n  color: rgba(46, 55, 67, 0.7);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > svg:hover {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body tr .table-expandable > .expand {\n  transform: rotate(180deg);\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row {\n  cursor: pointer;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row .more-btn {\n  color: rgb(54, 102, 214);\n  font-size: 14px;\n}\n.paraui-v3-table > .table-contain > table > .table-body .more-table-row > .td-element {\n  bottom: 0;\n  background: white;\n  box-shadow: 4px -4px 8px 0px rgba(171, 176, 185, 0.12);\n  z-index: 100;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr td:first-child {\n  padding-left: 16px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn tr.more-table-row td:first-child {\n  padding-left: 8px;\n}\n.paraui-v3-table > .table-contain > table > .table-body.table-body-no-btn > .table-no-data > td:first-child {\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn {\n  width: 32px;\n  padding: 0;\n}\n.paraui-v3-table > .table-contain > table > .table-body .table-body-btn:first-child {\n  width: 48px;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data {\n  height: calc(100% - 50px);\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data:hover td {\n  background-color: white;\n}\n.paraui-v3-table > .table-contain > table > .table-body > .table-no-data > td {\n  padding: 56px 0 0 0;\n}\n.paraui-v3-table > .table-contain > .table-pos-line {\n  position: absolute;\n  top: 0;\n  width: 1px;\n  background-color: rgb(54, 102, 214);\n  z-index: 1000;\n}\n.paraui-v3-table > .table-pagination {\n  width: 100%;\n  height: 60px;\n  padding-right: 10px;\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n}\n\n.paraui-v3-table-show-colums-popover > .component-popover-content {\n  width: 200px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-box > .show-colums-select-item.show-colums-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button {\n  width: 100%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-table-show-colums-popover > .component-popover-content .show-colums-select > .show-colums-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box {\n  padding-top: 8px;\n  max-height: 224px;\n  overflow-y: auto;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item {\n  height: 36px;\n  line-height: 36px;\n  cursor: pointer;\n  display: flex;\n  padding: 0 4px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > label {\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item > span {\n  color: rgb(46, 55, 67);\n  font-size: 14px;\n  display: inline-block;\n  width: calc(100% - 32px);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item:hover > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > span {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-box > .filter-select-item.filter-select-item-select > label .checkbox-box-inner {\n  border-color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer {\n  height: 45px;\n  border-top: 1px solid rgba(171, 176, 185, 0.2);\n  text-align: center;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button {\n  width: 50%;\n  height: 100%;\n  border: 0;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span {\n  font-size: 14px;\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span {\n  margin-right: 5px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button > span > span svg {\n  font-size: 14px;\n  color: rgb(46, 55, 67);\n}\n.paraui-v3-filter-popover > .component-popover-content .filter-select > .filter-select-footer > button:hover > span > span svg {\n  color: rgb(54, 102, 214);\n}\n.paraui-v3-filter-popover.paraui-v3-filter-popover-default > .component-popover-content {\n  width: 200px;\n}";
-styleInject(css_248z);
-
-var Table = function Table(propsInit) {
-  var props = useGlobalProps(propsInit, 'Table');
-  // 判断浏览器
-  var Browser = GetBrowserClass();
-  if (Browser === 'ie') {
-    // IE浏览器没有固定列
-    props.fixedColumn = false;
-  }
-  var className = props.className,
-    style = props.style,
-    url = props.url,
-    ctx = props.ctx,
-    emptyProps = props.emptyProps,
-    _props$method = props.method,
-    method = _props$method === void 0 ? 'Get' : _props$method,
-    data = props.data,
-    _props$page = props.page,
-    page = _props$page === void 0 ? 1 : _props$page,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 10 : _props$size,
-    _props$sizeArr = props.sizeArr,
-    sizeArr = _props$sizeArr === void 0 ? [10, 20, 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,
-    _props$tipMaxWidth = props.tipMaxWidth,
-    tipMaxWidth = _props$tipMaxWidth === void 0 ? 500 : _props$tipMaxWidth,
-    loading = props.loading,
-    defaultSortValue = props.defaultSortValue,
-    defaultFilterValue = props.defaultFilterValue,
-    searchKeyName = props.searchKeyName,
-    filterSearchCallback = props.filterSearchCallback,
-    onClickRow = props.onClickRow,
-    rowClassMapping = props.rowClassMapping,
-    getPopupContainer = props.getPopupContainer,
-    onSort = props.onSort,
-    onError = props.onError;
-  var intl = useFormatMessage('Table', localeJson);
-  var dayNum = props.expirationTime ? props.expirationTime === 0 ? 100000000 : props.expirationTime : 7; // 过期天数
-  var _useState = useState(props.page !== undefined ? props.page : 1),
-    _useState2 = _slicedToArray(_useState, 2),
-    pageCom = _useState2[0],
-    setPageCom = _useState2[1]; // 页数
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    sizeCom = _useState4[0],
-    setSizeCom = _useState4[1]; // 每页条数
-  var _useState5 = useState(sizeArr),
-    _useState6 = _slicedToArray(_useState5, 2),
-    sizeArrCom = _useState6[0],
-    setSizeArrCom = _useState6[1]; // 每页条数数组
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    total = _useState8[0],
-    setTotal = _useState8[1]; // 总数
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    rowData = _useState10[0],
-    setRowData = _useState10[1]; // 当前页数据
-  var _useState11 = useState({}),
-    _useState12 = _slicedToArray(_useState11, 2),
-    rowDataJson = _useState12[0],
-    setRowDataJson = _useState12[1]; // 当前页数据对象
-  var _useState13 = useState({}),
-    _useState14 = _slicedToArray(_useState13, 2),
-    totalDataJson = _useState14[0],
-    setTotalDataJson = _useState14[1]; // 数据总数对象--用来分页记录数据的
-  var _useState15 = useState(Object.values(defaultSortValue || {})),
-    _useState16 = _slicedToArray(_useState15, 2),
-    orderTypeArr = _useState16[0],
-    setOrderTypeArr = _useState16[1]; // 排序类型
-  var _useState17 = useState(Object.keys(defaultSortValue || {})),
-    _useState18 = _slicedToArray(_useState17, 2),
-    orderFieldArr = _useState18[0],
-    setOrderFieldArr = _useState18[1]; // 排序字段
-  var _useState19 = useState('not'),
-    _useState20 = _slicedToArray(_useState19, 2),
-    headSelectStatus = _useState20[0],
-    setHeadSelectStatus = _useState20[1]; // 表格头复选框状态
-  var _useState21 = useState({}),
-    _useState22 = _slicedToArray(_useState21, 2),
-    checkJson = _useState22[0],
-    setCheckJson = _useState22[1]; // 多选 选中的数据
-  var _useState23 = useState(),
-    _useState24 = _slicedToArray(_useState23, 2),
-    radioValue = _useState24[0],
-    setRadioValue = _useState24[1]; // 单选 选中的数据
-  var _useState25 = useState({}),
-    _useState26 = _slicedToArray(_useState25, 2),
-    disabledJson = _useState26[0],
-    setDisabledJson = _useState26[1]; // 禁用对象
-  var _useState27 = useState({}),
-    _useState28 = _slicedToArray(_useState27, 2),
-    originalHead = _useState28[0],
-    setOriginalHead = _useState28[1]; // 接口原数据表头json
-  var _useState29 = useState([]),
-    _useState30 = _slicedToArray(_useState29, 2),
-    showHeadList = _useState30[0],
-    setShowHeadList = _useState30[1]; // 显示列下拉值 所有头部的配置
-  var _useState31 = useState([]),
-    _useState32 = _slicedToArray(_useState31, 2),
-    headDataCom = _useState32[0],
-    setHeadDataCom = _useState32[1]; // 表格当前显示列 集合本地数据
-  var _useState33 = useState(Object.assign({}, defaultFilterValue)),
-    _useState34 = _slicedToArray(_useState33, 2),
-    selectFilterCom = _useState34[0],
-    setSelectFilterCom = _useState34[1]; // 过滤值
-  var _useState35 = useState(true),
-    _useState36 = _slicedToArray(_useState35, 2),
-    loadState = _useState36[0],
-    setLoadState = _useState36[1]; // 加载进度条状态
-  var _useState37 = useState(false),
-    _useState38 = _slicedToArray(_useState37, 2),
-    loadMoreUrl = _useState38[0],
-    setLoadMoreUrl = _useState38[1];
-  var _useState39 = useState(Math.random().toString()),
-    _useState40 = _slicedToArray(_useState39, 1),
-    reqId = _useState40[0];
-  var _useState41 = useState(),
-    _useState42 = _slicedToArray(_useState41, 2),
-    refreshCom = _useState42[0],
-    setRefreshCom = _useState42[1];
-  var _useState43 = useState(0),
-    _useState44 = _slicedToArray(_useState43, 2),
-    tableMinWidth = _useState44[0],
-    setTableMinWidth = _useState44[1]; // 表格最小width
-  var _useState45 = useState({}),
-    _useState46 = _slicedToArray(_useState45, 2),
-    posFixed = _useState46[0],
-    setPosFixed = _useState46[1]; // 固定位置
-  var _useState47 = useState({}),
-    _useState48 = _slicedToArray(_useState47, 2),
-    headDataConfig = _useState48[0],
-    setHeadDataConfig = _useState48[1]; // 表头配置
-  var containerRef = useRef(); // 表格内容高度
-  var tableRef = useRef(); // 表格
-  var constData = useRef({
-    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;
-  constData.current.orderFieldArr = orderFieldArr;
-  constData.current.selectFilterCom = selectFilterCom;
-  constData.current.data = data;
-  constData.current.searchKeyName = searchKeyName;
-  constData.current.filterSearchCallback = filterSearchCallback;
-  constData.current.onError = onError;
-  useEffect(function () {
-    window.addEventListener('resize', changeResize);
-    return function () {
-      constData.current.isDestroy = true;
-      clearTimeout(constData.current.reqTimer);
-      clearTimeout(constData.current.loadingTimer);
-      Cancel(reqId);
-      window.removeEventListener('resize', changeResize);
-    };
-  }, []);
-  useEffect(function () {
-    if (loading !== undefined) {
-      clearTimeout(constData.current.loadingTimer);
-      constData.current.loadingTimer = setTimeout(function () {
-        setLoadState(loading);
-      }, 50);
-    }
-  }, [loading]);
-  useEffect(function () {
-    setLoadMoreUrl(Boolean(loadMore && url));
-  }, [loadMore, url]);
-  // 监听page
-  useEffect(function () {
-    if (props.page !== undefined) {
-      handPage(props.page);
-    }
-  }, [page]);
-  // 自动计算表格一页展示条数
-  useEffect(function () {
-    if (!autoSize) return handSize(size);
-    if (props.size) {
-      handSize(size);
-    } else {
-      if (containerRef && containerRef.current) {
-        var height = containerRef.current.clientHeight - 50;
-        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.sort(function (a, b) {
-            return a - b;
-          });
-          setSizeArrCom(sizeArr);
-        }
-        handSize(columnsNUmber);
-      }
-    }
-  }, [size, autoSize]);
-  // 处理表格头部
-  useEffect(function () {
-    if (props.headData !== undefined) {
-      handInitHead(headData, false);
-    }
-  }, [headData]);
-  // 设置总数对象
-  useEffect(function () {
-    if (data) {
-      constData.current.historyData = [];
-      var dataHand = handLocalData();
-      var handTotalDataJson = ArrayToObject(rowKey, dataHand);
-      setTotalDataJson(handTotalDataJson);
-      setRefreshCom(Math.random());
-    }
-  }, [data]);
-  useEffect(function () {
-    // 第一次初始化不设置
-    if (!constData.current.initReq) return;
-    handPage(1);
-    constData.current.historyData = [];
-  }, [search, url]);
-  useEffect(function () {
-    if (constData.current.loadMoreUrl) {
-      constData.current.historyData = [];
-    }
-    handPage(1);
-  }, [refresh]);
-  // 表格数据获取赋值
-  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;
-          // 单个排序
-          if (props.sortTableRadio) {
-            postBody.orderField = orderFieldArr[0];
-            postBody.orderType = orderTypeArr[0];
-          }
-        }
-        if (selectFilterCom && Object.keys(selectFilterCom).length > 0) {
-          var filterValue = handFilterReq();
-          if (Object.keys(filterValue).length > 0) postBody.filter = filterValue;
-        }
-        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 请求
-        if (method === 'Get') {
-          if (paramsCallback) {
-            paramsCallback(obj, function (handObj) {
-              var handUrl = handGetReqParams(handObj);
-              requestData(Object.assign(Object.assign({}, handObj), {
-                url: handUrl,
-                ctx: ctx,
-                method: method
-              }));
-            });
-          } else {
-            var handUrl = handGetReqParams(obj);
-            requestData({
-              url: handUrl,
-              ctx: ctx,
-              method: method
-            });
-          }
-        }
-        // 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;
-          // 分页
-          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);
-        } else {
-          // 不分页
-          setNowPageData(dataT);
-        }
-        if (props.loading === undefined) setLoadState(false);
-      }
-    }, 50);
-  }, [refreshCom]);
-  // 单选赋值默认值
-  useEffect(function () {
-    if (radioDefaultValue !== undefined && radioDefaultValue !== radioValue) {
-      setRadioValue(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]);
-  // 设置禁用对象
-  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]);
-  // 计算复选框状态
-  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 {
-          if (checkJson[key] !== undefined) {
-            num++;
-          }
-        }
-      }
-      if (num === 0) {
-        // 全不选
-        return setHeadSelectStatus('not');
-      }
-      if (num === numTotal) {
-        // 全选
-        return setHeadSelectStatus('all');
-      }
-      if (num < numTotal) {
-        // 半选
-        return setHeadSelectStatus('half');
-      }
-    }
-  }, [checkJson, rowData, disabledJson]);
-  // 表格更新计算是否有滚动条
-  useEffect(function () {
-    tableBoxScroll({
-      target: containerRef.current
-    });
-  });
-  /** 设置size */
-  var handSize = function handSize(num) {
-    constData.current.size = num;
-    setSizeCom(num);
-    setRefreshCom(Math.random());
-  };
-  /**
-   * 处理page
-   * */
-  var handPage = function handPage(num) {
-    constData.current.page = num;
-    setPageCom(num);
-    setRefreshCom(Math.random());
-  };
-  /** 处理本地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, {
-          search: constData.current.search,
-          filter: constData.current.selectFilterCom
-        });
-      } else {
-        // 过滤条件
-        for (var j = 0, k = filterKeys.length; j < k; j++) {
-          var name = filterKeys[j];
-          var filterVal = constData.current.selectFilterCom[name];
-          var val = item[name];
-          // 不满足当前过滤的数据,过滤掉
-          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;
-        }
-      }
-    } else {
-      return true;
-    }
-    return false;
-  };
-  /** 本地显示列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
-    if (props.url) {
-      return props.url + '_' + (props.method || 'Get');
-    }
-    return '';
-  };
-  /** 获取储存的表头列 */
-  var getLocalStorageHeadCom = function getLocalStorageHeadCom() {
-    if (props.rememberColumns === false) return {};
-    var json = getLocalStorageSelectHead(getTableHeadKey(), dayNum);
-    return json;
-  };
-  /**
-   * 设置本地表格列
-   *
-   * */
-  var setLocalStorageHeadCom = function setLocalStorageHeadCom(obj) {
-    if (props.rememberColumns === false) return;
-    var localStorageData = getLocalStorageHeadCom();
-    var json = {
-      headName: localStorageData.headName || {},
-      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);
-  };
-  /**
-   * 处理表格列是否显示
-   * @param item {HeadDataProps} 当前列
-   * @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);
-    } else {
-      // 记住列
-      var nameSelectJson = localHead.headName || {};
-      var name = item.name || '';
-      var nameSelect = nameSelectJson[name];
-      if (nameSelect !== undefined) {
-        // 存在本地选择列里面,选中添加到显示列
-        if (nameSelect) showHeadArr.push(item);
-      } else {
-        // 不存在本地选择列里面,当前选中,则添加进去
-        if (item.selected) showHeadArr.push(item);
-      }
-    }
-  };
-  /** 处理序号 */
-  var handSerial = function handSerial(arr) {
-    var defaultVal = {
-      label: intl({
-        id: 'serial'
-      }),
-      selected: true,
-      width: props.radio || props.check || props.expandable ? 45 : 55,
-      fixed: 'left',
-      className: 'table-serial-number',
-      name: 'table-serial-number',
-      render: function render(row, item, val, index, rowIndex) {
-        return Number(rowIndex) + 1;
-      }
-    };
-    if (props.serialNumber) {
-      if (typeof props.serialNumber === 'boolean') {
-        arr.unshift(defaultVal);
-      } else {
-        arr.unshift(Object.assign(Object.assign({}, defaultVal), props.serialNumber));
-      }
-    }
-  };
-  /**
-   * 初始化设置表头
-   * @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 || '';
-      if (typeof item.width === 'number') item.width = item.width + 'px';
-      if (!bol) item.orderNum = i;
-      handHeadShow(item, headShowArr, localHead);
-      headArr.push(item);
-      json[name] = item;
-    }
-    if (bol) {
-      headShowArr.sort(function (a, b) {
-        return Number(a.orderNum) - Number(b.orderNum);
-      });
-      headArr.sort(function (a, b) {
-        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;
-    // 复选
-    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;
-      } else {
-        leftNum += 48;
-      }
-    }
-    return leftNum;
-  };
-  // 计算右边的差量
-  var handRightWidth = function handRightWidth() {
-    var rightNum = 0;
-    // 显示列宽度
-    if (props.showColumns === 'inside' || props.showColumns === undefined) {
-      rightNum += 56;
-    }
-    // 操作列
-    if (props.operate) {
-      if (props.operate.width) {
-        rightNum += getStringInNumber(props.operate.width);
-      } else {
-        if (props.operate.operateBtnRender) {
-          // 操作按钮组
-          rightNum += 112;
-        } else {
-          rightNum += lineWidth; // 自定义操作
-        }
-      }
-    }
-
-    return rightNum;
-  };
-  // 获取宽度
-  var getWidth = function getWidth(item) {
-    var w = item.width || '';
-    var name = item.name || '';
-    var wDrag = constData.current.headDataConfig[name] && constData.current.headDataConfig[name].width;
-    if (wDrag) w = wDrag;
-    return w;
-  };
-  /**
-   * 处理显示列宽度
-   * */
-  var handHeadDataCom = function handHeadDataCom(arr) {
-    // 左侧定位数组
-    var leftArr = [];
-    // 右侧定位数组
-    var rightArr = [];
-    // 表格最小宽度
-    var tableMinWidth = 0;
-    // 左边差量
-    var leftWidth = handLeftWidth();
-    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;
-      // 左边定位位置
-      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;
-          // 最后一个
-          if (_i === leftArr.length - 1) {
-            _item.paraui_fixed_left_last = true;
-          } else {
-            _item.paraui_fixed_left_last = false;
-          }
-        }
-      }
-    }
-    if (rightArr.length > 0) {
-      posJson.rightBol = true;
-      // 右边定位位置
-      var rightOps = rightWidth;
-      for (var _i2 = rightArr.length - 1; _i2 >= 0; _i2--) {
-        var _item2 = rightArr[_i2];
-        if (_item2.width) {
-          var _handW2 = getWidth(_item2); // 获取宽度,有拖动过后宽度,就用拖动的
-          var _itemWidth2 = getStringInNumber(_handW2);
-          _item2.paraui_right_width = rightOps;
-          rightOps += _itemWidth2;
-          // 最后一个
-          if (_i2 === rightArr.length - 1) {
-            _item2.paraui_fixed_right_first = true;
-          } else {
-            _item2.paraui_fixed_right_first = false;
-          }
-        }
-      }
-    }
-    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];
-      if (itemValue.length === 0) continue; // 未选择的过滤项不参与请求
-      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, onErrorFlag;
-      return regenerator.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            obj.uuid = reqId;
-            if (props.loading === undefined) setLoadState(true);
-            _context.next = 4;
-            return requestFunc(obj);
-          case 4:
-            _yield$requestFunc = _context.sent;
-            data = _yield$requestFunc.data;
-            err = _yield$requestFunc.err;
-            if (!constData.current.isDestroy) {
-              _context.next = 9;
-              break;
-            }
-            return _context.abrupt("return");
-          case 9:
-            if (!err) {
-              _context.next = 23;
-              break;
-            }
-            if (props.loading === undefined) setLoadState(false);
-            // cancel的接口 不清除上次展示的数据
-            if (err.__CANCEL__) {
-              _context.next = 22;
-              break;
-            }
-            onErrorFlag = false;
-            if (!constData.current.onError) {
-              _context.next = 17;
-              break;
-            }
-            _context.next = 16;
-            return constData.current.onError(err);
-          case 16:
-            onErrorFlag = _context.sent;
-          case 17:
-            if (onErrorFlag) {
-              _context.next = 19;
-              break;
-            }
-            return _context.abrupt("return");
-          case 19:
-            setRowData([]);
-            setTotal(0);
-            setRowDataJson({});
-          case 22:
-            return _context.abrupt("return", false);
-          case 23:
-            if (requestCallback) {
-              requestCallback(data, function (handData) {
-                if (handData) {
-                  if (handData.data) handData = handData.data;
-                  handReqData(handData);
-                  if (props.loading === undefined) setLoadState(false);
-                }
-              });
-            } else {
-              if (data.data) data = data.data;
-              handReqData(data);
-              if (props.loading === undefined) setLoadState(false);
-            }
-          case 24:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-  };
-  /**
-   * 设置请求数据
-   * @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];
-          item.name = key;
-          item.label = item.displayName;
-          item.filter = item.filterFlag;
-          item.filterRadio = item.filterRadioFlag;
-          item.sort = item.orderFlag;
-          item.selected = item.selectedFlag;
-          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);
-    }
-  };
-  /**
-   * 设置当前页数据
-   * @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);
-    // 设置总数对象
-    if (url) {
-      setTotalDataJson(Object.assign(Object.assign({}, totalDataJson), handDataJson));
-    }
-  };
-  /**
-   * 改变页数
-   * @param num {number | undefined} 页数
-   */
-  var changePage = function changePage(num) {
-    if (num !== undefined) handPage(num);
-    clearCheckValue();
-  };
-  /**
-   * 改变每页条数
-   * @param num {number | undefined} 条数
-   */
-  var changeRowsPerPage = function changeRowsPerPage(num) {
-    if (num !== undefined) handSize(num);
-    handPage(1);
-  };
-  /**
-   * 加载更多,点击改变分页
-   */
-  var changePageMore = function changePageMore() {
-    var pageHnad = Number(pageCom) + 1;
-    handPage(pageHnad);
-  };
-  /**
-   * 排序
-   * @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';
-      }
-    } else {
-      // 没有排序过
-      orderFieldArr.push(name);
-      orderTypeArr.push('asc');
-    }
-    var orderFieldArrHand = _toConsumableArray(orderFieldArr);
-    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 (onSort) onSort({
-      orderField: orderFieldArrHand,
-      orderType: 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);
-    }
-  };
-  /**
-   * 复选框 - 全选 / 全不选
-   * @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;
-        } else {
-          if (checkJsonDeep[key]) delete checkJsonDeep[key];
-        }
-      }
-    }
-    handCheckValue(checkJsonDeep);
-  };
-  /**
-   * 复选框 - 选择
-   * @param event 选择的元素
-   * @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);
-  };
-  /**
-   * 单选 - 选择
-   * @param event 选择的元素
-   * @param item  当前行数据
-   */
-  var selectRadio = function selectRadio(event, val) {
-    if (setRadio) setRadio(val, totalDataJson[val]);
-  };
-  /**
-   * 清空复选框选中值
-   */
-  var clearCheckValue = function clearCheckValue() {
-    if (!checkRememberPage) {
-      setCheckJson({});
-      handCheckValue({});
-    }
-  };
-  /**
-   * 改变选择列
-   * @param arr {HeadDataProps[]} 当前显示列
-   * @param item 当前点击项
-   * @param isRest 是否重置
-   * */
-  var changeSelectHead = function changeSelectHead(arr, item, isRest) {
-    handHeadDataCom(arr);
-    setHeadDataCom(arr);
-    var obj = {
-      setFixed: true,
-      headArr: arr
-    };
-    if (isRest) {
-      obj.setDrag = true;
-      obj.headDataConfig = {};
-    }
-    // 本地记住选择列
-    setLocalStorageHeadCom(obj);
-    onClickColumns && onClickColumns(arr, item);
-  };
-  /**
-   * 改变显示列 bol true重置
-   * @param headShowArr 当前显示列
-   * @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
-  var TableHeadMemo = useMemo(function () {
-    return jsx(TableHead$1, {
-      orderTypeArr: orderTypeArr,
-      orderFieldArr: orderFieldArr,
-      sortTable: sortTable,
-      filter: filter,
-      expandable: expandable,
-      check: check,
-      selectStatus: headSelectStatus,
-      radio: radio,
-      align: align,
-      showList: showHeadList,
-      headData: headDataCom,
-      selectFilter: selectFilterCom,
-      operate: operate,
-      onRequestSort: handleRequestSort,
-      selectAll: setAllCheck,
-      changeShowList: changeShowList,
-      changeFilter: changeFilter,
-      showColumns: showColumns,
-      rowKey: rowKey,
-      fixedTable: fixedTable,
-      fixedColumn: fixedColumn,
-      posFixed: posFixed,
-      beyondText: beyondText,
-      lineWidth: lineWidth,
-      dragColumn: dragColumn,
-      headDataConfig: headDataConfig,
-      tipMaxWidth: tipMaxWidth,
-      changeColumnWidth: changeColumnWidth,
-      getPopupContainer: getPopupContainer
-    });
-  }, [totalDataJson, showColumns, rowKey, rowData, checkJson, disabledJson, orderTypeArr, orderFieldArr, sortTable, filter, expandable, check, headSelectStatus, radio, align, showHeadList, headDataCom, selectFilterCom, operate, onClickColumns, sortTableRadio, fixedTable, posFixed, beyondText, fixedColumn, lineWidth, dragColumn, headDataConfig, getPopupContainer, onSort, tipMaxWidth]);
-  // 表格内容memo
-  var TableBodyMemo = useMemo(function () {
-    return jsx(TableBody, {
-      url: url,
-      emptyProps: emptyProps,
-      changePage: changePageMore,
-      loadMoreUrl: loadMoreUrl,
-      total: total,
-      page: pageCom,
-      currentRowsPerPage: sizeCom,
-      loadState: loadState,
-      loadMore: loadMore,
-      loadMoreRender: loadMoreRender,
-      onClickMore: onClickMore,
-      rowData: rowData,
-      headData: headDataCom,
-      expandable: expandable,
-      check: check,
-      radio: radio,
-      checkJson: checkJson,
-      radioValue: radioValue,
-      disabledJson: disabledJson,
-      disabledArrStatus: disabledArrStatus,
-      align: align,
-      tableCell: tableCell,
-      operate: operate,
-      showColumns: showColumns,
-      formatter: formatter,
-      orderTypeArr: orderTypeArr,
-      orderFieldArr: orderFieldArr,
-      sortTable: sortTable,
-      selectCheck: selectCheck,
-      selectRadio: selectRadio,
-      rowKey: rowKey,
-      expandMultiple: expandMultiple,
-      expandValue: expandValue,
-      disabledExpand: disabledExpand,
-      onExpand: onExpand,
-      defaultExpandAllRows: defaultExpandAllRows,
-      onRefresh: function onRefresh() {
-        return setRefreshCom(Math.random());
-      },
-      posFixed: posFixed,
-      beyondText: beyondText,
-      fixedColumn: fixedColumn,
-      fixedTable: fixedTable,
-      onClickRow: onClickRow,
-      rowClassMapping: rowClassMapping,
-      tipMaxWidth: tipMaxWidth
-    });
-  }, [showColumns, formatter, rowKey, rowData, headDataCom, expandable, check, radio, checkJson, sortTable, orderTypeArr, orderFieldArr, radioValue, disabledJson, align, tableCell, operate, setRadio, setCheck, totalDataJson, loadMore, loadMoreRender, onClickMore, total, pageCom, sizeCom, loadMoreUrl, expandValue, expandMultiple, disabledExpand, onExpand, defaultExpandAllRows, loadState, emptyProps, url, disabledArrStatus, posFixed, beyondText, fixedTable, fixedColumn, onClickRow, rowClassMapping, tipMaxWidth]);
-  // 表格分页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,
-      currentRowsPerPage: sizeCom,
-      rowsPerPage: sizeArrCom,
-      changePage: changePage,
-      changeRowsPerPage: changeRowsPerPage
-    });
-  }, [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.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
-  var handClass = function handClass() {
-    var str = $prefixCls + '-table';
-    if (showColumns === 'inside') str += " ".concat($prefixCls, "-table-columns-inside");
-    if (pagination) str += " ".concat($prefixCls, "-table-pagination");
-    if (loadMore) str += " ".concat($prefixCls, "-table-load-more");
-    if (fixedTable) str += " ".concat($prefixCls, "-table-fixed-table");
-    if (fixedColumn) str += " ".concat($prefixCls, "-table-fixed-cloumn");
-    if (dragColumn) str += " ".concat($prefixCls, "-table-drag-column");
-    if (check) str += " ".concat($prefixCls, "-table-check");
-    if (radio) str += " ".concat($prefixCls, "-table-radio");
-    if (expandable) str += " ".concat($prefixCls, "-table-expandable");
-    if (rowData.length === 0) str += " ".concat($prefixCls, "-table-no-data");
-    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,
-    ref: tableRef
-  }, {
-    children: [jsx(TableContainer, Object.assign({
-      className: "table-contain",
-      cRef: containerRef,
-      onScroll: tableBoxScroll
-    }, {
-      children: jsxs(TableElement, Object.assign({
-        fixedColumn: fixedColumn,
-        style: {
-          minWidth: tableMinWidth + 'px'
-        }
-      }, {
-        children: [TableHeadMemo, TableBodyMemo]
-      }))
-    })), loadState && jsx(Loading, {}), TablePaginationMemo]
-  }));
-};
-
-export { Table as default };