mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-31 12:17:54 +01:00
chore(popper): add more options
This commit is contained in:
@@ -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))
|
||||||
|
|
||||||
|
|||||||
4
src/runtime/types/popper.d.ts
vendored
4
src/runtime/types/popper.d.ts
vendored
@@ -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
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user