refactor(overview): remove special styles for single node

Author: Kinplemelon

src/hooks/Overview/useNodesGraph.ts

@@ -27,16 +27,14 @@ export interface FlowEdgeData {
 export type FlowDataItem = FlowNodeData | FlowEdgeData
 
 export const useCoreNodeSize = (): {
-  OUTER_SIDE_MULTIPLES: number
   INNER_SIDE_MULTIPLES: number
   coreNodeHeight: Ref<number>
   coreNodeWidth: Ref<number>
   SVGHeight: Ref<number>
   SVGWidth: Ref<number>
   setCoreNodeHeight: (height: number) => void
 } => {
-  const OUTER_SIDE_MULTIPLES = 2
-  const INNER_SIDE_MULTIPLES = 1 + (OUTER_SIDE_MULTIPLES - 1) / 2
+  const INNER_SIDE_MULTIPLES = 1.5
 
   const coreNodeHeight = ref(0)
   const coreNodeWidth = ref(0)
@@ -49,11 +47,11 @@ export const useCoreNodeSize = (): {
   }
 
   const countSVGWidth = () => {
-    return coreNodeWidth.value * OUTER_SIDE_MULTIPLES
+    return coreNodeWidth.value * INNER_SIDE_MULTIPLES
   }
 
   const countSVGHeight = () => {
-    return coreNodeHeight.value * OUTER_SIDE_MULTIPLES
+    return coreNodeHeight.value * INNER_SIDE_MULTIPLES
   }
 
   // Height in non-active state (outer circle diameter)
@@ -65,7 +63,6 @@ export const useCoreNodeSize = (): {
   }
 
   return {
-    OUTER_SIDE_MULTIPLES,
     INNER_SIDE_MULTIPLES,
     coreNodeHeight,
     coreNodeWidth,

src/views/Dashboard/components/CoreNode.vue

@@ -10,12 +10,6 @@
       </defs>
       <g>
         <g v-if="isSelected">
-          <polygon
-            v-if="nodesNum === 1"
-            :points="getPoints(OUTER_SIDE_MULTIPLES)"
-            :fill="`url(#${id})`"
-            opacity="0.3"
-          />
           <polygon :points="getPoints(INNER_SIDE_MULTIPLES)" :fill="`url(#${id})`" opacity="0.6" />
         </g>
         <polygon :points="getPoints()" :fill="`url(#${id})`" @mouseenter="selectNode" />
@@ -31,13 +25,7 @@ import { PropType, computed, defineProps, watch, defineEmits } from 'vue'
 import { Handle } from '@vue-flow/core'
 import { NodeStatus } from '@/types/enum'
 
-const {
-  OUTER_SIDE_MULTIPLES,
-  INNER_SIDE_MULTIPLES,
-  coreNodeHeight,
-  coreNodeWidth,
-  setCoreNodeHeight,
-} = useCoreNodeSize()
+const { INNER_SIDE_MULTIPLES, coreNodeHeight, coreNodeWidth, setCoreNodeHeight } = useCoreNodeSize()
 
 const props = defineProps({
   height: {