@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
51 lines (50 loc) • 1.5 kB
JavaScript
import { defineComponent as n, computed as m, openBlock as o, createElementBlock as r, createElementVNode as f, normalizeStyle as c, renderSlot as s, createBlock as p, createCommentVNode as a, toDisplayString as l } from "vue";
import u from "./flowSubTitle.vue.mjs";
const _ = { class: "flow-drawer-item" }, w = {
key: 1,
class: "flow-drawer-item-text"
}, y = {
key: 2,
class: "flow-drawer-item-desc"
}, k = {
key: 0,
class: "flow-drawer-item-footer"
}, x = n({ name: "flow-drawer-item" }), b = /* @__PURE__ */ n({
...x,
props: {
name: { default: "" },
prefix: { default: "" },
text: { default: "" },
desc: { default: "" },
footer: { default: "" },
top: { default: 10 },
bottom: { default: 10 }
},
setup(d) {
const e = d, i = m(() => ({
"margin-top": e.top + "px",
"margin-bottom": e.bottom + "px"
}));
return (t, h) => (o(), r("div", _, [
f("p", {
class: "flow-drawer-item-title",
style: c(i.value)
}, [
s(t.$slots, "title", {}, () => [
t.name ? (o(), p(u, {
key: 0,
prefix: t.prefix,
name: t.name
}, null, 8, ["prefix", "name"])) : a("", !0),
e.text ? (o(), r("span", w, l(e.text), 1)) : a("", !0),
e.desc ? (o(), r("div", y, l(e.desc), 1)) : a("", !0)
])
], 4),
s(t.$slots, "default"),
e.footer ? (o(), r("div", k, l(e.footer), 1)) : a("", !0)
]));
}
});
export {
b as default
};