@beisen-phoenix/demo-container/lib/index.js

import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
import _createClass from "@babel/runtime/helpers/createClass";
import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
import _inherits from "@babel/runtime/helpers/inherits";
import React, { Component } from 'react';
import './index.css';

var index =
/*#__PURE__*/
function (_Component) {
  _inherits(index, _Component);

  function index() {
    _classCallCheck(this, index);

    return _possibleConstructorReturn(this, _getPrototypeOf(index).apply(this, arguments));
  }

  _createClass(index, [{
    key: "render",
    value: function render() {
      var _this$props = this.props,
          _this$props$children = _this$props.children,
          children = _this$props$children === void 0 ? [] : _this$props$children,
          title = _this$props.title,
          desc = _this$props.desc,
          _this$props$extraCls = _this$props.extraCls,
          extraCls = _this$props$extraCls === void 0 ? "" : _this$props$extraCls,
          cmpWidth = _this$props.cmpWidth,
          cmpHeight = _this$props.cmpHeight;
      return React.createElement(React.Fragment, null, React.createElement("div", {
        className: "cmp-example--group " + extraCls
      }, React.createElement("div", {
        className: "cmp-example--content"
      }, React.Children.map(children, function (child) {
        return React.createElement("div", {
          className: "cmp-example--type",
          style: {
            width: cmpWidth,
            height: cmpHeight
          }
        }, child);
      })), React.createElement("div", {
        className: "cmp-example--title"
      }, React.createElement("div", {
        className: "cmp-example--leftLine"
      }), React.createElement("div", {
        className: "cmp-example--text"
      }, title), React.createElement("div", {
        className: "cmp-example--line"
      })), React.createElement("div", {
        className: "cmp-example--desc"
      }, React.createElement("span", {
        className: "cmp-example--desc-text"
      }, desc))));
    }
  }]);

  return index;
}(Component);

export default index;
export var NatureContainer =
/*#__PURE__*/
function (_Component2) {
  _inherits(NatureContainer, _Component2);

  function NatureContainer() {
    _classCallCheck(this, NatureContainer);

    return _possibleConstructorReturn(this, _getPrototypeOf(NatureContainer).apply(this, arguments));
  }

  _createClass(NatureContainer, [{
    key: "render",
    value: function render() {
      var children = this.props.children;
      return React.createElement("div", {
        className: "nature__container"
      }, React.Children.map(children, function (child) {
        return React.createElement(React.Fragment, null, child);
      }));
    }
  }]);

  return NatureContainer;
}(Component);
export var NatureItemTwoCol =
/*#__PURE__*/
function (_Component3) {
  _inherits(NatureItemTwoCol, _Component3);

  function NatureItemTwoCol() {
    _classCallCheck(this, NatureItemTwoCol);

    return _possibleConstructorReturn(this, _getPrototypeOf(NatureItemTwoCol).apply(this, arguments));
  }

  _createClass(NatureItemTwoCol, [{
    key: "render",
    value: function render() {
      var _this$props2 = this.props,
          children = _this$props2.children,
          _this$props2$extraCls = _this$props2.extraCls,
          extraCls = _this$props2$extraCls === void 0 ? "" : _this$props2$extraCls;
      return React.createElement("div", {
        className: "nature__block--column-two " + extraCls
      }, React.Children.map(children, function (child) {
        return React.createElement(React.Fragment, null, child);
      }));
    }
  }]);

  return NatureItemTwoCol;
}(Component);
export var NatureItem =
/*#__PURE__*/
function (_Component4) {
  _inherits(NatureItem, _Component4);

  function NatureItem() {
    _classCallCheck(this, NatureItem);

    return _possibleConstructorReturn(this, _getPrototypeOf(NatureItem).apply(this, arguments));
  }

  _createClass(NatureItem, [{
    key: "render",
    value: function render() {
      var children = this.props.children;
      return React.createElement("div", {
        className: "nature__block"
      }, React.Children.map(children, function (child) {
        return React.createElement(React.Fragment, null, child);
      }));
    }
  }]);

  return NatureItem;
}(Component);