控制样式,当前节点,当前节点model

packages/extra/AppWorkflowManage/AiWorkflow.vue

@@ -40,7 +40,9 @@ export default {
         text: '结束',
         label: '结束',
         icon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAALGPC/xhBQAAA1BJREFUOBFtVE1IVUEYPXOf+tq40Y3vPcmFIdSjIorWoRG0ERWUgnb5FwVhYQSl72oUoZAboxKNFtWiwKRN0M+jpfSzqJAQclHo001tKkjl3emc8V69igP3znzfnO/M9zcDcKT67azmjYWTwl9Vn7Vumeqzj1DVb6cleQY4oAVnIOPb+mKAGxQmKI5CWNJ2aLPatxWa3aB9K7/fB+/Z0jUF6TmMlFLQqrkECWQzOZxYGjTlOl8eeKaIY5yHnFn486xBustDjWT6dG7pmjHOJd+33t0iitTPkK6tEvjxq4h2MozQ6WFSX/LkDUGfFwfhEZj1Auz/U4pyAi5Sznd7uKzznXeVHlI/Aywmk6j7fsUsEuCGADrWARXXwjxWQsUbIupDHJI7kF5dRktg0eN81IbiZXiTESic50iwS+t1oJgL83jAiBupLDCQqwziaWSoAFSeIR3P5Xv5az00wyIn35QRYTwdSYbz8pH8fxUUAtxnFvYmEmgI0wYXUXcCCSpeEVpXlsRhBnCEATxWylL9+EKCAYhe1NGstUa6356kS9NVvt3DU2fd+Wtbm/+lSbylJqsqkSm9CRhvoJVlvKPvF1RKY/FcPn5j4UfIMLn8D4UYb54BNsilTDXKnF4CfTobA0FpoW/LSp306wkXM+XaOJhZaFkcNM82ASNAWMrhrUbRfmyeI1FvRBTpN06WKxa9BK0o2E4Pd3zfBBEwPsv9sQBnmLVbLEIZ/Xe9LYwJu/Er17W6HYVBc7vmuk0xUQ+pqxdom5Fnp55SiytXLPYoMXNM4u4SNSCFWnrVIzKG3EGyMXo6n/BQOe+bX3FClY4PwydVhthOZ9NnS+ntiLh0fxtlUJHAuGaFoVmttpVMeum0p3WEXbcll94l1wM/gZ0Ccczop77VvN2I7TlsZCsuXf1WHvWEhjO8DPtyOVg2/mvK9QqboEth+7pD6NUQC1HN/TwvydGBARi9MZSzLE4b8Ru3XhX2PBxf8E1er2A6516o0w4sIA+lwURhAON82Kwe2iDAC1Watq4XHaGQ7skLcFOtI5lDxuM2gZe6WFIotPAhbaeYlU4to5cuarF1QrcZ/lwrLaCJl66JBocYZnrNlvm2+MBCTmUymPrYZVbjdlr/BxlMjmNmNI3SAAAAAElFTkSuQmCC',
-      }]
+      }],
+    currentNode: v => v.config?.nodes?.find(e => !!e.isSelected),
+    currentModel: v => v.flow.getNodeModelById(v.currentNode.id)
   },
   data() {
     return {
@@ -67,7 +69,20 @@ export default {
       const {LogicFlow, Menu, DndPanel, BpmnElement} = window
       let plugins = [BpmnElement, this.readonly ? [] : [Menu, DndPanel]].flat()
       if (!!LogicFlow && this.$refs.lfIns && plugins.reduce((r, e) => r && !!e, true)) {
-        this.flow = new LogicFlow({container: this.$refs.lfIns, plugins, isSilentMode: this.readonly})
+        this.flow = new LogicFlow({
+          container: this.$refs.lfIns, plugins, isSilentMode: this.readonly,
+          style: {
+            outline: {
+              fill: 'transparent',
+              stroke: '#949494',
+              strokeDasharray: '3,3',
+              hover: {
+                stroke: '#949494',
+              },
+            },
+          }
+        })
+
         this.flow.extension.dndPanel?.setPatternItems(this.dndPanel)
         this.initValue()
         this.flow.on('history:change', evt => {
@@ -96,5 +111,6 @@ export default {
 
 <style lang="scss" scoped>
 .AiWorkflow {
+  min-height: 404px;
 }
 </style>