diff --git a/example/mock/db.json b/example/mock/db.json index 1ab53cb..dc3743b 100644 --- a/example/mock/db.json +++ b/example/mock/db.json @@ -15,7 +15,7 @@ "configSchema": "{\n \n}", "configData": {}, "dependencies": "{\n \n}", - "code": "export default async function(ctx) {\n \n}" + "code": "export default async function(ctx) {\n console.log('1212')\n}" }, "ports": { "groups": { @@ -347,7 +347,7 @@ "configSchema": "{\n \n}", "configData": {}, "dependencies": "{\n \n}", - "code": "export default async function(ctx) {\n \n}" + "code": "export default async function(ctx) {\n console.log('test')\n}" }, "ports": { "groups": { diff --git a/packages/core/src/mods/settingBar/components/code/index.tsx b/packages/core/src/mods/settingBar/components/code/index.tsx index e4f54e4..f196a96 100644 --- a/packages/core/src/mods/settingBar/components/code/index.tsx +++ b/packages/core/src/mods/settingBar/components/code/index.tsx @@ -6,6 +6,7 @@ import styles from './index.module.less'; import AceEditor from 'react-ace'; import { Button, Modal } from 'antd'; +import { Graph } from '@antv/x6'; import 'ace-builds/src-noconflict/theme-dracula'; import 'ace-builds/src-noconflict/mode-javascript'; import 'ace-builds/src-noconflict/snippets/javascript'; @@ -16,12 +17,17 @@ interface IProps { name: string; title: string; onValueChange: (value: string) => void; + flowChart: Graph; } const Code: React.FC = (props) => { - const { title, value, onValueChange } = props; + const { title, value, onValueChange, flowChart } = props; const [visible, setVisible] = useState(false); + flowChart.on('cell:dblclick', (args) => { + onClickEdit() + }); + // events const onClickEdit = (): void => { setVisible(true); diff --git a/packages/core/src/mods/settingBar/index.tsx b/packages/core/src/mods/settingBar/index.tsx index 19760ec..721e82f 100644 --- a/packages/core/src/mods/settingBar/index.tsx +++ b/packages/core/src/mods/settingBar/index.tsx @@ -36,7 +36,7 @@ const SettingBar: React.FC = (props) => { tabBarStyle={{ display: 'flex', flex: 1, justifyContent: 'center', alignItems: 'center' }} > - + diff --git a/packages/core/src/mods/settingBar/mods/basic/index.tsx b/packages/core/src/mods/settingBar/mods/basic/index.tsx index a7709b8..d3cadda 100644 --- a/packages/core/src/mods/settingBar/mods/basic/index.tsx +++ b/packages/core/src/mods/settingBar/mods/basic/index.tsx @@ -2,13 +2,14 @@ import React, { useState, useEffect } from 'react'; import styles from './index.module.less'; -import { Cell } from '@antv/x6'; +import { Cell, Graph } from '@antv/x6'; import Json from '../../components/json'; import Code from '../../components/code'; import Input from '../../components/input'; interface IProps { selectedCell: Cell; + flowChart: Graph; } interface IBasicData { @@ -20,13 +21,14 @@ interface IBasicData { } const Basic: React.FC = (props) => { - const { selectedCell } = props; + const { selectedCell, flowChart } = props; const [data, setData] = useState(); const { label, code, trigger, dependencies, configSchema } = data || {}; // life useEffect(() => { setData(selectedCell.getData()); + }, [selectedCell]); // events @@ -57,7 +59,7 @@ const Basic: React.FC = (props) => { onValueChange={onChangeTrigger} /> )} - +