From be229a0c04c01c2e1f5f8d49c2122cd2ffac2d0e 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: Wed, 11 Dec 2024 17:54:27 +0800
Subject: [PATCH] =?UTF-8?q?Demo=EF=BC=9A=E6=94=AF=E6=8C=81=E5=8D=95?=
 =?UTF-8?q?=E7=8B=AC=E8=AE=BE=E7=BD=AE=E6=AF=8F=E6=9D=A1=E5=85=B3=E8=81=94?=
 =?UTF-8?q?=E7=BA=BF=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     | 194 ++++----
 web/src/assets/avatar/黄智彪@一米一栗科技.png | Bin 0 -> 10791 bytes
 .../Edit/components/AssociativeLineStyle.vue  | 420 ++++++++++++++++++
 web/src/pages/Edit/components/Edit.vue        |   5 +-
 4 files changed, 528 insertions(+), 91 deletions(-)
 create mode 100644 web/src/assets/avatar/黄智彪@一米一栗科技.png
 create mode 100644 web/src/pages/Edit/components/AssociativeLineStyle.vue

diff --git a/README.md b/README.md
index 3fd24cbe..593ebaef 100644
--- a/README.md
+++ b/README.md
@@ -93,13 +93,11 @@ const mindMap = new MindMap({
 });
 ```
 
-即可得到一个思维导图。
-
-想要实现更多功能？可以查看[开发文档](https://wanglin2.github.io/mind-map-docs/)。
+即可得到一个思维导图。想要实现更多功能？可以查看[开发文档](https://wanglin2.github.io/mind-map-docs/)。
 
 # License
 
-[MIT](./LICENSE)。保留`mind-map`版权声明的情况下可随意商用。如不想保留可联系作者。
+[MIT](./LICENSE)。保留`mind-map`版权声明的情况下可随意商用，如不想保留可联系作者。
 
 # 微信交流群
 
@@ -117,19 +115,119 @@ const mindMap = new MindMap({
 
 # 请作者喝杯咖啡
 
-开源不易，如果本项目有帮助到你的话，可以考虑请作者喝杯咖啡~
+开源不易，如果本项目有帮助到你的话，可以考虑请作者喝杯咖啡~你的赞助对项目的可持续发展非常重要，是作者持续维护的最大动力。
 
 > 推荐使用支付宝，微信获取不到头像。转账请备注【思维导图】。
 >
 > 也可以通过购买付费插件来支持我们：[付费插件](https://wanglin2.github.io/mind-map-docs/plugins/about.html)。
 >
-> 为什么需要你的赞助：simple-mind-map 的目标是成为开源中最好的思维导图，为开发者提供一个快速实现思维导图产品的js库，为用户提供一个免费好用的思维导图软件，为了这个目标，作者已经持续开发维护了3年多，耗费了非常多的精力，随着时间的推移，simple-mind-map 已经取得了一定的成绩，相比最初，无论是功能，还是体验都已经有了翻天覆地的改变，但是收益方面却可以忽略不计，因为 simple-mind-map 是采用 MIT 许可的开源项目，永久免费，保留版权下可随意商用，这也意味着很难直接通过项目获取收益，为爱发电的激情总会慢慢消退，所以你的赞助对项目的可持续发展非常重要，是作者持续维护的最大动力。
+> 赞助等级：最强王者（￥500+）、星耀赞助（￥300+）、钻石赞助（￥150+）、黄金赞助（￥50+）、青铜赞助
 
 <p>
   <img src="./web/src/assets/img/alipay.jpg" style="width: 300px" />
   <img src="./web/src/assets/img/wechat.jpg" style="width: 300px" />
 </p>
 
+## 钻石赞助
+
+<p>
+    <span>
+        <img src="./web/src/assets/avatar/黄智彪@一米一栗科技.png" style="width: 50px;height: 50px;" />
+        <span>黄智彪@一米一栗科技</span>
+    </span>
+</p>
+
+## 黄金赞助
+
+<p>
+    <span>
+        <img src="./web/src/assets/avatar/小土渣的宇宙.jpeg" style="width: 50px;height: 50px;" />
+        <span>小土渣的宇宙</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/Chris.jpg" style="width: 50px;height: 50px;" />
+        <span>Chris</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/仓鼠.jpg" style="width: 50px;height: 50px;" />
+        <span>仓鼠</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/风格.jpg" style="width: 50px;height: 50px;" />
+        <span>风格</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>LiuJL</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/Kyle.jpg" style="width: 50px;height: 50px;" />
+        <span>Kyle</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/秀树因馨雨.jpg" style="width: 50px;height: 50px;" />
+        <span>秀树因馨雨</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>黄泳</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/ccccs.jpg" style="width: 50px;height: 50px;" />
+        <span>ccccs</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/炫.jpg" style="width: 50px;height: 50px;" />
+        <span>炫</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>晏江</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/梁辉.jpg" style="width: 50px;height: 50px;" />
+        <span>梁辉</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/千帆.jpg" style="width: 50px;height: 50px;" />
+        <span>千帆</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/布林.jpg" style="width: 50px;height: 50px;" />
+        <span>布林</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/达仁科技.jpg" style="width: 50px;height: 50px;" />
+        <span>达仁科技</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/沐风牧草.jpg" style="width: 50px;height: 50px;" />
+        <span>沐风牧草</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/俊奇.jpg" style="width: 50px;height: 50px;" />
+        <span>俊奇</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/庆国.jpg" style="width: 50px;height: 50px;" />
+        <span>庆国</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
+        <span>Matt</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/雨馨.jpg" style="width: 50px;height: 50px;" />
+        <span>雨馨</span>
+    </span>
+    <span>
+        <img src="./web/src/assets/avatar/峰.jpg" style="width: 50px;height: 50px;" />
+        <span>峰</span>
+    </span>
+</p>
+
+## 青铜赞助
+
 <p>
     <span>
         <img src="./web/src/assets/avatar/Think.jpg" style="width: 50px;height: 50px;" />
@@ -139,10 +237,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/志斌.jpg" style="width: 50px;height: 50px;" />
         <span>志斌</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/小土渣的宇宙.jpeg" style="width: 50px;height: 50px;" />
-        <span>小土渣的宇宙</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/qp.jpg" style="width: 50px;height: 50px;" />
         <span>qp</span>
@@ -159,22 +253,10 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/suka.jpg" style="width: 50px;height: 50px;" />
         <span>suka</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/Chris.jpg" style="width: 50px;height: 50px;" />
-        <span>Chris</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/水车.jpg" style="width: 50px;height: 50px;" />
         <span>水车</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/仓鼠.jpg" style="width: 50px;height: 50px;" />
-        <span>仓鼠</span>
-    </span>
-    <span>
-        <img src="./web/src/assets/avatar/千帆.jpg" style="width: 50px;height: 50px;" />
-        <span>千帆</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/才镇.jpg" style="width: 50px;height: 50px;" />
         <span>才镇</span>
@@ -191,10 +273,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>Luke</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/布林.jpg" style="width: 50px;height: 50px;" />
-        <span>布林</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/南风.jpg" style="width: 50px;height: 50px;" />
         <span>南风</span>
@@ -211,10 +289,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/敏.jpg" style="width: 50px;height: 50px;" />
         <span>敏</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/沐风牧草.jpg" style="width: 50px;height: 50px;" />
-        <span>沐风牧草</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/有希.jpg" style="width: 50px;height: 50px;" />
         <span>有希</span>
@@ -223,10 +297,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/樊笼.jpg" style="width: 50px;height: 50px;" />
         <span>樊笼</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/达仁科技.jpg" style="width: 50px;height: 50px;" />
-        <span>达仁科技</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/小逗比.png" style="width: 50px;height: 50px;" />
         <span>小逗比</span>
@@ -303,10 +373,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/旭东.png" style="width: 50px;height: 50px;" />
         <span>旭东</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/俊奇.jpg" style="width: 50px;height: 50px;" />
-        <span>俊奇</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/橘半.jpg" style="width: 50px;height: 50px;" />
         <span>橘半</span>
@@ -319,10 +385,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/皇登攀.jpg" style="width: 50px;height: 50px;" />
         <span>皇登攀</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/风格.jpg" style="width: 50px;height: 50px;" />
-        <span>风格</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>SR</span>
@@ -331,10 +393,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/逆水行舟.jpg" style="width: 50px;height: 50px;" />
         <span>逆水行舟</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
-        <span>LiuJL</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/L.jpg" style="width: 50px;height: 50px;" />
         <span>L</span>
@@ -359,10 +417,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>铁</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/庆国.jpg" style="width: 50px;height: 50px;" />
-        <span>庆国</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/Alex.jpg" style="width: 50px;height: 50px;" />
         <span>Alex</span>
@@ -379,18 +433,10 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/最多5个字.jpg" style="width: 50px;height: 50px;" />
         <span>最多5个字</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/雨馨.jpg" style="width: 50px;height: 50px;" />
-        <span>雨馨</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/ZX.jpg" style="width: 50px;height: 50px;" />
         <span>ZX</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/峰.jpg" style="width: 50px;height: 50px;" />
-        <span>峰</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>协成</span>
@@ -403,18 +449,10 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/好名字.jpg" style="width: 50px;height: 50px;" />
         <span>好名字</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/Kyle.jpg" style="width: 50px;height: 50px;" />
-        <span>Kyle</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/lsytyrt.jpg" style="width: 50px;height: 50px;" />
         <span>lsytyrt</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/秀树因馨雨.jpg" style="width: 50px;height: 50px;" />
-        <span>秀树因馨雨</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/buddy.jpg" style="width: 50px;height: 50px;" />
         <span>buddy</span>
@@ -435,14 +473,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/晴空.jpg" style="width: 50px;height: 50px;" />
         <span>晴空</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
-        <span>黄泳</span>
-    </span>
-    <span>
-        <img src="./web/src/assets/avatar/ccccs.jpg" style="width: 50px;height: 50px;" />
-        <span>ccccs</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/。.png" style="width: 50px;height: 50px;" />
         <span>。</span>
@@ -455,10 +485,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/张文建.jpg" style="width: 50px;height: 50px;" />
         <span>张文建</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/炫.jpg" style="width: 50px;height: 50px;" />
-        <span>炫</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/Lawliet.jpg" style="width: 50px;height: 50px;" />
         <span>Lawliet</span>
@@ -467,10 +493,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/一叶孤舟.jpg" style="width: 50px;height: 50px;" />
         <span>一叶孤舟</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
-        <span>晏江</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>Eric</span>
@@ -483,10 +505,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
         <span>中文网字计划-江夏尧</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/梁辉.jpg" style="width: 50px;height: 50px;" />
-        <span>梁辉</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/海云.jpg" style="width: 50px;height: 50px;" />
         <span>海云</span>
@@ -499,10 +517,6 @@ const mindMap = new MindMap({
         <img src="./web/src/assets/avatar/h.r.w.jpg" style="width: 50px;height: 50px;" />
         <span>h.r.w</span>
     </span>
-    <span>
-        <img src="./web/src/assets/avatar/default.png" style="width: 50px;height: 50px;" />
-        <span>Matt</span>
-    </span>
     <span>
         <img src="./web/src/assets/avatar/时光匆匆.png" style="width: 50px;height: 50px;" />
         <span>时光匆匆</span>
diff --git a/web/src/assets/avatar/黄智彪@一米一栗科技.png b/web/src/assets/avatar/黄智彪@一米一栗科技.png
new file mode 100644
index 0000000000000000000000000000000000000000..c8925d2d8e532e6f0e7f060ce079b18816f6b10d
GIT binary patch
literal 10791
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

literal 0
HcmV?d00001

diff --git a/web/src/pages/Edit/components/AssociativeLineStyle.vue b/web/src/pages/Edit/components/AssociativeLineStyle.vue
new file mode 100644
index 00000000..badd37d5
--- /dev/null
+++ b/web/src/pages/Edit/components/AssociativeLineStyle.vue
@@ -0,0 +1,420 @@
+<template>
+  <Sidebar ref="sidebar" :title="'关联线样式'">
+    <div class="sidebarContent" :class="{ isDark: isDark }">
+      <div class="title noTop">{{ $t('baseStyle.associativeLine') }}</div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">{{ $t('baseStyle.associativeLineColor') }}</span>
+          <span
+            class="block"
+            v-popover:popover4
+            :style="{ backgroundColor: style.associativeLineColor }"
+          ></span>
+          <el-popover ref="popover4" placement="bottom" trigger="click">
+            <Color
+              :color="style.associativeLineColor"
+              @change="
+                color => {
+                  update('associativeLineColor', color)
+                }
+              "
+            ></Color>
+          </el-popover>
+        </div>
+        <div class="rowItem">
+          <span class="name">{{ $t('baseStyle.associativeLineWidth') }}</span>
+          <el-select
+            size="mini"
+            style="width: 80px"
+            v-model="style.associativeLineWidth"
+            placeholder=""
+            @change="
+              value => {
+                update('associativeLineWidth', value)
+              }
+            "
+          >
+            <el-option
+              v-for="item in lineWidthList"
+              :key="item"
+              :label="item"
+              :value="item"
+            >
+              <span
+                v-if="item > 0"
+                class="borderLine"
+                :class="{ isDark: isDark }"
+                :style="{ height: item + 'px' }"
+              ></span>
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">{{
+            $t('baseStyle.associativeLineActiveColor')
+          }}</span>
+          <span
+            class="block"
+            v-popover:popover5
+            :style="{ backgroundColor: style.associativeLineActiveColor }"
+          ></span>
+          <el-popover ref="popover5" placement="bottom" trigger="click">
+            <Color
+              :color="style.associativeLineActiveColor"
+              @change="
+                color => {
+                  update('associativeLineActiveColor', color)
+                }
+              "
+            ></Color>
+          </el-popover>
+        </div>
+        <div class="rowItem">
+          <span class="name">{{
+            $t('baseStyle.associativeLineActiveWidth')
+          }}</span>
+          <el-select
+            size="mini"
+            style="width: 80px"
+            v-model="style.associativeLineActiveWidth"
+            placeholder=""
+            @change="
+              value => {
+                update('associativeLineActiveWidth', value)
+              }
+            "
+          >
+            <el-option
+              v-for="item in lineWidthList"
+              :key="item"
+              :label="item"
+              :value="item"
+            >
+              <span
+                v-if="item > 0"
+                class="borderLine"
+                :class="{ isDark: isDark }"
+                :style="{ height: item + 'px' }"
+              ></span>
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">{{ $t('style.style') }}</span>
+          <el-select
+            size="mini"
+            style="width: 80px"
+            v-model="style.associativeLineDasharray"
+            placeholder=""
+            @change="
+              value => {
+                update('associativeLineDasharray', value)
+              }
+            "
+          >
+            <el-option
+              v-for="item in borderDasharrayList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+            >
+              <svg width="120" height="34">
+                <line
+                  x1="10"
+                  y1="17"
+                  x2="110"
+                  y2="17"
+                  stroke-width="2"
+                  :stroke="
+                    style.associativeLineDasharray === item.value
+                      ? '#409eff'
+                      : isDark
+                      ? '#fff'
+                      : '#000'
+                  "
+                  :stroke-dasharray="item.value"
+                ></line>
+              </svg>
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <!-- 关联线文字 -->
+      <div class="title noTop">{{ $t('baseStyle.associativeLineText') }}</div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">{{ $t('baseStyle.fontFamily') }}</span>
+          <el-select
+            size="mini"
+            v-model="style.associativeLineTextFontFamily"
+            placeholder=""
+            @change="update('associativeLineTextFontFamily', $event)"
+          >
+            <el-option
+              v-for="item in fontFamilyList"
+              :key="item.value"
+              :label="item.name"
+              :value="item.value"
+              :style="{ fontFamily: item.value }"
+            >
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+      <div class="row">
+        <div class="rowItem">
+          <span class="name">{{ $t('baseStyle.color') }}</span>
+          <span
+            class="block"
+            v-popover:popover6
+            :style="{ backgroundColor: style.associativeLineTextColor }"
+          ></span>
+          <el-popover ref="popover6" placement="bottom" trigger="click">
+            <Color
+              :color="style.associativeLineTextColor"
+              @change="
+                color => {
+                  update('associativeLineTextColor', color)
+                }
+              "
+            ></Color>
+          </el-popover>
+        </div>
+        <div class="rowItem">
+          <span class="name">{{ $t('baseStyle.fontSize') }}</span>
+          <el-select
+            size="mini"
+            style="width: 80px"
+            v-model="style.associativeLineTextFontSize"
+            placeholder=""
+            @change="update('associativeLineTextFontSize', $event)"
+          >
+            <el-option
+              v-for="item in fontSizeList"
+              :key="item"
+              :label="item"
+              :value="item"
+              :style="{ fontSize: item + 'px' }"
+            >
+            </el-option>
+          </el-select>
+        </div>
+      </div>
+    </div>
+  </Sidebar>
+</template>
+
+<script>
+import Sidebar from './Sidebar'
+import Color from './Color'
+import {
+  lineWidthList,
+  lineStyleList,
+  backgroundRepeatList,
+  backgroundPositionList,
+  backgroundSizeList,
+  fontFamilyList,
+  fontSizeList,
+  rootLineKeepSameInCurveList,
+  lineStyleMap,
+  borderDasharrayList
+} from '@/config'
+import { mapState, mapMutations } from 'vuex'
+import {
+  supportLineStyleLayoutsMap,
+  supportLineRadiusLayouts,
+  supportNodeUseLineStyleLayouts,
+  supportRootLineKeepSameInCurveLayouts,
+  rainbowLinesOptions
+} from '@/config/constant'
+
+const defaultStyle = {
+  associativeLineColor: '',
+  associativeLineWidth: 0,
+  associativeLineActiveWidth: 0,
+  associativeLineDasharray: '',
+  associativeLineActiveColor: '',
+  associativeLineTextFontSize: 0,
+  associativeLineTextColor: '',
+  associativeLineTextFontFamily: ''
+}
+
+export default {
+  name: 'BaseStyle',
+  components: {
+    Sidebar,
+    Color
+  },
+  props: {
+    mindMap: {
+      type: Object
+    }
+  },
+  data() {
+    return {
+      lineWidthList,
+      fontSizeList,
+      activeLineNode: null,
+      activeLineToNode: null,
+      style: {
+        ...defaultStyle
+      }
+    }
+  },
+  computed: {
+    ...mapState({
+      activeSidebar: state => state.activeSidebar,
+      isDark: state => state.localConfig.isDark
+    }),
+
+    fontFamilyList() {
+      return fontFamilyList[this.$i18n.locale] || fontFamilyList.zh
+    },
+
+    borderDasharrayList() {
+      return borderDasharrayList[this.$i18n.locale] || borderDasharrayList.zh
+    }
+  },
+  watch: {
+    activeSidebar(val) {
+      if (val === 'associativeLineStyle') {
+        this.$refs.sidebar.show = true
+      } else {
+        this.$refs.sidebar.show = false
+      }
+    }
+  },
+  created() {
+    this.mindMap.on('associative_line_click', this.onAssociativeLineClick)
+    this.mindMap.on(
+      'associative_line_deactivate',
+      this.associativeLineDeactivate
+    )
+  },
+  methods: {
+    ...mapMutations(['setActiveSidebar']),
+
+    onAssociativeLineClick(a, b, node, toNode) {
+      this.activeLineNode = node
+      this.activeLineToNode = toNode
+      const styleConfig = this.mindMap.associativeLine.getStyleConfig(
+        node,
+        toNode
+      )
+      Object.keys(this.style).forEach(item => {
+        this.style[item] = styleConfig[item]
+      })
+      this.setActiveSidebar('associativeLineStyle')
+    },
+
+    associativeLineDeactivate() {
+      this.setActiveSidebar('')
+      this.activeLineNode = null
+      this.activeLineToNode = null
+      this.style = {
+        ...defaultStyle
+      }
+    },
+
+    update(prop, value) {
+      this.style[prop] = value
+      const associativeLineStyle =
+        this.activeLineNode.getData('associativeLineStyle') || {}
+      const toNodeUid = this.activeLineToNode.getData('uid')
+      const lineStyle = associativeLineStyle[toNodeUid] || {}
+      this.activeLineNode.setData({
+        associativeLineStyle: {
+          ...associativeLineStyle,
+          [toNodeUid]: {
+            ...lineStyle,
+            ...this.style
+          }
+        }
+      })
+      this.mindMap.associativeLine.updateActiveLineStyle()
+    }
+  }
+}
+</script>
+
+<style lang="less" scoped>
+.sidebarContent {
+  padding: 20px;
+  padding-top: 10px;
+
+  &.isDark {
+    .title {
+      color: #fff;
+    }
+
+    .row {
+      .rowItem {
+        .name {
+          color: hsla(0, 0%, 100%, 0.6);
+        }
+      }
+    }
+  }
+
+  .title {
+    font-size: 16px;
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    color: rgba(26, 26, 26, 0.9);
+    margin-bottom: 10px;
+    margin-top: 20px;
+
+    &.noTop {
+      margin-top: 0;
+    }
+  }
+
+  .row {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 10px;
+
+    .rowItem {
+      display: flex;
+      align-items: center;
+      margin-bottom: 5px;
+
+      .name {
+        font-size: 12px;
+        margin-right: 10px;
+        white-space: nowrap;
+      }
+
+      .block {
+        display: inline-block;
+        width: 30px;
+        height: 30px;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+
+.borderLine {
+  display: inline-block;
+  width: 100%;
+  background-color: #000;
+
+  &.isDark {
+    background-color: #fff;
+  }
+}
+</style>
+<style lang="less">
+.el-select-dropdown__item.selected {
+  .borderLine {
+    background-color: #409eff;
+  }
+}
+</style>
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index f2ccc959..7545a0c6 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -17,6 +17,7 @@
     <OutlineSidebar :mindMap="mindMap"></OutlineSidebar>
     <Style v-if="!isZenMode"></Style>
     <BaseStyle :data="mindMapData" :mindMap="mindMap"></BaseStyle>
+    <AssociativeLineStyle v-if="mindMap" :mindMap="mindMap"></AssociativeLineStyle>
     <Theme v-if="mindMap" :data="mindMapData" :mindMap="mindMap"></Theme>
     <Structure :mindMap="mindMap"></Structure>
     <ShortcutKey></ShortcutKey>
@@ -122,6 +123,7 @@ import NodeAttachment from './NodeAttachment.vue'
 import NodeOuterFrame from './NodeOuterFrame.vue'
 import NodeTagStyle from './NodeTagStyle.vue'
 import Setting from './Setting.vue'
+import AssociativeLineStyle from './AssociativeLineStyle.vue';
 
 // 注册插件
 MindMap.usePlugin(MiniMap)
@@ -174,7 +176,8 @@ export default {
     NodeAttachment,
     NodeOuterFrame,
     NodeTagStyle,
-    Setting
+    Setting,
+    AssociativeLineStyle
   },
   data() {
     return {