| | |
| | | import customEdge from './customEdge'; |
| | | import { useMessage } from '/@/hooks/web/useMessage'; |
| | | import { useI18n } from '/@/hooks/web/useI18n'; |
| | | import actionRect from './actionRect'; |
| | | |
| | | const { notification } = useMessage(); |
| | | const { t } = useI18n(); |
| | |
| | | type: Array, |
| | | }, |
| | | }, |
| | | emits: ['view-data', 'save-data', 'add-lf'], |
| | | emits: ['view-data', 'save-data', 'add-lf', 'select-node', 'click-blank'], |
| | | setup(props, { emit }) { |
| | | const globSetting = useGlobSetting(); |
| | | const lfElRef = ref(null); |
| | |
| | | }); |
| | | const lf = unref(lfInstance)!; |
| | | // lf?.setDefaultEdgeType('line'); |
| | | lf.register(actionRect); |
| | | onRender(); |
| | | lf?.setPatternItems(props.patternItems || configDefaultDndPanel(lf)); |
| | | } |
| | |
| | | // const lFData = toLogicFlowData(props.data); |
| | | lf.render(props.data); |
| | | |
| | | if (globSetting.apiUrl == 'http://localhost:9528/api') { |
| | | lf.on('anchor:drop', (data) => { |
| | | const nodeData = data.nodeModel.getData(); |
| | | if (nodeData.properties.isReturn === true) { |
| | |
| | | }); |
| | | } |
| | | }); |
| | | } |
| | | lf.on('node:click,edge:click', (data) => { |
| | | if (data.isSelected) { |
| | | console.log(data.data.text.value, data.isSelected); |
| | | notification.success({ |
| | | message: t('点击了节点'), |
| | | description: `${data.data.text.value}: ${data.isSelected}`, |
| | | duration: 3, |
| | | }); |
| | | // notification.success({ |
| | | // message: t('点击了节点'), |
| | | // description: `${data.data.text.value}: ${data.isSelected}`, |
| | | // duration: 3, |
| | | // }); |
| | | emit('select-node', data); |
| | | } else { |
| | | console.log(data.data.type); |
| | | } |
| | | }); |
| | | |
| | | lf.on('blank:mousedown', (e) => { |
| | | emit('click-blank'); |
| | | }); |
| | | } |
| | | |
| | | function handlePreview() { |