@web-utils/component 3.5.0 → 3.6.0

package/chunks/ElementBaseInfo.jv89Vjy1.mjs

@@ -0,0 +1,118 @@
+import { fastClone as l } from "@web-utils/core";
+import { a, g as r } from "./utils.DRcxC1Fb.mjs";
+import { n as o } 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: "",
+      businessObject: {},
+      attrs: {
+        commentInForm: null,
+        commentOrder: null,
+        commentNodeIds: null,
+        commentLabel: null
+      },
+      nodes: []
+    };
+  },
+  watch: {
+    id: "init"
+  },
+  methods: {
+    init(n) {
+      const e = this.bpmnInstances.elementRegistry.filter((t) => t.type === "bpmn:UserTask");
+      this.nodes = e.map(({ businessObject: { id: t, name: i } }) => ({ label: i, value: t }));
+      const { businessObject: s } = this.element;
+      if (n ? (this.businessObject = l(s), this.businessObject.$type === "bpmn:SubProcess" && this.$set(this.businessObject, "isExpanded", this.element.di.isExpanded)) : this.businessObject = {}, this.businessObject.$type === "bpmn:UserTask")
+        for (const t in this.attrs) {
+          let i = r(s, `${this.prefix}:${t}`);
+          t === "commentNodeIds" && (i = i ? i.split(",") : []), this.attrs[t] = i;
+        }
+      this.skipExpression = r(s, `${this.prefix}:skipExpression`);
+    },
+    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" && !e)
+        for (const s in this.attrs)
+          s !== "commentInForm" && (this.attrs[s] = null, a(this.bpmnInstances, this.element, `${this.prefix}:${s}`, this.attrs[s]));
+      n === "commentNodeIds" ? e = e != null && e.length ? e.join(",") : null : e = e || null, a(this.bpmnInstances, this.element, `${this.prefix}:${n}`, e);
+    }
+  }
+};
+var m = 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": "是", "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 = [], u = /* @__PURE__ */ o(
+  c,
+  m,
+  b,
+  !1,
+  null,
+  null
+);
+const E = u.exports;
+export {
+  E as default
+};

package/chunks/ElementForm.4QQYs5uq.mjs

@@ -0,0 +1,241 @@
+var p = (n, e, t) => new Promise((i, l) => {
+  var o = (m) => {
+    try {
+      s(t.next(m));
+    } catch (d) {
+      l(d);
+    }
+  }, r = (m) => {
+    try {
+      s(t.throw(m));
+    } catch (d) {
+      l(d);
+    }
+  }, s = (m) => m.done ? i(m.value) : Promise.resolve(m.value).then(o, r);
+  s((t = t.apply(n, e)).next());
+});
+import { fastClone as a } from "@web-utils/core";
+import { n as f } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const u = {
+  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,
+      handler(n) {
+        return p(this, null, function* () {
+          n && (yield 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 = a(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 = a(n), this.$set(this.formFieldForm, "typeType", this.fieldType[n.type] ? n.type : "custom"), n.type === "enum" && (this.fieldEnumList = a((l == null ? void 0 : l.values) || [])), this.fieldConstraintsList = a(((t = l == null ? void 0 : l.validation) == null ? void 0 : t.constraints) || []), this.fieldPropertiesList = a(((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 ? a(n) : {}, this.optionModelTitle = "属性配置") : t === "enum" ? (this.fieldOptionForm = n ? a(n) : {}, this.optionModelTitle = "枚举值配置") : (this.fieldOptionForm = n ? a(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((s) => this.bpmnInstances.moddle.create(`${this.prefix}:Property`, { id: s.id, value: s.value }));
+        o.properties = this.bpmnInstances.moddle.create(`${this.prefix}:Properties`, {
+          values: r
+        });
+      }
+      if (this.fieldConstraintsList && this.fieldConstraintsList.length) {
+        const r = this.fieldConstraintsList.map((s) => this.bpmnInstances.moddle.create(`${this.prefix}:Constraint`, { name: s.name, config: s.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 c = 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);
+}, h = [], F = /* @__PURE__ */ f(
+  u,
+  c,
+  h,
+  !1,
+  null,
+  null
+);
+const E = F.exports;
+export {
+  E as default
+};

package/chunks/ElementListeners.vfHHHAOL.mjs

@@ -0,0 +1,255 @@
+var F = Object.defineProperty;
+var p = Object.getOwnPropertySymbols;
+var b = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
+var d = (s, e, t) => e in s ? F(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t, u = (s, e) => {
+  for (var t in e || (e = {}))
+    b.call(e, t) && d(s, t, e[t]);
+  if (p)
+    for (var t of p(e))
+      h.call(e, t) && d(s, t, e[t]);
+  return s;
+};
+var c = (s, e, t) => new Promise((r, l) => {
+  var o = (n) => {
+    try {
+      a(t.next(n));
+    } catch (m) {
+      l(m);
+    }
+  }, i = (n) => {
+    try {
+      a(t.throw(n));
+    } catch (m) {
+      l(m);
+    }
+  }, a = (n) => n.done ? r(n.value) : Promise.resolve(n.value).then(o, i);
+  a((t = t.apply(s, e)).next());
+});
+import { c as v, u as f } from "./utils.DRcxC1Fb.mjs";
+import { i as y, a as g, f as E, l as x } from "./utilSelf.CRqpl0Cz.mjs";
+import { fastClone as L, capitalize as _ } from "@web-utils/core";
+import { n as T } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const $ = (s) => ({
+  $type: "flowable:ExecutionListener",
+  event: s === "draft" ? "start" : s,
+  // eslint-disable-next-line no-template-curly-in-string
+  delegateExpression: "${httpInvokeExecutionListener}",
+  fields: [],
+  listenerType: "delegateExpressionListener"
+}), k = (s, e) => [
+  { $type: "flowable:Field", name: "serviceId", string: e.serviceId, fieldType: "string" },
+  {
+    $type: "flowable:Field",
+    name: "url",
+    string: `${e != null && e.url ? `/${e.url}` : ""}/flow${_(s)}`,
+    fieldType: "string"
+  }
+], w = {
+  name: "ElementListeners",
+  inject: {
+    prefix: "prefix",
+    width: "width",
+    context: "context"
+  },
+  props: {
+    id: String,
+    element: Object,
+    bpmnInstances: Object
+  },
+  data() {
+    return {
+      elementListenersList: [],
+      // 监听器列表
+      listenerForm: {},
+      // 监听器详情表单
+      listenerFormModelVisible: !1,
+      // 监听器 编辑 侧边栏显示状态
+      fieldsListOfListener: [],
+      listenerFieldForm: {},
+      // 监听器 注入字段 详情表单
+      listenerFieldFormModelVisible: !1,
+      // 监听器 注入字段表单弹窗 显示状态
+      editingListenerIndex: -1,
+      // 监听器所在下标，-1 为新增
+      editingListenerFieldIndex: -1,
+      // 字段所在下标，-1 为新增
+      listenerTypeObject: x,
+      fieldTypeObject: E
+    };
+  },
+  computed: {
+    apis() {
+      var e;
+      return (((e = this.context) == null ? void 0 : e.apis) || ["flowDraft", "flowStart", "flowEnd"]).map((t) => {
+        var r;
+        return `${(r = this.context) != null && r.url ? `/${this.context.url}/` : ""}${t}`;
+      }) || [];
+    }
+  },
+  watch: {
+    id: {
+      immediate: !0,
+      handler(s) {
+        return c(this, null, function* () {
+          s && (yield this.$nextTick(), this.resetListenersList());
+        });
+      }
+    }
+  },
+  methods: {
+    resetListenersList() {
+      var s, e, t, r;
+      this.otherExtensionList = [], this.bpmnElementListeners = (r = (t = (e = (s = this.element.businessObject) == null ? void 0 : s.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((l) => l.$type === `${this.prefix}:ExecutionListener`)) != null ? r : [], this.elementListenersList = this.bpmnElementListeners.map((l) => g(l));
+    },
+    changeFiledType(s) {
+      s === "string" ? (delete this.listenerFieldForm.expression, this.$set(this.listenerFieldForm, "string", "")) : (delete this.listenerFieldForm.string, this.$set(this.listenerFieldForm, "expression", ""));
+    },
+    assignListener(s) {
+      const e = $(s, this.context);
+      e.fields = k(s, this.context), this.listenerForm = e, this.fieldsListOfListener = e.fields;
+    },
+    setDefaultFieldValue(s) {
+      s !== "url" ? this.$set(this.listenerFieldForm, "string", this.context[s] || "") : this.$set(this.listenerFieldForm, "string", "");
+    },
+    // 打开 监听器详情 侧边栏
+    openListenerForm(s, e) {
+      return c(this, null, function* () {
+        var t;
+        s ? (this.listenerForm = y(s), this.fieldsListOfListener = s.fields ? s.fields.map((r) => u({}, r)) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, yield this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
+      });
+    },
+    // 打开监听器字段编辑弹窗
+    openListenerFieldForm(s, e) {
+      this.listenerFieldForm = s ? L(s) : { fieldType: "string" }, this.editingListenerFieldIndex = s ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
+      });
+    },
+    // 保存监听器注入字段
+    saveListenerFiled() {
+      return c(this, null, function* () {
+        (yield this.$refs.listenerFieldFormRef.validate()) && (this.editingListenerFieldIndex === -1 ? (this.fieldsListOfListener.push(this.listenerFieldForm), this.listenerForm.fields.push(this.listenerFieldForm)) : (this.fieldsListOfListener.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm), this.listenerForm.fields.splice(this.editingListenerFieldIndex, 1, this.listenerFieldForm)), this.listenerFieldFormModelVisible = !1, yield this.$nextTick(), this.listenerFieldForm = {});
+      });
+    },
+    // 移除监听器字段
+    removeListenerField(s, e) {
+      return c(this, null, function* () {
+        try {
+          yield this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
+        } catch (t) {
+        }
+      });
+    },
+    // 移除监听器
+    removeListener(s, e) {
+      return c(this, null, function* () {
+        try {
+          yield this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), f(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
+        } catch (t) {
+        }
+      });
+    },
+    // 保存监听器配置
+    saveListenerConfig() {
+      return c(this, null, function* () {
+        var t, r, l, o;
+        if (!(yield this.$refs.listenerFormRef.validate())) return;
+        const e = v(this.bpmnInstances, this.listenerForm, !1, this.prefix);
+        this.editingListenerIndex === -1 ? (this.bpmnElementListeners.push(e), this.elementListenersList.push(this.listenerForm)) : (this.bpmnElementListeners.splice(this.editingListenerIndex, 1, e), this.elementListenersList.splice(this.editingListenerIndex, 1, this.listenerForm)), this.otherExtensionList = (o = (l = (r = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : r.values) == null ? void 0 : l.filter((i) => i.$type !== `${this.prefix}:ExecutionListener`)) != null ? o : [], f(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+      });
+    }
+  }
+};
+var I = function() {
+  var r, l, o;
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "panel-tab__content element-listeners" }, [t("ElTable", { attrs: { data: e.elementListenersList, size: "mini", border: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "事件类型", "min-width": "100px", prop: "event" } }), t("ElTableColumn", { attrs: { label: "监听器类型", "min-width": "100px", "show-overflow-tooltip": "", formatter: (i) => e.listenerTypeObject[i.listenerType] } }), t("ElTableColumn", { attrs: { label: "操作", width: "90px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: a }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(n) {
+      return e.openListenerForm(i, a);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(n) {
+      return e.removeListener(i, a);
+    } } }, [e._v("移除")])];
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini", type: "primary", icon: "el-icon-plus" }, on: { click: function(i) {
+    return e.openListenerForm(null);
+  } } }, [e._v("添加监听器")])], 1), t("ElDrawer", { staticClass: "flow-drawer element-listeners-drawer", attrs: { visible: e.listenerFormModelVisible, title: "执行监听器", size: `${e.width}px`, "wrapper-closable": !1, "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.listenerFormModelVisible = i;
+  } } }, [t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [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.assignListener("start");
+  } } }, [e._v("开始")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
+    return e.assignListener("end");
+  } } }, [e._v("结束")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: function(i) {
+    return e.assignListener("draft");
+  } } }, [e._v("草稿")])], 1), t("ElForm", { ref: "listenerFormRef", attrs: { size: "mini", model: e.listenerForm, "label-width": "96px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "事件类型", prop: "event", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.event, callback: function(i) {
+    e.$set(e.listenerForm, "event", i);
+  }, expression: "listenerForm.event" } }, [t("ElOption", { attrs: { label: "开始", value: "start" } }), t("ElOption", { attrs: { label: "结束", value: "end" } })], 1)], 1), t("ElFormItem", { attrs: { label: "监听器类型", prop: "listenerType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { model: { value: e.listenerForm.listenerType, callback: function(i) {
+    e.$set(e.listenerForm, "listenerType", i);
+  }, expression: "listenerForm.listenerType" } }, e._l(Object.keys(e.listenerTypeObject), function(i) {
+    return t("ElOption", { key: i, attrs: { label: e.listenerTypeObject[i], value: i } });
+  }), 1)], 1), e.listenerForm.listenerType === "classListener" ? t("ElFormItem", { key: "listener-class", attrs: { label: "Java类", prop: "class", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.class, callback: function(i) {
+    e.$set(e.listenerForm, "class", i);
+  }, expression: "listenerForm.class" } })], 1) : e._e(), e.listenerForm.listenerType === "expressionListener" ? t("ElFormItem", { key: "listener-expression", attrs: { label: "表达式", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.expression, callback: function(i) {
+    e.$set(e.listenerForm, "expression", i);
+  }, expression: "listenerForm.expression" } })], 1) : e._e(), e.listenerForm.listenerType === "delegateExpressionListener" ? t("ElFormItem", { key: "listener-delegate", attrs: { label: "代理表达式", prop: "delegateExpression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerForm.delegateExpression, callback: function(i) {
+    e.$set(e.listenerForm, "delegateExpression", i);
+  }, expression: "listenerForm.delegateExpression" } }, e._l(((r = e.context) == null ? void 0 : r.delegateExpressions) || [], function(i) {
+    return t("ElOption", { key: i, attrs: { value: i, label: i } });
+  }), 1)], 1) : e._e(), e.listenerForm.listenerType === "scriptListener" ? [t("ElFormItem", { key: "listener-script-format", attrs: { label: "脚本格式", prop: "scriptFormat", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本格式" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.scriptFormat, callback: function(i) {
+    e.$set(e.listenerForm, "scriptFormat", i);
+  }, expression: "listenerForm.scriptFormat" } })], 1), t("ElFormItem", { key: "listener-script-type", attrs: { label: "脚本类型", prop: "scriptType", rules: { required: !0, trigger: ["blur", "change"], message: "请选择脚本类型" } } }, [t("ElSelect", { model: { value: e.listenerForm.scriptType, callback: function(i) {
+    e.$set(e.listenerForm, "scriptType", i);
+  }, expression: "listenerForm.scriptType" } }, [t("ElOption", { attrs: { label: "内联脚本", value: "inlineScript" } }), t("ElOption", { attrs: { label: "外部脚本", value: "externalScript" } })], 1)], 1), e.listenerForm.scriptType === "inlineScript" ? t("ElFormItem", { key: "listener-script", attrs: { label: "脚本内容", prop: "value", rules: { required: !0, trigger: ["blur", "change"], message: "请填写脚本内容" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.value, callback: function(i) {
+    e.$set(e.listenerForm, "value", i);
+  }, expression: "listenerForm.value" } })], 1) : e._e(), e.listenerForm.scriptType === "externalScript" ? t("ElFormItem", { key: "listener-resource", attrs: { label: "资源地址", prop: "resource", rules: { required: !0, trigger: ["blur", "change"], message: "请填写资源地址" } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerForm.resource, callback: function(i) {
+    e.$set(e.listenerForm, "resource", i);
+  }, expression: "listenerForm.resource" } })], 1) : e._e()] : e._e()], 2), t("ElDivider"), t("p", { staticClass: "listener-filed__title" }, [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.openListenerFieldForm(null);
+  } } }, [e._v(" 添加字段 ")])], 1), t("ElTable", { staticStyle: { flex: "none" }, attrs: { data: e.fieldsListOfListener, size: "mini", "max-height": "240", border: "", fit: "" } }, [t("ElTableColumn", { attrs: { label: "序号", width: "50px", type: "index" } }), t("ElTableColumn", { attrs: { label: "字段名称", "min-width": "100px", prop: "name" } }), t("ElTableColumn", { attrs: { label: "字段类型", "min-width": "80px", "show-overflow-tooltip": "", formatter: (i) => e.fieldTypeObject[i.fieldType] } }), t("ElTableColumn", { attrs: { label: "字段值/表达式", "min-width": "100px", "show-overflow-tooltip": "", formatter: (i) => i.string || i.expression } }), t("ElTableColumn", { attrs: { label: "操作", width: "100px" }, scopedSlots: e._u([{ key: "default", fn: function({ row: i, $index: a }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(n) {
+      return e.openListenerFieldForm(i, a);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(n) {
+      return e.removeListenerField(i, a);
+    } } }, [e._v(" 移除 ")])];
+  } }]) })], 1), t("div", { staticClass: "element-drawer__button" }, [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
+    e.listenerFormModelVisible = !1;
+  } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerConfig } }, [e._v("保 存")])], 1)], 1), t("ElementDialog", { staticClass: "flow-dialog", attrs: { title: "字段配置", visible: e.listenerFieldFormModelVisible, width: "600px", "append-to-body": "", "destroy-on-close": "" }, on: { "update:visible": function(i) {
+    e.listenerFieldFormModelVisible = i;
+  } }, scopedSlots: e._u([{ key: "footer", fn: function() {
+    return [t("ElButton", { attrs: { size: "mini" }, on: { click: function(i) {
+      e.listenerFieldFormModelVisible = !1;
+    } } }, [e._v("取 消")]), t("ElButton", { attrs: { size: "mini", type: "primary" }, on: { click: e.saveListenerFiled } }, [e._v("确 定")])];
+  }, proxy: !0 }]) }, [t("ElForm", { ref: "listenerFieldFormRef", staticStyle: { height: "136px" }, attrs: { model: e.listenerFieldForm, size: "mini", "label-width": "96px" }, nativeOn: { submit: function(i) {
+    i.preventDefault();
+  } } }, [t("ElFormItem", { attrs: { label: "字段名称：", prop: "name", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, on: { input: e.setDefaultFieldValue }, model: { value: e.listenerFieldForm.name, callback: function(i) {
+    e.$set(e.listenerFieldForm, "name", i);
+  }, expression: "listenerFieldForm.name" } }, e._l(((l = e.context) == null ? void 0 : l.fields) || [], function(i) {
+    return t("ElOption", { key: i, attrs: { value: i, label: i } });
+  }), 1)], 1), t("ElFormItem", { attrs: { label: "字段类型：", prop: "fieldType", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElSelect", { on: { input: e.changeFiledType }, model: { value: e.listenerFieldForm.fieldType, callback: function(i) {
+    e.$set(e.listenerFieldForm, "fieldType", i);
+  }, expression: "listenerFieldForm.fieldType" } }, e._l(Object.keys(e.fieldTypeObject), function(i) {
+    return t("ElOption", { key: i, attrs: { label: e.fieldTypeObject[i], value: i } });
+  }), 1)], 1), e.listenerFieldForm.fieldType === "string" ? t("ElFormItem", { key: "field-string", staticClass: "element-listeners-field-name", attrs: { label: "字段值：", prop: "string", rules: { required: !0, trigger: ["blur", "change"] } } }, [e.listenerFieldForm.name === "url" ? t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
+    e.$set(e.listenerFieldForm, "string", i);
+  }, expression: "listenerFieldForm.string" } }, e._l(e.apis, function(i) {
+    return t("ElOption", { key: i, attrs: { value: i, label: i } });
+  }), 1) : e.listenerFieldForm.name === "serviceId" ? t("ElSelect", { attrs: { "default-first-option": "", "allow-create": "", filterable: "", clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
+    e.$set(e.listenerFieldForm, "string", i);
+  }, expression: "listenerFieldForm.string" } }, e._l(((o = e.context) == null ? void 0 : o.services) || [], function(i) {
+    return t("ElOption", { key: i, attrs: { value: i, label: i } });
+  }), 1) : t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.string, callback: function(i) {
+    e.$set(e.listenerFieldForm, "string", i);
+  }, expression: "listenerFieldForm.string" } })], 1) : e._e(), e.listenerFieldForm.fieldType === "expression" ? t("ElFormItem", { key: "field-expression", attrs: { label: "表达式：", prop: "expression", rules: { required: !0, trigger: ["blur", "change"] } } }, [t("ElInput", { attrs: { clearable: "" }, model: { value: e.listenerFieldForm.expression, callback: function(i) {
+    e.$set(e.listenerFieldForm, "expression", i);
+  }, expression: "listenerFieldForm.expression" } })], 1) : e._e()], 1)], 1)], 1);
+}, O = [], S = /* @__PURE__ */ T(
+  w,
+  I,
+  O,
+  !1,
+  null,
+  null
+);
+const B = S.exports;
+export {
+  B as default
+};