P8-Panels/app/theme/variants/p8p_icon_variants.js

52 lines
1.4 KiB
JavaScript

/*
Парус 8 - Панели мониторинга
Расширение стилистики Icon
*/
//---------------------
//Подключение библиотек
//---------------------
import { P8P_COMPONENT_HEIGHT, P8P_COMPONENT_WIDTH } from "../styles/common"; //Стили - общие
//----------------
//Интерфейс модуля
//----------------
//Кастомные иконки
export const P8P_ICONS = {
primary: {},
P8PTableColumnMenu: {
marginRight: "10px"
},
P8PPanelMenuTitle: {
paddingTop: "4px"
},
P8PDesktopPanel: {
...P8P_COMPONENT_WIDTH({ width: "48px" }),
...P8P_COMPONENT_HEIGHT({ height: "48px" }),
// width: "48px",
// height: "48px",
fontSize: "48px"
}
};
//Наименование кастомных иконок
export const P8P_ICON_VARIANT = {
TABLE_COLUMN_MENU: "P8PTableColumnMenu",
PANEL_MENU_TITLE: "P8PPanelMenuTitle",
DESKTOP_PANEL: "P8PDesktopPanel"
};
//Кастомная стилистика компонента
export const P8P_ICON_OVERRIDES = {
styleOverrides: {
root: ({ ownerState }) => {
//Определяем вариант
const variant = ownerState?.variant || "primary";
//Возвращаем стили варианта
return P8P_ICONS[variant];
}
}
};