alighasami/vue-flow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(core): allow setting padding as number

Browse Source 
Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>
This commit is contained in:
braks
2023-04-11 20:28:02 +02:00
committed by Braks
parent 4524948515
commit f3ee95c81b
2 changed files with 15 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/core/src/types/node.ts
+1
View File
@@ -11,6 +11,7 @@ export interface CoordinateExtentRange {
range: 'parent' | CoordinateExtent range: 'parent' | CoordinateExtent
/** Values are top, right, bottom, left, you can use these the same as CSS padding */ /** Values are top, right, bottom, left, you can use these the same as CSS padding */
padding: padding:
| number
| [padding: number] | [padding: number]
| [paddingY: number, paddingX: number] | [paddingY: number, paddingX: number]
| [paddingTop: number, paddingX: number, paddingBottom: number] | [paddingTop: number, paddingX: number, paddingBottom: number]
packages/core/src/utils/drag.ts
+5 -1
View File
@@ -61,7 +61,8 @@ export function getEventHandlerParams({
return [id ? extendedDragItems.find((n) => n.id === id)! : extendedDragItems[0], extendedDragItems] return [id ? extendedDragItems.find((n) => n.id === id)! : extendedDragItems[0], extendedDragItems]
} }
function getExtentPadding(padding: number[]) { function getExtentPadding(padding: CoordinateExtentRange['padding']): [number, number, number, number] {
if (Array.isArray(padding)) {
switch (padding.length) { switch (padding.length) {
case 1: case 1:
return [padding[0], padding[0], padding[0], padding[0]] return [padding[0], padding[0], padding[0], padding[0]]
@@ -74,6 +75,9 @@ function getExtentPadding(padding: number[]) {
} }
} }
return [padding, padding, padding, padding]
}
function getParentExtent( function getParentExtent(
currentExtent: CoordinateExtentRange | 'parent', currentExtent: CoordinateExtentRange | 'parent',
node: GraphNode | NodeDragItem, node: GraphNode | NodeDragItem,