@fecp/designer 5.1.8 → 5.2.0

package/lib/node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js

@@ -17,6 +17,21 @@ var _sfc_main6 = /* @__PURE__ */ vue.defineComponent({
     ]));
   }
 }), arrow_down_default = _sfc_main6;
+var _sfc_main7 = /* @__PURE__ */ vue.defineComponent({
+  name: "ArrowLeftBold",
+  __name: "arrow-left-bold",
+  setup(__props) {
+    return (_ctx, _cache) => (vue.openBlock(), vue.createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      vue.createElementVNode("path", {
+        fill: "currentColor",
+        d: "M685.248 104.704a64 64 0 0 1 0 90.496L368.448 512l316.8 316.8a64 64 0 0 1-90.496 90.496L232.704 557.248a64 64 0 0 1 0-90.496l362.048-362.048a64 64 0 0 1 90.496 0"
+      })
+    ]));
+  }
+}), arrow_left_bold_default = _sfc_main7;
 var _sfc_main8 = /* @__PURE__ */ vue.defineComponent({
   name: "ArrowLeft",
   __name: "arrow-left",
@@ -956,6 +971,7 @@ var _sfc_main293 = /* @__PURE__ */ vue.defineComponent({
 }), zoom_out_default = _sfc_main293;
 exports.ArrowDown = arrow_down_default;
 exports.ArrowLeft = arrow_left_default;
+exports.ArrowLeftBold = arrow_left_bold_default;
 exports.ArrowRight = arrow_right_default;
 exports.ArrowUp = arrow_up_default;
 exports.Back = back_default;

package/lib/packages/designer/src/api/index.js

@@ -19,6 +19,21 @@ const api = {
   },
   findTemplateByPagePop: (data) => {
     return index.post(`${$servers.base}/template/sysTemplate/findByPagePopV5`, data);
+  },
+  getDataDicArea4Cascader: () => {
+    return index.post(`${$servers.base}/parm/sysParmDic/getDataDicArea4Cascader`);
+  },
+  getDataDicTrade4Cascader: () => {
+    return index.post(`${$servers.base}/parm/sysParmDic/getDataDicTrade4Cascader`);
+  },
+  saveTemplateDialog: (data) => {
+    return index.post(`${$servers.base}/template/sysTemplateDialog/save`, data);
+  },
+  getAllTemplateDialog: () => {
+    return index.post(`${$servers.base}/template/sysTemplateDialog/getAllTemplate`);
+  },
+  deleteTemplateDialog: (id) => {
+    return index.postForm(`${$servers.base}/template/sysTemplateDialog/deleteById`, { id });
   }
 };
 exports.default = api;

package/lib/packages/designer/src/components/FieldSetMapping.vue2.js

@@ -0,0 +1,407 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                              */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                  */
+;/* empty css                                                                                                                                */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                      */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                   */
+;/* empty css                                                                                                                                         */
+;/* empty css                                                                                                                                     */
+require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-dropdown-menu.css.js");
+require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/theme-chalk/el-dropdown-item.css.js");
+;/* empty css                                                                                                                                     */
+const vue = require("vue");
+const index$2 = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
+const common = require("../packages/utils/common.js");
+;/* empty css                     */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/dropdown/index.js");
+const index$1 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+const index$3 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/scrollbar/index.js");
+const index$4 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/checkbox/index.js");
+const index$5 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/select/index.js");
+const index$6 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.js");
+const _hoisted_1 = { class: "dropdown-header" };
+const _hoisted_2 = { class: "dropdown-content" };
+const _hoisted_3 = {
+  key: 1,
+  class: "mapping-table"
+};
+const _hoisted_4 = { class: "mapping-header" };
+const _hoisted_5 = { class: "mapping-cell value-header" };
+const _hoisted_6 = { class: "mapping-cell field-header" };
+const _hoisted_7 = { class: "mapping-body" };
+const _hoisted_8 = { class: "mapping-cell value-cell" };
+const _hoisted_9 = { class: "mapping-cell field-cell" };
+const _hoisted_10 = { class: "mapping-cell action-cell" };
+const _hoisted_11 = { class: "mapping-footer" };
+const _hoisted_12 = { class: "dropdown-header" };
+const _hoisted_13 = { class: "dropdown-content" };
+const _sfc_main = {
+  __name: "FieldSetMapping",
+  props: {
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    // 表单字段的描述文本
+    fieldLabel: {
+      type: String,
+      default: "表单字段"
+    },
+    // 映射字段的描述文本
+    valueLabel: {
+      type: String,
+      default: "映射字段"
+    },
+    // 映射字段支持的选择项列表
+    valueOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 映射字段是否为选择模式（true: 下拉选择，false: 手动输入）
+    valueSelectMode: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const mappings = vue.computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const emit = __emit;
+    const selectedFields = vue.ref([]);
+    const formFields = vue.computed(() => {
+      const fields = common.getEditConfigDataFields() || [];
+      return fields.map((item) => ({
+        id: item == null ? void 0 : item.id,
+        fieldId: item == null ? void 0 : item.id,
+        label: item == null ? void 0 : item.label,
+        fieldName: item == null ? void 0 : item.fieldName
+      }));
+    });
+    const hiddenFields = vue.computed(() => {
+      const editConfigData = common.getEditConfigData();
+      const fields = (editConfigData == null ? void 0 : editConfigData.hiddenFields) || [];
+      return fields.map((item) => ({
+        id: item == null ? void 0 : item.id,
+        fieldId: item == null ? void 0 : item.id,
+        label: item == null ? void 0 : item.label,
+        fieldName: item == null ? void 0 : item.fieldName
+      }));
+    });
+    function handleDropdownVisible(visible) {
+      if (visible) {
+        selectedFields.value = [];
+      }
+    }
+    const dropdownRef = vue.ref();
+    function confirmAddMappings() {
+      var _a;
+      if (selectedFields.value.length === 0) {
+        return;
+      }
+      const allFields = [...formFields.value, ...hiddenFields.value];
+      selectedFields.value.forEach((selectedFieldName) => {
+        const newMapping = {
+          id: Date.now() + Math.random(),
+          field: "",
+          // 默认值为空
+          value: selectedFieldName
+          // 自动赋值为勾选的字段
+        };
+        const matchedField = allFields.find(
+          (field) => field.fieldName === selectedFieldName
+        );
+        if (matchedField) {
+          newMapping.field = matchedField.fieldId;
+        }
+        mappings.value.push(newMapping);
+      });
+      selectedFields.value = [];
+      (_a = dropdownRef.value) == null ? void 0 : _a.handleClose();
+    }
+    function removeMapping(index2) {
+      mappings.value.splice(index2, 1);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = index$1.ElButton;
+      const _component_el_checkbox = index$4.ElCheckbox;
+      const _component_el_dropdown_item = index.ElDropdownItem;
+      const _component_el_scrollbar = index$3.ElScrollbar;
+      const _component_el_dropdown_menu = index.ElDropdownMenu;
+      const _component_el_dropdown = index.ElDropdown;
+      const _component_el_option = index$5.ElOption;
+      const _component_el_select = index$5.ElSelect;
+      const _component_el_input = index$6.ElInput;
+      const _component_el_option_group = index$5.ElOptionGroup;
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["field-mapping-container", __props.size])
+      }, [
+        vue.unref(mappings).length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_dropdown, {
+          key: 0,
+          trigger: "click",
+          placement: "bottom",
+          "hide-on-click": false,
+          onVisibleChange: handleDropdownVisible,
+          ref_key: "dropdownRef",
+          ref: dropdownRef
+        }, {
+          dropdown: vue.withCtx(() => [
+            vue.createVNode(_component_el_dropdown_menu, { class: "field-mapping-dropdown" }, {
+              default: vue.withCtx(() => [
+                vue.createElementVNode("div", _hoisted_1, [
+                  _cache[4] || (_cache[4] = vue.createElementVNode("span", { class: "header-title" }, "选择字段", -1)),
+                  vue.createVNode(_component_el_button, {
+                    type: "primary",
+                    size: "small",
+                    onClick: confirmAddMappings
+                  }, {
+                    default: vue.withCtx(() => _cache[3] || (_cache[3] = [
+                      vue.createTextVNode("确定")
+                    ])),
+                    _: 1
+                  })
+                ]),
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createVNode(_component_el_scrollbar, { "max-height": 300 }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.valueOptions, (option) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                          key: option.fieldName
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.createVNode(_component_el_checkbox, {
+                              modelValue: vue.unref(selectedFields),
+                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedFields) ? selectedFields.value = $event : null),
+                              value: option.fieldName,
+                              label: option.label
+                            }, null, 8, ["modelValue", "value", "label"])
+                          ]),
+                          _: 2
+                        }, 1024);
+                      }), 128)),
+                      __props.valueOptions.length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                        key: 0,
+                        disabled: ""
+                      }, {
+                        default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                          vue.createElementVNode("span", { class: "empty-text" }, "暂无可用字段", -1)
+                        ])),
+                        _: 1
+                      })) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(_component_el_button, {
+              type: "primary",
+              size: "small",
+              icon: vue.unref(index$2.Plus),
+              link: ""
+            }, {
+              default: vue.withCtx(() => _cache[2] || (_cache[2] = [
+                vue.createTextVNode(" 新增字段映射 ")
+              ])),
+              _: 1
+            }, 8, ["icon"])
+          ]),
+          _: 1
+        }, 512)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+          vue.createElementVNode("div", _hoisted_4, [
+            vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(__props.valueLabel), 1),
+            vue.createElementVNode("div", _hoisted_6, vue.toDisplayString(__props.fieldLabel), 1),
+            _cache[6] || (_cache[6] = vue.createElementVNode("div", {
+              class: "mapping-cell action-header",
+              style: { "width": "50px" }
+            }, null, -1))
+          ]),
+          vue.createElementVNode("div", _hoisted_7, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(mappings), (item, index2) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: item.id,
+                class: "mapping-row"
+              }, [
+                vue.createElementVNode("div", _hoisted_8, [
+                  __props.valueSelectMode ? (vue.openBlock(), vue.createBlock(_component_el_select, {
+                    key: 0,
+                    modelValue: item.value,
+                    "onUpdate:modelValue": ($event) => item.value = $event,
+                    placeholder: `选择${__props.valueLabel}`,
+                    size: "small",
+                    style: { "width": "100%" },
+                    filterable: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.valueOptions, (option) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_option, {
+                          key: option.fieldName,
+                          label: option.label,
+                          value: option.fieldName
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (vue.openBlock(), vue.createBlock(_component_el_input, {
+                    key: 1,
+                    modelValue: item.value,
+                    "onUpdate:modelValue": ($event) => item.value = $event,
+                    placeholder: `输入${__props.valueLabel}`,
+                    size: "small"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
+                ]),
+                vue.createElementVNode("div", _hoisted_9, [
+                  vue.createVNode(_component_el_select, {
+                    modelValue: item.field,
+                    "onUpdate:modelValue": ($event) => item.field = $event,
+                    placeholder: `选择${__props.fieldLabel}`,
+                    size: "small",
+                    style: { "width": "100%" },
+                    filterable: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.unref(formFields).length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_option_group, {
+                        key: 0,
+                        label: "表单字段"
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(formFields), (field) => {
+                            return vue.openBlock(), vue.createBlock(_component_el_option, {
+                              key: field.fieldId,
+                              label: field.label,
+                              value: field.fieldId
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true),
+                      vue.unref(hiddenFields).length > 0 ? (vue.openBlock(), vue.createBlock(_component_el_option_group, {
+                        key: 1,
+                        label: "隐藏域"
+                      }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(hiddenFields), (field) => {
+                            return vue.openBlock(), vue.createBlock(_component_el_option, {
+                              key: field.id,
+                              label: field.label,
+                              value: field.id
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
+                        ]),
+                        _: 1
+                      })) : vue.createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "placeholder"])
+                ]),
+                vue.createElementVNode("div", _hoisted_10, [
+                  vue.createVNode(_component_el_button, {
+                    type: "danger",
+                    size: "small",
+                    icon: vue.unref(index$2.Delete),
+                    text: "",
+                    onClick: ($event) => removeMapping(index2)
+                  }, null, 8, ["icon", "onClick"])
+                ])
+              ]);
+            }), 128))
+          ]),
+          vue.createElementVNode("div", _hoisted_11, [
+            vue.createVNode(_component_el_dropdown, {
+              trigger: "click",
+              placement: "bottom",
+              "hide-on-click": false,
+              onVisibleChange: handleDropdownVisible,
+              ref_key: "dropdownRef",
+              ref: dropdownRef
+            }, {
+              dropdown: vue.withCtx(() => [
+                vue.createVNode(_component_el_dropdown_menu, { class: "field-mapping-dropdown" }, {
+                  default: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_12, [
+                      _cache[9] || (_cache[9] = vue.createElementVNode("span", { class: "header-title" }, "选择字段", -1)),
+                      vue.createVNode(_component_el_button, {
+                        type: "primary",
+                        size: "small",
+                        onClick: confirmAddMappings
+                      }, {
+                        default: vue.withCtx(() => _cache[8] || (_cache[8] = [
+                          vue.createTextVNode("确定")
+                        ])),
+                        _: 1
+                      })
+                    ]),
+                    vue.createElementVNode("div", _hoisted_13, [
+                      vue.createVNode(_component_el_scrollbar, { "max-height": 300 }, {
+                        default: vue.withCtx(() => [
+                          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.valueOptions, (option) => {
+                            return vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                              key: option.fieldName
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_el_checkbox, {
+                                  modelValue: vue.unref(selectedFields),
+                                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(selectedFields) ? selectedFields.value = $event : null),
+                                  value: option.fieldName,
+                                  label: option.label
+                                }, null, 8, ["modelValue", "value", "label"])
+                              ]),
+                              _: 2
+                            }, 1024);
+                          }), 128)),
+                          __props.valueOptions.length === 0 ? (vue.openBlock(), vue.createBlock(_component_el_dropdown_item, {
+                            key: 0,
+                            disabled: ""
+                          }, {
+                            default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+                              vue.createElementVNode("span", { class: "empty-text" }, "暂无可用字段", -1)
+                            ])),
+                            _: 1
+                          })) : vue.createCommentVNode("", true)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  size: "small",
+                  icon: vue.unref(index$2.Plus),
+                  link: ""
+                }, {
+                  default: vue.withCtx(() => _cache[7] || (_cache[7] = [
+                    vue.createTextVNode(" 新增字段映射 ")
+                  ])),
+                  _: 1
+                }, 8, ["icon"])
+              ]),
+              _: 1
+            }, 512)
+          ])
+        ]))
+      ], 2);
+    };
+  }
+};
+const FieldSetMapping = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5a330b1d"]]);
+exports.default = FieldSetMapping;

package/lib/packages/designer/src/components/FormulaEditorInput.vue.js

@@ -7,7 +7,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 ;/* empty css                                                                                                                                   */
 const vue = require("vue");
 const index$2 = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
-const index$4 = ;/* empty css                                   */
+const index$4 = ;/* empty css                                    */
 const common = require("../packages/utils/common.js");
 const index = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/input/index.js");
 const index$1 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");

package/lib/packages/designer/src/components/JsonDataDrawer.vue.js

@@ -77,7 +77,6 @@ const _sfc_main = {
                 vue.createVNode(vue.unref(vue3JsonViewer.JsonViewer), {
                   value: vue.unref(editConfigData),
                   copyable: { copyText: "复制", copiedText: "已复制" },
-                  "expand-depth": 10,
                   "show-array-index": false,
                   boxed: __props.boxed
                 }, null, 8, ["value", "boxed"])
@@ -91,5 +90,5 @@ const _sfc_main = {
     };
   }
 };
-const JsonDataDrawer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c5c9ff2a"]]);
+const JsonDataDrawer = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-26fb683d"]]);
 exports.default = JsonDataDrawer;

package/lib/packages/designer/src/components/OnlyFLowConfigButton.vue2.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                                                                                                                              */
+;/* empty css                                                                                                                                   */
+const vue = require("vue");
+const index$1 = require("../../../../node_modules/.pnpm/@element-plus_icons-vue@2.3.2_vue@3.5.13_typescript@5.7.3_/node_modules/@element-plus/icons-vue/dist/index.js");
+const useOnlyFlowDialog = require("../packages/event/useOnlyFlowDialog.js");
+;/* empty css                          */
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.js");
+const index = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/button/index.js");
+const index$2 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/icon/index.js");
+const index$3 = require("../../../../node_modules/.pnpm/element-plus@2.13.2_vue@3.5.13_typescript@5.7.3_/node_modules/element-plus/es/components/message-box/index.js");
+const _hoisted_1 = { class: "condition-config-wrapper" };
+const _hoisted_2 = {
+  key: 0,
+  class: "condition-desc"
+};
+const _sfc_main = {
+  __name: "OnlyFLowConfigButton",
+  props: {
+    item: {
+      type: Object,
+      default: null
+    },
+    config: {
+      type: Object,
+      default: null
+    },
+    title: {
+      type: String,
+      default: "事件配置"
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    width: {
+      type: String,
+      default: "100%"
+    },
+    onConfirm: Function
+  },
+  setup(__props) {
+    const props = __props;
+    const eventConfig = vue.computed(() => {
+      return props.config;
+    });
+    const { onlyFlowDialogVisible, openOnlyFlowDialog, OnlyFlowDialog } = useOnlyFlowDialog.useOnlyFlowDialog();
+    const isConfigured = vue.computed(() => {
+      var _a;
+      return eventConfig.value && ((_a = eventConfig.value.next) == null ? void 0 : _a.id) != "end";
+    });
+    const buttonText = vue.computed(() => {
+      return isConfigured.value ? `已设置事件` : "点击配置事件";
+    });
+    function eventConfirm(data) {
+      props.onConfirm && props.onConfirm(data, props.item);
+    }
+    function handleDelete() {
+      if (!isConfigured.value) {
+        return;
+      }
+      index$3.ElMessageBox.confirm("确定要删除当前的事件配置吗？", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        props.onConfirm && props.onConfirm(null, props.item);
+      }).catch(() => {
+      });
+    }
+    return (_ctx, _cache) => {
+      const _component_Edit = vue.resolveComponent("Edit");
+      const _component_el_icon = index$2.ElIcon;
+      const _component_el_button = index.ElButton;
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.createVNode(_component_el_button, {
+            style: vue.normalizeStyle({ width: __props.width }),
+            icon: vue.unref(index$1.Setting),
+            class: vue.normalizeClass(["setting-btn", { "is-configured": vue.unref(isConfigured) }]),
+            onClick: vue.unref(openOnlyFlowDialog)
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(buttonText)) + " ", 1),
+              vue.createVNode(_component_el_icon, { class: "edit-btn" }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_Edit)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_icon, {
+                class: "delete-btn",
+                onClick: vue.withModifiers(handleDelete, ["stop"])
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$1.Delete))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["style", "icon", "class", "onClick"]),
+          __props.description ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, vue.toDisplayString(__props.description), 1)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(vue.unref(OnlyFlowDialog), {
+          modelValue: vue.unref(onlyFlowDialogVisible),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(onlyFlowDialogVisible) ? onlyFlowDialogVisible.value = $event : null),
+          eventConfig: vue.unref(eventConfig),
+          onConfirm: eventConfirm,
+          title: __props.title
+        }, null, 8, ["modelValue", "eventConfig", "title"])
+      ], 64);
+    };
+  }
+};
+const OnlyFLowConfigButton = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5371fade"]]);
+exports.default = OnlyFLowConfigButton;