@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
84 lines (83 loc) • 3.16 kB
JavaScript
import { defineComponent as u, ref as m, computed as w, openBlock as t, createElementBlock as n, normalizeClass as v, createElementVNode as c, withDirectives as g, createVNode as s, unref as o, vShow as b, Fragment as k, renderList as B, createCommentVNode as i, createBlock as C } from "vue";
import "../flow-simple-node/style/index.css";
import "./style/index.css";
import { injectWithSelf as p } from "@javaguns/utils";
import { ReadonlyKey as S, NodeModifyKey as F } from "../../utils/injection-key.mjs";
import { GunsFlowNodeAddButton as V } 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 j } from "../flow-simple-node/index.mjs";
import z from "../flow-assemble-node/index.mjs";
import { IconZengjiaCuxiantiaoOutline as A } from "@javaguns/icon";
import { useNode as E } from "../../hooks/useNode.mjs";
const K = { class: "guns-flow-node-route" }, M = { class: "guns-flow-add-branche" }, x = {
key: 0,
class: "clear-left-border"
}, D = {
key: 1,
class: "clear-right-border"
}, G = u({ name: "flow-parallel-node" }), ne = /* @__PURE__ */ u({
...G,
props: {
name: {},
complete: { type: Boolean },
width: {},
height: {},
readonly: { type: Boolean },
type: {},
node: {}
},
setup(y) {
const e = y, d = p(S, m(!1)), f = p(F, m(!1)), h = w(() => ({})), { showSubNode: N, addBranch: _ } = E(f);
return (I, a) => (t(), n("div", {
class: v(["guns-flow-node", h.value])
}, [
c("div", K, [
g(c("div", M, [
s(o(A), {
size: "16",
onClick: a[0] || (a[0] = (r) => o(_)(e.node))
})
], 512), [
[b, !o(d)]
]),
(t(!0), n(k, null, B(e.node.conditionNodes, (r, l) => (t(), n("div", {
class: "guns-flow-node-branch",
key: l
}, [
l == 0 ? (t(), n("div", x)) : i("", !0),
e.node.conditionNodes && e.node.conditionNodes.length - 1 == l ? (t(), n("div", D)) : i("", !0),
s(o(j), {
type: e.type,
branch: !0,
node: r,
routeNode: e.node,
readonly: o(d)
}, null, 8, ["type", "node", "routeNode", "readonly"]),
r.childNode && o(N)(r) ? (t(), C(o(z), {
key: 2,
type: e.type,
branch: !0,
node: r.childNode,
routeNode: e.node,
readonly: o(d)
}, null, 8, ["type", "node", "routeNode", "readonly"])) : i("", !0)
]))), 128))
]),
s(o(V), {
node: e.node,
readonly: !0
}, null, 8, ["node"])
], 2));
}
});
export {
ne as default
};