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 ) { 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 }