muriel-test
Version:
一个简单的组件库
1,552 lines • 326 kB
JavaScript
import { computed as f, markRaw as da, defineComponent as Fi, h as p, withDirectives as Tl, getCurrentInstance as de, isRef as qe, ref as L, onBeforeUnmount as xe, Transition as xt, inject as dt, watch as oe, onMounted as je, nextTick as he, provide as Tn, openBlock as le, createElementBlock as ie, createElementVNode as w, withModifiers as Kt, createVNode as S, unref as D, normalizeClass as Je, withCtx as I, resolveComponent as Di, Fragment as Ye, toDisplayString as pe, createCommentVNode as Re, createTextVNode as ze, renderList as Mt, createBlock as at, reactive as Oe, onUnmounted as fa, onBeforeUpdate as va, onDeactivated as Rl, onActivated as El, KeepAlive as Hi, Teleport as Ui, onBeforeMount as ji, onUpdated as Wi, toRaw as st, normalizeStyle as Qi } from "vue";
import { defineStore as Ki, storeToRefs as Ft } from "pinia";
const yl = {
xs: 18,
sm: 24,
md: 32,
lg: 38,
xl: 46
}, Dt = {
size: String
};
function Ht(e, t = yl) {
return f(() => e.size !== void 0 ? { fontSize: e.size in t ? `${t[e.size]}px` : e.size } : null);
}
const ve = (e) => da(Fi(e)), ma = (e) => da(e);
function ke(e, t) {
return e !== void 0 && e() || t;
}
function ha(e, t) {
if (e !== void 0) {
const n = e();
if (n != null)
return n.slice();
}
return t;
}
function He(e, t) {
return e !== void 0 ? t.concat(e()) : t;
}
function ga(e, t) {
return e === void 0 ? t : t !== void 0 ? t.concat(e()) : e();
}
function pa(e, t, n, l, o, a) {
t.key = l + o;
const i = p(e, t, n);
return o === !0 ? Tl(i, a()) : i;
}
const so = "0 0 24 24", co = (e) => e, Jn = (e) => `ionicons ${e}`, ba = {
"mdi-": (e) => `mdi ${e}`,
"icon-": co,
"bt-": (e) => `bt ${e}`,
"eva-": (e) => `eva ${e}`,
"ion-md": Jn,
"ion-ios": Jn,
"ion-logo": Jn,
"iconfont ": co,
"ti-": (e) => `themify-icon ${e}`,
"bi-": (e) => `bootstrap-icons ${e}`
}, ya = {
o_: "-outlined",
r_: "-round",
s_: "-sharp"
}, wa = {
sym_o_: "-outlined",
sym_r_: "-rounded",
sym_s_: "-sharp"
}, Xi = new RegExp("^(" + Object.keys(ba).join("|") + ")"), Ji = new RegExp("^(" + Object.keys(ya).join("|") + ")"), fo = new RegExp("^(" + Object.keys(wa).join("|") + ")"), Zi = /^[Mm]\s?[-+]?\.?\d/, Yi = /^img:/, Gi = /^svguse:/, er = /^ion-/, tr = /^(fa-(solid|regular|light|brands|duotone|thin)|[lf]a[srlbdk]?) /, $e = ve({
name: "QIcon",
props: {
...Dt,
tag: {
type: String,
default: "i"
},
name: String,
color: String,
left: Boolean,
right: Boolean
},
setup(e, { slots: t }) {
const { proxy: { $q: n } } = de(), l = Ht(e), o = f(
() => "q-icon" + (e.left === !0 ? " on-left" : "") + (e.right === !0 ? " on-right" : "") + (e.color !== void 0 ? ` text-${e.color}` : "")
), a = f(() => {
let i, r = e.name;
if (r === "none" || !r)
return { none: !0 };
if (n.iconMapFn !== null) {
const s = n.iconMapFn(r);
if (s !== void 0)
if (s.icon !== void 0) {
if (r = s.icon, r === "none" || !r)
return { none: !0 };
} else
return {
cls: s.cls,
content: s.content !== void 0 ? s.content : " "
};
}
if (Zi.test(r) === !0) {
const [s, g = so] = r.split("|");
return {
svg: !0,
viewBox: g,
nodes: s.split("&&").map((m) => {
const [u, q, E] = m.split("@@");
return p("path", { style: q, d: u, transform: E });
})
};
}
if (Yi.test(r) === !0)
return {
img: !0,
src: r.substring(4)
};
if (Gi.test(r) === !0) {
const [s, g = so] = r.split("|");
return {
svguse: !0,
src: s.substring(7),
viewBox: g
};
}
let c = " ";
const d = r.match(Xi);
if (d !== null)
i = ba[d[1]](r);
else if (tr.test(r) === !0)
i = r;
else if (er.test(r) === !0)
i = `ionicons ion-${n.platform.is.ios === !0 ? "ios" : "md"}${r.substring(3)}`;
else if (fo.test(r) === !0) {
i = "notranslate material-symbols";
const s = r.match(fo);
s !== null && (r = r.substring(6), i += wa[s[1]]), c = r;
} else {
i = "notranslate material-icons";
const s = r.match(Ji);
s !== null && (r = r.substring(2), i += ya[s[1]]), c = r;
}
return {
cls: i,
content: c
};
});
return () => {
const i = {
class: o.value,
style: l.value,
"aria-hidden": "true",
role: "presentation"
};
return a.value.none === !0 ? p(e.tag, i, ke(t.default)) : a.value.img === !0 ? p("span", i, He(t.default, [
p("img", { src: a.value.src })
])) : a.value.svg === !0 ? p("span", i, He(t.default, [
p("svg", {
viewBox: a.value.viewBox || "0 0 24 24"
}, a.value.nodes)
])) : a.value.svguse === !0 ? p("span", i, He(t.default, [
p("svg", {
viewBox: a.value.viewBox
}, [
p("use", { "xlink:href": a.value.src })
])
])) : (a.value.cls !== void 0 && (i.class += " " + a.value.cls), p(e.tag, i, He(t.default, [
a.value.content
])));
};
}
}), nr = {
size: {
type: [Number, String],
default: "1em"
},
color: String
};
function lr(e) {
return {
cSize: f(() => e.size in yl ? `${yl[e.size]}px` : e.size),
classes: f(
() => "q-spinner" + (e.color ? ` text-${e.color}` : "")
)
};
}
const _a = ve({
name: "QSpinner",
props: {
...nr,
thickness: {
type: Number,
default: 5
}
},
setup(e) {
const { cSize: t, classes: n } = lr(e);
return () => p("svg", {
class: n.value + " q-spinner-mat",
width: t.value,
height: t.value,
viewBox: "25 25 50 50"
}, [
p("circle", {
class: "path",
cx: "50",
cy: "50",
r: "20",
fill: "none",
stroke: "currentColor",
"stroke-width": e.thickness,
"stroke-miterlimit": "10"
})
]);
}
});
function wl(e, t) {
const n = e.style;
for (const l in t)
n[l] = t[l];
}
function or(e) {
if (e == null)
return;
if (typeof e == "string")
try {
return document.querySelector(e) || void 0;
} catch {
return;
}
const t = qe(e) === !0 ? e.value : e;
if (t)
return t.$el || t;
}
function xa(e, t) {
if (e == null || e.contains(t) === !0)
return !0;
for (let n = e.nextElementSibling; n !== null; n = n.nextElementSibling)
if (n.contains(t))
return !0;
return !1;
}
const Ee = {
hasPassive: !1,
passiveCapture: !0,
notPassiveCapture: !0
};
try {
const e = Object.defineProperty({}, "passive", {
get() {
Object.assign(Ee, {
hasPassive: !0,
passive: { passive: !0 },
notPassive: { passive: !1 },
passiveCapture: { passive: !0, capture: !0 },
notPassiveCapture: { passive: !1, capture: !0 }
});
}
});
window.addEventListener("qtest", null, e), window.removeEventListener("qtest", null, e);
} catch {
}
function St() {
}
function ar(e) {
return e.button === 0;
}
function wn(e) {
return e.touches && e.touches[0] ? e = e.touches[0] : e.changedTouches && e.changedTouches[0] ? e = e.changedTouches[0] : e.targetTouches && e.targetTouches[0] && (e = e.targetTouches[0]), {
top: e.clientY,
left: e.clientX
};
}
function ir(e) {
if (e.path)
return e.path;
if (e.composedPath)
return e.composedPath();
const t = [];
let n = e.target;
for (; n; ) {
if (t.push(n), n.tagName === "HTML")
return t.push(document), t.push(window), t;
n = n.parentElement;
}
}
function Ge(e) {
e.stopPropagation();
}
function Ue(e) {
e.cancelable !== !1 && e.preventDefault();
}
function we(e) {
e.cancelable !== !1 && e.preventDefault(), e.stopPropagation();
}
function Zn(e, t) {
if (e === void 0 || t === !0 && e.__dragPrevented === !0)
return;
const n = t === !0 ? (l) => {
l.__dragPrevented = !0, l.addEventListener("dragstart", Ue, Ee.notPassiveCapture);
} : (l) => {
delete l.__dragPrevented, l.removeEventListener("dragstart", Ue, Ee.notPassiveCapture);
};
e.querySelectorAll("a, img").forEach(n);
}
function ot(e, t, n) {
const l = `__q_${t}_evt`;
e[l] = e[l] !== void 0 ? e[l].concat(n) : n, n.forEach((o) => {
o[0].addEventListener(o[1], e[o[2]], Ee[o[3]]);
});
}
function bt(e, t) {
const n = `__q_${t}_evt`;
e[n] !== void 0 && (e[n].forEach((l) => {
l[0].removeEventListener(l[1], e[l[2]], Ee[l[3]]);
}), e[n] = void 0);
}
function Rn(e) {
return e !== Object(e) || e.isComposing === !0 || e.qKeyEvent === !0;
}
function ft(e, t) {
return Rn(e) === !0 ? !1 : [].concat(t).includes(e.keyCode);
}
function rr(e, t = 250) {
let n = !1, l;
return function() {
return n === !1 && (n = !0, setTimeout(() => {
n = !1;
}, t), l = e.apply(this, arguments)), l;
};
}
function vo(e, t, n, l) {
n.modifiers.stop === !0 && Ge(e);
const o = n.modifiers.color;
let a = n.modifiers.center;
a = a === !0 || l === !0;
const i = document.createElement("span"), r = document.createElement("span"), c = wn(e), { left: d, top: s, width: g, height: m } = t.getBoundingClientRect(), u = Math.sqrt(g * g + m * m), q = u / 2, E = `${(g - u) / 2}px`, b = a ? E : `${c.left - d - q}px`, C = `${(m - u) / 2}px`, h = a ? C : `${c.top - s - q}px`;
r.className = "q-ripple__inner", wl(r, {
height: `${u}px`,
width: `${u}px`,
transform: `translate3d(${b},${h},0) scale3d(.2,.2,1)`,
opacity: 0
}), i.className = `q-ripple${o ? " text-" + o : ""}`, i.setAttribute("dir", "ltr"), i.appendChild(r), t.appendChild(i);
const y = () => {
i.remove(), clearTimeout(k);
};
n.abort.push(y);
let k = setTimeout(() => {
r.classList.add("q-ripple__inner--enter"), r.style.transform = `translate3d(${E},${C},0) scale3d(1,1,1)`, r.style.opacity = 0.2, k = setTimeout(() => {
r.classList.remove("q-ripple__inner--enter"), r.classList.add("q-ripple__inner--leave"), r.style.opacity = 0, k = setTimeout(() => {
i.remove(), n.abort.splice(n.abort.indexOf(y), 1);
}, 275);
}, 250);
}, 50);
}
function mo(e, { modifiers: t, value: n, arg: l }) {
const o = Object.assign({}, e.cfg.ripple, t, n);
e.modifiers = {
early: o.early === !0,
stop: o.stop === !0,
center: o.center === !0,
color: o.color || l,
keyCodes: [].concat(o.keyCodes || 13)
};
}
const Ll = ma(
{
name: "ripple",
beforeMount(e, t) {
const n = t.instance.$.appContext.config.globalProperties.$q.config || {};
if (n.ripple === !1)
return;
const l = {
cfg: n,
enabled: t.value !== !1,
modifiers: {},
abort: [],
start(o) {
l.enabled === !0 && o.qSkipRipple !== !0 && o.type === (l.modifiers.early === !0 ? "pointerdown" : "click") && vo(o, e, l, o.qKeyEvent === !0);
},
keystart: rr((o) => {
l.enabled === !0 && o.qSkipRipple !== !0 && ft(o, l.modifiers.keyCodes) === !0 && o.type === `key${l.modifiers.early === !0 ? "down" : "up"}` && vo(o, e, l, !0);
}, 300)
};
mo(l, t), e.__qripple = l, ot(l, "main", [
[e, "pointerdown", "start", "passive"],
[e, "click", "start", "passive"],
[e, "keydown", "keystart", "passive"],
[e, "keyup", "keystart", "passive"]
]);
},
updated(e, t) {
if (t.oldValue !== t.value) {
const n = e.__qripple;
n !== void 0 && (n.enabled = t.value !== !1, n.enabled === !0 && Object(t.value) === t.value && mo(n, t));
}
},
beforeUnmount(e) {
const t = e.__qripple;
t !== void 0 && (t.abort.forEach((n) => {
n();
}), bt(t, "main"), delete e._qripple);
}
}
), Sa = {
left: "start",
center: "center",
right: "end",
between: "between",
around: "around",
evenly: "evenly",
stretch: "stretch"
}, ur = Object.keys(Sa), ka = {
align: {
type: String,
validator: (e) => ur.includes(e)
}
};
function Ca(e) {
return f(() => {
const t = e.align === void 0 ? e.vertical === !0 ? "stretch" : "left" : e.align;
return `${e.vertical === !0 ? "items" : "justify"}-${Sa[t]}`;
});
}
function Yn(e) {
if (Object(e.$parent) === e.$parent)
return e.$parent;
for (e = e.$.parent; Object(e) === e; ) {
if (Object(e.proxy) === e.proxy)
return e.proxy;
e = e.parent;
}
}
function qa(e, t) {
typeof t.type == "symbol" ? Array.isArray(t.children) === !0 && t.children.forEach((n) => {
qa(e, n);
}) : e.add(t);
}
function sr(e) {
const t = /* @__PURE__ */ new Set();
return e.forEach((n) => {
qa(t, n);
}), Array.from(t);
}
function Va(e) {
return e.appContext.config.globalProperties.$router !== void 0;
}
function ho(e) {
return e ? e.aliasOf ? e.aliasOf.path : e.path : "";
}
function go(e, t) {
return (e.aliasOf || e) === (t.aliasOf || t);
}
function cr(e, t) {
for (const n in t) {
const l = t[n], o = e[n];
if (typeof l == "string") {
if (l !== o)
return !1;
} else if (Array.isArray(o) === !1 || o.length !== l.length || l.some((a, i) => a !== o[i]))
return !1;
}
return !0;
}
function po(e, t) {
return Array.isArray(t) === !0 ? e.length === t.length && e.every((n, l) => n === t[l]) : e.length === 1 && e[0] === t;
}
function dr(e, t) {
return Array.isArray(e) === !0 ? po(e, t) : Array.isArray(t) === !0 ? po(t, e) : e === t;
}
function fr(e, t) {
if (Object.keys(e).length !== Object.keys(t).length)
return !1;
for (const n in e)
if (dr(e[n], t[n]) === !1)
return !1;
return !0;
}
const $a = {
to: [String, Object],
replace: Boolean,
exact: Boolean,
activeClass: {
type: String,
default: "q-router-link--active"
},
exactActiveClass: {
type: String,
default: "q-router-link--exact-active"
},
href: String,
target: String,
disable: Boolean
};
function Ta(e) {
const t = de(), { props: n, proxy: l } = t, o = Va(t), a = f(() => n.disable !== !0 && n.href !== void 0), i = f(
() => o === !0 && n.disable !== !0 && a.value !== !0 && n.to !== void 0 && n.to !== null && n.to !== ""
), r = f(() => {
if (i.value === !0)
try {
return l.$router.resolve(n.to);
} catch {
}
return null;
}), c = f(() => r.value !== null), d = f(() => a.value === !0 || c.value === !0), s = f(() => n.type === "a" || d.value === !0 ? "a" : n.tag || e || "div"), g = f(() => a.value === !0 ? {
href: n.href,
target: n.target
} : c.value === !0 ? {
href: r.value.href,
target: n.target
} : {}), m = f(() => {
if (c.value === !1)
return null;
const { matched: C } = r.value, { length: h } = C, y = C[h - 1];
if (y === void 0)
return -1;
const k = l.$route.matched;
if (k.length === 0)
return -1;
const $ = k.findIndex(
go.bind(null, y)
);
if ($ > -1)
return $;
const _ = ho(C[h - 2]);
return h > 1 && ho(y) === _ && k[k.length - 1].path !== _ ? k.findIndex(
go.bind(null, C[h - 2])
) : $;
}), u = f(
() => c.value === !0 && m.value > -1 && cr(l.$route.params, r.value.params)
), q = f(
() => u.value === !0 && m.value === l.$route.matched.length - 1 && fr(l.$route.params, r.value.params)
), E = f(() => c.value === !0 ? q.value === !0 ? ` ${n.exactActiveClass} ${n.activeClass}` : n.exact === !0 ? "" : u.value === !0 ? ` ${n.activeClass}` : "" : "");
function b(C) {
return n.disable === !0 || C.metaKey || C.altKey || C.ctrlKey || C.shiftKey || C.__qNavigate !== !0 && C.defaultPrevented === !0 || C.button !== void 0 && C.button !== 0 || n.target === "_blank" ? !1 : (Ue(C), l.$router[n.replace === !0 ? "replace" : "push"](n.to).catch((h) => h));
}
return {
hasRouterLink: c,
hasHrefLink: a,
hasLink: d,
linkTag: s,
linkRoute: r,
linkIsActive: u,
linkIsExactActive: q,
linkClass: E,
linkProps: g,
navigateToRouterLink: b
};
}
const bo = {
none: 0,
xs: 4,
sm: 8,
md: 16,
lg: 24,
xl: 32
}, vr = {
xs: 8,
sm: 10,
md: 14,
lg: 20,
xl: 24
}, mr = ["button", "submit", "reset"], hr = /[^\s]\/[^\s]/, gr = {
...Dt,
...$a,
type: {
type: String,
default: "button"
},
label: [Number, String],
icon: String,
iconRight: String,
round: Boolean,
square: Boolean,
outline: Boolean,
flat: Boolean,
unelevated: Boolean,
rounded: Boolean,
push: Boolean,
glossy: Boolean,
size: String,
fab: Boolean,
fabMini: Boolean,
padding: String,
color: String,
textColor: String,
noCaps: Boolean,
noWrap: Boolean,
dense: Boolean,
tabindex: [Number, String],
ripple: {
type: [Boolean, Object],
default: !0
},
align: {
...ka.align,
default: "center"
},
stack: Boolean,
stretch: Boolean,
loading: {
type: Boolean,
default: null
},
disable: Boolean
};
function pr(e) {
const t = Ht(e, vr), n = Ca(e), { hasRouterLink: l, hasLink: o, linkTag: a, linkProps: i, navigateToRouterLink: r } = Ta("button"), c = f(() => {
const b = e.fab === !1 && e.fabMini === !1 ? t.value : {};
return e.padding !== void 0 ? Object.assign({}, b, {
padding: e.padding.split(/\s+/).map((C) => C in bo ? bo[C] + "px" : C).join(" "),
minWidth: "0",
minHeight: "0"
}) : b;
}), d = f(
() => e.rounded === !0 || e.fab === !0 || e.fabMini === !0
), s = f(
() => e.disable !== !0 && e.loading !== !0
), g = f(() => s.value === !0 ? e.tabindex || 0 : -1), m = f(() => e.flat === !0 ? "flat" : e.outline === !0 ? "outline" : e.push === !0 ? "push" : e.unelevated === !0 ? "unelevated" : "standard"), u = f(() => {
const b = { tabindex: g.value };
return o.value === !0 ? Object.assign(b, i.value) : mr.includes(e.type) === !0 && (b.type = e.type), a.value === "a" ? (e.disable === !0 ? b["aria-disabled"] = "true" : b.href === void 0 && (b.role = "button"), l.value !== !0 && hr.test(e.type) === !0 && (b.type = e.type)) : e.disable === !0 && (b.disabled = "", b["aria-disabled"] = "true"), e.loading === !0 && e.percentage !== void 0 && Object.assign(b, {
role: "progressbar",
"aria-valuemin": 0,
"aria-valuemax": 100,
"aria-valuenow": e.percentage
}), b;
}), q = f(() => {
let b;
e.color !== void 0 ? e.flat === !0 || e.outline === !0 ? b = `text-${e.textColor || e.color}` : b = `bg-${e.color} text-${e.textColor || "white"}` : e.textColor && (b = `text-${e.textColor}`);
const C = e.round === !0 ? "round" : `rectangle${d.value === !0 ? " q-btn--rounded" : e.square === !0 ? " q-btn--square" : ""}`;
return `q-btn--${m.value} q-btn--${C}` + (b !== void 0 ? " " + b : "") + (s.value === !0 ? " q-btn--actionable q-focusable q-hoverable" : e.disable === !0 ? " disabled" : "") + (e.fab === !0 ? " q-btn--fab" : e.fabMini === !0 ? " q-btn--fab-mini" : "") + (e.noCaps === !0 ? " q-btn--no-uppercase" : "") + (e.dense === !0 ? " q-btn--dense" : "") + (e.stretch === !0 ? " no-border-radius self-stretch" : "") + (e.glossy === !0 ? " glossy" : "") + (e.square ? " q-btn--square" : "");
}), E = f(
() => n.value + (e.stack === !0 ? " column" : " row") + (e.noWrap === !0 ? " no-wrap text-no-wrap" : "") + (e.loading === !0 ? " q-btn__content--hidden" : "")
);
return {
classes: q,
style: c,
innerClasses: E,
attributes: u,
hasRouterLink: l,
hasLink: o,
linkTag: a,
navigateToRouterLink: r,
isActionable: s
};
}
const { passiveCapture: We } = Ee;
let Et = null, Lt = null, Pt = null;
const Le = ve({
name: "QBtn",
props: {
...gr,
percentage: Number,
darkPercentage: Boolean
},
emits: ["click", "keydown", "touchstart", "mousedown", "keyup"],
setup(e, { slots: t, emit: n }) {
const { proxy: l } = de(), {
classes: o,
style: a,
innerClasses: i,
attributes: r,
hasRouterLink: c,
hasLink: d,
linkTag: s,
navigateToRouterLink: g,
isActionable: m
} = pr(e), u = L(null), q = L(null);
let E = null, b, C;
const h = f(
() => e.label !== void 0 && e.label !== null && e.label !== ""
), y = f(() => e.disable === !0 || e.ripple === !1 ? !1 : {
keyCodes: d.value === !0 ? [13, 32] : [13],
...e.ripple === !0 ? {} : e.ripple
}), k = f(() => ({ center: e.round })), $ = f(() => {
const A = Math.max(0, Math.min(100, e.percentage));
return A > 0 ? { transition: "transform 0.6s", transform: `translateX(${A - 100}%)` } : {};
}), _ = f(() => e.loading === !0 ? {
onMousedown: R,
onTouchstartPassive: R,
onClick: R,
onKeydown: R,
onKeyup: R
} : m.value === !0 ? {
onClick: B,
onKeydown: O,
onMousedown: V,
onTouchstart: U
} : {
onClick: we
}), P = f(() => ({
ref: u,
class: "q-btn q-btn-item non-selectable no-outline " + o.value,
style: a.value,
...r.value,
..._.value
}));
function B(A) {
if (u.value !== null) {
if (A !== void 0) {
if (A.defaultPrevented === !0)
return;
const K = document.activeElement;
if (e.type === "submit" && K !== document.body && u.value.contains(K) === !1 && K.contains(u.value) === !1) {
u.value.focus();
const N = () => {
document.removeEventListener("keydown", we, !0), document.removeEventListener("keyup", N, We), u.value !== null && u.value.removeEventListener("blur", N, We);
};
document.addEventListener("keydown", we, !0), document.addEventListener("keyup", N, We), u.value.addEventListener("blur", N, We);
}
}
if (c.value === !0) {
const K = () => {
A.__qNavigate = !0, g(A);
};
n("click", A, K), A.defaultPrevented !== !0 && K();
} else
n("click", A);
}
}
function O(A) {
u.value !== null && (n("keydown", A), ft(A, [13, 32]) === !0 && Lt !== u.value && (Lt !== null && x(), A.defaultPrevented !== !0 && (u.value.focus(), Lt = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("keyup", T, !0), u.value.addEventListener("blur", T, We)), we(A)));
}
function U(A) {
u.value !== null && (n("touchstart", A), A.defaultPrevented !== !0 && (Et !== u.value && (Et !== null && x(), Et = u.value, E = A.target, E.addEventListener("touchcancel", T, We), E.addEventListener("touchend", T, We)), b = !0, clearTimeout(C), C = setTimeout(() => {
b = !1;
}, 200)));
}
function V(A) {
u.value !== null && (A.qSkipRipple = b === !0, n("mousedown", A), A.defaultPrevented !== !0 && Pt !== u.value && (Pt !== null && x(), Pt = u.value, u.value.classList.add("q-btn--active"), document.addEventListener("mouseup", T, We)));
}
function T(A) {
if (u.value !== null && !(A !== void 0 && A.type === "blur" && document.activeElement === u.value)) {
if (A !== void 0 && A.type === "keyup") {
if (Lt === u.value && ft(A, [13, 32]) === !0) {
const K = new MouseEvent("click", A);
K.qKeyEvent = !0, A.defaultPrevented === !0 && Ue(K), A.cancelBubble === !0 && Ge(K), u.value.dispatchEvent(K), we(A), A.qKeyEvent = !0;
}
n("keyup", A);
}
x();
}
}
function x(A) {
const K = q.value;
A !== !0 && (Et === u.value || Pt === u.value) && K !== null && K !== document.activeElement && (K.setAttribute("tabindex", -1), K.focus()), Et === u.value && (E !== null && (E.removeEventListener("touchcancel", T, We), E.removeEventListener("touchend", T, We)), Et = E = null), Pt === u.value && (document.removeEventListener("mouseup", T, We), Pt = null), Lt === u.value && (document.removeEventListener("keyup", T, !0), u.value !== null && u.value.removeEventListener("blur", T, We), Lt = null), u.value !== null && u.value.classList.remove("q-btn--active");
}
function R(A) {
we(A), A.qSkipRipple = !0;
}
return xe(() => {
x(!0);
}), Object.assign(l, { click: B }), () => {
let A = [];
e.icon !== void 0 && A.push(
p($e, {
name: e.icon,
left: e.stack === !1 && h.value === !0,
role: "img",
"aria-hidden": "true"
})
), h.value === !0 && A.push(
p("span", { class: "block" }, [e.label])
), A = He(t.default, A), e.iconRight !== void 0 && e.round === !1 && A.push(
p($e, {
name: e.iconRight,
right: e.stack === !1 && h.value === !0,
role: "img",
"aria-hidden": "true"
})
);
const K = [
p("span", {
class: "q-focus-helper",
ref: q
})
];
return e.loading === !0 && e.percentage !== void 0 && K.push(
p("span", {
class: "q-btn__progress absolute-full overflow-hidden" + (e.darkPercentage === !0 ? " q-btn__progress--dark" : "")
}, [
p("span", {
class: "q-btn__progress-indicator fit block",
style: $.value
})
])
), K.push(
p("span", {
class: "q-btn__content text-center col items-center q-anchor--skip " + i.value
}, A)
), e.loading !== null && K.push(
p(xt, {
name: "q-transition--fade"
}, () => e.loading === !0 ? [
p("span", {
key: "loading",
class: "absolute-full flex flex-center"
}, t.loading !== void 0 ? t.loading() : [p(_a)])
] : null)
), Tl(
p(
s.value,
P.value,
K
),
[[
Ll,
y.value,
void 0,
k.value
]]
);
};
}
}), br = ["top", "right", "bottom", "left"], Ra = {
type: {
type: String,
default: "a"
},
outline: Boolean,
push: Boolean,
flat: Boolean,
unelevated: Boolean,
color: String,
textColor: String,
glossy: Boolean,
square: Boolean,
padding: String,
label: {
type: [String, Number],
default: ""
},
labelPosition: {
type: String,
default: "right",
validator: (e) => br.includes(e)
},
externalLabel: Boolean,
hideLabel: {
type: Boolean
},
labelClass: [Array, String, Object],
labelStyle: [Array, String, Object],
disable: Boolean,
tabindex: [Number, String]
};
function Ea(e, t) {
return {
formClass: f(
() => `q-fab--form-${e.square === !0 ? "square" : "rounded"}`
),
stacked: f(
() => e.externalLabel === !1 && ["top", "bottom"].includes(e.labelPosition)
),
labelProps: f(() => {
if (e.externalLabel === !0) {
const n = e.hideLabel === null ? t.value === !1 : e.hideLabel;
return {
action: "push",
data: {
class: [
e.labelClass,
`q-fab__label q-tooltip--style q-fab__label--external q-fab__label--external-${e.labelPosition}` + (n === !0 ? " q-fab__label--external-hidden" : "")
],
style: e.labelStyle
}
};
}
return {
action: ["left", "top"].includes(e.labelPosition) ? "unshift" : "push",
data: {
class: [
e.labelClass,
`q-fab__label q-fab__label--internal q-fab__label--internal-${e.labelPosition}` + (e.hideLabel === !0 ? " q-fab__label--internal-hidden" : "")
],
style: e.labelStyle
}
};
})
};
}
const an = "_q_l_", La = "_q_pc_", Pa = "_q_f_", yr = "_q_fo_", Ba = "_q_tabs_", Na = {
start: "self-end",
center: "self-center",
end: "self-start"
}, wr = Object.keys(Na), ht = ve({
name: "QFabAction",
props: {
...Ra,
icon: {
type: String,
default: ""
},
anchor: {
type: String,
validator: (e) => wr.includes(e)
},
to: [String, Object],
replace: Boolean
},
emits: ["click"],
setup(e, { slots: t, emit: n }) {
const l = dt(Pa, () => ({
showing: { value: !0 },
onChildClick: St
})), { formClass: o, labelProps: a } = Ea(e, l.showing), i = f(() => {
const g = Na[e.anchor];
return o.value + (g !== void 0 ? ` ${g}` : "");
}), r = f(
() => e.disable === !0 || l.showing.value !== !0
);
function c(g) {
l.onChildClick(g), n("click", g);
}
function d() {
const g = [];
return t.icon !== void 0 ? g.push(t.icon()) : e.icon !== "" && g.push(
p($e, { name: e.icon })
), (e.label !== "" || t.label !== void 0) && g[a.value.action](
p("div", a.value.data, t.label !== void 0 ? t.label() : [e.label])
), He(t.default, g);
}
const s = de();
return Object.assign(s.proxy, { click: c }), () => p(Le, {
class: i.value,
...e,
noWrap: !0,
stack: e.stacked,
icon: void 0,
label: void 0,
noCaps: !0,
fabMini: !0,
disable: r.value,
onClick: c
}, d);
}
}), En = {
modelValue: {
type: Boolean,
default: null
},
"onUpdate:modelValue": [Function, Array]
}, Ln = [
"before-show",
"show",
"before-hide",
"hide"
];
function Pn({
showing: e,
canShow: t,
hideOnRouteChange: n,
handleShow: l,
handleHide: o,
processOnMount: a
}) {
const i = de(), { props: r, emit: c, proxy: d } = i;
let s;
function g(h) {
e.value === !0 ? q(h) : m(h);
}
function m(h) {
if (r.disable === !0 || h !== void 0 && h.qAnchorHandled === !0 || t !== void 0 && t(h) !== !0)
return;
const y = r["onUpdate:modelValue"] !== void 0;
y === !0 && (c("update:modelValue", !0), s = h, he(() => {
s === h && (s = void 0);
})), (r.modelValue === null || y === !1) && u(h);
}
function u(h) {
e.value !== !0 && (e.value = !0, c("before-show", h), l !== void 0 ? l(h) : c("show", h));
}
function q(h) {
if (r.disable === !0)
return;
const y = r["onUpdate:modelValue"] !== void 0;
y === !0 && (c("update:modelValue", !1), s = h, he(() => {
s === h && (s = void 0);
})), (r.modelValue === null || y === !1) && E(h);
}
function E(h) {
e.value !== !1 && (e.value = !1, c("before-hide", h), o !== void 0 ? o(h) : c("hide", h));
}
function b(h) {
r.disable === !0 && h === !0 ? r["onUpdate:modelValue"] !== void 0 && c("update:modelValue", !1) : h === !0 !== e.value && (h === !0 ? u : E)(s);
}
oe(() => r.modelValue, b), n !== void 0 && Va(i) === !0 && oe(() => d.$route.fullPath, () => {
n.value === !0 && e.value === !0 && q();
}), a === !0 && je(() => {
b(r.modelValue);
});
const C = { show: m, hide: q, toggle: g };
return Object.assign(d, C), C;
}
const _r = ["up", "right", "down", "left"], xr = ["left", "center", "right"], Ma = ve({
name: "QFab",
props: {
...Ra,
...En,
icon: String,
activeIcon: String,
hideIcon: Boolean,
hideLabel: {
default: null
},
direction: {
type: String,
default: "right",
validator: (e) => _r.includes(e)
},
persistent: Boolean,
verticalActionsAlign: {
type: String,
default: "center",
validator: (e) => xr.includes(e)
}
},
emits: Ln,
setup(e, { slots: t }) {
const n = L(null), l = L(e.modelValue === !0), { proxy: { $q: o } } = de(), { formClass: a, labelProps: i } = Ea(e, l), r = f(() => e.persistent !== !0), { hide: c, toggle: d } = Pn({
showing: l,
hideOnRouteChange: r
}), s = f(() => ({ opened: l.value })), g = f(
() => `q-fab z-fab row inline justify-center q-fab--align-${e.verticalActionsAlign} ${a.value}` + (l.value === !0 ? " q-fab--opened" : " q-fab--closed")
), m = f(
() => `q-fab__actions flex no-wrap inline q-fab__actions--${e.direction} q-fab__actions--${l.value === !0 ? "opened" : "closed"}`
), u = f(
() => `q-fab__icon-holder q-fab__icon-holder--${l.value === !0 ? "opened" : "closed"}`
);
function q(b, C) {
const h = t[b], y = `q-fab__${b} absolute-full`;
return h === void 0 ? p($e, { class: y, name: e[C] || o.iconSet.fab[C] }) : p("div", { class: y }, h(s.value));
}
function E() {
const b = [];
return e.hideIcon !== !0 && b.push(
p("div", { class: u.value }, [
q("icon", "icon"),
q("active-icon", "activeIcon")
])
), (e.label !== "" || t.label !== void 0) && b[i.value.action](
p("div", i.value.data, t.label !== void 0 ? t.label(s.value) : [e.label])
), He(t.tooltip, b);
}
return Tn(Pa, {
showing: l,
onChildClick(b) {
c(b), n.value !== null && n.value.$el.focus();
}
}), () => p("div", {
class: g.value
}, [
p(Le, {
ref: n,
class: a.value,
...e,
noWrap: !0,
stack: e.stacked,
align: void 0,
icon: void 0,
label: void 0,
noCaps: !0,
fab: !0,
"aria-expanded": l.value === !0 ? "true" : "false",
"aria-haspopup": "true",
onClick: d
}, E),
p("div", { class: m.value }, ke(t.default))
]);
}
});
function Aa() {
}
Aa.prototype = {
timer: "",
debounce(e, t = 500) {
var n = this;
return function(l) {
let o = this, a = l;
clearTimeout(n.timer), n.timer = setTimeout(function() {
e.call(o, a);
}, t);
};
},
setCookie(e) {
for (var t = 0, n = e.length; t < n; t++)
for (var l in e[t])
document.cookie = l + "=" + encodeURIComponent(e[t][l]) + "; path=/";
},
getCookie(e) {
for (var t = document.cookie, n = t.split("; "), l = 0, o = n.length; l < o; l++) {
var a = n[l].split("=");
if (e == a[0])
return decodeURIComponent(a[1]);
}
},
clearCookie(e) {
var t = new Date();
t.setTime(-1e3);
for (var n = 0, l = e.length; n < l; n++)
document.cookie = "" + e[n] + "=''; path=/; expires=" + t.toGMTString();
},
arrToStr(e) {
if (e)
return e.map((t) => t.name).toString();
},
toggleClass(e, t, n = "id") {
return e.some((l) => l[n] == t[n]);
},
toChecked(e, t, n = "id") {
var l = this.toggleClass(e, t, n);
l ? this.removeEle(e, t, n) : e.push(t);
},
removeEle(e, t, n = "id") {
var l;
e.map((o, a) => {
o[n] == t[n] && (l = a);
}), e.splice(l, 1);
},
setApproverStr(e) {
if (e.settype == 1) {
if (e.nodeUserList.length == 1)
return e.nodeUserList[0].name;
if (e.nodeUserList.length > 1) {
if (e.examineMode == 1)
return this.arrToStr(e.nodeUserList);
if (e.examineMode == 2)
return e.nodeUserList.length + "\u4EBA\u4F1A\u7B7E";
}
} else if (e.settype == 2) {
let t = e.directorLevel == 1 ? "\u76F4\u63A5\u4E3B\u7BA1" : "\u7B2C" + e.directorLevel + "\u7EA7\u4E3B\u7BA1";
if (e.examineMode == 1)
return t;
if (e.examineMode == 2)
return t + "\u4F1A\u7B7E";
} else {
if (e.settype == 4)
return e.selectRange == 1 ? "\u53D1\u8D77\u4EBA\u81EA\u9009" : e.nodeUserList.length > 0 ? e.selectRange == 2 ? "\u53D1\u8D77\u4EBA\u81EA\u9009" : "\u53D1\u8D77\u4EBA\u4ECE" + e.nodeUserList[0].name + "\u4E2D\u81EA\u9009" : "";
if (e.settype == 5)
return "\u53D1\u8D77\u4EBA\u81EA\u5DF1";
if (e.settype == 7)
return "\u4ECE\u76F4\u63A5\u4E3B\u7BA1\u5230\u901A\u8BAF\u5F55\u4E2D\u7EA7\u522B\u6700\u9AD8\u7684\u7B2C" + e.examineEndDirectorLevel + "\u4E2A\u5C42\u7EA7\u4E3B\u7BA1";
}
},
dealStr(e, t) {
let n = [], l = e.split(",");
for (var o in t)
l.map((a) => {
a == o && n.push(t[o].value);
});
return n.join("\u6216");
},
conditionStr(e, t) {
var { conditionList: n, nodeUserList: l } = e.branchNodes[t];
if (n.length == 0)
return t == e.branchNodes.length - 1 && e.branchNodes[0].conditionList.length != 0 ? "\u5176\u4ED6\u6761\u4EF6\u8FDB\u5165\u6B64\u6D41\u7A0B" : "\u8BF7\u8BBE\u7F6E\u6761\u4EF6";
{
let b = "";
for (var o = 0; o < n.length; o++) {
var {
columnId: a,
columnType: i,
showType: r,
showName: c,
optType: d,
zdy1: s,
opt1: g,
zdy2: m,
opt2: u,
fixedDownBoxValue: q
} = n[o];
if (a == 0 && l.length != 0 && (b += "\u53D1\u8D77\u4EBA\u5C5E\u4E8E\uFF1A", b += l.map((C) => C.name).join("\u6216") + " \u5E76\u4E14 "), i == "String" && r == "3" && s && (b += c + "\u5C5E\u4E8E\uFF1A" + this.dealStr(s, JSON.parse(q)) + " \u5E76\u4E14 "), i == "Double")
if (d != 6 && s) {
var E = ["", "<", ">", "\u2264", "=", "\u2265"][d];
b += `${c} ${E} ${s} \u5E76\u4E14 `;
} else
d == 6 && s && m && (b += `${s} ${g} ${c} ${u} ${m} \u5E76\u4E14 `);
}
return b ? b.substring(0, b.length - 4) : "\u8BF7\u8BBE\u7F6E\u6761\u4EF6";
}
},
copyerStr(e) {
if (console.log("testNode", e), e.conditionNodes && e.conditionNodes.length != 0)
return this.arrToStr(e.nodeUserList);
if (e.ccSelfSelectFlag == 1)
return "\u53D1\u8D77\u4EBA\u81EA\u9009";
},
toggleStrClass(e, t) {
return (e.zdy1 ? e.zdy1.split(",") : []).some((l) => l == t);
},
filterFields(e, t) {
let n;
return e.forEach((l) => {
switch (l.name) {
case t:
n = l.stringValue;
}
}), n;
}
};
const yo = new Aa(), Qe = Ki("processEngine", {
state: () => ({
tableId: "",
isTried: !1,
launchDrawer: !1,
launchPermission: {},
handledByDrawer: !1,
handledByPermission: {},
approverDrawer: !1,
approverPermission: {},
conditionDrawer: !1,
conditionsPermission: {},
copyerDrawer: !1,
copyerConfig1: {},
adaptation: ""
}),
getters: {},
actions: {
setTableId(e) {
this.tableId = e;
},
setIsTried(e) {
this.isTried = e;
},
setLaunch(e) {
this.launchDrawer = e, console.log("setLaunch", this.launchDrawer, e);
},
setLaunchPermission(e) {
this.launchPermission = e;
},
setHandledBy(e) {
this.handledByDrawer = e;
},
setHandledByPermission(e) {
this.handledByPermission = e;
},
setApprover(e) {
this.approverDrawer = e;
},
setApproverPermission(e) {
this.approverPermission = e;
},
setCopyer(e) {
this.copyerDrawer = e;
},
setCopyerConfig(e) {
this.copyerConfig1 = e;
},
setCondition(e) {
this.conditionDrawer = e;
},
setConditionsConfig(e) {
console.log("status:conditionsConfig:", e), this.conditionsPermission = e;
},
setAdaptationg(e) {
console.log("status:adaptation:", e), this.adaptation = e;
}
}
});
const Bn = (e, t) => {
const n = e.__vccOpts || e;
for (const [l, o] of t)
n[l] = o;
return n;
}, Sr = { class: "add-node-btn-box" }, kr = { class: "add-node-btn" }, Cr = ["onMouseover", "onMouseout"], qr = {
__name: "addNodeContent",
props: {
childNodeP: {
type: Object,
default: () => ({})
},
propProcessNode: {
type: Object,
default: () => ({})
}
},
emits: ["update:childNodeP", "update:propProcessNode"],
setup(e, { emit: t }) {
const n = e;
let { adaptation: l } = Ft(Qe()), o = f({
get() {
return l.value;
}
});
const a = L(null), i = L(null), r = L(!1), c = L("right"), d = (m) => {
if (m != 4) {
var u;
m == 1 ? u = {
nodeName: "\u8282\u70B9\u540D\u79F0",
type: "candidateTask",
id: "",
assignee: "",
multiInsLoop: {
collection: "userList",
elementVariable: "user",
sequential: "true",
completionCondition: {
textContent: "${nrOfCompletedInstances == 1}"
}
},
listeners: [],
nextNode: n.childNodeP
} : m == 2 && (u = {
nodeName: "\u8282\u70B9\u540D\u79F0",
error: !0,
type: "userTask",
id: "",
assignee: "",
multiInsLoop: {
collection: "userList",
elementVariable: "user",
sequential: "true",
completionCondition: {
textContent: "${nrOfCompletedInstances == 1}"
}
},
listeners: [],
nextNode: n.childNodeP
}), t("update:childNodeP", u);
} else
u = {
nodeName: "\u8DEF\u7531",
type: "exclusiveGateway",
nextNode: null,
branchNodes: [
{
nodeName: "\u6761\u4EF61",
error: !0,
conditionExpression: "",
nextNode: n.childNodeP
},
{
nodeName: "\u6761\u4EF62",
conditionExpression: "",
nextNode: null
}
]
}, t("update:childNodeP", u);
}, s = (m) => {
var u;
console.log("1111", m.x, document.body.clientWidth), r.value || (m.x + 376 > document.body.clientWidth ? c.value = "left" : c.value = "right"), (u = a.value) == null || u.show(), r.value = !0, clearTimeout(i.value);
}, g = () => {
i.value = setTimeout(() => {
var m;
(m = a.value) == null || m.hide(), r.value = !1;
}, 200);
};
return (m, u) => (le(), ie("div", Sr, [
w("div", kr, [
w("div", {
onMouseover: Kt(s, ["stop"]),
onMouseout: Kt(g, ["stop"])
}, [
S(Ma, {
"text-color": "blue",
padding: "5px",
ref_key: "fabBtn",
ref: a,
color: "white",
icon: "add",
direction: D(o) == "standard" ? "down" : c.value,
class: Je(["fab-add-content", { "fab-zindex": r.value, "fab-zone-zindex": !r.value }])
}, {
"active-icon": I(({ opened: q }) => [
S($e, {
class: Je({ "example-fab-animate": q === !0 }),
name: "add"
}, null, 8, ["class"])
]),
default: I(() => [
S(ht, {
class: "item-fab-action",
square: "",
color: "primary",
"text-color": "white",
label: "\u7ECF\u529E\u8282\u70B9",
onClick: u[0] || (u[0] = Kt((q) => d(1), ["stop"])),
style: {}
}),
S(ht, {
class: "item-fab-action",
square: "",
color: "warning",
"text-color": "white",
label: "\u5BA1\u6838\u8282\u70B9",
onClick: u[1] || (u[1] = Kt((q) => d(2), ["stop"]))
}),
S(ht, {
class: "item-fab-action",
square: "",
color: "green-12",
"text-color": "white",
label: "\u6761\u4EF6\u5206\u652F",
onClick: u[2] || (u[2] = Kt((q) => d(4), ["stop"]))
}),
S(ht, {
class: "item-fab-action",
square: "",
color: "purple-4",
"text-color": "white",
label: "\u5B50\u6D41\u7A0B"
})
]),
_: 1
}, 8, ["direction", "class"])
], 40, Cr)
])
]));
}
}, Gn = /* @__PURE__ */ Bn(qr, [["__scopeId", "data-v-7ed5b7d2"]]);
const Vr = {
key: 0,
class: "node-wrap"
}, $r = { class: "text" }, Tr = { class: "content-box" }, Rr = /* @__PURE__ */ w("div", { class: "content-box-left" }, "\u53D1\u8D77\u4EBA\uFF1A", -1), Er = { class: "content-box-right" }, Lr = {
key: 0,
class: "placeholder"
}, Pr = { class: "content-box" }, Br = /* @__PURE__ */ w("div", { class: "content-box-left" }, "\u6284\u9001\u4EBA\uFF1A", -1), Nr = { class: "content-box-right" }, Mr = {
key: 0,
class: "placeholder"
}, Ar = { class: "content-box" }, Or = /* @__PURE__ */ w("div", { class: "content-box-left" }, "\u8F6C\u51FA\u6761\u4EF6\uFF1A", -1), zr = { class: "content-box-right" }, Ir = {
key: 0,
class: "placeholder"
}, Fr = {
key: 0,
style: { position: "absolute", right: "-32px", top: "4px" }
}, Dr = { style: { display: "flex", "flex-direction": "column" } }, Hr = /* @__PURE__ */ w("i", {
class: "iconfont icon-qihuan text-grey-5",
style: { "font-size": "12px" }
}, null, -1), Ur = /* @__PURE__ */ w("i", {
class: "iconfont icon-shanshutubiao text-grey-5",
style: { "font-size": "12px" }
}, null, -1), jr = {
key: 1,
class: "error_tip"
}, Wr = /* @__PURE__ */ w("i", { class: "anticon anticon-exclamation-circle" }, null, -1), Qr = [
Wr
], Kr = {
key: 1,
class: "branch-wrap"
}, Xr = { class: "branch-box-wrap" }, Jr = { class: "branch-box" }, Zr = { class: "add-branch" }, Yr = {
class: "q-pt-xs",
style: { display: "flex", "justify-content": "space-around" }
}, Gr = /* @__PURE__ */ w("i", {
class: "iconfont icon-tianjiatubiao",
style: { "font-size": "12px" }
}, null, -1), eu = /* @__PURE__ */ w("div", {
class: "icon-jianhao",
style: { "font-size": "12px" }
}, null, -1), tu = { class: "condition-node" }, nu = { class: "condition-node-box" }, lu = ["onClick"], ou = { class: "title-wrapper" }, au = { class: "editable-title" }, iu = { class: "priority-title" }, ru = { class: "content" }, uu = ["onClick"], su = {
key: 0,
class: "error_tip"
}, cu = /* @__PURE__ */ w("i", { class: "anticon anticon-exclamation-circle" }, null, -1), du = /* @__PURE__ */ w("i", { class: "arrow iconfont icon-laseshizhi" }, null, -1), fu = [
cu,
du
], vu = /* @__PURE__ */ w("div", { class: "top-left-cover-line" }, null, -1), mu = /* @__PURE__ */ w("div", { class: "bottom-left-cover-line" }, null, -1), hu = /* @__PURE__ */ w("div", { class: "top-right-cover-line" }, null, -1), gu = /* @__PURE__ */ w("div", { class: "bottom-right-cover-line" }, null, -1), pu = {
__name: "nodeContent",
props: {
processNode: {
type: Object,
default: () => ({})
}
},
emits: ["update:processNode"],
setup(e, { emit: t }) {
const n = e;
let {
isTried: l,
launchDrawer: o,
launchPermission: a,
handledByPermission: i,
approverPermission: r,
copyerConfig1: c,
conditionsPermission: d,
adaptation: s
} = Ft(Qe()), {
setLaunch: g,
setHandledBy: m,
setApprover: u,
setCondition: q,
setLaunchPermission: E,
setHandledByPermission: b,
setApproverPermission: C,
setConditionsConfig: h
} = Qe(), y = de().uid, k = ["blue-5", "primary", "warning", "purple-4"], $ = ["\u53D1\u8D77\u4EBA", "\u5BA1\u6838\u4EBA", "\u6284\u9001\u4EBA"], _ = L(!1), P = [
"startTask",
"candidateTask",
"userTask",
"subProcess",
"exclusiveGateway",
"parallelGateway",
"selectBranch"
], B = f({
get() {
return s.value;
}
}), O = f(() => P.findIndex((ae) => ae == V.value.type)), U = f(() => $[V.value.type]), V = f({
get: () => n.processNode,
set: (ae) => t("update:processNode", ae)
}), T = f(() => (console.log("test111", V.value, 111), console.log(V.value), O.value < 4 && V.value && V.value.assignee ? V.value.assignee : "\u6240\u6709\u4EBA"));
const x = L(null), R = L(null), A = L("right");
je(() => {
O.value == 1 ? V.value.error = !yo.setApproverStr(V.value) : O.value == 2 ? V.value.error = !yo.copyerStr(V.value) : O.value == 4;
}), oe(
[
a,
i,
r,
c,
d
],
([ae, j, te, Y, H]) => {
ae.flag && ae.id === y && t("update:processNode", ae.value), j.flag && j.id === y && t("update:processNode", j.value), te.flag && te.id === y && t("update:processNode", te.value), Y.flag && Y.id === y && t("update:processNode", Y.value), H.flag && H.id === y && t("update:processNode", H.value);
}
);
const K = (ae) => {
var j;
console.log(_.value), _.value || (ae.x + 376 > document.body.clientWidth ? A.value = "left" : A.value = "right"), (j = x.value) == null || j.show(), _.value = !0, clearTimeout(R.value);
}, N = () => {
R.value = setTimeout(() => {
var ae;
(ae = x.value) == null || ae.hide(), _.value = !1;
}, 500);
}, ne = () => {
t("update:processNode", V.value.nextNode);
}, z = () => {
let ae = V.value.branchNodes.length + 1;
V.value.branchNodes.push({
nodeName: "\u6761\u4EF6" + ae,
type: 3,
priorityLevel: ae,
conditionList: [],
nodeUserList: [],
nextNode: null
});
}, M = (ae) => {
V.value.type = ae;
}, F = () => {
switch (V.value.type) {
case "handlingNode":
V.value.type = "approvalNode";
break;
case "approvalNode":
V.value.type = "handlingNode";
break;
}
}, X = (ae) => {
V.value.branchNodes.splice(ae, 1), V.value.branchNodes.map((j, te) => {
j.priorityLevel = te + 1, j.nodeName = `\u6761\u4EF6${te + 1}`;
}), V.value.branchNodes.length == 1 && (V.value.nextNode && (V.value.branchNodes[0].nextNode ? J(V.value.branchNodes[0].nextNode, V.value.nextNode) : V.value.branchNodes[0].nextNode = V.value.nextNode), t("update:processNode", V.value.branchNodes[0].nextNode));
}, J = (ae, j) => {
ae.nextNode ? J(ae.nextNode, j) : ae.nextNode = j;
}, ee = (ae) => {
O.value == 0 ? (g(!0), E({
value: JSON.parse(JSON.stringify(V.value)),
flag: !1,
id: y
}), console.log(o.value)) : O.value == 1 ? (m(!0), b({
value: JSON.parse(JSON.stringify(V.value)),
flag: !1,
id: y
})) : O.value == 2 ? (u(!0), C({
value: JSON.parse(JSON.stringify(V.value)),
flag: !1,
id: y
})