@riil-frontend/component-page-creater/lib/components/edit-layout/SingleEditor.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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

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

var _dragPanel = _interopRequireDefault(require("../drag-panel"));

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

function SingleEditor(props) {
  var appPageConfig = props.appPageConfig,
      selected = props.selected,
      droppingItem = props.droppingItem,
      isDroppable = props.isDroppable,
      isEdit = props.isEdit,
      _onChange = props.onChange,
      onWidgetSelect = props.onWidgetSelect,
      pageProps = props.pageProps,
      jumpto = props.jumpto,
      request = props.request,
      onClickBlank = props.onClickBlank,
      layoutProps = props.layoutProps,
      customGetComRequire = props.customGetComRequire;
  var item = appPageConfig.configs[0];
  var _item$layoutConfig = item.layoutConfig,
      cols = _item$layoutConfig.cols,
      rowHeight = _item$layoutConfig.rowHeight;
  var sizeX = 100 / cols;
  var sizeY = rowHeight;
  var style = (0, _util.getGridBackgroundStyle)({
    line1Color: '#DCDEE3',
    line1Size: '1px',
    line2Color: '#eeeeee',
    line2Size: '1px',
    line1W: sizeX + "%",
    line1H: sizeY + "px",
    line2W: sizeX / 4 + "%",
    line2H: sizeY / 4 + "px"
  }, false);
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "creater-canvas",
    onClick: function onClick() {
      onClickBlank();
    }
  }, /*#__PURE__*/_react["default"].createElement(_dragPanel["default"], {
    style: item.layoutConfig.isShowGrid ? style : null,
    layoutProps: (0, _extends2["default"])({
      droppingItem: droppingItem,
      isDroppable: isDroppable && isEdit
    }, layoutProps),
    pageConfig: item,
    selectedId: selected,
    onSelect: function onSelect(id) {
      onWidgetSelect(id);
    },
    isEdit: isEdit,
    onChange: function onChange(widgets) {
      _onChange((0, _extends2["default"])({}, item, {
        widgets: widgets
      }));
    },
    allPageOnChange: function allPageOnChange(pageConfig) {
      _onChange(pageConfig);
    },
    pageProps: pageProps,
    request: request,
    jumpto: jumpto,
    customGetComRequire: customGetComRequire
  }));
}

var _default = SingleEditor;
exports["default"] = _default;