41 lines
908 B
Vue
41 lines
908 B
Vue
|
<template>
|
||
|
|
<div class="panel-tab__content">
|
||
|
|
<component :is="customConfigComponent" v-bind="$props" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import { CustomConfigMap } from './data';
|
||
|
|
|
||
|
|
defineOptions({ name: 'ElementCustomConfig' });
|
||
|
|
|
||
|
|
const props = defineProps({
|
||
|
|
id: String,
|
||
|
|
type: String,
|
||
|
|
businessObject: {
|
||
|
|
type: Object,
|
||
|
|
default: () => {},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
|
||
|
|
const bpmnInstances = () => (window as any)?.bpmnInstances;
|
||
|
|
const customConfigComponent = ref<any>(null);
|
||
|
|
|
||
|
|
watch(
|
||
|
|
() => props.businessObject,
|
||
|
|
() => {
|
||
|
|
if (props.type && props.businessObject) {
|
||
|
|
let val = props.type;
|
||
|
|
if (props.businessObject.eventDefinitions) {
|
||
|
|
val +=
|
||
|
|
props.businessObject.eventDefinitions[0]?.$type.split(':')[1] || '';
|
||
|
|
}
|
||
|
|
customConfigComponent.value = CustomConfigMap[val]?.componet;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
{ immediate: true },
|
||
|
|
);
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|