workflow底层UI库整合至项目，优化构建逻辑

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

@@ -0,0 +1,160 @@
+
+.svelte-flow__nodes {
+
+  .svelte-flow__node {
+    border: 3px solid transparent;
+    border-radius: 5px;
+    box-sizing: border-box;
+
+
+    .svelte-flow__handle {
+      width: 16px;
+      height: 16px;
+      background: transparent;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border: none;
+
+      &::after {
+        content: ' ';
+        background: #2563EB;
+        width: 8px;
+        height: 8px;
+        border-radius: 100%;
+        transition: width 0.1s, height 0.1s;
+      }
+
+      &:hover {
+        &::after {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
+    div.loop_handle_wrapper {
+      &::after {
+        content: '循环体';
+        background: #2563EB;
+        width: 100px;
+        height: 20px;
+        border-radius: 0;
+        display: flex;
+        color: #fff;
+        justify-content: center;
+        align-items: center;
+      }
+
+      &:hover {
+        &::after {
+          width: 100px;
+          height: 20px;
+        }
+      }
+    }
+
+    &:after {
+      content: ' ';
+      position: absolute;
+      border-radius: 5px;
+      top: -2px;
+      left: -2px;
+      border: 1px solid #ccc;
+      height: calc(100% + 2px);
+      width: calc(100% + 2px);
+    }
+
+    &:hover {
+      border: 3px solid #bacaef7d;
+    }
+
+    &.selectable.selected {
+      border: 3px solid #bacaef7d;
+      box-shadow: var(--xy-node-boxshadow-selected);
+    }
+
+    &:hover:after {
+      display: none;
+    }
+
+    &.selectable.selected:after {
+      display: none;
+    }
+  }
+}
+
+
+.tf-node-wrapper {
+  border-radius: 5px;
+  min-width: 300px;
+  background: #fff;
+
+  &-body {
+    padding: 10px;
+  }
+}
+
+.svelte-flow__attribution a {
+  display: none;
+}
+
+.tf-toolbar {
+  z-index: 200;
+  position: absolute;
+  top: 10px;
+  left: 10px;
+  display: flex;
+  gap: 5px;
+  transition: transform 0.5s ease, opacity 0.5s ease;
+  transform: translateX(calc(-100% + 20px)); /* 完全移出视口 */
+
+  &.show {
+    transform: translateX(0);
+  }
+
+  &-container {
+    background: #fff;
+    border: 1px solid #eee;
+    border-radius: 5px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+    padding: 10px;
+    width: fit-content;
+
+    &-header {
+      display: flex;
+    }
+
+    &-body {
+      display: flex;
+      margin-top: 20px;
+
+      .tf-toolbar-container-base, .tf-toolbar-container-tools {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        flex-grow: 1;
+
+        .tf-btn {
+          border: none;
+          width: 100%;
+          justify-content: flex-start;
+          height: 40px;
+          gap: 10px;
+          cursor: grabbing;
+          border-radius: 5px;
+
+          svg {
+            width: 20px;
+            height: 20px;
+            fill: #2563EB;
+          }
+
+          &:hover {
+            background: #f1f1f1;
+          }
+        }
+      }
+    }
+  }
+}