perf: 优化工作流的节点UI和交互

easyflow-ui-admin/packages/tinyflow-ui/src/styles/base.less

@@ -68,86 +68,55 @@
 .tf-select {
   &-input {
     display: flex;
-    border: 1px solid #ccc;
-    padding: 3px 10px;
-    border-radius: 5px;
-    font-size: 14px;
+    border: 1px solid #e5e7eb;
+    padding: 4px 10px;
+    border-radius: 6px;
+    font-size: 13px;
     justify-content: space-between;
     align-items: center;
     cursor: pointer;
     background: #fff;
-    height: 27px;
+    height: 32px;
+    transition: all 0.2s;
+    width: 100%;
+    color: #111827;
 
-    &:focus {
-      border-color: var(--tf-primary-color);
-      box-shadow: 0 0 5px rgba(81, 203, 238, .2);
+    &:hover {
+      border-color: #d1d5db;
+    }
+
+    &:focus, &.active {
+      border-color: #2563eb;
+      box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
     }
 
     &-value {
-      height: 21px;
+      height: 100%;
       min-width: 10px;
       font-size: 12px;
       display: flex;
       align-items: center;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
     }
 
     &-arrow {
-      display: block;
+      display: flex;
       width: 16px;
       height: 16px;
-      color: #666;
+      color: #6b7280;
+      flex-shrink: 0;
+      margin-left: 4px;
     }
 
     &-placeholder {
-      color: #ccc;
+      color: #9ca3af;
     }
   }
 
   &-content {
-    display: flex;
-    flex-direction: column;
-    background: #fff;
-    margin-top: 5px;
-    border: 1px solid #ccc;
-    border-radius: 5px;
-    padding: 5px;
-    width: max-content;
-    min-width: 100%;
-    z-index: 999;
-    box-sizing: border-box;
-    max-height: 220px;
-    overflow: auto;
-
-    &-item {
-      display: flex;
-      align-items: center;
-      padding: 5px 10px;
-      border: none;
-      background: #fff;
-      border-radius: 5px;
-      cursor: pointer;
-      line-height: 100%;
-      gap: 2px;
-
-      span {
-        width: 16px;
-        display: flex;
-      }
-
-      svg {
-        width: 16px;
-        height: 16px;
-        margin: auto;
-      }
-
-      &:hover {
-        background: #f0f0f0;
-      }
-    }
-
-    &-children {
-      padding-left: 14px;
-    }
+    display: none; // 现在改用 .tf-select-wrapper
   }
 }