@web-utils/component 4.0.15 → 4.0.16

package/chunks/ElementForm.CQ3PN5qj.mjs

@@ -0,0 +1,223 @@
+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
+};

package/chunks/ElementListeners.De_PRuIm.mjs

@@ -0,0 +1,215 @@
+import { c as m, u as c } from "./utils.DRcxC1Fb.mjs";
+import { i as p, a as d, f as u, l as f } from "./utilSelf.Csq1766E.mjs";
+import { fastClone as F, capitalize as b } from "@web-utils/core";
+import { n as h } from "./_plugin-vue2_normalizer.CeySl7Fu.mjs";
+const v = (s) => ({
+  $type: "flowable:ExecutionListener",
+  event: s === "draft" ? "start" : s,
+  delegateExpression: "${httpInvokeExecutionListener}",
+  fields: [],
+  listenerType: "delegateExpressionListener"
+}), y = (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${b(s)}`,
+    fieldType: "string"
+  }
+], g = {
+  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: f,
+      fieldTypeObject: u
+    };
+  },
+  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,
+      async handler(s) {
+        s && (await this.$nextTick(), this.resetListenersList());
+      }
+    }
+  },
+  methods: {
+    resetListenersList() {
+      var s, e, t;
+      this.otherExtensionList = [], this.bpmnElementListeners = ((t = (e = (s = this.element.businessObject) == null ? void 0 : s.extensionElements) == null ? void 0 : e.values) == null ? void 0 : t.filter((r) => r.$type === `${this.prefix}:ExecutionListener`)) ?? [], this.elementListenersList = this.bpmnElementListeners.map((r) => d(r));
+    },
+    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 = v(s, this.context);
+      e.fields = y(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", "");
+    },
+    // 打开 监听器详情 侧边栏
+    async openListenerForm(s, e) {
+      var t;
+      s ? (this.listenerForm = p(s), this.fieldsListOfListener = s.fields ? s.fields.map((r) => ({ ...r })) : [], this.editingListenerIndex = e) : (this.listenerForm = { fields: [] }, this.fieldsListOfListener = [], this.editingListenerIndex = -1), this.listenerFormModelVisible = !0, await this.$nextTick(), (t = this.$refs.listenerFormRef) == null || t.clearValidate();
+    },
+    // 打开监听器字段编辑弹窗
+    openListenerFieldForm(s, e) {
+      this.listenerFieldForm = s ? F(s) : { fieldType: "string" }, this.editingListenerFieldIndex = s ? e : -1, this.listenerFieldFormModelVisible = !0, this.$nextTick(() => {
+        this.$refs.listenerFieldFormRef && this.$refs.listenerFieldFormRef.clearValidate();
+      });
+    },
+    // 保存监听器注入字段
+    async saveListenerFiled() {
+      await 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, await this.$nextTick(), this.listenerFieldForm = {});
+    },
+    // 移除监听器字段
+    async removeListenerField(s, e) {
+      try {
+        await this.$confirm("确认移除该字段吗？", "提示"), this.fieldsListOfListener.splice(e, 1), this.listenerForm.fields.splice(e, 1);
+      } catch {
+      }
+    },
+    // 移除监听器
+    async removeListener(s, e) {
+      try {
+        await this.$confirm("确认移除该监听器吗？", "提示"), this.bpmnElementListeners.splice(e, 1), this.elementListenersList.splice(e, 1), c(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners));
+      } catch {
+      }
+    },
+    // 保存监听器配置
+    async saveListenerConfig() {
+      var t, r, l;
+      if (!await this.$refs.listenerFormRef.validate()) return;
+      const e = m(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 = ((l = (r = (t = this.element.businessObject) == null ? void 0 : t.extensionElements) == null ? void 0 : r.values) == null ? void 0 : l.filter((a) => a.$type !== `${this.prefix}:ExecutionListener`)) ?? [], c(this.bpmnInstances, this.element, this.otherExtensionList.concat(this.bpmnElementListeners)), this.listenerFormModelVisible = !1, this.listenerForm = {};
+    }
+  }
+};
+var E = function() {
+  var r, l, a;
+  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: n }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return e.openListenerForm(i, n);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return e.removeListener(i, n);
+    } } }, [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: n }) {
+    return [t("ElButton", { attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return e.openListenerFieldForm(i, n);
+    } } }, [e._v("编辑")]), t("ElDivider", { attrs: { direction: "vertical" } }), t("ElButton", { staticStyle: { color: "#ff4d4f" }, attrs: { size: "mini", type: "text" }, on: { click: function(o) {
+      return e.removeListenerField(i, n);
+    } } }, [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(((a = e.context) == null ? void 0 : a.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);
+}, x = [], L = /* @__PURE__ */ h(
+  g,
+  E,
+  x,
+  !1,
+  null,
+  null
+);
+const w = L.exports;
+export {
+  w as default
+};