opendesk

1<template>
2  <div v-if="step === 'fd-list'" class="h-full">
3    <FieldDependencyList @update:step="updateStep" />
4  </div>
5  <div v-else-if="step === 'fd'" class="h-full">
6    <FieldDependency
7      @update:step="updateStep"
8      :field-dependency-name="fieldDependencyName"
9    />
10  </div>
11</template>
12
13<script setup lang="ts">
14import { Ref, ref } from "vue";
15import FieldDependency from "./FieldDependency.vue";
16import FieldDependencyList from "./FieldDependencyList.vue";
17
18type FieldDependencyStep = "fd-list" | "fd";
19
20const step: Ref<FieldDependencyStep> = ref("fd-list");
21const fieldDependencyName = ref("");
22
23function updateStep(
24  newStep: FieldDependencyStep,
25  fieldDependency?: string
26): void {
27  step.value = newStep;
28  fieldDependencyName.value = fieldDependency;
29}
30</script>
31