From 9c48e1d8b14c7ebc41a4bd90efb335a8c85fdda1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9A=D1=83=D1=80=D0=BD=D0=B0=D1=82=20=D0=90=D0=BD=D0=B4?= =?UTF-8?q?=D1=80=D0=B5=D0=B9?= Date: Mon, 1 Jun 2026 06:19:24 +0300 Subject: [PATCH] Add QExcell cell text colors --- README.md | 4 ++-- src/data/sampleData.ts | 5 +++++ src/features/qexcell/QExcell.tsx | 27 +++++++++++++++++++++++++++ src/io/excellOffice.test.ts | 12 ++++++------ src/io/excellOffice.ts | 15 ++++++++++----- src/types.ts | 1 + 6 files changed, 51 insertions(+), 13 deletions(-) diff --git a/README.md b/README.md index 5950eaf..5281fd0 100644 --- a/README.md +++ b/README.md @@ -32,7 +32,7 @@ npm run build ## Поддержка форматов - QWord открывает `.docx` и сохраняет `.docx`; при импорте базовых DOCX-абзацев читает выравнивание, явные цвета текста и подсветку из OOXML, а при экспорте DOCX сохраняются заголовки, абзацы, выравнивание абзацев, списки, простые таблицы, внешние гиперссылки, базовые растровые изображения и базовое inline-форматирование текста: полужирный, курсив, подчеркивание, цвет текста и подсветка. -- QExcell открывает `.xlsx` и сохраняет `.xlsx`; сетка расширяется по фактически заполненным ячейкам, поддерживает несколько листов, формулы за пределами стартового диапазона A-H, базовые merged cells, внешние гиперссылки ячеек, базовые диаграммы листа и базовое форматирование ячеек: полужирный, курсив, подчеркивание, заливку и числовые форматы XLSX для дат, процентов, денежных и дробных значений. +- QExcell открывает `.xlsx` и сохраняет `.xlsx`; сетка расширяется по фактически заполненным ячейкам, поддерживает несколько листов, формулы за пределами стартового диапазона A-H, базовые merged cells, внешние гиперссылки ячеек, базовые диаграммы листа и базовое форматирование ячеек: полужирный, курсив, подчеркивание, цвет текста, заливку и числовые форматы XLSX для дат, процентов, денежных и дробных значений. - QPowerPoint открывает `.pptx` и сохраняет `.pptx`; импорт учитывает порядок слайдов из `presentation.xml`, читает заметки докладчика через relationships слайда и сохраняет базовые растровые изображения слайдов. - QOutlook открывает `.eml` и одиночные сообщения Outlook `.msg`, сохраняет письма в `.eml`; импорт EML поддерживает простые текстовые письма, `multipart/alternative`, `multipart/mixed`, `text/plain`, fallback из `text/html` в читаемый текст, base64, quoted-printable и MIME-вложения. Импорт MSG читает тему, отправителя, получателей, текст/HTML body и вложения, если эти поля доступны в MSG-файле. Новые письма можно сохранять в EML вместе с добавленными файлами. `.pst` и экспорт в `.msg` пока не реализованы. @@ -46,7 +46,7 @@ Desktop-меню поддерживает системные команды дл - `Ctrl/Cmd+Shift+E`: экспортировать текущую рабочую область в PDF. - `Ctrl/Cmd+P`: печать текущей рабочей области. -Импорт и экспорт реализуют базовую совместимость с Office Open XML, EML и чтением MSG: текст, базовое inline-форматирование, явные `w:color`, `w:shd` и `w:highlight` для цвета/подсветки текста DOCX, выравнивание абзацев DOCX, внешние гиперссылки DOCX/XLSX, базовые растровые изображения DOCX/PPTX, простые таблицы, несколько листов XLSX, ячейки, формулы, базовые merged cells, базовые стили, числовые форматы и простые bar/line/pie диаграммы ячеек XLSX, текстовые слайды PPTX, заметки докладчика, MIME-вложения EML и базовые поля одиночных MSG-писем. Сложные стили, макросы, сложные диаграммы, сложное позиционирование и обтекание изображений, PST, экспорт MSG и полная fidelity документов Microsoft Office в текущем инкременте не заявлены. +Импорт и экспорт реализуют базовую совместимость с Office Open XML, EML и чтением MSG: текст, базовое inline-форматирование, явные `w:color`, `w:shd` и `w:highlight` для цвета/подсветки текста DOCX, выравнивание абзацев DOCX, внешние гиперссылки DOCX/XLSX, базовые растровые изображения DOCX/PPTX, простые таблицы, несколько листов XLSX, ячейки, формулы, базовые merged cells, базовые стили, цвета текста ячеек, числовые форматы и простые bar/line/pie диаграммы ячеек XLSX, текстовые слайды PPTX, заметки докладчика, MIME-вложения EML и базовые поля одиночных MSG-писем. Сложные стили, макросы, сложные диаграммы, сложное позиционирование и обтекание изображений, PST, экспорт MSG и полная fidelity документов Microsoft Office в текущем инкременте не заявлены. ## Сборка пакета diff --git a/src/data/sampleData.ts b/src/data/sampleData.ts index e8991ed..6bf729b 100644 --- a/src/data/sampleData.ts +++ b/src/data/sampleData.ts @@ -69,6 +69,11 @@ export const initialState: QOfficeState = { }, mergedCells: [{ start: "A8", end: "E8" }], cellFormats: { + A1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE" }, + B1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE" }, + C1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE" }, + D1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE" }, + E1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE" }, B2: { numberFormat: "# ##0.00 ₽" }, C2: { numberFormat: "# ##0.00 ₽" }, D2: { numberFormat: "# ##0.00 ₽" }, diff --git a/src/features/qexcell/QExcell.tsx b/src/features/qexcell/QExcell.tsx index 671d8c2..098f6f2 100644 --- a/src/features/qexcell/QExcell.tsx +++ b/src/features/qexcell/QExcell.tsx @@ -17,6 +17,7 @@ import { Save, Sigma, Trash2, + Type, Underline } from "lucide-react"; import type { CellFormat, SheetChart, SheetChartType, Workbook } from "../../types"; @@ -48,6 +49,15 @@ const fillSwatches = [ { color: "EADCF8", label: "Светло-фиолетовая заливка" } ]; +const textColorSwatches = [ + { color: "", label: "Авто цвет текста" }, + { color: "202124", label: "Черный текст" }, + { color: "0F5FAE", label: "Синий текст" }, + { color: "0F766E", label: "Зеленый текст" }, + { color: "C2410C", label: "Красный текст" }, + { color: "7C3AED", label: "Фиолетовый текст" } +]; + const numberFormatOptions = [ { value: "", label: "Обычный" }, { value: "0.00", label: "Число" }, @@ -85,12 +95,14 @@ function normalizedFillColor(value?: string) { } function normalizedCellFormat(format: CellFormat): CellFormat | undefined { + const textColor = normalizedFillColor(format.textColor); const fillColor = normalizedFillColor(format.fillColor); const numberFormat = format.numberFormat?.trim(); const normalized: CellFormat = { ...(format.bold ? { bold: true } : {}), ...(format.italics ? { italics: true } : {}), ...(format.underline ? { underline: true } : {}), + ...(textColor ? { textColor } : {}), ...(fillColor ? { fillColor } : {}), ...(numberFormat ? { numberFormat } : {}) }; @@ -103,6 +115,7 @@ function cellInputStyle(format?: CellFormat): CSSProperties { ...(format?.bold ? { fontWeight: 700 } : {}), ...(format?.italics ? { fontStyle: "italic" } : {}), ...(format?.underline ? { textDecoration: "underline" } : {}), + ...(format?.textColor ? { color: `#${format.textColor}` } : {}), ...(format?.fillColor ? { backgroundColor: `#${format.fillColor}` } : {}) }; } @@ -462,6 +475,20 @@ export function QExcell({ workbook, onChange }: QExcellProps) { /> ))} +
+