@web-utils/component 4.0.16 → 5.0.0-beta02

package/chunks/ElementBaseInfo.B3pY8TkD.mjs

@@ -0,0 +1,209 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { i as t, n } from "./utils.BGJfM4oG.mjs";
+import { Fragment as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createVNode as s, openBlock as c, renderList as l, resolveComponent as u, withCtx as d, withModifiers as f } from "vue";
+import { fastClone as p } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/base/ElementBaseInfo.vue
+var m = {
+	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) {
+			this.nodes = this.bpmnInstances.elementRegistry.filter((e) => e.type === "bpmn:UserTask").map(({ businessObject: { id: e, name: t } }) => ({
+				label: t,
+				value: e
+			}));
+			let { businessObject: t } = this.element;
+			if (e ? (this.businessObject = p(t), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask") for (let e in this.attrs) {
+				let r = n(t, `${this.prefix}:${e}`);
+				e === "commentNodeIds" && (r = r ? r.split(",") : []), this.attrs[e] = r;
+			}
+			this.skipExpression = n(t, `${this.prefix}:skipExpression`);
+			let r = n(t, `${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, n) {
+			if (e === "commentInForm") {
+				if (!n) for (let e in this.attrs) e !== "commentInForm" && (this.attrs[e] = null, t(this.bpmnInstances, this.element, `${this.prefix}:${e}`, this.attrs[e]));
+			} else n = e === "commentNodeIds" ? n != null && n.length ? n.join(",") : null : n || null;
+			t(this.bpmnInstances, this.element, `${this.prefix}:${e}`, n);
+		}
+	}
+}, h = { class: "panel-tab__content" };
+function g(e, t, n, p, m, g) {
+	let _ = u("ElInput"), v = u("ElFormItem"), y = u("ElSwitch"), b = u("ElOption"), x = u("ElSelect"), S = u("ElForm");
+	return c(), o("div", h, [s(S, {
+		size: "default",
+		"label-width": "90px",
+		onSubmit: t[22] || (t[22] = f(() => {}, ["prevent"]))
+	}, {
+		default: d(() => [
+			s(v, { label: "ID" }, {
+				default: d(() => [s(_, {
+					modelValue: m.businessObject.id,
+					"onUpdate:modelValue": t[0] || (t[0] = (e) => m.businessObject.id = e),
+					disabled: n.idEditDisabled,
+					clearable: "",
+					onInput: t[1] || (t[1] = (e) => g.updateBaseInfo("id"))
+				}, null, 8, ["modelValue", "disabled"])]),
+				_: 1
+			}),
+			s(v, { label: "名称" }, {
+				default: d(() => [s(_, {
+					modelValue: m.businessObject.name,
+					"onUpdate:modelValue": t[2] || (t[2] = (e) => m.businessObject.name = e),
+					clearable: "",
+					onInput: t[3] || (t[3] = (e) => g.updateBaseInfo("name"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}),
+			m.businessObject.$type === "bpmn:UserTask" ? (c(), o(r, { key: 0 }, [
+				s(v, { label: "跳过表达式" }, {
+					default: d(() => [s(_, {
+						modelValue: m.skipExpression,
+						"onUpdate:modelValue": t[4] || (t[4] = (e) => m.skipExpression = e),
+						clearable: "",
+						onInput: t[5] || (t[5] = (e) => g.updateProp("skipExpression", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				s(v, { label: "意见必填" }, {
+					default: d(() => [s(y, {
+						modelValue: m.requiredComment,
+						"onUpdate:modelValue": t[6] || (t[6] = (e) => m.requiredComment = e),
+						"active-text": "是",
+						"active-value": "Y",
+						"inactive-text": "否",
+						"inactive-value": "N",
+						onInput: t[7] || (t[7] = (e) => g.updateProp("requiredComment", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				s(v, { label: "意见在表单" }, {
+					default: d(() => [s(y, {
+						modelValue: m.attrs.commentInForm,
+						"onUpdate:modelValue": t[8] || (t[8] = (e) => m.attrs.commentInForm = e),
+						"active-text": "是",
+						"inactive-text": "否",
+						onInput: t[9] || (t[9] = (e) => g.updateProp("commentInForm", e))
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}),
+				m.attrs.commentInForm ? (c(), o(r, { key: 0 }, [
+					s(v, { label: "意见名称" }, {
+						default: d(() => [s(_, {
+							modelValue: m.attrs.commentLabel,
+							"onUpdate:modelValue": t[10] || (t[10] = (e) => m.attrs.commentLabel = e),
+							clearable: "",
+							onInput: t[11] || (t[11] = (e) => g.updateProp("commentLabel", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					}),
+					s(v, { label: "意见聚合" }, {
+						default: d(() => [s(x, {
+							modelValue: m.attrs.commentNodeIds,
+							"onUpdate:modelValue": t[12] || (t[12] = (e) => m.attrs.commentNodeIds = e),
+							multiple: "",
+							clearable: "",
+							onInput: t[13] || (t[13] = (e) => g.updateProp("commentNodeIds", e))
+						}, {
+							default: d(() => [(c(!0), o(r, null, l(m.nodes, (e) => (c(), i(b, {
+								key: e.value,
+								label: e.label,
+								value: e.value
+							}, null, 8, ["label", "value"]))), 128))]),
+							_: 1
+						}, 8, ["modelValue"])]),
+						_: 1
+					}),
+					s(v, { label: "意见排序号" }, {
+						default: d(() => [s(_, {
+							modelValue: m.attrs.commentOrder,
+							"onUpdate:modelValue": t[14] || (t[14] = (e) => m.attrs.commentOrder = e),
+							clearable: "",
+							onInput: t[15] || (t[15] = (e) => g.updateProp("commentOrder", e))
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})
+				], 64)) : a("v-if", !0)
+			], 64)) : a("v-if", !0),
+			a("流程的基础属性"),
+			m.businessObject.$type === "bpmn:Process" ? (c(), o(r, { key: 1 }, [s(v, { label: "版本标签" }, {
+				default: d(() => [s(_, {
+					modelValue: m.businessObject.versionTag,
+					"onUpdate:modelValue": t[16] || (t[16] = (e) => m.businessObject.versionTag = e),
+					clearable: "",
+					onInput: t[17] || (t[17] = (e) => g.updateBaseInfo("versionTag"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}), s(v, { label: "可执行" }, {
+				default: d(() => [s(y, {
+					modelValue: m.businessObject.isExecutable,
+					"onUpdate:modelValue": t[18] || (t[18] = (e) => m.businessObject.isExecutable = e),
+					"active-text": "是",
+					"inactive-text": "否",
+					onInput: t[19] || (t[19] = (e) => g.updateBaseInfo("isExecutable"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})], 64)) : a("v-if", !0),
+			m.businessObject.$type === "bpmn:SubProcess" ? (c(), i(v, {
+				key: 2,
+				label: "状态"
+			}, {
+				default: d(() => [s(y, {
+					modelValue: m.businessObject.isExpanded,
+					"onUpdate:modelValue": t[20] || (t[20] = (e) => m.businessObject.isExpanded = e),
+					"active-text": "展开",
+					"inactive-text": "折叠",
+					onInput: t[21] || (t[21] = (e) => g.updateBaseInfo("isExpanded"))
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			})) : a("v-if", !0)
+		]),
+		_: 1
+	})]);
+}
+var _ = /* @__PURE__ */ e(m, [["render", g]]);
+//#endregion
+export { _ as default };

package/chunks/ElementDialog.DNsDHdQS.mjs

@@ -0,0 +1,251 @@
+import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, Transition as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, resolveComponent as f, resolveDirective as p, toDisplayString as m, vShow as h, withCtx as g, withDirectives as _, withModifiers as v } from "vue";
+import { getComputedHeight as y, isDef as b } from "@web-utils/core";
+import { dialogDrag as x } from "@web-utils/vue/directives/dialog-drag";
+//#endregion
+//#region src/components/dialog/ElementDialog.vue
+var S = {
+	name: "ElementDialog",
+	components: { EmulateForm: {
+		name: "EmulateForm",
+		provide() {
+			return { elForm: { disabled: !1 } };
+		},
+		render() {
+			return this.$slots.default;
+		}
+	} },
+	directives: { dialogDrag: x },
+	mixins: [{ props: {
+		visible: {
+			type: Boolean,
+			default: !1
+		},
+		openDelay: {},
+		closeDelay: {},
+		zIndex: {},
+		modalFade: {
+			type: Boolean,
+			default: !0
+		},
+		modalClass: {},
+		modal: {
+			type: Boolean,
+			default: !0
+		},
+		modalAppendToBody: {
+			type: Boolean,
+			default: !0
+		},
+		lockScroll: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnPressEscape: {
+			type: Boolean,
+			default: !0
+		},
+		maxHeight: {
+			type: String,
+			default: "76vh"
+		}
+	} }],
+	props: {
+		title: {
+			type: String,
+			default: ""
+		},
+		appendToBody: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnClickModal: {
+			type: Boolean,
+			default: !1
+		},
+		showClose: {
+			type: Boolean,
+			default: !0
+		},
+		showFullScreen: Boolean,
+		width: { type: String },
+		height: { type: String },
+		customClass: {
+			type: String,
+			default: ""
+		},
+		top: {
+			type: String,
+			default: "10vh"
+		},
+		beforeClose: { type: Function },
+		center: {
+			type: Boolean,
+			default: !0
+		},
+		destroyOnClose: Boolean,
+		flexRow: Boolean,
+		flexColumn: Boolean,
+		bodyPadding: {
+			type: Boolean,
+			default: !0
+		},
+		embed: Boolean,
+		verticalCenter: Boolean,
+		offsetTop: Number
+	},
+	data() {
+		return {
+			fullScreen: !1,
+			closed: !1,
+			marginTop: 0
+		};
+	},
+	computed: { style() {
+		let e = { maxHeight: "100%" };
+		return this.fullScreen || (this.width && (e.width = this.width), e.maxHeight = this.maxHeight), e["margin-top"] = this.marginTop, e;
+	} },
+	watch: {
+		async visible(e) {
+			e ? (this.closed = !1, this.$emit("open"), this.$el.addEventListener("scroll", this.updatePopper), await this.$nextTick(), this.$refs.dialog.scrollTop = 0, await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el)) : (this.$el.removeEventListener("scroll", this.updatePopper), this.closed || this.$emit("close"));
+		},
+		fullScreen(e) {
+			this.$emit("toggle-fullscreen", e);
+		}
+	},
+	created() {
+		this.$watch(() => ({
+			offsetTop: this.offsetTop,
+			verticalCenter: this.verticalCenter,
+			top: this.top
+		}), this.computeTop, { deep: !0 });
+	},
+	async mounted() {
+		this.visible && (this.rendered = !0, this.open(), await this.computeTop(), this.appendToBody && document.body.appendChild(this.$el));
+	},
+	unmounted() {
+		this.appendToBody && this.$el && this.$el.parentNode && this.$el.parentNode.removeChild(this.$el);
+	},
+	methods: {
+		async computeTop() {
+			await this.$nextTick(), this.verticalCenter ? this.marginTop = `${(document.body.offsetHeight - y(this.$refs.dialog)) / 2 + (b(this.offsetTop) ? this.offsetTop : 0)}px` : this.marginTop = this.top;
+		},
+		toggleFullScreen() {
+			this.fullScreen = !this.fullScreen;
+		},
+		enterFullScreen() {
+			this.fullScreen = !0;
+		},
+		exitFullScreen() {
+			this.fullScreen = !1;
+		},
+		shouldShowFooter() {
+			var e, t;
+			return !!((e = (t = this.$slots).footer) != null && e.call(t));
+		},
+		handleWrapperClick() {
+			this.closeOnClickModal && this.handleClose();
+		},
+		handleClose() {
+			typeof this.beforeClose == "function" ? this.beforeClose(this.hide) : this.hide();
+		},
+		hide(e) {
+			e !== !1 && (this.embed ? this.$parent.$emit("update:visible", !1) : this.$emit("update:visible", !1), this.$emit("close"), this.closed = !0);
+		},
+		updatePopper() {
+			this.broadcast("ElSelectDropdown", "updatePopper"), this.broadcast("ElDropdownMenu", "updatePopper");
+		},
+		afterEnter() {
+			this.$emit("opened");
+		},
+		afterLeave() {
+			this.exitFullScreen(), this.$emit("closed");
+		}
+	}
+}, C = ["aria-label"], w = { class: "el-dialog__header" }, T = { class: "el-dialog__title" }, E = { class: "header-button-wrapper" }, D = {
+	key: 1,
+	class: "el-dialog__footer"
+};
+function O(e, y, b, x, S, O) {
+	let k = f("ElButton"), A = f("EmulateForm"), j = p("dialog-drag");
+	return u(), r(n, {
+		name: "dialog-fade",
+		onAfterEnter: O.afterEnter,
+		onAfterLeave: O.afterLeave,
+		persisted: ""
+	}, {
+		default: g(() => [_((u(), a("div", {
+			class: "el-dialog__wrapper",
+			onClick: y[0] || (y[0] = v((...e) => O.handleWrapperClick && O.handleWrapperClick(...e), ["self"]))
+		}, [o("div", {
+			ref: "dialog",
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": b.title || "dialog",
+			class: c([
+				"el-dialog",
+				"element-dialog",
+				"el-dialog-resizeable",
+				"normalize",
+				{
+					"is-fullscreen": S.fullScreen,
+					"el-dialog__body-padding": b.bodyPadding,
+					"el-dialog--center": b.center,
+					"el-dialog--flex-row": b.flexRow,
+					"el-dialog--flex-column": b.flexColumn
+				},
+				b.customClass
+			]),
+			style: l(O.style)
+		}, [
+			i(" 头部 "),
+			o("div", w, [d(e.$slots, "title", {}, () => [o("span", T, m(b.title), 1)]), s(A, null, {
+				default: g(() => [o("div", E, [
+					d(e.$slots, "header-button"),
+					b.showFullScreen ? (u(), r(k, {
+						key: 0,
+						disabled: !1,
+						class: "header-button",
+						type: "text",
+						icon: S.fullScreen ? "el-icon-copy-document" : "el-icon-full-screen",
+						size: "default",
+						title: S.fullScreen ? "还原" : "最大化",
+						onClick: O.toggleFullScreen
+					}, null, 8, [
+						"icon",
+						"title",
+						"onClick"
+					])) : i("v-if", !0),
+					b.showClose ? (u(), r(k, {
+						key: 1,
+						disabled: !1,
+						"aria-label": "Close",
+						class: "header-button header-dialog-close",
+						type: "text",
+						title: "关闭",
+						icon: "el-icon-close",
+						size: "default",
+						onClick: O.handleClose
+					}, null, 8, ["onClick"])) : i("v-if", !0)
+				])]),
+				_: 3
+			})]),
+			i(" 内容 "),
+			e.rendered ? (u(), a("div", {
+				key: 0,
+				class: "el-dialog__body",
+				style: l({ height: S.fullScreen ? "100%" : b.height })
+			}, [b.destroyOnClose ? (u(), a(t, { key: 0 }, [e.visible ? d(e.$slots, "default", { key: 0 }) : i("v-if", !0)], 64)) : d(e.$slots, "default", { key: 1 })], 4)) : i("v-if", !0),
+			i(" 底部 "),
+			O.shouldShowFooter() ? (u(), a("div", D, [d(e.$slots, "footer", { handleClose: O.handleClose })])) : i("v-if", !0)
+		], 14, C)])), [[h, e.visible], [
+			j,
+			{ onMove: O.updatePopper },
+			S.fullScreen
+		]])]),
+		_: 3
+	}, 8, ["onAfterEnter", "onAfterLeave"]);
+}
+var k = /* @__PURE__ */ e(S, [["render", O]]);
+//#endregion
+export { k as t };