@web-utils/component 4.0.15 → 5.0.0-beta01

package/chunks/ElementForm.ButuYDPA.mjs

@@ -0,0 +1,627 @@
+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.$set(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.$set(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, {
+			size: "mini",
+			"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,
+			size: "mini",
+			"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, {
+							size: "mini",
+							type: "text",
+							onClick: (n) => w.openFieldForm(e, t)
+						}, {
+							default: d(() => [...p[24] || (p[24] = [o("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						s(A, { direction: "vertical" }),
+						s(M, {
+							size: "mini",
+							type: "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, {
+			size: "mini",
+			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",
+					size: "mini",
+					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, {
+						size: "mini",
+						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,
+						size: "mini",
+						"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, {
+										size: "mini",
+										type: "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, {
+										size: "mini",
+										type: "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, {
+					size: "mini",
+					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,
+					size: "mini",
+					"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, {
+									size: "mini",
+									type: "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, {
+									size: "mini",
+									type: "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, {
+					size: "mini",
+					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,
+					size: "mini",
+					"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, {
+									size: "mini",
+									type: "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, {
+									size: "mini",
+									type: "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, {
+					size: "mini",
+					onClick: p[14] || (p[14] = (e) => C.fieldModelVisible = !1)
+				}, {
+					default: d(() => [...p[39] || (p[39] = [o("取 消", -1)])]),
+					_: 1
+				}), s(M, {
+					size: "mini",
+					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, {
+				size: "mini",
+				onClick: p[21] || (p[21] = (e) => C.fieldOptionModelVisible = !1)
+			}, {
+				default: d(() => [...p[41] || (p[41] = [o("取 消", -1)])]),
+				_: 1
+			}), s(M, {
+				size: "mini",
+				type: "primary",
+				onClick: w.saveFieldOption
+			}, {
+				default: d(() => [...p[42] || (p[42] = [o("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: d(() => [s(k, {
+				model: C.fieldOptionForm,
+				size: "mini",
+				"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 };