From cfed956897840d40a778a0eafced01169df9aa20 Mon Sep 17 00:00:00 2001
From: pipipi-pikachu <pipipi_pikachu@163.com>
Date: Sun, 25 Jul 2021 15:53:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AF=BC=E5=87=BA=E6=94=AF=E6=8C=81?=
 =?UTF-8?q?=E8=A1=A8=E6=A0=BC=E4=B8=BB=E9=A2=98=E8=89=B2=E3=80=81=E6=96=87?=
 =?UTF-8?q?=E5=AD=97&=E5=BD=A2=E7=8A=B6=E9=98=B4=E5=BD=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useExport.ts | 47 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 46 insertions(+), 1 deletion(-)

diff --git a/src/hooks/useExport.ts b/src/hooks/useExport.ts
index 81c7fe61..e8920758 100644
--- a/src/hooks/useExport.ts
+++ b/src/hooks/useExport.ts
@@ -3,7 +3,7 @@ import { trim } from 'lodash'
 import { saveAs } from 'file-saver'
 import pptxgen from 'pptxgenjs'
 import tinycolor from 'tinycolor2'
-import { getElementRange, getLineElementPath } from '@/utils/element'
+import { getElementRange, getLineElementPath, getTableSubThemeColor } from '@/utils/element'
 import { AST, toAST } from '@/utils/htmlParser'
 import { SvgPoints, toPoints } from '@/utils/svgPathParser'
 import { svg2Base64 } from '@/utils/svg2Base64'
@@ -31,6 +31,8 @@ export default () => {
     }
   }
 
+  type FormatColor = ReturnType<typeof formatColor>
+
   const formatHTML = (html: string) => {
     const ast = toAST(html)
 
@@ -227,6 +229,17 @@ export default () => {
           }
           if (el.defaultColor) options.color = formatColor(el.defaultColor).color
           if (el.defaultFontName) options.fontFace = el.defaultFontName
+          if (el.shadow) {
+            const c = formatColor(el.shadow.color)
+            options.shadow = {
+              type: 'outer',
+              color: c.color.replace('#', ''),
+              opacity: c.alpha,
+              blur: el.shadow.blur * 0.75,
+              offset: (el.shadow.h + el.shadow.v) / 2 * 0.75,
+              angle: 45,
+            }
+          }
 
           pptxSlide.addText(textProps, options)
         }
@@ -288,6 +301,17 @@ export default () => {
                 dashType: el.outline.style === 'solid' ? 'solid' : 'dash',
               }
             }
+            if (el.shadow) {
+              const c = formatColor(el.shadow.color)
+              options.shadow = {
+                type: 'outer',
+                color: c.color.replace('#', ''),
+                opacity: c.alpha,
+                blur: el.shadow.blur * 0.75,
+                offset: (el.shadow.h + el.shadow.v) / 2 * 0.75,
+                angle: 45,
+              }
+            }
             pptxSlide.addShape('custGeom' as pptxgen.ShapeType, options)
           }
         }
@@ -375,6 +399,15 @@ export default () => {
           }
 
           const tableData = []
+
+          const theme = el.theme
+          let themeColor: FormatColor | null = null
+          let subThemeColors: FormatColor[] = []
+          if (theme) {
+            themeColor = formatColor(theme.color)
+            subThemeColors = getTableSubThemeColor(theme.color).map(item => formatColor(item))
+          }
+
           for (let i = 0; i < el.data.length; i++) {
             const row = el.data[i]
             const _row = []
@@ -392,6 +425,18 @@ export default () => {
                 fontFace: cell.style?.fontname || '微软雅黑',
                 fontSize: (cell.style?.fontsize ? parseInt(cell.style?.fontsize) : 14) * 0.75,
               }
+              if (theme && themeColor) {
+                let c: FormatColor
+                if (i % 2 === 0) c = subThemeColors[1]
+                else c = subThemeColors[0]
+
+                if (theme.rowHeader && i === 0) c = themeColor
+                else if (theme.rowFooter && i === el.data.length - 1) c = themeColor
+                else if (theme.colHeader && j === 0) c = themeColor
+                else if (theme.colFooter && j === row.length - 1) c = themeColor
+
+                cellOptions.fill = { color: c.color, transparency: (1 - c.alpha) * 100 }
+              }
               if (cell.style?.backcolor) {
                 const c = formatColor(cell.style.backcolor)
                 cellOptions.fill = { color: c.color, transparency: (1 - c.alpha) * 100 }