refactor(reactflow): add node resizer package
This commit is contained in:
@@ -1,8 +1,6 @@
|
||||
import { memo, FC } from 'react';
|
||||
import { Handle, Position, NodeProps } from 'reactflow';
|
||||
import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
|
||||
|
||||
import { NodeResizeControl } from '@reactflow/node-resizer';
|
||||
import '@reactflow/node-resizer/dist/style.css';
|
||||
import ResizeIcon from './ResizeIcon';
|
||||
|
||||
const controlStyle = {
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
import { memo, FC } from 'react';
|
||||
import { Handle, Position, NodeProps } from 'reactflow';
|
||||
import { NodeResizer } from '@reactflow/node-resizer';
|
||||
|
||||
import '@reactflow/node-resizer/dist/style.css';
|
||||
import { Handle, Position, NodeProps, NodeResizer } from 'reactflow';
|
||||
|
||||
const DefaultResizerNode: FC<NodeProps> = ({ data, selected }) => {
|
||||
return (
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
import { memo, FC } from 'react';
|
||||
import { Handle, Position, NodeProps } from 'reactflow';
|
||||
import { NodeResizeControl } from '@reactflow/node-resizer';
|
||||
|
||||
import '@reactflow/node-resizer/dist/style.css';
|
||||
import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
|
||||
|
||||
const HorizontalResizerNode: FC<NodeProps> = ({ data }) => {
|
||||
return (
|
||||
|
||||
@@ -1,8 +1,5 @@
|
||||
import { memo, FC } from 'react';
|
||||
import { Handle, Position, NodeProps } from 'reactflow';
|
||||
|
||||
import { NodeResizeControl } from '@reactflow/node-resizer';
|
||||
import '@reactflow/node-resizer/dist/style.css';
|
||||
import { Handle, Position, NodeProps, NodeResizeControl } from 'reactflow';
|
||||
|
||||
const CustomNode: FC<NodeProps> = ({ id, data }) => {
|
||||
return (
|
||||
|
||||
@@ -6,6 +6,8 @@ import CustomResizer from './CustomResizer';
|
||||
import VerticalResizer from './VerticalResizer';
|
||||
import HorizontalResizer from './HorizontalResizer';
|
||||
|
||||
import 'reactflow/dist/style.css';
|
||||
|
||||
const nodeTypes = {
|
||||
defaultResizer: DefaultResizer,
|
||||
customResizer: CustomResizer,
|
||||
|
||||
Reference in New Issue
Block a user