ming-demo3/lib/components/basic/row.js

mdf metaui web

"use strict";

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

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 = _interopRequireDefault(require("react"));

var Row = function (_React$Component) {
  (0, _inherits2["default"])(Row, _React$Component);

  function Row() {
    (0, _classCallCheck2["default"])(this, Row);
    return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Row).apply(this, arguments));
  }

  (0, _createClass2["default"])(Row, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          children = _this$props.children,
          colCount = _this$props.colCount,
          className = _this$props.className,
          gutter = _this$props.gutter,
          flex = _this$props.flex,
          style = _this$props.style,
          others = (0, _objectWithoutProperties2["default"])(_this$props, ["children", "colCount", "className", "gutter", "flex", "style"]);
      var editFlag = false,
          gut = 0,
          newchildren;
      if (colCount || gutter) editFlag = true;
      var classStr = "ant-row";

      if (flex) {
        var flexstr = "";
        flex.split(' ').forEach(function (f) {
          flexstr += " ant-row-flex-" + f;
        });
        classStr += "-flex" + flexstr;
      }

      if (className) classStr += " " + className;

      if (gutter) {
        gut = gutter % 2 != 0 ? (gutter - 1) / 2 : gutter / 2;
        if (!style) style = {};
        style.marginLeft = style.marginRight = 0 - gut;
      }

      if (editFlag) {
        var config = {
          key: 0
        };
        if (colCount && !isNaN(colCount) && colCount > 0) config.colWidth = 100 / colCount;

        if (gut) {
          config.style = {
            paddingLeft: gut,
            paddingRight: gut
          };
        }

        if (children.map) {
          newchildren = children.map(function (child, i) {
            if (typeof child.type === 'string') return child;

            if (child) {
              config.key = i;
              return _react["default"].cloneElement(child, config);
            }

            return null;
          });
        } else {
          newchildren = _react["default"].cloneElement(children, config);
        }
      }

      return _react["default"].createElement("div", (0, _extends2["default"])({
        className: classStr,
        style: style
      }, others), editFlag ? newchildren : children);
    }
  }]);
  return Row;
}(_react["default"].Component);

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