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

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

import React from 'react';
import PropTypes from 'prop-types';
import { getGridBackgroundStyle } from '../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 = getGridBackgroundStyle({
    line1Color: line1Color,
    line1Size: line1Size,
    line2Color: line2Color,
    line2Size: line2Size,
    line1W: line1W,
    line1H: line1H,
    line2W: line2W,
    line2H: line2H
  });
  return /*#__PURE__*/React.createElement("div", {
    style: style
  });
}

GridBackground.propTypes = {
  line1Color: PropTypes.string,
  line1Size: PropTypes.string,
  line2Color: PropTypes.string,
  line2Size: PropTypes.string,
  line1W: PropTypes.string,
  line1H: PropTypes.string,
  line2W: PropTypes.string,
  line2H: PropTypes.string
};
export default GridBackground;