tt/ttstd-infinite-canvas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(canvas): 节点卡片 - 去掉左侧类型色带

Browse Source
This commit is contained in:
ddCat
2026-08-03 22:28:25 +08:00
parent 39844d7c8d
commit ef311c7470
1 changed files with 0 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/src/components/canvas/canvas-node.tsx
View File

@@ -385,12 +385,6 @@ export const CanvasNode = React.memo(function CanvasNode({
} as React.CSSProperties
}
>
{/* 节点类型色带（对应 #97 决策1：左侧3px色条，远距离最强信号）*/}
<div
className="pointer-events-none absolute left-0 top-0 z-10 h-full"
style={{ width: "var(--node-type-strip-width)", background: nodeTypeColorVar(data.type, data.metadata?.workflowKind === "character"), borderRadius: "var(--node-radius) 0 0 var(--node-radius)" }}
aria-hidden
/>
{/* 节点状态徽章（对应 #97 决策2：左上角 loading/success/error，近距离确认信号）*/}
{data.metadata?.status && data.metadata.status !== "idle" && data.type !== CanvasNodeType.Frame ? (
<NodeStatusBadge status={data.metadata.status} />
@@ -1204,20 +1198,6 @@ function nodeTypeIcon(type: CanvasNodeType) {
return Type;
}
// 节点类型色带色（对应 #97 决策1 色带方案，引用 --cn-type-* token）
function nodeTypeColorVar(type: CanvasNodeType, isCharacter?: boolean): string {
if (isCharacter) return "var(--cn-type-character)";
if (type === CanvasNodeType.Image) return "var(--cn-type-image)";
if (type === CanvasNodeType.Video) return "var(--cn-type-video)";
if (type === CanvasNodeType.Audio) return "var(--cn-type-audio)";
if (type === CanvasNodeType.Drawing) return "var(--cn-type-drawing)";
if (type === CanvasNodeType.Script) return "var(--cn-type-script)";
if (type === CanvasNodeType.Config) return "var(--cn-type-config)";
if (type === CanvasNodeType.Skill) return "var(--cn-type-skill)";
if (type === CanvasNodeType.Frame) return "var(--cn-type-frame)";
return "var(--cn-type-text)";
}
// 节点状态徽章（对应 #97 决策2：左上角状态指示，loading/success/error）
function NodeStatusBadge({ status }: { status: "loading" | "success" | "error" }) {
if (status === "loading") {