choerodon-ui/pro/lib/table/AggregationButton.js

An enterprise-class UI design language and React-based implementation

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireWildcard(require("react"));

var _mobx = require("mobx");

var _TableContext = _interopRequireDefault(require("./TableContext"));

var _Dropdown = _interopRequireDefault(require("../dropdown/Dropdown"));

var _menu = _interopRequireDefault(require("../menu"));

var _localeContext = require("../locale-context");

var AggregationButton = function AggregationButton(props) {
  var expanded = props.expanded,
      record = props.record,
      columnGroup = props.columnGroup;

  var _useContext = (0, _react.useContext)(_TableContext["default"]),
      tableStore = _useContext.tableStore,
      prefixCls = _useContext.prefixCls;

  var handleMenuClick = (0, _react.useCallback)((0, _mobx.action)(function (_ref) {
    var key = _ref.key;

    switch (key) {
      case 'cell':
        tableStore.setAggregationCellExpanded(record, columnGroup.key, !expanded);
        break;

      case 'row':
        tableStore.columnGroups.allLeafs.forEach(function (_ref2) {
          var col = _ref2.column,
              columnKey = _ref2.key;
          return col.aggregation && tableStore.setAggregationCellExpanded(record, columnKey, !expanded);
        });
        break;

      case 'column':
        {
          var dataSet = record.dataSet;

          if (dataSet) {
            dataSet.forEach(function (r) {
              return tableStore.setAggregationCellExpanded(r, columnGroup.key, !expanded);
            });
          }

          break;
        }

      default:
    }
  }), [tableStore, record, columnGroup, expanded]);
  var handleClick = (0, _react.useCallback)(function () {
    handleMenuClick({
      key: tableStore.aggregationExpandType
    });
  }, [handleMenuClick, tableStore]);
  var getOverlay = (0, _react.useCallback)(function () {
    return _react["default"].createElement(_menu["default"], {
      prefixCls: "".concat(prefixCls, "-dropdown-menu"),
      onClick: handleMenuClick
    }, _react["default"].createElement(_menu["default"].Item, {
      key: "cell"
    }, (0, _localeContext.$l)('Table', expanded ? 'collapse_cell' : 'expand_cell')), _react["default"].createElement(_menu["default"].Item, {
      key: "row"
    }, (0, _localeContext.$l)('Table', expanded ? 'collapse_row' : 'expand_row')), _react["default"].createElement(_menu["default"].Item, {
      key: "column"
    }, (0, _localeContext.$l)('Table', expanded ? 'collapse_column' : 'expand_column')));
  }, [prefixCls, handleMenuClick, expanded]);
  return _react["default"].createElement("span", {
    className: "".concat(prefixCls, "-cell-expand")
  }, _react["default"].createElement("button", {
    type: "button",
    className: "".concat(prefixCls, "-cell-expand-btn"),
    onClick: handleClick
  }, (0, _localeContext.$l)('Table', expanded ? 'collapse' : 'expand_button')), _react["default"].createElement(_Dropdown["default"], {
    overlay: getOverlay
  }, _react["default"].createElement("span", {
    className: "".concat(prefixCls, "-cell-expand-menu-btn")
  })));
};

AggregationButton.displayName = 'AggregationButton';

var _default = (0, _react.memo)(AggregationButton);

exports["default"] = _default;
//# sourceMappingURL=AggregationButton.js.map