adtec-core-package 3.1.7 → 3.1.8

package/src/utils/excelPreviewUtil.ts

@@ -1,16 +1,37 @@
 import * as XLSX from 'xlsx-js-style'
 
+export interface ExcelPreviewCellStyle {
+  backgroundColor?: string
+  color?: string
+  fontWeight?: string
+  fontStyle?: string
+  textDecoration?: string
+  textAlign?: 'left' | 'center' | 'right' | 'justify'
+  verticalAlign?: 'top' | 'middle' | 'bottom'
+  borderTop?: string
+  borderRight?: string
+  borderBottom?: string
+  borderLeft?: string
+  fontSize?: string
+  whiteSpace?: string
+}
+
 export interface ExcelPreviewCell {
   value: string
   row: number
   col: number
   rowSpan?: number
   colSpan?: number
+  style?: ExcelPreviewCellStyle
+  width?: number
 }
 
 export interface ExcelPreviewSheet {
   name: string
   rows: ExcelPreviewCell[][]
+  startCol: number
+  endCol: number
+  colWidths: Record<number, number>
 }
 
 export interface ExcelSearchMatch {
@@ -20,6 +41,168 @@ export interface ExcelSearchMatch {
   text: string
 }
 
+type ColorStyle = { rgb?: string; theme?: number; tint?: number; indexed?: number }
+
+/** Excel 默认主题色（Office 2013+） */
+const EXCEL_THEME_COLORS: Record<number, string> = {
+  0: '#FFFFFF',
+  1: '#000000',
+  2: '#E7E6E6',
+  3: '#44546A',
+  4: '#4472C4',
+  5: '#ED7D31',
+  6: '#A5A5A5',
+  7: '#FFC000',
+  8: '#5B9BD5',
+  9: '#70AD47',
+}
+
+const BORDER_WIDTH: Record<string, string> = {
+  hair: '1px',
+  thin: '1px',
+  medium: '2px',
+  thick: '3px',
+  dashed: '1px',
+  dotted: '1px',
+  double: '3px',
+}
+
+const DEFAULT_COL_WIDTH = 72
+
+const hexToRgb = (hex: string) => {
+  const normalized = hex.replace('#', '')
+  const value =
+    normalized.length === 8 ? normalized.slice(2) : normalized.length === 6 ? normalized : ''
+  if (value.length !== 6) return null
+  return {
+    r: parseInt(value.slice(0, 2), 16),
+    g: parseInt(value.slice(2, 4), 16),
+    b: parseInt(value.slice(4, 6), 16),
+  }
+}
+
+const rgbToHex = (r: number, g: number, b: number) =>
+  `#${[r, g, b]
+    .map((v) => Math.min(255, Math.max(0, Math.round(v))).toString(16).padStart(2, '0'))
+    .join('')}`
+
+const applyTint = (hex: string, tint: number) => {
+  const rgb = hexToRgb(hex)
+  if (!rgb) return hex
+  const mix = tint < 0 ? { r: 0, g: 0, b: 0 } : { r: 255, g: 255, b: 255 }
+  const ratio = Math.abs(tint)
+  return rgbToHex(
+    rgb.r + (mix.r - rgb.r) * ratio,
+    rgb.g + (mix.g - rgb.g) * ratio,
+    rgb.b + (mix.b - rgb.b) * ratio,
+  )
+}
+
+const resolveColor = (color?: ColorStyle): string | undefined => {
+  if (!color) return undefined
+  if (color.rgb) {
+    const raw = color.rgb.replace(/[^0-9a-f]/gi, '')
+    if (raw.length === 8) return `#${raw.slice(2)}`
+    if (raw.length === 6) return `#${raw}`
+    return undefined
+  }
+  if (color.theme != null) {
+    const base = EXCEL_THEME_COLORS[color.theme] ?? '#FFFFFF'
+    return color.tint ? applyTint(base, color.tint) : base
+  }
+  return undefined
+}
+
+const resolveBorderSide = (side?: { style?: string; color?: ColorStyle }) => {
+  if (!side?.style || side.style === 'none') return undefined
+  const width = BORDER_WIDTH[side.style] ?? '1px'
+  const color = resolveColor(side.color) ?? '#d0d0d0'
+  const lineStyle = side.style === 'dashed' ? 'dashed' : side.style === 'dotted' ? 'dotted' : 'solid'
+  return `${width} ${lineStyle} ${color}`
+}
+
+const extractCellStyle = (cell?: XLSX.CellObject): ExcelPreviewCellStyle | undefined => {
+  const rawStyle = cell?.s
+  if (!rawStyle || typeof rawStyle === 'number') return undefined
+  const style = rawStyle as Record<string, unknown>
+  const css: ExcelPreviewCellStyle = {}
+
+  const fill = style.fill as { patternType?: string; fgColor?: ColorStyle; bgColor?: ColorStyle } | undefined
+  if (fill && fill.patternType !== 'none') {
+    const bg = resolveColor(fill.fgColor) || resolveColor(fill.bgColor)
+    if (bg) css.backgroundColor = bg
+  }
+
+  const font = style.font as {
+    bold?: boolean
+    italic?: boolean
+    underline?: boolean | string
+    sz?: number | string
+    color?: ColorStyle
+  } | undefined
+  if (font) {
+    if (font.bold) css.fontWeight = 'bold'
+    if (font.italic) css.fontStyle = 'italic'
+    if (font.underline) css.textDecoration = 'underline'
+    if (font.sz) css.fontSize = `${font.sz}pt`
+    const color = resolveColor(font.color)
+    if (color) css.color = color
+  }
+
+  const alignment = style.alignment as {
+    horizontal?: string
+    vertical?: string
+    wrapText?: boolean
+  } | undefined
+  if (alignment) {
+    if (alignment.horizontal && alignment.horizontal !== 'general') {
+      css.textAlign = alignment.horizontal as ExcelPreviewCellStyle['textAlign']
+    }
+    if (alignment.vertical) {
+      css.verticalAlign =
+        alignment.vertical === 'center'
+          ? 'middle'
+          : (alignment.vertical as ExcelPreviewCellStyle['verticalAlign'])
+    }
+    if (alignment.wrapText) css.whiteSpace = 'pre-wrap'
+  }
+
+  const border = style.border as Record<string, { style?: string; color?: ColorStyle }> | undefined
+  if (border) {
+    const top = resolveBorderSide(border.top)
+    const right = resolveBorderSide(border.right)
+    const bottom = resolveBorderSide(border.bottom)
+    const left = resolveBorderSide(border.left)
+    if (top) css.borderTop = top
+    if (right) css.borderRight = right
+    if (bottom) css.borderBottom = bottom
+    if (left) css.borderLeft = left
+  }
+
+  return Object.keys(css).length > 0 ? css : undefined
+}
+
+export const cellStyleToCss = (style?: ExcelPreviewCellStyle): Record<string, string> => {
+  if (!style) return {}
+  const css: Record<string, string> = {}
+  if (style.backgroundColor) css.backgroundColor = style.backgroundColor
+  if (style.color) css.color = style.color
+  if (style.fontWeight) css.fontWeight = style.fontWeight
+  if (style.fontStyle) css.fontStyle = style.fontStyle
+  if (style.textDecoration) css.textDecoration = style.textDecoration
+  if (style.textAlign) css.textAlign = style.textAlign
+  if (style.verticalAlign) css.verticalAlign = style.verticalAlign
+  if (style.borderTop) css.borderTop = style.borderTop
+  if (style.borderRight) css.borderRight = style.borderRight
+  if (style.borderBottom) css.borderBottom = style.borderBottom
+  if (style.borderLeft) css.borderLeft = style.borderLeft
+  if (style.fontSize) css.fontSize = style.fontSize
+  if (style.whiteSpace) css.whiteSpace = style.whiteSpace
+  return css
+}
+
+export const toExcelColumnLabel = (colIndex: number) => XLSX.utils.encode_col(colIndex)
+
 const formatCellValue = (cell?: XLSX.CellObject) => {
   if (!cell) return ''
   if (cell.w != null && cell.w !== '') return String(cell.w)
@@ -31,18 +214,38 @@ const formatCellValue = (cell?: XLSX.CellObject) => {
   return String(cell.v)
 }
 
+const parseColWidths = (sheet: XLSX.WorkSheet, startCol: number, endCol: number) => {
+  const cols = sheet['!cols'] || []
+  const widths: Record<number, number> = {}
+  for (let c = startCol; c <= endCol; c++) {
+    const col = cols[c]
+    if (col?.wpx) widths[c] = col.wpx
+    else if (col?.wch) widths[c] = Math.max(48, col.wch * 7)
+    else widths[c] = DEFAULT_COL_WIDTH
+  }
+  return widths
+}
+
 export const parseExcelWorkbook = async (src: Blob | ArrayBuffer): Promise<ExcelPreviewSheet[]> => {
   const buffer = src instanceof Blob ? await src.arrayBuffer() : src
-  const workbook = XLSX.read(buffer, { type: 'array', cellDates: true })
-  return workbook.SheetNames.map((name) => ({
-    name,
-    rows: buildSheetRows(workbook.Sheets[name]),
-  }))
+  const workbook = XLSX.read(buffer, { type: 'array', cellDates: true, cellStyles: true })
+  return workbook.SheetNames.map((name) => {
+    const sheet = workbook.Sheets[name]
+    const range = sheet?.['!ref'] ? XLSX.utils.decode_range(sheet['!ref']) : null
+    return {
+      name,
+      rows: buildSheetRows(sheet),
+      startCol: range?.s.c ?? 0,
+      endCol: range?.e.c ?? 0,
+      colWidths: range ? parseColWidths(sheet, range.s.c, range.e.c) : {},
+    }
+  })
 }
 
 const buildSheetRows = (sheet?: XLSX.WorkSheet): ExcelPreviewCell[][] => {
   if (!sheet || !sheet['!ref']) return []
   const range = XLSX.utils.decode_range(sheet['!ref'])
+  const colWidths = parseColWidths(sheet, range.s.c, range.e.c)
   const mergeStarts = new Map<string, { rowSpan: number; colSpan: number }>()
   const covered = new Set<string>()
 
@@ -63,13 +266,16 @@ const buildSheetRows = (sheet?: XLSX.WorkSheet): ExcelPreviewCell[][] => {
     for (let c = range.s.c; c <= range.e.c; c++) {
       if (covered.has(`${r},${c}`)) continue
       const addr = XLSX.utils.encode_cell({ r, c })
+      const cellObj = sheet[addr]
       const merge = mergeStarts.get(`${r},${c}`)
       row.push({
-        value: formatCellValue(sheet[addr]),
+        value: formatCellValue(cellObj),
         row: r,
         col: c,
         rowSpan: merge?.rowSpan,
         colSpan: merge?.colSpan,
+        style: extractCellStyle(cellObj),
+        width: colWidths[c],
       })
     }
     if (row.length > 0) rows.push(row)