mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-31 13:21:01 +08:00
41 lines
833 B
Vue
41 lines
833 B
Vue
<script lang="ts" setup>
|
||
import api from '@/api'
|
||
import useDragAndDrop from '@core/utils/workflow'
|
||
|
||
const { onDragStart } = useDragAndDrop()
|
||
|
||
// 组件列表
|
||
const actions = ref([])
|
||
|
||
// 加载组件列表
|
||
async function load_actions() {
|
||
try {
|
||
actions.value = await api.get('workflow/actions')
|
||
} catch (error) {
|
||
console.error(error)
|
||
}
|
||
}
|
||
|
||
onMounted(() => {
|
||
load_actions()
|
||
})
|
||
</script>
|
||
|
||
<template>
|
||
<aside>
|
||
<div class="mb-3"><VLabel>可选动作组件：</VLabel></div>
|
||
|
||
<div class="nodes flex flex-wrap justify-center">
|
||
<div
|
||
class="vue-flow__node-default cursor-grab mx-1"
|
||
v-for="(action, index) in actions"
|
||
:key="index"
|
||
:draggable="true"
|
||
@dragstart="onDragStart($event, action)"
|
||
>
|
||
{{ action['name'] }}
|
||
</div>
|
||
</div>
|
||
</aside>
|
||
</template>
|