@web-utils/form-ui 1.0.0-beta9 → 1.0.0-beta91

package/chunks/BSOrm2U4.mjs

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