PHP WebShell
Текущая директория: /usr/lib/node_modules/bitgo/node_modules/react-native/ReactCommon/react/renderer/components/view
Просмотр файла: BaseViewProps.cpp
/*
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
#include "BaseViewProps.h"
#include <algorithm>
#include <react/featureflags/ReactNativeFeatureFlags.h>
#include <react/renderer/components/view/BoxShadowPropsConversions.h>
#include <react/renderer/components/view/FilterPropsConversions.h>
#include <react/renderer/components/view/conversions.h>
#include <react/renderer/components/view/primitives.h>
#include <react/renderer/components/view/propsConversions.h>
#include <react/renderer/core/graphicsConversions.h>
#include <react/renderer/core/propsConversions.h>
#include <react/renderer/debug/debugStringConvertibleUtils.h>
#include <react/renderer/graphics/ValueUnit.h>
namespace facebook::react {
namespace {
std::array<float, 3> getTranslateForTransformOrigin(
float viewWidth,
float viewHeight,
TransformOrigin transformOrigin) {
float viewCenterX = viewWidth / 2;
float viewCenterY = viewHeight / 2;
std::array<float, 3> origin = {viewCenterX, viewCenterY, transformOrigin.z};
for (size_t i = 0; i < transformOrigin.xy.size(); ++i) {
auto& currentOrigin = transformOrigin.xy[i];
if (currentOrigin.unit == UnitType::Point) {
origin[i] = currentOrigin.value;
} else if (currentOrigin.unit == UnitType::Percent) {
origin[i] =
((i == 0) ? viewWidth : viewHeight) * currentOrigin.value / 100.0f;
}
}
float newTranslateX = -viewCenterX + origin[0];
float newTranslateY = -viewCenterY + origin[1];
float newTranslateZ = origin[2];
return std::array{newTranslateX, newTranslateY, newTranslateZ};
}
} // namespace
BaseViewProps::BaseViewProps(
const PropsParserContext& context,
const BaseViewProps& sourceProps,
const RawProps& rawProps,
const std::function<bool(const std::string&)>& filterObjectKeys)
: YogaStylableProps(context, sourceProps, rawProps, filterObjectKeys),
AccessibilityProps(context, sourceProps, rawProps),
opacity(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.opacity
: convertRawProp(
context,
rawProps,
"opacity",
sourceProps.opacity,
(Float)1.0)),
backgroundColor(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.backgroundColor
: convertRawProp(
context,
rawProps,
"backgroundColor",
sourceProps.backgroundColor,
{})),
borderRadii(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.borderRadii
: convertRawProp(
context,
rawProps,
"border",
"Radius",
sourceProps.borderRadii,
{})),
borderColors(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.borderColors
: convertRawProp(
context,
rawProps,
"border",
"Color",
sourceProps.borderColors,
{})),
borderCurves(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.borderCurves
: convertRawProp(
context,
rawProps,
"border",
"Curve",
sourceProps.borderCurves,
{})),
borderStyles(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.borderStyles
: convertRawProp(
context,
rawProps,
"border",
"Style",
sourceProps.borderStyles,
{})),
outlineColor(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.outlineColor
: convertRawProp(
context,
rawProps,
"outlineColor",
sourceProps.outlineColor,
{})),
outlineOffset(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.outlineOffset
: convertRawProp(
context,
rawProps,
"outlineOffset",
sourceProps.outlineOffset,
{})),
outlineStyle(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.outlineStyle
: convertRawProp(
context,
rawProps,
"outlineStyle",
sourceProps.outlineStyle,
{})),
outlineWidth(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.outlineWidth
: convertRawProp(
context,
rawProps,
"outlineWidth",
sourceProps.outlineWidth,
{})),
shadowColor(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.shadowColor
: convertRawProp(
context,
rawProps,
"shadowColor",
sourceProps.shadowColor,
{})),
shadowOffset(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.shadowOffset
: convertRawProp(
context,
rawProps,
"shadowOffset",
sourceProps.shadowOffset,
{})),
shadowOpacity(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.shadowOpacity
: convertRawProp(
context,
rawProps,
"shadowOpacity",
sourceProps.shadowOpacity,
{})),
shadowRadius(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.shadowRadius
: convertRawProp(
context,
rawProps,
"shadowRadius",
sourceProps.shadowRadius,
{})),
cursor(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.cursor
: convertRawProp(
context,
rawProps,
"cursor",
sourceProps.cursor,
{})),
boxShadow(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.boxShadow
: convertRawProp(
context,
rawProps,
"boxShadow",
sourceProps.boxShadow,
{})),
filter(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.filter
: convertRawProp(
context,
rawProps,
"filter",
sourceProps.filter,
{})),
backgroundImage(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.backgroundImage
: convertRawProp(
context,
rawProps,
"experimental_backgroundImage",
sourceProps.backgroundImage,
{})),
mixBlendMode(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.mixBlendMode
: convertRawProp(
context,
rawProps,
"mixBlendMode",
sourceProps.mixBlendMode,
{})),
isolation(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.isolation
: convertRawProp(
context,
rawProps,
"isolation",
sourceProps.isolation,
{})),
transform(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.transform
: convertRawProp(
context,
rawProps,
"transform",
sourceProps.transform,
{})),
transformOrigin(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.transformOrigin
: convertRawProp(
context,
rawProps,
"transformOrigin",
sourceProps.transformOrigin,
{})),
backfaceVisibility(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.backfaceVisibility
: convertRawProp(
context,
rawProps,
"backfaceVisibility",
sourceProps.backfaceVisibility,
{})),
shouldRasterize(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.shouldRasterize
: convertRawProp(
context,
rawProps,
"shouldRasterizeIOS",
sourceProps.shouldRasterize,
{})),
zIndex(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.zIndex
: convertRawProp(
context,
rawProps,
"zIndex",
sourceProps.zIndex,
{})),
pointerEvents(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.pointerEvents
: convertRawProp(
context,
rawProps,
"pointerEvents",
sourceProps.pointerEvents,
{})),
hitSlop(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.hitSlop
: convertRawProp(
context,
rawProps,
"hitSlop",
sourceProps.hitSlop,
{})),
onLayout(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.onLayout
: convertRawProp(
context,
rawProps,
"onLayout",
sourceProps.onLayout,
{})),
events(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.events
: convertRawProp(context, rawProps, sourceProps.events, {})),
collapsable(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.collapsable
: convertRawProp(
context,
rawProps,
"collapsable",
sourceProps.collapsable,
true)),
collapsableChildren(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.collapsableChildren
: convertRawProp(
context,
rawProps,
"collapsableChildren",
sourceProps.collapsableChildren,
true)),
removeClippedSubviews(
ReactNativeFeatureFlags::enableCppPropsIteratorSetter()
? sourceProps.removeClippedSubviews
: convertRawProp(
context,
rawProps,
"removeClippedSubviews",
sourceProps.removeClippedSubviews,
false)) {}
#define VIEW_EVENT_CASE(eventType) \
case CONSTEXPR_RAW_PROPS_KEY_HASH("on" #eventType): { \
const auto offset = ViewEvents::Offset::eventType; \
ViewEvents defaultViewEvents{}; \
bool res = defaultViewEvents[offset]; \
if (value.hasValue()) { \
fromRawValue(context, value, res); \
} \
events[offset] = res; \
return; \
}
void BaseViewProps::setProp(
const PropsParserContext& context,
RawPropsPropNameHash hash,
const char* propName,
const RawValue& value) {
// All Props structs setProp methods must always, unconditionally,
// call all super::setProp methods, since multiple structs may
// reuse the same values.
YogaStylableProps::setProp(context, hash, propName, value);
AccessibilityProps::setProp(context, hash, propName, value);
static auto defaults = BaseViewProps{};
switch (hash) {
RAW_SET_PROP_SWITCH_CASE_BASIC(opacity);
RAW_SET_PROP_SWITCH_CASE_BASIC(backgroundColor);
RAW_SET_PROP_SWITCH_CASE(backgroundImage, "experimental_backgroundImage");
RAW_SET_PROP_SWITCH_CASE_BASIC(shadowColor);
RAW_SET_PROP_SWITCH_CASE_BASIC(shadowOffset);
RAW_SET_PROP_SWITCH_CASE_BASIC(shadowOpacity);
RAW_SET_PROP_SWITCH_CASE_BASIC(shadowRadius);
RAW_SET_PROP_SWITCH_CASE_BASIC(transform);
RAW_SET_PROP_SWITCH_CASE_BASIC(backfaceVisibility);
RAW_SET_PROP_SWITCH_CASE_BASIC(shouldRasterize);
RAW_SET_PROP_SWITCH_CASE_BASIC(zIndex);
RAW_SET_PROP_SWITCH_CASE_BASIC(pointerEvents);
RAW_SET_PROP_SWITCH_CASE_BASIC(isolation);
RAW_SET_PROP_SWITCH_CASE_BASIC(hitSlop);
RAW_SET_PROP_SWITCH_CASE_BASIC(onLayout);
RAW_SET_PROP_SWITCH_CASE_BASIC(collapsable);
RAW_SET_PROP_SWITCH_CASE_BASIC(collapsableChildren);
RAW_SET_PROP_SWITCH_CASE_BASIC(removeClippedSubviews);
RAW_SET_PROP_SWITCH_CASE_BASIC(cursor);
RAW_SET_PROP_SWITCH_CASE_BASIC(outlineColor);
RAW_SET_PROP_SWITCH_CASE_BASIC(outlineOffset);
RAW_SET_PROP_SWITCH_CASE_BASIC(outlineStyle);
RAW_SET_PROP_SWITCH_CASE_BASIC(outlineWidth);
RAW_SET_PROP_SWITCH_CASE_BASIC(filter);
RAW_SET_PROP_SWITCH_CASE_BASIC(boxShadow);
RAW_SET_PROP_SWITCH_CASE_BASIC(mixBlendMode);
// events field
VIEW_EVENT_CASE(PointerEnter);
VIEW_EVENT_CASE(PointerEnterCapture);
VIEW_EVENT_CASE(PointerMove);
VIEW_EVENT_CASE(PointerMoveCapture);
VIEW_EVENT_CASE(PointerLeave);
VIEW_EVENT_CASE(PointerLeaveCapture);
VIEW_EVENT_CASE(PointerOver);
VIEW_EVENT_CASE(PointerOverCapture);
VIEW_EVENT_CASE(PointerOut);
VIEW_EVENT_CASE(PointerOutCapture);
VIEW_EVENT_CASE(MoveShouldSetResponder);
VIEW_EVENT_CASE(MoveShouldSetResponderCapture);
VIEW_EVENT_CASE(StartShouldSetResponder);
VIEW_EVENT_CASE(StartShouldSetResponderCapture);
VIEW_EVENT_CASE(ResponderGrant);
VIEW_EVENT_CASE(ResponderReject);
VIEW_EVENT_CASE(ResponderStart);
VIEW_EVENT_CASE(ResponderEnd);
VIEW_EVENT_CASE(ResponderRelease);
VIEW_EVENT_CASE(ResponderMove);
VIEW_EVENT_CASE(ResponderTerminate);
VIEW_EVENT_CASE(ResponderTerminationRequest);
VIEW_EVENT_CASE(ShouldBlockNativeResponder);
VIEW_EVENT_CASE(TouchStart);
VIEW_EVENT_CASE(TouchMove);
VIEW_EVENT_CASE(TouchEnd);
VIEW_EVENT_CASE(TouchCancel);
// BorderRadii
SET_CASCADED_RECTANGLE_CORNERS(borderRadii, "border", "Radius", value);
SET_CASCADED_RECTANGLE_EDGES(borderColors, "border", "Color", value);
SET_CASCADED_RECTANGLE_EDGES(borderStyles, "border", "Style", value);
}
}
#pragma mark - Convenience Methods
static BorderRadii ensureNoOverlap(const BorderRadii& radii, const Size& size) {
// "Corner curves must not overlap: When the sum of any two adjacent border
// radii exceeds the size of the border box, UAs must proportionally reduce
// the used values of all border radii until none of them overlap."
// Source: https://www.w3.org/TR/css-backgrounds-3/#corner-overlap
float leftEdgeRadii = radii.topLeft.vertical + radii.bottomLeft.vertical;
float topEdgeRadii = radii.topLeft.horizontal + radii.topRight.horizontal;
float rightEdgeRadii = radii.topRight.vertical + radii.bottomRight.vertical;
float bottomEdgeRadii =
radii.bottomLeft.horizontal + radii.bottomRight.horizontal;
float leftEdgeRadiiScale =
(leftEdgeRadii > 0) ? std::min(size.height / leftEdgeRadii, (Float)1) : 0;
float topEdgeRadiiScale =
(topEdgeRadii > 0) ? std::min(size.width / topEdgeRadii, (Float)1) : 0;
float rightEdgeRadiiScale = (rightEdgeRadii > 0)
? std::min(size.height / rightEdgeRadii, (Float)1)
: 0;
float bottomEdgeRadiiScale = (bottomEdgeRadii > 0)
? std::min(size.width / bottomEdgeRadii, (Float)1)
: 0;
return BorderRadii{
.topLeft =
{static_cast<float>(
radii.topLeft.vertical *
std::min(topEdgeRadiiScale, leftEdgeRadiiScale)),
static_cast<float>(
radii.topLeft.horizontal *
std::min(topEdgeRadiiScale, leftEdgeRadiiScale))},
.topRight =
{static_cast<float>(
radii.topRight.vertical *
std::min(topEdgeRadiiScale, rightEdgeRadiiScale)),
static_cast<float>(
radii.topRight.horizontal *
std::min(topEdgeRadiiScale, rightEdgeRadiiScale))},
.bottomLeft =
{static_cast<float>(
radii.bottomLeft.vertical *
std::min(bottomEdgeRadiiScale, leftEdgeRadiiScale)),
static_cast<float>(
radii.bottomLeft.horizontal *
std::min(bottomEdgeRadiiScale, leftEdgeRadiiScale))},
.bottomRight =
{static_cast<float>(
radii.bottomRight.vertical *
std::min(bottomEdgeRadiiScale, rightEdgeRadiiScale)),
static_cast<float>(
radii.bottomRight.horizontal *
std::min(bottomEdgeRadiiScale, rightEdgeRadiiScale))},
};
}
static BorderRadii radiiPercentToPoint(
const RectangleCorners<ValueUnit>& radii,
const Size& size) {
return BorderRadii{
.topLeft =
{radii.topLeft.resolve(size.height),
radii.topLeft.resolve(size.width)},
.topRight =
{radii.topRight.resolve(size.height),
radii.topRight.resolve(size.width)},
.bottomLeft =
{radii.bottomLeft.resolve(size.height),
radii.bottomLeft.resolve(size.width)},
.bottomRight =
{radii.bottomRight.resolve(size.height),
radii.bottomRight.resolve(size.width)},
};
}
CascadedBorderWidths BaseViewProps::getBorderWidths() const {
return CascadedBorderWidths{
.left = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Left)),
.top = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Top)),
.right = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Right)),
.bottom =
optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Bottom)),
.start = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Start)),
.end = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::End)),
.horizontal =
optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Horizontal)),
.vertical =
optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Vertical)),
.all = optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::All)),
};
}
BorderMetrics BaseViewProps::resolveBorderMetrics(
const LayoutMetrics& layoutMetrics) const {
auto isRTL =
bool{layoutMetrics.layoutDirection == LayoutDirection::RightToLeft};
auto borderWidths = getBorderWidths();
BorderRadii radii = radiiPercentToPoint(
borderRadii.resolve(isRTL, ValueUnit{0.0f, UnitType::Point}),
layoutMetrics.frame.size);
return {
.borderColors = borderColors.resolve(isRTL, {}),
.borderWidths = borderWidths.resolve(isRTL, 0),
.borderRadii = ensureNoOverlap(radii, layoutMetrics.frame.size),
.borderCurves = borderCurves.resolve(isRTL, BorderCurve::Circular),
.borderStyles = borderStyles.resolve(isRTL, BorderStyle::Solid),
};
}
Transform BaseViewProps::resolveTransform(
const LayoutMetrics& layoutMetrics) const {
const auto& frameSize = layoutMetrics.frame.size;
return resolveTransform(frameSize, transform, transformOrigin);
}
Transform BaseViewProps::resolveTransform(
const Size& frameSize,
const Transform& transform,
const TransformOrigin& transformOrigin) {
auto transformMatrix = Transform{};
if (frameSize.width == 0 && frameSize.height == 0) {
return transformMatrix;
}
// transform is matrix
if (transform.operations.size() == 1 &&
transform.operations[0].type == TransformOperationType::Arbitrary) {
transformMatrix = transform;
} else {
for (const auto& operation : transform.operations) {
transformMatrix = transformMatrix *
Transform::FromTransformOperation(operation, frameSize, transform);
}
}
if (transformOrigin.isSet()) {
std::array<float, 3> translateOffsets = getTranslateForTransformOrigin(
frameSize.width, frameSize.height, transformOrigin);
transformMatrix =
Transform::Translate(
translateOffsets[0], translateOffsets[1], translateOffsets[2]) *
transformMatrix *
Transform::Translate(
-translateOffsets[0], -translateOffsets[1], -translateOffsets[2]);
}
return transformMatrix;
}
bool BaseViewProps::getClipsContentToBounds() const {
return yogaStyle.overflow() != yoga::Overflow::Visible;
}
#pragma mark - DebugStringConvertible
#if RN_DEBUG_STRING_CONVERTIBLE
SharedDebugStringConvertibleList BaseViewProps::getDebugProps() const {
const auto& defaultBaseViewProps = BaseViewProps();
return AccessibilityProps::getDebugProps() +
YogaStylableProps::getDebugProps() +
SharedDebugStringConvertibleList{
debugStringConvertibleItem(
"opacity", opacity, defaultBaseViewProps.opacity),
debugStringConvertibleItem(
"backgroundColor",
backgroundColor,
defaultBaseViewProps.backgroundColor),
debugStringConvertibleItem(
"zIndex", zIndex, defaultBaseViewProps.zIndex.value_or(0)),
debugStringConvertibleItem(
"pointerEvents",
pointerEvents,
defaultBaseViewProps.pointerEvents),
debugStringConvertibleItem(
"transform", transform, defaultBaseViewProps.transform),
};
}
#endif
} // namespace facebook::react
Выполнить команду
Для локальной разработки. Не используйте в интернете!