NEZ-2034 feat： topology js插件升级到最新版本

nezha-fronted/src/components/common/project/topologyMixin.js

@@ -1,19 +1,134 @@
 import { getTopology } from '@/components/common/js/common'
 
 export default {
+  data () {
+    return {}
+  },
   methods: {
+    appPen (pen) {
+      const data = pen[0]
+      if (data.type === 0 && !data.data.moduleId) {
+        data.background = '#FFFFFF00'
+        data.color = '#333333'
+        data.borderColor = '#333333'
+        data.textColor = '#333333'
+        data.fontSize = 12
+        data.data = {
+          moduleId: '',
+          moduleName: '',
+          show: false,
+          error: false,
+          animatePlay: false,
+          fillStyle: data.fillStyle || '#ffffff',
+          strokeStyle: data.strokeStyle || '#ffffff',
+          gradientColor: '#bae7ff',
+          gradientType: 0,
+          lineWidth: this.nodeDefaultWidth(data.name),
+          iconToolState: true,
+          // chart 配置项
+          valueMapping: [{
+            color: {
+              line: '#000000',
+              fill: '#ffffff',
+              text: '#000000'
+            },
+            value: 'base',
+            animateType: 'base',
+            level: 0,
+            base: true
+          }],
+          valueMappingSort: 'asc',
+          expressArr: [''],
+          expressAllArr: [''],
+          legends: [''],
+          legendsAll: [''],
+          tooltipShow: true,
+          valueMappingShow: true,
+          panelName: 'topologyName',
+          unit: 2,
+          type: 'line',
+          displayChart: true,
+          aggregation: 'last',
+          title: '',
+          url: ''
+        }
+      } else if (data.type == 1) {
+        // 连线是否自动计算锚点
+        // data.manualCps=true;
+        data.background = '#FFFFFF00'
+        data.color = '#333333'
+        data.borderColor = '#333333'
+        data.textColor = '#333333'
+        data.fontSize = 12
+        data.autoPolyline = true
+        data.animateColor = '#FA901C'
+        data.toArrowColor = '#000000'
+        data.data = {
+          animatePlay: false,
+          strokeStyle: data.strokeStyle,
+          animateColor: data.animateColor,
+          arrowColor: '#000000',
+          fromArrowColor: '#000000',
+          toArrowColor: '#000000',
+          lineWidth: 1,
+          // chart 配置项
+          valueMapping: [{
+            color: {
+              line: '#000000',
+              fill: '#ffffff',
+              text: '#000000'
+            },
+            value: 'base',
+            animateType: 'base',
+            level: 0,
+            base: true
+          }],
+          valueMappingSort: 'asc', /* desc */
+          expressArr: [''],
+          expressAllArr: [''],
+          legends: [''],
+          legendsAll: [''],
+          tooltipShow: true,
+          valueMappingShow: true,
+          panelName: 'topologyName',
+          unit: 2,
+          type: 'line',
+          displayChart: true,
+          aggregation: 'last',
+          title: '',
+          moduleName: '',
+          url: ''
+        }
+      }
+      if (data.type === 0 || data.type === 1) {
+        data.lineWidth = data.data.lineWidth
+      }
+    },
     pensActive (pens) {
       console.log(pens)
       if (!pens.length) return
-      this.props = {
-        line: null,
-        multi: false,
-        expand: this.props.expand,
-        nodes: null,
-        locked: pens[0].locked,
-        pen: pens[0],
-        pens: null
+      if (pens.length == 1) {
+        this.props = {
+          line: null,
+          multi: false,
+          expand: this.props.expand,
+          nodes: null,
+          locked: pens[0].locked,
+          pen: pens[0],
+          pens: pens
+        }
+      } else {
+        this.props = {
+          line: null,
+          multi: false,
+          expand: this.props.expand,
+          nodes: null,
+          locked: false,
+          pen: null,
+          pens: pens
+        }
       }
+      return pens
     },
     topTranslate () {
       this.moduleId = ''
@@ -23,6 +138,27 @@ export default {
         getTopology(this.topologyIndex)
       }
       this.getNodesArr()
+    },
+    topoClick (pointAndPen) {
+      this.showNodeTools('')
+      if (!pointAndPen.pen) {
+        this.props = {
+          node: null,
+          line: null,
+          multi: false,
+          expand: null,
+          nodes: null,
+          locked: null,
+          pen: null,
+          pens: null
+        }
+      }
+      console.log(pointAndPen, 'click')
+    },
+    toCenter () {
+      if (getTopology(this.topologyIndex)) {
+        getTopology(this.topologyIndex).resize()
+      }
     }
   }
 }