@javaguns/flow-ui
Version:
``` <template> <a-spin :spinning="loading"> <FlowDesigner ref="flowDesigner" top="50px"> </FlowDesigner> </a-spin> </template> <script lang="ts" setup> import { ref, provide, onMounted } from 'vue'; import { FlowDesigner, LoadingKey } from '@j
127 lines (126 loc) • 3.37 kB
JavaScript
import { defineComponent as r, openBlock as a, createElementBlock as n, createBlock as e, unref as k, withCtx as c, createTextVNode as l, toDisplayString as u } from "vue";
import "./style/index.css";
import { pluginManager as i } from "@javaguns/utils";
const p = { class: "guns-timeline-item" }, g = r({ name: "flow-task-status" }), y = /* @__PURE__ */ r({
...g,
props: {
task: {}
},
setup(o) {
const s = i.getComponent("Tag"), t = o;
return (f, m) => (a(), n("div", p, [
t.task.taskStatus == -1 ? (a(), e(k(s), {
key: 0,
color: "#909399",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 1 ? (a(), e(k(s), {
key: 1,
color: "#29cc80",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 2 ? (a(), e(k(s), {
key: 2,
color: "#1890ff",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 3 ? (a(), e(k(s), {
key: 3,
color: "#00cc66",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 4 ? (a(), e(k(s), {
key: 4,
color: "#fc653f",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 6 ? (a(), e(k(s), {
key: 5,
color: "#EBADAD",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 7 ? (a(), e(k(s), {
key: 6,
color: "#cccccc",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 8 ? (a(), e(k(s), {
key: 7,
color: "#cccccc",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 9 ? (a(), e(k(s), {
key: 8,
color: "#f00056",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 10 ? (a(), e(k(s), {
key: 9,
color: "#808000",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : t.task.taskStatus == 11 ? (a(), e(k(s), {
key: 10,
color: "#00cc66",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
})) : (a(), e(k(s), {
key: 11,
color: "#1890ff",
class: "guns-timeline-tag"
}, {
default: c(() => [
l(u(t.task.taskStatusWrapper), 1)
]),
_: 1
}))
]));
}
});
export {
y as default
};