ming-demo3/lib/components/meta/MainTitle.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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));

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

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

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

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

  function MainTitle(props) {
    var _this;

    (0, _classCallCheck2["default"])(this, MainTitle);
    _this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(MainTitle).call(this, props));
    _this.state = {
      finished: false
    };
    return _this;
  }

  (0, _createClass2["default"])(MainTitle, [{
    key: "componentDidMount",
    value: function componentDidMount() {
      var _this2 = this;

      this.props.viewModel.on('afterLoadData', function (data) {
        var bizstatus = parseInt(data.bizstatus);
        var finished = !isNaN(bizstatus) && bizstatus >= 1 ? true : false;

        _this2.setState({
          finished: finished
        });
      });
    }
  }, {
    key: "renderIcon",
    value: function renderIcon(control) {
      var icon = null;

      if (control.cStyle) {
        var config = null;

        try {
          config = JSON.parse(control.cStyle);
        } catch (e) {
          config = {};
        }

        if (config.icon) icon = '#icon-' + config.icon;
      }

      return _react["default"].createElement("svg", {
        key: "icon",
        className: "icon",
        "aria-hidden": "true"
      }, _react["default"].createElement("use", {
        href: icon
      }));
    }
  }, {
    key: "render",
    value: function render() {
      var _this3 = this;

      var _this$props = this.props,
          controls = _this$props.controls,
          viewModel = _this$props.viewModel;
      if (!controls || !controls.length) return null;
      var IconControl, TitleControl, TagControl;
      controls.forEach(function (control) {
        var controlType = control.cControlType && control.cControlType.trim().toLocaleLowerCase();
        var key = control.cItemName;
        var model = viewModel.get(key);
        if (controlType == 'icon') IconControl = _this3.renderIcon(control);
        if (controlType == 'title') TitleControl = _react["default"].createElement(_basic.Span, {
          key: "title",
          model: model
        });
        if (controlType == 'tag') TagControl = _react["default"].createElement(_baseui.Tag, {
          key: "tag",
          color: "blue"
        }, _react["default"].createElement(_basic.Span, {
          model: model
        }));
      });
      var items = [IconControl, TitleControl, TagControl];
      if (this.state.finished) items.push(_react["default"].createElement("div", {
        className: "timestamp"
      }));
      return _react["default"].createElement(_basic.Row, null, _react["default"].createElement("div", {
        className: "pull-left main-title"
      }, _react["default"].createElement("div", {
        className: "title"
      }, items)));
    }
  }]);
  return MainTitle;
}(_react.Component);

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