super-page-designer 2.0.23 → 2.0.26

package/dist/es/components/design/views/design/page-event/page-event-content.vue2.js

@@ -1,16 +1,42 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createVNode, unref, withCtx, createBlock, createTextVNode, createCommentVNode, withDirectives, Fragment, renderList, vShow, createElementVNode, toDisplayString } from "vue";
-import { ElMessage } from "element-plus";
+import { defineComponent, ref, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, withDirectives, vShow, unref, createTextVNode, toDisplayString, Fragment, renderList, createBlock, pushScopeId, popScopeId } from "vue";
+import { ElMessageBox, ElMessage } from "element-plus";
 import config from "./config.vue.js";
-import { standardButtonOperations, getStandardOperationLabel } from "../../../utils/assemblys-config.js";
+import { standardButtonOperations } from "../../../utils/assemblys-config.js";
+import { getUuidv4, deepCopy } from "../../../utils/common-util.js";
+import { usePageContextStore } from "../../../../../stores/page-store.js";
+import { undoRedo } from "../../../../../stores/event-undo-redo-store.js";
 import eventBus from "../../../utils/eventBus.js";
+const _withScopeId = (n) => (pushScopeId("data-v-d18b7392"), n = n(), popScopeId(), n);
 const _hoisted_1 = { style: { "margin": "10px" } };
-const _hoisted_2 = { style: { "padding-right": "10px" } };
-const _hoisted_3 = { key: 1 };
-const _hoisted_4 = {
+const _hoisted_2 = {
+  class: "amb-design-tool",
+  style: { "user-select": "none" }
+};
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "添加自定义方法", -1));
+const _hoisted_4 = { style: { "margin-left": "0px", "display": "inline-block", "width": "43px" } };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
+  class: "iconfont icon-chexiaozuo",
+  style: { "font-size": "23px" },
+  title: "撤销"
+}, null, -1));
+const _hoisted_6 = [
+  _hoisted_5
+];
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", {
+  class: "iconfont icon-chexiaoyou",
+  style: { "font-size": "23px" },
+  title: "恢复"
+}, null, -1));
+const _hoisted_8 = [
+  _hoisted_7
+];
+const _hoisted_9 = { style: { "float": "right", "margin-right": "10px" } };
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "确定", -1));
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("label", null, "清除", -1));
+const _hoisted_12 = {
   class: "codemirror",
-  style: { "margin-left": "20px" }
+  style: { "margin-left": "20px", "margin-top": "-10px" }
 };
-const _hoisted_5 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "page-event-content",
   props: {
@@ -22,424 +48,542 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"],
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
-    const emits = __emit;
-    const configure = props.configure;
+    const undoRedoStore = undoRedo();
+    const pageDesignUtil = usePageContextStore();
+    const editorRef = ref(null);
     const winHeight = ref();
     let containerHeightStyle = ref();
-    const inputEventType = ref();
-    const eventOptions = ref([]);
-    const currentEvent = ref();
-    const currentStandardEvent = ref();
-    const isChangeEvent = ref(true);
     const standardEventOptions = standardButtonOperations;
     let myCustomEvent = props.customEvent;
+    const editEvent = ref({ jsContent: "" });
+    const tempEvent = ref({ jsContent: "" });
+    const snapshotLen = ref(0);
+    const snapshotIndex = ref(-1);
     onMounted(() => {
-      initEventOptions();
-      initInputEventType();
       winHeight.value = window.innerHeight;
       containerHeightStyle.value = {
         overflow: "auto",
         height: winHeight.value + "px"
       };
+      bindEventBus();
+    });
+    onUnmounted(() => {
+      clearEventBus();
     });
-    function initInputEventType() {
-      if (props.eventForm.componentName === "button-detail" && props.eventForm.name === "click" && props.eventForm.isStandard) {
-        inputEventType.value = "standard";
-        currentStandardEvent.value = props.eventForm.eventName;
-      } else if (props.eventForm.componentName === "button-detail" && props.eventForm.name === "click" && props.eventForm.eventName) {
-        inputEventType.value = "event";
-        currentEvent.value = props.eventForm.eventName;
-      } else if (props.eventForm.componentName === "button-detail" && props.eventForm.name === "click" && !props.eventForm.eventName) {
-        inputEventType.value = "standard";
-        currentStandardEvent.value = null;
+    function standardChange() {
+      let isStandard = false;
+      if (tempEvent.value && tempEvent.value.standardValues && tempEvent.value.standardValues.includes("true")) {
+        isStandard = true;
+      }
+      if (tempEvent.value) {
+        tempEvent.value.isStandard = isStandard;
+      }
+    }
+    function addCustomFunc() {
+      const hisStr = editEvent.value ? JSON.stringify(editEvent.value) : null;
+      const newStr = tempEvent.value ? JSON.stringify(tempEvent.value) : null;
+      if (hisStr && hisStr !== newStr) {
+        ElMessageBox.confirm("当前方法有修改,是否需要暂存?", "确认", {
+          confirmButtonText: "确定",
+          cancelButtonText: "忽略",
+          type: "warning"
+        }).then(() => {
+          const res = tempSaveEvent();
+          if (res !== false) {
+            _addCustomFunc();
+          }
+        }).catch((err) => {
+          _addCustomFunc();
+        });
       } else {
-        if (props.handleType) {
-          inputEventType.value = props.handleType;
+        _addCustomFunc();
+      }
+    }
+    function _addCustomFunc() {
+      const customFunc = {
+        name: "customFunc",
+        isStandard: false,
+        jsContent: ""
+      };
+      customFunc.uuid = getUuidv4();
+      beginEditEvent(customFunc);
+    }
+    _addCustomFunc();
+    function beginEditEvent(eventObj) {
+      eventObj = eventObj ? eventObj : {};
+      editEvent.value = eventObj;
+      tempEvent.value = deepCopy(eventObj);
+      if (editorRef.value && editorRef.value.updateJsContent) {
+        editorRef.value.updateJsContent(tempEvent.value);
+      }
+      undoRedoStore.clearSnapshot();
+      undoRedoStore.addSnapshot(tempEvent);
+      snapshotLen.value = 1;
+      snapshotIndex.value = 0;
+    }
+    function tempSaveEvent() {
+      if (!tempEvent.value) {
+        ElMessageBox.confirm("编辑对象不存在,不需要保存！", "提示", {
+          confirmButtonText: "确定",
+          showCancelButton: false,
+          type: "error"
+        });
+        return false;
+      }
+      const pageDesign = pageDesignUtil.pageContext;
+      if (!pageDesign) {
+        ElMessageBox.confirm("页面设计对象不存在,不可保存！", "提示", {
+          confirmButtonText: "确定",
+          showCancelButton: false,
+          type: "error"
+        });
+        return false;
+      }
+      const validRes = validateBeforeSave();
+      if (validRes === false) {
+        return false;
+      }
+      if (!pageDesign.customEvents) {
+        pageDesign.customEvents = [];
+      }
+      const tempObj = tempEvent.value;
+      let hisEvent = null;
+      for (let e of pageDesign.customEvents) {
+        if (tempObj.name == "customFunc") {
+          if (e.uuid == tempObj.uuid) {
+            hisEvent = e;
+            break;
+          }
         } else {
-          inputEventType.value = "event";
+          if (e.componentUuid == tempObj.componentUuid && e.name == tempObj.name) {
+            hisEvent = e;
+            break;
+          }
         }
-        currentEvent.value = props.eventForm.eventName;
       }
+      if (hisEvent) {
+        Object.assign(hisEvent, tempObj);
+      } else {
+        Object.assign(editEvent.value, tempObj);
+        pageDesign.customEvents.push(editEvent.value);
+      }
+      editEvent.value = tempObj;
+      tempEvent.value = deepCopy(tempObj);
+      ElMessage({
+        message: "暂存成功!",
+        type: "success"
+      });
     }
-    function changeTitle() {
-      props.eventForm.title = myCustomEvent.title;
-      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "title" });
+    function clearFunc() {
+      ElMessageBox.confirm("确定要清除吗?", "确认", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning"
+      }).then(() => {
+        _clearFunc();
+      });
     }
-    function changeFuncName() {
-      props.eventForm.eventName = myCustomEvent.eventName;
-      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "eventName" });
+    function _clearFunc() {
+      if (tempEvent.value) {
+        deleteEvent(tempEvent.value);
+      }
+      _addCustomFunc();
     }
-    function changeFuncParam() {
-      props.eventForm.funcParam = myCustomEvent.funcParam;
-      eventBus.$emit("changeEventInfo", { customEvent: myCustomEvent, type: "funcParam" });
+    function clearEventBus() {
+      console.log("unmounted---------------------");
+      eventBus.$off("clearEvent");
+      eventBus.$off("editEvent");
     }
-    function initEventOptions() {
-      if (configure.customEvents) {
-        eventOptions.value = [];
-        const funcList = configure.customEvents.filter((func) => func.name === "customFunc");
-        eventOptions.value.push({
-          label: "自定义方法",
-          options: funcList
-        });
-        const eventList = configure.customEvents.filter((func) => func.name !== "customFunc");
-        eventOptions.value.push({
-          label: "自定义事件",
-          options: eventList
-        });
+    function bindEventBus() {
+      eventBus.$on("clearEvent", (event) => {
+        deleteEvent(event);
+        if (tempEvent.value) {
+          const tempObj = tempEvent.value;
+          if (event.name == "customFunc") {
+            if (event.uuid == tempObj.uuid) {
+              _addCustomFunc();
+            }
+          } else {
+            if (event.componentUuid == tempObj.componentUuid && event.name == tempObj.name) {
+              _addCustomFunc();
+            }
+          }
+        }
+      });
+      eventBus.$on("editEvent", (event) => {
+        let isSame = false;
+        if (tempEvent.value) {
+          if (event.name == "customFunc") {
+            if (tempEvent.value.uuid == event.uuid) {
+              isSame = true;
+            }
+          } else {
+            if (tempEvent.value.componentUuid == event.componentUuid && event.name == tempEvent.value.name) {
+              isSame = true;
+            }
+          }
+        }
+        if (isSame) {
+          return;
+        }
+        if (event.jsContent == void 0) {
+          event.jsContent = "";
+        }
+        if (event.isStandard == void 0) {
+          event.isStandard = false;
+          event.standardValues = [];
+        }
+        if (event.isStandard && !event.standardValues) {
+          event.standardValues = ["true"];
+        }
+        const hisStr = editEvent.value ? JSON.stringify(editEvent.value) : null;
+        const newStr = tempEvent.value ? JSON.stringify(tempEvent.value) : null;
+        if (hisStr && hisStr !== newStr) {
+          console.log("hisStr", hisStr, newStr);
+          ElMessageBox.confirm("当前方法有修改,是否需要暂存?", "确认", {
+            confirmButtonText: "确定",
+            cancelButtonText: "忽略",
+            type: "warning"
+          }).then(() => {
+            const res = tempSaveEvent();
+            if (res !== false) {
+              beginEditEvent(event);
+            }
+          }).catch((err) => {
+            beginEditEvent(event);
+          });
+        } else {
+          beginEditEvent(event);
+        }
+      });
+    }
+    function deleteEvent(event) {
+      const tempObj = event;
+      const pageDesign = pageDesignUtil.pageContext;
+      console.log("exist", tempObj, pageDesign.customEvents);
+      if (pageDesign && pageDesign.customEvents) {
+        for (let i = 0; i < pageDesign.customEvents.length; i++) {
+          let event2 = pageDesign.customEvents[i];
+          if (tempObj.name == "customFunc") {
+            if (tempObj.uuid == event2.uuid) {
+              pageDesign.customEvents.splice(i, 1);
+              break;
+            }
+          } else {
+            if (event2.name == tempObj.name && tempObj.componentUuid == event2.componentUuid) {
+              event2.eventName = null;
+              event2.isStandard = false;
+              event2.jsContent = "";
+              event2.remark = "";
+              event2.standardValues = [];
+              pageDesign.customEvents.splice(i, 1);
+              break;
+            }
+          }
+        }
       }
     }
-    function validateFun() {
-      const funcName = props.eventForm.eventName;
-      if (configure.customEvents) {
-        const funcList = configure.customEvents.filter((func) => func.eventName === funcName);
-        if (funcList && funcList.length > 1) {
+    function validateBeforeSave() {
+      const tempObj = tempEvent.value;
+      if (!tempObj.isStandard) {
+        if (!tempObj.jsContent) {
           ElMessage({
-            type: "warning",
-            message: "该自定义方法名已存在，请修改方法名",
-            showClose: true
+            message: "方法内容不能为空!",
+            type: "error"
           });
-          myCustomEvent.eventName = null;
+          return false;
         }
       }
-      props.eventForm.eventName = myCustomEvent.eventName;
-    }
-    const isInitJsConfig = ref(true);
-    function initJsConfig() {
-      inputEventType.value = "handle";
-      initEventOptions();
-      isInitJsConfig.value = false;
-      setTimeout(() => {
-        isInitJsConfig.value = true;
-      }, 5);
-    }
-    function selectEvent(eventName) {
-      if (props.eventForm.label && props.eventForm.name && props.eventForm.componentUuid) {
-        if (configure.customEvents) {
-          const eventList = configure.customEvents.filter((func) => func.eventName === eventName);
-          if (eventList && eventList.length > 0) {
-            myCustomEvent = eventList[0];
-            emits("changeSelectEvent", myCustomEvent);
-            isChangeEvent.value = false;
-            setTimeout(() => {
-              isChangeEvent.value = true;
-            }, 5);
+      if (tempObj.name == "customFunc") {
+        if (tempObj.eventName) {
+          tempObj.eventName = tempObj.eventName.trim();
+        }
+        const funcName = tempObj.eventName;
+        if (!funcName) {
+          ElMessage({
+            message: "方法名不能为空!",
+            type: "error"
+          });
+          return false;
+        }
+        const regex = /^[a-zA-Z_$][0-9a-zA-Z_$]*$/;
+        if (!regex.test(funcName)) {
+          ElMessage({
+            message: "方法名只能以字母、下划线或$开头,只能包含数字、字母或$!",
+            type: "error"
+          });
+          return false;
+        }
+        if (tempObj.funcParam) {
+          tempObj.funcParam = tempObj.funcParam.trim().replace("，", ",");
+        }
+        const funcParam = tempObj.funcParam;
+        if (funcParam) {
+          const regex2 = /^([a-zA-Z_$][a-zA-Z0-9_$]*(?:,[a-zA-Z_$][a-zA-Z0-9_$]*)*)$/;
+          if (!regex2.test(funcParam)) {
+            ElMessage({
+              message: "方法参数只能以字母、下划线或$开头,只能包含数字、字母或$!",
+              type: "error"
+            });
+            return false;
+          }
+        }
+        const pageDesign = pageDesignUtil.pageContext;
+        if (pageDesign && pageDesign.customEvents) {
+          for (let e of pageDesign.customEvents) {
+            if (e.name == "customFunc" && e.eventName == funcName && e.uuid != tempObj.uuid) {
+              ElMessage({
+                message: "存在相同的方法名!",
+                type: "error"
+              });
+              return false;
+            }
           }
         }
+      } else {
+        if (tempObj.isStandard && !tempObj.eventName) {
+          ElMessage({
+            message: "未指定标准功能!",
+            type: "error"
+          });
+          return false;
+        }
       }
     }
-    function selectStandardEvent(eventName) {
-      const eventLabel = getStandardOperationLabel(eventName);
-      emits("changeSelectStandardEvent", eventName, eventLabel);
+    let isUndoRedo = false;
+    watch(
+      () => tempEvent,
+      (newVal) => {
+        if (!isUndoRedo) {
+          undoRedoStore.addSnapshot(tempEvent, function() {
+            snapshotLen.value = undoRedoStore.getTotalLen();
+            snapshotIndex.value = undoRedoStore.getCurrentIndex();
+          });
+        }
+      },
+      { deep: true }
+    );
+    function revocation() {
+      isUndoRedo = true;
+      undoRedoStore.undo(tempEvent);
+      snapshotLen.value = undoRedoStore.getTotalLen();
+      snapshotIndex.value = undoRedoStore.getCurrentIndex();
+      if (editorRef.value && editorRef.value.updateJsContent) {
+        editorRef.value.updateJsContent(tempEvent.value);
+      }
+      setTimeout(() => {
+        isUndoRedo = false;
+      }, 100);
     }
-    function addEvent(value) {
-      if (value === "handle") {
-        emits("addEvent", props.eventForm);
+    function regain() {
+      isUndoRedo = true;
+      undoRedoStore.record(tempEvent);
+      snapshotLen.value = undoRedoStore.getTotalLen();
+      snapshotIndex.value = undoRedoStore.getCurrentIndex();
+      if (editorRef.value && editorRef.value.updateJsContent) {
+        editorRef.value.updateJsContent(tempEvent.value);
       }
+      setTimeout(() => {
+        isUndoRedo = false;
+      }, 100);
     }
-    __expose({ initJsConfig });
+    function resize() {
+      if (editorRef.value && editorRef.value.resize) {
+        editorRef.value.resize();
+      }
+    }
+    __expose({ resize });
     return (_ctx, _cache) => {
-      const _component_el_radio = resolveComponent("el-radio");
+      const _component_Plus = resolveComponent("Plus");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_el_divider = resolveComponent("el-divider");
+      const _component_Check = resolveComponent("Check");
+      const _component_View = resolveComponent("View");
+      const _component_el_text = resolveComponent("el-text");
+      const _component_el_input = resolveComponent("el-input");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_checkbox = resolveComponent("el-checkbox");
+      const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
       const _component_el_option = resolveComponent("el-option");
       const _component_el_option_group = resolveComponent("el-option-group");
       const _component_el_select = resolveComponent("el-select");
-      const _component_el_radio_group = resolveComponent("el-radio-group");
-      const _component_el_form_item = resolveComponent("el-form-item");
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
-      const _component_el_input = resolveComponent("el-input");
       const _component_el_form = resolveComponent("el-form");
       return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: addCustomFunc
+          }, [
+            createVNode(_component_el_icon, { size: 18 }, {
+              default: withCtx(() => [
+                createVNode(_component_Plus)
+              ]),
+              _: 1
+            }),
+            _hoisted_3
+          ]),
+          createVNode(_component_el_divider, {
+            direction: "vertical",
+            class: "amb-design-tool-split"
+          }),
+          withDirectives(createElementVNode("label", _hoisted_4, null, 512), [
+            [vShow, snapshotIndex.value < 1]
+          ]),
+          withDirectives(createElementVNode("label", {
+            class: "amb-page-type",
+            style: { "margin-left": "0px" },
+            onClick: revocation
+          }, _hoisted_6, 512), [
+            [vShow, snapshotIndex.value > 0]
+          ]),
+          withDirectives(createElementVNode("label", {
+            class: "amb-page-type",
+            onClick: regain
+          }, _hoisted_8, 512), [
+            [vShow, snapshotIndex.value > -1 && snapshotIndex.value + 1 < snapshotLen.value]
+          ]),
+          withDirectives(createElementVNode("div", _hoisted_9, [
+            createElementVNode("label", {
+              class: "amb-page-type",
+              onClick: _cache[0] || (_cache[0] = ($event) => tempSaveEvent())
+            }, [
+              createVNode(_component_el_icon, { size: 18 }, {
+                default: withCtx(() => [
+                  createVNode(_component_Check)
+                ]),
+                _: 1
+              }),
+              _hoisted_10
+            ]),
+            createVNode(_component_el_divider, {
+              direction: "vertical",
+              class: "amb-design-tool-split"
+            }),
+            createElementVNode("label", {
+              class: "amb-page-type",
+              style: { "margin-left": "0px" },
+              onClick: clearFunc
+            }, [
+              createVNode(_component_el_icon, { size: 18 }, {
+                default: withCtx(() => [
+                  createVNode(_component_View)
+                ]),
+                _: 1
+              }),
+              _hoisted_11
+            ])
+          ], 512), [
+            [vShow, tempEvent.value.name]
+          ])
+        ]),
         createVNode(_component_el_form, {
+          class: "amb-design-board",
+          style: { "padding-top": "10px" },
           ref: "form",
+          size: "small",
           model: unref(myCustomEvent),
           "inline-message": "",
           "label-width": "80px"
         }, {
           default: withCtx(() => [
-            !unref(myCustomEvent) || _ctx.eventForm.name !== "customFunc" && _ctx.eventForm.name !== "customEvent" || unref(myCustomEvent).name !== "customFunc" && !unref(myCustomEvent).eventName ? (openBlock(), createBlock(_component_el_row, { key: 0 }, {
+            createVNode(_component_el_row, null, {
               default: withCtx(() => [
-                createVNode(_component_el_col, null, {
+                createVNode(_component_el_form_item, {
+                  label: "名称",
+                  style: { "min-width": "280px" }
+                }, {
                   default: withCtx(() => [
-                    createVNode(_component_el_form_item, { label: "脚本" }, {
+                    withDirectives(createVNode(_component_el_text, { type: "primary" }, {
                       default: withCtx(() => [
-                        createVNode(_component_el_radio_group, {
-                          modelValue: inputEventType.value,
-                          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => inputEventType.value = $event),
-                          onChange: addEvent
-                        }, {
-                          default: withCtx(() => [
-                            _ctx.eventForm.componentName === "button-detail" && _ctx.eventForm.name === "click" ? (openBlock(), createBlock(_component_el_radio, {
-                              key: 0,
-                              value: "standard",
-                              size: "large"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode("选择标准事件")
-                              ]),
-                              _: 1
-                            })) : createCommentVNode("", true),
-                            withDirectives(createVNode(_component_el_select, {
-                              modelValue: currentStandardEvent.value,
-                              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentStandardEvent.value = $event),
-                              placeholder: "Select",
-                              style: { "width": "240px" },
-                              onChange: selectStandardEvent
-                            }, {
-                              default: withCtx(() => [
-                                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(standardEventOptions), (group) => {
-                                  return openBlock(), createBlock(_component_el_option_group, {
-                                    key: group.label,
-                                    label: group.label
-                                  }, {
-                                    default: withCtx(() => [
-                                      (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item) => {
-                                        return openBlock(), createBlock(_component_el_option, {
-                                          key: item.value,
-                                          label: item.label,
-                                          value: item.value
-                                        }, null, 8, ["label", "value"]);
-                                      }), 128))
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["label"]);
-                                }), 128))
-                              ]),
-                              _: 1
-                            }, 8, ["modelValue"]), [
-                              [vShow, inputEventType.value === "standard"]
-                            ]),
-                            createVNode(_component_el_radio, {
-                              value: "event",
-                              size: "large"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode("选择已有事件")
-                              ]),
-                              _: 1
-                            }),
-                            createElementVNode("span", _hoisted_2, [
-                              withDirectives(createVNode(_component_el_select, {
-                                modelValue: currentEvent.value,
-                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentEvent.value = $event),
-                                placeholder: "Select",
-                                style: { "width": "240px" },
-                                onChange: selectEvent
-                              }, {
-                                default: withCtx(() => [
-                                  (openBlock(true), createElementBlock(Fragment, null, renderList(eventOptions.value, (group) => {
-                                    return openBlock(), createBlock(_component_el_option_group, {
-                                      key: group.label,
-                                      label: group.label
-                                    }, {
-                                      default: withCtx(() => [
-                                        (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item) => {
-                                          return openBlock(), createBlock(_component_el_option, {
-                                            key: item.eventName,
-                                            label: item.title,
-                                            value: item.eventName
-                                          }, null, 8, ["label", "value"]);
-                                        }), 128))
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["label"]);
-                                  }), 128))
-                                ]),
-                                _: 1
-                              }, 8, ["modelValue"]), [
-                                [vShow, inputEventType.value === "event"]
-                              ])
-                            ]),
-                            createVNode(_component_el_radio, {
-                              value: "handle",
-                              size: "large"
-                            }, {
-                              default: withCtx(() => [
-                                createTextVNode("新增事件")
-                              ]),
-                              _: 1
-                            })
-                          ]),
-                          _: 1
-                        }, 8, ["modelValue"])
+                        createTextVNode(toDisplayString(tempEvent.value.title ? tempEvent.value.title + (tempEvent.value.componentLabel ? "(" + tempEvent.value.componentLabel + ")" : "") : tempEvent.value.componentLabel) + "." + toDisplayString(tempEvent.value.name), 1)
                       ]),
                       _: 1
+                    }, 512), [
+                      [vShow, tempEvent.value.name && tempEvent.value.name != "customFunc"]
+                    ]),
+                    withDirectives(createVNode(_component_el_input, {
+                      modelValue: tempEvent.value.eventName,
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => tempEvent.value.eventName = $event),
+                      title: "自定义方法名"
+                    }, null, 8, ["modelValue"]), [
+                      [vShow, tempEvent.value.name == "customFunc"]
+                    ])
+                  ]),
+                  _: 1
+                }),
+                withDirectives(createVNode(_component_el_checkbox_group, {
+                  modelValue: tempEvent.value.standardValues,
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => tempEvent.value.standardValues = $event),
+                  onChange: standardChange
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_checkbox, {
+                      value: "true",
+                      label: "标准功能"
                     })
                   ]),
                   _: 1
-                })
-              ]),
-              _: 1
-            })) : createCommentVNode("", true),
-            unref(myCustomEvent) && isChangeEvent.value && (inputEventType.value === "handle" || unref(myCustomEvent) && unref(myCustomEvent).name === "customFunc" && !_ctx.eventForm.componentUuid || unref(myCustomEvent) && unref(myCustomEvent).name === "customEvent" && !_ctx.eventForm.componentUuid || currentEvent.value && _ctx.eventForm.componentUuid) ? (openBlock(), createElementBlock("div", _hoisted_3, [
-              createVNode(_component_el_row, null, {
-                default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "事件标题" }, {
-                        default: withCtx(() => [
-                          createVNode(_component_el_input, {
-                            modelValue: unref(myCustomEvent).title,
-                            "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => unref(myCustomEvent).title = $event),
-                            onInput: changeTitle
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "事件类型" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.label) + "(" + toDisplayString(_ctx.eventForm.name) + ") ", 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_row, null, {
-                default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "组件类型" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.componentName), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "组件uuid" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.componentUuid), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
+                }, 8, ["modelValue"]), [
+                  [vShow, tempEvent.value.name != "customFunc"]
                 ]),
-                _: 1
-              }),
-              unref(myCustomEvent).name === "customFunc" ? (openBlock(), createBlock(_component_el_row, { key: 0 }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, {
-                        label: "方法名",
-                        rules: [
-                          {
-                            required: true,
-                            message: "必填",
-                            trigger: "blur"
-                          }
-                        ],
-                        prop: "eventName"
-                      }, {
-                        default: withCtx(() => [
-                          createVNode(_component_el_input, {
-                            modelValue: unref(myCustomEvent).eventName,
-                            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => unref(myCustomEvent).eventName = $event),
-                            onChange: validateFun,
-                            onInput: changeFuncName
-                          }, null, 8, ["modelValue"])
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, {
-                        label: "方法参数",
-                        prop: "funcParam"
+                withDirectives(createVNode(_component_el_select, {
+                  disabled: !tempEvent.value.isStandard,
+                  modelValue: tempEvent.value.eventName,
+                  "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => tempEvent.value.eventName = $event),
+                  placeholder: "请选择",
+                  style: { "width": "240px", "margin-left": "10px" }
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(standardEventOptions), (group) => {
+                      return openBlock(), createBlock(_component_el_option_group, {
+                        key: group.label,
+                        label: group.label
                       }, {
                         default: withCtx(() => [
-                          createVNode(_component_el_input, {
-                            modelValue: unref(myCustomEvent).funcParam,
-                            "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => unref(myCustomEvent).funcParam = $event),
-                            onInput: changeFuncParam
-                          }, null, 8, ["modelValue"])
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(group.options, (item) => {
+                            return openBlock(), createBlock(_component_el_option, {
+                              key: item.value,
+                              label: item.label,
+                              value: item.value
+                            }, null, 8, ["label", "value"]);
+                          }), 128))
                         ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              })) : createCommentVNode("", true),
-              createVNode(_component_el_form_item, { label: "描述" }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_input, {
-                    modelValue: unref(myCustomEvent).remark,
-                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => unref(myCustomEvent).remark = $event),
-                    autosize: { minRows: 2, maxRows: 4 },
-                    type: "textarea"
-                  }, null, 8, ["modelValue"])
-                ]),
-                _: 1
-              }),
-              createElementVNode("div", _hoisted_4, [
-                isInitJsConfig.value ? (openBlock(), createBlock(config, {
-                  key: 0,
-                  eventForm: unref(myCustomEvent)
-                }, null, 8, ["eventForm"])) : createCommentVNode("", true)
-              ])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
-              createVNode(_component_el_row, null, {
-                default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "事件类型" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.label) + "(" + toDisplayString(_ctx.eventForm.name) + ") ", 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "组件类型" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.componentName), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              createVNode(_component_el_row, null, {
-                default: withCtx(() => [
-                  createVNode(_component_el_col, { span: 12 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_form_item, { label: "组件uuid" }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(_ctx.eventForm.componentUuid), 1)
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
+                        _: 2
+                      }, 1032, ["label"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["disabled", "modelValue"]), [
+                  [vShow, tempEvent.value.name != "customFunc"]
                 ]),
-                _: 1
-              })
-            ]))
+                createVNode(_component_el_col, { span: 10 }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_form_item, { label: "描述" }, {
+                      default: withCtx(() => [
+                        createVNode(_component_el_input, {
+                          modelValue: tempEvent.value.remark,
+                          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => tempEvent.value.remark = $event)
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            withDirectives(createElementVNode("div", _hoisted_12, [
+              createVNode(config, {
+                eventForm: tempEvent.value,
+                ref_key: "editorRef",
+                ref: editorRef
+              }, null, 8, ["eventForm"])
+            ], 512), [
+              [vShow, tempEvent.value.name == "customFunc" || tempEvent.value.name != "customFunc" && !tempEvent.value.isStandard]
+            ])
           ]),
           _: 1
         }, 8, ["model"])