From fa8a80792d522a4fa15d86f641e01f278df56fdf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A1=97=E8=A7=92=E5=B0=8F=E6=9E=97?= <1013335014@qq.com>
Date: Thu, 29 Aug 2024 17:48:03 +0800
Subject: [PATCH] =?UTF-8?q?Feat=EF=BC=9A=E4=B8=BB=E9=A2=98=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E9=85=8D=E7=BD=AE=E8=83=8C=E6=99=AF=E6=B8=90=E5=8F=98?=
 =?UTF-8?q?=E7=9A=84=E6=96=B9=E5=90=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 simple-mind-map/src/core/render/node/Style.js |  3 +++
 simple-mind-map/src/themes/default.js         | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/simple-mind-map/src/core/render/node/Style.js b/simple-mind-map/src/core/render/node/Style.js
index f466a503..a4663764 100644
--- a/simple-mind-map/src/core/render/node/Style.js
+++ b/simple-mind-map/src/core/render/node/Style.js
@@ -124,6 +124,8 @@ class Style {
       gradientStyle: this.merge('gradientStyle'),
       startColor: this.merge('startColor'),
       endColor: this.merge('endColor'),
+      startDir: this.merge('startDir'),
+      endDir: this.merge('endDir'),
       fillColor: this.merge('fillColor'),
       borderColor: this.merge('borderColor'),
       borderWidth: this.merge('borderWidth'),
@@ -137,6 +139,7 @@ class Style {
         add.stop(0, styles.startColor)
         add.stop(1, styles.endColor)
       })
+      this._gradient.from(...styles.startDir).to(...styles.endDir)
       node.fill(this._gradient)
     } else {
       node.fill({
diff --git a/simple-mind-map/src/themes/default.js b/simple-mind-map/src/themes/default.js
index 4960f04a..d32049e4 100644
--- a/simple-mind-map/src/themes/default.js
+++ b/simple-mind-map/src/themes/default.js
@@ -82,6 +82,8 @@ export default {
     gradientStyle: false,
     startColor: '#549688',
     endColor: '#fff',
+    startDir: [0, 0],
+    endDir: [1, 0],
     // 连线标记的位置，start（头部）、end（尾部），该配置在showLineMarker配置为true时生效
     lineMarkerDir: 'end'
   },
@@ -105,6 +107,8 @@ export default {
     gradientStyle: false,
     startColor: '#549688',
     endColor: '#fff',
+    startDir: [0, 0],
+    endDir: [1, 0],
     lineMarkerDir: 'end'
   },
   // 三级及以下节点样式
@@ -127,6 +131,8 @@ export default {
     gradientStyle: false,
     startColor: '#549688',
     endColor: '#fff',
+    startDir: [0, 0],
+    endDir: [1, 0],
     lineMarkerDir: 'end'
   },
   // 概要节点样式
@@ -148,7 +154,9 @@ export default {
     textDecoration: 'none',
     gradientStyle: false,
     startColor: '#549688',
-    endColor: '#fff'
+    endColor: '#fff',
+    startDir: [0, 0],
+    endDir: [1, 0]
   }
 }
 
@@ -179,7 +187,9 @@ const nodeSizeIndependenceList = [
   'gradientStyle',
   'lineRadius',
   'startColor',
-  'endColor'
+  'endColor',
+  'startDir',
+  'endDir'
 ]
 export const checkIsNodeSizeIndependenceConfig = config => {
   let keys = Object.keys(config)