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

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

"use strict";

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

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

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

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

var _mobxReactLite = require("mobx-react-lite");

var _mobx = require("mobx");

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

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

var _tooltip = _interopRequireDefault(require("../tooltip"));

var _Button = _interopRequireDefault(require("../button/Button"));

var _enum = require("../button/enum");

var SelectionTips = function SelectionTips() {
  var _useContext = (0, _react.useContext)(_TableContext["default"]),
      prefixCls = _useContext.prefixCls,
      dataSet = _useContext.dataSet,
      tableStore = _useContext.tableStore,
      showSelectionCachedButton = _useContext.showSelectionCachedButton,
      onShowCachedSelectionChange = _useContext.onShowCachedSelectionChange;

  var showCachedSelection = tableStore.showCachedSelection;
  var handleSwitch = (0, _react.useCallback)((0, _mobx.action)(function () {
    var newShowCachedSelection = !showCachedSelection;
    tableStore.showCachedSelection = newShowCachedSelection;

    if (onShowCachedSelectionChange) {
      onShowCachedSelectionChange(newShowCachedSelection);
    }
  }), [showCachedSelection, onShowCachedSelectionChange]);

  var getTitle = function getTitle() {
    if (!dataSet.cacheModifiedKeys) {
      return (0, _localeContext.$l)('Table', showCachedSelection ? 'hide_cached_seletion' : 'show_cached_seletion');
    }

    return (0, _localeContext.$l)('Table', showCachedSelection ? 'hide_cached_modified' : 'show_cached_modified');
  };

  var cachedButton = showSelectionCachedButton && (dataSet.cacheSelectionKeys || dataSet.cacheModifiedKeys) && dataSet.cachedRecords.length > 0 ? /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
    title: getTitle
  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
    className: "".concat(prefixCls, "-switch"),
    funcType: _enum.FuncType.flat,
    icon: showCachedSelection ? 'visibility_off' : 'visibility',
    onClick: handleSwitch
  })) : null;
  return tableStore.showSelectionTips ? /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(prefixCls, "-selection-tips")
  }, /*#__PURE__*/_react["default"].createElement("span", null, (0, _localeContext.$l)('Table', 'selection_tips', {
    count: /*#__PURE__*/_react["default"].createElement("b", {
      key: "count"
    }, dataSet.isAllPageSelection ? dataSet.totalCount - dataSet.unSelected.length : dataSet.selected.length)
  })), cachedButton) : cachedButton;
};

SelectionTips.displayName = 'SelectionTips';

var _default = (0, _mobxReactLite.observer)(SelectionTips);

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