reactor:流程模板新增导出;

src/components/LogicFlow/index.vue

@@ -164,7 +164,7 @@ const init = async () => {
 				...miniMapOptions,
 				showEdge: true,
 			},
-		},
+		}
 	});
 	// 初始化操作
 	initOp();
@@ -259,6 +259,28 @@ const initOp = () => {
 			saveOnly(ruleFormRef.value);
 		},
 	});
+	lf.extension.snapshot.useGlobalRules = false;
+	lf.extension.snapshot.customCssRules = `
+    .lf-node-text-auto-wrap-content{
+      line-height: 1.2;
+      background: transparent;
+      text-align: center;
+      word-break: break-all;
+      width: 100%;
+    }
+    .lf-canvas-overlay {
+      background: white;
+    }
+  `;
+	// 控制面板-导出
+	lf.extension.control.addItem({
+		iconClass: 'lf-control-release',
+		title: '导出为图片',
+		text: '导出',
+		onClick: () => {
+			lf.getSnapshot();
+		},
+	});
 	// 控制面板-发布
 	// lf.extension.control.addItem({
 	// 	iconClass: 'lf-control-publish',