alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(zIndexMode): use basic as default

Browse Source
This commit is contained in:
moklick
2025-12-03 14:04:15 +01:00
parent 14fd41b1f1
commit 83a312b2e1
7 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react/src/store/initialState.ts
View File

@@ -29,7 +29,7 @@ const getInitialState = ({
maxZoom = 2, maxZoom = 2,
nodeOrigin, nodeOrigin,
nodeExtent, nodeExtent,
zIndexMode = 'auto', zIndexMode = 'basic',
}: { }: {
nodes?: Node[]; nodes?: Node[];
edges?: Edge[]; edges?: Edge[];

2
packages/react/src/types/component-props.ts
View File

@@ -696,7 +696,7 @@ export interface ReactFlowProps<NodeType extends Node = Node, EdgeType extends E
* Used to define how z-indexing is calculated for nodes and edges. * Used to define how z-indexing is calculated for nodes and edges.
* 'auto' is for selections and sub flows, 'basic' for selections only, and 'manual' for no auto z-indexing. * 'auto' is for selections and sub flows, 'basic' for selections only, and 'manual' for no auto z-indexing.
* *
* @default 'auto' * @default 'basic'
*/ */
zIndexMode?: ZIndexMode; zIndexMode?: ZIndexMode;
} }

2
packages/svelte/src/lib/container/SvelteFlow/types.ts
View File

@@ -505,7 +505,7 @@ export type SvelteFlowProps<
* Used to define how z-indexing is calculated for nodes and edges. * Used to define how z-indexing is calculated for nodes and edges.
* 'auto' is for selections and sub flows, 'basic' for selections only, and 'manual' for no auto z-indexing. * 'auto' is for selections and sub flows, 'basic' for selections only, and 'manual' for no auto z-indexing.
* *
* @default 'auto' * @default 'basic'
*/ */
zIndexMode?: ZIndexMode; zIndexMode?: ZIndexMode;
}; };

2
packages/svelte/src/lib/store/initial-store.svelte.ts
View File

@@ -117,7 +117,7 @@ export function getInitialStore<NodeType extends Node = Node, EdgeType extends E
panZoom: PanZoomInstance | null = $state.raw(null); panZoom: PanZoomInstance | null = $state.raw(null);
width = $state.raw<number>(signals.width ?? 0); width = $state.raw<number>(signals.width ?? 0);
height = $state.raw<number>(signals.height ?? 0); height = $state.raw<number>(signals.height ?? 0);
zIndexMode = $state.raw<ZIndexMode>(signals.props.zIndexMode ?? 'auto'); zIndexMode = $state.raw<ZIndexMode>(signals.props.zIndexMode ?? 'basic');
nodesInitialized: boolean = $derived.by(() => { nodesInitialized: boolean = $derived.by(() => {
const nodesInitialized = adoptUserNodes(signals.nodes, this.nodeLookup, this.parentLookup, { const nodesInitialized = adoptUserNodes(signals.nodes, this.nodeLookup, this.parentLookup, {

1
packages/system/src/types/general.ts
View File

@@ -375,6 +375,5 @@ export type OnBeforeDeleteBase<NodeType extends NodeBase = NodeBase, EdgeType ex
* `manual` mode does not apply any automatic z-indexing. * `manual` mode does not apply any automatic z-indexing.
* *
* @public * @public
* @default 'auto'
*/ */
export type ZIndexMode = 'auto' | 'basic' | 'manual'; export type ZIndexMode = 'auto' | 'basic' | 'manual';

2
packages/system/src/utils/edges/general.ts
View File

@@ -51,7 +51,7 @@ export function getElevatedEdgeZIndex({
selected = false, selected = false,
zIndex, zIndex,
elevateOnSelect = false, elevateOnSelect = false,
zIndexMode = 'auto', zIndexMode = 'basic',
}: GetEdgeZIndexParams): number { }: GetEdgeZIndexParams): number {
const manualZIndexMode = isManualZIndexMode(zIndexMode); const manualZIndexMode = isManualZIndexMode(zIndexMode);

2
packages/system/src/utils/store.ts
View File

@@ -37,7 +37,7 @@ const defaultOptions = {
nodeOrigin: [0, 0] as NodeOrigin, nodeOrigin: [0, 0] as NodeOrigin,
nodeExtent: infiniteExtent, nodeExtent: infiniteExtent,
elevateNodesOnSelect: true, elevateNodesOnSelect: true,
zIndexMode: 'auto' as ZIndexMode, zIndexMode: 'basic' as ZIndexMode,
defaults: {}, defaults: {},
}; };