52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import showConfig from '@/components/BpmnDesign/assets/showConfig';
|
|
import { Moddle, Modeler, Modeling } from 'bpmn';
|
|
interface Options {
|
|
modeler: Modeler;
|
|
element: any;
|
|
}
|
|
|
|
export default (ops: Options) => {
|
|
const { modeler, element } = ops;
|
|
|
|
const elementType = computed(() => {
|
|
const bizObj = element.businessObject;
|
|
return bizObj.eventDefinitions ? bizObj.eventDefinitions[0].$type : bizObj.$type;
|
|
});
|
|
|
|
const config = computed(() => showConfig[elementType.value] || {});
|
|
|
|
const updateProperties = (properties: any) => {
|
|
const modeling = modeler.get<Modeling>('modeling');
|
|
modeling.updateProperties(element, properties);
|
|
};
|
|
|
|
const idChange = (newVal: string) => {
|
|
if (newVal) {
|
|
updateProperties({ id: newVal });
|
|
}
|
|
};
|
|
const nameChange = (newVal: string) => {
|
|
if (newVal) {
|
|
updateProperties({ name: newVal });
|
|
}
|
|
};
|
|
const documentationChange = (newVal: string) => {
|
|
if (newVal) {
|
|
const documentationElement = modeler.get<Moddle>('moddle').create('bpmn:Documentation', { text: newVal });
|
|
updateProperties({ documentation: [documentationElement] });
|
|
} else {
|
|
updateProperties({ documentation: null });
|
|
}
|
|
};
|
|
|
|
return {
|
|
elementType,
|
|
showConfig: config,
|
|
|
|
updateProperties,
|
|
idChange,
|
|
nameChange,
|
|
documentationChange
|
|
};
|
|
};
|