mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-05 22:56:11 +00:00
fix: FeDropShadow results and import react (#2625)
# Summary * Add results alias in `FeDropShadow` * Import React in every tsx filter file to satisfy typescript/eslint * Replace `<>` with `<React.Fragment>` in `FeDropShadow`
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import {
|
||||
extractFeBlend,
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFeColorMatrix from '../../fabric/FeColorMatrixNativeComponent';
|
||||
import {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import FilterPrimitive from './FilterPrimitive';
|
||||
import { warnUnimplementedFilter } from '../../lib/util';
|
||||
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import React from 'react';
|
||||
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
||||
import { warnUnimplementedFilter } from '../../lib/util';
|
||||
import FilterPrimitive from './FilterPrimitive';
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
|
||||
import {
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import React from 'react';
|
||||
import { ColorValue } from 'react-native';
|
||||
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
||||
import FeFlood from './FeFlood';
|
||||
@@ -25,9 +26,15 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
|
||||
};
|
||||
|
||||
render() {
|
||||
const { stdDeviation, in: in1 = 'SourceGraphic', dx, dy } = this.props;
|
||||
const {
|
||||
stdDeviation,
|
||||
in: in1 = 'SourceGraphic',
|
||||
dx,
|
||||
dy,
|
||||
result,
|
||||
} = this.props;
|
||||
return (
|
||||
<>
|
||||
<React.Fragment>
|
||||
<FeGaussianBlur in={in1} stdDeviation={stdDeviation} />
|
||||
<FeOffset dx={dx} dy={dy} result="offsetblur" />
|
||||
<FeFlood
|
||||
@@ -35,11 +42,11 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
|
||||
floodOpacity={this.props.floodOpacity}
|
||||
/>
|
||||
<FeComposite in2="offsetblur" operator="in" />
|
||||
<FeMerge>
|
||||
<FeMerge result={result}>
|
||||
<FeMergeNode />
|
||||
<FeMergeNode in={in1} />
|
||||
</FeMerge>
|
||||
</>
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
import React from 'react';
|
||||
import { ColorValue, NativeMethods } from 'react-native';
|
||||
import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
|
||||
import extractFeFlood, { extractFilter } from '../../lib/extract/extractFilter';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
|
||||
import {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
|
||||
import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import FilterPrimitive from './FilterPrimitive';
|
||||
|
||||
export interface FeMergeNodeProps {
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
|
||||
import { extractFilter, extractIn } from '../../lib/extract/extractFilter';
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
import * as React from 'react';
|
||||
import React from 'react';
|
||||
import { NativeMethods } from 'react-native';
|
||||
import RNSVGFilter from '../../fabric/FilterNativeComponent';
|
||||
import { NumberProp, Units } from '../../lib/extract/types';
|
||||
|
||||
Reference in New Issue
Block a user