super-page-designer 2.2.22 → 2.2.24

package/dist/es/components/design/views/assemblys/object-design.vue.js

@@ -7,10 +7,10 @@ import { PageDimensions as O } from "../../utils/interfaces/page-design-types.js
 import { batchUpdatePermissions as k, batchRemovePermissions as S } from "../../utils/page-permission-util.js";
 import { watchValidate as P, getRefrencePropMap as M, removePropFromRefrencePropMap as w } from "../../utils/form-design-util.js";
 import { usePageContextStore as U } from "../../../../stores/page-store.js";
-import { getListCode as _ } from "super-page-runtime";
-import { getFormPropName as B } from "../../utils/page-helper-util.js";
-import { updateServiceInputs as I } from "../../utils/chart-design-util.js";
-const T = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: R2 }) {
+import { getListCode as T } from "super-page-runtime";
+import { getFormPropName as _ } from "../../utils/page-helper-util.js";
+import { updateServiceInputs as B } from "../../utils/chart-design-util.js";
+const I = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {}, showSelectedClass: { type: Boolean, default: true }, errorBlank: { type: Boolean, default: false } }, emits: ["onSelectWidget", "onCustomAttrWidget", "onCopy", "onDelete"], setup(e2, { emit: R2 }) {
   var _a, _b, _c, _d;
   const q = U(), z = e2;
   if ("table" === z.configure.name && z.pageDesign.tableRuntimes && z.pageDesign.tableRuntimes[z.configure.uuid]) {
@@ -18,24 +18,32 @@ const T = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", pr
     Object.assign(z.configure, i2), delete z.pageDesign.tableRuntimes[z.configure.uuid];
   }
   z.indexObj && z.indexObj.index++, null == z.configure.props && (z.configure.props = {}), null == z.configure.style && (z.configure.style = {});
-  const H = q.getModelField(B((_b = (_a = z.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.prop));
+  const H = q.getModelField(_((_b = (_a = z.configure.props) == null ? void 0 : _a.base) == null ? void 0 : _b.prop));
+  if (z.pageDesign && z.configure && "table" == z.configure.name) {
+    if (z.configure.uuid) {
+      z.pageDesign.tableUuids || (z.pageDesign.tableUuids = []);
+      const e3 = setTimeout(() => {
+        var _a2, _b2, _c2, _d2;
+        ((_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(z.configure.uuid)) || ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.push(z.configure.uuid)), A(z.configure.code);
+      }, 500);
+      i(() => {
+        var _a2, _b2, _c2, _d2;
+        const i2 = (_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.indexOf(z.configure.uuid);
+        null != i2 && i2 > -1 && ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.shift(i2, 1));
+        const n2 = T(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
+        z.pageDesign.listCodesMap && z.pageDesign.listCodesMap[n2] && delete z.pageDesign.listCodesMap[n2], z.pageDesign.subTableWatchProps && delete z.pageDesign.subTableWatchProps[z.configure.uuid], e3 && clearTimeout(e3);
+      });
+    }
+    n(() => z.configure.code, (e3) => {
+      A(e3);
+    });
+  }
   function A(e3) {
     z.pageDesign.listCodesMap || (z.pageDesign.listCodesMap = {});
-    const i2 = _(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
+    const i2 = T(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
     i2 && (z.pageDesign.listCodesMap[i2] = e3 || i2);
   }
-  z.pageDesign && z.configure && "table" == z.configure.name && (z.configure.uuid && (z.pageDesign.tableUuids || (z.pageDesign.tableUuids = []), setTimeout(() => {
-    var _a2, _b2, _c2, _d2;
-    ((_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.includes(z.configure.uuid)) || ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.push(z.configure.uuid)), A(z.configure.code);
-  }, 500), i(() => {
-    var _a2, _b2, _c2, _d2;
-    const e3 = (_b2 = (_a2 = z.pageDesign) == null ? void 0 : _a2.tableUuids) == null ? void 0 : _b2.indexOf(z.configure.uuid);
-    null != e3 && e3 > -1 && ((_d2 = (_c2 = z.pageDesign) == null ? void 0 : _c2.tableUuids) == null ? void 0 : _d2.shift(e3, 1));
-    const i2 = _(z.pageDesign.code, z.pageDesign.version, z.configure.uuid);
-    z.pageDesign.listCodesMap && z.pageDesign.listCodesMap[i2] && delete z.pageDesign.listCodesMap[i2], z.pageDesign.subTableWatchProps && delete z.pageDesign.subTableWatchProps[z.configure.uuid];
-  })), n(() => z.configure.code, (e3) => {
-    A(e3);
-  })), z.configure.events && z.pageDesign && (n(z.configure.events, (e3) => {
+  z.configure.events && z.pageDesign && (n(z.configure.events, (e3) => {
     k(z.configure, z.pageDesign);
     const i2 = z.configure.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
     z.configure.runtime || (z.configure.runtime = {}), z.configure.runtime.events = i2;
@@ -49,7 +57,7 @@ const T = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", pr
       e4.name && e4.value && (i2[e4.name] = e4.value);
     }), z.configure.runtime || (z.configure.runtime = {}), z.configure.runtime.customParams = i2;
   }, { immediate: true }), ((_d = (_c = z.configure.props) == null ? void 0 : _c.dataOrigin) == null ? void 0 : _d.serviceInputs) && z.pageDesign && n(z.configure.props.dataOrigin.serviceInputs, (e3) => {
-    I(z.configure, e3);
+    B(z.configure, e3);
   }, { immediate: true }), z.configure.componentIndex = z.indexObj.index;
   let E = z.indexObj.index;
   const N = R2, F = o({});
@@ -124,7 +132,7 @@ const T = { class: "amb-widget-item-tool" }, R = e({ __name: "object-design", pr
     z.configure.props && z.configure.props.isInit && (delete z.configure.props.isInit, N("onSelectWidget", E, z.configure));
   }), (e3, i2) => {
     const n2 = t("el-icon");
-    return u(), g("div", { style: a([{ position: "relative" }, X.value]), class: p(L.value), ref_key: "thisRef", ref: G }, [(u(), c(f(F.value), { style: a([K.value, Q.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: d(Z, ["stop"]), onHandleSelect: Z, class: p([[Y.value], "amb-design-item"]), onOnSelectWidget: $, onOnCustomAttrWidget: ee }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class"])), l(m("span", T, [l(D(n2, { onClick: d(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, J.value]]), D(n2, { onClick: d(ne, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, Y.value && e3.showSelectedClass]])], 6);
+    return u(), g("div", { style: a([{ position: "relative" }, X.value]), class: p(L.value), ref_key: "thisRef", ref: G }, [(u(), c(f(F.value), { style: a([K.value, Q.value]), configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, errorBlank: e3.errorBlank, selectWidget: e3.selectWidget, onClick: d(Z, ["stop"]), onHandleSelect: Z, class: p([[Y.value], "amb-design-item"]), onOnSelectWidget: $, onOnCustomAttrWidget: ee }, null, 40, ["style", "configure", "pageDesign", "indexObj", "errorBlank", "selectWidget", "class"])), l(m("span", I, [l(D(n2, { onClick: d(ie, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(x))]), _: 1 }, 512), [[h, J.value]]), D(n2, { onClick: d(ne, ["stop"]), style: { "margin-left": "6px" } }, { default: v(() => [D(b(y))]), _: 1 })], 512), [[h, Y.value && e3.showSelectedClass]])], 6);
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/page/page-attr-permissions.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as e, ref as o, resolveComponent as l, createBlock as i, openBlock as t, withCtx as n, createElementVNode as r, createVNode as s, unref as u, createElementBlock as a, toDisplayString as p, Fragment as m, renderList as c, createCommentVNode as d } from "vue";
-import { Top as f, Bottom as g, Plus as w, Delete as y } from "@element-plus/icons-vue";
-import { getUuidv4 as b } from "../../../utils/common-util.js";
-import { getFunctionTypes as C } from "../../../utils/page-permission-util.js";
-import { FuncType as _ } from "super-page-runtime";
-import x from "../common/page-permission-select.vue.js";
-const k = { style: { padding: "8px 0px 0px 0px" } }, P = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, h = ["title"], v = { key: 1 }, V = e({ __name: "page-attr-permissions", props: { configure: {} }, setup(e2, { expose: V2 }) {
-  const U = e2, T = C();
+import { defineComponent as e, ref as o, onUnmounted as l, resolveComponent as i, createBlock as t, openBlock as n, withCtx as r, createElementVNode as s, createVNode as u, unref as a, createElementBlock as p, toDisplayString as m, Fragment as c, renderList as d, createCommentVNode as f } from "vue";
+import { Top as g, Bottom as w, Plus as y, Delete as b } from "@element-plus/icons-vue";
+import { getUuidv4 as C } from "../../../utils/common-util.js";
+import { getFunctionTypes as _ } from "../../../utils/page-permission-util.js";
+import { FuncType as x } from "super-page-runtime";
+import k from "../common/page-permission-select.vue.js";
+const P = { style: { padding: "8px 0px 0px 0px" } }, h = { style: { "text-align": "center", margin: "0px -8px", "padding-top": "4px", "padding-left": "2px" } }, v = ["title"], V = { key: 1 }, T = e({ __name: "page-attr-permissions", props: { configure: {} }, setup(e2, { expose: T2 }) {
+  const U = e2, j = _();
   U.configure.pagePermissions || (U.configure.pagePermissions = []);
-  const j = o([]);
-  function z(e3) {
+  const z = o([]);
+  function D(e3) {
     let o2 = -1;
     const l2 = U.configure.pagePermissions.length;
     for (let i2 = 0; i2 < l2; i2++) if (U.configure.pagePermissions[i2].uuid == e3.uuid) {
@@ -17,40 +17,44 @@ const k = { style: { padding: "8px 0px 0px 0px" } }, P = { style: { "text-align"
     }
     return o2;
   }
-  function D(e3) {
+  function O(e3) {
     let o2 = -1;
-    e3 && (o2 = z(e3));
-    const l2 = { source: "custom", simpleCode: "", type: "", name: "", funcType: _.AUTHORIZED, uuid: b() };
+    e3 && (o2 = D(e3));
+    const l2 = { source: "custom", simpleCode: "", type: "", name: "", funcType: x.AUTHORIZED, uuid: C() };
     U.configure.pagePermissions.splice(o2 + 1, 0, l2);
   }
-  return V2({ updateSourceFields: function(e3) {
-    j.value = e3 || [];
+  let A;
+  return l(() => {
+    A && clearTimeout(A);
+  }), T2({ updateSourceFields: function(e3) {
+    z.value = e3 || [];
   } }), (e3, o2) => {
-    const b2 = l("el-icon"), C2 = l("el-table-column"), _2 = l("el-input"), V3 = l("el-option"), j2 = l("el-select"), O = l("el-table"), A = l("el-collapse-item");
-    return t(), i(A, { title: "页面资源", name: "pagePermissions", class: "amb-design-attr-group-header" }, { default: n(() => [r("div", k, [s(O, { data: e3.configure.pagePermissions }, { default: n(() => [s(C2, { label: "", width: "32" }, { default: n((e4) => [r("div", P, [s(b2, { size: "14", style: { cursor: "pointer" }, onClick: (o3) => function(e5) {
-      let o4 = z(e5);
+    const l2 = i("el-icon"), C2 = i("el-table-column"), _2 = i("el-input"), x2 = i("el-option"), T3 = i("el-select"), z2 = i("el-table"), E = i("el-collapse-item");
+    return n(), t(E, { title: "页面资源", name: "pagePermissions", class: "amb-design-attr-group-header" }, { default: r(() => [s("div", P, [u(z2, { data: e3.configure.pagePermissions }, { default: r(() => [u(C2, { label: "", width: "32" }, { default: r((e4) => [s("div", h, [u(l2, { size: "14", style: { cursor: "pointer" }, onClick: (o3) => function(e5) {
+      let o4 = D(e5);
       if (o4 < 1) return;
-      const l2 = U.configure.pagePermissions;
-      [l2[o4 - 1], l2[o4]] = [l2[o4], l2[o4 - 1]];
-    }(e4.row) }, { default: n(() => [s(u(f))]), _: 2 }, 1032, ["onClick"]), s(b2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (o3) => function(e5) {
-      let o4 = z(e5);
-      const l2 = U.configure.pagePermissions;
-      -1 != o4 && l2.length != o4 + 1 && ([l2[o4], l2[o4 + 1]] = [l2[o4 + 1], l2[o4]]);
-    }(e4.row) }, { default: n(() => [s(u(g))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), s(C2, { prop: "simpleCode", label: "简码", width: "65" }, { default: n((o3) => ["auto" == o3.row.source ? (t(), a("span", { key: 0, title: o3.row.simpleCode }, p(o3.row.simpleCode), 9, h)) : (t(), a("span", v, [s(x, { pageDesign: e3.configure, rowObj: o3.row, "onUpdate:modelValue": (e4, l2, i2) => function(e5, o4, l3, i3) {
+      const l3 = U.configure.pagePermissions;
+      [l3[o4 - 1], l3[o4]] = [l3[o4], l3[o4 - 1]];
+    }(e4.row) }, { default: r(() => [u(a(g))]), _: 2 }, 1032, ["onClick"]), u(l2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (o3) => function(e5) {
+      let o4 = D(e5);
+      const l3 = U.configure.pagePermissions;
+      -1 != o4 && l3.length != o4 + 1 && ([l3[o4], l3[o4 + 1]] = [l3[o4 + 1], l3[o4]]);
+    }(e4.row) }, { default: r(() => [u(a(w))]), _: 2 }, 1032, ["onClick"])])]), _: 1 }), u(C2, { prop: "simpleCode", label: "简码", width: "65" }, { default: r((o3) => ["auto" == o3.row.source ? (n(), p("span", { key: 0, title: o3.row.simpleCode }, m(o3.row.simpleCode), 9, v)) : (n(), p("span", V, [u(k, { pageDesign: e3.configure, rowObj: o3.row, "onUpdate:modelValue": (e4, l3, i2) => function(e5, o4, l4, i3) {
       if (i3) {
         if (o4) {
-          for (let l4 of U.configure.pagePermissions) if (l4.simpleCode == o4 && l4.type == e5 && l4.uuid != i3.uuid) return void alert("已经存在相同的权限!");
+          for (let l5 of U.configure.pagePermissions) if (l5.simpleCode == o4 && l5.type == e5 && l5.uuid != i3.uuid) return void alert("已经存在相同的权限!");
         }
-        i3.type = e5, i3.simpleCode = o4, o4 && !l3 || (i3.name = l3);
+        i3.type = e5, i3.simpleCode = o4, o4 && !l4 || (i3.name = l4);
       }
-    }(e4, l2, i2, o3.row) }, null, 8, ["pageDesign", "rowObj", "onUpdate:modelValue"])]))]), _: 1 }), s(C2, { prop: "name", label: "名称", width: "70" }, { default: n((e4) => [s(_2, { modelValue: e4.row.name, "onUpdate:modelValue": (o3) => e4.row.name = o3, title: e4.row.name }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), s(C2, { prop: "funcType", label: "类型", width: "60" }, { default: n((e4) => [s(j2, { modelValue: e4.row.funcType, "onUpdate:modelValue": (o3) => e4.row.funcType = o3 }, { default: n(() => [(t(true), a(m, null, c(u(T), (e5) => (t(), i(V3, { value: e5.value, label: e5.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), s(C2, { label: "操作", width: "60" }, { default: n((e4) => [s(b2, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (o3) => D(e4.row) }, { default: n(() => [s(u(w))]), _: 2 }, 1032, ["onClick"]), "auto" != e4.row.source ? (t(), i(b2, { key: 0, size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (o3) => function(e5) {
-      let o4 = z(e5);
-      o4 > -1 && (U.configure.pagePermissions.splice(o4, 1), 0 == U.configure.pagePermissions.length && setTimeout(function() {
-        D(null);
-      }, 10));
-    }(e4.row) }, { default: n(() => [s(u(y))]), _: 2 }, 1032, ["onClick"])) : d("", true)]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
+    }(e4, l3, i2, o3.row) }, null, 8, ["pageDesign", "rowObj", "onUpdate:modelValue"])]))]), _: 1 }), u(C2, { prop: "name", label: "名称", width: "70" }, { default: r((e4) => [u(_2, { modelValue: e4.row.name, "onUpdate:modelValue": (o3) => e4.row.name = o3, title: e4.row.name }, null, 8, ["modelValue", "onUpdate:modelValue", "title"])]), _: 1 }), u(C2, { prop: "funcType", label: "类型", width: "60" }, { default: r((e4) => [u(T3, { modelValue: e4.row.funcType, "onUpdate:modelValue": (o3) => e4.row.funcType = o3 }, { default: r(() => [(n(true), p(c, null, d(a(j), (e5) => (n(), t(x2, { value: e5.value, label: e5.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), u(C2, { label: "操作", width: "60" }, { default: r((e4) => [u(l2, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (o3) => O(e4.row) }, { default: r(() => [u(a(y))]), _: 2 }, 1032, ["onClick"]), "auto" != e4.row.source ? (n(), t(l2, { key: 0, size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (o3) => function(e5) {
+      A && clearTimeout(A);
+      let o4 = D(e5);
+      o4 > -1 && (U.configure.pagePermissions.splice(o4, 1), 0 == U.configure.pagePermissions.length && (A = setTimeout(function() {
+        O(null);
+      }, 10)));
+    }(e4.row) }, { default: r(() => [u(a(b))]), _: 2 }, 1032, ["onClick"])) : f("", true)]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
   };
 } });
 export {
-  V as default
+  T as default
 };

package/dist/es/components/design/views/design/page-event/{config.vue.js → config.vue2.js}

@@ -1,7 +1,7 @@
 import o from "./config.vue3.js";
-/* empty css            */
+/* empty css           */
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const r = e(o, [["__scopeId", "data-v-52b49f1c"]]);
+const r = e(o, [["__scopeId", "data-v-8dba0ddd"]]);
 export {
   r as default
 };

package/dist/es/components/design/views/design/page-event/config.vue3.js

@@ -1,22 +1,25 @@
-import { defineComponent as e, ref as t, onMounted as o, resolveComponent as n, createElementBlock as l, openBlock as a, createElementVNode as i, createVNode as r, createTextVNode as s, withCtx as u, unref as c, normalizeStyle as f } from "vue";
-import { useLocalStorage as p } from "@vueuse/core";
-import { Search as d, MagicStick as m } from "@element-plus/icons-vue";
-import { EditorView as g, basicSetup as v } from "codemirror";
-import { javascriptLanguage as w, javascript as y } from "@codemirror/lang-javascript";
-import { EditorState as b } from "@codemirror/state";
+import { defineComponent as e, ref as t, onMounted as o, onUnmounted as n, resolveComponent as l, createElementBlock as a, openBlock as i, createElementVNode as r, createVNode as u, createTextVNode as s, withCtx as c, unref as f, normalizeStyle as p } from "vue";
+import { useLocalStorage as d } from "@vueuse/core";
+import { Search as m, MagicStick as g } from "@element-plus/icons-vue";
+import { EditorView as v, basicSetup as w } from "codemirror";
+import { javascriptLanguage as y, javascript as b } from "@codemirror/lang-javascript";
+import { EditorState as h } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
-import { openSearchPanel as h } from "@codemirror/search";
-import _ from "js-beautify";
-const x = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { style: { color: "#909399", "font-size": "14px" } }, $ = { key: 0 }, P = { key: 1 }, U = { class: "editorTool" }, k = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: k2, emit: F }) {
-  const S = e2;
+import { openSearchPanel as _ } from "@codemirror/search";
+import x from "js-beautify";
+const C = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, $ = { style: { color: "#909399", "font-size": "14px" } }, P = { key: 0 }, U = { key: 1 }, k = { class: "editorTool" }, F = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: F2, emit: S }) {
+  const j = e2;
   t(false);
-  const j = t({ theme: "default", fontSize: 14, searchOpen: false }), z = t(null), V = t(null), E = t(null), D = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
+  const z = t({ theme: "default", fontSize: 14, searchOpen: false }), V = t(null), E = t(null), D = t(null), O = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
+  let T;
   o(() => {
-    let e3 = p("editorStyle", "").value;
-    e3 && (e3 = JSON.parse(e3), j.value.theme = e3.theme || "default", j.value.fontSize = e3.fontSize || 14), T();
+    let e3 = d("editorStyle", "").value;
+    e3 && (e3 = JSON.parse(e3), z.value.theme = e3.theme || "default", z.value.fontSize = e3.fontSize || 14), R();
+  }), n(() => {
+    T && clearTimeout(T);
   });
-  const O = w.data.of({ autocomplete: function(e3) {
+  const B = y.data.of({ autocomplete: function(e3) {
     let t2 = e3.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
     if (t2) {
       if ("window." === (t2 == null ? void 0 : t2.text)) return { from: t2.from, options: [{ label: "window.$PageUtil", type: "property", info: "页面工具方法" }, { label: "window.$message", type: "property", info: "提示信息" }, { label: "window.$http()", type: "property", info: "接口调用" }] };
@@ -26,44 +29,44 @@ const x = { style: { padding: "8px 16px", margin: "10px 0px", "background-color"
     }
     return null;
   } });
-  function B() {
-    p("editorStyle", j.value).value = j.value, z.value && (z.value && z.value.destroy(), T());
-  }
   function L() {
-    const e3 = g.theme({}), t2 = g.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: j.value.fontSize + "px" } });
-    return b.create({ doc: S.eventForm.jsContent, extensions: [b.tabSize.of(16), v, y(), O, e3, t2, g.updateListener.of(function(e4) {
-      S.eventForm.jsContent = e4.state.doc.toString();
+    d("editorStyle", z.value).value = z.value, V.value && (V.value && V.value.destroy(), R());
+  }
+  function H() {
+    const e3 = v.theme({}), t2 = v.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: z.value.fontSize + "px" } });
+    return h.create({ doc: j.eventForm.jsContent, extensions: [h.tabSize.of(16), w, b(), B, e3, t2, v.updateListener.of(function(e4) {
+      j.eventForm.jsContent = e4.state.doc.toString();
     })] });
   }
-  function T() {
-    const e3 = L();
-    z.value = new g({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
+  function R() {
+    const e3 = H();
+    V.value = new v({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
   }
-  function H() {
-    if (z.value) {
-      z.value.focus(), h(z.value) && z.value.update([]);
+  function q() {
+    if (V.value) {
+      V.value.focus(), _(V.value) && V.value.update([]);
     }
   }
-  function R() {
-    if (z.value) {
-      const e3 = _.js(S.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
-      z.value.dispatch({ changes: { from: 0, to: S.eventForm.jsContent.length, insert: e3 } });
+  function G() {
+    if (V.value) {
+      const e3 = x.js(j.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
+      V.value.dispatch({ changes: { from: 0, to: j.eventForm.jsContent.length, insert: e3 } });
     }
   }
-  return k2({ resize: function() {
-    V.value && setTimeout(() => {
-      const e3 = V.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
-      z.value && z.value.dom && (z.value.dom.style.height = t2);
-    }, 10);
+  return F2({ resize: function() {
+    T && clearTimeout(T), E.value && (T = setTimeout(() => {
+      const e3 = E.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
+      V.value && V.value.dom && (V.value.dom.style.height = t2);
+    }, 10));
   }, updateJsContent: function(e3) {
     var _a;
-    const t2 = S.eventForm.jsContent ? S.eventForm.jsContent : "";
-    e3 && S.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(S.eventForm, e3), (_a = z.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: S.eventForm.jsContent } }));
+    const t2 = j.eventForm.jsContent ? j.eventForm.jsContent : "";
+    e3 && j.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(j.eventForm, e3), (_a = V.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: j.eventForm.jsContent } }));
   } }), (t2, o2) => {
-    const p2 = n("el-input"), g2 = n("el-option"), v2 = n("el-select"), w2 = n("el-tooltip"), y2 = n("el-icon");
-    return a(), l("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: E }, [i("div", x, [i("span", C, [o2[6] || (o2[6] = s(" function ")), "customFunc" === e2.eventForm.name ? (a(), l("span", $, [o2[3] || (o2[3] = s(" ( ")), o2[4] || (o2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), r(p2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": o2[0] || (o2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), o2[5] || (o2[5] = s(" ) "))])) : (a(), l("span", P, " ( params ) ")), o2[7] || (o2[7] = s("{ "))]), i("span", U, [r(w2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: u(() => [r(v2, { class: "editorOption", onChange: B, modelValue: j.value.theme, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => j.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: u(() => [r(g2, { label: "默认", value: "default" }), r(g2, { label: "VScodeDark", value: "vscodeDark" }), r(g2, { label: "Dracula", value: "dracula" }), r(g2, { label: "GithubLight", value: "githubLight" }), r(g2, { label: "GithubDark", value: "githubDark" }), r(g2, { label: "Eclipse", value: "eclipse" }), r(g2, { label: "XcodeLight", value: "xcodeLight" }), r(g2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), r(w2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: u(() => [r(v2, { class: "editorOption", modelValue: j.value.fontSize, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => j.value.fontSize = e3), placeholder: "", onChange: B, size: "small", style: { width: "80px" } }, { default: u(() => [r(g2, { label: "12", value: 12 }), r(g2, { label: "14", value: 14 }), r(g2, { label: "16", value: 16 }), r(g2, { label: "18", value: 18 }), r(g2, { label: "20", value: 20 }), r(g2, { label: "22", value: 22 }), r(g2, { label: "24", value: 24 }), r(g2, { label: "26", value: 26 }), r(g2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), r(w2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: u(() => [r(y2, { class: "editorOption", onClick: H }, { default: u(() => [r(c(d))]), _: 1 })]), _: 1 }), r(w2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: u(() => [r(y2, { class: "editorOption", onClick: R }, { default: u(() => [r(c(m))]), _: 1 })]), _: 1 })]), i("div", { style: f(D.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: V }, null, 4), o2[8] || (o2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
+    const n2 = l("el-input"), d2 = l("el-option"), v2 = l("el-select"), w2 = l("el-tooltip"), y2 = l("el-icon");
+    return i(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: D }, [r("div", C, [r("span", $, [o2[6] || (o2[6] = s(" function ")), "customFunc" === e2.eventForm.name ? (i(), a("span", P, [o2[3] || (o2[3] = s(" ( ")), o2[4] || (o2[4] = r("span", { class: "is_req" }, [r("span", { class: "cell--span required__label" })], -1)), u(n2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": o2[0] || (o2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), o2[5] || (o2[5] = s(" ) "))])) : (i(), a("span", U, " ( params ) ")), o2[7] || (o2[7] = s("{ "))]), r("span", k, [u(w2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [u(v2, { class: "editorOption", onChange: L, modelValue: z.value.theme, "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => z.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [u(d2, { label: "默认", value: "default" }), u(d2, { label: "VScodeDark", value: "vscodeDark" }), u(d2, { label: "Dracula", value: "dracula" }), u(d2, { label: "GithubLight", value: "githubLight" }), u(d2, { label: "GithubDark", value: "githubDark" }), u(d2, { label: "Eclipse", value: "eclipse" }), u(d2, { label: "XcodeLight", value: "xcodeLight" }), u(d2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [u(v2, { class: "editorOption", modelValue: z.value.fontSize, "onUpdate:modelValue": o2[2] || (o2[2] = (e3) => z.value.fontSize = e3), placeholder: "", onChange: L, size: "small", style: { width: "80px" } }, { default: c(() => [u(d2, { label: "12", value: 12 }), u(d2, { label: "14", value: 14 }), u(d2, { label: "16", value: 16 }), u(d2, { label: "18", value: 18 }), u(d2, { label: "20", value: 20 }), u(d2, { label: "22", value: 22 }), u(d2, { label: "24", value: 24 }), u(d2, { label: "26", value: 26 }), u(d2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), u(w2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: q }, { default: c(() => [u(f(m))]), _: 1 })]), _: 1 }), u(w2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [u(y2, { class: "editorOption", onClick: G }, { default: c(() => [u(f(g))]), _: 1 })]), _: 1 })]), r("div", { style: p(O.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: E }, null, 4), o2[8] || (o2[8] = r("span", { style: { color: "gray" } }, " }", -1))], 512);
   };
 } });
 export {
-  k as default
+  F as default
 };

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

@@ -1,17 +1,17 @@
-import { defineComponent as e, ref as l, computed as t, onMounted as a, resolveComponent as n, createElementBlock as o, openBlock as i, normalizeStyle as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, toDisplayString as c, withDirectives as v, withModifiers as f, createTextVNode as g, vShow as h } from "vue";
-import { Search as b } from "@element-plus/icons-vue";
-import { ElMessageBox as w } from "element-plus";
-import { getDesignConfByName as x } from "../../../utils/assemblys-config.js";
-import y from "../view/assemblys-container-explore.vue.js";
-import { deepCopy as C } from "../../../utils/common-util.js";
-import _ from "../../../utils/eventBus.js";
-import { usePageContextStore as k } from "../../../../../stores/page-store.js";
-const E = { style: { "padding-top": "10px" } }, V = ["title"], j = ["title"], L = { key: 0 }, U = { key: 1 }, $ = ["title"], z = ["title"], S = ["title"], T = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: T2, emit: B }) {
-  const I = k(), N = l(null), W = l(), F = l(false);
-  let H = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), O = l(null), P = l("");
+import { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, normalizeStyle as u, createElementVNode as r, createVNode as m, withCtx as p, unref as d, isRef as c, toDisplayString as v, withDirectives as f, withModifiers as g, createTextVNode as h, vShow as b } from "vue";
+import { Search as w } from "@element-plus/icons-vue";
+import { ElMessageBox as x } from "element-plus";
+import { getDesignConfByName as y } from "../../../utils/assemblys-config.js";
+import C from "../view/assemblys-container-explore.vue.js";
+import { deepCopy as _ } from "../../../utils/common-util.js";
+import k from "../../../utils/eventBus.js";
+import { usePageContextStore as E } from "../../../../../stores/page-store.js";
+const V = { style: { "padding-top": "10px" } }, j = ["title"], $ = ["title"], L = { key: 0 }, T = { key: 1 }, U = ["title"], z = ["title"], S = ["title"], B = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: B2, emit: I }) {
+  const N = E(), P = l(null), W = l(), D = l(false);
+  let F = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), H = l(null), O = l("");
   const R = t(() => {
     let e3 = "";
-    const l2 = O.value;
+    const l2 = H.value;
     if ("page" === (l2 && "page" != l2.name ? l2.name : "page")) e3 = "页面";
     else if (e3 = l2 && l2.label ? l2.label : "", l2 && l2.props && l2.props.base) {
       const t2 = l2.props.base.title;
@@ -19,26 +19,26 @@ const E = { style: { "padding-top": "10px" } }, V = ["title"], j = ["title"], L
     }
     return e3;
   });
-  let D = t(() => N.value && N.value.customEvents ? N.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
-  const M = t(() => {
-    let e3 = O.value ? O.value.name : null;
+  let M = t(() => P.value && P.value.customEvents ? P.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
+  const q = t(() => {
+    let e3 = H.value ? H.value.name : null;
     e3 = e3 || "page";
-    const l2 = O.value ? O.value.uuid : null;
+    const l2 = H.value ? H.value.uuid : null;
     let t2 = [];
     const a2 = [];
-    if (N.value && N.value.customEvents) for (let n3 of N.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
+    if (P.value && P.value.customEvents) for (let n3 of P.value.customEvents) "customFunc" != n3.name && ("page" !== e3 && n3.uuid !== l2 || (t2.push(n3), a2.includes(n3.name) || a2.push(n3.name)));
     let n2 = null;
-    if (n2 = "page" == e3 ? N.value ? N.value.events : null : O.value ? O.value.events : null, n2) {
+    if (n2 = "page" == e3 ? P.value ? P.value.events : null : H.value ? H.value.events : null, n2) {
       for (let l4 of n2) {
-        l4.componentUuid || (l4.componentUuid = O.value && O.value.uuid ? O.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : O.value ? O.value.label : "");
+        l4.componentUuid || (l4.componentUuid = H.value && H.value.uuid ? H.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : H.value ? H.value.label : "");
         let n3 = "";
-        O.value && O.value.props && O.value.props.base && (n3 = O.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
+        H.value && H.value.props && H.value.props.base && (n3 = H.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
       }
-      let l3 = x(e3);
+      let l3 = y(e3);
       const o2 = [];
       if (l3 && l3.events && l3.events.length > 0) {
         for (let e4 of l3.events) if (o2.push(e4.name), !a2.includes(e4.name)) {
-          const l4 = C(e4);
+          const l4 = _(e4);
           t2.push(l4), n2.push(l4), a2.push(e4.name);
         }
         if ("page" !== e3) {
@@ -49,43 +49,46 @@ const E = { style: { "padding-top": "10px" } }, V = ["title"], j = ["title"], L
         }
       } else t2 = [];
     }
-    if (P.value) {
+    if (O.value) {
       const e4 = [];
-      for (let l3 of t2) (l3.name && l3.name.includes(P.value) || l3.label && l3.label.includes(P.value)) && e4.push(l3);
+      for (let l3 of t2) (l3.name && l3.name.includes(O.value) || l3.label && l3.label.includes(O.value)) && e4.push(l3);
       return e4;
     }
     return t2;
-  }), q = l([]), A = l(), G = t(() => ({ height: A.value + "px" }));
-  function J(e3) {
-    N.value = e3, q.value = e3 && e3.items ? e3.items : [], Y(null, null);
-  }
+  }), A = l([]), G = l(), J = t(() => ({ height: G.value + "px" }));
   function K(e3) {
-    w.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
-      _.$emit("clearEvent", e3);
-    });
+    P.value = e3, A.value = e3 && e3.items ? e3.items : [], ee(null, null);
   }
   function Q(e3) {
-    _.$emit("editEvent", e3);
+    x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+      k.$emit("clearEvent", e3);
+    });
   }
   function X(e3) {
-    _.$emit("editEvent", e3);
+    k.$emit("editEvent", e3);
+  }
+  function Y(e3) {
+    k.$emit("editEvent", e3);
   }
-  function Y(e3, l2) {
-    O.value = l2, F.value = false;
+  let Z;
+  function ee(e3, l2) {
+    H.value = l2, D.value = false;
   }
   return a(() => {
-    J(I.pageContext), A.value = window.innerHeight, W.value = window.innerHeight - 220;
-  }), _.$on("changePageDesign", () => {
-    J(I.pageContext);
-  }), _.$on("editComponentEvent", (e3) => {
-    O.value = e3.configureObj, setTimeout(function() {
-      _.$emit("editEvent", e3.event);
+    K(N.pageContext), G.value = window.innerHeight, W.value = window.innerHeight - 220;
+  }), k.$on("changePageDesign", () => {
+    K(N.pageContext);
+  }), k.$on("editComponentEvent", (e3) => {
+    Z && clearTimeout(Z), H.value = e3.configureObj, Z = setTimeout(function() {
+      k.$emit("editEvent", e3.event);
     }, 100);
-  }), T2({}), (e3, l2) => {
-    const t2 = n("el-button"), a2 = n("el-input"), w2 = n("el-popover"), x2 = n("el-table-column"), C2 = n("el-table"), _2 = n("el-collapse-item"), k2 = n("el-collapse");
-    return i(), o("div", { class: "amb-design-assembly-content", ref: "ambPageEventList", style: s(G.value) }, [u("div", null, [u("div", E, [r(w2, { placement: "right", width: 300, visible: F.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: R.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => R.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => F.value = !F.value) }, { append: m(() => [r(t2, { type: "info", icon: p(b), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => F.value = !F.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(y, { onSelectComponent: Y, treeMarginTop: "", headerSearchClass: "custom", designItems: q.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(k2, { modelValue: p(H), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(H) ? H.value = e4 : H = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", { style: s("max-height:" + W.value + "px") }, [r(a2, { modelValue: p(P), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(P) ? P.value = e4 : P = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(b) }, null, 8, ["modelValue", "suffix-icon"]), r(C2, { size: "small", data: M.value, style: { width: "100%" }, "max-height": W.value, "highlight-current-row": "", onRowClick: X }, { default: m(() => [r(x2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, c(e4.row.name), 9, V)]), _: 1 }), r(x2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, c(e4.row.label), 9, j)]), _: 1 }), r(x2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (i(), o("span", L, c(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (i(), o("span", U, c(p(O) ? p(O).label : "页面"), 1))]), _: 1 }), r(x2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, $)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [v(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: f((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[5] || (l2[5] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[h, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])], 4)]), _: 1 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(C2, { size: "small", data: p(D), "highlight-current-row": "", style: { width: "100%" }, "max-height": W.value, onRowClick: Q }, { default: m(() => [r(x2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, c(e4.row.eventName), 9, z)]), _: 1 }), r(x2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, c(e4.row.remark), 9, S)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "50", align: "center" }, { default: m((e4) => [r(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: f((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [g("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 4);
+  }), n(() => {
+    Z && clearTimeout(Z), k.$off("changePageDesign"), k.$off("editComponentEvent");
+  }), B2({}), (e3, l2) => {
+    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), x2 = o("el-table-column"), y2 = o("el-table"), _2 = o("el-collapse-item"), k2 = o("el-collapse");
+    return s(), i("div", { class: "amb-design-assembly-content", ref: "ambPageEventList", style: u(J.value) }, [r("div", null, [r("div", V, [m(n2, { placement: "right", width: 300, visible: D.value, trigger: "manual" }, { reference: p(() => [m(a2, { size: "small", modelValue: R.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => R.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => D.value = !D.value) }, { append: p(() => [m(t2, { type: "info", icon: d(w), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => D.value = !D.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: p(() => [m(C, { onSelectComponent: ee, treeMarginTop: "", headerSearchClass: "custom", designItems: A.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), r("div", null, [m(k2, { modelValue: d(F), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => c(F) ? F.value = e4 : F = e4), style: { "margin-top": "10px" } }, { default: p(() => [m(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: p(() => [r("div", { style: u("max-height:" + W.value + "px") }, [m(a2, { modelValue: d(O), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => c(O) ? O.value = e4 : O = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": d(w) }, null, 8, ["modelValue", "suffix-icon"]), m(y2, { size: "small", data: q.value, style: { width: "100%" }, "max-height": W.value, "highlight-current-row": "", onRowClick: Y }, { default: p(() => [m(x2, { label: "名称", width: "90" }, { default: p((e4) => [r("span", { title: e4.row.name }, v(e4.row.name), 9, j)]), _: 1 }), m(x2, { label: "别名", width: "60" }, { default: p((e4) => [r("span", { title: e4.row.label }, v(e4.row.label), 9, $)]), _: 1 }), m(x2, { label: "组件", width: "120", align: "left" }, { default: p((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", L, v(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", T, v(d(H) ? d(H).label : "页面"), 1))]), _: 1 }), m(x2, { label: "备注" }, { default: p((e4) => [r("span", { title: e4.row.remark }, v(e4.row.remark), 9, U)]), _: 1 }), m(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: p((e4) => [f(m(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: g((l3) => Q(e4.row), ["stop"]) }, { default: p(() => l2[5] || (l2[5] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"]), [[b, e4.row.isStandard && e4.row.eventName || !e4.row.isStandard && e4.row.jsContent]])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])], 4)]), _: 1 }), m(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: p(() => [m(y2, { size: "small", data: d(M), "highlight-current-row": "", style: { width: "100%" }, "max-height": W.value, onRowClick: X }, { default: p(() => [m(x2, { prop: "label", label: "方法名", width: "90" }, { default: p((e4) => [r("span", { title: e4.row.eventName }, v(e4.row.eventName), 9, z)]), _: 1 }), m(x2, { prop: "label", label: "描述" }, { default: p((e4) => [r("span", { title: e4.row.remark }, v(e4.row.remark), 9, S)]), _: 1 }), m(x2, { fixed: "right", label: "", width: "50", align: "center" }, { default: p((e4) => [m(t2, { disabled: e4.row.disable, link: "", type: "primary", size: "small", onClick: g((l3) => Q(e4.row), ["stop"]) }, { default: p(() => l2[6] || (l2[6] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 4);
   };
 } });
 export {
-  T as default
+  B as default
 };