feat: 流程模型新增/修改页面-优化路由配置、新增修改分为两个并全部使用name进行跳转，每个步骤拆分出一个子组件

src/views/bpm/model/form/ProcessDesign.vue

@@ -0,0 +1,74 @@
+<template>
+  <!-- BPMN设计器 -->
+  <template v-if="modelData.type === BpmModelType.BPMN">
+    <BpmModelEditor
+      v-if="showDesigner"
+      :model-id="modelData.id"
+      :model-key="modelData.key"
+      :model-name="modelData.name"
+      @success="handleDesignSuccess"
+    />
+  </template>
+
+  <!-- Simple设计器 -->
+  <template v-else>
+    <SimpleModelDesign
+      v-if="showDesigner"
+      :model-id="modelData.id"
+      :model-key="modelData.key"
+      :model-name="modelData.name"
+      @success="handleDesignSuccess"
+    />
+  </template>
+</template>
+
+<script lang="ts" setup>
+import { BpmModelType } from '@/utils/constants'
+import BpmModelEditor from '../editor/index.vue'
+import SimpleModelDesign from '../../simple/SimpleModelDesign.vue'
+
+const props = defineProps({
+  modelValue: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['update:modelValue', 'success'])
+
+const xmlString = ref<string>()
+
+// 创建本地数据副本
+const modelData = computed({
+  get: () => props.modelValue,
+  set: (val) => emit('update:modelValue', val)
+})
+
+/** 处理设计器保存成功 */
+const handleDesignSuccess = (bpmnXml?: string) => {
+  if (bpmnXml) {
+    xmlString.value = bpmnXml
+    emit('update:modelValue', {
+      ...modelData.value,
+      bpmnXml
+    })
+  }
+  emit('success', bpmnXml)
+}
+
+/** 表单校验 */
+const validate = async () => {
+  if (!xmlString.value) {
+    throw new Error('请设计流程')
+  }
+}
+
+/** 是否显示设计器 */
+const showDesigner = computed(() => {
+  return Boolean(modelData.value.id || (modelData.value.key && modelData.value.name))
+})
+
+defineExpose({
+  validate
+})
+</script>