From 1206369874bed281e7bfeb46f4595f569e7bbe47 Mon Sep 17 00:00:00 2001
From: chenshenhai <cshenhai@gmail.com>
Date: Mon, 26 Jul 2021 11:43:43 +0800
Subject: [PATCH] feat: support element bgColor desc

---
 packages/core/examples/features/lib/data/text.js | 4 ++++
 packages/core/src/lib/draw/text.ts               | 4 ++--
 packages/types/src/lib/element.ts                | 1 +
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/core/examples/features/lib/data/text.js b/packages/core/examples/features/lib/data/text.js
index 6d8a1dc..06ff18d 100644
--- a/packages/core/examples/features/lib/data/text.js
+++ b/packages/core/examples/features/lib/data/text.js
@@ -16,6 +16,7 @@ const data = {
         borderRadius: 20,
         borderWidth: 2,
         borderColor: "#bd0b64",
+        bgColor: '#f0f0f0',
       },
     },
     {
@@ -33,6 +34,7 @@ const data = {
         borderRadius: 60,
         borderWidth: 10,
         borderColor: "#bd0b64",
+        bgColor: '#f0f0f0',
       },
     },
     {
@@ -51,6 +53,7 @@ const data = {
         borderRadius: 20,
         borderWidth: 2,
         borderColor: "#bd0b64",
+        bgColor: '#f0f0f0',
       },
     },
     {
@@ -69,6 +72,7 @@ const data = {
         borderRadius: 20,
         borderWidth: 2,
         borderColor: "#bd0b64",
+        bgColor: '#f0f0f0',
       },
     },
   ],
diff --git a/packages/core/src/lib/draw/text.ts b/packages/core/src/lib/draw/text.ts
index cf7e960..7ef7e47 100644
--- a/packages/core/src/lib/draw/text.ts
+++ b/packages/core/src/lib/draw/text.ts
@@ -5,7 +5,7 @@ import {
   TypeHelperConfig,
 } from '@idraw/types';
 import Loader from '../loader';
-import { clearContext, drawBoxBorder } from './base';
+import { clearContext, drawBox } from './base';
 import { rotateElement } from './../transform';
 
 export function drawText(
@@ -15,7 +15,7 @@ export function drawText(
   helperConfig: TypeHelperConfig
 ) {
   clearContext(ctx);
-  drawBoxBorder(ctx, elem);
+  drawBox(ctx, elem, elem.desc.bgColor);
   rotateElement(ctx, elem, () => {
 
     const desc: TypeElemDescText = {
diff --git a/packages/types/src/lib/element.ts b/packages/types/src/lib/element.ts
index a2926e9..35e2d0f 100644
--- a/packages/types/src/lib/element.ts
+++ b/packages/types/src/lib/element.ts
@@ -43,6 +43,7 @@ type TypeElemDescText = {
   // fontWeight?: string;
   fontFamily?: string;
   textAlign?: 'center' | 'left' | 'right';
+  bgColor: string;
 } & TypeElemBoxDesc
 
 // type TypeElemDescCircle = {