feat(阶段1): 搬入 ojnext 为 apps/web，未改业务代码

2026-08-06 21:18:16 -06:00
parent 3c975e85ee
commit ae1fb329b5
258 changed files with 40490 additions and 91 deletions
--- a/apps/web/src/shared/components/FlowchartEditor/useNodeStyles.ts
+++ b/apps/web/src/shared/components/FlowchartEditor/useNodeStyles.ts
@@ -0,0 +1,137 @@
+/**
+ * 节点样式管理
+ */
+
+/**
+ * 获取节点类型配置
+ */
+export function getNodeTypeConfig(type: string) {
+  const configs: Record<
+    string,
+    { label: string; color: string; icon: string; description: string }
+  > = {
+    start: {
+      label: "开始",
+      color: "#10b981",
+      icon: "▶",
+      description: "流程开始",
+    },
+    input: {
+      label: "输入",
+      color: "#06b6d4",
+      icon: "📥",
+      description: "数据输入",
+    },
+    default: {
+      label: "赋值",
+      color: "#3b82f6",
+      icon: "⚙",
+      description: "赋值语句",
+    },
+    decision: {
+      label: "判断",
+      color: "#f59e0b",
+      icon: "❓",
+      description: "条件语句",
+    },
+    loop: {
+      label: "循环",
+      color: "#8b5cf6",
+      icon: "🔄",
+      description: "循环语句",
+    },
+    output: {
+      label: "输出",
+      color: "#84cc16",
+      icon: "📤",
+      description: "数据输出",
+    },
+    end: {
+      label: "结束",
+      color: "#ef4444",
+      icon: "⏹",
+      description: "流程结束",
+    },
+  }
+  return (
+    configs[type] || {
+      label: "节点",
+      color: "#6b7280",
+      icon: "⚪",
+      description: "未知节点",
+    }
+  )
+}
+
+/**
+ * 获取节点样式
+ */
+export function getNodeStyle(type: string, color: string) {
+  const baseStyle = {
+    background: color,
+    color: "white",
+    border: `2px solid ${color}`,
+    borderRadius: "10px",
+    fontSize: "16px",
+    fontWeight: "500",
+    width: "auto", // 自动宽度
+    height: "auto", // 自动高度
+    minWidth: "100px",
+    minHeight: "40px",
+    maxWidth: "400px",
+    maxHeight: "160px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+  }
+
+  // 根据节点类型调整样式
+  switch (type) {
+    case "start":
+    case "end":
+      return {
+        ...baseStyle,
+      }
+    case "decision":
+      return {
+        ...baseStyle,
+        borderRadius: "8px",
+        minWidth: "140px",
+        minHeight: "50px",
+      }
+    case "loop":
+      return {
+        ...baseStyle,
+        borderRadius: "8px",
+        minWidth: "140px",
+        minHeight: "50px",
+      }
+    default:
+      return baseStyle
+  }
+}
+
+/**
+ * 创建节点样式
+ */
+export function createNodeStyle(type: string) {
+  const config = getNodeTypeConfig(type)
+  return getNodeStyle(type, config.color)
+}
+
+/**
+ * 获取节点尺寸
+ */
+export function getNodeDimensions(type: string) {
+  switch (type) {
+    case "start":
+    case "end":
+      return { width: 100, height: 40 }
+    case "decision":
+    case "loop":
+      return { width: 140, height: 50 }
+    default:
+      return { width: 120, height: 40 }
+  }
+}