You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

673 lines
15 KiB

/**
* Copyright (c) 2015-present, Horcrux.
* All rights reserved.
*
* This source code is licensed under the MIT-style license found in the
* LICENSE file in the root directory of this source tree.
*/
#import "RNSVGNode.h"
#import "RNSVGClipPath.h"
#import "RNSVGContainer.h"
#import "RNSVGGlyphContext.h"
#import "RNSVGGroup.h"
@interface RNSVGNode ()
@property (nonatomic, readwrite, weak) RNSVGSvgView *svgView;
@property (nonatomic, readwrite, weak) RNSVGGroup *textRoot;
@end
@implementation RNSVGNode {
RNSVGGlyphContext *glyphContext;
BOOL _transparent;
RNSVGClipPath *_clipNode;
CGPathRef _cachedClipPath;
CGFloat canvasWidth;
CGFloat canvasHeight;
CGFloat canvasDiagonal;
}
CGFloat const RNSVG_M_SQRT1_2l = (CGFloat)0.707106781186547524400844362104849039;
CGFloat const RNSVG_DEFAULT_FONT_SIZE = 12;
- (instancetype)init
{
if (self = [super init]) {
self.opacity = 1;
#if !TARGET_OS_OSX // On macOS, views are transparent by default
self.opaque = false;
#endif
self.matrix = CGAffineTransformIdentity;
self.transforms = CGAffineTransformIdentity;
self.invTransform = CGAffineTransformIdentity;
_merging = false;
_dirty = false;
}
return self;
}
- (void)insertReactSubview:(RNSVGView *)subview atIndex:(NSInteger)atIndex
{
[super insertReactSubview:subview atIndex:atIndex];
[self insertSubview:subview atIndex:atIndex];
[self invalidate];
}
- (void)removeReactSubview:(RNSVGView *)subview
{
[super removeReactSubview:subview];
[self invalidate];
}
- (void)didUpdateReactSubviews
{
// Do nothing, as subviews are inserted by insertReactSubview:
}
- (void)invalidate
{
if (_dirty || _merging) {
return;
}
_dirty = true;
RNSVGView *container = self.superview;
// on Fabric, when the child components are added to hierarchy and their props are set,
// their superview is not set yet.
if (container != nil) {
[(id<RNSVGContainer>)container invalidate];
}
[self clearPath];
canvasWidth = -1;
canvasHeight = -1;
canvasDiagonal = -1;
}
- (void)clearPath
{
CGPathRelease(_path);
self.path = nil;
}
- (void)clearChildCache
{
[self clearPath];
for (__kindof RNSVGNode *node in self.subviews) {
if ([node isKindOfClass:[RNSVGNode class]]) {
[node clearChildCache];
}
}
}
- (void)clearParentCache
{
RNSVGNode *node = self;
while (node != nil) {
RNSVGPlatformView *parent = [node superview];
if (![parent isKindOfClass:[RNSVGNode class]]) {
return;
}
node = (RNSVGNode *)parent;
if (!node.path) {
return;
}
[node clearPath];
}
}
- (RNSVGGroup *)textRoot
{
if (_textRoot) {
return _textRoot;
}
RNSVGNode *node = self;
while (node != nil) {
if ([node isKindOfClass:[RNSVGGroup class]] && [((RNSVGGroup *)node) getGlyphContext] != nil) {
_textRoot = (RNSVGGroup *)node;
break;
}
RNSVGPlatformView *parent = [node superview];
if (![node isKindOfClass:[RNSVGNode class]]) {
node = nil;
} else {
node = (RNSVGNode *)parent;
}
}
return _textRoot;
}
- (RNSVGGroup *)getParentTextRoot
{
RNSVGNode *parent = (RNSVGGroup *)[self superview];
if (![parent isKindOfClass:[RNSVGGroup class]]) {
return nil;
} else {
return parent.textRoot;
}
}
- (CGFloat)getFontSizeFromContext
{
RNSVGGroup *root = self.textRoot;
if (root == nil) {
return RNSVG_DEFAULT_FONT_SIZE;
}
if (glyphContext == nil) {
glyphContext = [root getGlyphContext];
}
return [glyphContext getFontSize];
}
- (void)reactSetInheritedBackgroundColor:(RNSVGColor *)inheritedBackgroundColor
{
self.backgroundColor = inheritedBackgroundColor;
}
- (void)setPointerEvents:(RCTPointerEvents)pointerEvents
{
_pointerEvents = pointerEvents;
self.userInteractionEnabled = (pointerEvents != RCTPointerEventsNone);
if (pointerEvents == RCTPointerEventsBoxNone) {
#if TARGET_OS_OSX
self.accessibilityModal = NO;
#else
self.accessibilityViewIsModal = NO;
#endif // TARGET_OS_OSX
}
}
- (void)setName:(NSString *)name
{
if ([name isEqualToString:_name]) {
return;
}
[self invalidate];
_name = name;
}
- (void)setDisplay:(NSString *)display
{
if ([display isEqualToString:_display]) {
return;
}
[self invalidate];
_display = display;
}
- (void)setOpacity:(CGFloat)opacity
{
if (opacity == _opacity) {
return;
}
if (opacity <= 0) {
opacity = 0;
} else if (opacity > 1) {
opacity = 1;
}
[self invalidate];
_transparent = opacity < 1;
_opacity = opacity;
}
- (void)setMatrix:(CGAffineTransform)matrix
{
if (CGAffineTransformEqualToTransform(matrix, _matrix)) {
return;
}
_matrix = matrix;
_invmatrix = CGAffineTransformInvert(matrix);
RNSVGView *container = self.superview;
// on Fabric, when the child components are added to hierarchy and their props are set,
// their superview is still their componentView, we change it in `mountChildComponentView` method.
if ([container conformsToProtocol:@protocol(RNSVGContainer)]) {
[(id<RNSVGContainer>)container invalidate];
}
}
- (void)setClientRect:(CGRect)clientRect
{
if (CGRectEqualToRect(_clientRect, clientRect)) {
return;
}
_clientRect = clientRect;
#ifdef RCT_NEW_ARCH_ENABLED
if (_eventEmitter != nullptr) {
facebook::react::LayoutMetrics customLayoutMetrics = _layoutMetrics;
customLayoutMetrics.frame.size.width = _clientRect.size.width;
customLayoutMetrics.frame.size.height = _clientRect.size.height;
customLayoutMetrics.frame.origin.x = _clientRect.origin.x;
customLayoutMetrics.frame.origin.y = _clientRect.origin.y;
_eventEmitter->onLayout(customLayoutMetrics);
}
#else
if (self.onLayout) {
self.onLayout(@{
@"layout" : @{
@"x" : @(_clientRect.origin.x),
@"y" : @(_clientRect.origin.y),
@"width" : @(_clientRect.size.width),
@"height" : @(_clientRect.size.height),
}
});
}
#endif
}
- (void)setClipPath:(NSString *)clipPath
{
if ([_clipPath isEqualToString:clipPath]) {
return;
}
CGPathRelease(_cachedClipPath);
_cachedClipPath = nil;
_clipPath = clipPath;
[self invalidate];
}
- (void)setClipRule:(RNSVGCGFCRule)clipRule
{
if (_clipRule == clipRule) {
return;
}
CGPathRelease(_cachedClipPath);
_cachedClipPath = nil;
_clipRule = clipRule;
[self invalidate];
}
- (void)setMask:(NSString *)mask
{
if ([_mask isEqualToString:mask]) {
return;
}
_mask = mask;
[self invalidate];
}
- (void)setMarkerStart:(NSString *)markerStart
{
if ([_markerStart isEqualToString:markerStart]) {
return;
}
_markerStart = markerStart;
[self invalidate];
}
- (void)setMarkerMid:(NSString *)markerMid
{
if ([_markerMid isEqualToString:markerMid]) {
return;
}
_markerMid = markerMid;
[self invalidate];
}
- (void)setMarkerEnd:(NSString *)markerEnd
{
if ([_markerEnd isEqualToString:markerEnd]) {
return;
}
_markerEnd = markerEnd;
[self invalidate];
}
- (void)beginTransparencyLayer:(CGContextRef)context
{
if (_transparent) {
CGContextBeginTransparencyLayer(context, NULL);
}
}
- (void)endTransparencyLayer:(CGContextRef)context
{
if (_transparent) {
CGContextEndTransparencyLayer(context);
}
}
- (void)renderTo:(CGContextRef)context rect:(CGRect)rect
{
self.dirty = false;
// abstract
}
- (CGPathRef)getClipPath
{
return _cachedClipPath;
}
- (CGPathRef)getClipPath:(CGContextRef)context
{
if (self.clipPath) {
_clipNode = (RNSVGClipPath *)[self.svgView getDefinedClipPath:self.clipPath];
if (_cachedClipPath) {
CGPathRelease(_cachedClipPath);
}
CGAffineTransform transform = CGAffineTransformConcat(_clipNode.matrix, _clipNode.transforms);
_cachedClipPath = CGPathCreateCopyByTransformingPath([_clipNode getPath:context], &transform);
}
return _cachedClipPath;
}
- (void)clip:(CGContextRef)context
{
CGPathRef clipPath = [self getClipPath:context];
if (clipPath) {
CGContextAddPath(context, clipPath);
if (_clipRule == kRNSVGCGFCRuleEvenodd) {
CGContextEOClip(context);
} else {
CGContextClip(context);
}
}
}
- (CGPathRef)getPath:(CGContextRef)context
{
// abstract
return nil;
}
- (void)renderLayerTo:(CGContextRef)context rect:(CGRect)rect
{
// abstract
}
// hitTest delagate
- (RNSVGPlatformView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event
{
// abstract
return nil;
}
- (RNSVGSvgView *)svgView
{
if (_svgView) {
return _svgView;
}
__kindof RNSVGPlatformView *parent = self.superview;
if ([parent class] == [RNSVGSvgView class]) {
_svgView = parent;
} else if ([parent isKindOfClass:[RNSVGNode class]]) {
_svgView = ((RNSVGNode *)parent).svgView;
} else {
RCTLogError(@"RNSVG: %@ should be descendant of a SvgViewShadow.", NSStringFromClass(self.class));
}
return _svgView;
}
- (CGFloat)relativeOnWidthString:(NSString *)length
{
return [RNSVGPropHelper fromRelativeWithNSString:length
relative:[self getCanvasWidth]
fontSize:[self getFontSizeFromContext]];
}
- (CGFloat)relativeOnHeightString:(NSString *)length
{
return [RNSVGPropHelper fromRelativeWithNSString:length
relative:[self getCanvasHeight]
fontSize:[self getFontSizeFromContext]];
}
- (CGFloat)relativeOnOtherString:(NSString *)length
{
return [RNSVGPropHelper fromRelativeWithNSString:length
relative:[self getCanvasDiagonal]
fontSize:[self getFontSizeFromContext]];
}
- (CGFloat)relativeOn:(RNSVGLength *)length relative:(CGFloat)relative
{
RNSVGLengthUnitType unit = length.unit;
if (unit == SVG_LENGTHTYPE_NUMBER) {
return length.value;
} else if (unit == SVG_LENGTHTYPE_PERCENTAGE) {
return length.value / 100 * relative;
}
return [self fromRelative:length];
}
- (CGFloat)relativeOnWidth:(RNSVGLength *)length
{
RNSVGLengthUnitType unit = length.unit;
if (unit == SVG_LENGTHTYPE_NUMBER) {
return length.value;
} else if (unit == SVG_LENGTHTYPE_PERCENTAGE) {
return length.value / 100 * [self getCanvasWidth];
}
return [self fromRelative:length];
}
- (CGFloat)relativeOnHeight:(RNSVGLength *)length
{
RNSVGLengthUnitType unit = length.unit;
if (unit == SVG_LENGTHTYPE_NUMBER) {
return length.value;
} else if (unit == SVG_LENGTHTYPE_PERCENTAGE) {
return length.value / 100 * [self getCanvasHeight];
}
return [self fromRelative:length];
}
- (CGFloat)relativeOnOther:(RNSVGLength *)length
{
RNSVGLengthUnitType unit = length.unit;
if (unit == SVG_LENGTHTYPE_NUMBER) {
return length.value;
} else if (unit == SVG_LENGTHTYPE_PERCENTAGE) {
return length.value / 100 * [self getCanvasDiagonal];
}
return [self fromRelative:length];
}
- (CGFloat)fromRelative:(RNSVGLength *)length
{
CGFloat unit;
switch (length.unit) {
case SVG_LENGTHTYPE_EMS:
unit = [self getFontSizeFromContext];
break;
case SVG_LENGTHTYPE_EXS:
unit = [self getFontSizeFromContext] / 2;
break;
case SVG_LENGTHTYPE_CM:
unit = (CGFloat)35.43307;
break;
case SVG_LENGTHTYPE_MM:
unit = (CGFloat)3.543307;
break;
case SVG_LENGTHTYPE_IN:
unit = 90;
break;
case SVG_LENGTHTYPE_PT:
unit = 1.25;
break;
case SVG_LENGTHTYPE_PC:
unit = 15;
break;
default:
unit = 1;
}
return length.value * unit;
}
- (CGRect)getContextBounds
{
return CGContextGetClipBoundingBox(UIGraphicsGetCurrentContext());
}
- (CGFloat)getContextWidth
{
return CGRectGetWidth([self getContextBounds]);
}
- (CGFloat)getContextHeight
{
return CGRectGetHeight([self getContextBounds]);
}
- (CGFloat)getContextDiagonal
{
CGRect bounds = [self getContextBounds];
CGFloat width = CGRectGetWidth(bounds);
CGFloat height = CGRectGetHeight(bounds);
CGFloat powX = width * width;
CGFloat powY = height * height;
CGFloat r = sqrt(powX + powY) * RNSVG_M_SQRT1_2l;
return r;
}
- (CGFloat)getCanvasWidth
{
if (canvasWidth != -1) {
return canvasWidth;
}
RNSVGGroup *root = [self textRoot];
if (root == nil) {
canvasWidth = [self getContextWidth];
} else {
canvasWidth = [[root getGlyphContext] getWidth];
}
return canvasWidth;
}
- (CGFloat)getCanvasHeight
{
if (canvasHeight != -1) {
return canvasHeight;
}
RNSVGGroup *root = [self textRoot];
if (root == nil) {
canvasHeight = [self getContextHeight];
} else {
canvasHeight = [[root getGlyphContext] getHeight];
}
return canvasHeight;
}
- (CGFloat)getCanvasDiagonal
{
if (canvasDiagonal != -1) {
return canvasDiagonal;
}
CGFloat width = [self getCanvasWidth];
CGFloat height = [self getCanvasHeight];
CGFloat powX = width * width;
CGFloat powY = height * height;
canvasDiagonal = sqrt(powX + powY) * RNSVG_M_SQRT1_2l;
return canvasDiagonal;
}
- (void)parseReference
{
self.dirty = false;
if (self.name) {
__typeof__(self) __weak weakSelf = self;
[self.svgView defineTemplate:weakSelf templateName:self.name];
}
}
- (void)traverseSubviews:(BOOL (^)(__kindof RNSVGView *node))block
{
for (RNSVGView *node in self.subviews) {
if (!block(node)) {
break;
}
}
}
- (void)dealloc
{
CGPathRelease(_cachedClipPath);
CGPathRelease(_strokePath);
CGPathRelease(_path);
}
#ifdef RCT_NEW_ARCH_ENABLED
- (void)prepareForRecycle
{
[super prepareForRecycle];
self.opacity = 1;
#if !TARGET_OS_OSX // On macOS, views are transparent by default
self.opaque = false;
#endif
self.matrix = CGAffineTransformIdentity;
self.transforms = CGAffineTransformIdentity;
self.invTransform = CGAffineTransformIdentity;
_merging = false;
_dirty = false;
_name = nil;
_display = nil;
_opacity = 0;
_clipRule = kRNSVGCGFCRuleEvenodd;
_clipPath = nil;
_mask = nil;
_markerStart = nil;
_markerMid = nil;
_markerEnd = nil;
_parentComponentView = nil;
_pointerEvents = RCTPointerEventsUnspecified;
_responsible = NO;
_ctm = CGAffineTransformIdentity;
_screenCTM = CGAffineTransformIdentity;
_matrix = CGAffineTransformIdentity;
_transforms = CGAffineTransformIdentity;
_invmatrix = CGAffineTransformIdentity;
_invTransform = CGAffineTransformIdentity;
_active = NO;
_skip = NO;
if (_markerPath) {
CGPathRelease(_markerPath);
}
_markerPath = nil;
_clientRect = CGRectZero;
_pathBounds = CGRectZero;
_fillBounds = CGRectZero;
_strokeBounds = CGRectZero;
_markerBounds = CGRectZero;
_onLayout = nil;
_svgView = nil;
_textRoot = nil;
glyphContext = nil;
_transparent = NO;
_clipNode = nil;
canvasWidth = 0;
canvasHeight = 0;
canvasDiagonal = 0;
CGPathRelease(_cachedClipPath);
_cachedClipPath = nil;
CGPathRelease(_strokePath);
_strokePath = nil;
CGPathRelease(_path);
_path = nil;
}
#endif // RCT_NEW_ARCH_ENABLED
@end