admin/flowgram.ai
1
0
Fork 0
mirror of https://gitee.com/ByteDance/flowgram.ai.git synced 2025-07-07 17:43:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(free-layout): line-color support css var (#349)

Browse Source
This commit is contained in:
xiamidaxia 2025-06-09 15:51:46 +08:00 committed by GitHub
parent c320ab61e9
commit 1668d9f26e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/demo-free-layout/src/hooks/use-editor-props.tsx
View File

@ -6,7 +6,7 @@ import { createMinimapPlugin } from '@flowgram.ai/minimap-plugin';
import { createFreeSnapPlugin } from '@flowgram.ai/free-snap-plugin';
import { createFreeNodePanelPlugin } from '@flowgram.ai/free-node-panel-plugin';
import { createFreeLinesPlugin } from '@flowgram.ai/free-lines-plugin';
import { FreeLayoutProps, WorkflowNodeLinesData, Form } from '@flowgram.ai/free-layout-editor';
import { FreeLayoutProps, WorkflowNodeLinesData } from '@flowgram.ai/free-layout-editor';
import { createFreeGroupPlugin } from '@flowgram.ai/free-group-plugin';
import { createContainerNodePlugin } from '@flowgram.ai/free-container-plugin';
@ -76,12 +76,12 @@ export function useEditorProps(
return json;
},
lineColor: {
hidden: 'transparent',
default: '#4d53e8',
drawing: '#5DD6E3',
hovered: '#37d0ff',
selected: '#37d0ff',
error: 'red',
hidden: 'var(--g-line-color-hidden,transparent)',
default: 'var(--g-line-color-default,#4d53e8)',
drawing: 'var(--g-line-color-drawing, #5DD6E3)',
hovered: 'var(--g-line-color-hover,#37d0ff)',
selected: 'var(--g-line-color-selected,#37d0ff)',
error: 'var(--g-line-color-hover,red)',
},
/*
* Check whether the line can be added

11
packages/canvas-engine/free-layout-core/src/typings/workflow-line.ts
View File

@ -24,11 +24,12 @@ export interface LineColor {
}
export enum LineColors {
HIDDEN = 'transparent', // 隐藏线条
DEFUALT = '#4d53e8',
DRAWING = '#5DD6E3', // '#b5bbf8', // '#9197F1',
HOVER = '#37d0ff',
ERROR = 'red',
HIDDEN = 'var(--g-line-color-hidden,transparent)', // 隐藏线条
DEFUALT = 'var(--g-line-color-default,#4d53e8)',
DRAWING = 'var(--g-line-color-drawing, #5DD6E3)', // '#b5bbf8', // '#9197F1',
HOVER = 'var(--g-line-color-hover,#37d0ff)',
SELECTED = 'var(--g-line-color-selected,#37d0ff)',
ERROR = 'var(--g-line-color-error,red)',
}
export interface WorkflowLineRenderContribution {

2
packages/canvas-engine/free-layout-core/src/workflow-lines-manager.ts
View File

@ -85,7 +85,7 @@ export class WorkflowLinesManager {
hidden: LineColors.HIDDEN,
drawing: LineColors.DRAWING,
hovered: LineColors.HOVER,
selected: LineColors.HOVER,
selected: LineColors.SELECTED,
};
if (this.options.lineColor) {
Object.assign(color, this.options.lineColor);