super-page-designer 0.0.2-tmp9 → 1.0.2

package/dist/lib/components/design/views/design/page-event/page-event-container.vue.js

@@ -0,0 +1,766 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const elementPlus = require("element-plus");
+const assemblysConfig = require("../../../utils/assemblys-config.js");
+const pageExploreUtil = require("../../../utils/page-explore-util.js");
+const assemblysContainerExplore_vue_vue_type_script_setup_true_lang = require("../view/assemblys-container-explore.vue.js");
+const commonUtil = require("../../../utils/common-util.js");
+const eventBus = require("../../../utils/eventBus.js");
+const _hoisted_1 = ["title"];
+const _hoisted_2 = ["title"];
+const _hoisted_3 = ["title"];
+const _hoisted_4 = ["title"];
+const _hoisted_5 = ["title"];
+const _hoisted_6 = ["title"];
+const _hoisted_7 = ["title"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = ["title"];
+const _hoisted_10 = ["title"];
+const _hoisted_11 = ["title"];
+const _hoisted_12 = ["title"];
+const _hoisted_13 = ["title"];
+const _hoisted_14 = ["title"];
+const _hoisted_15 = ["title"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "page-event-container",
+  props: {
+    configure: {},
+    configureObj: {},
+    editEvent: {}
+  },
+  emits: ["add-event", "change-event"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const emits = __emit;
+    const myComponentType = vue.ref(null);
+    const componentInfo = vue.ref(null);
+    const eventTableHeight = vue.ref();
+    let eventCollapse = vue.ref(["searchCollapse", "addCollapse", "unUseEventCollapse"]);
+    let currentComponent = vue.ref(null);
+    let searchItemName = vue.ref("");
+    let searchUnUseItemName = vue.ref("");
+    let eventTableData = vue.ref([]);
+    const cachePageItemMap = vue.ref({});
+    let eventResult = vue.ref([]);
+    const treeData = vue.ref([]);
+    const unUseEventResult = vue.ref([]);
+    const props = __props;
+    const configure = props.configure;
+    const configureObj = props.configureObj;
+    const editEvent = props.editEvent;
+    if (configure.items == void 0) {
+      configure.items = [];
+    }
+    const designItems = configure.items;
+    const winHeight = vue.ref();
+    const containerHeightStyle = vue.computed(() => {
+      return {
+        height: winHeight.value + "px"
+      };
+    });
+    vue.onMounted(() => {
+      initEventResult();
+      if (configureObj && editEvent) {
+        selectComponent(null, configureObj, configureObj);
+        if (editEvent && editEvent.eventName) {
+          selectEvent(editEvent);
+        } else {
+          addEvent(editEvent);
+        }
+      }
+      winHeight.value = window.innerHeight;
+      eventTableHeight.value = window.innerHeight - 220;
+    });
+    eventBus.$on("changeEventInfo", (eventInfo) => {
+      if (eventInfo && eventInfo.type === "title") {
+        eventResult.value.forEach((item) => {
+          if (item.uuid === eventInfo.customEvent.uuid) {
+            item.title = eventInfo.customEvent.title;
+          }
+        });
+      } else if (eventInfo && eventInfo.type === "eventName") {
+        eventResult.value.forEach((item) => {
+          if (item.uuid === eventInfo.customEvent.uuid) {
+            item.eventName = eventInfo.customEvent.eventName;
+          }
+        });
+      } else if (eventInfo && eventInfo.type === "funcParam") {
+        eventResult.value.forEach((item) => {
+          if (item.uuid === eventInfo.customEvent.uuid) {
+            item.funcParam = eventInfo.customEvent.funcParam;
+          }
+        });
+      }
+    });
+    function initEventResult() {
+      eventResult.value = [];
+      if (!configure.customEvents) {
+        configure.customEvents = [];
+      }
+      treeData.value = pageExploreUtil.convertToExploreTreeDatas(
+        designItems,
+        null,
+        cachePageItemMap,
+        eventResult
+      );
+      if (eventResult.value) {
+        eventResult.value.forEach((event) => {
+          const customEvent = getCustomEventByEventName(event.eventName);
+          if (customEvent) {
+            event.title = customEvent.title;
+            event.funcParam = customEvent.funcParam;
+          }
+        });
+      }
+      getUnUseEventResult();
+    }
+    function getUnUseEventResult() {
+      const eventNames = new Set(eventResult.value.map((item) => item.eventName));
+      unUseEventResult.value = configure.customEvents.filter((item) => !eventNames.has(item.eventName));
+      doSearchUnUseEvent();
+    }
+    function getCustomEventByEventName(eventName) {
+      if (configure.customEvents) {
+        const eventList = configure.customEvents.filter((func) => func.eventName === eventName);
+        if (eventList && eventList.length > 0) {
+          return eventList[0];
+        }
+      }
+    }
+    const commonEventTypes = [
+      {
+        label: "自定义方法",
+        name: "customFunc",
+        tip: "自定义方法"
+      }
+    ];
+    function selectComponent(componentIndex, configureObj2, nodeData) {
+      console.log("clickNode--configureObj--", configureObj2);
+      const myCommonEventTypes = JSON.parse(JSON.stringify(commonEventTypes));
+      const componentType = nodeData.name;
+      let myComponentEventTypes;
+      if (componentType === "page") {
+        currentComponent.value = nodeData;
+        componentInfo.value = nodeData.label + "(" + nodeData.name + ")";
+        eventTableData.value = myCommonEventTypes;
+      } else {
+        if (configureObj2.name && configureObj2.name.indexOf("chart-") >= 0) {
+          myComponentType.value = "chart";
+        } else {
+          myComponentType.value = configureObj2.name;
+        }
+        currentComponent.value = configureObj2;
+        componentInfo.value = configureObj2.label + "(" + myComponentType.value + ")";
+        const componentEventTypes = assemblysConfig.getComponentEventOptions(myComponentType.value);
+        if (componentEventTypes) {
+          myComponentEventTypes = JSON.parse(JSON.stringify(componentEventTypes));
+          eventTableData.value = myCommonEventTypes.concat(myComponentEventTypes);
+        } else {
+          eventTableData.value = myCommonEventTypes;
+        }
+      }
+      searchEventResult();
+      if (myComponentEventTypes) {
+        packageEventTableDisable(myComponentEventTypes);
+      }
+    }
+    function packageEventTableDisable(myComponentEventTypes) {
+      const componentUuid = currentComponent.value ? currentComponent.value.uuid : null;
+      const hasAddEventReusult = componentUuid ? eventResult.value.filter(
+        (event) => event.componentUuid === componentUuid
+      ) : null;
+      if (hasAddEventReusult && hasAddEventReusult.length > 0) {
+        myComponentEventTypes.forEach((element) => {
+          const eventType = element.name;
+          const events = hasAddEventReusult.filter((event) => event.name === eventType);
+          if (events && events.length > 0) {
+            element.disable = true;
+          } else {
+            element.disable = false;
+          }
+        });
+      } else {
+        myComponentEventTypes.forEach((element) => {
+          element.disable = false;
+        });
+      }
+    }
+    const currentTableEvent = vue.ref(null);
+    function addEvent(row) {
+      const eventType = row.name;
+      const eventLabel = row.label;
+      if (!eventType) {
+        elementPlus.ElMessage({
+          type: "warning",
+          message: "请选择事件",
+          showClose: true
+        });
+        return;
+      }
+      let eventForm;
+      if (eventType === "customFunc") {
+        if (!configure.customEvents) {
+          configure.customEvents = [];
+        }
+        const uuid = commonUtil.getUuidv4();
+        eventForm = {
+          label: eventLabel,
+          name: eventType,
+          title: eventLabel,
+          uuid
+        };
+        configure.customEvents.push(eventForm);
+        eventResult.value.push(configure.customEvents[configure.customEvents.length - 1]);
+        eventForm = configure.customEvents[configure.customEvents.length - 1];
+      } else {
+        eventForm = getEventObj(eventType);
+        if (eventForm) {
+          eventForm.title = eventLabel;
+          eventForm["componentIndex"] = currentComponent.value.componentIndex;
+          eventForm["componentLabel"] = currentComponent.value.label;
+          eventForm["componentName"] = currentComponent.value.name;
+          eventForm["componentUuid"] = currentComponent.value.uuid ? currentComponent.value.uuid : currentComponent.value.code;
+          eventForm["componentProp"] = currentComponent.value.props && currentComponent.value.props.base ? currentComponent.value.props.base.prop : null;
+        }
+        eventResult.value.push(eventForm);
+        packageEventTableDisable(eventTableData.value);
+      }
+      currentTableEvent.value = eventForm;
+      emits("add-event", eventForm);
+    }
+    function doCreateEvent(eventForm) {
+      const customEventForm = createEvent(eventForm);
+      if (eventForm && customEventForm) {
+        eventForm.eventName = customEventForm.eventName;
+        eventForm.uuid = customEventForm.uuid;
+        eventForm.isStandard = false;
+      }
+      emits("add-event", eventForm, "handle");
+      packageEventTableDisable(eventTableData.value);
+    }
+    function createEvent(eventObj) {
+      const uuid = commonUtil.getUuidv4();
+      const eventForm = {
+        label: eventObj.label,
+        name: "customEvent",
+        title: eventObj.label,
+        eventName: uuid,
+        uuid
+      };
+      if (!configure.customEvents) {
+        configure.customEvents = [];
+      }
+      configure.customEvents.push(eventForm);
+      return eventForm;
+    }
+    function getEventObj(eventType) {
+      let configureObj2;
+      const componentType = currentComponent.value.name;
+      if (componentType === "page") {
+        configureObj2 = currentComponent.value;
+      } else {
+        configureObj2 = cachePageItemMap.value[currentComponent.value.componentIndex];
+      }
+      return getEventObjByObj(configureObj2, eventType);
+    }
+    function getEventObjByObj(configureObj2, eventType) {
+      const events = configureObj2.events;
+      if (events) {
+        let eventObjs = events.filter((event) => event.name === eventType);
+        if (eventObjs !== null && eventObjs.length > 0) {
+          return eventObjs[0];
+        }
+      }
+    }
+    function selectEvent(row, column, event) {
+      currentTableEvent.value = row;
+      emits("change-event", row);
+    }
+    function deleteEvent(row, rowIndex) {
+      const eventType = row.name;
+      const eventTitle = row.title;
+      let eventName;
+      if (eventType === "customFunc") {
+        eventName = row.eventName;
+        eventResult.value.splice(rowIndex, 1);
+      } else {
+        let componentIndex = row.componentIndex;
+        let configureObj2 = cachePageItemMap.value[componentIndex];
+        const eventForm = getEventObjByObj(configureObj2, eventType);
+        if (eventForm) {
+          eventName = eventForm.eventName;
+          eventForm.eventName = null;
+          eventForm.title = null;
+          eventForm.componentIndex = null;
+          eventForm.componentLabel = null;
+          eventForm.componentName = null;
+          eventForm.componentUuid = null;
+          eventForm.componentProp = null;
+        }
+        eventResult.value.splice(rowIndex, 1);
+        packageEventTableDisable(eventTableData.value);
+      }
+      getUnUseEventResult();
+      const unUseEvents = unUseEventResult.value.filter((item) => item.eventName === eventName);
+      if (unUseEvents && unUseEvents.length > 0) {
+        confirmDeleteEvent(eventTitle, eventName);
+      }
+    }
+    function confirmDeleteEvent(eventTitle, eventName) {
+      elementPlus.ElMessageBox.confirm("确认删除事件[" + eventTitle + "]吗?", "提示", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        deleteCustomEvent(eventName);
+      }).catch(() => {
+      });
+    }
+    function deleteCustomEvent(eventName) {
+      if (configure.customEvents) {
+        const funcIndex = configure.customEvents.findIndex((func) => func.eventName === eventName);
+        if (funcIndex !== void 0 && funcIndex !== null && funcIndex >= 0) {
+          configure.customEvents.splice(funcIndex, 1);
+          getUnUseEventResult();
+          emits("change-event");
+        }
+      }
+    }
+    function searchEventResult() {
+      const searchInfo = searchItemName.value;
+      const componentType = currentComponent.value.name;
+      initEventResult();
+      let searchResult = eventResult.value;
+      if (componentType !== "page") {
+        searchResult = eventResult.value.filter(
+          (event) => event.name && event.name === "customFunc" || componentType && componentType === event.componentName
+        );
+      }
+      if (searchInfo) {
+        searchResult = searchResult.filter(
+          (event) => event.title && event.title.indexOf(searchInfo) >= 0
+        );
+      }
+      eventResult.value = searchResult;
+      getUnUseEventResult();
+    }
+    function searchUnUseEventResult() {
+      initEventResult();
+    }
+    function doSearchUnUseEvent() {
+      const searchInfo = searchUnUseItemName.value;
+      let searchResult = unUseEventResult.value;
+      if (searchInfo) {
+        searchResult = searchResult.filter(
+          (event) => event.title && event.title.indexOf(searchInfo) >= 0
+        );
+      }
+      unUseEventResult.value = searchResult;
+    }
+    function changeSelectEvent(eventForm) {
+      if (currentTableEvent.value) {
+        const eventName = currentTableEvent.value.eventName;
+        const eventType = currentTableEvent.value.name;
+        const tableColData = eventResult.value.filter((item) => item.eventName === eventName && item.name === eventType);
+        if (tableColData && tableColData.length > 0) {
+          tableColData[0].eventName = eventForm.eventName;
+          tableColData[0].uuid = eventForm.uuid;
+          tableColData[0].title = eventForm.title;
+          tableColData[0].funcParam = eventForm.funcParam;
+          tableColData[0].isStandard = false;
+        }
+      }
+      getUnUseEventResult();
+    }
+    function changeSelectStandardEvent(standardEventName, eventLabel) {
+      if (currentTableEvent.value) {
+        const eventName = currentTableEvent.value.eventName;
+        const eventType = currentTableEvent.value.name;
+        const tableColData = eventResult.value.filter((item) => item.eventName === eventName && item.name === eventType);
+        if (tableColData && tableColData.length > 0) {
+          tableColData[0].eventName = standardEventName;
+          tableColData[0].title = eventLabel;
+          tableColData[0].isStandard = true;
+        }
+      }
+    }
+    __expose({ changeSelectEvent, doCreateEvent, changeSelectStandardEvent });
+    return (_ctx, _cache) => {
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_popover = vue.resolveComponent("el-popover");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_table_column = vue.resolveComponent("el-table-column");
+      const _component_el_table = vue.resolveComponent("el-table");
+      const _component_el_collapse_item = vue.resolveComponent("el-collapse-item");
+      const _component_el_collapse = vue.resolveComponent("el-collapse");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: "amb-design-assembly-content",
+        ref: "ambPageEventList",
+        style: vue.normalizeStyle(containerHeightStyle.value)
+      }, [
+        vue.createElementVNode("div", null, [
+          vue.createElementVNode("div", null, [
+            vue.createVNode(_component_el_input, {
+              modelValue: componentInfo.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => componentInfo.value = $event),
+              placeholder: "请选择组件",
+              readonly: ""
+            }, {
+              append: vue.withCtx(() => [
+                vue.createVNode(_component_el_popover, {
+                  placement: "right",
+                  width: 300,
+                  trigger: "click"
+                }, {
+                  reference: vue.withCtx(() => [
+                    vue.createVNode(_component_el_button, {
+                      type: "info",
+                      icon: vue.unref(iconsVue.Search),
+                      circle: "",
+                      text: ""
+                    }, null, 8, ["icon"])
+                  ]),
+                  default: vue.withCtx(() => [
+                    vue.createVNode(assemblysContainerExplore_vue_vue_type_script_setup_true_lang, {
+                      onSelectComponent: selectComponent,
+                      treeMarginTop: "",
+                      headerSearchClass: "custom",
+                      designItems: vue.unref(designItems),
+                      selectWidget: _ctx.selectWidget
+                    }, null, 8, ["designItems", "selectWidget"])
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ])
+        ]),
+        vue.createElementVNode("div", null, [
+          vue.createVNode(_component_el_collapse, {
+            modelValue: vue.unref(eventCollapse),
+            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => vue.isRef(eventCollapse) ? eventCollapse.value = $event : eventCollapse = $event),
+            style: { "margin-top": "10px" }
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_collapse_item, {
+                class: "amb-assembly-collapse-header",
+                name: "searchCollapse",
+                title: "查询事件"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    style: vue.normalizeStyle("max-height:" + eventTableHeight.value + "px")
+                  }, [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: vue.unref(searchItemName),
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(searchItemName) ? searchItemName.value = $event : searchItemName = $event),
+                      style: { "height": "36px" },
+                      placeholder: "Search...",
+                      clearable: "",
+                      class: "input-with-select",
+                      "suffix-icon": vue.unref(iconsVue.Search),
+                      onChange: searchEventResult,
+                      onKeyup: vue.withKeys(searchEventResult, ["enter"])
+                    }, null, 8, ["modelValue", "suffix-icon"]),
+                    vue.createVNode(_component_el_table, {
+                      data: vue.unref(eventResult),
+                      style: { "width": "100%" },
+                      "max-height": eventTableHeight.value,
+                      onRowClick: selectEvent
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_table_column, {
+                          label: "组件",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.componentLabel
+                            }, vue.toDisplayString(scope.row.componentLabel), 9, _hoisted_1)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.title
+                            }, vue.toDisplayString(scope.row.title), 9, _hoisted_2)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件类型名称",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.label
+                            }, vue.toDisplayString(scope.row.label), 9, _hoisted_3)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件类型",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.name
+                            }, vue.toDisplayString(scope.row.name), 9, _hoisted_4)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "方法名",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.eventName
+                            }, vue.toDisplayString(scope.row.eventName), 9, _hoisted_5)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "方法参数",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.funcParam
+                            }, vue.toDisplayString(scope.row.funcParam), 9, _hoisted_6)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "组件类型",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.componentName
+                            }, vue.toDisplayString(scope.row.componentName), 9, _hoisted_7)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "组件变量",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.componentProp
+                            }, vue.toDisplayString(scope.row.componentProp), 9, _hoisted_8)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "组件uuid",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.componentUuid
+                            }, vue.toDisplayString(scope.row.componentUuid), 9, _hoisted_9)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          fixed: "right",
+                          label: "操作",
+                          width: "80"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createVNode(_component_el_button, {
+                              link: "",
+                              type: "danger",
+                              size: "small",
+                              onClick: ($event) => deleteEvent(scope.row, scope.$index)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("删除")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["data", "max-height"])
+                  ], 4)
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                class: "amb-assembly-collapse-header",
+                name: "addCollapse",
+                title: "新增事件"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_table, {
+                    data: vue.unref(eventTableData),
+                    style: { "width": "100%" },
+                    "max-height": eventTableHeight.value
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_table_column, {
+                        prop: "label",
+                        label: "事件类型"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.createElementVNode("span", {
+                            title: scope.row.tip
+                          }, vue.toDisplayString(scope.row.label), 9, _hoisted_10)
+                        ]),
+                        _: 1
+                      }),
+                      vue.createVNode(_component_el_table_column, {
+                        fixed: "right",
+                        label: "操作",
+                        width: "80"
+                      }, {
+                        default: vue.withCtx((scope) => [
+                          vue.createVNode(_component_el_button, {
+                            disabled: scope.row.disable,
+                            link: "",
+                            type: "primary",
+                            size: "small",
+                            onClick: ($event) => addEvent(scope.row)
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode("增加")
+                            ]),
+                            _: 2
+                          }, 1032, ["disabled", "onClick"])
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["data", "max-height"])
+                ]),
+                _: 1
+              }),
+              vue.createVNode(_component_el_collapse_item, {
+                class: "amb-assembly-collapse-header",
+                name: "unUseEventCollapse",
+                title: "未使用事件"
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    style: vue.normalizeStyle("max-height:" + eventTableHeight.value + "px")
+                  }, [
+                    vue.createVNode(_component_el_input, {
+                      modelValue: vue.unref(searchUnUseItemName),
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(searchUnUseItemName) ? searchUnUseItemName.value = $event : searchUnUseItemName = $event),
+                      style: { "height": "36px" },
+                      placeholder: "Search...",
+                      clearable: "",
+                      class: "input-with-select",
+                      "suffix-icon": vue.unref(iconsVue.Search),
+                      onChange: searchUnUseEventResult,
+                      onKeyup: vue.withKeys(searchUnUseEventResult, ["enter"])
+                    }, null, 8, ["modelValue", "suffix-icon"]),
+                    vue.createVNode(_component_el_table, {
+                      data: unUseEventResult.value,
+                      style: { "width": "100%" },
+                      "max-height": eventTableHeight.value,
+                      onRowClick: selectEvent
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.title
+                            }, vue.toDisplayString(scope.row.title), 9, _hoisted_11)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件类型名称",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.label
+                            }, vue.toDisplayString(scope.row.label), 9, _hoisted_12)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "事件类型",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.name
+                            }, vue.toDisplayString(scope.row.name), 9, _hoisted_13)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "方法名",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.eventName
+                            }, vue.toDisplayString(scope.row.eventName), 9, _hoisted_14)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          label: "方法参数",
+                          width: "120"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createElementVNode("span", {
+                              title: scope.row.funcParam
+                            }, vue.toDisplayString(scope.row.funcParam), 9, _hoisted_15)
+                          ]),
+                          _: 1
+                        }),
+                        vue.createVNode(_component_el_table_column, {
+                          fixed: "right",
+                          label: "操作",
+                          width: "80"
+                        }, {
+                          default: vue.withCtx((scope) => [
+                            vue.createVNode(_component_el_button, {
+                              link: "",
+                              type: "danger",
+                              size: "small",
+                              onClick: ($event) => deleteCustomEvent(scope.row.eventName)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createTextVNode("删除")
+                              ]),
+                              _: 2
+                            }, 1032, ["onClick"])
+                          ]),
+                          _: 1
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["data", "max-height"])
+                  ], 4)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])
+      ], 4);
+    };
+  }
+});
+module.exports = _sfc_main;