Initial commit

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

@@ -9,14 +9,13 @@
     >
       <template #title>
         <a-space>
-          <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="port port-in" data-port="in-0" magnet="passive"></div>
       <div class="w-full">
-        <a-tooltip>
+        <a-tooltip v-if="(element?.description ?? (element?.name ?? '-')).length >= 38">
           <template #title>
             {{ element?.description ?? element?.name }}
           </template>
@@ -24,7 +23,11 @@
             {{ substring(element?.description ?? (element?.name ?? '-'), 40) }}
           </p>
         </a-tooltip>
+        <p v-else>
+          {{ substring(element?.description ?? (element?.name ?? '-'), 40) }}
+        </p>
       </div>
+      <div class="port port-out" data-port="out-0" magnet="active"></div>
     </a-card>
 
     <template #overlay>
@@ -135,15 +138,17 @@ export default defineComponent({
   background: #1e2533;
   border: 1px solid #4a7aff;
 
+  border: 2px solid #000000;
+
   &:hover {
-    border: 1px solid #4a7aff;
+    border: 2px solid #4a7aff;
     box-shadow: 0 0 10px rgba(74, 122, 255, 0.3);
   }
 
   .ant-card-head {
     border: 0;
-    height: 35px;
-    min-height: 35px;
+    height: 25px;
+    min-height: 25px;
     border-radius: 0;
     color: #fff;
     font-size: 12px;
@@ -175,10 +180,10 @@ export default defineComponent({
 
   .ant-card-body {
     color: #f5f5f5;
-    height: calc(100% - 38px);
+    height: calc(100% - 25px);
     border-radius: 0;
     font-size: 12px;
-    padding: 8px 15px;
+    padding: 8px 15px !important;
     border-top: 1px solid rgba(108, 99, 255, 0.5);
     overflow: hidden;
     text-overflow: ellipsis;
@@ -296,8 +301,9 @@ export default defineComponent({
     background: url('@/assets/icons/point.svg') center / 100% 100%;
 
     position: absolute;
-    left: 5px;
-    top: 12px;
+    //top: 7px;
+    left: -8px;
+    top: 50%;
   }
 
   .port-out {
@@ -311,8 +317,11 @@ export default defineComponent({
     background: url('@/assets/icons/point.svg') center / 100% 100%;
 
     position: absolute;
-    right: 5px;
-    top: 12px;
+    //right: 8px;
+    //top: 7px;
+    top: 50%;
+    right: -12px;
+
   }
 
   // 节点文本样式