@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
122 lines (121 loc) • 4.58 kB
JavaScript
import { defineComponent as I, ref as r, provide as $, openBlock as l, createElementBlock as A, Fragment as x, createVNode as B, unref as e, withCtx as m, renderList as Y, createBlock as s, createTextVNode as Z, toDisplayString as ee, isRef as D, createCommentVNode as u } from "vue";
import "./style/index.css";
import { pluginManager as N } from "@javaguns/utils";
import { GunsSpace as oe } from "@javaguns/ui";
import { useEvent as te } from "./hooks/event.mjs";
import { useInteraction as ne } from "./hooks/interaction.mjs";
import { useSubmit as re } from "./hooks/submit.mjs";
import { DataInfoKey as le, AddSignModeKey as se } from "../utils/injection-key.mjs";
import ae from "./widget/flowSuggest.vue.mjs";
import ue from "./widget/flowTurn.vue.mjs";
import ie from "./widget/flowBack.vue.mjs";
import de from "./widget/flowCopyer.vue.mjs";
import ce from "./widget/flowAddSign.vue.mjs";
import fe from "./widget/flowConsult.vue.mjs";
const me = I({ name: "flow-operate-render" }), Ne = /* @__PURE__ */ I({
...me,
props: {
formDataFun: { type: Function, default: () => {
} }
},
emits: ["load", "save", "submit", "agree", "reject", "turn", "back", "addSign", "copyer", "consult", "consultSubmit", "ccSubmit", "revoke", "forceRevoke"],
setup(V, { expose: F, emit: R }) {
const G = N.getComponent("Button"), M = N.getComponent("Dialog"), T = V, p = r(), k = r(), v = r(), y = r(), g = r(), w = r(), i = r(""), _ = r({}), d = r(null), c = R, { setData: h, getData: j, nodeButtons: E, dataInfo: f, showCc: K, addSignMode: b } = ne(c), { done: U, close: S, open: o, handleSave: z, handleSubmit: L, handleRevoke: O, handleForceRevoke: q } = re(
c,
d,
i,
b,
_,
f,
p,
k,
v,
y,
g,
w
), { title: H, showSuggest: J, selectApprovers: P, nodeApprovers: Q, butClick: W } = te(c, T, o, d, f, i, _, z, L, O, q), a = (C) => !!C.includes(i.value);
return $(le, f), $(se, b), F({
setData: h,
getData: j
}), (C, t) => (l(), A(x, null, [
B(e(oe), { size: "ss" }, {
default: m(() => [
(l(!0), A(x, null, Y(e(E), (n, X) => (l(), s(e(G), {
type: "primary",
key: X,
disabled: n.disabled,
onClick: (pe) => e(W)(n)
}, {
default: m(() => [
Z(ee(n.buttonName), 1)
]),
_: 2
}, 1032, ["disabled", "onClick"]))), 128))
]),
_: 1
}),
B(e(M), {
modal: !1,
title: e(H),
width: 600,
top: "50px",
"append-to-body": !0,
"destroy-on-close": !0,
"close-on-press-escape": !1,
"close-on-click-modal": !1,
"ok-text": "确定",
"cancel-text": "取消",
modelValue: e(o),
"onUpdate:modelValue": t[0] || (t[0] = (n) => D(o) ? o.value = n : null),
open: e(o),
visible: e(o),
"onUpdate:visible": t[1] || (t[1] = (n) => D(o) ? o.value = n : null),
onClose: t[2] || (t[2] = (n) => e(S)()),
onCancel: t[3] || (t[3] = (n) => e(S)()),
onOk: t[4] || (t[4] = (n) => e(U)())
}, {
default: m(() => [
a(["agree", "reject", "submit", "consultSubmit", "ccSubmit"]) && e(o) && e(J) ? (l(), s(ae, {
key: 0,
ref_key: "flowSuggest",
ref: p,
"show-cc": e(K),
code: i.value,
selectApprovers: e(P),
candidateNodeId: d.value,
nodeApprovers: e(Q)
}, null, 8, ["show-cc", "code", "selectApprovers", "candidateNodeId", "nodeApprovers"])) : u("", !0),
a(["turn"]) && e(o) ? (l(), s(ue, {
key: 1,
ref_key: "flowTurn",
ref: k
}, null, 512)) : u("", !0),
a(["back"]) && e(o) ? (l(), s(ie, {
key: 2,
ref_key: "flowBack",
ref: v
}, null, 512)) : u("", !0),
a(["addSign"]) && e(o) ? (l(), s(ce, {
key: 3,
ref_key: "flowAddSign",
ref: y
}, null, 512)) : u("", !0),
a(["copyer"]) && e(o) ? (l(), s(de, {
key: 4,
ref_key: "flowCopyer",
ref: g
}, null, 512)) : u("", !0),
a(["consult"]) && e(o) ? (l(), s(fe, {
key: 5,
ref_key: "flowConsult",
ref: w
}, null, 512)) : u("", !0)
]),
_: 1
}, 8, ["title", "modelValue", "open", "visible"])
], 64));
}
});
export {
Ne as default
};