@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
74 lines (73 loc) • 2.79 kB
JavaScript
import { defineComponent as m, computed as f, openBlock as o, createElementBlock as r, normalizeClass as h, createElementVNode as c, Fragment as y, renderList as _, createCommentVNode as l, createVNode as a, unref as t, createBlock as N } from "vue";
import "../flow-simple-node/style/index.css";
import "./style/index.css";
import { injectWithSelf as g } from "@javaguns/utils";
import { ReadonlyKey as w } from "../../utils/injection-key.mjs";
import { GunsFlowNodeAddButton as b } from "../../flow-widget/flow-node-addbutton/index.mjs";
import "../../flow-widget/flow-node-delbutton/index.mjs";
import "../../flow-widget/flow-node-delconfirm/index.mjs";
import "../../flow-widget/flow-node-errorwarn/index.mjs";
import "../../flow-widget/flow-node-dragtool/index.mjs";
import "../../flow-widget/flow-node-zoom/index.mjs";
import "../../flow-widget/flow-task-status/index.mjs";
import "../../flow-widget/flow-task-image/index.mjs";
import "../../flow-widget/flow-task-timeline/index.mjs";
import "../../flow-widget/flow-task-user/index.mjs";
import { FlowSimpleNode as k } from "../flow-simple-node/index.mjs";
import v from "../flow-assemble-node/index.mjs";
import { useNode as B } from "../../hooks/useNode.mjs";
const F = { class: "guns-flow-node-route" }, S = /* @__PURE__ */ c("div", { class: "meet-node" }, null, -1), C = {
key: 0,
class: "clear-left-border"
}, V = {
key: 1,
class: "clear-right-border"
}, A = m({ name: "flow-suggest-node" }), Y = /* @__PURE__ */ m({
...A,
props: {
name: {},
complete: { type: Boolean },
width: {},
height: {},
readonly: { type: Boolean },
node: {}
},
setup(i) {
const e = i, s = g(w, !1), u = f(() => ({})), { showSubNode: p, addBranch: E } = B();
return (j, q) => (o(), r("div", {
class: h(["guns-flow-node", u.value])
}, [
c("div", F, [
S,
(o(!0), r(y, null, _(e.node.conditionNodes, (n, d) => (o(), r("div", {
class: "guns-flow-node-branch",
key: d
}, [
d == 0 ? (o(), r("div", C)) : l("", !0),
e.node.conditionNodes && e.node.conditionNodes.length - 1 == d ? (o(), r("div", V)) : l("", !0),
a(t(k), {
type: "square",
node: n,
routeNode: e.node,
branch: !0,
suggest: !0
}, null, 8, ["node", "routeNode"]),
n.childNode && t(p)(n) ? (o(), N(t(v), {
key: 2,
branch: !0,
node: n.childNode,
routeNode: e.node,
readonly: t(s)
}, null, 8, ["node", "routeNode", "readonly"])) : l("", !0)
]))), 128))
]),
a(t(b), {
node: e.node,
readonly: t(s)
}, null, 8, ["node", "readonly"])
], 2));
}
});
export {
Y as default
};