@riil-frontend/component-page-creater/lib/components/grid-background/index.js

page creater components,include components list,component attribute panel and page canvas

"use strict";

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

exports.__esModule = true;
exports["default"] = void 0;

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _util = require("../util");

/**
 *绘制格子背景
 * @param {*} props
 * @returns
 */
function GridBackground(props) {
  var line1Color = props.line1Color,
      line1Size = props.line1Size,
      line2Color = props.line2Color,
      line2Size = props.line2Size,
      line1W = props.line1W,
      line1H = props.line1H,
      line2W = props.line2W,
      line2H = props.line2H;
  var style = (0, _util.getGridBackgroundStyle)({
    line1Color: line1Color,
    line1Size: line1Size,
    line2Color: line2Color,
    line2Size: line2Size,
    line1W: line1W,
    line1H: line1H,
    line2W: line2W,
    line2H: line2H
  });
  return /*#__PURE__*/_react["default"].createElement("div", {
    style: style
  });
}

GridBackground.propTypes = {
  line1Color: _propTypes["default"].string,
  line1Size: _propTypes["default"].string,
  line2Color: _propTypes["default"].string,
  line2Size: _propTypes["default"].string,
  line1W: _propTypes["default"].string,
  line1H: _propTypes["default"].string,
  line2W: _propTypes["default"].string,
  line2H: _propTypes["default"].string
};
var _default = GridBackground;
exports["default"] = _default;