plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
42 lines (41 loc) • 1.73 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import React, { Component } from 'react';
import Item from './Item';
class Flex extends Component {
render() {
const _a = this.props, { flexDirection, flexWrap, flexFlow, justifyContent, alignItems, alignContent, alignSelf, order, flexGrow, flexShrink, flexBasis, flex, style, children } = _a, other = __rest(_a, ["flexDirection", "flexWrap", "flexFlow", "justifyContent", "alignItems", "alignContent", "alignSelf", "order", "flexGrow", "flexShrink", "flexBasis", "flex", "style", "children"]);
const newStyle = Object.assign({}, {
display: 'flex',
flexDirection,
flexWrap,
flexFlow,
justifyContent,
alignItems,
alignContent,
alignSelf,
order,
flexGrow,
flexShrink,
flexBasis,
flex,
}, style);
return (React.createElement("div", Object.assign({ style: Object.keys(newStyle).reduce((prev, key) => {
if (newStyle[key]) {
return Object.assign(prev, { [key]: newStyle[key] });
}
return prev;
}, {}) }, other), children));
}
}
Flex.Item = Item;
export default Flex;