super-page-designer 2.1.94 → 2.2.2

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

@@ -1,632 +1,176 @@
-import { defineComponent, ref, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, withDirectives, vShow, unref, createTextVNode, toDisplayString, Fragment, renderList, createBlock } from "vue";
-import { ElMessageBox, ElMessage } from "element-plus";
-import config from "./config.vue.js";
-import { standardButtonOperations } from "../../../utils/assemblys-config.js";
-import { findDesignItemByUuid, 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 _hoisted_1 = { style: { "margin": "10px" } };
-const _hoisted_2 = {
-  class: "amb-design-tool",
-  style: { "user-select": "none" }
-};
-const _hoisted_3 = { class: "amb-design-tool-item" };
-const _hoisted_4 = /* @__PURE__ */ createElementVNode("label", null, "添加自定义方法", -1);
-const _hoisted_5 = { style: { "margin-left": "0px", "display": "inline-block", "width": "39px" } };
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("span", {
-  class: "iconfont icon-chexiaozuo",
-  style: { "font-size": "20px" },
-  title: "撤销"
-}, null, -1);
-const _hoisted_7 = [
-  _hoisted_6
-];
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("span", {
-  class: "iconfont icon-chexiaoyou",
-  style: { "font-size": "20px" },
-  title: "恢复"
-}, null, -1);
-const _hoisted_9 = [
-  _hoisted_8
-];
-const _hoisted_10 = {
-  class: "amb-design-tool-item",
-  style: { "padding-right": "10px" }
-};
-const _hoisted_11 = /* @__PURE__ */ createElementVNode("label", null, "确定", -1);
-const _hoisted_12 = /* @__PURE__ */ createElementVNode("label", null, "清除", -1);
-const _hoisted_13 = {
-  class: "codemirror",
-  style: { "margin-left": "20px", "margin-top": "-10px" }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "page-event-content",
-  props: {
-    eventForm: {},
-    configure: {},
-    customEvent: {},
-    handleType: {}
-  },
-  emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const undoRedoStore = undoRedo();
-    const pageDesignUtil = usePageContextStore();
-    const editorRef = ref(null);
-    const winHeight = ref();
-    let containerHeightStyle = ref();
-    const standardEventOptions = standardButtonOperations;
-    let myCustomEvent = props.customEvent;
-    const editEvent = ref({ jsContent: "" });
-    const tempEvent = ref({ jsContent: "" });
-    const snapshotLen = ref(0);
-    const snapshotIndex = ref(-1);
-    onMounted(() => {
-      winHeight.value = window.innerHeight;
-      containerHeightStyle.value = {
-        overflow: "auto",
-        height: winHeight.value + "px"
-      };
-      bindEventBus();
-    });
-    onUnmounted(() => {
-      clearEventBus();
+import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, openBlock as o, createElementBlock as s, createElementVNode as i, createVNode as c, withCtx as r, withDirectives as m, vShow as d, unref as v, createTextVNode as p, toDisplayString as f, Fragment as g, renderList as b, createBlock as y } from "vue";
+import { ElMessageBox as x, ElMessage as h } from "element-plus";
+import C from "./config.vue2.js";
+import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
+import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as _ } from "../../../utils/common-util.js";
+import { usePageContextStore as k } from "../../../../../stores/page-store.js";
+import { undoRedo as U } from "../../../../../stores/event-undo-redo-store.js";
+import F from "../../../utils/eventBus.js";
+const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style: { "user-select": "none" } }, j = { class: "amb-design-tool-item" }, N = i("label", null, "添加自定义方法", -1), w = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, T = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)], B = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)], J = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, A = i("label", null, "确定", -1), L = i("label", null, "清除", -1), O = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, Z = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: Z2, emit: I }) {
+  const P = e2, H = U(), R = k(), q = t(null), D = t();
+  let G = t();
+  const K = E;
+  let M = P.customEvent;
+  const Q = t({ jsContent: "" }), W = t({ jsContent: "" }), X = t(0), Y = t(-1);
+  function ee() {
+    let e3 = false;
+    W.value && W.value.standardValues && W.value.standardValues.includes("true") && (e3 = true), W.value && (W.value.isStandard = e3);
+  }
+  function te() {
+    const e3 = Q.value ? JSON.stringify(Q.value) : null, t2 = W.value ? JSON.stringify(W.value) : null;
+    e3 && e3 !== t2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
+      false !== le() && ne();
+    }).catch((e4) => {
+      ne();
+    }) : ne();
+  }
+  function ne() {
+    const e3 = { name: "customFunc", isStandard: false, jsContent: "" };
+    e3.uuid = V(), ae(e3);
+  }
+  function ae(e3) {
+    e3 = e3 || {}, Q.value = e3, W.value = _(e3), q.value && q.value.updateJsContent && q.value.updateJsContent(W.value), H.clearSnapshot(), H.addSnapshot(W), X.value = 1, Y.value = 0;
+  }
+  function le() {
+    if (!W.value)
+      return x.confirm("编辑对象不存在,不需要保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
+    const e3 = R.pageContext;
+    if (!e3)
+      return x.confirm("页面设计对象不存在,不可保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
+    const t2 = function() {
+      const e4 = W.value;
+      if (!e4.isStandard && !e4.jsContent)
+        return h({ message: "方法内容不能为空!", type: "error" }), false;
+      if ("customFunc" == e4.name) {
+        e4.eventName && (e4.eventName = e4.eventName.trim());
+        const t3 = e4.eventName;
+        if (!t3)
+          return h({ message: "方法名不能为空!", type: "error" }), false;
+        if (!/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(t3))
+          return h({ message: "方法名只能以字母、下划线或$开头,只能包含数字、字母或$!", type: "error" }), false;
+        e4.funcParam && (e4.funcParam = e4.funcParam.trim().replace("，", ","));
+        const n3 = e4.funcParam;
+        if (n3) {
+          if (!/^([a-zA-Z_$][a-zA-Z0-9_$]*(?:,[a-zA-Z_$][a-zA-Z0-9_$]*)*)$/.test(n3))
+            return h({ message: "方法参数只能以字母、下划线或$开头,只能包含数字、字母或$!", type: "error" }), false;
+        }
+        const a3 = R.pageContext;
+        if (a3 && a3.customEvents) {
+          for (let n4 of a3.customEvents)
+            if ("customFunc" == n4.name && n4.eventName == t3 && n4.uuid != e4.uuid)
+              return h({ message: "存在相同的方法名!", type: "error" }), false;
+        }
+      } else if (e4.isStandard && !e4.eventName)
+        return h({ message: "未指定标准功能!", type: "error" }), false;
+    }();
+    if (false === t2)
+      return false;
+    e3.customEvents || (e3.customEvents = []);
+    const n2 = W.value;
+    let a2 = null, l2 = -1;
+    for (let t3 = 0; t3 < e3.customEvents.length; t3++) {
+      const u2 = e3.customEvents[t3];
+      if ("customFunc" === n2.name) {
+        if (u2.uuid == n2.uuid) {
+          a2 = u2, l2 = t3;
+          break;
+        }
+      } else if (u2.componentUuid == n2.componentUuid && u2.name == n2.name) {
+        a2 = u2, l2 = t3;
+        break;
+      }
+    }
+    if (a2) {
+      if (Object.assign(a2, n2), e3.customEvents[l2] = a2, "customFunc" !== a2.name && a2.componentUuid) {
+        const t3 = S(e3, a2.componentUuid);
+        if (t3 && t3.events) {
+          const e4 = t3.events.findIndex((e5) => e5.name == a2.name && e5.componentUuid == a2.componentUuid);
+          e4 > -1 && (t3.events[e4] = a2);
+        }
+      }
+    } else
+      Object.assign(Q.value, n2), e3.customEvents.push(Q.value);
+    Q.value = n2, W.value = _(n2), h({ message: "暂存成功!", type: "success" });
+  }
+  function ue() {
+    x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      !function() {
+        W.value && oe(W.value);
+        ne();
+      }();
     });
-    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 {
-        _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;
-      let currentEventIndex = -1;
-      for (let index = 0; index < pageDesign.customEvents.length; index++) {
-        const e = pageDesign.customEvents[index];
-        if (tempObj.name === "customFunc") {
-          if (e.uuid == tempObj.uuid) {
-            hisEvent = e;
-            currentEventIndex = index;
-            break;
-          }
-        } else {
-          if (e.componentUuid == tempObj.componentUuid && e.name == tempObj.name) {
-            hisEvent = e;
-            currentEventIndex = index;
+  }
+  function oe(e3) {
+    const t2 = e3, n2 = R.pageContext;
+    if (e3.isStandard)
+      se(e3), ie(t2, e3);
+    else if (n2 && n2.customEvents)
+      for (let e4 = 0; e4 < n2.customEvents.length; e4++) {
+        let a2 = n2.customEvents[e4];
+        if ("customFunc" == t2.name) {
+          if (t2.uuid == a2.uuid) {
+            n2.customEvents.splice(e4, 1);
             break;
           }
+        } else if (a2.name == t2.name && t2.componentUuid == a2.componentUuid) {
+          se(a2), n2.customEvents.splice(e4, 1), ie(t2, a2);
+          break;
         }
       }
-      if (hisEvent) {
-        Object.assign(hisEvent, tempObj);
-        pageDesign.customEvents[currentEventIndex] = hisEvent;
-        if (hisEvent.name !== "customFunc" && hisEvent.componentUuid) {
-          const itemConfig = findDesignItemByUuid(pageDesign, hisEvent.componentUuid);
-          if (itemConfig && itemConfig.events) {
-            const eventIndex = itemConfig.events.findIndex(
-              (e) => e.name == hisEvent.name && e.componentUuid == hisEvent.componentUuid
-            );
-            if (eventIndex > -1) {
-              itemConfig.events[eventIndex] = hisEvent;
-            }
-          }
-        }
-      } else {
-        Object.assign(editEvent.value, tempObj);
-        pageDesign.customEvents.push(editEvent.value);
-      }
-      editEvent.value = tempObj;
-      tempEvent.value = deepCopy(tempObj);
-      ElMessage({
-        message: "暂存成功!",
-        type: "success"
-      });
-    }
-    function clearFunc() {
-      ElMessageBox.confirm("确定要清除吗?", "确认", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        _clearFunc();
-      });
-    }
-    function _clearFunc() {
-      if (tempEvent.value) {
-        deleteEvent(tempEvent.value);
-      }
-      _addCustomFunc();
-    }
-    function clearEventBus() {
-      console.log("unmounted---------------------");
-      eventBus.$off("clearEvent");
-      eventBus.$off("editEvent");
-    }
-    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;
-      if (event.isStandard) {
-        restoreEvent(event);
-        restoreComponentEvent(tempObj, event);
-      } else {
-        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) {
-                restoreEvent(event2);
-                pageDesign.customEvents.splice(i, 1);
-                restoreComponentEvent(tempObj, event2);
-                break;
-              }
-            }
-          }
-        }
-      }
-    }
-    function restoreEvent(event) {
-      event.eventName = null;
-      event.isStandard = false;
-      event.jsContent = "";
-      event.remark = "";
-      event.standardValues = [];
-    }
-    function restoreComponentEvent(sourceEvent, event) {
-      const pageDesign = pageDesignUtil.pageContext;
-      const itemConfig = findDesignItemByUuid(pageDesign, sourceEvent.componentUuid);
-      if (itemConfig && itemConfig.events) {
-        const eventIndex = itemConfig.events.findIndex(
-          (e) => e.name == sourceEvent.name && e.componentUuid == sourceEvent.componentUuid
-        );
-        if (eventIndex > -1) {
-          itemConfig.events[eventIndex] = event;
-        }
-      }
-    }
-    function validateBeforeSave() {
-      const tempObj = tempEvent.value;
-      if (!tempObj.isStandard) {
-        if (!tempObj.jsContent) {
-          ElMessage({
-            message: "方法内容不能为空!",
-            type: "error"
-          });
-          return false;
-        }
-      }
-      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;
-        }
-      }
-    }
-    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 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);
-    }
-    function resize() {
-      if (editorRef.value && editorRef.value.resize) {
-        editorRef.value.resize();
-      }
+  }
+  function se(e3) {
+    e3.eventName = null, e3.isStandard = false, e3.jsContent = "", e3.remark = "", e3.standardValues = [];
+  }
+  function ie(e3, t2) {
+    const n2 = R.pageContext, a2 = S(n2, e3.componentUuid);
+    if (a2 && a2.events) {
+      const n3 = a2.events.findIndex((t3) => t3.name == e3.name && t3.componentUuid == e3.componentUuid);
+      n3 > -1 && (a2.events[n3] = t2);
     }
-    __expose({ resize });
-    return (_ctx, _cache) => {
-      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_col = resolveComponent("el-col");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_form = resolveComponent("el-form");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createElementVNode("div", _hoisted_3, [
-            createElementVNode("label", {
-              class: "amb-page-type",
-              onClick: addCustomFunc
-            }, [
-              createVNode(_component_el_icon, { size: 18 }, {
-                default: withCtx(() => [
-                  createVNode(_component_Plus)
-                ]),
-                _: 1
-              }),
-              _hoisted_4
-            ]),
-            createVNode(_component_el_divider, { direction: "vertical" }),
-            withDirectives(createElementVNode("label", _hoisted_5, null, 512), [
-              [vShow, snapshotIndex.value < 1]
-            ]),
-            withDirectives(createElementVNode("label", {
-              class: "amb-page-type",
-              style: { "margin-left": "0px" },
-              onClick: revocation
-            }, _hoisted_7, 512), [
-              [vShow, snapshotIndex.value > 0]
-            ]),
-            withDirectives(createElementVNode("label", {
-              class: "amb-page-type",
-              onClick: regain
-            }, _hoisted_9, 512), [
-              [vShow, snapshotIndex.value > -1 && snapshotIndex.value + 1 < snapshotLen.value]
-            ])
-          ]),
-          withDirectives(createElementVNode("div", _hoisted_10, [
-            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_11
-            ]),
-            createVNode(_component_el_divider, { direction: "vertical" }),
-            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_12
-            ])
-          ], 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(() => [
-            createVNode(_component_el_row, null, {
-              default: withCtx(() => [
-                createVNode(_component_el_form_item, {
-                  label: "名称",
-                  style: { "min-width": "280px" }
-                }, {
-                  default: withCtx(() => [
-                    withDirectives(createVNode(_component_el_text, { type: "primary" }, {
-                      default: withCtx(() => [
-                        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
-                }, 8, ["modelValue"]), [
-                  [vShow, tempEvent.value.name != "customFunc"]
-                ]),
-                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: "请选择",
-                  filterable: "",
-                  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(() => [
-                          (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, ["disabled", "modelValue"]), [
-                  [vShow, tempEvent.value.name != "customFunc"]
-                ]),
-                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_13, [
-              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"])
-      ]);
-    };
   }
-});
+  n(() => {
+    D.value = window.innerHeight, G.value = { overflow: "auto", height: D.value + "px" }, F.$on("clearEvent", (e3) => {
+      if (oe(e3), W.value) {
+        const t2 = W.value;
+        "customFunc" == e3.name ? e3.uuid == t2.uuid && ne() : e3.componentUuid == t2.componentUuid && e3.name == t2.name && ne();
+      }
+    }), F.$on("editEvent", (e3) => {
+      let t2 = false;
+      if (W.value && ("customFunc" == e3.name ? W.value.uuid == e3.uuid && (t2 = true) : W.value.componentUuid == e3.componentUuid && e3.name == W.value.name && (t2 = true)), t2)
+        return;
+      null == e3.jsContent && (e3.jsContent = ""), null == e3.isStandard && (e3.isStandard = false, e3.standardValues = []), e3.isStandard && !e3.standardValues && (e3.standardValues = ["true"]);
+      const n2 = Q.value ? JSON.stringify(Q.value) : null, a2 = W.value ? JSON.stringify(W.value) : null;
+      n2 && n2 !== a2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
+        false !== le() && ae(e3);
+      }).catch((t3) => {
+        ae(e3);
+      }) : ae(e3);
+    });
+  }), a(() => {
+    F.$off("clearEvent"), F.$off("editEvent");
+  }), ne();
+  let ce = false;
+  function re() {
+    ce = true, H.undo(W), X.value = H.getTotalLen(), Y.value = H.getCurrentIndex(), q.value && q.value.updateJsContent && q.value.updateJsContent(W.value), setTimeout(() => {
+      ce = false;
+    }, 100);
+  }
+  function me() {
+    ce = true, H.record(W), X.value = H.getTotalLen(), Y.value = H.getCurrentIndex(), q.value && q.value.updateJsContent && q.value.updateJsContent(W.value), setTimeout(() => {
+      ce = false;
+    }, 100);
+  }
+  return l(() => W, (e3) => {
+    ce || H.addSnapshot(W, function() {
+      X.value = H.getTotalLen(), Y.value = H.getCurrentIndex();
+    });
+  }, { deep: true }), Z2({ resize: function() {
+    q.value && q.value.resize && q.value.resize();
+  } }), (e3, t2) => {
+    const n2 = u("Plus"), a2 = u("el-icon"), l2 = u("el-divider"), x2 = u("Check"), h2 = u("View"), E2 = u("el-text"), S2 = u("el-input"), V2 = u("el-form-item"), _2 = u("el-checkbox"), k2 = u("el-checkbox-group"), U2 = u("el-option"), F2 = u("el-option-group"), Z3 = u("el-select"), I2 = u("el-col"), P2 = u("el-row"), H2 = u("el-form");
+    return o(), s("div", z, [i("div", $, [i("div", j, [i("label", { class: "amb-page-type", onClick: te }, [c(a2, { size: 18 }, { default: r(() => [c(n2)]), _: 1 }), N]), c(l2, { direction: "vertical" }), m(i("label", w, null, 512), [[d, Y.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, T, 512), [[d, Y.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, B, 512), [[d, Y.value > -1 && Y.value + 1 < X.value]])]), m(i("div", J, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => le()) }, [c(a2, { size: 18 }, { default: r(() => [c(x2)]), _: 1 }), A]), c(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ue }, [c(a2, { size: 18 }, { default: r(() => [c(h2)]), _: 1 }), L])], 512), [[d, W.value.name]])]), c(H2, { class: "amb-design-board", style: { "padding-top": "10px" }, ref: "form", size: "small", model: v(M), "inline-message": "", "label-width": "80px" }, { default: r(() => [c(P2, null, { default: r(() => [c(V2, { label: "名称", style: { "min-width": "280px" } }, { default: r(() => [m(c(E2, { type: "primary" }, { default: r(() => [p(f(W.value.title ? W.value.title + (W.value.componentLabel ? "(" + W.value.componentLabel + ")" : "") : W.value.componentLabel) + "." + f(W.value.name), 1)]), _: 1 }, 512), [[d, W.value.name && "customFunc" != W.value.name]]), m(c(S2, { modelValue: W.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => W.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == W.value.name]])]), _: 1 }), m(c(k2, { modelValue: W.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => W.value.standardValues = e4), onChange: ee }, { default: r(() => [c(_2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != W.value.name]]), m(c(Z3, { disabled: !W.value.isStandard, modelValue: W.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => W.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: r(() => [(o(true), s(g, null, b(v(K), (e4) => (o(), y(F2, { key: e4.label, label: e4.label }, { default: r(() => [(o(true), s(g, null, b(e4.options, (e5) => (o(), y(U2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != W.value.name]]), c(I2, { span: 10 }, { default: r(() => [c(V2, { label: "描述" }, { default: r(() => [c(S2, { modelValue: W.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => W.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), m(i("div", O, [c(C, { eventForm: W.value, ref_key: "editorRef", ref: q }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == W.value.name || "customFunc" != W.value.name && !W.value.isStandard]])]), _: 1 }, 8, ["model"])]);
+  };
+} });
 export {
-  _sfc_main as default
+  Z as default
 };