ming-demo3/lib/components/print-design/TopHeader.js

mdf metaui web

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

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

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

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

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

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

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

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

var _reactDom = require("react-dom");

var _redux = require("redux");

var _reactRedux = require("react-redux");

var _baseui = require("@mdf/baseui");

var _basic = require("../basic");

var printactions = _interopRequireWildcard(require("../../redux/print"));

var Link = _baseui.Anchor.Link;

var TopHeader = function (_Component) {
  (0, _inherits2["default"])(TopHeader, _Component);

  function TopHeader(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, TopHeader);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TopHeader).call(this, props));
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onTypeClick", function (bo_code) {
      _this.actions.setData({
        selectType: bo_code
      });
    });
    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getControl", function () {
      var _this$props$print = _this.props.print,
          templateData = _this$props$print.templateData,
          selectType = _this$props$print.selectType;
      if (!templateData) return '';
      var control = [];
      templateData.forEach(function (element) {
        var _this2 = this;

        var className = "topHeader-item";
        if (selectType == element.bo_code) className = "topHeader-item-selected";
        control.push(_react["default"].createElement(_basic.Col, {
          span: 1,
          key: element.bo_code,
          className: className
        }, _react["default"].createElement("div", {
          onClick: function onClick() {
            return _this2.onTypeClick(element.bo_code);
          }
        }, _react["default"].createElement(Link, {
          href: "#" + element.bo_code,
          title: element.bo_name
        }))));
      }, (0, _assertThisInitialized2["default"])(_this));
      return _react["default"].createElement(_basic.Row, {
        colCount: 8
      }, control);
    });
    _this.actions = props.printactions;
    return _this;
  }

  (0, _createClass2["default"])(TopHeader, [{
    key: "componentDidMount",
    value: function componentDidMount() {}
  }, {
    key: "render",
    value: function render() {
      var control = this.getControl();
      return _react["default"].createElement(_baseui.Anchor, {
        affix: false
      }, _react["default"].createElement(_basic.Row, {
        className: "uretail-print-topHeader"
      }, control));
    }
  }]);
  return TopHeader;
}(_react.Component);

function mapStateToProps(state) {
  return {
    print: state.print.toJS()
  };
}

function mapDispatchToProps(dispatch) {
  return {
    printactions: (0, _redux.bindActionCreators)(printactions, dispatch)
  };
}

var _default = (0, _reactRedux.connect)(mapStateToProps, mapDispatchToProps)(TopHeader);

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