choerodon-ui/pro/lib/performance-table/query-bar/index.js

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

"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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

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

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

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

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

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

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

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

var _tslib = require("tslib");

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

var _mobxReact = require("mobx-react");

var _isObject = _interopRequireDefault(require("lodash/isObject"));

var _Table = require("../Table");

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

var _autobind = _interopRequireDefault(require("../../_util/autobind"));

var _utils = require("../../table/utils");

var _TableProfessionalBar = _interopRequireDefault(require("./TableProfessionalBar"));

var _TableDynamicFilterBar = _interopRequireDefault(require("./TableDynamicFilterBar"));

function _createSuper(Derived) {
  function isNativeReflectConstruct() {
    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
    if (Reflect.construct.sham) return false;
    if (typeof Proxy === "function") return true;

    try {
      Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
      return true;
    } catch (e) {
      return false;
    }
  }

  return function () {
    var Super = (0, _getPrototypeOf2["default"])(Derived),
        result;

    if (isNativeReflectConstruct()) {
      var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor;
      result = Reflect.construct(Super, arguments, NewTarget);
    } else {
      result = Super.apply(this, arguments);
    }

    return (0, _possibleConstructorReturn2["default"])(this, result);
  };
}

var PerformanceTableQueryBar =
/*#__PURE__*/
function (_Component) {
  (0, _inherits2["default"])(PerformanceTableQueryBar, _Component);

  var _super = _createSuper(PerformanceTableQueryBar);

  function PerformanceTableQueryBar() {
    (0, _classCallCheck2["default"])(this, PerformanceTableQueryBar);
    return _super.apply(this, arguments);
  }

  (0, _createClass2["default"])(PerformanceTableQueryBar, [{
    key: "handleQueryReset",
    value: function handleQueryReset() {
      var queryDataSet = this.context.tableStore.dataSet.queryDataSet;

      if (queryDataSet) {
        var current = queryDataSet.current;

        if (current) {
          current.reset();
        }

        this.handleQuery();
      }
    }
  }, {
    key: "handleQuery",
    value: function handleQuery() {
      var dataSet = this.context.tableStore.dataSet;
      return dataSet.query();
    }
  }, {
    key: "getQueryFields",
    value: function getQueryFields() {
      var _this$context$tableSt = this.context.tableStore,
          dataSet = _this$context$tableSt.dataSet,
          _this$context$tableSt2 = _this$context$tableSt.queryBar,
          _this$context$tableSt3 = _this$context$tableSt2.queryFields,
          queryFields = _this$context$tableSt3 === void 0 ? {} : _this$context$tableSt3,
          type = _this$context$tableSt2.type;
      var queryDataSet = dataSet.queryDataSet;
      var result = [];

      if (queryDataSet) {
        var fields = queryDataSet.fields;
        return (0, _toConsumableArray2["default"])(fields.entries()).reduce(function (list, _ref) {
          var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
              name = _ref2[0],
              field = _ref2[1];

          if (!field.get('bind') && !name.includes('__tls')) {
            var element = queryFields[name];
            var filterBarProps = {};

            if (type === _Table.TableQueryBarType.filterBar) {
              var placeholder = (0, _react.isValidElement)(element) && element.props.placeholder ? element.props.placeholder : (0, _utils.getPlaceholderByField)(field);
              filterBarProps = {
                placeholder: placeholder
              };
            }

            var props = (0, _objectSpread2["default"])({
              key: name,
              name: name,
              dataSet: queryDataSet,
              isFlat: type === _Table.TableQueryBarType.filterBar
            }, filterBarProps);
            list.push((0, _react.isValidElement)(element) ? (0, _react.cloneElement)(element, props) : (0, _react.cloneElement)((0, _utils.getEditorByField)(field, type !== _Table.TableQueryBarType.professionalBar, type === _Table.TableQueryBarType.filterBar), (0, _objectSpread2["default"])({}, props, {}, (0, _isObject["default"])(element) ? element : {})));
          }

          return list;
        }, result);
      }

      return result;
    }
  }, {
    key: "renderProfessionalBar",
    value: function renderProfessionalBar(props) {
      var prefixCls = this.context.tableStore.prefixCls;
      return _react["default"].createElement(_TableProfessionalBar["default"], (0, _extends2["default"])({
        key: "toolbar",
        prefixCls: prefixCls
      }, props));
    }
  }, {
    key: "renderDynamicFilterBar",
    value: function renderDynamicFilterBar(props) {
      var prefixCls = this.context.tableStore.prefixCls;
      return _react["default"].createElement(_TableDynamicFilterBar["default"], (0, _extends2["default"])({
        key: "toolbar",
        prefixCls: prefixCls
      }, props));
    }
  }, {
    key: "render",
    value: function render() {
      var _this$context$tableSt4 = this.context.tableStore,
          queryBar = _this$context$tableSt4.queryBar,
          dataSet = _this$context$tableSt4.dataSet;

      if (dataSet) {
        var queryFields = this.getQueryFields();
        var queryDataSet = dataSet.queryDataSet;
        var props = (0, _objectSpread2["default"])({}, queryBar, {
          queryFields: queryFields,
          queryDataSet: queryDataSet
        });

        if (typeof queryBar.renderer === 'function') {
          return queryBar.renderer(props);
        }

        switch (queryBar.type) {
          case _Table.TableQueryBarType.professionalBar:
            return this.renderProfessionalBar(props);

          case _Table.TableQueryBarType.filterBar:
            return this.renderDynamicFilterBar(props);

          default:
        }
      }

      return null;
    }
  }]);
  return PerformanceTableQueryBar;
}(_react.Component);

PerformanceTableQueryBar.displayName = 'PerformanceTableQueryBar';
PerformanceTableQueryBar.contextType = _TableContext["default"];
PerformanceTableQueryBar.defaultProps = {
  queryFieldsLimit: 3
};
(0, _tslib.__decorate)([_autobind["default"]], PerformanceTableQueryBar.prototype, "handleQueryReset", null);
(0, _tslib.__decorate)([_autobind["default"]], PerformanceTableQueryBar.prototype, "handleQuery", null);
PerformanceTableQueryBar = (0, _tslib.__decorate)([_mobxReact.observer], PerformanceTableQueryBar);
var _default = PerformanceTableQueryBar;
exports["default"] = _default;
//# sourceMappingURL=index.js.map