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

fix(svelte) changed attribute names of className to class in MiniMap & Background plugins

Browse Source
This commit is contained in:
Peter
2023-09-18 17:36:53 +02:00
parent 00ee83f960
commit f4e9d9ad4c
4 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/svelte/src/lib/plugins/Background/Background.svelte
+3 -3
View File
@@ -22,7 +22,7 @@
export let lineWidth: $$Props['lineWidth'] = 1; export let lineWidth: $$Props['lineWidth'] = 1;
export let bgColor: $$Props['bgColor'] = undefined; export let bgColor: $$Props['bgColor'] = undefined;
export let patternColor: $$Props['patternColor'] = undefined; export let patternColor: $$Props['patternColor'] = undefined;
export let patternClassName: $$Props['patternClassName'] = undefined; export let patternClass: $$Props['patternClass'] = undefined;
let className: $$Props['class'] = ''; let className: $$Props['class'] = '';
export { className as class }; export { className as class };
@@ -57,9 +57,9 @@
patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`} patternTransform={`translate(-${patternOffset[0]},-${patternOffset[1]})`}
> >
{#if isDots} {#if isDots}
<DotPattern radius={scaledSize / 2} class={patternClassName} /> <DotPattern radius={scaledSize / 2} class={patternClass} />
{:else} {:else}
<LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClassName} /> <LinePattern dimensions={patternDimensions} {variant} {lineWidth} class={patternClass} />
{/if} {/if}
</pattern> </pattern>
<rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} /> <rect x="0" y="0" width="100%" height="100%" fill={`url(#${patternId})`} />
packages/svelte/src/lib/plugins/Background/types.ts
+1 -1
View File
@@ -7,7 +7,7 @@ export enum BackgroundVariant {
export type BackgroundProps = { export type BackgroundProps = {
bgColor?: string; bgColor?: string;
patternColor?: string; patternColor?: string;
patternClassName?: string; patternClass?: string;
class?: string; class?: string;
gap?: number | [number, number]; gap?: number | [number, number];
size?: number; size?: number;
packages/svelte/src/lib/plugins/Minimap/Minimap.svelte
+3 -3
View File
@@ -21,7 +21,7 @@
export let ariaLabel: $$Props['ariaLabel'] = 'Mini map'; export let ariaLabel: $$Props['ariaLabel'] = 'Mini map';
export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent'; export let nodeStrokeColor: $$Props['nodeStrokeColor'] = 'transparent';
export let nodeColor: $$Props['nodeColor'] = '#e2e2e2'; export let nodeColor: $$Props['nodeColor'] = '#e2e2e2';
export let nodeClassName: $$Props['nodeClassName'] = ''; export let nodeClass: $$Props['nodeClass'] = '';
export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5; export let nodeBorderRadius: $$Props['nodeBorderRadius'] = 5;
export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2; export let nodeStrokeWidth: $$Props['nodeStrokeWidth'] = 2;
export let bgColor: $$Props['bgColor'] = undefined; export let bgColor: $$Props['bgColor'] = undefined;
@@ -53,7 +53,7 @@
const nodeColorFunc = getAttrFunction(nodeColor); const nodeColorFunc = getAttrFunction(nodeColor);
const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor); const nodeStrokeColorFunc = getAttrFunction(nodeStrokeColor);
const nodeClassNameFunc = getAttrFunction(nodeClassName); const nodeClassFunc = getAttrFunction(nodeClass);
const shapeRendering = const shapeRendering =
typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision'; typeof window === 'undefined' || !!window.chrome ? 'crispEdges' : 'geometricPrecision';
const labelledBy = `svelte-flow__minimap-desc-${$flowId}`; const labelledBy = `svelte-flow__minimap-desc-${$flowId}`;
@@ -126,7 +126,7 @@
strokeColor={nodeStrokeColorFunc(node)} strokeColor={nodeStrokeColorFunc(node)}
strokeWidth={nodeStrokeWidth} strokeWidth={nodeStrokeWidth}
{shapeRendering} {shapeRendering}
class={nodeClassNameFunc(node)} class={nodeClassFunc(node)}
/> />
{/if} {/if}
{/each} {/each}
packages/svelte/src/lib/plugins/Minimap/types.ts
+1 -1
View File
@@ -8,7 +8,7 @@ export type MiniMapProps = {
bgColor?: string; bgColor?: string;
nodeColor?: string | GetMiniMapNodeAttribute; nodeColor?: string | GetMiniMapNodeAttribute;
nodeStrokeColor?: string | GetMiniMapNodeAttribute; nodeStrokeColor?: string | GetMiniMapNodeAttribute;
nodeClassName?: string | GetMiniMapNodeAttribute; nodeClass?: string | GetMiniMapNodeAttribute;
nodeBorderRadius?: number; nodeBorderRadius?: number;
nodeStrokeWidth?: number; nodeStrokeWidth?: number;
maskColor?: string; maskColor?: string;