kylefang/react-native-web
1
0
Fork 0
mirror of https://github.com/zhigang1992/react-native-web.git synced 2026-04-29 12:54:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

[fix] inline-style-prefixer API update

Browse Source 
Fix #1217
This commit is contained in:
Nicolas Gallagher
2018-12-31 17:22:05 -08:00
parent 79456d5920
commit d5f5dbccdb
4 changed files with 19 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
package.json
View File

@@ -49,6 +49,7 @@
"flow-bin": "^0.63.1", "flow-bin": "^0.63.1",
"glob": "^7.1.2", "glob": "^7.1.2",
"husky": "^0.14.3", "husky": "^0.14.3",
"inline-style-prefixer": "^5.0.3",
"jest": "^22.4.3", "jest": "^22.4.3",
"jest-canvas-mock": "^1.0.2", "jest-canvas-mock": "^1.0.2",
"lint-staged": "^7.1.0", "lint-staged": "^7.1.0",

2
packages/react-native-web/src/modules/prefixStyles/index.js vendored
View File

@@ -7,7 +7,7 @@
* @flow * @flow
*/ */
import createPrefixer from 'inline-style-prefixer/static/createPrefixer'; import createPrefixer from 'inline-style-prefixer/lib/createPrefixer';
import staticData from './static'; import staticData from './static';
const prefixAll = createPrefixer(staticData); const prefixAll = createPrefixer(staticData);

27
packages/react-native-web/src/modules/prefixStyles/static.js vendored
View File

@@ -1,14 +1,15 @@
import crossFade from 'inline-style-prefixer/static/plugins/crossFade'; import backgroundClip from 'inline-style-prefixer/lib/plugins/backgroundClip';
import cursor from 'inline-style-prefixer/static/plugins/cursor'; import crossFade from 'inline-style-prefixer/lib/plugins/crossFade';
import filter from 'inline-style-prefixer/static/plugins/filter'; import cursor from 'inline-style-prefixer/lib/plugins/cursor';
import flex from 'inline-style-prefixer/static/plugins/flex'; import filter from 'inline-style-prefixer/lib/plugins/filter';
import flexboxIE from 'inline-style-prefixer/static/plugins/flexboxIE'; import flex from 'inline-style-prefixer/lib/plugins/flex';
import flexboxOld from 'inline-style-prefixer/static/plugins/flexboxOld'; import flexboxIE from 'inline-style-prefixer/lib/plugins/flexboxIE';
import gradient from 'inline-style-prefixer/static/plugins/gradient'; import flexboxOld from 'inline-style-prefixer/lib/plugins/flexboxOld';
import imageSet from 'inline-style-prefixer/static/plugins/imageSet'; import gradient from 'inline-style-prefixer/lib/plugins/gradient';
import position from 'inline-style-prefixer/static/plugins/position'; import imageSet from 'inline-style-prefixer/lib/plugins/imageSet';
import sizing from 'inline-style-prefixer/static/plugins/sizing'; import position from 'inline-style-prefixer/lib/plugins/position';
import transition from 'inline-style-prefixer/static/plugins/transition'; import sizing from 'inline-style-prefixer/lib/plugins/sizing';
import transition from 'inline-style-prefixer/lib/plugins/transition';
const w = ['Webkit']; const w = ['Webkit'];
const m = ['Moz']; const m = ['Moz'];
const ms = ['ms']; const ms = ['ms'];
@@ -18,6 +19,7 @@ const wmms = ['Webkit', 'Moz', 'ms'];
export default { export default {
plugins: [ plugins: [
backgroundClip,
crossFade, crossFade,
cursor, cursor,
filter, filter,
@@ -120,6 +122,7 @@ export default {
flowInto: wms, flowInto: wms,
flowFrom: wms, flowFrom: wms,
regionFragment: wms, regionFragment: wms,
textOrientation: w,
textAlignLast: m, textAlignLast: m,
tabSize: m, tabSize: m,
wrapFlow: ms, wrapFlow: ms,
@@ -144,7 +147,7 @@ export default {
gridRowGap: ms, gridRowGap: ms,
gridArea: ms, gridArea: ms,
gridGap: ms, gridGap: ms,
textSizeAdjust: wms, textSizeAdjust: ['ms', 'Webkit'],
borderImage: w, borderImage: w,
borderImageOutset: w, borderImageOutset: w,
borderImageRepeat: w, borderImageRepeat: w,

7
scripts/inline-style-prefixer/create.js
View File

@@ -1,6 +1,6 @@
'use strict'; 'use strict';
const generator = require('inline-style-prefixer/generator'); const generator = require('inline-style-prefixer/lib/generator').default;
const path = require('path'); const path = require('path');
const browserList = { const browserList = {
@@ -19,8 +19,5 @@ const browserList = {
}; };
generator(browserList, { generator(browserList, {
staticPath: path.join( path: path.join(__dirname, '../../packages/react-native-web/src/modules/prefixStyles/static.js')
__dirname,
'../../packages/react-native-web/src/modules/prefixStyles/static.js'
)
}); });