@alilc/lowcode-renderer-core/lib/components/VisualDom/index.js

renderer core

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports["default"] = visualDomFactory;
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _adapter = _interopRequireDefault(require("../../adapter"));
require("./index.css");
function visualDomFactory() {
  var _VisualDom;
  var _adapter$getRuntime = _adapter["default"].getRuntime(),
    PureComponent = _adapter$getRuntime.PureComponent,
    createElement = _adapter$getRuntime.createElement;
  return _VisualDom = /*#__PURE__*/function (_PureComponent) {
    function VisualDom() {
      return _PureComponent.apply(this, arguments) || this;
    }
    (0, _inheritsLoose2["default"])(VisualDom, _PureComponent);
    var _proto = VisualDom.prototype;
    _proto.render = function render() {
      var _this$props = this.props,
        children = _this$props.children,
        cell = _this$props.cell,
        title = _this$props.title,
        label = _this$props.label,
        text = _this$props.text,
        __componentName = _this$props.__componentName;
      var mainContent = children;
      if (cell && typeof cell === 'function') {
        mainContent = cell();
      }
      return createElement('div', {
        className: 'visual-dom'
      }, createElement('div', {
        className: 'panel-container'
      }, [createElement('span', {
        className: 'title'
      }, title || label || text || __componentName), createElement('div', {
        className: 'content'
      }, mainContent)]));
    };
    return VisualDom;
  }(PureComponent), _VisualDom.displayName = 'VisualDom', _VisualDom.propTypes = {
    children: _propTypes["default"].oneOfType([_propTypes["default"].element, _propTypes["default"].arrayOf(_propTypes["default"].element)])
  }, _VisualDom.defaultProps = {
    children: null
  }, _VisualDom;
}