@web-utils/component 5.0.0-beta02 → 5.0.0-beta04

package/chunks/ElementBaseInfo.B3pY8TkD.mjs

@@ -1,209 +0,0 @@
-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

@@ -1,251 +0,0 @@
-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 };