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

Rename 'createReactStyleObject' to 'createReactDOMStyle'

Browse Source
This commit is contained in:
Nicolas Gallagher
2016-12-29 16:26:31 -08:00
parent ba75acb66a
commit 518a85bf1b
4 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/apis/StyleSheet/__tests__/createReactStyleObject-test.js → src/apis/StyleSheet/__tests__/createReactDOMStyle-test.js
View File

@@ -1,12 +1,12 @@
/* eslint-env jasmine, jest */
import createReactStyleObject from '../createReactStyleObject';
import createReactDOMStyle from '../createReactDOMStyle';
describe('apis/StyleSheet/createReactStyleObject', () => {
describe('apis/StyleSheet/createReactDOMStyle', () => {
test('converts ReactNative style to ReactDOM style', () => {
const reactNativeStyle = { display: 'flex', marginVertical: 0, opacity: 0 };
const expectedStyle = { display: 'flex', marginTop: '0px', marginBottom: '0px', opacity: 0 };
expect(createReactStyleObject(reactNativeStyle)).toEqual(expectedStyle);
expect(createReactDOMStyle(reactNativeStyle)).toEqual(expectedStyle);
});
});

4
src/apis/StyleSheet/createReactStyleObject.js → src/apis/StyleSheet/createReactDOMStyle.js
View File

@@ -15,8 +15,8 @@ const processors = [
const applyProcessors = (style) => processors.reduce((style, processor) => processor(style), style);
const createReactDOMStyleObject = (reactNativeStyle) => applyProcessors(
const createReactDOMStyle = (reactNativeStyle) => applyProcessors(
expandStyle(i18nStyle(flattenStyle(reactNativeStyle)))
);
module.exports = createReactDOMStyleObject;
module.exports = createReactDOMStyle;

4
src/apis/StyleSheet/index.js
View File

@@ -1,5 +1,5 @@
import * as css from './css';
import createReactStyleObject from './createReactStyleObject';
import createReactDOMStyle from './createReactDOMStyle';
import ExecutionEnvironment from 'fbjs/lib/ExecutionEnvironment';
import flattenStyle from '../../modules/flattenStyle';
import React from 'react';
@@ -74,7 +74,7 @@ module.exports = {
*/
resolve(props) {
let className = props.className || '';
const style = createReactStyleObject(props.style);
const style = createReactDOMStyle(props.style);
for (const prop in style) {
const value = style[prop];
const replacementClassName = css.getStyleAsHelperClassName(prop, value);

4
src/apis/UIManager/index.js
View File

@@ -1,4 +1,4 @@
import createReactStyleObject from '../StyleSheet/createReactStyleObject';
import createReactDOMStyle from '../StyleSheet/createReactDOMStyle';
import CSSPropertyOperations from 'react-dom/lib/CSSPropertyOperations';
const _measureLayout = (node, relativeToNativeNode, callback) => {
@@ -45,7 +45,7 @@ const UIManager = {
// convert styles to DOM-styles
CSSPropertyOperations.setValueForStyles(
node,
createReactStyleObject(value),
createReactDOMStyle(value),
component._reactInternalInstance
);
break;