super-page-designer 2.2.73 → 2.2.77-sit3

package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-attr-base.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as e, ref as l, resolveComponent as a, createBlock as u, openBlock as t, withCtx as o, createVNode as d, createElementVNode as s, createElementBlock as i, Fragment as n, renderList as m, unref as r, createTextVNode as p } from "vue";
-import { getFormComponentOptions as c } from "../../../../utils/assemblys-config.js";
+import { defineComponent as e, ref as l, resolveComponent as a, createBlock as o, openBlock as i, withCtx as t, createVNode as u, createElementVNode as n, createElementBlock as d, Fragment as s, renderList as p, unref as r, createTextVNode as c } from "vue";
+import { getFormComponentOptions as m } from "../../../../utils/assemblys-config.js";
 import f from "../../common/common-function-code.vue.js";
-import "@element-plus/icons-vue";
-const b = { style: { padding: "8px 0px 0px 0px" } }, g = { style: { padding: "8px 0px 0px 0px" } }, _ = e({ __name: "workflowbutton-attr-base", props: { configure: Object, default: () => ({ props: {} }) }, setup(e2) {
-  const _2 = e2, V = l([]);
+import { Close as b, Check as g } from "@element-plus/icons-vue";
+const v = { style: { padding: "8px 0px 0px 0px" } }, V = { style: { padding: "8px 0px 0px 0px" } }, _ = e({ __name: "workflowbutton-attr-base", props: { configure: Object, default: () => ({ props: {} }) }, setup(e2) {
+  const _2 = e2, x = l([]);
   return _2.configure.props.base.showActivityName || false === _2.configure.props.base.showActivityName || (_2.configure.props.base.showActivityName = true), (l2, _3) => {
-    const v = a("el-option"), x = a("el-select"), h = a("el-form-item"), y = a("el-input"), U = a("el-checkbox"), w = a("el-col"), k = a("el-row"), j = a("el-collapse-item"), z = a("el-radio"), A = a("el-radio-group"), N = a("el-collapse"), O = a("el-form");
-    return t(), u(O, { "label-width": "80px", size: "small" }, { default: o(() => [d(N, { modelValue: V.value, "onUpdate:modelValue": _3[6] || (_3[6] = (e3) => V.value = e3), style: { "margin-top": "6px" } }, { default: o(() => [d(j, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: o(() => [s("div", b, [d(h, { label: "组件类型", class: "amb-design-attr-item" }, { default: o(() => [d(x, { modelValue: e2.configure.name, "onUpdate:modelValue": _3[0] || (_3[0] = (l3) => e2.configure.name = l3), placeholder: "请选择" }, { default: o(() => [(t(true), i(n, null, m(r(c)(), (e3) => (t(), u(v, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(h, { label: "唯一编码", class: "amb-design-attr-item" }, { default: o(() => [d(y, { modelValue: e2.configure.uuid, "onUpdate:modelValue": _3[1] || (_3[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), d(h, { label: "绑定权限", class: "amb-design-attr-item" }, { default: o(() => [d(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), d(h, { label: "按钮", class: "amb-design-attr-item" }, { default: o(() => [d(k, null, { default: o(() => [(t(true), i(n, null, m(e2.configure.items, (e3, l3) => (t(), u(w, { key: e3, span: 12 }, { default: o(() => [d(U, { modelValue: e3.check, "onUpdate:modelValue": (l4) => e3.check = l4, label: e3.label, value: true, disabled: e3.disabled }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })])]), _: 1 }), d(j, { title: "外观", name: "appearance", class: "amb-design-attr-group-header" }, { default: o(() => [s("div", g, [d(h, { label: "文字按钮", class: "amb-design-attr-item" }, { default: o(() => [d(A, { modelValue: e2.configure.props.base.text, "onUpdate:modelValue": _3[2] || (_3[2] = (l3) => e2.configure.props.base.text = l3), class: "ml-4" }, { default: o(() => [d(z, { value: true }, { default: o(() => _3[7] || (_3[7] = [p("是")])), _: 1 }), d(z, { value: false }, { default: o(() => _3[8] || (_3[8] = [p("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(h, { label: "尺寸", class: "amb-design-attr-item" }, { default: o(() => [d(A, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": _3[3] || (_3[3] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: o(() => [d(z, { value: "large" }, { default: o(() => _3[9] || (_3[9] = [p("大")])), _: 1 }), d(z, { value: "default" }, { default: o(() => _3[10] || (_3[10] = [p("中")])), _: 1 }), d(z, { value: "small" }, { default: o(() => _3[11] || (_3[11] = [p("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(h, { label: "朴素按钮", class: "amb-design-attr-item" }, { default: o(() => [d(A, { modelValue: e2.configure.props.base.plain, "onUpdate:modelValue": _3[4] || (_3[4] = (l3) => e2.configure.props.base.plain = l3), class: "ml-4" }, { default: o(() => [d(z, { value: true }, { default: o(() => _3[12] || (_3[12] = [p("是")])), _: 1 }), d(z, { value: false }, { default: o(() => _3[13] || (_3[13] = [p("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), d(h, { label: "圆角按钮", class: "amb-design-attr-item" }, { default: o(() => [d(A, { modelValue: e2.configure.props.base.round, "onUpdate:modelValue": _3[5] || (_3[5] = (l3) => e2.configure.props.base.round = l3), class: "ml-4" }, { default: o(() => [d(z, { value: true }, { default: o(() => _3[14] || (_3[14] = [p("是")])), _: 1 }), d(z, { value: false }, { default: o(() => _3[15] || (_3[15] = [p("否")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 });
+    const h = a("el-option"), y = a("el-select"), U = a("el-form-item"), w = a("el-input"), k = a("el-checkbox"), j = a("el-col"), z = a("el-row"), A = a("el-collapse-item"), N = a("el-switch"), O = a("el-radio"), q = a("el-radio-group"), B = a("el-input-number"), C = a("el-collapse"), D = a("el-form");
+    return i(), o(D, { "label-width": "80px", size: "small" }, { default: t(() => [u(C, { modelValue: x.value, "onUpdate:modelValue": _3[7] || (_3[7] = (e3) => x.value = e3), style: { "margin-top": "6px" } }, { default: t(() => [u(A, { title: "基本", name: "base", class: "amb-design-attr-group-header" }, { default: t(() => [n("div", v, [u(U, { label: "组件类型", class: "amb-design-attr-item" }, { default: t(() => [u(y, { modelValue: e2.configure.name, "onUpdate:modelValue": _3[0] || (_3[0] = (l3) => e2.configure.name = l3), placeholder: "请选择" }, { default: t(() => [(i(true), d(s, null, p(r(m)(), (e3) => (i(), o(h, { key: e3.name, label: e3.label, value: e3.name }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(U, { label: "唯一编码", class: "amb-design-attr-item" }, { default: t(() => [u(w, { modelValue: e2.configure.uuid, "onUpdate:modelValue": _3[1] || (_3[1] = (l3) => e2.configure.uuid = l3), readonly: "", title: e2.configure.uuid }, null, 8, ["modelValue", "title"])]), _: 1 }), u(U, { label: "绑定权限", class: "amb-design-attr-item" }, { default: t(() => [u(f, { configure: e2.configure }, null, 8, ["configure"])]), _: 1 }), u(U, { label: "按钮", class: "amb-design-attr-item" }, { default: t(() => [u(z, null, { default: t(() => [(i(true), d(s, null, p(e2.configure.items, (e3, l3) => (i(), o(j, { key: e3, span: 12 }, { default: t(() => [u(k, { modelValue: e3.check, "onUpdate:modelValue": (l4) => e3.check = l4, label: e3.label, value: true, disabled: e3.disabled }, null, 8, ["modelValue", "onUpdate:modelValue", "label", "disabled"])]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })])]), _: 1 }), u(A, { title: "外观", name: "appearance", class: "amb-design-attr-group-header" }, { default: t(() => [n("div", V, [u(U, { label: "文字按钮", class: "amb-design-attr-item" }, { default: t(() => [u(N, { modelValue: e2.configure.props.base.text, "onUpdate:modelValue": _3[2] || (_3[2] = (l3) => e2.configure.props.base.text = l3), disabled: !!e2.configure.props.base.plain || !!e2.configure.props.base.plain, "inline-prompt": "", "active-icon": r(g), "inactive-icon": r(b) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), u(U, { label: "朴素按钮", class: "amb-design-attr-item" }, { default: t(() => [u(N, { modelValue: e2.configure.props.base.plain, "onUpdate:modelValue": _3[3] || (_3[3] = (l3) => e2.configure.props.base.plain = l3), disabled: !!e2.configure.props.base.text, "inline-prompt": "", "active-icon": r(g), "inactive-icon": r(b) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), u(U, { label: "圆角按钮", class: "amb-design-attr-item" }, { default: t(() => [u(N, { modelValue: e2.configure.props.base.round, "onUpdate:modelValue": _3[4] || (_3[4] = (l3) => e2.configure.props.base.round = l3), disabled: !!e2.configure.props.base.text, "inline-prompt": "", "active-icon": r(g), "inactive-icon": r(b) }, null, 8, ["modelValue", "disabled", "active-icon", "inactive-icon"])]), _: 1 }), u(U, { label: "尺寸", class: "amb-design-attr-item" }, { default: t(() => [u(q, { modelValue: e2.configure.props.base.size, "onUpdate:modelValue": _3[5] || (_3[5] = (l3) => e2.configure.props.base.size = l3), class: "ml-4" }, { default: t(() => [u(O, { value: "large" }, { default: t(() => _3[8] || (_3[8] = [c("大")])), _: 1 }), u(O, { value: "default" }, { default: t(() => _3[9] || (_3[9] = [c("中")])), _: 1 }), u(O, { value: "small" }, { default: t(() => _3[10] || (_3[10] = [c("小")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), u(U, { label: "内容间距" }, { default: t(() => [u(B, { modelValue: e2.configure.props.gap, "onUpdate:modelValue": _3[6] || (_3[6] = (l3) => e2.configure.props.gap = l3), min: 0, max: 100 }, null, 8, ["modelValue"])]), _: 1 })])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 });
   };
 } });
 export {

package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue.js

@@ -1,4 +1,7 @@
 import o from "./workflowbutton-design.vue2.js";
+/* empty css                           */
+import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const e = t(o, [["__scopeId", "data-v-ba02a8bf"]]);
 export {
-  o as default
+  e as default
 };

package/dist/es/components/design/views/assemblys/workflow/workflow-button/workflowbutton-design.vue2.js

@@ -1,26 +1,30 @@
-import { defineComponent as e, ref as i, watch as s, createElementBlock as o, openBlock as t, normalizeClass as n, normalizeStyle as r, Fragment as c, renderList as g, withDirectives as u, createBlock as l, vShow as p } from "vue";
-import a from "../../object-design.vue.js";
-import { caculateDetailComponentStyle as f } from "../../../../utils/form-design-util.js";
-const d = e({ __name: "workflowbutton-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget"], setup(e2, { emit: d2 }) {
-  const m = e2;
-  m.configure.items || (m.configure.items = []);
-  const b = d2, j = i({}), v = i("");
-  function x(e3, i2) {
-    b("onSelectWidget", e3, i2);
+import { defineComponent as e, ref as o, computed as i, watch as s, createElementBlock as t, openBlock as n, normalizeClass as r, normalizeStyle as u, Fragment as c, renderList as g, withDirectives as p, createBlock as l, vShow as a } from "vue";
+import f from "../../object-design.vue.js";
+import { caculateDetailComponentStyle as d } from "../../../../utils/form-design-util.js";
+const m = e({ __name: "workflowbutton-design", props: { pageDesign: {}, configure: {}, indexObj: {}, selectWidget: {} }, emits: ["onSelectWidget"], setup(e2, { emit: m2 }) {
+  const b = e2;
+  b.configure.items || (b.configure.items = []);
+  const v = m2, j = o({}), W = o(""), w = i(() => {
+    var _a;
+    const { gap: e3 } = ((_a = b.configure) == null ? void 0 : _a.props) ?? {};
+    return { ...e3 ? { gap: `${e3}px` } : {}, ...j.value ?? {} };
+  });
+  function x(e3, o2) {
+    v("onSelectWidget", e3, o2);
   }
-  return i({}), s(m.configure.style, () => {
-    f(m.configure, j, v), j.value["background-color"] = "#f5f6f8", m.configure.runtime.style = j.value, m.configure.runtime.class = v.value;
-  }, { immediate: true }), s(m.configure.props, () => {
+  return s(b.configure.style, () => {
+    d(b.configure, j, W), j.value["background-color"] = "#f5f6f8", b.configure.runtime.style = j.value, b.configure.runtime.class = W.value;
+  }, { immediate: true }), s(b.configure.props, () => {
     !function() {
-      let e3 = m.configure.props ? m.configure.props : {}, i2 = e3.base ? e3.base : {};
-      m.configure.items.forEach((e4) => {
+      let e3 = b.configure.props ? b.configure.props : {}, o2 = e3.base ? e3.base : {};
+      b.configure.items.forEach((e4) => {
         e4.props || (e4.props = {}), e4.props.base || (e4.props.base = {});
-        const s2 = e4.props.base;
-        Object.assign(s2, i2);
+        const i2 = e4.props.base;
+        Object.assign(i2, o2);
       });
     }();
-  }, { immediate: true }), (e3, i2) => (t(), o("div", { style: r([j.value, { display: "flex", "padding-right": "20px" }]), class: n([v.value, "el-button-group"]) }, [(t(true), o(c, null, g(e3.configure.items, (i3, s2) => u((t(), l(a, { key: i3, pageDesign: e3.pageDesign, configure: i3, showSelectedClass: false, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: x }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"])), [[p, i3.check]])), 128))], 6));
+  }, { immediate: true }), (e3, o2) => (n(), t("div", { style: u(j.value), class: r([w.value, "el-button-group amb-workflowbutton-design-view"]) }, [(n(true), t(c, null, g(e3.configure.items, (o3, i2) => p((n(), l(f, { key: o3, pageDesign: e3.pageDesign, configure: o3, showSelectedClass: false, selectWidget: e3.selectWidget, indexObj: e3.indexObj, onOnSelectWidget: x }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj"])), [[a, o3.check]])), 128))], 6));
 } });
 export {
-  d as default
+  m 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, 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 { defineComponent as e, ref as l, computed as t, onMounted as a, onUnmounted as n, resolveComponent as o, createElementBlock as i, openBlock as s, createElementVNode as u, createVNode as r, withCtx as m, unref as p, isRef as d, normalizeStyle 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 { getDesignConfByName as C } from "../../../utils/assemblys-config.js";
+import y 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(() => {
+const V = { class: "amb-design-assembly-content", ref: "ambPageEventList" }, j = { style: { "padding-top": "10px" } }, $ = ["title"], L = ["title"], T = { key: 0 }, U = { key: 1 }, z = ["title"], S = ["title"], B = ["title"], I = e({ __name: "page-event-container", props: { configure: {}, configureObj: {}, editEvent: {} }, emits: ["add-event", "change-event"], setup(e2, { expose: I2, emit: N }) {
+  const P = E(), W = l(null), D = l(), F = l(false);
+  let O = l(["searchCollapse", "addCollapse", "unUseEventCollapse"]), R = l(null), H = l("");
+  const M = t(() => {
     let e3 = "";
-    const l2 = H.value;
+    const l2 = R.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,22 +19,22 @@ const V = { style: { "padding-top": "10px" } }, j = ["title"], $ = ["title"], L
     }
     return e3;
   });
-  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;
+  let q = t(() => W.value && W.value.customEvents ? W.value.customEvents.filter((e3) => "customFunc" == e3.name) : []);
+  const A = t(() => {
+    let e3 = R.value ? R.value.name : null;
     e3 = e3 || "page";
-    const l2 = H.value ? H.value.uuid : null;
+    const l2 = R.value ? R.value.uuid : null;
     let t2 = [];
     const a2 = [];
-    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)));
+    if (W.value && W.value.customEvents) for (let n3 of W.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 ? P.value ? P.value.events : null : H.value ? H.value.events : null, n2) {
+    if (n2 = "page" == e3 ? W.value ? W.value.events : null : R.value ? R.value.events : null, n2) {
       for (let l4 of n2) {
-        l4.componentUuid || (l4.componentUuid = H.value && H.value.uuid ? H.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : H.value ? H.value.label : "");
+        l4.componentUuid || (l4.componentUuid = R.value && R.value.uuid ? R.value.uuid : "page"), l4.componentLabel || (l4.componentLabel = "page" == e3 ? "页面" : R.value ? R.value.label : "");
         let n3 = "";
-        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));
+        R.value && R.value.props && R.value.props.base && (n3 = R.value.props.base.title), l4.title = n3, a2.includes(l4.name) || (t2.push(l4), a2.push(l4.name));
       }
-      let l3 = y(e3);
+      let l3 = C(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)) {
@@ -49,46 +49,46 @@ const V = { style: { "padding-top": "10px" } }, j = ["title"], $ = ["title"], L
         }
       } else t2 = [];
     }
-    if (O.value) {
+    if (H.value) {
       const e4 = [];
-      for (let l3 of t2) (l3.name && l3.name.includes(O.value) || l3.label && l3.label.includes(O.value)) && e4.push(l3);
+      for (let l3 of t2) (l3.name && l3.name.includes(H.value) || l3.label && l3.label.includes(H.value)) && e4.push(l3);
       return e4;
     }
     return t2;
-  }), A = l([]), G = l(), J = t(() => ({ height: G.value + "px" }));
-  function K(e3) {
-    P.value = e3, A.value = e3 && e3.items ? e3.items : [], ee(null, null);
+  }), G = l([]);
+  function J(e3) {
+    W.value = e3, G.value = e3 && e3.items ? e3.items : [], Z(null, null);
   }
-  function Q(e3) {
+  function K(e3) {
     x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
       k.$emit("clearEvent", e3);
     });
   }
-  function X(e3) {
+  function Q(e3) {
     k.$emit("editEvent", e3);
   }
-  function Y(e3) {
+  function X(e3) {
     k.$emit("editEvent", e3);
   }
-  let Z;
-  function ee(e3, l2) {
-    H.value = l2, D.value = false;
+  let Y;
+  function Z(e3, l2) {
+    R.value = l2, F.value = false;
   }
   return a(() => {
-    K(N.pageContext), G.value = window.innerHeight, W.value = window.innerHeight - 220;
+    J(P.pageContext), D.value = window.innerHeight - 220;
   }), k.$on("changePageDesign", () => {
-    K(N.pageContext);
+    J(P.pageContext);
   }), k.$on("editComponentEvent", (e3) => {
-    Z && clearTimeout(Z), H.value = e3.configureObj, Z = setTimeout(function() {
+    Y && clearTimeout(Y), R.value = e3.configureObj, Y = setTimeout(function() {
       k.$emit("editEvent", e3.event);
     }, 100);
   }), 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);
+    Y && clearTimeout(Y), k.$off("changePageDesign"), k.$off("editComponentEvent");
+  }), I2({}), (e3, l2) => {
+    const t2 = o("el-button"), a2 = o("el-input"), n2 = o("el-popover"), x2 = o("el-table-column"), C2 = o("el-table"), _2 = o("el-collapse-item"), k2 = o("el-collapse");
+    return s(), i("div", V, [u("div", null, [u("div", j, [r(n2, { placement: "right", width: 300, visible: F.value, trigger: "manual" }, { reference: m(() => [r(a2, { size: "small", modelValue: M.value, "onUpdate:modelValue": l2[1] || (l2[1] = (e4) => M.value = e4), placeholder: "请选择组件", readonly: "", clearable: "", onClick: l2[2] || (l2[2] = (e4) => F.value = !F.value) }, { append: m(() => [r(t2, { type: "info", icon: p(w), circle: "", text: "", onClick: l2[0] || (l2[0] = (e4) => F.value = !F.value) }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue"])]), default: m(() => [r(y, { onSelectComponent: Z, treeMarginTop: "", headerSearchClass: "custom", designItems: G.value, selectWidget: e3.selectWidget }, null, 8, ["designItems", "selectWidget"])]), _: 1 }, 8, ["visible"])])]), u("div", null, [r(k2, { modelValue: p(O), "onUpdate:modelValue": l2[4] || (l2[4] = (e4) => d(O) ? O.value = e4 : O = e4), style: { "margin-top": "10px" } }, { default: m(() => [r(_2, { class: "amb-assembly-collapse-header", name: "searchCollapse", title: "事件列表" }, { default: m(() => [u("div", { style: c("max-height:" + D.value + "px") }, [r(a2, { modelValue: p(H), "onUpdate:modelValue": l2[3] || (l2[3] = (e4) => d(H) ? H.value = e4 : H = e4), placeholder: "名称/别名...", clearable: "", class: "input-with-select", style: { "margin-top": "10px", "margin-bottom": "10px" }, "suffix-icon": p(w) }, null, 8, ["modelValue", "suffix-icon"]), r(C2, { size: "small", data: A.value, style: { width: "100%" }, "max-height": D.value, "highlight-current-row": "", onRowClick: X }, { default: m(() => [r(x2, { label: "名称", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.name }, v(e4.row.name), 9, $)]), _: 1 }), r(x2, { label: "别名", width: "60" }, { default: m((e4) => [u("span", { title: e4.row.label }, v(e4.row.label), 9, L)]), _: 1 }), r(x2, { label: "组件", width: "120", align: "left" }, { default: m((e4) => [e4.row.title || e4.row.componentLabel ? (s(), i("span", T, v(e4.row.title ? e4.row.title + "(" + e4.row.componentLabel + ")" : e4.row.componentLabel), 1)) : (s(), i("span", U, v(p(R) ? p(R).label : "页面"), 1))]), _: 1 }), r(x2, { label: "备注" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, z)]), _: 1 }), r(x2, { fixed: "right", label: "", width: "40", align: "center" }, { default: m((e4) => [f(r(t2, { disabled: false === e4.row.isEdit, link: "", type: "danger", size: "small", onClick: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => 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 }), r(_2, { class: "amb-assembly-collapse-header", name: "addCollapse", title: "自定义方法" }, { default: m(() => [r(C2, { size: "small", data: p(q), "highlight-current-row": "", style: { width: "100%" }, "max-height": D.value, onRowClick: Q }, { default: m(() => [r(x2, { prop: "label", label: "方法名", width: "90" }, { default: m((e4) => [u("span", { title: e4.row.eventName }, v(e4.row.eventName), 9, S)]), _: 1 }), r(x2, { prop: "label", label: "描述" }, { default: m((e4) => [u("span", { title: e4.row.remark }, v(e4.row.remark), 9, B)]), _: 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: g((l3) => K(e4.row), ["stop"]) }, { default: m(() => l2[6] || (l2[6] = [h("清除")])), _: 2 }, 1032, ["disabled", "onClick"])]), _: 1 })]), _: 1 }, 8, ["data", "max-height"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])])], 512);
   };
 } });
 export {
-  B as default
+  I as default
 };

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

@@ -1,42 +1,42 @@
-import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as c, withCtx as m, vShow as d, unref as v, createTextVNode as f, toDisplayString as p, Fragment as g, renderList as b, createBlock as y } from "vue";
+import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch as l, resolveComponent as u, createElementBlock as o, openBlock as s, createElementVNode as i, createVNode as r, withDirectives as m, withCtx as c, 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 _, deepCopy as V } from "../../../utils/common-util.js";
-import { usePageContextStore as k } from "../../../../../stores/page-store.js";
+import { findDesignItemByUuid as S, getUuidv4 as V, deepCopy as k } from "../../../utils/common-util.js";
+import { usePageContextStore as _ } from "../../../../../stores/page-store.js";
 import { undoRedo as T } from "../../../../../stores/event-undo-redo-store.js";
 import U from "../../../utils/eventBus.js";
-const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style: { "user-select": "none" } }, $ = { class: "amb-design-tool-item" }, j = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, N = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, w = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, B = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: B2, emit: J }) {
-  const A = e2, L = T(), O = k(), P = t(null), Z = t();
-  let I = t();
-  const q = E;
-  let R = A.customEvent;
-  const H = t({ jsContent: "" }), D = t({ jsContent: "" }), G = t(0), K = t(-1), M = t();
-  function Q() {
+const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style: { "user-select": "none", "margin-bottom": "10px" } }, $ = { class: "amb-design-tool-item" }, j = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, w = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, N = { style: { display: "flex", gap: "15px", padding: "0 20px" } }, B = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, J = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: J2, emit: A }) {
+  const L = e2, O = T(), P = _(), Z = t(null), I = t();
+  let q = t();
+  const R = E;
+  let H = L.customEvent;
+  const D = t({ jsContent: "" }), G = t({ jsContent: "" }), K = t(0), M = t(-1), Q = t();
+  function W() {
     let e3 = false;
-    D.value && D.value.standardValues && D.value.standardValues.includes("true") && (e3 = true), D.value && (D.value.isStandard = e3);
+    G.value && G.value.standardValues && G.value.standardValues.includes("true") && (e3 = true), G.value && (G.value.isStandard = e3);
   }
-  function W() {
-    const e3 = H.value ? JSON.stringify(H.value) : null, t2 = D.value ? JSON.stringify(D.value) : null;
+  function X() {
+    const e3 = D.value ? JSON.stringify(D.value) : null, t2 = G.value ? JSON.stringify(G.value) : null;
     e3 && e3 !== t2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
-      false !== ee() && X();
+      false !== te() && Y();
     }).catch((e4) => {
-      X();
-    }) : X();
+      Y();
+    }) : Y();
   }
-  function X() {
+  function Y() {
     const e3 = { name: "customFunc", isStandard: false, jsContent: "" };
-    e3.uuid = _(), Y(e3);
+    e3.uuid = V(), ee(e3);
   }
-  function Y(e3) {
-    e3 = e3 || {}, H.value = e3, D.value = V(e3), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), L.clearSnapshot(), L.addSnapshot(D), G.value = 1, K.value = 0;
+  function ee(e3) {
+    e3 = e3 || {}, D.value = e3, G.value = k(e3), Z.value && Z.value.updateJsContent && Z.value.updateJsContent(G.value), O.clearSnapshot(), O.addSnapshot(G), K.value = 1, M.value = 0;
   }
-  function ee() {
-    if (!D.value) return x.confirm("编辑对象不存在,不需要保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
-    const e3 = O.pageContext;
+  function te() {
+    if (!G.value) return x.confirm("编辑对象不存在,不需要保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
+    const e3 = P.pageContext;
     if (!e3) return x.confirm("页面设计对象不存在,不可保存！", "提示", { confirmButtonText: "确定", showCancelButton: false, type: "error" }), false;
     const t2 = function() {
-      const e4 = D.value;
+      const e4 = G.value;
       if (!e4.isStandard && !e4.jsContent) return h({ message: "方法内容不能为空!", type: "error" }), false;
       if ("customFunc" == e4.name) {
         if (e4.eventName && (e4.eventName = e4.eventName.trim()), !e4.funcParam) return h({ message: "自定义方法参数名不能为空!", type: "error" }), false;
@@ -48,7 +48,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
         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 = O.pageContext;
+        const a3 = P.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;
         }
@@ -56,7 +56,7 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
     }();
     if (false === t2) return false;
     e3.customEvents || (e3.customEvents = []);
-    const n2 = D.value;
+    const n2 = G.value;
     let a2 = null, l2 = -1;
     for (let t3 = 0; t3 < e3.customEvents.length; t3++) {
       const u2 = e3.customEvents[t3];
@@ -78,20 +78,20 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
           e4 > -1 && (t3.events[e4] = a2);
         }
       }
-    } else Object.assign(H.value, n2), e3.customEvents.push(H.value);
-    H.value = n2, D.value = V(n2), h({ message: "暂存成功!", type: "success" });
+    } else Object.assign(D.value, n2), e3.customEvents.push(D.value);
+    D.value = n2, G.value = k(n2), h({ message: "暂存成功!", type: "success" });
   }
-  function te() {
+  function ne() {
     x.confirm("确定要清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
       !function() {
-        D.value && ne(D.value);
-        X();
+        G.value && ae(G.value);
+        Y();
       }();
     });
   }
-  function ne(e3) {
-    const t2 = e3, n2 = O.pageContext;
-    if (e3.isStandard) ae(e3), le(t2, e3);
+  function ae(e3) {
+    const t2 = e3, n2 = P.pageContext;
+    if (e3.isStandard) le(e3), ue(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) {
@@ -100,63 +100,63 @@ const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style:
           break;
         }
       } else if (a2.name == t2.name && t2.componentUuid == a2.componentUuid) {
-        ae(a2), n2.customEvents.splice(e4, 1), le(t2, a2);
+        le(a2), n2.customEvents.splice(e4, 1), ue(t2, a2);
         break;
       }
     }
   }
-  function ae(e3) {
+  function le(e3) {
     e3.eventName = null, e3.isStandard = false, e3.jsContent = "", e3.remark = "", e3.standardValues = [];
   }
-  function le(e3, t2) {
-    const n2 = O.pageContext, a2 = S(n2, e3.componentUuid);
+  function ue(e3, t2) {
+    const n2 = P.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);
     }
   }
   n(() => {
-    Z.value = window.innerHeight, I.value = { overflow: "auto", height: Z.value + "px" }, U.$on("clearEvent", (e3) => {
-      if (ne(e3), D.value) {
-        const t2 = D.value;
-        "customFunc" == e3.name ? e3.uuid == t2.uuid && X() : e3.componentUuid == t2.componentUuid && e3.name == t2.name && X();
+    I.value = window.innerHeight, q.value = { overflow: "auto", height: I.value + "px" }, U.$on("clearEvent", (e3) => {
+      if (ae(e3), G.value) {
+        const t2 = G.value;
+        "customFunc" == e3.name ? e3.uuid == t2.uuid && Y() : e3.componentUuid == t2.componentUuid && e3.name == t2.name && Y();
       }
     }), U.$on("editEvent", (e3) => {
       let t2 = false;
-      if (D.value && ("customFunc" == e3.name ? D.value.uuid == e3.uuid && (t2 = true) : D.value.componentUuid == e3.componentUuid && e3.name == D.value.name && (t2 = true)), t2) return;
+      if (G.value && ("customFunc" == e3.name ? G.value.uuid == e3.uuid && (t2 = true) : G.value.componentUuid == e3.componentUuid && e3.name == G.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 = H.value ? JSON.stringify(H.value) : null, a2 = D.value ? JSON.stringify(D.value) : null;
+      const n2 = D.value ? JSON.stringify(D.value) : null, a2 = G.value ? JSON.stringify(G.value) : null;
       n2 && n2 !== a2 ? x.confirm("当前方法有修改,是否需要暂存?", "确认", { confirmButtonText: "确定", cancelButtonText: "忽略", type: "warning" }).then(() => {
-        false !== ee() && Y(e3);
+        false !== te() && ee(e3);
       }).catch((t3) => {
-        Y(e3);
-      }) : Y(e3);
+        ee(e3);
+      }) : ee(e3);
     });
   }), a(() => {
-    U.$off("clearEvent"), U.$off("editEvent"), ue && clearTimeout(ue), oe && clearTimeout(oe), L.clearSnapshotTimeout();
-  }), X();
-  let ue, oe, se = false;
-  function ie() {
-    ue && clearTimeout(ue), se = true, L.undo(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), ue = setTimeout(() => {
-      se = false;
+    U.$off("clearEvent"), U.$off("editEvent"), oe && clearTimeout(oe), se && clearTimeout(se), O.clearSnapshotTimeout();
+  }), Y();
+  let oe, se, ie = false;
+  function re() {
+    oe && clearTimeout(oe), ie = true, O.undo(G), K.value = O.getTotalLen(), M.value = O.getCurrentIndex(), Z.value && Z.value.updateJsContent && Z.value.updateJsContent(G.value), oe = setTimeout(() => {
+      ie = false;
     }, 100);
   }
-  function re() {
-    oe && clearTimeout(oe), se = true, L.record(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), oe = setTimeout(() => {
-      se = false;
+  function me() {
+    se && clearTimeout(se), ie = true, O.record(G), K.value = O.getTotalLen(), M.value = O.getCurrentIndex(), Z.value && Z.value.updateJsContent && Z.value.updateJsContent(G.value), se = setTimeout(() => {
+      ie = false;
     }, 100);
   }
-  return l(() => D, (e3) => {
-    se || L.addSnapshot(D, function() {
-      G.value = L.getTotalLen(), K.value = L.getCurrentIndex();
+  return l(() => G, (e3) => {
+    ie || O.addSnapshot(G, function() {
+      K.value = O.getTotalLen(), M.value = O.getCurrentIndex();
     });
-  }, { deep: true }), B2({ resize: function() {
-    P.value && P.value.resize && P.value.resize();
+  }, { deep: true }), J2({ resize: function() {
+    Z.value && Z.value.resize && Z.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"), _2 = u("el-form-item"), V2 = u("el-checkbox"), k2 = u("el-checkbox-group"), T2 = u("el-option"), U2 = u("el-option-group"), B3 = u("el-select"), J2 = u("el-col"), A2 = u("el-row"), L2 = u("el-form");
-    return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: W }, [r(a2, { size: 18 }, { default: m(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), c(i("label", j, null, 512), [[d, K.value < 1]]), c(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ie }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, K.value > 0]]), c(i("label", { class: "amb-page-type", onClick: re }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, K.value > -1 && K.value + 1 < G.value]])]), c(i("div", N, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => ee()) }, [r(a2, { size: 18 }, { default: m(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: te }, [r(a2, { size: 18 }, { default: m(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, D.value.name]])]), r(L2, { class: "amb-design-board", style: { "padding-top": "10px" }, ref_key: "formRef", ref: M, size: "small", model: v(R), "inline-message": "", "label-width": "80px" }, { default: m(() => [r(A2, null, { default: m(() => [r(_2, { label: "名称", style: { "min-width": "280px" }, required: "customFunc" == D.value.name }, { default: m(() => [c(r(E2, { type: "primary" }, { default: m(() => [f(p(D.value.title ? D.value.title + (D.value.componentLabel ? "(" + D.value.componentLabel + ")" : "") : D.value.componentLabel) + "." + p(D.value.name), 1)]), _: 1 }, 512), [[d, D.value.name && "customFunc" != D.value.name]]), c(r(S2, { modelValue: D.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => D.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == D.value.name]])]), _: 1 }, 8, ["required"]), c(r(k2, { modelValue: D.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => D.value.standardValues = e4), onChange: Q }, { default: m(() => [r(V2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != D.value.name]]), c(r(B3, { disabled: !D.value.isStandard, modelValue: D.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => D.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: m(() => [(s(true), o(g, null, b(v(q), (e4) => (s(), y(U2, { key: e4.label, label: e4.label }, { default: m(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(T2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != D.value.name]]), r(J2, { span: 10 }, { default: m(() => [r(_2, { label: "描述" }, { default: m(() => [r(S2, { modelValue: D.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => D.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), c(i("div", w, [r(C, { eventForm: D.value, ref_key: "editorRef", ref: P }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == D.value.name || "customFunc" != D.value.name && !D.value.isStandard]])]), _: 1 }, 8, ["model"])]);
+    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"), k2 = u("el-checkbox"), _2 = u("el-checkbox-group"), T2 = u("el-option"), U2 = u("el-option-group"), J3 = u("el-select"), A2 = u("el-form");
+    return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: X }, [r(a2, { size: 18 }, { default: c(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), m(i("label", j, null, 512), [[d, M.value < 1]]), m(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: re }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, M.value > 0]]), m(i("label", { class: "amb-page-type", onClick: me }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, M.value > -1 && M.value + 1 < K.value]])]), m(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => te()) }, [r(a2, { size: 18 }, { default: c(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ne }, [r(a2, { size: 18 }, { default: c(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, G.value.name]])]), r(A2, { class: "amb-design-board", style: { "padding-top": "20px" }, ref_key: "formRef", ref: Q, size: "small", model: v(H), "inline-message": "", "label-width": "80px" }, { default: c(() => [i("div", N, [r(V2, { label: "名称", "label-width": "auto", style: { "min-width": "280px" }, required: "customFunc" == G.value.name }, { default: c(() => [m(r(E2, { type: "primary" }, { default: c(() => [p(f(G.value.title ? G.value.title + (G.value.componentLabel ? "(" + G.value.componentLabel + ")" : "") : G.value.componentLabel) + "." + f(G.value.name), 1)]), _: 1 }, 512), [[d, G.value.name && "customFunc" != G.value.name]]), m(r(S2, { modelValue: G.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => G.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == G.value.name]])]), _: 1 }, 8, ["required"]), m(r(_2, { modelValue: G.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => G.value.standardValues = e4), onChange: W }, { default: c(() => [r(k2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != G.value.name]]), m(r(J3, { disabled: !G.value.isStandard, modelValue: G.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => G.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: c(() => [(s(true), o(g, null, b(v(R), (e4) => (s(), y(U2, { key: e4.label, label: e4.label }, { default: c(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(T2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != G.value.name]]), r(V2, { label: "描述", "label-width": "auto", style: { flex: "1 1 auto" } }, { default: c(() => [r(S2, { modelValue: G.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => G.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), m(i("div", B, [r(C, { eventForm: G.value, ref_key: "editorRef", ref: Z }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == G.value.name || "customFunc" != G.value.name && !G.value.isStandard]])]), _: 1 }, 8, ["model"])]);
   };
 } });
 export {
-  B as default
+  J as default
 };

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

@@ -1,15 +1,16 @@
-import { defineComponent as e, ref as n, resolveComponent as t, createBlock as a, openBlock as r, withCtx as o, createVNode as i } from "vue";
-import u from "./page-event-container.vue.js";
+import { defineComponent as e, ref as n, resolveComponent as t, createBlock as o, openBlock as r, withCtx as a, createVNode as u } from "vue";
+import i from "./page-event-container.vue.js";
 import l from "./page-event-content.vue.js";
-const c = e({ __name: "page-event-view", setup(e2, { expose: c2 }) {
-  const f = n(null);
-  return c2({ resize: function() {
-    f.value && f.value.resize && f.value.resize();
+import c from "../view/components/el-aside-expand-component.vue.js";
+const f = e({ __name: "page-event-view", setup(e2, { expose: f2 }) {
+  const s = n(null);
+  return f2({ resize: function() {
+    s.value && s.value.resize && s.value.resize();
   } }), (e3, n2) => {
-    const c3 = t("el-aside"), s = t("el-main"), m = t("el-container");
-    return r(), a(m, { class: "amb-container" }, { default: o(() => [i(c3, { class: "amb-container-left" }, { default: o(() => [i(u, { ref: "pageEventContainerRef", configure: e3.configure }, null, 8, ["configure"])]), _: 1 }), i(s, { class: "amb-container-main" }, { default: o(() => [i(l, { configure: {}, eventForm: {}, ref_key: "contentRef", ref: f }, null, 512)]), _: 1 })]), _: 1 });
+    const f3 = t("el-main"), m = t("el-container");
+    return r(), o(m, { class: "amb-container" }, { default: a(() => [u(c, null, { default: a(() => [u(i, { ref: "pageEventContainerRef", configure: e3.configure }, null, 8, ["configure"])]), _: 1 }), u(f3, { class: "amb-container-main" }, { default: a(() => [u(l, { configure: {}, eventForm: {}, ref_key: "contentRef", ref: s }, null, 512)]), _: 1 })]), _: 1 });
   };
 } });
 export {
-  c as default
+  f as default
 };

package/dist/es/components/design/views/design/view/attr-container.vue.js

@@ -1,34 +1,34 @@
-import { defineComponent as e, ref as n, createElementBlock as t, openBlock as s, createBlock as a, resolveDynamicComponent as o } from "vue";
-import u from "../../assemblys/page/page-attr.vue.js";
-import l from "../../assemblys/error-attr.vue.js";
-import { getAttrComponentByName as m, getComponentEventOptions as r } from "../../../utils/assemblys-config.js";
-import { deepCopy as i } from "../../../utils/common-util.js";
-const f = { style: { height: "100%" } }, p = e({ __name: "attr-container", props: { pageInfo: Object, system: Object }, setup(e2, { expose: p2 }) {
-  const c = e2, v = n({}), g = n({});
-  v.value = c.pageInfo, g.value = u;
-  const y = n({ index: 1 }), b = {};
-  function j(e3) {
+import { defineComponent as e, ref as n, createBlock as s, openBlock as t, resolveDynamicComponent as a } from "vue";
+import o from "../../assemblys/page/page-attr.vue.js";
+import u from "../../assemblys/error-attr.vue.js";
+import { getAttrComponentByName as m, getComponentEventOptions as l } from "../../../utils/assemblys-config.js";
+import { deepCopy as r } from "../../../utils/common-util.js";
+const i = e({ __name: "attr-container", props: { pageInfo: Object, system: Object }, setup(e2, { expose: i2 }) {
+  const f = e2, p = n({}), c = n({});
+  p.value = f.pageInfo, c.value = o;
+  const v = n({ index: 1 }), g = {};
+  function y(e3) {
     if (e3 && e3.name && "page" !== e3.name) {
       !function(e4) {
         if (!e4 || !e4.name || !e4.events) return;
-        const n3 = r(e4.name);
+        const n3 = l(e4.name);
         if (!n3) return;
-        const t2 = {};
-        for (let n4 of e4.events) t2[n4.name] = n4;
-        for (let s2 of n3) {
-          if (t2[s2.name]) continue;
-          const n4 = i(s2);
+        const s2 = {};
+        for (let n4 of e4.events) s2[n4.name] = n4;
+        for (let t2 of n3) {
+          if (s2[t2.name]) continue;
+          const n4 = r(t2);
           e4.events.push(n4);
         }
-      }(e3), v.value = e3;
-      let n2 = b[e3.name];
-      null == n2 && (n2 = m(e3.name)), null == n2 && (n2 = l), b[e3.name] = n2, g.value = n2;
-    } else v.value = c.pageInfo, g.value = u;
+      }(e3), p.value = e3;
+      let n2 = g[e3.name];
+      null == n2 && (n2 = m(e3.name)), null == n2 && (n2 = u), g[e3.name] = n2, c.value = n2;
+    } else p.value = f.pageInfo, c.value = o;
   }
-  return p2({ changeAssembly: j, changeAssemblyByComponent: function(e3, n2) {
-    v.value = e3, g.value = n2;
-  } }), (n2, u2) => (s(), t("div", f, [(s(), a(o(g.value), { key: "attr_" + v.value.uuid, indexObj: y.value, pageDesign: e2.pageInfo, system: e2.system, configure: v.value, onChangeAssembly: j }, null, 40, ["indexObj", "pageDesign", "system", "configure"]))]));
+  return i2({ changeAssembly: y, changeAssemblyByComponent: function(e3, n2) {
+    p.value = e3, c.value = n2;
+  } }), (n2, o2) => (t(), s(a(c.value), { key: "attr_" + p.value.uuid, indexObj: v.value, pageDesign: e2.pageInfo, system: e2.system, configure: p.value, onChangeAssembly: y }, null, 40, ["indexObj", "pageDesign", "system", "configure"]));
 } });
 export {
-  p as default
+  i as default
 };