mirror of
https://github.com/zhigang1992/react-native-web.git
synced 2026-04-01 09:27:14 +08:00
d87f71ebc1
Improves StyleSheet benchmark performance by 13x. Removes undocumented `StyleSheet.resolve` API. Typical mean (and first) task duration. [benchmark] DeepTree: depth=3, breadth=10, wrap=4) -master 2809.76ms (3117.64ms) -patch 211.2ms (364.28ms) [benchmark] DeepTree: depth=5, breadth=3, wrap=1) -master 421.25ms (428.15ms) -patch 32.46ms (47.36ms) This patch adds memoization of DOM prop resolution (~3-4x faster), and re-introduces a `className`-based styling strategy (~3-4x faster). Styles map to "atomic css" rules. Fix #307
49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
/**
|
|
* Copyright (c) 2015-present, Facebook, Inc.
|
|
* All rights reserved.
|
|
*
|
|
* This source code is licensed under the BSD-style license found in the
|
|
* LICENSE file in the root directory of this source tree. An additional grant
|
|
* of patent rights can be found in the PATENTS file in the same directory.
|
|
*
|
|
* @providesModule flattenStyle
|
|
* @flow
|
|
*/
|
|
import ReactNativePropRegistry from '../../modules/ReactNativePropRegistry';
|
|
import invariant from 'fbjs/lib/invariant';
|
|
|
|
function getStyle(style) {
|
|
if (typeof style === 'number') {
|
|
return ReactNativePropRegistry.getByID(style);
|
|
}
|
|
return style;
|
|
}
|
|
|
|
function flattenStyle(style) {
|
|
if (!style) {
|
|
return undefined;
|
|
}
|
|
|
|
if (process.env.NODE !== 'production') {
|
|
invariant(style !== true, 'style may be false but not true');
|
|
}
|
|
|
|
if (!Array.isArray(style)) {
|
|
return getStyle(style);
|
|
}
|
|
|
|
const result = {};
|
|
for (let i = 0, styleLength = style.length; i < styleLength; ++i) {
|
|
const computedStyle = flattenStyle(style[i]);
|
|
if (computedStyle) {
|
|
for (const key in computedStyle) {
|
|
const value = computedStyle[key];
|
|
result[key] = value;
|
|
}
|
|
}
|
|
}
|
|
return result;
|
|
}
|
|
|
|
module.exports = flattenStyle;
|