Use inline-style-prefix-all for vendor prefixes

Fix #74
Close #82

package.json

@@ -17,7 +17,7 @@
   },
   "dependencies": {
     "fbjs": "^0.7.2",
-    "inline-style-prefixer": "^0.6.7",
+    "inline-style-prefix-all": "^1.0.2",
     "lodash.debounce": "^3.1.1",
     "react-tappable": "^0.7.1",
     "react-textarea-autosize": "^3.1.0"

src/apis/StyleSheet/Store.js

@@ -1,5 +1,5 @@
+import prefixAll from 'inline-style-prefix-all'
 import hyphenate from './hyphenate'
-import prefixer from './prefixer'
 
 export default class Store {
   constructor(
@@ -46,7 +46,7 @@ export default class Store {
     // transform the declarations into CSS rules with vendor-prefixes
     const buildCSSRules = (property, values) => {
       return values.reduce((cssRules, value) => {
-        const declarations = prefixer({ [property]: value })
+        const declarations = prefixAll({ [property]: value })
         const cssDeclarations = Object.keys(declarations).reduce((str, prop) => {
           const value = declarations[prop]
           str += `${hyphenate(prop)}:${value};`

src/apis/StyleSheet/StyleSheetRegistry.js

@@ -6,8 +6,8 @@
  * @flow
  */
 
+import prefixAll from 'inline-style-prefix-all'
 import flattenStyle from './flattenStyle'
-import prefixer from './prefixer'
 
 export default class StyleSheetRegistry {
   static registerStyle(style: Object, store): number {
@@ -39,7 +39,7 @@ export default class StyleSheetRegistry {
     }
 
     _className = classList.join(' ')
-    _style = prefixer(_style)
+    _style = prefixAll(_style)
 
     return { className: _className, style: _style }
   }

src/apis/StyleSheet/prefixer.js

@@ -1,3 +0,0 @@
-import Prefixer from 'inline-style-prefixer'
-const prefixer = Prefixer.prefixAll
-export default prefixer