@web-utils/form-ui 1.0.0-beta57 → 1.0.0-beta59

package/ElementBaseInfo-B-SjuN-T.js

@@ -0,0 +1,433 @@
+import { n as e } from "./rolldown-runtime-OaQ8AyCN.js";
+import { d as t, u as n } from "./scrollbar-BBrFtze_.js";
+import { A as r, Et as i, Ht as a, U as o, Vt as s, a as c, at as l, dn as u, fn as d, ft as f, gt as p, h as m, ht as h, i as ee, kt as g, mn as _, n as v, o as te, pn as y, pt as ne, q as b, rt as re, s as x, t as S, u as C } from "./_plugin-vue_export-helper-BbfgGJ0Y.js";
+import { n as w, t as T } from "./select-q7vi1EDu.js";
+import { i as E, n as D } from "./utils-axoBfc1D.js";
+import { Fragment as O, computed as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createVNode as P, defineComponent as F, nextTick as I, normalizeClass as L, normalizeStyle as R, onMounted as z, openBlock as B, ref as ie, renderList as V, renderSlot as H, resolveDynamicComponent as U, shallowRef as ae, toDisplayString as W, unref as G, watch as K, withCtx as q, withKeys as oe, withModifiers as J } from "vue";
+import { fastClone as se } from "@web-utils/core";
+//#region node_modules/.pnpm/element-plus@2.13.7_typescr_0fa4751f8fa020301a8746973788e8b7/node_modules/element-plus/es/constants/date.mjs
+var ce = [
+	"year",
+	"years",
+	"month",
+	"months",
+	"date",
+	"dates",
+	"week",
+	"datetime",
+	"datetimerange",
+	"daterange",
+	"monthrange",
+	"yearrange"
+], Y = (e) => ["", ...u].includes(e), le = h({
+	modelValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	disabled: {
+		type: Boolean,
+		default: void 0
+	},
+	loading: Boolean,
+	size: {
+		type: String,
+		validator: Y
+	},
+	width: {
+		type: [String, Number],
+		default: ""
+	},
+	inlinePrompt: Boolean,
+	inactiveActionIcon: { type: m },
+	activeActionIcon: { type: m },
+	activeIcon: { type: m },
+	inactiveIcon: { type: m },
+	activeText: {
+		type: String,
+		default: ""
+	},
+	inactiveText: {
+		type: String,
+		default: ""
+	},
+	activeValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !0
+	},
+	inactiveValue: {
+		type: [
+			Boolean,
+			String,
+			Number
+		],
+		default: !1
+	},
+	name: {
+		type: String,
+		default: ""
+	},
+	validateEvent: {
+		type: Boolean,
+		default: !0
+	},
+	beforeChange: { type: p(Function) },
+	id: String,
+	tabindex: { type: [String, Number] },
+	...b(["ariaLabel"])
+}), ue = {
+	[_]: (e) => i(e) || a(e) || g(e),
+	[d]: (e) => i(e) || a(e) || g(e),
+	[y]: (e) => i(e) || a(e) || g(e)
+}, de = [
+	"id",
+	"aria-checked",
+	"aria-disabled",
+	"aria-label",
+	"name",
+	"true-value",
+	"false-value",
+	"disabled",
+	"tabindex"
+], fe = ["aria-hidden"], pe = { key: 1 }, me = { key: 1 }, he = ["aria-hidden"], X = "ElSwitch", Z = o(/* @__PURE__ */ F({
+	name: X,
+	__name: "switch",
+	props: le,
+	emits: ue,
+	setup(e, { expose: t, emit: n }) {
+		let a = e, o = n, { formItem: u } = ee(), p = x(), m = re("switch"), { inputId: h } = c(a, { formItemContext: u }), g = te(k(() => {
+			if (a.loading) return !0;
+		})), v = ie(a.modelValue !== !1), b = ae(), S = k(() => [
+			m.b(),
+			m.m(p.value),
+			m.is("disabled", g.value),
+			m.is("checked", O.value)
+		]), w = k(() => [
+			m.e("label"),
+			m.em("label", "left"),
+			m.is("active", !O.value)
+		]), T = k(() => [
+			m.e("label"),
+			m.em("label", "right"),
+			m.is("active", O.value)
+		]), E = k(() => ({ width: l(a.width) }));
+		K(() => a.modelValue, () => {
+			v.value = !0;
+		});
+		let D = k(() => v.value ? a.modelValue : !1), O = k(() => D.value === a.activeValue);
+		[a.activeValue, a.inactiveValue].includes(D.value) || (o(_, a.inactiveValue), o(d, a.inactiveValue), o(y, a.inactiveValue)), K(O, (e) => {
+			var t;
+			b.value.checked = e, a.validateEvent && (u == null || (t = u.validate) == null || t.call(u, "change").catch((e) => f(e)));
+		});
+		let F = () => {
+			let e = O.value ? a.inactiveValue : a.activeValue;
+			o(_, e), o(d, e), o(y, e), I(() => {
+				b.value.checked = O.value;
+			});
+		}, V = () => {
+			if (g.value) return;
+			let { beforeChange: e } = a;
+			if (!e) {
+				F();
+				return;
+			}
+			let t = e();
+			[s(t), i(t)].includes(!0) || ne(X, "beforeChange must return type `Promise<boolean>` or `boolean`"), s(t) ? t.then((e) => {
+				e && F();
+			}).catch((e) => {
+				f(X, `some error occurred: ${e}`);
+			}) : t && F();
+		};
+		return z(() => {
+			b.value.checked = O.value;
+		}), t({
+			focus: () => {
+				var e, t;
+				(e = b.value) == null || (t = e.focus) == null || t.call(e);
+			},
+			checked: O
+		}), (t, n) => (B(), M("div", {
+			class: L(S.value),
+			onClick: J(V, ["prevent"])
+		}, [
+			N("input", {
+				id: G(h),
+				ref_key: "input",
+				ref: b,
+				class: L(G(m).e("input")),
+				type: "checkbox",
+				role: "switch",
+				"aria-checked": O.value,
+				"aria-disabled": G(g),
+				"aria-label": e.ariaLabel,
+				name: e.name,
+				"true-value": e.activeValue,
+				"false-value": e.inactiveValue,
+				disabled: G(g),
+				tabindex: e.tabindex,
+				onChange: F,
+				onKeydown: oe(V, ["enter"])
+			}, null, 42, de),
+			!e.inlinePrompt && (e.inactiveIcon || e.inactiveText || t.$slots.inactive) ? (B(), M("span", {
+				key: 0,
+				class: L(w.value)
+			}, [H(t.$slots, "inactive", {}, () => [e.inactiveIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.inactiveIcon)))]),
+				_: 1
+			})) : j("v-if", !0), !e.inactiveIcon && e.inactiveText ? (B(), M("span", {
+				key: 1,
+				"aria-hidden": O.value
+			}, W(e.inactiveText), 9, fe)) : j("v-if", !0)])], 2)) : j("v-if", !0),
+			N("span", {
+				class: L(G(m).e("core")),
+				style: R(E.value)
+			}, [e.inlinePrompt ? (B(), M("div", {
+				key: 0,
+				class: L(G(m).e("inner"))
+			}, [O.value ? (B(), M("div", {
+				key: 1,
+				class: L(G(m).e("inner-wrapper"))
+			}, [H(t.$slots, "active", {}, () => [e.activeIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.activeIcon)))]),
+				_: 1
+			})) : j("v-if", !0), !e.activeIcon && e.activeText ? (B(), M("span", me, W(e.activeText), 1)) : j("v-if", !0)])], 2)) : (B(), M("div", {
+				key: 0,
+				class: L(G(m).e("inner-wrapper"))
+			}, [H(t.$slots, "inactive", {}, () => [e.inactiveIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.inactiveIcon)))]),
+				_: 1
+			})) : j("v-if", !0), !e.inactiveIcon && e.inactiveText ? (B(), M("span", pe, W(e.inactiveText), 1)) : j("v-if", !0)])], 2))], 2)) : j("v-if", !0), N("div", { class: L(G(m).e("action")) }, [e.loading ? (B(), A(G(C), {
+				key: 0,
+				class: L(G(m).is("loading"))
+			}, {
+				default: q(() => [P(G(r))]),
+				_: 1
+			}, 8, ["class"])) : O.value ? H(t.$slots, "active-action", { key: 1 }, () => [e.activeActionIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.activeActionIcon)))]),
+				_: 1
+			})) : j("v-if", !0)]) : O.value ? j("v-if", !0) : H(t.$slots, "inactive-action", { key: 2 }, () => [e.inactiveActionIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.inactiveActionIcon)))]),
+				_: 1
+			})) : j("v-if", !0)])], 2)], 6),
+			!e.inlinePrompt && (e.activeIcon || e.activeText || t.$slots.active) ? (B(), M("span", {
+				key: 1,
+				class: L(T.value)
+			}, [H(t.$slots, "active", {}, () => [e.activeIcon ? (B(), A(G(C), { key: 0 }, {
+				default: q(() => [(B(), A(U(e.activeIcon)))]),
+				_: 1
+			})) : j("v-if", !0), !e.activeIcon && e.activeText ? (B(), M("span", {
+				key: 1,
+				"aria-hidden": !O.value
+			}, W(e.activeText), 9, he)) : j("v-if", !0)])], 2)) : j("v-if", !0)
+		], 2));
+	}
+})), ge = /* @__PURE__ */ e({ default: () => $ }), _e = {
+	name: "ElementBaseInfo",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		idEditDisabled: {
+			type: Boolean,
+			default: !0
+		},
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			skipExpression: "",
+			requiredComment: null,
+			businessObject: {},
+			attrs: {
+				commentInForm: null,
+				commentOrder: null,
+				commentNodeIds: null,
+				commentLabel: null
+			},
+			nodes: []
+		};
+	},
+	watch: { id: "init" },
+	methods: {
+		init(e) {
+			let t = this.bpmnInstances.elementRegistry.filter((e) => e.type === "bpmn:UserTask");
+			this.nodes = t.map(({ businessObject: { id: e, name: t } }) => ({
+				label: t,
+				value: e
+			}));
+			let { businessObject: n } = this.element;
+			if (e ? (this.businessObject = se(n), this.businessObject.$type === "bpmn:SubProcess" && (this.businessObject.isExpanded = this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask") for (let e in this.attrs) {
+				let t = D(n, `${this.prefix}:${e}`);
+				e === "commentNodeIds" && (t = t ? t.split(",") : []), this.attrs[e] = t;
+			}
+			this.skipExpression = D(n, `${this.prefix}:skipExpression`);
+			let r = D(n, `${this.prefix}:requiredComment`);
+			r || (r = "Y"), this.requiredComment = r;
+		},
+		updateBaseInfo(e) {
+			let { modeling: t } = this.bpmnInstances;
+			if (e === "id") {
+				t.updateProperties(this.element, {
+					id: this.businessObject[e],
+					di: { id: `${this.businessObject[e]}_di` }
+				});
+				return;
+			}
+			if (e === "isExpanded") {
+				t.toggleCollapse(this.element);
+				return;
+			}
+			t.updateProperties(this.element, { [e]: this.businessObject[e] });
+		},
+		updateProp(e, t) {
+			if (e === "commentInForm") {
+				if (!t) for (let e in this.attrs) e !== "commentInForm" && (this.attrs[e] = null, E(this.bpmnInstances, this.element, `${this.prefix}:${e}`, this.attrs[e]));
+			} else t = e === "commentNodeIds" ? t != null && t.length ? t.join(",") : null : t || null;
+			E(this.bpmnInstances, this.element, `${this.prefix}:${e}`, t);
+		}
+	}
+}, Q = { class: "panel-tab__content" };
+function ve(e, r, i, a, o, s) {
+	let c = v, l = t, u = Z, d = T, f = w, p = n;
+	return B(), M("div", Q, [P(p, {
+		"label-width": "90px",
+		onSubmit: r[22] || (r[22] = J(() => {}, ["prevent"]))
+	}, {
+		default: q(() => [
+			P(l, { label: "ID" }, {
+				default: q(() => [P(c, {
+					modelValue: o.businessObject.id,
+					"onUpdate:modelValue": r[0] || (r[0] = (e) => o.businessObject.id = e),
+					disabled: i.idEditDisabled,
+					clearable: "",
+					onInput: r[1] || (r[1] = (e) => s.updateBaseInfo("id"))
+				}, null, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}),
+			P(l, { label: "名称" }, {
+				default: q(() => [P(c, {
+					modelValue: o.businessObject.name,
+					"onUpdate:modelValue": r[2] || (r[2] = (e) => o.businessObject.name = e),
+					clearable: "",
+					onInput: r[3] || (r[3] = (e) => s.updateBaseInfo("name"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}),
+			o.businessObject.$type === "bpmn:UserTask" ? (B(), M(O, { key: 0 }, [
+				P(l, { label: "跳过表达式" }, {
+					default: q(() => [P(c, {
+						modelValue: o.skipExpression,
+						"onUpdate:modelValue": r[4] || (r[4] = (e) => o.skipExpression = e),
+						clearable: "",
+						onInput: r[5] || (r[5] = (e) => s.updateProp("skipExpression", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				P(l, { label: "意见必填" }, {
+					default: q(() => [P(u, {
+						modelValue: o.requiredComment,
+						"onUpdate:modelValue": r[6] || (r[6] = (e) => o.requiredComment = e),
+						"active-text": "是",
+						"active-value": "Y",
+						"inactive-text": "否",
+						"inactive-value": "N",
+						onInput: r[7] || (r[7] = (e) => s.updateProp("requiredComment", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				P(l, { label: "意见在表单" }, {
+					default: q(() => [P(u, {
+						modelValue: o.attrs.commentInForm,
+						"onUpdate:modelValue": r[8] || (r[8] = (e) => o.attrs.commentInForm = e),
+						"active-text": "是",
+						"inactive-text": "否",
+						onInput: r[9] || (r[9] = (e) => s.updateProp("commentInForm", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				o.attrs.commentInForm ? (B(), M(O, { key: 0 }, [
+					P(l, { label: "意见名称" }, {
+						default: q(() => [P(c, {
+							modelValue: o.attrs.commentLabel,
+							"onUpdate:modelValue": r[10] || (r[10] = (e) => o.attrs.commentLabel = e),
+							clearable: "",
+							onInput: r[11] || (r[11] = (e) => s.updateProp("commentLabel", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					P(l, { label: "意见聚合" }, {
+						default: q(() => [P(f, {
+							modelValue: o.attrs.commentNodeIds,
+							"onUpdate:modelValue": r[12] || (r[12] = (e) => o.attrs.commentNodeIds = e),
+							multiple: "",
+							clearable: "",
+							onInput: r[13] || (r[13] = (e) => s.updateProp("commentNodeIds", e))
+						}, {
+							default: q(() => [(B(!0), M(O, null, V(o.nodes, (e) => (B(), A(d, {
+								key: e.value,
+								label: e.label,
+								value: e.value
+							}, null, 8, ["label", "value"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					}),
+					P(l, { label: "意见排序号" }, {
+						default: q(() => [P(c, {
+							modelValue: o.attrs.commentOrder,
+							"onUpdate:modelValue": r[14] || (r[14] = (e) => o.attrs.commentOrder = e),
+							clearable: "",
+							onInput: r[15] || (r[15] = (e) => s.updateProp("commentOrder", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})
+				], 64)) : j("", !0)
+			], 64)) : j("", !0),
+			o.businessObject.$type === "bpmn:Process" ? (B(), M(O, { key: 1 }, [P(l, { label: "版本标签" }, {
+				default: q(() => [P(c, {
+					modelValue: o.businessObject.versionTag,
+					"onUpdate:modelValue": r[16] || (r[16] = (e) => o.businessObject.versionTag = e),
+					clearable: "",
+					onInput: r[17] || (r[17] = (e) => s.updateBaseInfo("versionTag"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}), P(l, { label: "可执行" }, {
+				default: q(() => [P(u, {
+					modelValue: o.businessObject.isExecutable,
+					"onUpdate:modelValue": r[18] || (r[18] = (e) => o.businessObject.isExecutable = e),
+					"active-text": "是",
+					"inactive-text": "否",
+					onInput: r[19] || (r[19] = (e) => s.updateBaseInfo("isExecutable"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})], 64)) : j("", !0),
+			o.businessObject.$type === "bpmn:SubProcess" ? (B(), A(l, {
+				key: 2,
+				label: "状态"
+			}, {
+				default: q(() => [P(u, {
+					modelValue: o.businessObject.isExpanded,
+					"onUpdate:modelValue": r[20] || (r[20] = (e) => o.businessObject.isExpanded = e),
+					"active-text": "展开",
+					"inactive-text": "折叠",
+					onInput: r[21] || (r[21] = (e) => s.updateBaseInfo("isExpanded"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})) : j("", !0)
+		]),
+		_: 1
+	})]);
+}
+var $ = /* @__PURE__ */ S(_e, [["render", ve]]);
+//#endregion
+export { ce as a, Y as i, ge as n, Z as r, $ as t };