UNPKG

@alilc/lowcode-editor-skeleton

Version:

alibaba lowcode editor skeleton

50 lines (49 loc) 2.06 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); exports.__esModule = true; exports["default"] = void 0; var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose")); var _react = require("react"); var _classnames = _interopRequireDefault(require("classnames")); var _lowcodeEditorCore = require("@alilc/lowcode-editor-core"); var _class, _class2; var RightArea = exports["default"] = (0, _lowcodeEditorCore.observer)(_class2 = /*#__PURE__*/function (_Component2) { function RightArea() { return _Component2.apply(this, arguments) || this; } (0, _inheritsLoose2["default"])(RightArea, _Component2); var _proto2 = RightArea.prototype; _proto2.render = function render() { var area = this.props.area; if (area.isEmpty()) { return null; } return /*#__PURE__*/React.createElement("div", { className: (0, _classnames["default"])('lc-right-area engine-tabpane', { 'lc-area-visible': area.visible }) }, /*#__PURE__*/React.createElement(Contents, { area: area })); }; return RightArea; }(_react.Component)) || _class2; var Contents = (0, _lowcodeEditorCore.observer)(_class = /*#__PURE__*/function (_Component) { function Contents() { return _Component.apply(this, arguments) || this; } (0, _inheritsLoose2["default"])(Contents, _Component); var _proto = Contents.prototype; _proto.render = function render() { var area = this.props.area; return /*#__PURE__*/React.createElement(_react.Fragment, null, area.container.items.slice().sort(function (a, b) { var _a$config, _b$config; var index1 = ((_a$config = a.config) === null || _a$config === void 0 ? void 0 : _a$config.index) || 0; var index2 = ((_b$config = b.config) === null || _b$config === void 0 ? void 0 : _b$config.index) || 0; return index1 === index2 ? 0 : index1 > index2 ? 1 : -1; }).map(function (item) { return item.content; })); }; return Contents; }(_react.Component)) || _class;