beyond-components/lib/Grid/Col.js

react prototype components

"use strict";
exports.__esModule = true;
var React = require("react");
var classnames = require("classnames");
var assign = require("beyond-lib/lib/assign");
var consts_1 = require("../consts");
function percentage(num) {
    return (num * 100) + '%';
}
function getStyle(props) {
    var style = {};
    var width = props.width, offsetWidth = props.offsetWidth, col = props.col, offsetCol = props.offsetCol, grids = props.grids;
    if (width != null) {
        style.width = width;
    }
    if (offsetWidth != null) {
        style.marginRight = offsetWidth;
    }
    if (col != null) {
        style.width = percentage(col / grids);
    }
    if (offsetCol != null) {
        style.marginRight = percentage(offsetCol / grids);
    }
    return style;
}
var Col = function (props) {
    props = assign({}, props);
    props.prefix = props.prefix || consts_1.prefix;
    props.grids = props.grids || 12;
    var extraClassName = props.extraClassName, _style = props.style, _prefix = props.prefix;
    var className = _prefix + "col";
    var style = getStyle(props);
    return (React.createElement("div", { style: assign({}, style, _style), className: classnames(className, extraClassName) }, props.children));
};
exports["default"] = Col;