Initial commit

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

@@ -19,15 +19,11 @@
       <div class="w-full">
         <a-tooltip>
           <template #title>
-            {{element?.description}}
+            {{element?.description ?? element?.name}}
           </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>
+          <p>
+            {{ substring(element?.description ?? (element?.name ?? '-') ,40) }}
+          </p>
         </a-tooltip>
       </div>
     </a-card>
@@ -172,8 +168,11 @@ export default defineComponent({
     padding: 8px 15px;
     border-top: 1px solid #195693;
     overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
   }
 
+  &.ks-designer-model-node,
   &.ks-designer-task-node {
     background: linear-gradient(150deg, #20421b 1%, #4a6646 55%);
 
@@ -208,6 +207,8 @@ export default defineComponent({
       background: url('@/assets/icons/bg-fk-point.png') center / 100% 100%;
     }
   }
+
+  &.ks-designer-precondition-node,
   &.ks-designer-component-node {
     background: linear-gradient(150deg, #06226b 1%, #1a43a7 55%);
 
@@ -216,6 +217,7 @@ export default defineComponent({
     }
   }
 
+  &.ks-designer-select-node,
   &.ks-designer-control-node {
     background: linear-gradient(150deg, #1d4f32 1%, #326a5d 55%);