refactor(flowEditor): 重构节点编辑器和节点组件结构将 flowEditor 中的节点和节点编辑器相关代码迁移至 components/FlowEditor 目录
parent
b1d7abfebf
commit
5b51f3da1b
@ -1,10 +1,10 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
||||||
import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
|
import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
|
||||||
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
||||||
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
||||||
import { useStore } from '@xyflow/react';
|
import { useStore } from '@xyflow/react';
|
||||||
import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
|
import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
|
||||||
|
|
||||||
|
|
||||||
const BasicNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
|
const BasicNode = ({ data, id }: { data: defaultNodeTypes; id: string }) => {
|
||||||
@ -1,9 +1,9 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
||||||
import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
|
import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
|
||||||
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
||||||
import { useStore } from '@xyflow/react';
|
import { useStore } from '@xyflow/react';
|
||||||
import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
|
import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
|
||||||
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
||||||
|
|
||||||
|
|
||||||
@ -1,7 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { useStore } from '@xyflow/react';
|
import { useStore } from '@xyflow/react';
|
||||||
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
||||||
import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
|
import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
|
||||||
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
||||||
import DynamicIcon from '@/components/DynamicIcon';
|
import DynamicIcon from '@/components/DynamicIcon';
|
||||||
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
||||||
@ -1,9 +1,9 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
// import styles from '@/pages/flowEditor/node/style/base.module.less';
|
||||||
import styles from '@/pages/flowEditor/node/style/baseOther.module.less';
|
import styles from '@/components/FlowEditor/node/style/baseOther.module.less';
|
||||||
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
import NodeContent from '@/pages/flowEditor/components/nodeContent';
|
||||||
import { useStore } from '@xyflow/react';
|
import { useStore } from '@xyflow/react';
|
||||||
import { defaultNodeTypes } from '@/pages/flowEditor/node/types/defaultType';
|
import { defaultNodeTypes } from '@/components/FlowEditor/node/types/defaultType';
|
||||||
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
import NodeContentOther from '@/pages/flowEditor/components/nodeContentOther';
|
||||||
|
|
||||||
|
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import EventSelect from './EventSelect';
|
import EventSelect from './EventSelect';
|
||||||
@ -1,8 +1,8 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import EventSelect from '@/pages/flowEditor/nodeEditors/components/EventSelect';
|
import EventSelect from '@/components/FlowEditor/nodeEditors/components/EventSelect';
|
||||||
import { tempEventList } from '@/pages/flowEditor/test/exampleFlowData';
|
import { tempEventList } from '@/pages/flowEditor/test/exampleFlowData';
|
||||||
|
|
||||||
const EventSendEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
|
const EventSendEditor: React.FC<NodeEditorProps> = ({ nodeData, updateNodeData }) => {
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Typography } from '@arco-design/web-react';
|
import { Typography } from '@arco-design/web-react';
|
||||||
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
import { IconUnorderedList } from '@arco-design/web-react/icon';
|
||||||
import ParamsTable from './ParamsTable';
|
import ParamsTable from './ParamsTable';
|
||||||
@ -1,5 +1,5 @@
|
|||||||
import React, { useEffect, useState } from 'react';
|
import React, { useEffect, useState } from 'react';
|
||||||
import { NodeEditorProps } from '@/pages/flowEditor/nodeEditors';
|
import { NodeEditorProps } from '@/components/FlowEditor/nodeEditors';
|
||||||
import { Form, Input, Select } from '@arco-design/web-react';
|
import { Form, Input, Select } from '@arco-design/web-react';
|
||||||
|
|
||||||
const { Option } = Select;
|
const { Option } = Select;
|
||||||
Loading…
Reference in New Issue