mirror of
https://github.com/zoriya/react-native-svg.git
synced 2025-12-06 07:06: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 { NativeMethods } from 'react-native';
|
||||||
import {
|
import {
|
||||||
extractFeBlend,
|
extractFeBlend,
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import * as React from 'react';
|
import React from 'react';
|
||||||
import { NativeMethods } from 'react-native';
|
import { NativeMethods } from 'react-native';
|
||||||
import RNSVGFeColorMatrix from '../../fabric/FeColorMatrixNativeComponent';
|
import RNSVGFeColorMatrix from '../../fabric/FeColorMatrixNativeComponent';
|
||||||
import {
|
import {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import * as React from 'react';
|
import React from 'react';
|
||||||
import FilterPrimitive from './FilterPrimitive';
|
import FilterPrimitive from './FilterPrimitive';
|
||||||
import { warnUnimplementedFilter } from '../../lib/util';
|
import { warnUnimplementedFilter } from '../../lib/util';
|
||||||
|
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import React from 'react';
|
||||||
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
||||||
import { warnUnimplementedFilter } from '../../lib/util';
|
import { warnUnimplementedFilter } from '../../lib/util';
|
||||||
import FilterPrimitive from './FilterPrimitive';
|
import FilterPrimitive from './FilterPrimitive';
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import React from 'react';
|
||||||
import { NativeMethods } from 'react-native';
|
import { NativeMethods } from 'react-native';
|
||||||
import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
|
import RNSVGFeComposite from '../../fabric/FeCompositeNativeComponent';
|
||||||
import {
|
import {
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import React from 'react';
|
||||||
import { ColorValue } from 'react-native';
|
import { ColorValue } from 'react-native';
|
||||||
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
import { NumberArray, NumberProp } from '../../lib/extract/types';
|
||||||
import FeFlood from './FeFlood';
|
import FeFlood from './FeFlood';
|
||||||
@@ -25,9 +26,15 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
|
|||||||
};
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { stdDeviation, in: in1 = 'SourceGraphic', dx, dy } = this.props;
|
const {
|
||||||
|
stdDeviation,
|
||||||
|
in: in1 = 'SourceGraphic',
|
||||||
|
dx,
|
||||||
|
dy,
|
||||||
|
result,
|
||||||
|
} = this.props;
|
||||||
return (
|
return (
|
||||||
<>
|
<React.Fragment>
|
||||||
<FeGaussianBlur in={in1} stdDeviation={stdDeviation} />
|
<FeGaussianBlur in={in1} stdDeviation={stdDeviation} />
|
||||||
<FeOffset dx={dx} dy={dy} result="offsetblur" />
|
<FeOffset dx={dx} dy={dy} result="offsetblur" />
|
||||||
<FeFlood
|
<FeFlood
|
||||||
@@ -35,11 +42,11 @@ export default class FeDropShadow extends FilterPrimitive<FeDropShadowProps> {
|
|||||||
floodOpacity={this.props.floodOpacity}
|
floodOpacity={this.props.floodOpacity}
|
||||||
/>
|
/>
|
||||||
<FeComposite in2="offsetblur" operator="in" />
|
<FeComposite in2="offsetblur" operator="in" />
|
||||||
<FeMerge>
|
<FeMerge result={result}>
|
||||||
<FeMergeNode />
|
<FeMergeNode />
|
||||||
<FeMergeNode in={in1} />
|
<FeMergeNode in={in1} />
|
||||||
</FeMerge>
|
</FeMerge>
|
||||||
</>
|
</React.Fragment>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,3 +1,4 @@
|
|||||||
|
import React from 'react';
|
||||||
import { ColorValue, NativeMethods } from 'react-native';
|
import { ColorValue, NativeMethods } from 'react-native';
|
||||||
import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
|
import RNSVGFeFlood from '../../fabric/FeFloodNativeComponent';
|
||||||
import extractFeFlood, { extractFilter } from '../../lib/extract/extractFilter';
|
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 { NativeMethods } from 'react-native';
|
||||||
import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
|
import RNSVGFeGaussianBlur from '../../fabric/FeGaussianBlurNativeComponent';
|
||||||
import {
|
import {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import * as React from 'react';
|
import React from 'react';
|
||||||
import { NativeMethods } from 'react-native';
|
import { NativeMethods } from 'react-native';
|
||||||
import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
|
import RNSVGFeMerge from '../../fabric/FeMergeNativeComponent';
|
||||||
import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter';
|
import { extractFeMerge, extractFilter } from '../../lib/extract/extractFilter';
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import * as React from 'react';
|
import React from 'react';
|
||||||
import FilterPrimitive from './FilterPrimitive';
|
import FilterPrimitive from './FilterPrimitive';
|
||||||
|
|
||||||
export interface FeMergeNodeProps {
|
export interface FeMergeNodeProps {
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import * as React from 'react';
|
import React from 'react';
|
||||||
import { NativeMethods } from 'react-native';
|
import { NativeMethods } from 'react-native';
|
||||||
import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
|
import RNSVGFeOffset from '../../fabric/FeOffsetNativeComponent';
|
||||||
import { extractFilter, extractIn } from '../../lib/extract/extractFilter';
|
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 { NativeMethods } from 'react-native';
|
||||||
import RNSVGFilter from '../../fabric/FilterNativeComponent';
|
import RNSVGFilter from '../../fabric/FilterNativeComponent';
|
||||||
import { NumberProp, Units } from '../../lib/extract/types';
|
import { NumberProp, Units } from '../../lib/extract/types';
|
||||||
|
|||||||
Reference in New Issue
Block a user