feat: 增加新版ContextPad

miyuesc · Oct 16, 2023 · f1635dd · f1635dd
1 parent 9b71d11
commit f1635dd
Show file tree

Hide file tree

Showing 5 changed files with 79 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
     "bpmnlint": "^7.8.0",
     "camunda-bpmn-moddle": "^7.0.1",
     "core-js": "^3.8.1",
+    "diagram-js-context-pad": "^1.0.2",
     "diagram-js-grid-bg": "^1.0.3",
     "diagram-js-minimap": "^2.1.1",
     "element-ui": "^2.15.10",

diff --git a/...ages/additional-modules/ContextPad/EnhancementContextPad/enhancementContextPadProvider.js b/...ages/additional-modules/ContextPad/EnhancementContextPad/enhancementContextPadProvider.js
@@ -47,6 +47,7 @@ class EnhancementContextPadProvider extends ContextPadProvider {
   getContextPadEntries(element) {
     const actions = {};
     const modeling = this._modeling;
+    const contextPad = this._contextPad;
 
     // const appendUserTask = (event, element) => {
     //   const shape = this._elementFactory.createShape({ type: "bpmn:UserTask" });
@@ -96,6 +97,16 @@ class EnhancementContextPadProvider extends ContextPadProvider {
         }
       }
     };
+    actions["enhancement-op-1"] = {
+      group: "edit",
+      className: "enhancement-op",
+      title: "切换ContextPad样式",
+      action: {
+        click: function (e) {
+          contextPad.toggleStyles && contextPad.toggleStyles();
+        }
+      }
+    };
 
     return actions;
   }

diff --git a/packages/components/Designer/moduleAndExtensions.js b/packages/components/Designer/moduleAndExtensions.js
@@ -18,6 +18,7 @@ import { resolver, rules } from "@packages/additional-modules/Lint/bpmnlint";
 // 小地图
 import minimapModule from "diagram-js-minimap";
 import gridBGModule from "diagram-js-grid-bg";
+import contextPadModule from "diagram-js-context-pad";
 
 // moddle 定义文件
 import activitiModdleDescriptors from "@packages/moddle-extensions/activiti.json";
@@ -115,6 +116,12 @@ export default function (settings) {
     modules.push(gridBGModule);
   }
 
+  // 扩展的上下文菜单
+  modules.push(contextPadModule);
+  options["contextPad"] = {
+    beauty: true
+  };
+
   // 设置其他模块的启用
   if (settings.otherModule) {
     // 设置 自定义规则

diff --git a/packages/theme/index.scss b/packages/theme/index.scss
@@ -8,6 +8,7 @@
 
 @import "bpmn-js-token-simulation/assets/css/bpmn-js-token-simulation.css";
 
+@import "diagram-js-context-pad/assets/index.css";
 
 @import "toolbar";
 @import "designer";