@up-group-ui/react-controls
Version:
Up shared react controls
51 lines • 3.35 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var object_assign_1 = (0, tslib_1.__importDefault)(require("object-assign"));
var UpGridContext_1 = require("./UpGridContext");
var ColRenderer = function (props) {
var gutter = props.gutter, xs = props.xs, sm = props.sm, md = props.md, lg = props.lg, xl = props.xl, prefixCls = props.prefixCls, span = props.span, order = props.order, offset = props.offset, push = props.push, pull = props.pull, className = props.className, style = props.style, children = props.children, rowSpacing = props.rowSpacing, others = (0, tslib_1.__rest)(props, ["gutter", "xs", "sm", "md", "lg", "xl", "prefixCls", "span", "order", "offset", "push", "pull", "className", "style", "children", "rowSpacing"]);
var getClasses = function () {
var _a;
var sizeClassObj = {};
['xs', 'sm', 'md', 'lg', 'xl'].forEach(function (size) {
var _a;
var sizeProps = {};
if (typeof props[size] === 'number') {
sizeProps.span = props[size];
}
else if (typeof props[size] === 'object') {
sizeProps = props[size] || {};
}
sizeClassObj = (0, object_assign_1.default)({}, sizeClassObj, (_a = {},
_a[prefixCls + "-" + size + "-" + sizeProps.span] = sizeProps.span !== undefined,
_a[prefixCls + "-" + size + "-order-" + sizeProps.order] = sizeProps.order || sizeProps.order === 0,
_a[prefixCls + "-" + size + "-offset-" + sizeProps.offset] = sizeProps.offset || sizeProps.offset === 0,
_a[prefixCls + "-" + size + "-push-" + sizeProps.push] = sizeProps.push || sizeProps.push === 0,
_a[prefixCls + "-" + size + "-pull-" + sizeProps.pull] = sizeProps.pull || sizeProps.pull === 0,
_a));
});
return (0, classnames_1.default)((_a = {},
_a[prefixCls + "-" + span] = span !== undefined,
_a[prefixCls + "-order-" + order] = order,
_a[prefixCls + "-offset-" + offset] = offset,
_a[prefixCls + "-push-" + push] = push,
_a[prefixCls + "-pull-" + pull] = pull,
_a), className, sizeClassObj);
};
var getStyle = function () {
if (gutter > 0 || rowSpacing > 0) {
return (0, tslib_1.__assign)({ paddingLeft: gutter / 2, paddingRight: gutter / 2, marginBottom: rowSpacing }, style);
}
return style;
};
return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ style: getStyle() }, others, { className: getClasses() }, { children: children }), void 0));
};
var UpCol = function (_a) {
var _b = _a.prefixCls, prefixCls = _b === void 0 ? 'up-col' : _b, rowSpacing = _a.rowSpacing, rest = (0, tslib_1.__rest)(_a, ["prefixCls", "rowSpacing"]);
return ((0, jsx_runtime_1.jsx)(UpGridContext_1.UpGridConsumer, { children: function (value) { return ((0, jsx_runtime_1.jsx)(ColRenderer, (0, tslib_1.__assign)({ gutter: value.gutter, rowSpacing: rowSpacing || value.rowSpacing, prefixCls: prefixCls }, rest), void 0)); } }, void 0));
};
exports.default = UpCol;
//# sourceMappingURL=UpCol.js.map