drip-table
Version:
A tiny and powerful enterprise-class solution for building tables.
46 lines (41 loc) • 1.3 kB
JavaScript
/*
* This file is part of the drip-table project.
* @link : https://drip-table.jd.com/
* @author : Emil Zhai (root@derzh.com)
* @modifier : Emil Zhai (root@derzh.com)
* @copyright: Copyright (c) 2021 JD Network Technology Co., Ltd.
*/
import "./index.less";
import classNames from 'classnames';
import React from 'react';
var prefixCls = 'jfe-drip-table-rc-row';
var Row = /*#__PURE__*/React.memo(function (_ref) {
var props = Object.assign({}, _ref);
var style = React.useMemo(function () {
var st = Object.assign({}, props.style);
if (props.gutter) {
st.margin = "".concat(props.gutter[0], "px 0");
}
if (props.justify) {
st.justifyContent = props.justify;
}
if (props.align) {
if (props.align === 'top') {
st.alignItems = 'flex-start';
} else if (props.align === 'middle') {
st.alignItems = 'center';
} else if (props.align === 'bottom') {
st.alignItems = 'flex-end';
}
}
if (props.wrap) {
st.flexWrap = 'wrap';
}
return st;
}, [props.style, props.gutter, props.justify, props.align, props.wrap]);
return /*#__PURE__*/React.createElement("div", {
className: classNames(prefixCls, props.className),
style: style
}, props.children);
});
export default Row;