@web-utils/form-ui 1.0.0-beta1 → 1.0.0-beta100

package/chunks/DQVIughS.mjs

@@ -0,0 +1,613 @@
+import { t as e } from "./B1MSrc6f.mjs";
+import { t } from "./B24kbvxB.mjs";
+import { t as n } from "./DTeHffqJ.mjs";
+import { ElDivider as r, ElDrawer as i, ElForm as a, ElFormItem as o, ElInput as s, ElOption as c, ElSelect as l, ElTable as u, ElTableColumn as d } from "element-plus/es";
+import "element-plus/es/components/base/style/css";
+import "element-plus/es/components/input/style/css";
+import { Fragment as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, openBlock as y, renderList as b, withCtx as x, withModifiers as S } from "vue";
+import { fastClone as C } from "@web-utils/core";
+import "element-plus/es/components/drawer/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/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/divider/style/css";
+//#region src/components/bpmn-process-designer/components/penal/form/ElementForm.vue
+var w = {
+	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 = C(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 = C(e), this.formFieldForm.typeType = this.fieldType[e.type] ? e.type : "custom", e.type === "enum" && (this.fieldEnumList = C((i == null ? void 0 : i.values) || [])), this.fieldConstraintsList = C((i == null || (n = i.validation) == null ? void 0 : n.constraints) || []), this.fieldPropertiesList = C((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 ? C(e) : {}, this.optionModelTitle = "属性配置") : n === "enum" ? (this.fieldOptionForm = e ? C(e) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = e ? C(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 });
+		}
+	}
+}, T = { class: "panel-tab__content" }, E = { class: "element-property list-property" }, D = { class: "element-drawer__button" }, O = {
+	key: "enum-title",
+	class: "listener-filed__title"
+}, k = {
+	key: "validation-title",
+	class: "listener-filed__title",
+	style: { "padding-bottom": "6px" }
+}, A = {
+	key: "property-title",
+	class: "listener-filed__title",
+	style: { "padding-bottom": "6px" }
+}, j = { class: "element-drawer__button" };
+function M(e, C, w, M, N, P) {
+	let F = s, I = o, L = c, R = l, z = a, B = r, V = d, H = n, U = u, W = i, G = t;
+	return y(), h("div", T, [
+		v(z, {
+			"label-width": "80px",
+			onSubmit: C[2] || (C[2] = S(() => {}, ["prevent"]))
+		}, {
+			default: x(() => [v(I, { label: "表单标识" }, {
+				default: x(() => [v(F, {
+					modelValue: N.formKey,
+					"onUpdate:modelValue": C[0] || (C[0] = (e) => N.formKey = e),
+					clearable: "",
+					onChange: P.updateElementFormKey
+				}, null, 8, ["modelValue", "onChange"])]),
+				_: 1
+			}), v(I, { label: "业务标识" }, {
+				default: x(() => [v(R, {
+					modelValue: N.businessKey,
+					"onUpdate:modelValue": C[1] || (C[1] = (e) => N.businessKey = e),
+					onChange: P.updateElementBusinessKey
+				}, {
+					default: x(() => [(y(!0), h(f, null, b(N.fieldList, (e) => (y(), p(L, {
+						key: e.id,
+						value: e.id,
+						label: e.label
+					}, null, 8, ["value", "label"]))), 128)), v(L, {
+						label: "无",
+						value: ""
+					})]),
+					_: 1
+				}, 8, ["modelValue", "onChange"])]),
+				_: 1
+			})]),
+			_: 1
+		}),
+		m("字段列表"),
+		g("div", E, [v(B, null, {
+			default: x(() => [...C[23] || (C[23] = [g("i", { class: "el-icon-coin" }, null, -1), _(" 表单字段 ", -1)])]),
+			_: 1
+		}), v(U, {
+			data: N.fieldList,
+			"max-height": "240",
+			border: "",
+			fit: ""
+		}, {
+			default: x(() => [
+				v(V, {
+					label: "序号",
+					type: "index",
+					width: "50px"
+				}),
+				v(V, {
+					label: "字段名称",
+					prop: "label",
+					"min-width": "80px",
+					"show-overflow-tooltip": ""
+				}),
+				v(V, {
+					label: "字段类型",
+					prop: "type",
+					"min-width": "80px",
+					formatter: (e) => N.fieldType[e.type] || e.type,
+					"show-overflow-tooltip": ""
+				}, null, 8, ["formatter"]),
+				v(V, {
+					label: "默认值",
+					prop: "defaultValue",
+					"min-width": "80px",
+					"show-overflow-tooltip": ""
+				}),
+				v(V, {
+					label: "操作",
+					width: "90px"
+				}, {
+					default: x(({ row: e, $index: t }) => [
+						v(H, {
+							text: "",
+							onClick: (n) => P.openFieldForm(e, t)
+						}, {
+							default: x(() => [...C[24] || (C[24] = [_("编辑", -1)])]),
+							_: 1
+						}, 8, ["onClick"]),
+						v(B, { direction: "vertical" }),
+						v(H, {
+							text: "",
+							style: { color: "#ff4d4f" },
+							onClick: (n) => P.removeField(e, t)
+						}, {
+							default: x(() => [...C[25] || (C[25] = [_("移除", -1)])]),
+							_: 1
+						}, 8, ["onClick"])
+					]),
+					_: 1
+				})
+			]),
+			_: 1
+		}, 8, ["data"])]),
+		g("div", D, [v(H, {
+			type: "primary",
+			icon: "el-icon-plus",
+			onClick: C[3] || (C[3] = (e) => P.openFieldForm(null, -1))
+		}, {
+			default: x(() => [...C[26] || (C[26] = [_("添加字段", -1)])]),
+			_: 1
+		})]),
+		m("字段配置侧边栏"),
+		v(W, {
+			modelValue: N.fieldModelVisible,
+			"onUpdate:modelValue": C[15] || (C[15] = (e) => N.fieldModelVisible = e),
+			class: "flow-drawer",
+			title: "字段配置",
+			size: `${P.width}px`,
+			"wrapper-closable": !1,
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			default: x(() => [
+				v(z, {
+					model: N.formFieldForm,
+					"label-width": "90px",
+					onSubmit: C[10] || (C[10] = S(() => {}, ["prevent"]))
+				}, {
+					default: x(() => [
+						v(I, { label: "字段ID" }, {
+							default: x(() => [v(F, {
+								modelValue: N.formFieldForm.id,
+								"onUpdate:modelValue": C[4] || (C[4] = (e) => N.formFieldForm.id = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						}),
+						v(I, { label: "类型" }, {
+							default: x(() => [v(R, {
+								modelValue: N.formFieldForm.typeType,
+								"onUpdate:modelValue": C[5] || (C[5] = (e) => N.formFieldForm.typeType = e),
+								placeholder: "请选择字段类型",
+								clearable: "",
+								onChange: P.changeFieldTypeType
+							}, {
+								default: x(() => [(y(!0), h(f, null, b(N.fieldType, (e, t) => (y(), p(L, {
+									key: t,
+									label: e,
+									value: t
+								}, null, 8, ["label", "value"]))), 128))]),
+								_: 1
+							}, 8, ["modelValue", "onChange"])]),
+							_: 1
+						}),
+						N.formFieldForm.typeType === "custom" ? (y(), p(I, {
+							key: 0,
+							label: "类型名称"
+						}, {
+							default: x(() => [v(F, {
+								modelValue: N.formFieldForm.type,
+								"onUpdate:modelValue": C[6] || (C[6] = (e) => N.formFieldForm.type = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : m("v-if", !0),
+						v(I, { label: "名称" }, {
+							default: x(() => [v(F, {
+								modelValue: N.formFieldForm.label,
+								"onUpdate:modelValue": C[7] || (C[7] = (e) => N.formFieldForm.label = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						}),
+						N.formFieldForm.typeType === "date" ? (y(), p(I, {
+							key: 1,
+							label: "时间格式"
+						}, {
+							default: x(() => [v(F, {
+								modelValue: N.formFieldForm.datePattern,
+								"onUpdate:modelValue": C[8] || (C[8] = (e) => N.formFieldForm.datePattern = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})) : m("v-if", !0),
+						v(I, { label: "默认值" }, {
+							default: x(() => [v(F, {
+								modelValue: N.formFieldForm.defaultValue,
+								"onUpdate:modelValue": C[9] || (C[9] = (e) => N.formFieldForm.defaultValue = e),
+								clearable: ""
+							}, null, 8, ["modelValue"])]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["model"]),
+				m(" 枚举值设置 "),
+				N.formFieldForm.type === "enum" ? (y(), h(f, { key: 0 }, [
+					v(B, { key: "enum-divider" }),
+					g("p", O, [C[28] || (C[28] = g("span", null, [g("i", { class: "el-icon-menu" }), _(" 枚举值列表： ")], -1)), v(H, {
+						type: "primary",
+						onClick: C[11] || (C[11] = (e) => P.openFieldOptionForm(null, -1, "enum"))
+					}, {
+						default: x(() => [...C[27] || (C[27] = [_("添加枚举值", -1)])]),
+						_: 1
+					})]),
+					v(U, {
+						key: "enum-table",
+						data: N.fieldEnumList,
+						"max-height": "240",
+						border: "",
+						fit: ""
+					}, {
+						default: x(() => [
+							v(V, {
+								label: "序号",
+								width: "50px",
+								type: "index"
+							}),
+							v(V, {
+								label: "枚举值编号",
+								prop: "id",
+								"min-width": "100px",
+								"show-overflow-tooltip": ""
+							}),
+							v(V, {
+								label: "枚举值名称",
+								prop: "name",
+								"min-width": "100px",
+								"show-overflow-tooltip": ""
+							}),
+							v(V, {
+								label: "操作",
+								width: "90px"
+							}, {
+								default: x(({ row: e, $index: t }) => [
+									v(H, {
+										text: "",
+										onClick: (n) => P.openFieldOptionForm(e, t, "enum")
+									}, {
+										default: x(() => [...C[29] || (C[29] = [_("编辑", -1)])]),
+										_: 1
+									}, 8, ["onClick"]),
+									v(B, { direction: "vertical" }),
+									v(H, {
+										text: "",
+										style: { color: "#ff4d4f" },
+										onClick: (n) => P.removeFieldOptionItem(e, t, "enum")
+									}, {
+										default: x(() => [...C[30] || (C[30] = [_(" 移除 ", -1)])]),
+										_: 1
+									}, 8, ["onClick"])
+								]),
+								_: 1
+							})
+						]),
+						_: 1
+					}, 8, ["data"])
+				], 64)) : m("v-if", !0),
+				m(" 校验规则 "),
+				v(B, { key: "validation-divider" }),
+				g("p", k, [C[32] || (C[32] = g("span", null, [g("i", { class: "el-icon-menu" }), _(" 约束条件列表： ")], -1)), v(H, {
+					type: "primary",
+					style: { "margin-left": "auto" },
+					onClick: C[12] || (C[12] = (e) => P.openFieldOptionForm(null, -1, "constraint"))
+				}, {
+					default: x(() => [...C[31] || (C[31] = [_(" 添加约束 ", -1)])]),
+					_: 1
+				})]),
+				v(U, {
+					key: "validation-table",
+					data: N.fieldConstraintsList,
+					"max-height": "240",
+					border: "",
+					fit: ""
+				}, {
+					default: x(() => [
+						v(V, {
+							label: "序号",
+							width: "50px",
+							type: "index"
+						}),
+						v(V, {
+							label: "约束名称",
+							prop: "name",
+							"min-width": "100px",
+							"show-overflow-tooltip": ""
+						}),
+						v(V, {
+							label: "约束配置",
+							prop: "config",
+							"min-width": "100px",
+							"show-overflow-tooltip": ""
+						}),
+						v(V, {
+							label: "操作",
+							width: "90px"
+						}, {
+							default: x(({ row: e, $index: t }) => [
+								v(H, {
+									text: "",
+									onClick: (n) => P.openFieldOptionForm(e, t, "constraint")
+								}, {
+									default: x(() => [...C[33] || (C[33] = [_("编辑", -1)])]),
+									_: 1
+								}, 8, ["onClick"]),
+								v(B, { direction: "vertical" }),
+								v(H, {
+									text: "",
+									style: { color: "#ff4d4f" },
+									onClick: (n) => P.removeFieldOptionItem(e, t, "constraint")
+								}, {
+									default: x(() => [...C[34] || (C[34] = [_(" 移除 ", -1)])]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data"]),
+				m(" 表单属性 "),
+				v(B, { key: "property-divider" }),
+				g("p", A, [C[36] || (C[36] = g("span", null, [g("i", { class: "el-icon-menu" }), _(" 字段属性列表： ")], -1)), v(H, {
+					type: "primary",
+					style: { "margin-left": "auto" },
+					onClick: C[13] || (C[13] = (e) => P.openFieldOptionForm(null, -1, "property"))
+				}, {
+					default: x(() => [...C[35] || (C[35] = [_(" 添加属性 ", -1)])]),
+					_: 1
+				})]),
+				v(U, {
+					key: "property-table",
+					data: N.fieldPropertiesList,
+					"max-height": "240",
+					border: "",
+					fit: ""
+				}, {
+					default: x(() => [
+						v(V, {
+							label: "序号",
+							width: "50px",
+							type: "index"
+						}),
+						v(V, {
+							label: "属性编号",
+							prop: "id",
+							"min-width": "100px",
+							"show-overflow-tooltip": ""
+						}),
+						v(V, {
+							label: "属性值",
+							prop: "value",
+							"min-width": "100px",
+							"show-overflow-tooltip": ""
+						}),
+						v(V, {
+							label: "操作",
+							width: "90px"
+						}, {
+							default: x(({ row: e, $index: t }) => [
+								v(H, {
+									text: "",
+									onClick: (n) => P.openFieldOptionForm(e, t, "property")
+								}, {
+									default: x(() => [...C[37] || (C[37] = [_("编辑", -1)])]),
+									_: 1
+								}, 8, ["onClick"]),
+								v(B, { direction: "vertical" }),
+								v(H, {
+									text: "",
+									style: { color: "#ff4d4f" },
+									onClick: (n) => P.removeFieldOptionItem(e, t, "property")
+								}, {
+									default: x(() => [...C[38] || (C[38] = [_(" 移除 ", -1)])]),
+									_: 1
+								}, 8, ["onClick"])
+							]),
+							_: 1
+						})
+					]),
+					_: 1
+				}, 8, ["data"]),
+				m(" 底部按钮 "),
+				g("div", j, [v(H, { onClick: C[14] || (C[14] = (e) => N.fieldModelVisible = !1) }, {
+					default: x(() => [...C[39] || (C[39] = [_("取 消", -1)])]),
+					_: 1
+				}), v(H, {
+					type: "primary",
+					onClick: P.saveField
+				}, {
+					default: x(() => [...C[40] || (C[40] = [_("保 存", -1)])]),
+					_: 1
+				}, 8, ["onClick"])])
+			]),
+			_: 1
+		}, 8, ["modelValue", "size"]),
+		v(G, {
+			modelValue: N.fieldOptionModelVisible,
+			"onUpdate:modelValue": C[22] || (C[22] = (e) => N.fieldOptionModelVisible = e),
+			class: "flow-dialog",
+			title: N.optionModelTitle,
+			width: "600px",
+			"append-to-body": "",
+			"destroy-on-close": ""
+		}, {
+			footer: x(() => [v(H, { onClick: C[21] || (C[21] = (e) => N.fieldOptionModelVisible = !1) }, {
+				default: x(() => [...C[41] || (C[41] = [_("取 消", -1)])]),
+				_: 1
+			}), v(H, {
+				type: "primary",
+				onClick: P.saveFieldOption
+			}, {
+				default: x(() => [...C[42] || (C[42] = [_("确 定", -1)])]),
+				_: 1
+			}, 8, ["onClick"])]),
+			default: x(() => [v(z, {
+				model: N.fieldOptionForm,
+				"label-width": "96px",
+				onSubmit: C[20] || (C[20] = S(() => {}, ["prevent"]))
+			}, {
+				default: x(() => [
+					N.fieldOptionType === "constraint" ? m("v-if", !0) : (y(), p(I, {
+						key: "option-id",
+						label: "编号/ID"
+					}, {
+						default: x(() => [v(F, {
+							modelValue: N.fieldOptionForm.id,
+							"onUpdate:modelValue": C[16] || (C[16] = (e) => N.fieldOptionForm.id = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})),
+					N.fieldOptionType === "property" ? m("v-if", !0) : (y(), p(I, {
+						key: "option-name",
+						label: "名称"
+					}, {
+						default: x(() => [v(F, {
+							modelValue: N.fieldOptionForm.name,
+							"onUpdate:modelValue": C[17] || (C[17] = (e) => N.fieldOptionForm.name = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})),
+					N.fieldOptionType === "constraint" ? (y(), p(I, {
+						key: "option-config",
+						label: "配置"
+					}, {
+						default: x(() => [v(F, {
+							modelValue: N.fieldOptionForm.config,
+							"onUpdate:modelValue": C[18] || (C[18] = (e) => N.fieldOptionForm.config = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})) : m("v-if", !0),
+					N.fieldOptionType === "property" ? (y(), p(I, {
+						key: "option-value",
+						label: "值"
+					}, {
+						default: x(() => [v(F, {
+							modelValue: N.fieldOptionForm.value,
+							"onUpdate:modelValue": C[19] || (C[19] = (e) => N.fieldOptionForm.value = e),
+							clearable: ""
+						}, null, 8, ["modelValue"])]),
+						_: 1
+					})) : m("v-if", !0)
+				]),
+				_: 1
+			}, 8, ["model"])]),
+			_: 1
+		}, 8, ["modelValue", "title"])
+	]);
+}
+var N = /* @__PURE__ */ e(w, [["render", M]]);
+//#endregion
+export { N as default };