super-page-designer 0.0.1-tmp6 → 0.0.2-tmp2

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

@@ -1,754 +0,0 @@
-"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 _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;
-    });
-    window["$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;