CITKParus/P8-Panels
2
0
Fork 2
Code Issues Pull Requests Projects Releases Wiki Activity

ЦИТК-979 - P8PEditorSubHeader - возможность установки предельной ширины и всплывающая подсказка

Browse Source
This commit is contained in:
Mikhail Chechnev 2025-09-11 18:30:45 +03:00
parent aa9568c2fa
commit 3b03f00cc2
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/editors/p8p_editor_sub_header.js
View File

@ -17,7 +17,8 @@ import { Divider, Chip } from "@mui/material"; //Интерфейсные ком
//Стили
const STYLES = {
DIVIDER: pt => ({ paddingTop: pt || pt === 0 ? `${pt}px` : "20px" })
DIVIDER: pt => ({ paddingTop: pt || pt === 0 ? `${pt}px` : "20px" }),
CHIP: maxWidth => ({ cursor: "default", ...(maxWidth ? { maxWidth } : {}) })
};
//-----------
@ -25,11 +26,11 @@ const STYLES = {
//-----------
//Заголовок раздела редактора
const P8PEditorSubHeader = ({ title, paddingTop }) => {
const P8PEditorSubHeader = ({ title, paddingTop, maxWidth }) => {
//Формирование представления
return (
<Divider sx={STYLES.DIVIDER(paddingTop)}>
<Chip label={title} size={"small"} />
<Chip label={title} size={"small"} title={title} sx={STYLES.CHIP(maxWidth)} />
</Divider>
);
};
@ -37,7 +38,8 @@ const P8PEditorSubHeader = ({ title, paddingTop }) => {
//Контроль свойств компонента - Заголовок раздела редактора
P8PEditorSubHeader.propTypes = {
title: PropTypes.string.isRequired,
paddingTop: PropTypes.number
paddingTop: PropTypes.number,
maxWidth: PropTypes.string
};
//----------------