forked from CITKParus/P8-Panels
53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
/*
|
|
Парус 8 - Панели мониторинга
|
|
Расширение стилистики Grid
|
|
*/
|
|
|
|
//---------------------
|
|
//Подключение библиотек
|
|
//---------------------
|
|
|
|
import { P8P_COMPONENT_HEIGHT, P8P_COMPONENT_WIDTH } from "../styles/common"; //Стили - общие
|
|
|
|
//----------------
|
|
//Интерфейс модуля
|
|
//----------------
|
|
|
|
//Кастомные сетки
|
|
export const P8P_GRIDS = {
|
|
primary: {},
|
|
P8PPrimary: {},
|
|
P8PSvgContainer: {
|
|
...P8P_COMPONENT_WIDTH({ width: "100%" }),
|
|
...P8P_COMPONENT_HEIGHT({ height: "100%" })
|
|
//width: "100%",
|
|
//height: "100%"
|
|
},
|
|
P8PPanelsMenu: {
|
|
...P8P_COMPONENT_WIDTH({ maxWidth: 1200 }),
|
|
//maxWidth: 1200,
|
|
direction: "row",
|
|
justifyContent: "left",
|
|
alignItems: "stretch"
|
|
}
|
|
};
|
|
|
|
//Наименование кастомных сеток
|
|
export const P8P_GRID_VARIANT = {
|
|
PRIMARY: "P8PPrimary",
|
|
SVG_CONTAINER: "P8PSvgContainer",
|
|
PANELS_MENU: "P8PPanelsMenu"
|
|
};
|
|
|
|
//Кастомная стилистика компонента
|
|
export const P8P_GRID_OVERRIDES = {
|
|
styleOverrides: {
|
|
root: ({ ownerState }) => {
|
|
//Определяем вариант
|
|
const variant = ownerState["variant"] || "primary";
|
|
//Возвращаем стили варианта
|
|
return P8P_GRIDS[variant];
|
|
}
|
|
}
|
|
};
|