config är ett enkelt objekt som innehåller ett begränsat antal globala inställningar för FKUI.

Inställningar

/**
 * @public
 */
export enum FKUIConfigButtonOrder {
    LEFT_TO_RIGHT,
    RIGHT_TO_LEFT,
}

/**
 * @public
 */
export interface FKUIConfig {
    buttonOrder: FKUIConfigButtonOrder;
    teleportTarget: string | Element;
    get popupContainer(): HTMLElement;
    set popupContainer(value: string | Element);
    production: boolean;
}

Ändra en inställning

Görs lämpligtvis i applikationens main.ts.

import { config, FKUIConfigButtonOrder } from "@fkui/vue";

config.buttonOrder = FKUIConfigButtonOrder.LEFT_TO_RIGHT;

Referens

Knappordning bekräftelsemodal (buttonOrder)

• default: Höger till vänster (RIGHT_TO_LEFT)
• type: FKUIConfigButtonOrder

Anger i vilken ordning man vill visa knappar i bekräftelsemodal.

LEFT_TO_RIGHT: Vänster till höger

RIGHT_TO_LEFT: Höger till vänster

Modaler med inbyggd knappordning

teleportTarget

• default: document.body
• type: string | Element

Anger var komponenter som teleporteras ska monteras.

Komponenter som påverkas av denna inställning inkluderar:

• Programmatiskt öppnad FModal.
• FLoader när den använder overlay.
• IPopup när den använder overlay.
• IPopupMenu när den använder overlay.
• FDatepickerField när den använder overlay.
• FNavigationMenu popupmeny när den använder overlay.
• FContextMenu.

popupContainer

• default: document.body
• type: string | HTMLElement

Anger inom vilken container popups ska hålla sig inom när den använder overlay.

production

• default: true
• type: boolean

Gör det möjligt att specificera om man vill ha ett skarpt produktion beteendet av FKUI eller en icke-produktion, t.ex för test/utveckling, beteendet. Ett exempel av skillnad: i produktion vill man inte kasta exception men man loggar de i konsolen istället.