@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/table/Table.js

@@ -1,697 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _HeaderTable = _interopRequireDefault(require("./HeaderTable"));
-
-var _BodyTable = _interopRequireDefault(require("./BodyTable"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _classnames3 = _interopRequireDefault(require("classnames"));
-
-var _util = require("./util");
-
-var _pagination2 = _interopRequireDefault(require("../pagination"));
-
-var _axios = _interopRequireDefault(require("axios"));
-
-var _context2 = _interopRequireDefault(require("../context"));
-
-var _loading = _interopRequireDefault(require("../loading"));
-
-var _useUncontrolledState3 = require("@hi-ui/use-uncontrolled-state");
-
-require("./style");
-
-var defaultHeaderRow = function defaultHeaderRow() {
-  return {
-    onClick: function onClick() {},
-    onDoubleClick: function onDoubleClick() {},
-    onContextMenu: function onContextMenu() {},
-    onMouseEnter: function onMouseEnter() {},
-    onMouseLeave: function onMouseLeave() {}
-  };
-};
-
-var Table = function Table(_ref) {
-  var _classnames;
-
-  var striped = _ref.striped,
-      bordered = _ref.bordered,
-      resizable = _ref.resizable,
-      size = _ref.size,
-      _ref$errorRowKeys = _ref.errorRowKeys,
-      errorRowKeys = _ref$errorRowKeys === void 0 ? [] : _ref$errorRowKeys,
-      rowSelection = _ref.rowSelection,
-      propsData = _ref.data,
-      _ref$highlightedRowKe = _ref.highlightedRowKeys,
-      highlightedRowKeys = _ref$highlightedRowKe === void 0 ? [] : _ref$highlightedRowKe,
-      _ref$highlightedColKe = _ref.highlightedColKeys,
-      highlightedColKeys = _ref$highlightedColKe === void 0 ? [] : _ref$highlightedColKe,
-      propsExpandRowKeys = _ref.expandedRowKeys,
-      expandRowKeys = _ref.expandRowKeys,
-      onExpand = _ref.onExpand,
-      _ref$onHeaderRow = _ref.onHeaderRow,
-      onHeaderRow = _ref$onHeaderRow === void 0 ? defaultHeaderRow : _ref$onHeaderRow,
-      _ref$columns = _ref.columns,
-      propsColumns = _ref$columns === void 0 ? [] : _ref$columns,
-      expandedRender = _ref.expandedRender,
-      maxHeight = _ref.maxHeight,
-      pagination = _ref.pagination,
-      dataSource = _ref.dataSource,
-      showColMenu = _ref.showColMenu,
-      showColHighlight = _ref.showColHighlight,
-      _ref$prefix = _ref.prefix,
-      prefix = _ref$prefix === void 0 ? 'hi-table' : _ref$prefix,
-      fixedToColumn = _ref.fixedToColumn,
-      sticky = _ref.sticky,
-      _ref$stickyTop = _ref.stickyTop,
-      stickyTop = _ref$stickyTop === void 0 ? 0 : _ref$stickyTop,
-      setting = _ref.setting,
-      onLoadChildren = _ref.onLoadChildren,
-      _ref$rowExpandable = _ref.rowExpandable,
-      rowExpandable = _ref$rowExpandable === void 0 ? function () {
-    return true;
-  } : _ref$rowExpandable,
-      getColKeyValue = _ref.getColKeyValue,
-      sortCols = _ref.sortCols,
-      setSortCols = _ref.setSortCols,
-      cacheSortCols = _ref.cacheSortCols,
-      setCacheSortCols = _ref.setCacheSortCols,
-      cacheHiddenColKeys = _ref.cacheHiddenColKeys,
-      setCacheHiddenColKeys = _ref.setCacheHiddenColKeys,
-      hiddenColKeys = _ref.hiddenColKeys,
-      setHiddenColKeys = _ref.setHiddenColKeys,
-      scrollWidth = _ref.scrollWidth,
-      theme = _ref.theme,
-      draggable = _ref.draggable,
-      localeDatas = _ref.localeDatas,
-      fieldKey = _ref.fieldKey,
-      onDragStart = _ref.onDragStart,
-      onDrop = _ref.onDrop,
-      onDropEnd = _ref.onDropEnd,
-      cellRender = _ref.cellRender,
-      _ref$emptyContent = _ref.emptyContent,
-      emptyContent = _ref$emptyContent === void 0 ? localeDatas.table.emptyContent : _ref$emptyContent;
-  var dargInfo = (0, _react.useRef)({
-    dragKey: null
-  });
-
-  var _useState = (0, _react.useState)(propsData),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      data = _useState2[0],
-      setData = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var _data = function _data() {
-      if (fieldKey) {
-        return propsData.map(function (item) {
-          item.key = item[fieldKey];
-          return item;
-        });
-      }
-
-      return propsData;
-    };
-
-    setData(_data);
-  }, [propsData, fieldKey]);
-  var updateData = (0, _react.useCallback)(function () {
-    if (typeof dargInfo.current.dropKey !== 'undefined') {
-      var _dargInfo$current = dargInfo.current,
-          rowData = _dargInfo$current.rowData,
-          dropRowData = _dargInfo$current.dropRowData;
-      if (dropRowData.key === rowData.key) return;
-      var restData = (0, _util.deleteRowByKey)((0, _util.cloneArray)(data), dargInfo.current);
-
-      var _data = (0, _util.setRowByKey)((0, _util.cloneArray)(restData), dargInfo.current);
-
-      dargInfo.current = {};
-      onDropEnd && onDropEnd(rowData, dropRowData, _data);
-      setData(_data);
-    }
-  }, [data]);
-  var expandedRowKeys = propsExpandRowKeys || expandRowKeys;
-
-  var _useState3 = (0, _react.useState)(propsColumns),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      columns = _useState4[0],
-      setColumns = _useState4[1];
-
-  var hiTable = (0, _react.useRef)(null);
-  var disabledData = (0, _react.useRef)([]);
-
-  var _useState5 = (0, _react.useState)(null),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      activeSorterColumn = _useState6[0],
-      setActiveSorterColumn = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(null),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      activeSorterType = _useState8[0],
-      setActiveSorterType = _useState8[1];
-
-  var _useState9 = (0, _react.useState)([]),
-      _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-      highlightColumns = _useState10[0],
-      setHighlightColumns = _useState10[1];
-
-  var _useState11 = (0, _react.useState)([]),
-      _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-      highlightRows = _useState12[0],
-      setHighlightRows = _useState12[1];
-
-  var _useState13 = (0, _react.useState)(null),
-      _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-      freezeColumn = _useState14[0],
-      setFreezeColumn = _useState14[1];
-
-  var _useState15 = (0, _react.useState)(null),
-      _useState16 = (0, _slicedToArray2["default"])(_useState15, 2),
-      hoverRow = _useState16[0],
-      setHoverRow = _useState16[1];
-
-  var _useState17 = (0, _react.useState)(1),
-      _useState18 = (0, _slicedToArray2["default"])(_useState17, 2),
-      currentPage = _useState18[0],
-      setCurrentPage = _useState18[1];
-
-  var _useState19 = (0, _react.useState)({
-    data: [],
-    columns: (0, _toConsumableArray2["default"])(propsColumns)
-  }),
-      _useState20 = (0, _slicedToArray2["default"])(_useState19, 2),
-      serverTableConfig = _useState20[0],
-      setServerTableConfig = _useState20[1];
-
-  var _useState21 = (0, _react.useState)({}),
-      _useState22 = (0, _slicedToArray2["default"])(_useState21, 2),
-      eachRowHeight = _useState22[0],
-      setEachRowHeight = _useState22[1];
-
-  var _useState23 = (0, _react.useState)(null),
-      _useState24 = (0, _slicedToArray2["default"])(_useState23, 2),
-      hoverColIndex = _useState24[0],
-      setHoverColIndex = _useState24[1];
-
-  var loadChildren = (0, _react.useRef)(null);
-
-  var _useState25 = (0, _react.useState)(columns.map(function (c) {
-    return c.width || 'auto';
-  })),
-      _useState26 = (0, _slicedToArray2["default"])(_useState25, 2),
-      realColumnsWidth = _useState26[0],
-      setRealColumnsWidth = _useState26[1];
-
-  var _useState27 = (0, _react.useState)([]),
-      _useState28 = (0, _slicedToArray2["default"])(_useState27, 2),
-      expandedTreeRows = _useState28[0],
-      _setExpandedTreeRows = _useState28[1];
-
-  var setExpandedTreeRows = (0, _react.useCallback)(function (expandKeys, expanded, rowItem) {
-    _setExpandedTreeRows(expandKeys); // 仅支持树形 table onExpand 回调，由于之前设计局限，无法完成对 `expandedRowKeys` 的受控支持
-
-
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(expanded, rowItem);
-  }, [onExpand]); // 固定列的宽度
-
-  var _useState29 = (0, _react.useState)({
-    left: 0,
-    right: 0
-  }),
-      _useState30 = (0, _slicedToArray2["default"])(_useState29, 2),
-      fixedColumnsWidth = _useState30[0],
-      setFixedColumnsWidth = _useState30[1]; // 获取左右侧固定列的信息
-
-
-  var _useState31 = (0, _react.useState)([]),
-      _useState32 = (0, _slicedToArray2["default"])(_useState31, 2),
-      realLeftFixedColumns = _useState32[0],
-      setRealLeftFixedColumns = _useState32[1];
-
-  var _useState33 = (0, _react.useState)([]),
-      _useState34 = (0, _slicedToArray2["default"])(_useState33, 2),
-      realRightFixedColumns = _useState34[0],
-      setRealRightFixedColumns = _useState34[1]; // 拉平后的数据
-
-
-  var _useState35 = (0, _react.useState)([]),
-      _useState36 = (0, _slicedToArray2["default"])(_useState35, 2),
-      flattedColumns = _useState36[0],
-      setFlattedColumns = _useState36[1]; // scrollLeft
-
-
-  var _useState37 = (0, _react.useState)({
-    scrollLeft: 0,
-    scrollRight: 1
-  }),
-      _useState38 = (0, _slicedToArray2["default"])(_useState37, 2),
-      scrollSize = _useState38[0],
-      setScrollSize = _useState38[1];
-
-  var firstRowRef = (0, _react.useRef)(null); // 处理拉平数据
-
-  (0, _react.useEffect)(function () {
-    var _columns = (0, _util.cloneArray)(dataSource ? serverTableConfig.columns || [] : propsColumns);
-
-    var _flattedColumns = (0, _util.flatTreeData)(_columns);
-
-    var leftFixedColumn = freezeColumn || (typeof fixedToColumn === 'string' ? fixedToColumn : fixedToColumn && fixedToColumn.left);
-    var rightFixedColumn = fixedToColumn && fixedToColumn.right; // 获取冻结类列的下标
-
-    var leftFixedIndex, rightFixedIndex;
-
-    _flattedColumns.forEach(function (c, index) {
-      if (leftFixedColumn === c.dataKey && typeof leftFixedColumn === 'string') leftFixedIndex = c._rootIndex;
-      if (rightFixedColumn === c.dataKey && typeof rightFixedColumn === 'string') rightFixedIndex = c._rootIndex;
-    });
-
-    if (typeof leftFixedIndex === 'number' || rightFixedIndex === 'number' || scrollWidth) {
-      var lastColumns = _flattedColumns.filter(function (item) {
-        return typeof item.isLast !== 'undefined' ? item.isLast : true;
-      });
-
-      _columns = (0, _util.setColumnsDefaultWidth)(_columns, scrollWidth ? scrollWidth / lastColumns.length : 100);
-    } // 左侧
-
-
-    var leftCloumns = _columns.slice(0, leftFixedIndex + 1);
-
-    leftCloumns.forEach(function (currentItem, index) {
-      (0, _util.parseFixedcolumns)(currentItem, index, leftCloumns, 'leftStickyWidth', expandedRender || rowSelection);
-      _columns[index] = currentItem;
-    }); // 右侧
-
-    var rightCloumns = (0, _util.cloneArray)(_columns.slice(rightFixedIndex || _flattedColumns.length).reverse());
-
-    if (rightFixedIndex) {
-      rightCloumns.forEach(function (currentItem, index) {
-        var _item = (0, _util.parseFixedcolumns)(currentItem, index, rightCloumns, 'rightStickyWidth', expandedRender || rowSelection);
-
-        _columns[_columns.length - 1 - index] = _item;
-      });
-    }
-
-    setRealLeftFixedColumns(leftCloumns);
-    setRealRightFixedColumns(rightCloumns);
-    setColumns(_columns);
-    setFlattedColumns(_flattedColumns);
-  }, [propsColumns, freezeColumn, data, serverTableConfig]); // 获取列宽的处理
-
-  (0, _react.useEffect)(function () {
-    disabledData.current = [];
-
-    if (!dataSource) {
-      if (firstRowRef.current) {
-        var _realColumnsWidth = Array.from(firstRowRef.current.childNodes).map(function (node) {
-          return node.clientWidth;
-        });
-
-        setRealColumnsWidth(_realColumnsWidth);
-      }
-    }
-  }, [columns, dataSource, data]);
-  (0, _react.useEffect)(function () {
-    _setExpandedTreeRows(expandedRowKeys || []);
-  }, [expandedRowKeys, data]); // 有表头分组那么也要 bordered
-
-  var _bordered = flattedColumns.length > columns.length || bordered; // 计算固定列的宽度
-
-
-  (0, _react.useEffect)(function () {
-    var left = 0;
-    var right = 0;
-    left = (0, _util.getMaskNums)(realLeftFixedColumns);
-    right = (0, _util.getMaskNums)(realRightFixedColumns);
-
-    if (left > 0 && (rowSelection || expandedRender)) {
-      left += 50;
-    }
-
-    setFixedColumnsWidth({
-      left: left,
-      right: right
-    });
-
-    var _tableRef$current$get = tableRef.current.getBoundingClientRect(),
-        tableWidth = _tableRef$current$get.width;
-
-    var _bodyTableRef$current = bodyTableRef.current.getBoundingClientRect(),
-        bodyWidth = _bodyTableRef$current.width;
-
-    setScrollSize({
-      scrollRight: tableWidth - bodyWidth,
-      scrollLeft: 0
-    });
-  }, [realLeftFixedColumns, realRightFixedColumns]); // 同步滚动条
-
-  var headerTableRef = (0, _react.useRef)(null);
-  var stickyHeaderRef = (0, _react.useRef)(null);
-  var bodyTableRef = (0, _react.useRef)(null);
-  var leftFixedBodyTableRef = (0, _react.useRef)(null);
-  var rightFixedBodyTableRef = (0, _react.useRef)(null);
-  var tableRef = (0, _react.useRef)(null); // 新增滚动优化
-
-  var syncScrollLeft = function syncScrollLeft(scrollLeft, syncTarget) {
-    var scrollRight = scrollSize.scrollRight;
-
-    if (syncTarget && syncTarget.scrollLeft !== scrollLeft) {
-      syncTarget.scrollLeft = scrollLeft;
-    }
-
-    if (tableRef && tableRef.current && bodyTableRef && bodyTableRef.current && realRightFixedColumns) {
-      var _tableRef$current$get2 = tableRef.current.getBoundingClientRect(),
-          tableTefRight = _tableRef$current$get2.right;
-
-      var _bodyTableRef$current2 = bodyTableRef.current.getBoundingClientRect(),
-          right = _bodyTableRef$current2.right;
-
-      scrollRight = tableTefRight - right;
-    }
-
-    setScrollSize({
-      scrollLeft: scrollLeft,
-      scrollRight: scrollRight
-    });
-  };
-
-  var syncScrollTop = function syncScrollTop(scrollTop, syncTarget) {
-    if (syncTarget && syncTarget.scrollTop !== scrollTop) {
-      syncTarget.scrollTop = scrollTop;
-    }
-  };
-
-  var paginationOnChange = (0, _react.useCallback)(function (current) {
-    setCurrentPage(current);
-  }, [currentPage]);
-
-  var _pagination = dataSource && serverTableConfig.pagination || pagination; // 高亮行
-
-
-  var _highlightRows = highlightedRowKeys.concat(highlightRows.filter(function (row) {
-    return !highlightedRowKeys.includes(row.key);
-  })); // 需要右对齐的列
-
-
-  var alignRightColumns = columns.filter(function (c) {
-    return c.align === 'right';
-  }).map(function (col) {
-    return col.dataKey;
-  }); // baseTable
-
-  var baseTable = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (dataSource) {
-      var fetchConfig = dataSource(currentPage);
-      (0, _axios["default"])(fetchConfig).then(function (res) {
-        setServerTableConfig(Object.assign({}, serverTableConfig, {
-          data: res.data
-        }));
-      });
-    }
-  }, [dataSource, currentPage]);
-  var onDropCallback = (0, _react.useCallback)(function () {
-    if (!draggable) return;
-    var _dargInfo$current2 = dargInfo.current,
-        rowData = _dargInfo$current2.rowData,
-        dropRowData = _dargInfo$current2.dropRowData,
-        level = _dargInfo$current2.level;
-    var onDropCallback = onDrop ? onDrop(rowData, dropRowData, data, level) : true;
-
-    if (onDropCallback.toString() === '[object Promise]') {
-      onDropCallback.then(function (res) {
-        res && updateData();
-      });
-    } else {
-      onDropCallback && updateData();
-    }
-  }, [data, draggable]); // 自定义设置 checkbox 列宽度
-
-  var checkboxColWidth = rowSelection && typeof rowSelection.checkboxColWidth === 'number' ? rowSelection.checkboxColWidth : 50;
-  return /*#__PURE__*/_react["default"].createElement(_context["default"].Provider, {
-    value: {
-      cellRender: cellRender,
-      checkboxColWidth: checkboxColWidth,
-      disabledData: disabledData,
-      rowExpandable: rowExpandable,
-      setting: setting,
-      firstRowRef: firstRowRef,
-      prefix: prefix,
-      errorRowKeys: errorRowKeys,
-      bordered: _bordered,
-      resizable: resizable,
-      rowSelection: rowSelection,
-      highlightedRowKeys: _highlightRows,
-      setHighlightRows: setHighlightRows,
-      highlightedColKeys: highlightedColKeys,
-      tableRef: tableRef,
-      data: dataSource ? serverTableConfig.data : data,
-      columns: columns,
-      expandedRender: expandedRender,
-      expandedRowKeys: expandedRowKeys,
-      // 标题点击回调事件
-      onHeaderRow: onHeaderRow,
-      onExpand: onExpand,
-      realColumnsWidth: realColumnsWidth,
-      setRealColumnsWidth: setRealColumnsWidth,
-      sticky: sticky,
-      stickyTop: stickyTop,
-      // 排序逻辑
-      activeSorterColumn: activeSorterColumn,
-      activeSorterType: activeSorterType,
-      setActiveSorterColumn: setActiveSorterColumn,
-      setActiveSorterType: setActiveSorterType,
-      // 高亮列
-      highlightColumns: highlightColumns,
-      setHighlightColumns: setHighlightColumns,
-      // 冻结列
-      freezeColumn: freezeColumn,
-      setFreezeColumn: setFreezeColumn,
-      // hover 高亮行
-      hoverRow: hoverRow,
-      setHoverRow: setHoverRow,
-      // hover 高亮列
-      hoverColIndex: hoverColIndex,
-      setHoverColIndex: setHoverColIndex,
-      showColMenu: showColMenu,
-      // 是否展示hover高亮列
-      showColHighlight: showColHighlight,
-      maxHeight: maxHeight,
-      // 同步滚动条
-      headerTableRef: headerTableRef,
-      stickyHeaderRef: stickyHeaderRef,
-      bodyTableRef: bodyTableRef,
-      syncScrollLeft: syncScrollLeft,
-      leftFixedBodyTableRef: leftFixedBodyTableRef,
-      rightFixedBodyTableRef: rightFixedBodyTableRef,
-      syncScrollTop: syncScrollTop,
-      alignRightColumns: alignRightColumns,
-      // setting 列操作相关
-      getColKeyValue: getColKeyValue,
-      sortCols: sortCols,
-      setSortCols: setSortCols,
-      cacheSortCols: cacheSortCols,
-      setCacheSortCols: setCacheSortCols,
-      cacheHiddenColKeys: cacheHiddenColKeys,
-      setCacheHiddenColKeys: setCacheHiddenColKeys,
-      hiddenColKeys: hiddenColKeys,
-      setHiddenColKeys: setHiddenColKeys,
-      // 出现横向滚动条时的宽度
-      scrollWidth: scrollWidth,
-      // 同步行高度
-      eachRowHeight: eachRowHeight,
-      setEachRowHeight: setEachRowHeight,
-      theme: theme,
-      localeDatas: localeDatas,
-      expandedTreeRows: expandedTreeRows,
-      setExpandedTreeRows: setExpandedTreeRows,
-      onLoadChildren: onLoadChildren,
-      loadChildren: loadChildren,
-      draggable: draggable,
-      dargInfo: dargInfo,
-      onDragStart: onDragStart,
-      onDrop: onDrop,
-      onDropEnd: onDropEnd
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames3["default"])(prefix, "theme__".concat(theme), (_classnames = {}, (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--striped"), striped), (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--bordered"), _bordered), (0, _defineProperty2["default"])(_classnames, "".concat(prefix, "--").concat(size), size), _classnames)),
-    onDrop: onDropCallback,
-    ref: hiTable
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__container"),
-    ref: baseTable
-  }, /*#__PURE__*/_react["default"].createElement(_HeaderTable["default"], null), /*#__PURE__*/_react["default"].createElement(_BodyTable["default"], {
-    fatherRef: hiTable,
-    emptyContent: emptyContent
-  }), scrollSize.scrollLeft > 0 && realLeftFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__shadow-mask  ").concat(prefix, "__shadow-left"),
-    style: {
-      width: fixedColumnsWidth.left + 'px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__shadow-lock")
-  })), scrollSize.scrollRight > 0 && realRightFixedColumns.length > 0 && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__shadow-mask ").concat(prefix, "__shadow-right"),
-    style: {
-      width: fixedColumnsWidth.right + 'px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(prefix, "__shadow-lock ")
-  }))), _pagination && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames3["default"])("".concat(prefix, "__pagination"), (0, _defineProperty2["default"])({}, "".concat(prefix, "__pagination--").concat(_pagination.placement), _pagination.placement))
-  }, /*#__PURE__*/_react["default"].createElement(_pagination2["default"], (0, _extends2["default"])({}, _pagination, {
-    onChange: function onChange(current, pre, pageSize) {
-      var _ref2 = _pagination || {},
-          onChange = _ref2.onChange;
-
-      paginationOnChange(current);
-      onChange && onChange(current, pre, pageSize);
-    }
-  })))));
-};
-
-var TableWrapper = function TableWrapper(_ref3) {
-  var columns = _ref3.columns,
-      uniqueId = _ref3.uniqueId,
-      standard = _ref3.standard,
-      data = _ref3.data,
-      loading = _ref3.loading,
-      hiddenColKeysProp = _ref3.hiddenColKeys,
-      onHiddenColKeysChange = _ref3.onHiddenColKeysChange,
-      settingProps = (0, _objectWithoutProperties2["default"])(_ref3, ["columns", "uniqueId", "standard", "data", "loading", "hiddenColKeys", "onHiddenColKeysChange"]);
-  var getColKeyValue = (0, _react.useCallback)(function (obj) {
-    var val = obj.dataKey;
-
-    if (val == null) {
-      console.error("Error: Not found for the unique dataKey attribute in columns prop.");
-    }
-
-    return val;
-  }, []); // 列操作逻辑
-
-  var _useState39 = (0, _react.useState)(function () {
-    if (uniqueId) {
-      try {
-        var localsSortCols = JSON.parse(window.localStorage.getItem("".concat(uniqueId, "_sortCols")));
-
-        if (Array.isArray(localsSortCols)) {
-          return localsSortCols;
-        }
-      } catch (error) {}
-    }
-
-    return columns;
-  }),
-      _useState40 = (0, _slicedToArray2["default"])(_useState39, 2),
-      sortCols = _useState40[0],
-      setSortCols = _useState40[1]; // 用于维护列操作时排序临时状态
-
-
-  var _useState41 = (0, _react.useState)(sortCols),
-      _useState42 = (0, _slicedToArray2["default"])(_useState41, 2),
-      cacheSortCols = _useState42[0],
-      setCacheSortCols = _useState42[1];
-
-  var _useUncontrolledState = (0, _useUncontrolledState3.useUncontrolledState)(function () {
-    if (uniqueId) {
-      try {
-        var localHiddenColKeys = JSON.parse(window.localStorage.getItem("".concat(uniqueId, "_hiddenColKeys")));
-
-        if (Array.isArray(localHiddenColKeys)) {
-          return localHiddenColKeys;
-        }
-      } catch (error) {}
-    }
-
-    return [];
-  }, hiddenColKeysProp, onHiddenColKeysChange),
-      _useUncontrolledState2 = (0, _slicedToArray2["default"])(_useUncontrolledState, 2),
-      _hiddenColKeys = _useUncontrolledState2[0],
-      setHiddenColKeys = _useUncontrolledState2[1]; // 用于维护列操作时显隐临时状态
-
-
-  var _useState43 = (0, _react.useState)(_hiddenColKeys),
-      _useState44 = (0, _slicedToArray2["default"])(_useState43, 2),
-      cacheHiddenColKeys = _useState44[0],
-      setCacheHiddenColKeys = _useState44[1]; // 过滤掉 undefined 和 null，保证 includes 匹配 column（对象可能未声明 `key` 属性 ） 是有效的可展示的列
-
-
-  var hiddenColKeys = _hiddenColKeys.filter(function (key) {
-    return key != null;
-  });
-
-  var mergedColumns = sortCols.filter(function (col) {
-    return !hiddenColKeys.includes(getColKeyValue(col));
-  }); // 当column发生改变的时候，同步 setting 的 sortCols 设置
-
-  (0, _react.useEffect)(function () {
-    setSortCols(columns);
-  }, [columns]);
-  (0, _react.useEffect)(function () {
-    if (uniqueId) {
-      window.localStorage.setItem("".concat(uniqueId, "_sortCols"), JSON.stringify(cacheSortCols));
-      window.localStorage.setItem("".concat(uniqueId, "_hiddenColKeys"), JSON.stringify(hiddenColKeys));
-    }
-  }, [cacheSortCols, hiddenColKeys, uniqueId]);
-  var standardPreset = standard ? {
-    showColMenu: true,
-    sticky: true,
-    bordered: true,
-    setting: true,
-    striped: true
-  } : {}; // ***************
-
-  return loading !== undefined ? /*#__PURE__*/_react["default"].createElement(_loading["default"], {
-    visible: loading
-  }, /*#__PURE__*/_react["default"].createElement(Table, (0, _extends2["default"])({
-    columns: mergedColumns,
-    data: data || []
-  }, settingProps, standardPreset, {
-    getColKeyValue: getColKeyValue,
-    sortCols: sortCols,
-    setSortCols: setSortCols,
-    cacheSortCols: cacheSortCols,
-    setCacheSortCols: setCacheSortCols,
-    cacheHiddenColKeys: cacheHiddenColKeys,
-    setCacheHiddenColKeys: setCacheHiddenColKeys,
-    hiddenColKeys: hiddenColKeys,
-    setHiddenColKeys: setHiddenColKeys
-  }))) : /*#__PURE__*/_react["default"].createElement(Table, (0, _extends2["default"])({
-    columns: mergedColumns,
-    data: data || []
-  }, settingProps, standardPreset, {
-    getColKeyValue: getColKeyValue,
-    sortCols: sortCols,
-    setSortCols: setSortCols,
-    cacheSortCols: cacheSortCols,
-    setCacheSortCols: setCacheSortCols,
-    cacheHiddenColKeys: cacheHiddenColKeys,
-    setCacheHiddenColKeys: setCacheHiddenColKeys,
-    hiddenColKeys: hiddenColKeys,
-    setHiddenColKeys: setHiddenColKeys
-  }));
-};
-
-var _default = (0, _context2["default"])(TableWrapper);
-
-exports["default"] = _default;