Powerful-517/yys-editor
3
0
Fork 0
mirror of https://github.com/Powerful-517/yys-editor.git synced 2026-03-05 15:05:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: unify node style schema and add full style editing panel

Browse Source
This commit is contained in:
rookie4show
2025-12-28 14:58:31 +08:00
parent 6f70269322
commit c65c880ad8
11 changed files with 546 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/flow/FlowEditor.vue
View File

@@ -74,6 +74,7 @@ import ImageNode from './nodes/common/ImageNode.vue';
import PropertyPanel from './PropertyPanel.vue';
import { useGlobalMessage } from '@/ts/useGlobalMessage';
import { setLogicFlowInstance, destroyLogicFlowInstance } from '@/ts/useLogicFlow';
import { normalizePropertiesWithStyle, normalizeNodeStyle, styleEquals } from '@/ts/nodeStyle';
type AlignType = 'left' | 'right' | 'top' | 'bottom' | 'hcenter' | 'vcenter';
type DistributeType = 'horizontal' | 'vertical';
@@ -152,22 +153,41 @@ function applyMetaToModel(model: BaseNodeModel, metaInput?: Record<string, any>)
}
}
function applyStyleToModel(model: BaseNodeModel, styleInput?: Record<string, any>) {
const style = normalizeNodeStyle(styleInput, { width: model.width, height: model.height });
if (style.width && model.width !== style.width) {
model.width = style.width;
}
if (style.height && model.height !== style.height) {
model.height = style.height;
}
}
function normalizeNodeModel(model: BaseNodeModel) {
const lfInstance = lf.value;
if (!lfInstance) return;
const props = (model.getProperties?.() as any) ?? (model as any)?.properties ?? {};
const incomingMeta = ensureMeta(props.meta);
const normalized = normalizePropertiesWithStyle(
{ ...props, meta: incomingMeta },
{ width: props.width ?? model.width, height: props.height ?? model.height }
);
const currentMeta = ensureMeta((model as any)?.properties?.meta);
const needPersist =
const metaChanged =
currentMeta.visible !== incomingMeta.visible ||
currentMeta.locked !== incomingMeta.locked ||
currentMeta.groupId !== incomingMeta.groupId;
const styleChanged =
!styleEquals(props.style, normalized.style) ||
props.width !== normalized.width ||
props.height !== normalized.height;
if (needPersist) {
lfInstance.setProperties(model.id, { ...props, meta: incomingMeta });
if (metaChanged || styleChanged) {
lfInstance.setProperties(model.id, normalized);
}
applyMetaToModel(model, incomingMeta);
applyMetaToModel(model, normalized.meta);
applyStyleToModel(model, normalized.style);
}
function normalizeAllNodes() {
@@ -688,9 +708,7 @@ onMounted(() => {
}
}
const model = lfInstance.getNodeModelById(nodeId);
if (model && data.properties?.meta) {
applyMetaToModel(model, data.properties.meta);
}
if (model) normalizeNodeModel(model);
});
lfInstance.on('selection:selected', () => updateSelectedCount());