zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2025-12-20 14:05:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix lint warnings

Browse Source
This commit is contained in:
Horcrux
2016-07-27 12:10:12 +08:00
parent f2ee72bb76
commit 7d09dcde29
19 changed files with 54 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
elements/Circle.js
View File

@@ -1,4 +1,4 @@
import React, {PropTypes} from 'react'; import React from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import Shape from './Shape'; import Shape from './Shape';
import {CircleAttributes} from '../lib/attributes'; import {CircleAttributes} from '../lib/attributes';
@@ -27,7 +27,7 @@ class Circle extends Shape {
render() { render() {
let props = this.props; let props = this.props;
return <RNSVGCircle return <RNSVGCircle
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps(props)} {...this.extractProps(props)}
cx={props.cx.toString()} cx={props.cx.toString()}
cy={props.cy.toString()} cy={props.cy.toString()}

2
elements/Defs.js
View File

@@ -1,6 +1,6 @@
import React, { import React, {
Component, Component,
} from 'react' } from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
class Defs extends Component { class Defs extends Component {

4
elements/Ellipse.js
View File

@@ -1,4 +1,4 @@
import React, {PropTypes} from 'react'; import React from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import Shape from './Shape'; import Shape from './Shape';
import {pathProps, numberProp} from '../lib/props'; import {pathProps, numberProp} from '../lib/props';
@@ -30,7 +30,7 @@ class Ellipse extends Shape{
let props = this.props; let props = this.props;
return <RNSVGEllipse return <RNSVGEllipse
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps(props)} {...this.extractProps(props)}
cx={props.cx.toString()} cx={props.cx.toString()}
cy={props.cy.toString()} cy={props.cy.toString()}

7
elements/G.js
View File

@@ -1,5 +1,4 @@
import React, {Component, PropTypes} from 'react'; import React, {Component} from 'react';
import _ from 'lodash';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import {transformProps} from '../lib/props'; import {transformProps} from '../lib/props';
import {GroupAttributes} from '../lib/attributes'; import {GroupAttributes} from '../lib/attributes';
@@ -25,9 +24,7 @@ class G extends Component{
return <RNSVGGroup return <RNSVGGroup
{...extractedProps} {...extractedProps}
ref={ele => { ref={ele => {this.root = ele;}}
this.root = ele;
}}
> >
{this.props.children} {this.props.children}
</RNSVGGroup>; </RNSVGGroup>;

4
elements/Gradient.js
View File

@@ -1,4 +1,4 @@
import React, {Children, Component} from 'react'; import {Children, Component} from 'react';
import percentToFloat from '../lib/percentToFloat'; import percentToFloat from '../lib/percentToFloat';
import Stop from './Stop'; import Stop from './Stop';
import Color from 'color'; import Color from 'color';
@@ -20,7 +20,7 @@ class Gradient extends Component{
stops[offset] = Color(child.props.stopColor).alpha(extractOpacity(child.props.stopOpacity)); stops[offset] = Color(child.props.stopColor).alpha(extractOpacity(child.props.stopOpacity));
} }
} else { } else {
console.warn(`'Gradient' can only receive 'Stop' elements as children`); console.warn('\'Gradient\' can only receive \'Stop\' elements as children');
} }
}); });

2
elements/Image.js
View File

@@ -33,7 +33,7 @@ class Image extends Shape {
render() { render() {
let {props} = this; let {props} = this;
return <RNSVGImage return <RNSVGImage
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps(props, {responder: true})} {...this.extractProps(props, {responder: true})}
x={props.x.toString()} x={props.x.toString()}
y={props.y.toString()} y={props.y.toString()}

4
elements/Line.js
View File

@@ -1,4 +1,4 @@
import React, {PropTypes} from 'react'; import React from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import {LineAttributes} from '../lib/attributes'; import {LineAttributes} from '../lib/attributes';
import Shape from './Shape'; import Shape from './Shape';
@@ -29,7 +29,7 @@ class Line extends Shape {
render() { render() {
let props = this.props; let props = this.props;
return <RNSVGLine return <RNSVGLine
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps(props)} {...this.extractProps(props)}
x1={props.x1.toString()} x1={props.x1.toString()}
y1={props.y1.toString()} y1={props.y1.toString()}

4
elements/Path.js
View File

@@ -3,7 +3,7 @@ import SerializablePath from '../lib/SerializablePath';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import {PathAttributes} from '../lib/attributes'; import {PathAttributes} from '../lib/attributes';
import Shape from './Shape'; import Shape from './Shape';
import {pathProps, numberProp} from '../lib/props'; import {pathProps} from '../lib/props';
class Path extends Shape { class Path extends Shape {
static displayName = 'Path'; static displayName = 'Path';
@@ -23,7 +23,7 @@ class Path extends Shape {
let d = new SerializablePath(props.d).toJSON(); let d = new SerializablePath(props.d).toJSON();
return ( return (
<RNSVGPath <RNSVGPath
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps(props)} {...this.extractProps(props)}
d={d} d={d}
/> />

2
elements/Polygon.js
View File

@@ -25,7 +25,7 @@ class Polygon extends Component{
} }
return <Path return <Path
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.props} {...this.props}
d={`M${points.trim().replace(/\s+/g, 'L')}z`} d={`M${points.trim().replace(/\s+/g, 'L')}z`}
/>; />;

2
elements/Polyline.js
View File

@@ -25,7 +25,7 @@ class Polyline extends Component{
} }
return <Path return <Path
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.props} {...this.props}
d={`M${points.trim().replace(/\s+/g, 'L')}`} d={`M${points.trim().replace(/\s+/g, 'L')}`}
/>; />;

4
elements/Rect.js
View File

@@ -1,4 +1,4 @@
import React, {PropTypes} from 'react'; import React from 'react';
import './Path'; // must import Path first, don`t know why. without this will throw an `Super expression must either be null or a function, not undefined` import './Path'; // must import Path first, don`t know why. without this will throw an `Super expression must either be null or a function, not undefined`
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import {pathProps, numberProp} from '../lib/props'; import {pathProps, numberProp} from '../lib/props';
@@ -35,7 +35,7 @@ class Rect extends Shape {
let props = this.props; let props = this.props;
return <RNSVGRect return <RNSVGRect
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...this.extractProps({ {...this.extractProps({
...props, ...props,
x: null, x: null,

6
elements/Svg.js
View File

@@ -1,4 +1,4 @@
import React, {Children, Component, cloneElement, PropTypes} from 'react'; import React, {Component, PropTypes} from 'react';
import {View, requireNativeComponent, StyleSheet} from 'react-native'; import {View, requireNativeComponent, StyleSheet} from 'react-native';
import ViewBox from './ViewBox'; import ViewBox from './ViewBox';
@@ -57,7 +57,7 @@ class Svg extends Component{
width, width,
height, height,
flex: 0 flex: 0
} };
} }
if (props.viewbox) { if (props.viewbox) {
@@ -78,7 +78,7 @@ class Svg extends Component{
height={null} height={null}
viewBox={null} viewBox={null}
preserveAspectRatio={null} preserveAspectRatio={null}
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
style={[ style={[
styles.svg, styles.svg,
props.style, props.style,

3
elements/Text.js
View File

@@ -1,6 +1,5 @@
import React, {PropTypes} from 'react'; import React, {PropTypes} from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import Defs from './Defs';
import extractProps from '../lib/extract/extractProps'; import extractProps from '../lib/extract/extractProps';
import extractText from '../lib/extract/extractText'; import extractText from '../lib/extract/extractText';
import {numberProp, pathProps} from '../lib/props'; import {numberProp, pathProps} from '../lib/props';
@@ -47,7 +46,7 @@ class Text extends Shape {
return ( return (
<RNSVGText <RNSVGText
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...extractProps({...props, x, y})} {...extractProps({...props, x, y})}
{...extractText(props)} {...extractText(props)}
/> />

3
elements/Use.js
View File

@@ -4,7 +4,6 @@ import {UseAttributes} from '../lib/attributes';
import Shape from './Shape'; import Shape from './Shape';
import React from 'react'; import React from 'react';
import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass'; import createReactNativeComponentClass from 'react/lib/createReactNativeComponentClass';
import _ from 'lodash';
const idExpReg = /^#(.+)$/; const idExpReg = /^#(.+)$/;
class Use extends Shape { class Use extends Shape {
@@ -43,7 +42,7 @@ class Use extends Shape {
}); });
return <RNSVGUse return <RNSVGUse
ref={ele => this.root = ele} ref={ele => {this.root = ele;}}
{...extractedProps} {...extractedProps}
href={href} href={href}
width={props.width} width={props.width}

4
elements/ViewBox.js
View File

@@ -44,7 +44,7 @@ class ViewBox extends Component{
console.warn('`viewBox` expected a string like `minX minY width height`, but got:' + viewBox); console.warn('`viewBox` expected a string like `minX minY width height`, but got:' + viewBox);
return <G> return <G>
{this.props.children} {this.props.children}
</G> </G>;
} }
let modes = preserveAspectRatio.trim().split(spacesRegExp); let modes = preserveAspectRatio.trim().split(spacesRegExp);
@@ -62,7 +62,7 @@ class ViewBox extends Component{
meetOrSlice={meetOrSlice} meetOrSlice={meetOrSlice}
> >
{this.props.children} {this.props.children}
</RNSVGViewBox> </RNSVGViewBox>;
} }
} }

8
lib/Matrix2D.js
View File

@@ -2,7 +2,7 @@
* based on * based on
* https://github.com/CreateJS/EaselJS/blob/631cdffb85eff9413dab43b4676f059b4232d291/src/easeljs/geom/Matrix2D.js * https://github.com/CreateJS/EaselJS/blob/631cdffb85eff9413dab43b4676f059b4232d291/src/easeljs/geom/Matrix2D.js
*/ */
import _ from 'lodash';
const DEG_TO_RAD = Math.PI / 180; const DEG_TO_RAD = Math.PI / 180;
/** /**
@@ -81,10 +81,10 @@ class Matrix2D {
*/ */
setTransform = function(a, b, c, d, tx, ty) { setTransform = function(a, b, c, d, tx, ty) {
// don't forget to update docs in the constructor if these change: // don't forget to update docs in the constructor if these change:
this.a = (a == null) ? 1 : a; this.a = _.isNil(a) ? 1 : a;
this.b = b || 0; this.b = b || 0;
this.c = c || 0; this.c = c || 0;
this.d = (d == null) ? 1 : d; this.d = _.isNil(d) ? 1 : d;
this.tx = tx || 0; this.tx = tx || 0;
this.ty = ty || 0; this.ty = ty || 0;
return this; return this;
@@ -173,7 +173,7 @@ class Matrix2D {
var b1 = this.b; var b1 = this.b;
var c1 = this.c; var c1 = this.c;
var d1 = this.d; var d1 = this.d;
if (a != 1 || b != 0 || c != 0 || d != 1) { if (a !== 1 || b !== 0 || c !== 0 || d !== 1) {
this.a = a1 * a + c1 * b; this.a = a1 * a + c1 * b;
this.b = b1 * a + d1 * b; this.b = b1 * a + d1 * b;
this.c = a1 * c + c1 * d; this.c = a1 * c + c1 * d;

2
lib/SerializablePath.js
View File

@@ -3,8 +3,6 @@ const MOVE_TO = 0;
const CLOSE = 1; const CLOSE = 1;
const LINE_TO = 2; const LINE_TO = 2;
const CURVE_TO = 3; const CURVE_TO = 3;
const ARC = 4;
export default class SerializablePath { export default class SerializablePath {
constructor(path) { constructor(path) {

2
package.json
View File

@@ -1,7 +1,7 @@
{ {
"version": "4.0.0", "version": "4.0.0",
"name": "react-native-svg", "name": "react-native-svg",
"description": "react native svg library", "description": "SVG library for react-native",
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://github.com/magicismight/react-native-svg" "url": "https://github.com/magicismight/react-native-svg"