@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
233 lines (232 loc) • 8.6 kB
JavaScript
import { defineComponent as N, inject as F, ref as R, onMounted as G, nextTick as I, computed as g, openBlock as U, createElementBlock as k, createElementVNode as r, normalizeClass as s, withDirectives as C, createVNode as t, unref as p, withCtx as v, createTextVNode as c, vShow as V, Fragment as K, renderList as L, toDisplayString as A, toRaw as H } from "vue";
import "../style/privilege.css";
import { pluginManager as J, deepClone as O } from "@javaguns/utils";
import { PrivilegesKey as Q } from "../../utils/injection-key.mjs";
const X = { class: "flow-drawer-privilege" }, Y = { class: "flow-drawer-privilege-header" }, Z = /* @__PURE__ */ r("span", null, "表单", -1), $ = [
Z
], ee = /* @__PURE__ */ r("span", null, "字段", -1), le = [
ee
], ae = { class: "flow-drawer-privilege-option-column" }, oe = { class: "flow-drawer-privilege-body" }, de = { class: "flow-drawer-privilege-option-column" }, re = N({ name: "flow-node-auth-form" }), pe = /* @__PURE__ */ N({
...re,
props: {
readable: { type: Boolean, default: !1 },
node: {}
},
setup(B, { expose: D }) {
const u = J.getComponent("Checkbox"), d = B, M = F(Q, R([])), n = R([]);
G(async () => {
await I(() => {
d.node.privileges && d.node.privileges.length == 0 ? (n.value = O(M.value), n.value.forEach((l) => {
d.readable ? _(!0, l) : x(!0, l);
}), d.node.privileges = n.value) : n.value = d.node.privileges ? d.node.privileges : [];
});
});
const i = g(() => ({
"flow-drawer-privilege-option-column-item-50": !d.readable,
"flow-drawer-privilege-option-column-item-25": d.readable
})), b = g(() => n.value.filter((l) => l.writable == !1).length == 0), f = g(() => n.value.filter((l) => l.readable == !1).length == 0), w = g(() => n.value.filter((l) => l.displayable == !1).length == 0), h = g(() => n.value.filter((l) => l.required == !1).length == 0), S = (l) => {
n.value.forEach((e) => {
y(l, e);
});
}, T = (l) => {
n.value.forEach((e) => {
q(l, e);
});
}, W = (l) => {
n.value.forEach((e) => {
E(l, e);
});
}, j = (l) => {
n.value.forEach((e) => {
P(l, e);
});
}, y = (l, e) => {
_(l, e), m();
}, _ = (l, e) => {
e.writable = l, l ? (e.readable = !l, e.displayable = !l) : e.required = l;
}, q = (l, e) => {
x(l, e), m();
}, x = (l, e) => {
e.readable = l, l && (e.writable = !l, e.displayable = !l, e.required = !l);
}, E = (l, e) => {
e.displayable = l, l && (e.writable = !l, e.readable = !l, e.required = !l), m();
}, P = (l, e) => {
e.required = l, l && (e.readable = !l, e.displayable = !l, e.writable = l), m();
}, m = () => {
d.node.privileges = n.value;
};
return D({
privileges: n,
getPrivilege: () => H(n)
}), (l, e) => (U(), k("div", X, [
r("div", Y, [
r("div", {
class: s({ "flow-drawer-privilege-name-column-25": !d.readable, "flow-drawer-privilege-name-column-20": d.readable })
}, $, 2),
r("div", {
class: s({ "flow-drawer-privilege-name-column-25": !d.readable, "flow-drawer-privilege-name-column-20": d.readable })
}, le, 2),
r("div", ae, [
C(r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: b.value,
"onUpdate:modelValue": e[0] || (e[0] = (a) => b.value = a),
checked: b.value,
"onUpdate:checked": e[1] || (e[1] = (a) => b.value = a),
onChange: S
}, {
default: v(() => [
c(" 编辑 ")
]),
_: 1
}, 8, ["modelValue", "checked"])
], 2), [
[V, d.readable]
]),
r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: f.value,
"onUpdate:modelValue": e[2] || (e[2] = (a) => f.value = a),
checked: f.value,
"onUpdate:checked": e[3] || (e[3] = (a) => f.value = a),
onChange: T
}, {
default: v(() => [
c(" 只读 ")
]),
_: 1
}, 8, ["modelValue", "checked"])
], 2),
r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: w.value,
"onUpdate:modelValue": e[4] || (e[4] = (a) => w.value = a),
checked: w.value,
"onUpdate:checked": e[5] || (e[5] = (a) => w.value = a),
onChange: W
}, {
default: v(() => [
c(" 隐藏 ")
]),
_: 1
}, 8, ["modelValue", "checked"])
], 2),
C(r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: h.value,
"onUpdate:modelValue": e[6] || (e[6] = (a) => h.value = a),
checked: h.value,
"onUpdate:checked": e[7] || (e[7] = (a) => h.value = a),
onChange: j
}, {
default: v(() => [
c(" 必填 ")
]),
_: 1
}, 8, ["modelValue", "checked"])
], 2), [
[V, d.readable]
])
])
]),
r("div", oe, [
(U(!0), k(K, null, L(n.value, (a, z) => (U(), k("div", {
class: "flow-drawer-privilege-name-column-row",
key: z
}, [
r("div", {
class: s({ "flow-drawer-privilege-name-column-25": !d.readable, "flow-drawer-privilege-name-column-20": d.readable })
}, [
r("span", null, A(a.formName), 1)
], 2),
r("div", {
class: s({ "flow-drawer-privilege-name-column-25": !d.readable, "flow-drawer-privilege-name-column-20": d.readable })
}, [
r("span", null, A(a.name), 1)
], 2),
r("div", de, [
C(r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: a.writable,
"onUpdate:modelValue": (o) => a.writable = o,
checked: a.writable,
"onUpdate:checked": (o) => a.writable = o,
onChange: (o) => y(o, a)
}, {
default: v(() => [
c(" 编辑 ")
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onUpdate:checked", "onChange"])
], 2), [
[V, d.readable]
]),
r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: a.readable,
"onUpdate:modelValue": (o) => a.readable = o,
checked: a.readable,
"onUpdate:checked": (o) => a.readable = o,
onChange: (o) => q(o, a)
}, {
default: v(() => [
c(" 只读 ")
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onUpdate:checked", "onChange"])
], 2),
r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: a.displayable,
"onUpdate:modelValue": (o) => a.displayable = o,
checked: a.displayable,
"onUpdate:checked": (o) => a.displayable = o,
onChange: (o) => E(o, a)
}, {
default: v(() => [
c(" 隐藏 ")
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onUpdate:checked", "onChange"])
], 2),
C(r("div", {
class: s(i.value)
}, [
t(p(u), {
modelValue: a.required,
"onUpdate:modelValue": (o) => a.required = o,
checked: a.required,
"onUpdate:checked": (o) => a.required = o,
onChange: (o) => P(o, a)
}, {
default: v(() => [
c(" 必填 ")
]),
_: 2
}, 1032, ["modelValue", "onUpdate:modelValue", "checked", "onUpdate:checked", "onChange"])
], 2), [
[V, d.readable]
])
])
]))), 128))
])
]));
}
});
export {
pe as default
};