rc-dock/lib/FloatBox.js

dock layout for react component

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const DockPanel_1 = require("./DockPanel");
class FloatBox extends react_1.default.PureComponent {
    render() {
        let { children } = this.props.boxData;
        let childrenRender = [];
        for (let child of children) {
            if ('tabs' in child) {
                childrenRender.push(react_1.default.createElement(DockPanel_1.DockPanel, { size: child.size, panelData: child, key: child.id }));
            }
        }
        return (react_1.default.createElement("div", { className: 'dock-box dock-fbox' }, childrenRender));
    }
}
exports.FloatBox = FloatBox;