| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var core = require('@vueuse/core');
- const buildPopperOptions = (props, modifiers = []) => {
- const { placement, strategy, popperOptions } = props;
- const options = {
- placement,
- strategy,
- ...popperOptions,
- modifiers: [...genModifiers(props), ...modifiers]
- };
- deriveExtraModifiers(options, popperOptions == null ? void 0 : popperOptions.modifiers);
- return options;
- };
- const unwrapMeasurableEl = ($el) => {
- if (!core.isClient)
- return;
- return core.unrefElement($el);
- };
- function genModifiers(options) {
- const { offset, gpuAcceleration, fallbackPlacements } = options;
- return [
- {
- name: "offset",
- options: {
- offset: [0, offset != null ? offset : 12]
- }
- },
- {
- name: "preventOverflow",
- options: {
- padding: {
- top: 0,
- bottom: 0,
- left: 0,
- right: 0
- }
- }
- },
- {
- name: "flip",
- options: {
- padding: 5,
- fallbackPlacements
- }
- },
- {
- name: "computeStyles",
- options: {
- gpuAcceleration
- }
- }
- ];
- }
- function deriveExtraModifiers(options, modifiers) {
- if (modifiers) {
- options.modifiers = [...options.modifiers, ...modifiers != null ? modifiers : []];
- }
- }
- exports.buildPopperOptions = buildPopperOptions;
- exports.unwrapMeasurableEl = unwrapMeasurableEl;
- //# sourceMappingURL=utils.js.map
|