Initial commit

modeler/src/views/decision/builder/node.vue

@@ -9,22 +9,26 @@
     >
       <template #title>
         <a-space>
-          <span class="ks-designer-node-icon"></span>
+          <div class="port port-in" data-port="in-0" magnet="passive"></div>
           <span class="ks-designer-node-title">{{ element?.name ?? '-' }}</span>
+          <div class="port port-out" data-port="out-0" magnet="active"></div>
         </a-space>
       </template>
 
       <!-- 节点内容区域 -->
       <div class="w-full">
-        <div class="ks-designer-node-content">
-          <div class="ks-designer-node-row">
-            <div class="port port-in" data-port="in-0" magnet="passive"></div>
-            <div class="ks-designer-node-name" v-if="element?.category !== 'component'">
-              {{ element?.name ?? '-' }}
+        <a-tooltip>
+          <template #title>
+            {{element?.description}}
+          </template>
+          <div class="ks-designer-node-content">
+            <div class="ks-designer-node-row">
+              <div class="ks-designer-node-name">
+                {{ substring(element?.description ?? '-' ,40) }}
+              </div>
             </div>
-            <div class="port port-out" data-port="out-0" magnet="active"></div>
           </div>
-        </div>
+        </a-tooltip>
       </div>
     </a-card>
 
@@ -47,6 +51,7 @@ import { elementProps } from './props';
 import type { ModelElement } from './element';
 import { DeleteOutlined, SettingOutlined } from '@ant-design/icons-vue';
 import type { Graph } from '@antv/x6';
+import {substring} from '@/utils/strings'
 
 export default defineComponent({
   name: 'ModelElement',
@@ -116,6 +121,7 @@ export default defineComponent({
 
     return {
       element,
+      substring,
       handleMenuClick,
       handleVisibleChange,
     };
@@ -164,8 +170,8 @@ export default defineComponent({
     border-radius: 0;
     font-size: 12px;
     padding: 8px 15px;
-    overflow-y: auto;
     border-top: 1px solid #195693;
+    overflow: hidden;
   }
 
   &.ks-designer-task-node {
@@ -264,6 +270,10 @@ export default defineComponent({
     height: 20px;
     display: block;
     background: url('@/assets/icons/point.svg') center / 100% 100%;
+
+    position: absolute;
+    left: 5px;
+    top: 10px;
   }
 
   // 右侧出桩样式
@@ -277,6 +287,10 @@ export default defineComponent({
     height: 20px;
     display: block;
     background: url('@/assets/icons/arrow-right.svg') center / 100% 100%;
+
+    position: absolute;
+    right: 5px;
+    top: 10px;
   }
 
   // 节点文本样式
@@ -285,7 +299,7 @@ export default defineComponent({
     line-height: 24px;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
+    //white-space: nowrap;
   }
 }
 </style>