Demo：基础配置里增加开启性能模式的开关

web/src/lang/en_us.js

@@ -26,7 +26,8 @@ export default {
     nodeBorderType: 'Node border style',
     nodeUseLineStyle: 'Use only has bottom border style',
     otherConfig: 'Other config',
-    enableFreeDrag: 'Enable node free drag',
+    enableFreeDrag: 'Enable node free drag(Beta)',
+    openPerformance: 'Enable performance mode',
     watermark: 'Watermark',
     showWatermark: 'Is show watermark',
     onlyExport: 'Only export',

web/src/lang/zh_cn.js

@@ -27,6 +27,7 @@ export default {
     nodeUseLineStyle: '是否使用只有底边框的风格',
     otherConfig: '其他配置',
     enableFreeDrag: '是否开启节点自由拖拽',
+    openPerformance: '开启性能模式(Beta)',
     watermark: '水印',
     showWatermark: '是否显示水印',
     watermarkDefaultText: '水印文字',

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

@@ -845,6 +845,20 @@
       </div>
       <!-- 其他配置 -->
       <div class="title noTop">{{ $t('baseStyle.otherConfig') }}</div>
+      <!-- 配置性能模式 -->
+      <div class="row">
+        <div class="rowItem">
+          <el-checkbox
+            v-model="config.openPerformance"
+            @change="
+              value => {
+                updateOtherConfig('openPerformance', value)
+              }
+            "
+            >{{ $t('baseStyle.openPerformance') }}</el-checkbox
+          >
+        </div>
+      </div>
       <!-- 配置开启自由拖拽 -->
       <div class="row">
         <div class="rowItem">
@@ -1062,6 +1076,7 @@ export default {
         nodeUseLineStyle: false
       },
       config: {
+        openPerformance: false,
         enableFreeDrag: false,
         mousewheelAction: 'zoom',
         mousewheelZoomActionReverse: false,
@@ -1244,6 +1259,7 @@ export default {
     // 初始化其他配置
     initConfig() {
       ;[
+        'openPerformance',
         'enableFreeDrag',
         'mousewheelAction',
         'mousewheelZoomActionReverse',