chore(popper): add more options

This commit is contained in:
Benjamin Canac
2022-10-08 22:24:42 +02:00
parent 591e60dfc7
commit 237a673af3
2 changed files with 23 additions and 1 deletions

View File

@@ -6,9 +6,11 @@ import { omitBy, isUndefined } from 'lodash-es'
import flip from '@popperjs/core/lib/modifiers/flip' import flip from '@popperjs/core/lib/modifiers/flip'
import offset from '@popperjs/core/lib/modifiers/offset' import offset from '@popperjs/core/lib/modifiers/offset'
import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow' import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'
import eventListeners from '@popperjs/core/lib/modifiers/eventListeners'
export const createPopper = popperGenerator({ export const createPopper = popperGenerator({
defaultModifiers: [...defaultModifiers, offset, flip, preventOverflow] defaultModifiers: [...defaultModifiers, offset, flip, preventOverflow, computeStyles, eventListeners]
}) })
export function usePopper ({ export function usePopper ({
@@ -16,6 +18,10 @@ export function usePopper ({
overflowPadding = 8, overflowPadding = 8,
offsetDistance = 8, offsetDistance = 8,
offsetSkid = 0, offsetSkid = 0,
gpuAcceleration = true,
adaptive = true,
scroll = true,
resize = true,
placement, placement,
strategy strategy
}, virtualReference) { }, virtualReference) {
@@ -50,6 +56,18 @@ export function usePopper ({
options: { options: {
offset: [offsetSkid, offsetDistance] offset: [offsetSkid, offsetDistance]
} }
}, {
name: 'computeStyles',
options: {
adaptive,
gpuAcceleration
}
}, {
name: 'eventListeners',
options: {
scroll,
resize
}
}] }]
}, isUndefined)) }, isUndefined))

View File

@@ -7,4 +7,8 @@ export interface PopperOptions {
offsetSkid?: number offsetSkid?: number
placement?: Placement placement?: Placement
strategy?: PositioningStrategy strategy?: PositioningStrategy
gpuAcceleration?: boolean
adaptive?: boolean
scroll?: boolean
resize?: boolean
} }