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

package/chunks/ElementForm.C7yebHWH.mjs

@@ -1,600 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper.7vrlOII_.mjs";
-import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode 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/form/ElementForm.vue
-var m = {
-	name: "ElementForm",
-	inject: {
-		prefix: "prefix",
-		width: "width"
-	},
-	props: {
-		id: String,
-		element: Object,
-		bpmnInstances: Object
-	},
-	data() {
-		return {
-			formKey: "",
-			businessKey: "",
-			optionModelTitle: "",
-			fieldList: [],
-			formFieldForm: {},
-			fieldType: {
-				long: "长整型",
-				string: "字符串",
-				boolean: "布尔类",
-				date: "日期类",
-				enum: "枚举类",
-				custom: "自定义类型"
-			},
-			formFieldIndex: -1,
-			formFieldOptionIndex: -1,
-			fieldModelVisible: !1,
-			fieldOptionModelVisible: !1,
-			fieldOptionForm: {},
-			fieldOptionType: "",
-			fieldEnumList: [],
-			fieldConstraintsList: [],
-			fieldPropertiesList: []
-		};
-	},
-	watch: { id: {
-		immediate: !0,
-		async handler(e) {
-			e && (await this.$nextTick(), this.resetFormList());
-		}
-	} },
-	methods: {
-		resetFormList() {
-			var e;
-			this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((e = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : e[0]) || this.bpmnInstances.moddle.create(`${this.prefix}:FormData`, { fields: [] }), this.businessKey = this.formData.businessKey, this.otherExtensions = this.elExtensionElements.values.filter((e) => e.$type !== `${this.prefix}:FormData`), this.fieldList = p(this.formData.fields || []), this.updateElementExtensions();
-		},
-		updateElementFormKey() {
-			this.bpmnInstances.modeling.updateProperties(this.element, { formKey: this.formKey });
-		},
-		updateElementBusinessKey() {
-			this.bpmnInstances.modeling.updateModdleProperties(this.element, this.formData, { businessKey: this.businessKey });
-		},
-		changeFieldTypeType(e) {
-			this.formFieldForm.type = e === "custom" ? "" : e;
-		},
-		openFieldForm(e, t) {
-			if (this.formFieldIndex = t, t !== -1) {
-				var n, r;
-				let i = this.formData.fields[t];
-				this.formFieldForm = p(e), this.formFieldForm.typeType = this.fieldType[e.type] ? e.type : "custom", e.type === "enum" && (this.fieldEnumList = p((i == null ? void 0 : i.values) || [])), this.fieldConstraintsList = p((i == null || (n = i.validation) == null ? void 0 : n.constraints) || []), this.fieldPropertiesList = p((i == null || (r = i.properties) == null ? void 0 : r.values) || []);
-			} else this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
-			this.fieldModelVisible = !0;
-		},
-		openFieldOptionForm(e, t, n) {
-			return this.fieldOptionModelVisible = !0, this.fieldOptionType = n, this.formFieldOptionIndex = t, n === "property" ? (this.fieldOptionForm = e ? p(e) : {}, this.optionModelTitle = "属性配置") : n === "enum" ? (this.fieldOptionForm = e ? p(e) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = e ? p(e) : {}, this.optionModelTitle = "约束条件配置");
-		},
-		saveFieldOption() {
-			this.formFieldOptionIndex === -1 ? (this.fieldOptionType === "property" && this.fieldPropertiesList.push(this.fieldOptionForm), this.fieldOptionType === "constraint" && this.fieldConstraintsList.push(this.fieldOptionForm), this.fieldOptionType === "enum" && this.fieldEnumList.push(this.fieldOptionForm)) : this.fieldOptionType === "property" ? this.fieldPropertiesList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm) : this.fieldOptionType === "constraint" ? this.fieldConstraintsList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm) : this.fieldOptionType === "enum" && this.fieldEnumList.splice(this.formFieldOptionIndex, 1, this.fieldOptionForm), this.fieldOptionModelVisible = !1, this.fieldOptionForm = {};
-		},
-		saveField() {
-			let { id: e, type: t, label: n, defaultValue: r, datePattern: i } = this.formFieldForm, a = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, {
-				id: e,
-				type: t,
-				label: n
-			});
-			if (r && (a.defaultValue = r), i && (a.datePattern = i), this.fieldPropertiesList && this.fieldPropertiesList.length) {
-				let e = this.fieldPropertiesList.map((e) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, {
-					id: e.id,
-					value: e.value
-				}));
-				a.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: e });
-			}
-			if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
-				let e = this.fieldConstraintsList.map((e) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, {
-					name: e.name,
-					config: e.config
-				}));
-				a.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, { constraints: e });
-			}
-			this.fieldEnumList && this.fieldEnumList.length && (a.values = this.fieldEnumList.map((e) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, {
-				name: e.name,
-				id: e.id
-			}))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(a)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, a)), this.updateElementExtensions(), this.fieldModelVisible = !1;
-		},
-		removeFieldOptionItem(e, t, n) {
-			if (n === "property") {
-				this.fieldPropertiesList.splice(t, 1);
-				return;
-			}
-			if (n === "enum") {
-				this.fieldEnumList.splice(t, 1);
-				return;
-			}
-			this.fieldConstraintsList.splice(t, 1);
-		},
-		removeField(e, t) {
-			this.fieldList.splice(t, 1), this.formData.fields.splice(t, 1), this.updateElementExtensions();
-		},
-		updateElementExtensions() {
-			let e = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: this.otherExtensions.concat(this.formData) });
-			this.bpmnInstances.modeling.updateProperties(this.element, { extensionElements: e });
-		}
-	}
-}, h = { class: "panel-tab__content" }, g = { class: "element-property list-property" }, _ = { class: "element-drawer__button" }, v = {
-	key: "enum-title",
-	class: "listener-filed__title"
-}, y = {
-	key: "validation-title",
-	class: "listener-filed__title",
-	style: { "padding-bottom": "6px" }
-}, b = {
-	key: "property-title",
-	class: "listener-filed__title",
-	style: { "padding-bottom": "6px" }
-}, x = { class: "element-drawer__button" };
-function S(e, p, m, S, C, w) {
-	let T = u("ElInput"), E = u("ElFormItem"), D = u("ElOption"), O = u("ElSelect"), k = u("ElForm"), A = u("ElDivider"), j = u("ElTableColumn"), M = u("ElButton"), N = u("ElTable"), P = u("ElDrawer"), F = u("ElementDialog");
-	return c(), i("div", h, [
-		s(k, {
-			"label-width": "80px",
-			onSubmit: p[2] || (p[2] = f(() => {}, ["prevent"]))
-		}, {
-			default: d(() => [s(E, { label: "表单标识" }, {
-				default: d(() => [s(T, {
-					modelValue: C.formKey,
-					"onUpdate:modelValue": p[0] || (p[0] = (e) => C.formKey = e),
-					clearable: "",
-					onChange: w.updateElementFormKey
-				}, null, 8, ["modelValue", "onChange"])]),
-				_: 1
-			}), s(E, { label: "业务标识" }, {
-				default: d(() => [s(O, {
-					modelValue: C.businessKey,
-					"onUpdate:modelValue": p[1] || (p[1] = (e) => C.businessKey = e),
-					onChange: w.updateElementBusinessKey
-				}, {
-					default: d(() => [(c(!0), i(t, null, l(C.fieldList, (e) => (c(), n(D, {
-						key: e.id,
-						value: e.id,
-						label: e.label
-					}, null, 8, ["value", "label"]))), 128)), s(D, {
-						label: "无",
-						value: ""
-					})]),
-					_: 1
-				}, 8, ["modelValue", "onChange"])]),
-				_: 1
-			})]),
-			_: 1
-		}),
-		r("字段列表"),
-		a("div", g, [s(A, null, {
-			default: d(() => [...p[23] || (p[23] = [a("i", { class: "el-icon-coin" }, null, -1), o(" 表单字段", -1)])]),
-			_: 1
-		}), s(N, {
-			data: C.fieldList,
-			"max-height": "240",
-			border: "",
-			fit: ""
-		}, {
-			default: d(() => [
-				s(j, {
-					label: "序号",
-					type: "index",
-					width: "50px"
-				}),
-				s(j, {
-					label: "字段名称",
-					prop: "label",
-					"min-width": "80px",
-					"show-overflow-tooltip": ""
-				}),
-				s(j, {
-					label: "字段类型",
-					prop: "type",
-					"min-width": "80px",
-					formatter: (e) => C.fieldType[e.type] || e.type,
-					"show-overflow-tooltip": ""
-				}, null, 8, ["formatter"]),
-				s(j, {
-					label: "默认值",
-					prop: "defaultValue",
-					"min-width": "80px",
-					"show-overflow-tooltip": ""
-				}),
-				s(j, {
-					label: "操作",
-					width: "90px"
-				}, {
-					default: d(({ row: e, $index: t }) => [
-						s(M, {
-							text: "",
-							onClick: (n) => w.openFieldForm(e, t)
-						}, {
-							default: d(() => [...p[24] || (p[24] = [o("编辑", -1)])]),
-							_: 1
-						}, 8, ["onClick"]),
-						s(A, { direction: "vertical" }),
-						s(M, {
-							text: "",
-							style: { color: "#ff4d4f" },
-							onClick: (n) => w.removeField(e, t)
-						}, {
-							default: d(() => [...p[25] || (p[25] = [o("移除", -1)])]),
-							_: 1
-						}, 8, ["onClick"])
-					]),
-					_: 1
-				})
-			]),
-			_: 1
-		}, 8, ["data"])]),
-		a("div", _, [s(M, {
-			type: "primary",
-			icon: "el-icon-plus",
-			onClick: p[3] || (p[3] = (e) => w.openFieldForm(null, -1))
-		}, {
-			default: d(() => [...p[26] || (p[26] = [o("添加字段", -1)])]),
-			_: 1
-		})]),
-		r("字段配置侧边栏"),
-		s(P, {
-			visible: C.fieldModelVisible,
-			"onUpdate:visible": p[15] || (p[15] = (e) => C.fieldModelVisible = e),
-			class: "flow-drawer",
-			title: "字段配置",
-			size: `${w.width}px`,
-			"wrapper-closable": !1,
-			"append-to-body": "",
-			"destroy-on-close": ""
-		}, {
-			default: d(() => [
-				s(k, {
-					model: C.formFieldForm,
-					"label-width": "90px",
-					onSubmit: p[10] || (p[10] = f(() => {}, ["prevent"]))
-				}, {
-					default: d(() => [
-						s(E, { label: "字段ID" }, {
-							default: d(() => [s(T, {
-								modelValue: C.formFieldForm.id,
-								"onUpdate:modelValue": p[4] || (p[4] = (e) => C.formFieldForm.id = e),
-								clearable: ""
-							}, null, 8, ["modelValue"])]),
-							_: 1
-						}),
-						s(E, { label: "类型" }, {
-							default: d(() => [s(O, {
-								modelValue: C.formFieldForm.typeType,
-								"onUpdate:modelValue": p[5] || (p[5] = (e) => C.formFieldForm.typeType = e),
-								placeholder: "请选择字段类型",
-								clearable: "",
-								onChange: w.changeFieldTypeType
-							}, {
-								default: d(() => [(c(!0), i(t, null, l(C.fieldType, (e, t) => (c(), n(D, {
-									key: t,
-									label: e,
-									value: t
-								}, null, 8, ["label", "value"]))), 128))]),
-								_: 1
-							}, 8, ["modelValue", "onChange"])]),
-							_: 1
-						}),
-						C.formFieldForm.typeType === "custom" ? (c(), n(E, {
-							key: 0,
-							label: "类型名称"
-						}, {
-							default: d(() => [s(T, {
-								modelValue: C.formFieldForm.type,
-								"onUpdate:modelValue": p[6] || (p[6] = (e) => C.formFieldForm.type = e),
-								clearable: ""
-							}, null, 8, ["modelValue"])]),
-							_: 1
-						})) : r("v-if", !0),
-						s(E, { label: "名称" }, {
-							default: d(() => [s(T, {
-								modelValue: C.formFieldForm.label,
-								"onUpdate:modelValue": p[7] || (p[7] = (e) => C.formFieldForm.label = e),
-								clearable: ""
-							}, null, 8, ["modelValue"])]),
-							_: 1
-						}),
-						C.formFieldForm.typeType === "date" ? (c(), n(E, {
-							key: 1,
-							label: "时间格式"
-						}, {
-							default: d(() => [s(T, {
-								modelValue: C.formFieldForm.datePattern,
-								"onUpdate:modelValue": p[8] || (p[8] = (e) => C.formFieldForm.datePattern = e),
-								clearable: ""
-							}, null, 8, ["modelValue"])]),
-							_: 1
-						})) : r("v-if", !0),
-						s(E, { label: "默认值" }, {
-							default: d(() => [s(T, {
-								modelValue: C.formFieldForm.defaultValue,
-								"onUpdate:modelValue": p[9] || (p[9] = (e) => C.formFieldForm.defaultValue = e),
-								clearable: ""
-							}, null, 8, ["modelValue"])]),
-							_: 1
-						})
-					]),
-					_: 1
-				}, 8, ["model"]),
-				r(" 枚举值设置 "),
-				C.formFieldForm.type === "enum" ? (c(), i(t, { key: 0 }, [
-					s(A, { key: "enum-divider" }),
-					a("p", v, [p[28] || (p[28] = a("span", null, [a("i", { class: "el-icon-menu" }), o("枚举值列表：")], -1)), s(M, {
-						type: "primary",
-						onClick: p[11] || (p[11] = (e) => w.openFieldOptionForm(null, -1, "enum"))
-					}, {
-						default: d(() => [...p[27] || (p[27] = [o("添加枚举值", -1)])]),
-						_: 1
-					})]),
-					s(N, {
-						key: "enum-table",
-						data: C.fieldEnumList,
-						"max-height": "240",
-						border: "",
-						fit: ""
-					}, {
-						default: d(() => [
-							s(j, {
-								label: "序号",
-								width: "50px",
-								type: "index"
-							}),
-							s(j, {
-								label: "枚举值编号",
-								prop: "id",
-								"min-width": "100px",
-								"show-overflow-tooltip": ""
-							}),
-							s(j, {
-								label: "枚举值名称",
-								prop: "name",
-								"min-width": "100px",
-								"show-overflow-tooltip": ""
-							}),
-							s(j, {
-								label: "操作",
-								width: "90px"
-							}, {
-								default: d(({ row: e, $index: t }) => [
-									s(M, {
-										text: "",
-										onClick: (n) => w.openFieldOptionForm(e, t, "enum")
-									}, {
-										default: d(() => [...p[29] || (p[29] = [o("编辑", -1)])]),
-										_: 1
-									}, 8, ["onClick"]),
-									s(A, { direction: "vertical" }),
-									s(M, {
-										text: "",
-										style: { color: "#ff4d4f" },
-										onClick: (n) => w.removeFieldOptionItem(e, t, "enum")
-									}, {
-										default: d(() => [...p[30] || (p[30] = [o("移除", -1)])]),
-										_: 1
-									}, 8, ["onClick"])
-								]),
-								_: 1
-							})
-						]),
-						_: 1
-					}, 8, ["data"])
-				], 64)) : r("v-if", !0),
-				r(" 校验规则 "),
-				s(A, { key: "validation-divider" }),
-				a("p", y, [p[32] || (p[32] = a("span", null, [a("i", { class: "el-icon-menu" }), o("约束条件列表：")], -1)), s(M, {
-					type: "primary",
-					style: { "margin-left": "auto" },
-					onClick: p[12] || (p[12] = (e) => w.openFieldOptionForm(null, -1, "constraint"))
-				}, {
-					default: d(() => [...p[31] || (p[31] = [o("添加约束", -1)])]),
-					_: 1
-				})]),
-				s(N, {
-					key: "validation-table",
-					data: C.fieldConstraintsList,
-					"max-height": "240",
-					border: "",
-					fit: ""
-				}, {
-					default: d(() => [
-						s(j, {
-							label: "序号",
-							width: "50px",
-							type: "index"
-						}),
-						s(j, {
-							label: "约束名称",
-							prop: "name",
-							"min-width": "100px",
-							"show-overflow-tooltip": ""
-						}),
-						s(j, {
-							label: "约束配置",
-							prop: "config",
-							"min-width": "100px",
-							"show-overflow-tooltip": ""
-						}),
-						s(j, {
-							label: "操作",
-							width: "90px"
-						}, {
-							default: d(({ row: e, $index: t }) => [
-								s(M, {
-									text: "",
-									onClick: (n) => w.openFieldOptionForm(e, t, "constraint")
-								}, {
-									default: d(() => [...p[33] || (p[33] = [o("编辑", -1)])]),
-									_: 1
-								}, 8, ["onClick"]),
-								s(A, { direction: "vertical" }),
-								s(M, {
-									text: "",
-									style: { color: "#ff4d4f" },
-									onClick: (n) => w.removeFieldOptionItem(e, t, "constraint")
-								}, {
-									default: d(() => [...p[34] || (p[34] = [o("移除", -1)])]),
-									_: 1
-								}, 8, ["onClick"])
-							]),
-							_: 1
-						})
-					]),
-					_: 1
-				}, 8, ["data"]),
-				r(" 表单属性 "),
-				s(A, { key: "property-divider" }),
-				a("p", b, [p[36] || (p[36] = a("span", null, [a("i", { class: "el-icon-menu" }), o("字段属性列表：")], -1)), s(M, {
-					type: "primary",
-					style: { "margin-left": "auto" },
-					onClick: p[13] || (p[13] = (e) => w.openFieldOptionForm(null, -1, "property"))
-				}, {
-					default: d(() => [...p[35] || (p[35] = [o("添加属性", -1)])]),
-					_: 1
-				})]),
-				s(N, {
-					key: "property-table",
-					data: C.fieldPropertiesList,
-					"max-height": "240",
-					border: "",
-					fit: ""
-				}, {
-					default: d(() => [
-						s(j, {
-							label: "序号",
-							width: "50px",
-							type: "index"
-						}),
-						s(j, {
-							label: "属性编号",
-							prop: "id",
-							"min-width": "100px",
-							"show-overflow-tooltip": ""
-						}),
-						s(j, {
-							label: "属性值",
-							prop: "value",
-							"min-width": "100px",
-							"show-overflow-tooltip": ""
-						}),
-						s(j, {
-							label: "操作",
-							width: "90px"
-						}, {
-							default: d(({ row: e, $index: t }) => [
-								s(M, {
-									text: "",
-									onClick: (n) => w.openFieldOptionForm(e, t, "property")
-								}, {
-									default: d(() => [...p[37] || (p[37] = [o("编辑", -1)])]),
-									_: 1
-								}, 8, ["onClick"]),
-								s(A, { direction: "vertical" }),
-								s(M, {
-									text: "",
-									style: { color: "#ff4d4f" },
-									onClick: (n) => w.removeFieldOptionItem(e, t, "property")
-								}, {
-									default: d(() => [...p[38] || (p[38] = [o("移除", -1)])]),
-									_: 1
-								}, 8, ["onClick"])
-							]),
-							_: 1
-						})
-					]),
-					_: 1
-				}, 8, ["data"]),
-				r(" 底部按钮 "),
-				a("div", x, [s(M, { onClick: p[14] || (p[14] = (e) => C.fieldModelVisible = !1) }, {
-					default: d(() => [...p[39] || (p[39] = [o("取 消", -1)])]),
-					_: 1
-				}), s(M, {
-					type: "primary",
-					onClick: w.saveField
-				}, {
-					default: d(() => [...p[40] || (p[40] = [o("保 存", -1)])]),
-					_: 1
-				}, 8, ["onClick"])])
-			]),
-			_: 1
-		}, 8, ["visible", "size"]),
-		s(F, {
-			visible: C.fieldOptionModelVisible,
-			"onUpdate:visible": p[22] || (p[22] = (e) => C.fieldOptionModelVisible = e),
-			class: "flow-dialog",
-			title: C.optionModelTitle,
-			width: "600px",
-			"append-to-body": "",
-			"destroy-on-close": ""
-		}, {
-			footer: d(() => [s(M, { onClick: p[21] || (p[21] = (e) => C.fieldOptionModelVisible = !1) }, {
-				default: d(() => [...p[41] || (p[41] = [o("取 消", -1)])]),
-				_: 1
-			}), s(M, {
-				type: "primary",
-				onClick: w.saveFieldOption
-			}, {
-				default: d(() => [...p[42] || (p[42] = [o("确 定", -1)])]),
-				_: 1
-			}, 8, ["onClick"])]),
-			default: d(() => [s(k, {
-				model: C.fieldOptionForm,
-				"label-width": "96px",
-				onSubmit: p[20] || (p[20] = f(() => {}, ["prevent"]))
-			}, {
-				default: d(() => [
-					C.fieldOptionType === "constraint" ? r("v-if", !0) : (c(), n(E, {
-						key: "option-id",
-						label: "编号/ID"
-					}, {
-						default: d(() => [s(T, {
-							modelValue: C.fieldOptionForm.id,
-							"onUpdate:modelValue": p[16] || (p[16] = (e) => C.fieldOptionForm.id = e),
-							clearable: ""
-						}, null, 8, ["modelValue"])]),
-						_: 1
-					})),
-					C.fieldOptionType === "property" ? r("v-if", !0) : (c(), n(E, {
-						key: "option-name",
-						label: "名称"
-					}, {
-						default: d(() => [s(T, {
-							modelValue: C.fieldOptionForm.name,
-							"onUpdate:modelValue": p[17] || (p[17] = (e) => C.fieldOptionForm.name = e),
-							clearable: ""
-						}, null, 8, ["modelValue"])]),
-						_: 1
-					})),
-					C.fieldOptionType === "constraint" ? (c(), n(E, {
-						key: "option-config",
-						label: "配置"
-					}, {
-						default: d(() => [s(T, {
-							modelValue: C.fieldOptionForm.config,
-							"onUpdate:modelValue": p[18] || (p[18] = (e) => C.fieldOptionForm.config = e),
-							clearable: ""
-						}, null, 8, ["modelValue"])]),
-						_: 1
-					})) : r("v-if", !0),
-					C.fieldOptionType === "property" ? (c(), n(E, {
-						key: "option-value",
-						label: "值"
-					}, {
-						default: d(() => [s(T, {
-							modelValue: C.fieldOptionForm.value,
-							"onUpdate:modelValue": p[19] || (p[19] = (e) => C.fieldOptionForm.value = e),
-							clearable: ""
-						}, null, 8, ["modelValue"])]),
-						_: 1
-					})) : r("v-if", !0)
-				]),
-				_: 1
-			}, 8, ["model"])]),
-			_: 1
-		}, 8, ["visible", "title"])
-	]);
-}
-var C = /* @__PURE__ */ e(m, [["render", S]]);
-//#endregion
-export { C as default };