---初始化后台管理web页面项目

src/views/workflow/design/bpmn/hooks/useStateFormInfo.ts

@@ -0,0 +1,32 @@
+import { computed, onMounted, ref } from 'vue';
+import { storeToRefs } from 'pinia';
+import { useBpmnStore } from '/@bpmn/store/bpmn';
+import { getNodeName } from '/@bpmn/config/property';
+
+export default function () {
+  const store = useBpmnStore();
+  const { infoId, isMainStartNode } = store;
+  const { info } = storeToRefs(store);
+  const showPanel = ref(false);
+  const formInfo = ref();
+
+  onMounted(() => {
+    if (infoId) {
+      formInfo.value = info.value.get(infoId);
+      showPanel.value = true;
+    }
+  });
+  const nodeName = computed(() => {
+    if (formInfo.value && formInfo.value.type) {
+      const labelName = getNodeName(formInfo.value.type);
+      return labelName;
+    }
+    return '节点';
+  });
+  return {
+    formInfo,
+    nodeName,
+    showPanel,
+    isMainStartNode,
+  };
+}