import { assign, forEach, isArray } from 'min-dash' import { is } from "bpmn-js/lib/util/ModelUtil" import { isExpanded, isEventSubProcess } from "bpmn-js/lib/util/DiUtil" import { isAny } from "bpmn-js/lib/features/modeling/util/ModelingUtil" import { getChildLanes } from "bpmn-js/lib/features/modeling/util/LaneUtil" import { hasPrimaryModifier } from "diagram-js/lib/util/Mouse" /** * A provider for BPMN 2.0 elements context pad */ export default function ContextPadProvider ( config, injector, eventBus, contextPad, modeling, elementFactory, connect, create, popupMenu, canvas, rules, translate, elementRegistry ) { config = config || {} contextPad.registerProvider(this) this._contextPad = contextPad this._modeling = modeling this._elementFactory = elementFactory this._connect = connect this._create = create this._popupMenu = popupMenu this._canvas = canvas this._rules = rules this._translate = translate if (config.autoPlace !== false) { this._autoPlace = injector.get("autoPlace", false) } eventBus.on("create.end", 250, function (event) { const context = event.context, shape = context.shape if (!hasPrimaryModifier(event) || !contextPad.isOpen(shape)) { return } const entries = contextPad.getEntries(shape) if (entries.replace) { entries.replace.action.click(event, shape) } }) } ContextPadProvider.$inject = [ "config.contextPad", "injector", "eventBus", "contextPad", "modeling", "elementFactory", "connect", "create", "popupMenu", "canvas", "rules", "translate", "elementRegistry" ] ContextPadProvider.prototype.getContextPadEntries = function (element) { const contextPad = this._contextPad, modeling = this._modeling, elementFactory = this._elementFactory, connect = this._connect, create = this._create, popupMenu = this._popupMenu, canvas = this._canvas, rules = this._rules, autoPlace = this._autoPlace, translate = this._translate const actions = {} if (element.type === "label") { return actions } const businessObject = element.businessObject function startConnect (event, element) { connect.start(event, element) } function removeElement () { modeling.removeElements([element]) } function getReplaceMenuPosition (element) { const Y_OFFSET = 5 const diagramContainer = canvas.getContainer(), pad = contextPad.getPad(element).html const diagramRect = diagramContainer.getBoundingClientRect(), padRect = pad.getBoundingClientRect() const top = padRect.top - diagramRect.top const left = padRect.left - diagramRect.left const pos = { x: left, y: top + padRect.height + Y_OFFSET } return pos } /** * Create an append action * * @param {string} type * @param {string} className * @param {string} [title] * @param {Object} [options] * * @return {Object} descriptor */ function appendAction (type, className, title, options) { if (typeof title !== "string") { options = title title = translate("Append {type}", { type: type.replace(/^bpmn:/, "") }) } function appendStart (event, element) { const shape = elementFactory.createShape(assign({ type: type }, options)) create.start(event, shape, { source: element }) } const append = autoPlace ? function (event, element) { const shape = elementFactory.createShape(assign({ type: type }, options)) autoPlace.append(element, shape) } : appendStart return { group: "model", className: className, title: title, action: { dragstart: appendStart, click: append } } } function splitLaneHandler (count) { return function (event, element) { // actual split modeling.splitLane(element, count) // refresh context pad after split to // get rid of split icons contextPad.open(element, true) } } if (isAny(businessObject, ["bpmn:Lane", "bpmn:Participant"]) && isExpanded(businessObject)) { const childLanes = getChildLanes(element) assign(actions, { "lane-insert-above": { group: "lane-insert-above", className: "bpmn-icon-lane-insert-above", title: translate("Add Lane above"), action: { click: function (event, element) { modeling.addLane(element, "top") } } } }) if (childLanes.length < 2) { if (element.height >= 120) { assign(actions, { "lane-divide-two": { group: "lane-divide", className: "bpmn-icon-lane-divide-two", title: translate("Divide into two Lanes"), action: { click: splitLaneHandler(2) } } }) } if (element.height >= 180) { assign(actions, { "lane-divide-three": { group: "lane-divide", className: "bpmn-icon-lane-divide-three", title: translate("Divide into three Lanes"), action: { click: splitLaneHandler(3) } } }) } } assign(actions, { "lane-insert-below": { group: "lane-insert-below", className: "bpmn-icon-lane-insert-below", title: translate("Add Lane below"), action: { click: function (event, element) { modeling.addLane(element, "bottom") } } } }) } if (is(businessObject, "bpmn:FlowNode")) { if (is(businessObject, "bpmn:EventBasedGateway")) { assign(actions, { "append.receive-task": appendAction("bpmn:ReceiveTask", "bpmn-icon-receive-task", translate("Append ReceiveTask")), "append.message-intermediate-event": appendAction( "bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-message", translate("Append MessageIntermediateCatchEvent"), { eventDefinitionType: "bpmn:MessageEventDefinition" } ), "append.timer-intermediate-event": appendAction( "bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-timer", translate("Append TimerIntermediateCatchEvent"), { eventDefinitionType: "bpmn:TimerEventDefinition" } ), "append.condition-intermediate-event": appendAction( "bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-condition", translate("Append ConditionIntermediateCatchEvent"), { eventDefinitionType: "bpmn:ConditionalEventDefinition" } ), "append.signal-intermediate-event": appendAction( "bpmn:IntermediateCatchEvent", "bpmn-icon-intermediate-event-catch-signal", translate("Append SignalIntermediateCatchEvent"), { eventDefinitionType: "bpmn:SignalEventDefinition" } ) }) } else if (isEventType(businessObject, "bpmn:BoundaryEvent", "bpmn:CompensateEventDefinition")) { assign(actions, { "append.compensation-activity": appendAction("bpmn:Task", "bpmn-icon-task", translate("Append compensation activity"), { isForCompensation: true }) }) } else if ( !is(businessObject, "bpmn:EndEvent") && !businessObject.isForCompensation && !isEventType(businessObject, "bpmn:IntermediateThrowEvent", "bpmn:LinkEventDefinition") && !isEventSubProcess(businessObject) ) { assign(actions, { "append.end-event": appendAction("bpmn:EndEvent", "bpmn-icon-end-event-none", translate("Append EndEvent")), "append.gateway": appendAction("bpmn:ExclusiveGateway", "bpmn-icon-gateway-none", translate("Append Gateway")), "append.append-task": appendAction("bpmn:UserTask", "bpmn-icon-user-task", translate("Append Task")), "append.intermediate-event": appendAction( "bpmn:IntermediateThrowEvent", "bpmn-icon-intermediate-event-none", translate("Append Intermediate/Boundary Event") ) }) } } if (!popupMenu.isEmpty(element, "bpmn-replace")) { // Replace menu entry assign(actions, { replace: { group: "edit", className: "bpmn-icon-screw-wrench", title: '修改类型', action: { click: function (event, element) { const position = assign(getReplaceMenuPosition(element), { cursor: { x: event.x, y: event.y } }) popupMenu.open(element, "bpmn-replace", position) } } } }) } if (isAny(businessObject, ["bpmn:FlowNode", "bpmn:InteractionNode", "bpmn:DataObjectReference", "bpmn:DataStoreReference"])) { assign(actions, { "append.text-annotation": appendAction("bpmn:TextAnnotation", "bpmn-icon-text-annotation"), connect: { group: "connect", className: "bpmn-icon-connection-multi", title: translate("Connect using " + (businessObject.isForCompensation ? "" : "Sequence/MessageFlow or ") + "Association"), action: { click: startConnect, dragstart: startConnect } } }) } if (isAny(businessObject, ["bpmn:DataObjectReference", "bpmn:DataStoreReference"])) { assign(actions, { connect: { group: "connect", className: "bpmn-icon-connection-multi", title: translate("Connect using DataInputAssociation"), action: { click: startConnect, dragstart: startConnect } } }) } if (is(businessObject, "bpmn:Group")) { assign(actions, { "append.text-annotation": appendAction("bpmn:TextAnnotation", "bpmn-icon-text-annotation") }) } // delete element entry, only show if allowed by rules let deleteAllowed = rules.allowed('elements.delete', { elements: [element] }) if (isArray(deleteAllowed)) { // was the element returned as a deletion candidate? deleteAllowed = deleteAllowed[0] === element } if (deleteAllowed) { assign(actions, { delete: { group: "edit", className: "bpmn-icon-trash", title: translate("Remove"), action: { click: removeElement } } }) } return actions } // helpers ///////// function isEventType (eventBo, type, definition) { const isType = eventBo.$instanceOf(type) let isDefinition = false const definitions = eventBo.eventDefinitions || [] forEach(definitions, function (def) { if (def.$type === definition) { isDefinition = true } }) return isType && isDefinition }