@nodeject/ui-components
Version:
UI library for non-trivial components
44 lines (43 loc) • 2.68 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.TreeNodeComponentContainer = void 0;
var React = require("react");
var types_1 = require("./types");
var styles = require("./TreeNodeComponent.module.less");
var TreeNodeComponentContainer = function (props) {
var node = props.node;
var nodeProps = props.node.TreeNodeComponent.props;
var TreeNodeComponent = node.TreeNodeComponent;
var nodeListChildLeftRender = function () {
return (React.createElement(React.Fragment, null,
React.createElement("span", { className: styles.tl + " tl" }),
React.createElement("span", { className: styles.tr + " tr" }),
React.createElement("span", { className: styles.bl + " bl" }),
React.createElement("span", { className: styles.br + " br" })));
};
var nodesListChildLeftRender = [];
for (var pas = 0; pas < nodeProps.wbsLevel - 1; pas++) {
nodesListChildLeftRender.push(nodeListChildLeftRender);
}
var hasSiblings = nodeProps.hasSiblings ? 'has-siblings' : 'has-no-siblings';
var layoutStyle = "layout-style-" + types_1.LayoutStyle[nodeProps.layoutStyle].toLowerCase();
var parentLayoutStyle = types_1.LayoutStyle[nodeProps.parentLayoutStyle] &&
"parent-layout-style-" + types_1.LayoutStyle[nodeProps.parentLayoutStyle].toLowerCase();
return (React.createElement(React.Fragment, null,
nodesListChildLeftRender.map(function (N, index) {
var className = index === 0
? 'nodeListChildLeftFirst'
: index === nodesListChildLeftRender.length - 1 ? 'nodeListChildLeftLast' : 'nodeListChildLeft';
return (React.createElement("div", { key: index, className: styles.nodeListChildLeft + " " + className },
React.createElement(N, null)));
}),
React.createElement("div", { className: hasSiblings + " " + layoutStyle + " " + parentLayoutStyle },
React.createElement("div", { className: styles.nodeChildTop + " nodeChildTop" },
React.createElement("span", { className: styles.left + " left" }),
React.createElement("span", { className: styles.right + " right" })),
TreeNodeComponent,
nodeProps.layoutStyle === 0 && (React.createElement("div", { className: styles.nodeChildBottom + " nodeChildBottom" },
React.createElement("span", { className: styles.left + " left" }),
React.createElement("span", { className: styles.right + " right" }))))));
};
exports.TreeNodeComponentContainer = TreeNodeComponentContainer;