@web-utils/component 4.0.16 → 5.0.0-beta01

package/x-input-tag/index.mjs

@@ -1,107 +1,145 @@
-import { n } from "../chunks/_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const l = {
-  name: "XInputTag",
-  inject: {
-    elForm: {
-      default: ""
-    },
-    elFormItem: {
-      default: ""
-    }
-  },
-  props: {
-    value: {
-      type: [Array, String],
-      default: () => []
-    },
-    disabled: Boolean,
-    separator: {
-      type: String,
-      default: ","
-    },
-    count: {
-      type: Boolean,
-      default: !0
-    },
-    arrayMode: {
-      type: Boolean,
-      default: !0
-    },
-    objectMode: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  data() {
-    return {
-      inputVisible: !1,
-      inputValue: "",
-      maxTag: 20
-    };
-  },
-  computed: {
-    inputDisabled() {
-      return this.disabled || (this.elForm || {}).disabled;
-    },
-    tags: {
-      get() {
-        var a, t;
-        if (this.arrayMode)
-          return (a = this.value) != null && a.length ? this.objectMode ? this.value.map((e) => e.id > 0 ? e : { ...e, id: Math.random() }) : this.value : [];
-        {
-          const e = ((t = this.value) == null ? void 0 : t.split(this.separator)) || [];
-          return e.length && e[0] ? e.map((s) => this.objectMode ? { name: s, id: Math.random() } : s) : [];
-        }
-      }
-    }
-  },
-  methods: {
-    async showInput() {
-      this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
-    },
-    handleClose(a) {
-      const t = this.tags.filter((e) => e !== a);
-      this.$emit("input", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
-    },
-    async handleInputConfirm() {
-      var t;
-      if (this.tags.length >= this.maxTag) {
-        this.$message.warning({ message: "标签已达上限,请删除一些标签再添加！", showClose: !0 }), this.inputVisible = !1, this.inputValue = "";
-        return;
-      }
-      const a = this.inputValue;
-      if (a) {
-        if (this.tags.some((s) => (s.name || s) === a)) {
-          this.inputVisible = !1, this.inputValue = "", this.$message.warning({ message: "标签已存在！", showClose: !0 });
-          return;
-        }
-        const e = [...this.tags];
-        e.push(this.objectMode ? { id: Date.now(), name: this.inputValue } : this.inputValue), this.$emit("input", this.arrayMode ? e : e.map((s) => s.name || s).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
-      }
-      this.inputVisible = !1, this.inputValue = "";
-    }
-  }
-};
-var r = function() {
-  var t = this, e = t._self._c;
-  return e("div", { staticClass: "x-input-tag" }, [t.tags && t.tags.length && t.tags[0] ? t._l(t.tags, function(s, i) {
-    return e("ElTag", { key: s.id || s, attrs: { size: "medium", "disable-transitions": "", closable: !t.inputDisabled }, on: { close: function(p) {
-      return t.handleClose(s, i);
-    } } }, [t._v(" " + t._s(s.name || s) + " ")]);
-  }) : t.inputDisabled ? [e("span", { staticStyle: { color: "#b5b5b5" } }, [t._v("无")])] : t._e(), t.inputDisabled ? t._e() : e("ElInput", { directives: [{ name: "show", rawName: "v-show", value: t.inputVisible, expression: "inputVisible" }], ref: "saveTagInput", staticClass: "input-new-tag", attrs: { size: "mini" }, on: { blur: t.handleInputConfirm }, nativeOn: { keyup: function(s) {
-    return !s.type.indexOf("key") && t._k(s.keyCode, "enter", 13, s.key, "Enter") ? null : t.handleInputConfirm.apply(null, arguments);
-  } }, model: { value: t.inputValue, callback: function(s) {
-    t.inputValue = s;
-  }, expression: "inputValue" } }), !t.inputDisabled && !t.inputVisible ? e("ElButton", { directives: [{ name: "show", rawName: "v-show", value: t.tags.length < t.maxTag, expression: "tags.length < maxTag" }], staticClass: "button-new-tag", attrs: { size: "mini" }, on: { click: t.showInput } }, [t._v(" + 添加 ")]) : t._e(), t.count ? e("span", { staticClass: "tags-count" }, [t._v(t._s(t.tags.length && t.tags[0] ? t.tags.length : ""))]) : t._e()], 2);
-}, u = [], o = /* @__PURE__ */ n(
-  l,
-  r,
-  u,
-  !1,
-  null,
-  null
-);
-const d = o.exports;
-export {
-  d as default
+import { t as e } from "../chunks/_plugin-vue_export-helper.7vrlOII_.mjs";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createTextVNode as a, openBlock as o, renderList as s, resolveComponent as c, toDisplayString as l, vShow as u, withCtx as d, withDirectives as f, withKeys as p } from "vue";
+//#region src/components/XInputTag.vue
+var m = {
+	name: "XInputTag",
+	inject: {
+		elForm: { default: "" },
+		elFormItem: { default: "" }
+	},
+	props: {
+		modelValue: {
+			type: [Array, String],
+			default: () => []
+		},
+		disabled: Boolean,
+		separator: {
+			type: String,
+			default: ","
+		},
+		count: {
+			type: Boolean,
+			default: !0
+		},
+		arrayMode: {
+			type: Boolean,
+			default: !0
+		},
+		objectMode: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue"],
+	data() {
+		return {
+			inputVisible: !1,
+			inputValue: "",
+			maxTag: 20
+		};
+	},
+	computed: {
+		inputDisabled() {
+			return this.disabled || (this.elForm || {}).disabled;
+		},
+		tags: { get() {
+			if (this.arrayMode) {
+				var e;
+				return (e = this.modelValue) != null && e.length ? this.objectMode ? this.modelValue.map((e) => e.id > 0 ? e : {
+					...e,
+					id: Math.random()
+				}) : this.modelValue : [];
+			} else {
+				var t;
+				let e = ((t = this.modelValue) == null ? void 0 : t.split(this.separator)) || [];
+				return e.length && e[0] ? e.map((e) => this.objectMode ? {
+					name: e,
+					id: Math.random()
+				} : e) : [];
+			}
+		} }
+	},
+	methods: {
+		async showInput() {
+			this.inputVisible = !0, await this.$nextTick(), this.$refs.saveTagInput.$refs.input.focus();
+		},
+		handleClose(e) {
+			let t = this.tags.filter((t) => t !== e);
+			this.$emit("update:modelValue", this.arrayMode ? t : t.map((e) => e.name || e).join(this.separator));
+		},
+		async handleInputConfirm() {
+			if (this.tags.length >= this.maxTag) {
+				this.$message.warning({
+					message: "标签已达上限,请删除一些标签再添加！",
+					showClose: !0
+				}), this.inputVisible = !1, this.inputValue = "";
+				return;
+			}
+			let e = this.inputValue;
+			if (e) {
+				var t;
+				if (this.tags.some((t) => (t.name || t) === e)) {
+					this.inputVisible = !1, this.inputValue = "", this.$message.warning({
+						message: "标签已存在！",
+						showClose: !0
+					});
+					return;
+				}
+				let n = [...this.tags];
+				n.push(this.objectMode ? {
+					id: Date.now(),
+					name: this.inputValue
+				} : this.inputValue), this.$emit("update:modelValue", this.arrayMode ? n : n.map((e) => e.name || e).join(this.separator)), await this.$nextTick(), (t = this.elFormItem) == null || t.clearValidate();
+			}
+			this.inputVisible = !1, this.inputValue = "";
+		}
+	}
+}, h = { class: "x-input-tag" }, g = {
+	key: 1,
+	style: { color: "#b5b5b5" }
+}, _ = {
+	key: 4,
+	class: "tags-count"
 };
+function v(e, m, v, y, b, x) {
+	let S = c("ElTag"), C = c("ElInput"), w = c("ElButton");
+	return o(), i("div", h, [
+		x.tags && x.tags.length && x.tags[0] ? (o(!0), i(t, { key: 0 }, s(x.tags, (e, t) => (o(), n(S, {
+			key: e.id || e,
+			size: "medium",
+			"disable-transitions": "",
+			closable: !x.inputDisabled,
+			onClose: (n) => x.handleClose(e, t)
+		}, {
+			default: d(() => [a(l(e.name || e), 1)]),
+			_: 2
+		}, 1032, ["closable", "onClose"]))), 128)) : x.inputDisabled ? (o(), i("span", g, "无")) : r("v-if", !0),
+		x.inputDisabled ? r("v-if", !0) : f((o(), n(C, {
+			key: 2,
+			ref: "saveTagInput",
+			modelValue: b.inputValue,
+			"onUpdate:modelValue": m[0] || (m[0] = (e) => b.inputValue = e),
+			class: "input-new-tag",
+			size: "mini",
+			onKeyup: p(x.handleInputConfirm, ["enter"]),
+			onBlur: x.handleInputConfirm
+		}, null, 8, [
+			"modelValue",
+			"onKeyup",
+			"onBlur"
+		])), [[u, b.inputVisible]]),
+		!x.inputDisabled && !b.inputVisible ? f((o(), n(w, {
+			key: 3,
+			class: "button-new-tag",
+			size: "mini",
+			onClick: x.showInput
+		}, {
+			default: d(() => [...m[1] || (m[1] = [a(" + 添加 ", -1)])]),
+			_: 1
+		}, 8, ["onClick"])), [[u, x.tags.length < b.maxTag]]) : r("v-if", !0),
+		v.count ? (o(), i("span", _, l(x.tags.length && x.tags[0] ? x.tags.length : ""), 1)) : r("v-if", !0)
+	]);
+}
+var y = /* @__PURE__ */ e(m, [["render", v]]);
+//#endregion
+export { y as default };

package/chunks/ElementBaseInfo.ZADwixb5.mjs

@@ -1,125 +0,0 @@
-import { fastClone as o } from "@web-utils/core";
-import { a as l, g as r } from "./utils.DRcxC1Fb.mjs";
-import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const c = {
-  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(n) {
-      const e = this.bpmnInstances.elementRegistry.filter((i) => i.type === "bpmn:UserTask");
-      this.nodes = e.map(({ businessObject: { id: i, name: a } }) => ({ label: a, value: i }));
-      const { businessObject: s } = this.element;
-      if (n ? (this.businessObject = o(s), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask")
-        for (const i in this.attrs) {
-          let a = r(s, `${this.prefix}:${i}`);
-          i === "commentNodeIds" && (a = a ? a.split(",") : []), this.attrs[i] = a;
-        }
-      this.skipExpression = r(s, `${this.prefix}:skipExpression`);
-      let t = r(s, `${this.prefix}:requiredComment`);
-      t || (t = "Y"), this.requiredComment = t;
-    },
-    updateBaseInfo(n) {
-      const { modeling: e } = this.bpmnInstances;
-      if (n === "id") {
-        e.updateProperties(this.element, {
-          id: this.businessObject[n],
-          di: { id: `${this.businessObject[n]}_di` }
-        });
-        return;
-      }
-      if (n === "isExpanded") {
-        e.toggleCollapse(this.element);
-        return;
-      }
-      e.updateProperties(this.element, { [n]: this.businessObject[n] });
-    },
-    updateProp(n, e) {
-      if (n === "commentInForm") {
-        if (!e)
-          for (const s in this.attrs)
-            s !== "commentInForm" && (this.attrs[s] = null, l(this.bpmnInstances, this.element, `${this.prefix}:${s}`, this.attrs[s]));
-      } else n === "commentNodeIds" ? e = e != null && e.length ? e.join(",") : null : e = e || null;
-      l(this.bpmnInstances, this.element, `${this.prefix}:${n}`, e);
-    }
-  }
-};
-var u = function() {
-  var e = this, s = e._self._c;
-  return s("div", { staticClass: "panel-tab__content" }, [s("ElForm", { attrs: { size: "mini", "label-width": "90px" }, nativeOn: { submit: function(t) {
-    t.preventDefault();
-  } } }, [s("ElFormItem", { attrs: { label: "ID" } }, [s("ElInput", { attrs: { disabled: e.idEditDisabled, clearable: "" }, on: { input: function(t) {
-    return e.updateBaseInfo("id");
-  } }, model: { value: e.businessObject.id, callback: function(t) {
-    e.$set(e.businessObject, "id", t);
-  }, expression: "businessObject.id" } })], 1), s("ElFormItem", { attrs: { label: "名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
-    return e.updateBaseInfo("name");
-  } }, model: { value: e.businessObject.name, callback: function(t) {
-    e.$set(e.businessObject, "name", t);
-  }, expression: "businessObject.name" } })], 1), e.businessObject.$type === "bpmn:UserTask" ? [s("ElFormItem", { attrs: { label: "跳过表达式" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("skipExpression", t) }, model: { value: e.skipExpression, callback: function(t) {
-    e.skipExpression = t;
-  }, expression: "skipExpression" } })], 1), s("ElFormItem", { attrs: { label: "意见必填" } }, [s("ElSwitch", { attrs: { "active-text": "是", "active-value": "Y", "inactive-text": "否", "inactive-value": "N" }, on: { input: (t) => e.updateProp("requiredComment", t) }, model: { value: e.requiredComment, callback: function(t) {
-    e.requiredComment = t;
-  }, expression: "requiredComment" } })], 1), s("ElFormItem", { attrs: { label: "意见在表单" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: (t) => e.updateProp("commentInForm", t) }, model: { value: e.attrs.commentInForm, callback: function(t) {
-    e.$set(e.attrs, "commentInForm", t);
-  }, expression: "attrs.commentInForm" } })], 1), e.attrs.commentInForm ? [s("ElFormItem", { attrs: { label: "意见名称" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentLabel", t) }, model: { value: e.attrs.commentLabel, callback: function(t) {
-    e.$set(e.attrs, "commentLabel", t);
-  }, expression: "attrs.commentLabel" } })], 1), s("ElFormItem", { attrs: { label: "意见聚合" } }, [s("ElSelect", { attrs: { multiple: "", clearable: "" }, on: { input: (t) => e.updateProp("commentNodeIds", t) }, model: { value: e.attrs.commentNodeIds, callback: function(t) {
-    e.$set(e.attrs, "commentNodeIds", t);
-  }, expression: "attrs.commentNodeIds" } }, e._l(e.nodes, function(t) {
-    return s("ElOption", { key: t.value, attrs: { label: t.label, value: t.value } });
-  }), 1)], 1), s("ElFormItem", { attrs: { label: "意见排序号" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: (t) => e.updateProp("commentOrder", t) }, model: { value: e.attrs.commentOrder, callback: function(t) {
-    e.$set(e.attrs, "commentOrder", t);
-  }, expression: "attrs.commentOrder" } })], 1)] : e._e()] : e._e(), e.businessObject.$type === "bpmn:Process" ? [s("ElFormItem", { attrs: { label: "版本标签" } }, [s("ElInput", { attrs: { clearable: "" }, on: { input: function(t) {
-    return e.updateBaseInfo("versionTag");
-  } }, model: { value: e.businessObject.versionTag, callback: function(t) {
-    e.$set(e.businessObject, "versionTag", t);
-  }, expression: "businessObject.versionTag" } })], 1), s("ElFormItem", { attrs: { label: "可执行" } }, [s("ElSwitch", { attrs: { "active-text": "是", "inactive-text": "否" }, on: { input: function(t) {
-    return e.updateBaseInfo("isExecutable");
-  } }, model: { value: e.businessObject.isExecutable, callback: function(t) {
-    e.$set(e.businessObject, "isExecutable", t);
-  }, expression: "businessObject.isExecutable" } })], 1)] : e._e(), e.businessObject.$type === "bpmn:SubProcess" ? s("ElFormItem", { attrs: { label: "状态" } }, [s("ElSwitch", { attrs: { "active-text": "展开", "inactive-text": "折叠" }, on: { input: function(t) {
-    return e.updateBaseInfo("isExpanded");
-  } }, model: { value: e.businessObject.isExpanded, callback: function(t) {
-    e.$set(e.businessObject, "isExpanded", t);
-  }, expression: "businessObject.isExpanded" } })], 1) : e._e()], 2)], 1);
-}, b = [], p = /* @__PURE__ */ m(
-  c,
-  u,
-  b,
-  !1,
-  null,
-  null
-);
-const E = p.exports;
-export {
-  E as default
-};

package/chunks/ElementForm.CQ3PN5qj.mjs

@@ -1,223 +0,0 @@
-import { fastClone as s } from "@web-utils/core";
-import { n as m } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
-const d = {
-  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,
-      // 编辑中的字段， -1 为新增
-      formFieldOptionIndex: -1,
-      // 编辑中的字段配置项， -1 为新增
-      fieldModelVisible: !1,
-      fieldOptionModelVisible: !1,
-      fieldOptionForm: {},
-      // 当前激活的字段配置项数据
-      fieldOptionType: "",
-      // 当前激活的字段配置项弹窗 类型
-      fieldEnumList: [],
-      // 枚举值列表
-      fieldConstraintsList: [],
-      // 约束条件列表
-      fieldPropertiesList: []
-      // 绑定属性列表
-    };
-  },
-  watch: {
-    id: {
-      immediate: !0,
-      async handler(n) {
-        n && (await this.$nextTick(), this.resetFormList());
-      }
-    }
-  },
-  methods: {
-    resetFormList() {
-      var n;
-      this.formKey = this.element.businessObject.formKey, this.elExtensionElements = this.element.businessObject.get("extensionElements") || this.bpmnInstances.moddle.create("bpmn:ExtensionElements", { values: [] }), this.formData = ((n = this.elExtensionElements.values.filter((e) => e.$type === `${this.prefix}:FormData`)) == null ? void 0 : n[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 = s(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
-      });
-    },
-    // 根据类型调整字段type
-    changeFieldTypeType(n) {
-      this.$set(this.formFieldForm, "type", n === "custom" ? "" : n);
-    },
-    // 打开字段详情侧边栏
-    openFieldForm(n, e) {
-      var t, i;
-      if (this.formFieldIndex = e, e !== -1) {
-        const l = this.formData.fields[e];
-        this.formFieldForm = s(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = s((l == null ? void 0 : l.values) || [])), this.fieldConstraintsList = s(((t = l == null ? void 0 : l.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = s(((i = l == null ? void 0 : l.properties) == null ? void 0 : i.values) || []);
-      } else
-        this.formFieldForm = {}, this.fieldEnumList = [], this.fieldConstraintsList = [], this.fieldPropertiesList = [];
-      this.fieldModelVisible = !0;
-    },
-    // 打开字段 某个 配置项 弹窗
-    openFieldOptionForm(n, e, t) {
-      return this.fieldOptionModelVisible = !0, this.fieldOptionType = t, this.formFieldOptionIndex = e, t === "property" ? (this.fieldOptionForm = n ? s(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? s(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? s(n) : {}, 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() {
-      const { id: n, type: e, label: t, defaultValue: i, datePattern: l } = this.formFieldForm, o = this.bpmnInstances.moddle.create(`${this.prefix}:FormField`, { id: n, type: e, label: t });
-      if (i && (o.defaultValue = i), l && (o.datePattern = l), this.fieldPropertiesList && this.fieldPropertiesList.length) {
-        const r = this.fieldPropertiesList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: a.id, value: a.value }));
-        o.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
-          values: r
-        });
-      }
-      if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
-        const r = this.fieldConstraintsList.map((a) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: a.name, config: a.config }));
-        o.validation = this.bpmnInstances.moddle.create(`${this.prefix}:Validation`, {
-          constraints: r
-        });
-      }
-      this.fieldEnumList && this.fieldEnumList.length && (o.values = this.fieldEnumList.map((r) => this.bpmnInstances.moddle.create(`${this.prefix}:Value`, { name: r.name, id: r.id }))), this.formFieldIndex === -1 ? (this.fieldList.push(this.formFieldForm), this.formData.fields.push(o)) : (this.fieldList.splice(this.formFieldIndex, 1, this.formFieldForm), this.formData.fields.splice(this.formFieldIndex, 1, o)), this.updateElementExtensions(), this.fieldModelVisible = !1;
-    },
-    // 移除某个 字段的 配置项
-    removeFieldOptionItem(n, e, t) {
-      if (t === "property") {
-        this.fieldPropertiesList.splice(e, 1);
-        return;
-      }
-      if (t === "enum") {
-        this.fieldEnumList.splice(e, 1);
-        return;
-      }
-      this.fieldConstraintsList.splice(e, 1);
-    },
-    // 移除 字段
-    removeField(n, e) {
-      this.fieldList.splice(e, 1), this.formData.fields.splice(e, 1), this.updateElementExtensions();
-    },
-    updateElementExtensions() {
-      const n = this.bpmnInstances.moddle.create("bpmn:ExtensionElements", {
-        values: this.otherExtensions.concat(this.formData)
-      });
-      this.bpmnInstances.modeling.updateProperties(this.element, {
-        extensionElements: n
-      });
-    }
-  }
-};
-var p = function() {
-  var e = this, t = e._self._c;
-  return t("div", { staticClass: "panel-tab__content" }, [t("ElForm", { attrs: { size: "mini", "label-width": "80px" }, nativeOn: { submit: function(i) {
-    i.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "表单标识" } }, [t("ElInput", { attrs: { clearable: "" }, on: { change: e.updateElementFormKey }, model: { value: e.formKey, callback: function(i) {
-    e.formKey = i;
-  }, expression: "formKey" } })], 1), t("ElFormItem", { attrs: { label: "业务标识" } }, [t("ElSelect", { on: { change: e.updateElementBusinessKey }, model: { value: e.businessKey, callback: function(i) {
-    e.businessKey = i;
-  }, expression: "businessKey" } }, [e._l(e.fieldList, function(i) {
-    return t("ElOption", { key: i.id, attrs: { value: i.id, label: i.label } });
-  }), t("ElOption", { attrs: { label: "无", value: "" } })], 2)], 1)], 1), t("div", { staticClass: "element-property list-property" }, [t("ElDivider", [t("i", { staticClass: "el-icon-coin" }), e._v(" 表单字段")]), t("ElTable", { attrs: { data: e.fieldList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", type: "index", width: "50px" } }), t("ElTableColumn", { attrs: { label: "字段名称", prop: "label", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "字段类型", prop: "type", "min-width": "80px", formatter: (i) => e.fieldType[i.type] || i.type, "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "默认值", prop: "defaultValue", "min-width": "80px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: l }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.openFieldForm(i, l);
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.removeField(i, l);
-    } } }, [e._v("移除")])];
-  } }]) })], 1)], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
-    return e.openFieldForm(null, -1);
-  } } }, [e._v("添加字段")])], 1), t("ElDrawer", { staticClass: "flow-drawer", attrs: { visible: e.fieldModelVisible, title: "字段配置", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
-    e.fieldModelVisible = i;
-  } } }, [t("ElForm", { attrs: { model: e.formFieldForm, "label-width": "90px", size: "mini" }, nativeOn: { submit: function(i) {
-    i.preventDefault();
-  } } }, [t("ElFormItem", { attrs: { label: "字段ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.id, callback: function(i) {
-    e.$set(e.formFieldForm, "id", i);
-  }, expression: "formFieldForm.id" } })], 1), t("ElFormItem", { attrs: { label: "类型" } }, [t("ElSelect", { attrs: { placeholder: "请选择字段类型", clearable: "" }, on: { change: e.changeFieldTypeType }, model: { value: e.formFieldForm.typeType, callback: function(i) {
-    e.$set(e.formFieldForm, "typeType", i);
-  }, expression: "formFieldForm.typeType" } }, e._l(e.fieldType, function(i, l) {
-    return t("ElOption", { key: l, attrs: { label: i, value: l } });
-  }), 1)], 1), e.formFieldForm.typeType === "custom" ? t("ElFormItem", { attrs: { label: "类型名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.type, callback: function(i) {
-    e.$set(e.formFieldForm, "type", i);
-  }, expression: "formFieldForm.type" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.label, callback: function(i) {
-    e.$set(e.formFieldForm, "label", i);
-  }, expression: "formFieldForm.label" } })], 1), e.formFieldForm.typeType === "date" ? t("ElFormItem", { attrs: { label: "时间格式" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.datePattern, callback: function(i) {
-    e.$set(e.formFieldForm, "datePattern", i);
-  }, expression: "formFieldForm.datePattern" } })], 1) : e._e(), t("ElFormItem", { attrs: { label: "默认值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.formFieldForm.defaultValue, callback: function(i) {
-    e.$set(e.formFieldForm, "defaultValue", i);
-  }, expression: "formFieldForm.defaultValue" } })], 1)], 1), e.formFieldForm.type === "enum" ? [t("ElDivider", { key: "enum-divider" }), t("p", { key: "enum-title", staticClass: "listener-filed__title" }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("枚举值列表：")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
-    return e.openFieldOptionForm(null, -1, "enum");
-  } } }, [e._v("添加枚举值")])], 1), t("ElTable", { key: "enum-table", attrs: { data: e.fieldEnumList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "枚举值编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "枚举值名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: l }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.openFieldOptionForm(i, l, "enum");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.removeFieldOptionItem(i, l, "enum");
-    } } }, [e._v("移除")])];
-  } }], null, !1, 747635382) })], 1)] : e._e(), t("ElDivider", { key: "validation-divider" }), t("p", { key: "validation-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("约束条件列表：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
-    return e.openFieldOptionForm(null, -1, "constraint");
-  } } }, [e._v("添加约束")])], 1), t("ElTable", { key: "validation-table", attrs: { data: e.fieldConstraintsList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "约束名称", prop: "name", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "约束配置", prop: "config", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: l }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.openFieldOptionForm(i, l, "constraint");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.removeFieldOptionItem(i, l, "constraint");
-    } } }, [e._v("移除")])];
-  } }]) })], 1), t("ElDivider", { key: "property-divider" }), t("p", { key: "property-title", staticClass: "listener-filed__title", staticStyle: { "padding-bottom": "6px" } }, [t("span", [t("i", { staticClass: "el-icon-menu" }), e._v("字段属性列表：")]), t("ElButton", { staticStyle: { "margin-left": "auto" }, attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
-    return e.openFieldOptionForm(null, -1, "property");
-  } } }, [e._v("添加属性")])], 1), t("ElTable", { key: "property-table", attrs: { data: e.fieldPropertiesList, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "属性编号", prop: "id", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "属性值", prop: "value", "min-width": "100px", "show-overflow-tooltip": "" } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: l }) {
-    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.openFieldOptionForm(i, l, "property");
-    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
-      return e.removeFieldOptionItem(i, l, "property");
-    } } }, [e._v("移除")])];
-  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
-    e.fieldModelVisible = !1;
-  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveField } }, [e._v("保 存")])], 1)], 2), t("ElementDialog", { staticClass: "flow-dialog", attrs: { visible: e.fieldOptionModelVisible, title: e.optionModelTitle, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
-    e.fieldOptionModelVisible = i;
-  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
-    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
-      e.fieldOptionModelVisible = !1;
-    } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveFieldOption } }, [e._v("确 定")])];
-  }, proxy: !0 }]) }, [t("ElForm", { attrs: { model: e.fieldOptionForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
-    i.preventDefault();
-  } } }, [e.fieldOptionType !== "constraint" ? t("ElFormItem", { key: "option-id", attrs: { label: "编号/ID" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.id, callback: function(i) {
-    e.$set(e.fieldOptionForm, "id", i);
-  }, expression: "fieldOptionForm.id" } })], 1) : e._e(), e.fieldOptionType !== "property" ? t("ElFormItem", { key: "option-name", attrs: { label: "名称" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.name, callback: function(i) {
-    e.$set(e.fieldOptionForm, "name", i);
-  }, expression: "fieldOptionForm.name" } })], 1) : e._e(), e.fieldOptionType === "constraint" ? t("ElFormItem", { key: "option-config", attrs: { label: "配置" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.config, callback: function(i) {
-    e.$set(e.fieldOptionForm, "config", i);
-  }, expression: "fieldOptionForm.config" } })], 1) : e._e(), e.fieldOptionType === "property" ? t("ElFormItem", { key: "option-value", attrs: { label: "值" } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.fieldOptionForm.value, callback: function(i) {
-    e.$set(e.fieldOptionForm, "value", i);
-  }, expression: "fieldOptionForm.value" } })], 1) : e._e()], 1)], 1)], 1);
-}, f = [], u = /* @__PURE__ */ m(
-  d,
-  p,
-  f,
-  !1,
-  null,
-  null
-);
-const F = u.exports;
-export {
-  F as default
-};