144 lines
4.3 KiB
TypeScript
144 lines
4.3 KiB
TypeScript
import showConfig from '@/components/BpmnDesign/assets/showConfig';
|
||
import { ModdleElement } from 'bpmn';
|
||
import useModelerStore from '@/store/modules/modeler';
|
||
import { MultiInstanceTypeEnum } from '@/enums/bpmn/IndexEnums';
|
||
interface Options {
|
||
element: ModdleElement;
|
||
}
|
||
|
||
export default (ops: Options) => {
|
||
const { element } = ops;
|
||
const { getModeling, getModdle } = useModelerStore();
|
||
const modeling = getModeling();
|
||
const moddle = getModdle();
|
||
|
||
/**
|
||
* 当前节点类型
|
||
*/
|
||
const elementType = computed(() => {
|
||
const bizObj = element.businessObject;
|
||
return bizObj.eventDefinitions ? bizObj.eventDefinitions[0].$type : bizObj.$type;
|
||
});
|
||
|
||
/**
|
||
* 用于控制面板字段显示与隐藏的配置
|
||
*/
|
||
const config = computed(() => showConfig[elementType.value] || {});
|
||
|
||
/**
|
||
* 创建一个节点
|
||
* @param elementType 节点类型
|
||
* @param properties 属性
|
||
* @param parent 父节点
|
||
*/
|
||
const createModdleElement = (elementType: string, properties: any, parent: ModdleElement) => {
|
||
const element = moddle.create(elementType, properties);
|
||
parent && (element.$parent = parent);
|
||
return element;
|
||
};
|
||
|
||
/**
|
||
* 获取扩展属性，如果不存在会自动创建
|
||
*/
|
||
const getExtensionElements = (create = true) => {
|
||
let extensionElements = element.businessObject.get<ModdleElement>('extensionElements');
|
||
if (!extensionElements && create) {
|
||
extensionElements = createModdleElement('bpmn:ExtensionElements', { values: [] }, element.businessObject);
|
||
modeling.updateModdleProperties(element, element.businessObject, { extensionElements });
|
||
}
|
||
return extensionElements;
|
||
};
|
||
|
||
/**
|
||
* 获取extensionElements下的properties
|
||
* @param extensionElements 可选参数，默认获取当前Element下的extensionElements下的Properties
|
||
*/
|
||
const getPropertiesElements = (extensionElements?: ModdleElement) => {
|
||
if (!extensionElements) {
|
||
extensionElements = getExtensionElements();
|
||
}
|
||
let propertiesElements = extensionElements.values.find((item) => item.$type === 'flowable:properties');
|
||
if (!propertiesElements) {
|
||
propertiesElements = createModdleElement('flowable:properties', { values: [] }, extensionElements);
|
||
modeling.updateModdleProperties(element, extensionElements, {
|
||
values: [...extensionElements.get<[]>('values'), propertiesElements]
|
||
});
|
||
}
|
||
return propertiesElements;
|
||
};
|
||
|
||
/**
|
||
* 更新节点属性
|
||
* @param properties 属性值
|
||
*/
|
||
const updateProperties = (properties: any) => {
|
||
modeling.updateProperties(element, properties);
|
||
};
|
||
|
||
/**
|
||
* 更新节点信息
|
||
* @param updateElement 需要更新的节点
|
||
* @param properties 属性
|
||
*/
|
||
const updateModdleProperties = (updateElement, properties: any) => {
|
||
modeling.updateModdleProperties(element, updateElement, properties);
|
||
};
|
||
|
||
/**
|
||
* 更新Property属性
|
||
* @param name key值
|
||
* @param value 值
|
||
*/
|
||
const updateProperty = (name: string, value: string) => {
|
||
const propertiesElements = getPropertiesElements();
|
||
|
||
let propertyElements = propertiesElements.values.find((item) => item.name === name);
|
||
if (!propertyElements) {
|
||
propertyElements = createModdleElement('flowable:property', { name: name, value: value }, propertiesElements);
|
||
modeling.updateModdleProperties(element, propertiesElements, {
|
||
values: [...propertiesElements.get('values'), propertyElements]
|
||
});
|
||
} else {
|
||
propertyElements.name = name;
|
||
propertyElements.value = value;
|
||
}
|
||
return propertyElements;
|
||
};
|
||
|
||
const idChange = (newVal: string) => {
|
||
if (newVal) {
|
||
updateProperties({ id: newVal });
|
||
}
|
||
};
|
||
const nameChange = (newVal: string) => {
|
||
if (newVal) {
|
||
updateProperties({ name: newVal });
|
||
}
|
||
};
|
||
|
||
const constant = {
|
||
MultiInstanceType: [
|
||
{ id: '373d4b81-a0d1-4eb8-8685-0d2fb1b468e2', label: '无', value: MultiInstanceTypeEnum.NONE },
|
||
{ id: 'b5acea7c-b7e5-46b0-8778-390db091bdab', label: '串行', value: MultiInstanceTypeEnum.SERIAL },
|
||
{ id: 'b4f0c683-1ccc-43c4-8380-e1b998986caf', label: '并行', value: MultiInstanceTypeEnum.PARALLEL }
|
||
]
|
||
};
|
||
|
||
return {
|
||
elementType,
|
||
constant,
|
||
showConfig: config,
|
||
|
||
updateProperties,
|
||
updateProperty,
|
||
updateModdleProperties,
|
||
|
||
createModdleElement,
|
||
idChange,
|
||
nameChange,
|
||
|
||
getExtensionElements,
|
||
getPropertiesElements
|
||
};
|
||
};
|