Demo：新增节点连线样式是否允许继承祖先的样式的设置、优化页面各处滚动条样式

web/src/lang/en_us.js

@@ -84,7 +84,8 @@ export default {
     changeRichTextTip3: 'Do you want to switch to non rich text mode?',
     enableDragImport: 'Is it allowed to directly drag and drop files to the page for import',
     imgTextMargin: 'Node image and text margin',
-    textContentMargin: 'Node contents margin'
+    textContentMargin: 'Node contents margin',
+    enableInheritAncestorLineStyle: 'Node connection style inherits the style of ancestor nodes',
   },
   color: {
     moreColor: 'More color'

web/src/lang/zh_cn.js

@@ -75,6 +75,7 @@ export default {
     tagPositionBottom: '文本下面',
     alwaysShowExpandBtn: '是否一直显示展开收起按钮',
     enableAutoEnterTextEditWhenKeydown: '键盘输入时自动进入文本编辑',
+    enableInheritAncestorLineStyle: '节点连线样式继承祖先节点的样式',
     confirm: '确定',
     cancel: '取消',
     changeRichTextTip:

web/src/lang/zh_tw.js

@@ -42,9 +42,7 @@ export default {
     notUseRainbowLines: '不使用彩虹線條',
     outerFramePadding: '外框內距',
     tagPositionRight: '文本右側',
-    tagPositionBottom: '文本下面',
-    alwaysShowExpandBtn: '是否壹直顯示展開收起按鈕',
-    enableAutoEnterTextEditWhenKeydown: '鍵盤輸入時自動進入文本編輯'
+    tagPositionBottom: '文本下面'
   },
   setting: {
     title: '設置',
@@ -84,7 +82,10 @@ export default {
     changeRichTextTip3: '是否切換爲非富文本模式？',
     enableDragImport: '是否允許直接拖拽文件到頁面進行導入',
     imgTextMargin: '節點圖片和文本間隔',
-    textContentMargin: '節點各種內容間隔'
+    textContentMargin: '節點各種內容間隔',
+    enableAutoEnterTextEditWhenKeydown: '鍵盤輸入時自動進入文本編輯',
+    enableInheritAncestorLineStyle: '節點連線樣式繼承祖先節點的樣式',
+    alwaysShowExpandBtn: '是否壹直顯示展開收起按鈕'
   },
   color: {
     moreColor: '更多顏色'

web/src/pages/Edit/components/BaseStyle.vue

@@ -1,6 +1,6 @@
 <template>
   <Sidebar ref="sidebar" :title="$t('baseStyle.title')">
-    <div class="sidebarContent" :class="{ isDark: isDark }" v-if="data">
+    <div class="sidebarContent customScrollbar" :class="{ isDark: isDark }" v-if="data">
       <!-- 背景 -->
       <div class="title noTop">{{ $t('baseStyle.background') }}</div>
       <div class="row">

web/src/pages/Edit/components/FormulaSidebar.vue

@@ -18,7 +18,7 @@
         >
       </div>
       <div class="title">{{ $t('formulaSidebar.common') }}</div>
-      <div class="formulaList">
+      <div class="formulaList customScrollbar">
         <div class="formulaItem" v-for="(item, index) in list" :key="index">
           <div class="overview" v-html="item.overview"></div>
           <div class="text" @click="formulaText = item.text">

web/src/pages/Edit/components/Setting.vue

@@ -1,6 +1,6 @@
 <template>
   <Sidebar ref="sidebar" :title="$t('setting.title')">
-    <div class="sidebarContent" :class="{ isDark: isDark }" v-if="data">
+    <div class="sidebarContent customScrollbar" :class="{ isDark: isDark }" v-if="data">
       <!-- 水印 -->
       <div class="row">
         <!-- 是否显示水印 -->
@@ -230,6 +230,18 @@
           >
         </div>
       </div>
+      <!-- 节点连线样式是否允许继承祖先的连线样式 -->
+      <div class="row">
+        <div class="rowItem">
+          <el-checkbox
+            v-model="config.enableInheritAncestorLineStyle"
+            @change="
+              updateOtherConfig('enableInheritAncestorLineStyle', $event)
+            "
+            >{{ $t('setting.enableInheritAncestorLineStyle') }}</el-checkbox
+          >
+        </div>
+      </div>
       <!-- 是否开启手绘风格 -->
       <div class="row" v-if="supportHandDrawnLikeStyle">
         <div class="rowItem">
@@ -387,7 +399,8 @@ export default {
         alwaysShowExpandBtn: false,
         enableAutoEnterTextEditWhenKeydown: true,
         imgTextMargin: 0,
-        textContentMargin: 0
+        textContentMargin: 0,
+        enableInheritAncestorLineStyle: false
       },
       watermarkConfig: {
         show: false,
@@ -479,7 +492,14 @@ export default {
       storeConfig({
         config: this.data.config
       })
-      if (['alwaysShowExpandBtn', 'imgTextMargin', 'textContentMargin'].includes(key)) {
+      if (
+        [
+          'alwaysShowExpandBtn',
+          'imgTextMargin',
+          'textContentMargin',
+          'enableInheritAncestorLineStyle'
+        ].includes(key)
+      ) {
         this.mindMap.reRender()
       }
     },

web/src/pages/Edit/components/Sidebar.vue

@@ -9,7 +9,7 @@
     <div class="sidebarHeader" v-if="title">
       {{ title }}
     </div>
-    <div class="sidebarContent" ref="sidebarContent">
+    <div class="sidebarContent customScrollbar" ref="sidebarContent">
       <slot></slot>
     </div>
   </div>

web/src/pages/Edit/components/Style.vue

@@ -5,7 +5,7 @@
       :class="{ isDark: isDark }"
       v-if="activeNodes.length > 0"
     >
-      <div class="sidebarContent">
+      <div class="sidebarContent customScrollbar">
         <!-- 文字 -->
         <div class="title noTop">{{ $t('style.text') }}</div>
         <div class="row">