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 = { 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 ( return (
<Divider sx={STYLES.DIVIDER(paddingTop)}> <Divider sx={STYLES.DIVIDER(paddingTop)}>
<Chip label={title} size={"small"} /> <Chip label={title} size={"small"} title={title} sx={STYLES.CHIP(maxWidth)} />
</Divider> </Divider>
); );
}; };
@ -37,7 +38,8 @@ const P8PEditorSubHeader = ({ title, paddingTop }) => {
//Контроль свойств компонента - Заголовок раздела редактора //Контроль свойств компонента - Заголовок раздела редактора
P8PEditorSubHeader.propTypes = { P8PEditorSubHeader.propTypes = {
title: PropTypes.string.isRequired, title: PropTypes.string.isRequired,
paddingTop: PropTypes.number paddingTop: PropTypes.number,
maxWidth: PropTypes.string
}; };
//---------------- //----------------