Konfiguration
Innehåll
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;
/**
* @deprecated Use `teleportTarget` instead.
*/
modalTarget: string | Element | null;
/**
* @deprecated Use `teleportTarget` instead.
*/
popupTarget: string | Element | null;
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.RIGHT_TO_LEFT;
Referens
buttonOrder
- default:
LEFT_TO_RIGHT - type:
FKUIConfigButtonOrder
Anger i vilken ordning man vill visa knappar.
LEFT_TO_RIGHT: Vänster till höger
<div class="button-group">
<button type="button" class="button button--primary button-group__item">
1
</button>
<button type="button" class="button button--secondary button-group__item">
2
</button>
<button type="button" class="button button--secondary button-group__item">
3
</button>
</div>
RIGHT_TO_LEFT: Höger till vänster
<div class="button-group">
<button type="button" class="button button--secondary button-group__item">
3
</button>
<button type="button" class="button button--secondary button-group__item">
2
</button>
<button type="button" class="button button--primary button-group__item">
1
</button>
</div>
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. FLoadernär den använderoverlay.IPopupnär den använderoverlay.IPopupMenunär den använderoverlay.FDatepickerFieldnär den använderoverlay.FNavigationMenupopupmeny när den använderoverlay.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.