@web-utils/form-ui 1.0.0-beta8 → 1.0.0-beta81

package/chunks/BiY3yiiP2.mjs

@@ -0,0 +1,108 @@
+import { n as e, o as t } from "./DzCIClcZ.mjs";
+import { useDictionary as n } from "../hook/useDictionary.mjs";
+import { allProps as r, predicate as i } from "../props/select.mjs";
+import { ElOption as a, ElSelect as o } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { computed as s, createVNode as c, mergeProps as l, ref as u, watchEffect as d } from "vue";
+import { isNumber as f, isPlainObject as p, isString as m } from "@web-utils/core";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+//#endregion
+//#region src/components/form/FormSelect.vue
+var h = {
+	name: "FormSelect",
+	inheritAttrs: !1,
+	props: { ...r },
+	emits: { ...e },
+	setup(e, { emit: r, slots: h, attrs: g }) {
+		let { emitInput: _, render: v, placeholder: y, disabled: b, listeners: x, inputProps: S } = t(e, {
+			emit: r,
+			slots: h,
+			attrs: g,
+			predicate: i,
+			messagePrefix: "请选择"
+		}), C = u(null), w = u(!1);
+		d(() => {
+			if (e.multiple && e.multipleStringMode) {
+				var t;
+				C.value = (t = e.modelValue) == null ? void 0 : t.split(",").filter((e) => e);
+			} else C.value = e.modelValue;
+		});
+		let T = (t) => {
+			if (e.multiple && e.multipleStringMode ? _(t.join(e.multipleStringSeparator)) : _(t), e.emitLabel) {
+				let n = O.value.find((n) => n[e.props.value] === t), i = n == null ? void 0 : n[e.props.label];
+				i !== e.optionLabel && r("update:optionLabel", i);
+			}
+		}, { dictItems: E } = n(e), D = u([]), O = s(() => {
+			if (e.dictType) return E.value;
+			if (e.remote) return D.value;
+			if (e.gender) return [{
+				[e.props.label]: "男",
+				[e.props.value]: e.chinese ? "男" : e.typing ? 1 : "1"
+			}, {
+				[e.props.label]: "女",
+				[e.props.value]: e.chinese ? "女" : e.typing ? 2 : "2"
+			}];
+			if (e.confirm) return [{
+				[e.props.label]: "是",
+				[e.props.value]: e.chinese ? "是" : e.english ? "Y" : e.typing ? 1 : "1"
+			}, {
+				[e.props.label]: "否",
+				[e.props.value]: e.chinese ? "否" : e.english ? "N" : e.typing ? 0 : "0"
+			}];
+			if (e.all) return [{
+				[e.props.value]: "",
+				[e.props.label]: "全部"
+			}, ...e.options];
+			if (e.start && e.end) return Array(e.end - e.start + 1).fill(1).map((t, n) => ({
+				[e.props.label]: e.start + n,
+				[e.props.value]: e.start + n
+			}));
+			if (e.year) {
+				let t = (/* @__PURE__ */ new Date()).getFullYear(), n = [], r = 10;
+				f(e.year) && (r = e.year);
+				for (let i = -r; i <= r; i++) {
+					let r = t + i;
+					n.push({
+						[e.props.label]: r,
+						[e.props.value]: r
+					});
+				}
+				return n;
+			}
+			return e.options ? e.options.map((t) => (t[e.props.value] = t[e.props.value] ?? t[e.props.label], t)) : [];
+		}), k = async (t) => {
+			try {
+				var n;
+				w.value = !0;
+				let r = await e.remoteMethod(t, e.prop);
+				((n = r.data.data) == null ? void 0 : n.length) >= 0 ? m(r.data.data[0]) ? D.value = r.data.data.map((t) => ({
+					[e.props.value]: t,
+					[e.props.label]: t
+				})) : p(r.data.data[0]) && (D.value = r.data.data) : D.value = [];
+			} catch {}
+			w.value = !1;
+		};
+		return d(() => {
+			e.remote && k();
+		}), () => v({ vNodes: c(o, l(x.value, S.value, {
+			offset: e.dropDownOffset,
+			"model-value": C.value,
+			"onUpdate:modelValue": T,
+			disabled: b.value,
+			placeholder: y.value
+		}), {
+			...h,
+			default: h.default || (() => {
+				var e;
+				return (e = O.value) == null ? void 0 : e.map(({ value: e, label: t }) => c(a, {
+					key: e,
+					label: t,
+					value: e
+				}, null));
+			})
+		}) });
+	}
+};
+//#endregion
+export { h as t };

package/chunks/Bs926z902.mjs

@@ -0,0 +1,200 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { ElForm as t, ElFormItem as n, ElInput as r, ElOption as i, ElSelect as a } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, openBlock as d, withCtx as f, withModifiers as p } from "vue";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/select/style/css";
+import "element-plus/es/components/option/style/css";
+//#region src/components/bpmn-process-designer/components/penal/flow-condition/FlowCondition.vue
+var m = {
+	name: "FlowCondition",
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return { flowConditionForm: {} };
+	},
+	watch: { id: {
+		immediate: !0,
+		async handler() {
+			await this.$nextTick(), this.resetFlowCondition();
+		}
+	} },
+	beforeUnmount() {
+		this.bpmnElementSource = null, this.bpmnElementSourceRef = null;
+	},
+	methods: {
+		resetFlowCondition() {
+			if (this.bpmnElementSource = this.element.source, this.bpmnElementSourceRef = this.element.businessObject.sourceRef, this.bpmnElementSourceRef && this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id) this.flowConditionForm = { type: "default" };
+			else if (!this.element.businessObject.conditionExpression) this.flowConditionForm = { type: "normal" };
+			else {
+				let e = this.element.businessObject.conditionExpression;
+				if (this.flowConditionForm = {
+					...e,
+					type: "condition"
+				}, this.flowConditionForm.resource) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "externalScript";
+					return;
+				}
+				if (e.language) {
+					this.flowConditionForm.conditionType = "script", this.flowConditionForm.scriptType = "inlineScript";
+					return;
+				}
+				this.flowConditionForm.conditionType = "expression";
+			}
+		},
+		updateFlowType(e) {
+			if (e === "condition") {
+				this.flowConditionRef = this.bpmnInstances.moddle.create("bpmn:FormalExpression"), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: this.flowConditionRef });
+				return;
+			}
+			if (e === "default") {
+				this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null }), this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: this.element });
+				return;
+			}
+			this.bpmnElementSourceRef.default && this.bpmnElementSourceRef.default.id === this.element.id && this.bpmnInstances.modeling.updateProperties(this.bpmnElementSource, { default: null }), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: null });
+		},
+		updateFlowCondition() {
+			let { conditionType: e, scriptType: t, body: n, resource: r, language: i } = this.flowConditionForm, a;
+			e === "expression" ? a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", { body: n }) : t === "inlineScript" ? (a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				body: n,
+				language: i
+			}), this.flowConditionForm.resource = "") : (this.flowConditionForm.body = "", a = this.bpmnInstances.moddle.create("bpmn:FormalExpression", {
+				resource: r,
+				language: i
+			})), this.bpmnInstances.modeling.updateProperties(this.element, { conditionExpression: a });
+		}
+	}
+}, h = { class: "panel-tab__content" };
+function g(e, m, g, _, v, y) {
+	let b = i, x = a, S = n, C = r, w = t;
+	return d(), l("div", h, [u(w, {
+		model: v.flowConditionForm,
+		"label-width": "90px",
+		onSubmit: m[7] || (m[7] = p(() => {}, ["prevent"]))
+	}, {
+		default: f(() => [
+			u(S, { label: "流转类型" }, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.type,
+					"onUpdate:modelValue": m[0] || (m[0] = (e) => v.flowConditionForm.type = e),
+					onChange: y.updateFlowType
+				}, {
+					default: f(() => [
+						u(b, {
+							label: "普通流转路径",
+							value: "normal"
+						}),
+						u(b, {
+							label: "默认流转路径",
+							value: "default"
+						}),
+						u(b, {
+							label: "条件流转路径",
+							value: "condition"
+						})
+					]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}),
+			v.flowConditionForm.type === "condition" ? (d(), s(S, {
+				key: "condition",
+				label: "条件格式"
+			}, {
+				default: f(() => [u(x, {
+					modelValue: v.flowConditionForm.conditionType,
+					"onUpdate:modelValue": m[1] || (m[1] = (e) => v.flowConditionForm.conditionType = e)
+				}, {
+					default: f(() => [u(b, {
+						label: "表达式",
+						value: "expression"
+					}), u(b, {
+						label: "脚本",
+						value: "script"
+					})]),
+					_: 1
+				}, 8, ["modelValue"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "expression" ? (d(), s(S, {
+				key: "express",
+				label: "表达式"
+			}, {
+				default: f(() => [u(C, {
+					modelValue: v.flowConditionForm.body,
+					"onUpdate:modelValue": m[2] || (m[2] = (e) => v.flowConditionForm.body = e),
+					clearable: "",
+					onChange: y.updateFlowCondition
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			})) : c("v-if", !0),
+			v.flowConditionForm.conditionType && v.flowConditionForm.conditionType === "script" ? (d(), l(o, { key: 2 }, [
+				u(S, {
+					key: "language",
+					label: "脚本语言"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.language,
+						"onUpdate:modelValue": m[3] || (m[3] = (e) => v.flowConditionForm.language = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				}),
+				u(S, {
+					key: "scriptType",
+					label: "脚本类型"
+				}, {
+					default: f(() => [u(x, {
+						modelValue: v.flowConditionForm.scriptType,
+						"onUpdate:modelValue": m[4] || (m[4] = (e) => v.flowConditionForm.scriptType = e)
+					}, {
+						default: f(() => [u(b, {
+							label: "内联脚本",
+							value: "inlineScript"
+						}), u(b, {
+							label: "外部脚本",
+							value: "externalScript"
+						})]),
+						_: 1
+					}, 8, ["modelValue"])]),
+					_: 1
+				}),
+				v.flowConditionForm.scriptType === "inlineScript" ? (d(), s(S, {
+					key: "body",
+					label: "脚本"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.body,
+						"onUpdate:modelValue": m[5] || (m[5] = (e) => v.flowConditionForm.body = e),
+						type: "textarea",
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0),
+				v.flowConditionForm.scriptType === "externalScript" ? (d(), s(S, {
+					key: "resource",
+					label: "资源地址"
+				}, {
+					default: f(() => [u(C, {
+						modelValue: v.flowConditionForm.resource,
+						"onUpdate:modelValue": m[6] || (m[6] = (e) => v.flowConditionForm.resource = e),
+						clearable: "",
+						onChange: y.updateFlowCondition
+					}, null, 8, ["modelValue", "onChange"])]),
+					_: 1
+				})) : c("v-if", !0)
+			], 64)) : c("v-if", !0)
+		]),
+		_: 1
+	}, 8, ["model"])]);
+}
+var _ = /* @__PURE__ */ e(m, [["render", g]]);
+//#endregion
+export { _ as default };

package/chunks/BsqIRxSS.mjs

@@ -0,0 +1,67 @@
+import { ElCascader as e, ElInput as t } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import "element-plus/es/components/cascader/style/css";
+import { createVNode as n, mergeProps as r, ref as i, watchEffect as a } from "vue";
+//#endregion
+//#region src/components/AddressInput.vue
+var o = {
+	name: "AddressInput",
+	inheritAttrs: !1,
+	props: {
+		options: {
+			type: Array,
+			default() {
+				return [];
+			}
+		},
+		modelValue: {
+			type: Object,
+			default: () => ({
+				address: [],
+				detailAddress: ""
+			})
+		},
+		props: {
+			type: Object,
+			default: () => ({
+				label: "name",
+				value: "id"
+			})
+		},
+		labelAsValue: Boolean,
+		disabled: Boolean
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: s, attrs: c }) {
+		let l = i([]), u = i(""), d = (e) => {
+			s("update:modelValue", e);
+		};
+		a(() => {
+			o.modelValue && (l.value = o.modelValue.address, u.value = o.modelValue.detailAddress);
+		});
+		let f = () => {
+			!l.value && !u.value ? d(void 0) : d({
+				address: l.value,
+				detailAddress: u.value
+			});
+		};
+		return () => n("div", r({ class: "address-input-wrapper flex-row" }, c), [n("div", { class: "address-input-item-wrapper" }, [n(e, {
+			modelValue: l.value,
+			"onUpdate:modelValue": [(e) => l.value = e, f],
+			options: o.options,
+			disabled: o.disabled,
+			props: {
+				label: o.props.label,
+				value: o.labelAsValue ? o.props.label : o.props.value
+			}
+		}, null)]), n("div", { class: "address-input-item-wrapper flex-item" }, [n(t, {
+			modelValue: u.value,
+			"onUpdate:modelValue": [(e) => u.value = e, f],
+			placeholder: "请输入详细地址！",
+			disabled: o.disabled
+		}, null)])]);
+	}
+};
+//#endregion
+export { o as t };

package/chunks/BwL9Xz1F.mjs

@@ -0,0 +1,46 @@
+import { fastClone as e } from "@web-utils/core";
+//#region src/components/bpmn-process-designer/components/penal/listeners/utilSelf.js
+function t(e) {
+	let t = { ...e };
+	if (e.script && (t = {
+		...e,
+		...e.script,
+		scriptType: e.script.resource ? "externalScript" : "inlineScript"
+	}), e.event === "timeout" && e.eventDefinitions && e.eventDefinitions.length) {
+		let n = "";
+		for (let r in e.eventDefinitions[0]) r.indexOf("time") !== -1 && (n = r, t.eventDefinitionType = r.replace("time", "").toLowerCase());
+		t.eventTimeDefinitions = e.eventDefinitions[0][n].body;
+	}
+	return t;
+}
+function n(t) {
+	var n;
+	let r;
+	return t.class && (r = "classListener"), t.expression && (r = "expressionListener"), t.delegateExpression && (r = "delegateExpressionListener"), t.script && (r = "scriptListener"), {
+		...e(t),
+		...t.script ?? {},
+		fields: (n = t.fields) == null ? void 0 : n.map((e) => ({
+			...e,
+			fieldType: e.expression ? "expression" : "string"
+		})),
+		listenerType: r
+	};
+}
+var r = {
+	classListener: "Java 类",
+	expressionListener: "表达式",
+	delegateExpressionListener: "代理表达式",
+	scriptListener: "脚本"
+}, i = {
+	create: "创建",
+	assignment: "指派",
+	complete: "完成",
+	delete: "删除",
+	update: "更新",
+	timeout: "超时"
+}, a = {
+	string: "字符串",
+	expression: "表达式"
+};
+//#endregion
+export { r as a, n as i, a as n, t as r, i as t };

package/chunks/C-iN5MJZ.mjs

@@ -0,0 +1,57 @@
+import e from "../count-up/index.mjs";
+import { ElCol as t, ElRow as n } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import "element-plus/es/components/row/style/css";
+import "element-plus/es/components/col/style/css";
+//#region src/components/data/box/DataBox.vue?vue&type=script&setup=true&lang.ts
+var _ = { class: "data-box" }, v = { class: "item" }, y = [
+	"href",
+	"target",
+	"onClick"
+], b = { class: "item-info" }, x = { class: "info" }, S = /* @__PURE__ */ l({
+	name: "DataBox",
+	__name: "DataBox",
+	props: { option: {
+		type: Object,
+		default: () => ({})
+	} },
+	setup(l) {
+		let S = l, C = i(() => S.option.animation), w = i(() => S.option.decimals || 0), T = i(() => S.option.span || 8), E = i(() => S.option.data || []);
+		return (i, l) => {
+			let S = e, D = t, O = n;
+			return f(), o("div", _, [c(O, { span: 24 }, {
+				default: g(() => [(f(!0), o(r, null, p(h(E), (e, t) => (f(), a(D, {
+					key: t,
+					md: h(T),
+					xs: 24,
+					sm: 12
+				}, {
+					default: g(() => [s("div", v, [s("a", {
+						href: e.href,
+						target: e.target,
+						onClick: (t) => e.click && e.click(e)
+					}, [s("div", {
+						class: "item-icon",
+						style: d({ backgroundColor: e.color })
+					}, [s("i", { class: u(e.icon) }, null, 2)], 4), s("div", b, [c(S, {
+						animation: e.animation || h(C),
+						decimals: e.decimals || h(w),
+						style: d({ color: e.color }),
+						class: "title",
+						end: e.count
+					}, null, 8, [
+						"animation",
+						"decimals",
+						"style",
+						"end"
+					]), s("div", x, m(e.title), 1)])], 8, y)])]),
+					_: 2
+				}, 1032, ["md"]))), 128))]),
+				_: 1
+			})]);
+		};
+	}
+});
+//#endregion
+export { S as t };

package/chunks/C-zPVdz-.mjs

@@ -0,0 +1,198 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./V-Js6hNd.mjs";
+import { t as n } from "./mnqSaATq.mjs";
+import { ElDivider as r, ElForm as i, ElFormItem as a, ElInput as o, ElMessageBox as s, ElTable as c, ElTableColumn as l } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, openBlock as m, withCtx as h, withModifiers as g } from "vue";
+import { fastClone as _ } from "@web-utils/core";
+import "element-plus/es/components/message-box/style/css";
+import "element-plus/es/components/table/style/css";
+import "element-plus/es/components/table-column/style/css";
+import "element-plus/es/components/form-item/style/css";
+import "element-plus/es/components/form/style/css";
+import "element-plus/es/components/divider/style/css";
+//#region src/components/bpmn-process-designer/components/penal/properties/ElementProperties.vue
+var v = {
+	name: "ElementProperties",
+	inject: {
+		prefix: "prefix",
+		width: "width"
+	},
+	props: {
+		id: String,
+		element: Object,
+		bpmnInstances: Object
+	},
+	data() {
+		return {
+			elementPropertyList: [],
+			propertyForm: {},
+			editingPropertyIndex: -1,
+			propertyFormModelVisible: !1
+		};
+	},
+	watch: { id: {
+		immediate: !0,
+		handler(e) {
+			e != null && e.length && this.resetAttributesList();
+		}
+	} },
+	methods: {
+		resetAttributesList() {
+			var e;
+			this.otherExtensionList = [], this.bpmnElementProperties = ((e = this.element.businessObject) == null || (e = e.extensionElements) == null || (e = e.values) == null ? void 0 : e.filter((e) => (e.$type !== `${this.prefix}:Properties` && this.otherExtensionList.push(e), e.$type === `${this.prefix}:Properties`))) ?? [], this.bpmnElementPropertyList = this.bpmnElementProperties.reduce((e, t) => e.concat(t.values), []), this.elementPropertyList = _(this.bpmnElementPropertyList ?? []);
+		},
+		openAttributesForm(e, t) {
+			this.editingPropertyIndex = t, this.propertyForm = t === -1 ? {} : _(e), this.propertyFormModelVisible = !0, this.$nextTick(() => {
+				this.$refs.attributeFormRef && this.$refs.attributeFormRef.clearValidate();
+			});
+		},
+		removeAttributes(e, t) {
+			s.confirm("确认移除该属性吗？", "提示", {
+				confirmButtonText: "确 认",
+				cancelButtonText: "取 消"
+			}).then(() => {
+				this.elementPropertyList.splice(t, 1), this.bpmnElementPropertyList.splice(t, 1);
+				let e = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList });
+				this.updateElementExtensions(e), this.resetAttributesList();
+			}).catch(() => {});
+		},
+		saveAttribute() {
+			let { name: e, value: t } = this.propertyForm;
+			if (this.editingPropertyIndex !== -1) this.bpmnInstances.modeling.updateModdleProperties(this.element, this.bpmnElementPropertyList[this.editingPropertyIndex], {
+				name: e,
+				value: t
+			});
+			else {
+				let n = this.bpmnInstances.moddle.create(`${this.prefix}:Property`, {
+					name: e,
+					value: t
+				}), r = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, { values: this.bpmnElementPropertyList.concat([n]) });
+				this.updateElementExtensions(r);
+			}
+			this.propertyFormModelVisible = !1, this.resetAttributesList();
+		},
+		updateElementExtensions(e) {
+			let t = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: this.otherExtensionList.concat([e]) });
+			this.bpmnInstances.modeling.updateProperties(this.element, { extensionElements: t });
+		}
+	}
+}, y = { class: "panel-tab__content" }, b = { class: "element-drawer__button" };
+function x(e, s, _, v, x, S) {
+	let C = l, w = n, T = r, E = c, D = o, O = a, k = i, A = t;
+	return m(), u("div", y, [
+		p(E, {
+			data: x.elementPropertyList,
+			"max-height": "240",
+			border: "",
+			fit: ""
+		}, {
+			default: h(() => [
+				p(C, {
+					label: "序号",
+					width: "50px",
+					type: "index"
+				}),
+				p(C, {
+					label: "属性名",
+					prop: "name",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "属性值",
+					prop: "value",
+					"min-width": "100px",
+					"show-overflow-tooltip": ""
+				}),
+				p(C, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: h(({ row: e, $index: t }) => [
+						p(w, {
+							text: "",
+							onClick: (n) => S.openAttributesForm(e, t)
+						}, {
+							default: h(() => [...s[6] || (s[6] = [f("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						p(T, { direction: "vertical" }),
+						p(w, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => S.removeAttributes(e, t)
+						}, {
+							default: h(() => [...s[7] || (s[7] = [f("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"]),
+		d("div", b, [p(w, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: s[0] || (s[0] = (e) => S.openAttributesForm(null, -1))
+		}, {
+			default: h(() => [...s[8] || (s[8] = [f("添加属性", -1)])]),
+			_: 1
+		})]),
+		p(A, {
+			modelValue: x.propertyFormModelVisible,
+			"onUpdate:modelValue": s[5] || (s[5] = (e) => x.propertyFormModelVisible = e),
+			class: "flow-dialog",
+			title: "属性配置",
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: h(() => [p(w, { onClick: s[4] || (s[4] = (e) => x.propertyFormModelVisible = !1) }, {
+				default: h(() => [...s[9] || (s[9] = [f("取 消", -1)])]),
+				_: 1
+			}), p(w, {
+				type: "primary",
+				onClick: S.saveAttribute
+			}, {
+				default: h(() => [...s[10] || (s[10] = [f("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: h(() => [p(k, {
+				ref: "attributeFormRef",
+				model: x.propertyForm,
+				"label-width": "80px",
+				onSubmit: s[3] || (s[3] = g(() => {}, ["prevent"]))
+			}, {
+				default: h(() => [p(O, {
+					label: "属性名：",
+					prop: "name"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.name,
+						"onUpdate:modelValue": s[1] || (s[1] = (e) => x.propertyForm.name = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				}), p(O, {
+					label: "属性值：",
+					prop: "value"
+				}, {
+					default: h(() => [p(D, {
+						modelValue: x.propertyForm.value,
+						"onUpdate:modelValue": s[2] || (s[2] = (e) => x.propertyForm.value = e),
+						clearable: ""
+					}, null, 8, ["modelValue"])]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["modelValue"])
+	]);
+}
+var S = /* @__PURE__ */ e(v, [["render", x]]);
+//#endregion
+export { S as default };