diff --git a/README.md b/README.md index 5281fd0..1b78f02 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 6bf729b..2adbe20 100644 --- a/src/data/sampleData.ts +++ b/src/data/sampleData.ts @@ -69,11 +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" }, + A1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE", horizontalAlign: "center" }, + B1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE", horizontalAlign: "center" }, + C1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE", horizontalAlign: "center" }, + D1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE", horizontalAlign: "center" }, + E1: { bold: true, textColor: "FFFFFF", fillColor: "0F5FAE", horizontalAlign: "center" }, 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 098f6f2..f3f5ec0 100644 --- a/src/features/qexcell/QExcell.tsx +++ b/src/features/qexcell/QExcell.tsx @@ -1,6 +1,9 @@ import { useMemo, useRef, useState } from "react"; import type { CSSProperties } from "react"; import { + AlignCenter, + AlignLeft, + AlignRight, BarChart3, Bold, Download, @@ -73,6 +76,12 @@ const chartTypeOptions: Array<{ value: SheetChartType; label: string }> = [ { value: "pie", label: "Круговая" } ]; +const horizontalAlignOptions = [ + { value: "left", label: "По левому краю", icon: AlignLeft }, + { value: "center", label: "По центру", icon: AlignCenter }, + { value: "right", label: "По правому краю", icon: AlignRight } +] as const; + function normalizedLinkInput(value: string | null) { const raw = value?.trim(); if (!raw) { @@ -97,6 +106,7 @@ function normalizedFillColor(value?: string) { function normalizedCellFormat(format: CellFormat): CellFormat | undefined { const textColor = normalizedFillColor(format.textColor); const fillColor = normalizedFillColor(format.fillColor); + const horizontalAlign = normalizedHorizontalAlign(format.horizontalAlign); const numberFormat = format.numberFormat?.trim(); const normalized: CellFormat = { ...(format.bold ? { bold: true } : {}), @@ -104,6 +114,7 @@ function normalizedCellFormat(format: CellFormat): CellFormat | undefined { ...(format.underline ? { underline: true } : {}), ...(textColor ? { textColor } : {}), ...(fillColor ? { fillColor } : {}), + ...(horizontalAlign ? { horizontalAlign } : {}), ...(numberFormat ? { numberFormat } : {}) }; @@ -116,10 +127,15 @@ function cellInputStyle(format?: CellFormat): CSSProperties { ...(format?.italics ? { fontStyle: "italic" } : {}), ...(format?.underline ? { textDecoration: "underline" } : {}), ...(format?.textColor ? { color: `#${format.textColor}` } : {}), - ...(format?.fillColor ? { backgroundColor: `#${format.fillColor}` } : {}) + ...(format?.fillColor ? { backgroundColor: `#${format.fillColor}` } : {}), + ...(format?.horizontalAlign ? { textAlign: format.horizontalAlign } : {}) }; } +function normalizedHorizontalAlign(value?: string) { + return value === "left" || value === "center" || value === "right" ? value : ""; +} + function normalizedChartRange(value: string) { const raw = value.trim().replace(/\$/g, "").toUpperCase(); const [start, end = start] = raw.split(":"); @@ -461,6 +477,22 @@ export function QExcell({ workbook, onChange }: QExcellProps) { > + {horizontalAlignOptions.map((option) => { + const Icon = option.icon; + const isActive = selectedCellFormat.horizontalAlign === option.value; + return ( + + ); + })}