Support styles with default style done

This commit is contained in:
2018-07-02 10:41:33 +05:30
parent 2bb7d97ba9
commit 262f659c6f
2 changed files with 7 additions and 2 deletions
+1 -1
View File
@@ -1,4 +1,4 @@
1. Support styles and colors 1. [X] Support styles with default style
2. Support setting both horizontal and vertical gridareas 2. Support setting both horizontal and vertical gridareas
3. Support events 3. Support events
4. Remove unwanted sample ts files 4. Remove unwanted sample ts files
+6 -1
View File
@@ -63,15 +63,20 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
static requiresSVG = true; static requiresSVG = true;
static defaultStyle = {
fill: 'rgba(0,0,0,0.25)'
}
render() { render() {
const { const {
innerWidth: width, innerWidth: width,
innerHeight: height, innerHeight: height,
marginTop: top, marginTop: top,
marginLeft: left, marginLeft: left,
style
} = this.props; } = this.props;
const style = {...GridArea.defaultStyle, ...this.props.style};
const isVertical = (this.props.direction === Direction.VERTICAL); const isVertical = (this.props.direction === Direction.VERTICAL);
const tickXAttr = isVertical ? 'y' : 'x'; const tickXAttr = isVertical ? 'y' : 'x';
const tickYAttr = isVertical ? 'x' : 'y'; const tickYAttr = isVertical ? 'x' : 'y';