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

package/es/table/AdvanceHeader/select/style/index.css

@@ -1 +0,0 @@
-.hi-table-advanceheader-select{display:inline-block;font-size:14px;overflow:hidden;vertical-align:middle;outline:none;margin-left:6px;cursor:pointer}.hi-table-advanceheader-select.is-disabled{opacity:0.4;cursor:not-allowed}.hi-table-advanceheader-select__hide{display:none}

package/es/table/AdvanceHeader/select/style/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-require("../../../../style/icon/index.css");
-
-require("./index.css");

package/es/table/AdvanceHeader/style/index.css

@@ -1 +0,0 @@
-.hi-table-advanceheader-sorter{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:20px;margin-top:2px;margin-left:6px}.hi-table-advanceheader-sorter_icon{display:inline-block;height:8px;cursor:pointer;overflow:hidden}.hi-table-advanceheader-sorter_icon .hi-icon{font-size:16px;position:relative;top:-5px}.hi-table-advanceheader-sorter_icon .hi-icon+.hi-icon{margin-left:0}.hi-table-advanceheader-sorter_icon-active{color:var(--color-primary)}.hi-table-advanceheader-customfilter-icon{cursor:pointer}.hi-table-advanceheader-customfilter-icon:hover{color:var(--color-primary)}.hi-table-advanceheader-customfilter-content{width:150px;padding:12px 8px;color:var(--color-black);overflow-x:hidden;overflow-y:auto;background-color:var(--color-white);-webkit-box-shadow:0 1px 6px rgba(0,0,0,0.2);box-shadow:0 1px 6px rgba(0,0,0,0.2);border-radius:2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left}

package/es/table/AdvanceHeader/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/es/table/BodyTable.js

@@ -1,261 +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 _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 _classnames = _interopRequireDefault(require("classnames"));
-
-var _Row = _interopRequireDefault(require("./Row"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _util = require("./util");
-
-var BodyTable = function BodyTable(_ref) {
-  var fatherRef = _ref.fatherRef,
-      emptyContent = _ref.emptyContent;
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      checkboxColWidth = _useContext.checkboxColWidth,
-      bordered = _useContext.bordered,
-      _useContext$data = _useContext.data,
-      data = _useContext$data === void 0 ? [] : _useContext$data,
-      columns = _useContext.columns,
-      activeSorterColumn = _useContext.activeSorterColumn,
-      activeSorterType = _useContext.activeSorterType,
-      maxHeight = _useContext.maxHeight,
-      headerTableRef = _useContext.headerTableRef,
-      bodyTableRef = _useContext.bodyTableRef,
-      tableRef = _useContext.tableRef,
-      syncScrollLeft = _useContext.syncScrollLeft,
-      firstRowRef = _useContext.firstRowRef,
-      realColumnsWidth = _useContext.realColumnsWidth,
-      resizable = _useContext.resizable,
-      prefix = _useContext.prefix,
-      hoverColIndex = _useContext.hoverColIndex,
-      setHoverColIndex = _useContext.setHoverColIndex,
-      showColHighlight = _useContext.showColHighlight,
-      setEachRowHeight = _useContext.setEachRowHeight,
-      expandedRender = _useContext.expandedRender,
-      expandedRowKeys = _useContext.expandedRowKeys,
-      rowSelection = _useContext.rowSelection,
-      localeDatas = _useContext.localeDatas,
-      expandedTreeRows = _useContext.expandedTreeRows,
-      rowExpandable = _useContext.rowExpandable,
-      setExpandedTreeRows = _useContext.setExpandedTreeRows,
-      onLoadChildren = _useContext.onLoadChildren,
-      loadChildren = _useContext.loadChildren;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      dragStatus = _useState2[0],
-      setDragStatus = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      dragRowKey = _useState4[0],
-      setDragRowKey = _useState4[1]; // **************** 获取colgroup
-
-
-  var _columns = (0, _util.cloneArray)(columns);
-
-  var depthArray = [];
-  (0, _util.setDepth)(_columns, 0, depthArray);
-  var columnsgroup = [rowSelection && 'checkbox', expandedRender && 'expandedButton'].concat((0, _util.flatTreeData)(_columns).filter(function (col) {
-    return col.isLast;
-  })).filter(function (column) {
-    return !!column;
-  }); // ****************
-  // **************** 同步滚动位置
-  // **************** 根据排序列处理数据
-
-  var _data = data.concat();
-
-  if (activeSorterColumn) {
-    var sorter = columns.filter(function (d) {
-      return d.dataKey === activeSorterColumn;
-    })[0] && columns.filter(function (d) {
-      return d.dataKey === activeSorterColumn;
-    })[0].sorter;
-
-    if (sorter) {
-      _data = activeSorterType === 'ascend' ? (0, _toConsumableArray2["default"])(data).sort(sorter) : (0, _toConsumableArray2["default"])(data).sort(sorter).reverse();
-    }
-  } // ************* 处理求和、平均数
-  // 确保包含total属性，且值为数字类型的字符串
-
-
-  var hasSumColumn = columns.filter(function (item) {
-    return (0, _util.checkNeedTotalOrEvg)(_data, item, 'total');
-  }).length > 0;
-  var sumRow = {
-    key: 'sum'
-  };
-  columns.forEach(function (c, index) {
-    if (index === 0) {
-      sumRow[c.dataKey] = localeDatas.table.total;
-    }
-
-    if ((0, _util.checkNeedTotalOrEvg)(_data, c, 'total')) {
-      // 获取当前数据最大小数点个数，并设置最后总和值小数点
-      sumRow[c.dataKey] = (0, _util.getTotalOrEvgRowData)(_data, c, false);
-    }
-  }); // 确保包含avg属性，且值为数字类型的字符串
-
-  var hasAvgColumn = columns.filter(function (item) {
-    return (0, _util.checkNeedTotalOrEvg)(_data, item, 'avg');
-  }).length > 0;
-  var avgRow = {
-    key: 'avg'
-  };
-  columns.forEach(function (c, index) {
-    if (index === 0) {
-      avgRow[c.dataKey] = localeDatas.table.average;
-    }
-
-    if ((0, _util.checkNeedTotalOrEvg)(_data, c, 'avg')) {
-      avgRow[c.dataKey] = (0, _util.getTotalOrEvgRowData)(_data, c, true);
-    }
-  });
-  (0, _react.useEffect)(function () {
-    if (tableRef.current && tableRef.current.children[1].children) {
-      var rowHeightMap = {};
-      Array.from(tableRef.current.children[1].children).forEach(function (tr) {
-        rowHeightMap[tr.id] = tr.clientHeight;
-      });
-      setEachRowHeight(rowHeightMap);
-    }
-  }, [data, setEachRowHeight, columns, expandedTreeRows]);
-  var hasTree = false;
-
-  if (_data && _data.length) {
-    hasTree = _data.some(function (row) {
-      return row.children && row.children.length || onLoadChildren && !row.isLeaf;
-    });
-  }
-
-  var renderRow = function renderRow(row, level, index) {
-    var rowConfig = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
-    var isTree = arguments.length > 4 ? arguments[4] : undefined;
-    var childrenHasTree = false;
-    var key = row.key;
-
-    if (loadChildren.current) {
-      var _loadChildren$current = loadChildren.current,
-          parentKey = _loadChildren$current.parentKey,
-          _children = _loadChildren$current.data;
-
-      if (parentKey === key) {
-        Object.assign(row, {
-          children: _children
-        });
-        loadChildren.current = null;
-      }
-    }
-
-    var _row$children = row.children,
-        children = _row$children === void 0 ? [] : _row$children;
-
-    if (children && children.length) {
-      childrenHasTree = children.some(function (child) {
-        return child.children && child.children.length || onLoadChildren && !child.isLeaf;
-      });
-    }
-
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, {
-      key: key
-    }, /*#__PURE__*/_react["default"].createElement(_Row["default"], {
-      innerRef: index === 0 ? firstRowRef : null,
-      key: key,
-      rowData: row,
-      allRowData: row,
-      level: level,
-      dragStatus: dragStatus,
-      dragRowKey: dragRowKey,
-      setDragRowKey: setDragRowKey,
-      setDragStatus: setDragStatus,
-      index: index,
-      hoverColIndex: hoverColIndex,
-      setHoverColIndex: setHoverColIndex,
-      expanded: Array.isArray(expandedRowKeys) ? expandedRowKeys.includes(row.key) : undefined,
-      expandedTree: expandedTreeRows.includes(row.key),
-      expandedTreeRows: expandedTreeRows,
-      setExpandedTreeRows: setExpandedTreeRows,
-      isAvgRow: rowConfig.isAvgRow,
-      isSumRow: rowConfig.isSumRow,
-      isTree: isTree,
-      rowExpandable: rowExpandable
-    }), children && expandedTreeRows.includes(key) && children.map(function (child) {
-      return renderRow(child, level + 1, index, _lodash["default"], childrenHasTree || isTree);
-    }));
-  };
-
-  var renderEmptyContent = (0, _react.useCallback)(function () {
-    return /*#__PURE__*/_react["default"].createElement("tr", null, /*#__PURE__*/_react["default"].createElement("td", {
-      colSpan: columnsgroup.length,
-      style: {
-        textAlign: 'center',
-        height: 60
-      }
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-      }
-    }, typeof emptyContent === 'function' ? emptyContent() : emptyContent)));
-  }, [columnsgroup.length, emptyContent]);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      maxHeight: maxHeight || 'auto',
-      borderLeft: bordered ? '1px solid #e7e7e7' : 'none',
-      overflowY: tableRef.current && tableRef.current.clientHeight > maxHeight ? 'scroll' : null,
-      // maxHeight 小于 table 实际高度才处滚动条
-      overflowX: (bodyTableRef.current && bodyTableRef.current.clientWidth) < (tableRef.current && tableRef.current.clientWidth) ? 'scroll' : null // 表格宽度大于div宽度才展示横向滚动条
-
-    },
-    ref: bodyTableRef,
-    className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefix, "__body--draging"), dragStatus)),
-    onScroll: function onScroll(e) {
-      e.stopPropagation();
-      syncScrollLeft(bodyTableRef.current.scrollLeft, headerTableRef.current);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("table", {
-    ref: tableRef
-  }, /*#__PURE__*/_react["default"].createElement("colgroup", null, columnsgroup.map(function (c, index) {
-    var width = c === 'checkbox' ? checkboxColWidth : c.width;
-    return /*#__PURE__*/_react["default"].createElement("col", {
-      key: index,
-      className: (0, _classnames["default"])((0, _defineProperty2["default"])({}, "".concat(prefix, "__col__hover--highlight"), showColHighlight && hoverColIndex === c.dataKey)),
-      style: {
-        width: resizable ? realColumnsWidth[index] : width,
-        minWidth: resizable ? realColumnsWidth[index] : width
-      }
-    });
-  })), /*#__PURE__*/_react["default"].createElement("tbody", null, _data && _data.length > 0 ? _data.map(function (row, index) {
-    return renderRow(row, 1, index, _lodash["default"], hasTree);
-  }) : renderEmptyContent(emptyContent), hasSumColumn && renderRow(sumRow, 1, data.length, {
-    isSumRow: true
-  }), hasAvgColumn && renderRow(avgRow, 1, data.length + 1, {
-    isAvgRow: true
-  }))));
-};
-
-var _default = BodyTable;
-exports["default"] = _default;

package/es/table/Cell.js

@@ -1,193 +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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _context2 = _interopRequireDefault(require("./context"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _Indent = _interopRequireDefault(require("./Indent"));
-
-var _LoadingIcon = _interopRequireDefault(require("./LoadingIcon"));
-
-var Cell = function Cell(_ref) {
-  var _classNames;
-
-  var column = _ref.column,
-      allRowData = _ref.allRowData,
-      columnIndex = _ref.columnIndex,
-      level = _ref.level,
-      expandedTree = _ref.expandedTree,
-      expandedTreeRows = _ref.expandedTreeRows,
-      setExpandedTreeRows = _ref.setExpandedTreeRows,
-      rowIndex = _ref.rowIndex,
-      isTree = _ref.isTree;
-
-  var _useContext = (0, _react.useContext)(_context2["default"]),
-      highlightedColKeys = _useContext.highlightedColKeys,
-      highlightColumns = _useContext.highlightColumns,
-      alignRightColumns = _useContext.alignRightColumns,
-      prefix = _useContext.prefix,
-      onLoadChildren = _useContext.onLoadChildren,
-      loadChildren = _useContext.loadChildren,
-      hoverColIndex = _useContext.hoverColIndex,
-      setHoverColIndex = _useContext.setHoverColIndex,
-      showColHighlight = _useContext.showColHighlight,
-      cellRender = _useContext.cellRender;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      loading = _useState2[0],
-      setLoading = _useState2[1]; // 处理自定义 render 或者合并单元格情况
-
-
-  var cellContent = allRowData[column.dataKey];
-
-  if (column.render) {
-    cellContent = column.render(cellContent, allRowData, rowIndex, column.dataKey);
-  } else if (cellRender) {
-    cellContent = cellRender(cellContent);
-  }
-
-  var isMergeCell = cellContent && (0, _typeof2["default"])(cellContent) === 'object' && !cellContent.$$typeof;
-
-  if (isMergeCell && (cellContent.props.colSpan === 0 || cellContent.props.rowSpan === 0)) {
-    return null;
-  }
-
-  var rightStickyWidth = column.rightStickyWidth,
-      leftStickyWidth = column.leftStickyWidth,
-      dataKey = column.dataKey;
-  var isSticky = typeof rightStickyWidth !== 'undefined' || typeof leftStickyWidth !== 'undefined';
-  var defaultTextAlign = column.align ? column.align : 'left';
-  var textAlign = alignRightColumns.includes(dataKey) ? 'right' : defaultTextAlign;
-  return /*#__PURE__*/_react["default"].createElement("td", {
-    key: dataKey,
-    style: {
-      textAlign: textAlign,
-      right: rightStickyWidth + 'px',
-      left: leftStickyWidth + 'px'
-    },
-    colSpan: isMergeCell && cellContent.props.colSpan || '',
-    rowSpan: isMergeCell && cellContent.props.rowSpan || '',
-    className: (0, _classnames["default"])((_classNames = {}, (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__col--highlight"), highlightedColKeys.includes(column.dataKey) || highlightColumns.includes(dataKey)), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__col__hover--highlight"), showColHighlight && hoverColIndex === dataKey), (0, _defineProperty2["default"])(_classNames, "".concat(prefix, "__col--sticky"), isSticky), _classNames)) // 频繁的set会特别消耗性能
-    ,
-    onMouseEnter: function onMouseEnter(e) {
-      return showColHighlight && setHoverColIndex(dataKey);
-    },
-    onMouseLeave: function onMouseLeave(e) {
-      return showColHighlight && setHoverColIndex(null);
-    }
-  }, level > 1 && columnIndex === 0 && /*#__PURE__*/_react["default"].createElement(_Indent["default"], {
-    times: level - 1
-  }), loading && /*#__PURE__*/_react["default"].createElement(_LoadingIcon["default"], null), columnIndex === 0 && !loading && (allRowData.children && allRowData.children.length > 0 || onLoadChildren && !allRowData.isLeaf ? /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    style: {
-      marginRight: 4,
-      cursor: 'pointer'
-    },
-    name: expandedTree ? 'caret-down' : 'caret-right',
-    onClick: /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-      var _expandedTreeRows, data, idx;
-
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              // 存在即收起，并删除该key
-              loadChildren.current = null;
-              _expandedTreeRows = (0, _toConsumableArray2["default"])(expandedTreeRows);
-
-              if (!(onLoadChildren && !expandedTree)) {
-                _context.next = 11;
-                break;
-              }
-
-              data = onLoadChildren(allRowData);
-
-              if (!(data.toString() === '[object Promise]')) {
-                _context.next = 10;
-                break;
-              }
-
-              setLoading(true);
-              _context.next = 8;
-              return data.then(function (res) {
-                if (Array.isArray(res)) {
-                  loadChildren.current = {
-                    parentKey: allRowData.key,
-                    data: res
-                  };
-                }
-
-                setLoading(false);
-              })["catch"](function () {
-                loadChildren.current = null;
-                setLoading(false);
-              });
-
-            case 8:
-              _context.next = 11;
-              break;
-
-            case 10:
-              loadChildren.current = {
-                parentKey: allRowData.key,
-                data: data
-              };
-
-            case 11:
-              if (_expandedTreeRows.includes(allRowData.key)) {
-                idx = _expandedTreeRows.findIndex(function (row) {
-                  return row === allRowData.key;
-                });
-
-                _expandedTreeRows.splice(idx, 1);
-
-                setExpandedTreeRows(_expandedTreeRows, false, allRowData);
-              } else {
-                _expandedTreeRows.push(allRowData.key);
-
-                setExpandedTreeRows(_expandedTreeRows, true, allRowData);
-              }
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }))
-  }) : isTree && /*#__PURE__*/_react["default"].createElement("span", {
-    style: {
-      width: 18,
-      display: 'inline-block'
-    },
-    key: Math.random()
-  })), isMergeCell && cellContent.children || cellContent);
-};
-
-var _default = Cell;
-exports["default"] = _default;

package/es/table/ColumnMenu.js

@@ -1,148 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _icon = _interopRequireDefault(require("../icon"));
-
-var _popper = _interopRequireDefault(require("../popper"));
-
-var _context = _interopRequireDefault(require("./context"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _useClickOutside = _interopRequireDefault(require("./hooks/useClickOutside"));
-
-var ColumnMenu = function ColumnMenu(_ref) {
-  var columnKey = _ref.columnKey,
-      canSort = _ref.canSort,
-      isSticky = _ref.isSticky;
-  var menuRef = (0, _react.useRef)(null);
-  var popperMenu = (0, _react.useRef)(null);
-  (0, _useClickOutside["default"])(popperMenu, function () {
-    return setShowPopper(false);
-  }, menuRef);
-
-  var _useContext = (0, _react.useContext)(_context["default"]),
-      activeSorterColumn = _useContext.activeSorterColumn,
-      activeSorterType = _useContext.activeSorterType,
-      setActiveSorterColumn = _useContext.setActiveSorterColumn,
-      setActiveSorterType = _useContext.setActiveSorterType,
-      highlightColumns = _useContext.highlightColumns,
-      setHighlightColumns = _useContext.setHighlightColumns,
-      freezeColumn = _useContext.freezeColumn,
-      setFreezeColumn = _useContext.setFreezeColumn,
-      prefix = _useContext.prefix,
-      ceiling = _useContext.ceiling,
-      theme = _useContext.theme,
-      localeDatas = _useContext.localeDatas;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      showPopper = _useState2[0],
-      setShowPopper = _useState2[1];
-
-  var _showPopper = ceiling ? isSticky && showPopper : showPopper;
-
-  return /*#__PURE__*/_react["default"].createElement("span", {
-    ref: menuRef,
-    onClick: function onClick() {
-      setShowPopper(!showPopper);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "down",
-    style: {
-      marginLeft: 4,
-      cursor: 'pointer'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_popper["default"], {
-    show: _showPopper,
-    attachEle: menuRef.current,
-    zIndex: 1040,
-    setOverlayContainer: function setOverlayContainer() {
-      return document.body;
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: ["".concat(prefix, "__col-menu theme__").concat(theme)],
-    ref: popperMenu
-  }, canSort && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__col-menu__item"), {
-      'col-menu__item--highlight': activeSorterType === 'ascend' && activeSorterColumn === columnKey
-    }),
-    onClick: function onClick(e) {
-      if (activeSorterType === 'ascend' && activeSorterColumn === columnKey) {
-        setActiveSorterType(null);
-        setActiveSorterColumn(null);
-      } else {
-        setActiveSorterType('ascend');
-        setActiveSorterColumn(columnKey);
-      }
-
-      setShowPopper(false);
-    }
-  }, localeDatas.table.ascend, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "sort-ascending"
-  })), canSort && /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__col-menu__item"), {
-      'col-menu__item--highlight': activeSorterType === 'descend' && activeSorterColumn === columnKey
-    }),
-    onClick: function onClick(e) {
-      if (activeSorterType === 'descend' && activeSorterColumn === columnKey) {
-        setActiveSorterType(null);
-        setActiveSorterColumn(null);
-      } else {
-        setActiveSorterType('descend');
-        setActiveSorterColumn(columnKey);
-      }
-
-      setShowPopper(false);
-    }
-  }, localeDatas.table.descend, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "sort-descending"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__col-menu__item"), {
-      'col-menu__item--highlight': highlightColumns.includes(columnKey)
-    }),
-    onClick: function onClick(e) {
-      if (highlightColumns.includes(columnKey)) {
-        setHighlightColumns(highlightColumns.filter(function (c) {
-          return c !== columnKey;
-        }));
-      } else {
-        setHighlightColumns(highlightColumns.concat(columnKey));
-      }
-
-      setShowPopper(false);
-    }
-  }, localeDatas.table.highlight, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "mark"
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])("".concat(prefix, "__col-menu__item"), {
-      'col-menu__item--highlight': freezeColumn === columnKey
-    }),
-    onClick: function onClick(e) {
-      if (freezeColumn === columnKey) {
-        setFreezeColumn(null);
-      } else {
-        setFreezeColumn(columnKey);
-      }
-
-      setShowPopper(false);
-    }
-  }, localeDatas.table.freeze, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-    name: "lock"
-  })))));
-};
-
-var _default = ColumnMenu;
-exports["default"] = _default;

package/es/table/Expandcol.js

@@ -1,48 +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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var Expandcol = function Expandcol(_ref) {
-  var rowData = _ref.rowData,
-      index = _ref.index,
-      expandedRender = _ref.expandedRender,
-      setExpanded = _ref.setExpanded;
-
-  var _useState = (0, _react.useState)(),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      customNode = _useState2[0],
-      setCustomNode = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var node = expandedRender(rowData, index);
-
-    if (node.toString() === '[object Promise]') {
-      setExpanded('loading');
-      node.then(function (jsxElement) {
-        setCustomNode(jsxElement);
-        setExpanded(true);
-      })["catch"](function (err) {
-        setCustomNode(err);
-        setExpanded(true);
-      });
-    } else {
-      setCustomNode(node);
-      setExpanded(true);
-    }
-  }, [rowData, index, expandedRender]);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, customNode);
-};
-
-var _default = Expandcol;
-exports["default"] = _default;