super-page-designer 2.2.51-sit6 → 2.2.57

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

@@ -1,32 +1,25 @@
-import { defineComponent as e, ref as l, computed as s, onMounted as t, createElementBlock as a, openBlock as n, normalizeStyle as i, createElementVNode as u, normalizeClass as o, withDirectives as c, createVNode as m, vShow as v } from "vue";
-import r from "./assemblys-container-list.vue.js";
-import d from "./assemblys-container-explore.vue.js";
-import p from "./assemblys-container-template.vue.js";
+import { defineComponent as e, ref as l, createElementBlock as s, openBlock as t, createElementVNode as a, normalizeClass as n, withDirectives as u, createVNode as i, vShow as o } from "vue";
+import m from "./assemblys-container-list.vue.js";
+import c from "./assemblys-container-explore.vue.js";
+import v from "./assemblys-container-template.vue.js";
 import "@element-plus/icons-vue";
 import "element-plus";
 import "../../../utils/assemblys-config.js";
 import "uuid";
 import "../../../utils/eventBus.js";
 import "../../../../../stores/page-store.js";
-const b = { class: "amb-assembly-header" }, g = { class: "amb-assembly-header-type" }, y = { class: "amb-design-assembly-list" }, f = e({ __name: "assemblys-container", props: { designItems: Array, selectWidget: Object, configure: Object }, emits: ["onSelectWidget", "addEvent", "changeEvent", "onSelectEvent"], setup(e2, { expose: f2, emit: j }) {
-  const W = j;
+const r = { class: "amb-design-assembly-content" }, d = { class: "amb-assembly-header" }, p = { class: "amb-assembly-header-type" }, b = { class: "amb-design-assembly-list" }, g = e({ __name: "assemblys-container", props: { designItems: Array, selectWidget: Object, configure: Object }, emits: ["onSelectWidget", "addEvent", "changeEvent", "onSelectEvent"], setup(e2, { expose: g2, emit: y }) {
+  const f = y;
   e2.configure;
-  const h = l("selected"), x = l(""), C = l(""), k = l("");
-  function E(e3) {
-    "assembly" == e3 ? (h.value = "selected", x.value = "", C.value = "", k.value = "") : "pageEvent" == e3 ? (x.value = "", h.value = "", C.value = "", k.value = "selected") : "explorer" == e3 ? (x.value = "selected", h.value = "", C.value = "", k.value = "") : (x.value = "", h.value = "", C.value = "selected", k.value = "");
+  const j = l("selected"), W = l(""), x = l(""), E = l("");
+  function I(e3) {
+    "assembly" == e3 ? (j.value = "selected", W.value = "", x.value = "", E.value = "") : "pageEvent" == e3 ? (W.value = "", j.value = "", x.value = "", E.value = "selected") : "explorer" == e3 ? (W.value = "selected", j.value = "", x.value = "", E.value = "") : (W.value = "", j.value = "", x.value = "selected", E.value = "");
   }
-  l(null), l(null);
-  const I = l(null), S = l(), A = s(() => ({ height: S.value + "px" }));
-  function O(e3, l2) {
-    W("onSelectWidget", e3, l2);
+  function S(e3, l2) {
+    f("onSelectWidget", e3, l2);
   }
-  return t(() => {
-    if (I.value) {
-      const e3 = I.value.getBoundingClientRect();
-      e3.y && (S.value = window.innerHeight - e3.y);
-    }
-  }), f2({ selAsselbyType: "assembly" }), (l2, s2) => (n(), a("div", { class: "amb-design-assembly-content", ref_key: "ambDesignAssemblyContent", ref: I, style: i(A.value) }, [u("div", b, [u("div", g, [u("label", { class: o(h.value), onClick: s2[0] || (s2[0] = (e3) => E("assembly")) }, "组件", 2), u("label", { class: o(x.value), onClick: s2[1] || (s2[1] = (e3) => E("explorer")) }, "大纲", 2), u("label", { class: o(C.value), onClick: s2[2] || (s2[2] = (e3) => E("template")) }, "模板库", 2)])]), u("div", y, [c(m(r, null, null, 512), [[v, h.value]]), c(m(d, { onOnSelectWidget: O, designItems: e2.designItems, selectWidget: e2.selectWidget }, null, 8, ["designItems", "selectWidget"]), [[v, x.value]]), c(m(p, null, null, 512), [[v, C.value]])])], 4));
+  return l(null), l(null), g2({ selAsselbyType: "assembly" }), (l2, g3) => (t(), s("div", r, [a("div", d, [a("div", p, [a("label", { class: n(j.value), onClick: g3[0] || (g3[0] = (e3) => I("assembly")) }, "组件", 2), a("label", { class: n(W.value), onClick: g3[1] || (g3[1] = (e3) => I("explorer")) }, "大纲", 2), a("label", { class: n(x.value), onClick: g3[2] || (g3[2] = (e3) => I("template")) }, "模板库", 2)])]), a("div", b, [u(i(m, null, null, 512), [[o, j.value]]), u(i(c, { onOnSelectWidget: S, designItems: e2.designItems, selectWidget: e2.selectWidget }, null, 8, ["designItems", "selectWidget"]), [[o, W.value]]), u(i(v, null, null, 512), [[o, x.value]])])]));
 } });
 export {
-  f as default
+  g as default
 };

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

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

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

@@ -1,7 +1,7 @@
 import e from "./page-switch.vue2.js";
 /* empty css                 */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = t(e, [["__scopeId", "data-v-511b453b"]]);
+const p = t(e, [["__scopeId", "data-v-2076fde4"]]);
 export {
   p as default
 };

package/dist/es/components/design/views/design/view/page-switch.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as i, openBlock as o, createVNode as s, withCtx as p, createElementVNode as r, createBlock as d, unref as u, toDisplayString as c, createTextVNode as g } from "vue";
+import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as d, createBlock as u, unref as r, toDisplayString as c, createTextVNode as g } from "vue";
 import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
 import { ElMessageBox as w } from "element-plus";
 import b from "agilebuilder-ui/src/utils/request";
 import _ from "agilebuilder-ui/src/utils/i18n-util";
-const k = { style: { display: "flex", width: "60px", height: "60px", "margin-left": "60px", "justify-content": "center", "align-items": "center", cursor: "pointer", "margin-right": "60px" } }, C = { style: { "overflow-y": "auto" } }, I = { style: { "vertical-align": "middle" } }, T = { key: 3, style: { "margin-left": "5px" } }, N = { key: 4, style: { "margin-left": "5px" } }, P = e({ __name: "page-switch", props: { pageDesign: { type: Object, default: () => ({}) } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: P2 }) {
+const k = { style: { display: "flex", "min-width": "60px", height: "60px", "margin-left": "15px", "align-items": "center", cursor: "pointer" } }, C = { style: { "overflow-y": "auto" } }, I = { style: { "vertical-align": "middle" } }, T = { key: 3, style: { "margin-left": "5px" } }, N = { key: 4, style: { "margin-left": "5px" } }, P = e({ __name: "page-switch", props: { pageDesign: { type: Object, default: () => ({}) } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: P2 }) {
   const A = e2, D = P2, S = t(false), z = t(""), L = t(), $ = t(), B = t({ value: "id", label: "name", leaf: "leaf", emitPath: false, lazy: true, lazyLoad: async function(e3, t2) {
     -1 === V.value && await b.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + A.pageDesign.systemCode).then((e4) => {
       if (e4) {
@@ -25,14 +25,14 @@ const k = { style: { display: "flex", width: "60px", height: "60px", "margin-lef
     b.get(a2).then((e4) => {
       t2(e4);
     });
-  }, expandTrigger: "hover" }), V = t(-1), j = t("");
-  function F() {
+  }, expandTrigger: "hover" }), V = t(-1), F = t("");
+  function R() {
     S.value = true;
   }
-  function R() {
+  function U() {
     S.value = false;
   }
-  function U(e3) {
+  function j(e3) {
     const t2 = e3.data.id.split("_")[2];
     return e3.label + " (" + t2 + ")";
   }
@@ -47,10 +47,10 @@ const k = { style: { display: "flex", width: "60px", height: "60px", "margin-lef
       });
     } else L.value.clearCheckedNodes();
   }
-  return a(() => options.value.filter((e3) => !j.value || e3.name.toLowerCase().includes(j.value.toLowerCase()))), l(() => {
+  return a(() => options.value.filter((e3) => !F.value || e3.name.toLowerCase().includes(F.value.toLowerCase()))), l(() => {
   }), (t2, a2) => {
     const l2 = n("el-icon"), w2 = n("el-button"), b2 = n("el-cascader-panel"), _2 = n("el-popover");
-    return o(), i("div", k, [s(_2, { onShow: F, onHide: R, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { icon: u(v), style: { width: "150px", "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (o(), d(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(u(h))]), _: 1 })) : (o(), d(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(u(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [r("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [r("div", I, ["menu" === t3.menuType ? (o(), d(l2, { key: 0 }, { default: p(() => [s(u(m))]), _: 1 })) : "page" === t3.menuType ? (o(), d(l2, { key: 1 }, { default: p(() => [s(u(f))]), _: 1 })) : (o(), d(l2, { key: 2 }, { default: p(() => [s(u(y))]), _: 1 })), "page" === t3.menuType ? (o(), i("span", T, c(U(e3)), 1)) : (o(), i("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
+    return i(), o("div", k, [s(_2, { onShow: R, onHide: U, ref_key: "popoverRef", ref: $, width: "auto", "popper-style": "box-shadow: rgb(14 18 22 / 35%) 0px 10px 38px -10px, rgb(14 18 22 / 20%) 0px 10px 20px -15px; padding: 20px;" }, { reference: p(() => [s(w2, { icon: r(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), u(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(r(h))]), _: 1 })) : (i(), u(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(r(x))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: p(() => [d("div", C, [s(b2, { ref_key: "cascaderRef", ref: L, style: { width: "fit-content", "margin-top": "6px" }, props: B.value, modelValue: z.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => z.value = e3), onChange: q }, { default: p(({ node: e3, data: t3 }) => [d("div", I, ["menu" === t3.menuType ? (i(), u(l2, { key: 0 }, { default: p(() => [s(r(m))]), _: 1 })) : "page" === t3.menuType ? (i(), u(l2, { key: 1 }, { default: p(() => [s(r(f))]), _: 1 })) : (i(), u(l2, { key: 2 }, { default: p(() => [s(r(y))]), _: 1 })), "page" === t3.menuType ? (i(), o("span", T, c(j(e3)), 1)) : (i(), o("span", N, c(e3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
   };
 } });
 export {

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

@@ -1,156 +1,7 @@
-import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as C, renderList as j } from "vue";
-import { Monitor as S, Cellphone as k, Iphone as O, Plus as _, Check as A, View as T } from "@element-plus/icons";
-import { useDraggable as D } from "vue-draggable-plus";
-import w from "../../assemblys/object-design.vue.js";
-import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as N } from "../../../utils/common-util.js";
-import { addComponentRef as E } from "../../../utils/page-helper-util.js";
-import { caculatePageStyle as R } from "../../../utils/container-design-util.js";
-import U from "./view-design-preview.vue.js";
-import { ElMessage as J } from "element-plus";
-import "@vueuse/core";
-import "@element-plus/icons-vue";
-import "codemirror";
-import "@codemirror/lang-javascript";
-import "@codemirror/state";
-import "@codemirror/autocomplete";
-import "@codemirror/language";
-import "@codemirror/search";
-import "js-beautify";
-/* empty css                       */
-import "../../../utils/assemblys-config.js";
-import "../../../../../stores/page-store.js";
-import "../../../../../stores/event-undo-redo-store.js";
-import "../../../utils/eventBus.js";
-import P from "./components/quick-add-dialog.vue.js";
-import z from "./components/i18n-setting.vue.js";
-import { setTableRuntimesFromConfigure as M } from "../../../utils/page-table-util.js";
-import B from "agilebuilder-ui/src/utils/request";
-import { copyHandleEvents as K, deleteDesignItem as q } from "../../../utils/page-design-util.js";
-import { setHomeChartRuntimesFromConfigure as V } from "../../../utils/home-chart-util.js";
-import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
-const H = { class: "amb-design-content-center-header" }, L = { class: "amb-design-tool" }, I = { class: "amb-design-tool-item" }, $ = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, G = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: G2, emit: Q }) {
-  const X = e2, Y = i(null), Z = i(null), ee = Q;
-  null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
-  const ie = X.configure.items, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
-  ue();
-  const re = t(function() {
-    let e3 = null;
-    "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
-    const i2 = { width: e3 ? e3 + "px" : "" };
-    for (let e4 in le.value) i2[e4] = le.value[e4];
-    return se.value && (i2["min-height"] = se.value + "px"), i2;
-  });
-  function ue() {
-    R(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
-  }
-  l(X.configure.props, () => {
-    ue();
-  }), l(X.configure.style, () => {
-    ue();
-  });
-  const ae = i(), ce = t(() => ({ height: ae.value + "px" })), ge = i(null);
-  function me(e3) {
-    ee("onSelectWidget", -1);
-  }
-  function pe(e3, i2) {
-    ee("onSelectWidget", e3, i2);
-  }
-  function fe(e3, i2) {
-    ee("onCustomAttrWidget", e3, i2);
-  }
-  function de(e3) {
-    const i2 = ie.indexOf(e3), t2 = n(x(e3));
-    t2.uuid = W(), K(t2), ie.splice(i2, 0, t2);
-  }
-  function ve(e3) {
-    q(ie, e3, e3.items && e3.items.length > 0, true);
-  }
-  o(() => {
-    if (ge.value) {
-      const e3 = ge.value.getBoundingClientRect();
-      e3.y && (ae.value = window.innerHeight - e3.y), E(X.configure, -1, ge);
-    }
-    if (be.value) {
-      const e3 = be.value.getBoundingClientRect();
-      e3.y && (se.value = window.innerHeight - e3.y - 20);
-    }
-  });
-  const be = i(null);
-  function ye() {
-    X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
-    const e3 = JSON.parse(JSON.stringify(X.configure));
-    e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
-      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
-      if (e4.tableUuids) {
-        const i2 = {};
-        e4.tableUuids = e4.tableUuids.filter((n2) => {
-          const t2 = N(e4, n2);
-          if (t2) {
-            if (M(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
-              const l2 = e4.tableRuntimes[n2];
-              l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
-            }
-            return true;
-          }
-          return false;
-        }), e4.listCodesMap = i2;
-      }
-      e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
-        let n2 = N(e4, i2);
-        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), V(n2, e4), true);
-      }));
-    }(e3), B.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
-      J({ message: "保存成功", type: "success" });
-    }).catch((e4) => {
-      J({ message: "保存失败", type: "error" });
-    });
-  }
-  D(be, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
-  } });
-  const he = i(false);
-  const Ce = i(null), je = i({}), Se = i({}), ke = i(false);
-  let Oe;
-  function _e() {
-    Oe && clearTimeout(Oe), ke.value = false, Oe = setTimeout(() => {
-      ke.value = true;
-    }, 1);
-  }
-  function Ae(e3) {
-    if (X.configure.customEvents) {
-      let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
-      if (i2 && i2.length > 0) return i2[0];
-    }
-  }
-  return s(() => {
-    Oe && clearTimeout(Oe);
-  }), G2({ onSelectEvent: function(e3) {
-    ke.value = !(!e3 || "selected" !== e3);
-  }, addEvent: function(e3, i2) {
-    je.value = e3;
-    const n2 = Ae(e3.eventName);
-    n2 && (Se.value = n2), Ce.value = i2 || "event", _e();
-  }, changeEvent: function(e3) {
-    if (e3) {
-      Ce.value = null, je.value = e3;
-      const i2 = Ae(e3.eventName);
-      Se.value = i2 || null, _e();
-    } else ke.value = false;
-  } }), (e3, i2) => {
-    const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting");
-    return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[C, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
-      var _a;
-      (_a = Z.value) == null ? void 0 : _a.show();
-    }) }, [f(n2, { size: 18 }, { default: y(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = g("label", null, "国际化配置", -1))]), g("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
-      Y.value && Y.value.openDialog();
-    }) }, [f(n2, { size: 18 }, { default: y(() => [f(h(_))]), _: 1 }), i2[10] || (i2[10] = g("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ye()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(A))]), _: 1 }), i2[11] || (i2[11] = g("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
-      const e5 = JSON.parse(JSON.stringify(X.configure));
-      e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
-        const n3 = N(e5, i3);
-        n3 && M(n3, e5);
-      }), ne.value = e5, he.value = true;
-    }()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, j(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[C, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(U, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(P, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(z, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
-  };
-} });
+import e from "./view-design-display.vue2.js";
+/* empty css                         */
+import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const p = i(e, [["__scopeId", "data-v-d39ebdb2"]]);
 export {
-  G as default
+  p as default
 };

package/dist/es/components/design/views/design/view/view-design-display.vue2.js

@@ -1,4 +1,150 @@
-import e from "./view-design-display.vue.js";
+import { defineComponent as e, ref as i, reactive as t, computed as n, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as a, openBlock as u, Fragment as c, createElementVNode as m, createBlock as g, createCommentVNode as p, createVNode as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, normalizeStyle as j, renderList as C } from "vue";
+import { Monitor as S, Cellphone as k, Iphone as _, Plus as O, Check as A, View as T } from "@element-plus/icons";
+import { useDraggable as D } from "vue-draggable-plus";
+import x from "../../assemblys/object-design.vue.js";
+import { deepCopy as W, getUuidv4 as N, findDesignItemByUuid as E } from "../../../utils/common-util.js";
+import { addComponentRef as U } from "../../../utils/page-helper-util.js";
+import { caculatePageStyle as w } from "../../../utils/container-design-util.js";
+import J from "./view-design-preview.vue.js";
+import { ElMessage as P } from "element-plus";
+import "@vueuse/core";
+import "@element-plus/icons-vue";
+import "codemirror";
+import "@codemirror/lang-javascript";
+import "@codemirror/state";
+import "@codemirror/autocomplete";
+import "@codemirror/language";
+import "@codemirror/search";
+import "js-beautify";
+/* empty css                        */
+import "../../../utils/assemblys-config.js";
+import "../../../../../stores/page-store.js";
+import "../../../../../stores/event-undo-redo-store.js";
+import "../../../utils/eventBus.js";
+import z from "./components/quick-add-dialog.vue.js";
+import M from "./components/i18n-setting.vue.js";
+import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
+import K from "agilebuilder-ui/src/utils/request";
+import { copyHandleEvents as q, deleteDesignItem as V } from "../../../utils/page-design-util.js";
+import { setHomeChartRuntimesFromConfigure as B } from "../../../utils/home-chart-util.js";
+import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
+import "super-page-runtime";
+const L = { class: "amb-design-content-center-header" }, I = { class: "amb-design-tool" }, $ = { class: "amb-design-tool-item" }, G = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, H = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: H2, emit: Q }) {
+  const X = e2, Y = i(null), Z = i(null), ee = Q;
+  null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
+  const ie = X.configure.items, te = i(null), ne = t({ index: 0 }), le = i({}), oe = i(""), se = i(null);
+  ae();
+  const re = n(function() {
+    let e3 = null;
+    "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
+    const i2 = { width: e3 ? e3 + "px" : "" };
+    for (let e4 in le.value) i2[e4] = le.value[e4];
+    return se.value && (i2["min-height"] = se.value + "px"), i2;
+  });
+  function ae() {
+    w(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
+  }
+  l(X.configure.props, () => {
+    ae();
+  }), l(X.configure.style, () => {
+    ae();
+  });
+  const ue = i(null);
+  function ce(e3) {
+    ee("onSelectWidget", -1);
+  }
+  function me(e3, i2) {
+    ee("onSelectWidget", e3, i2);
+  }
+  function ge(e3, i2) {
+    ee("onCustomAttrWidget", e3, i2);
+  }
+  function pe(e3) {
+    const i2 = ie.indexOf(e3), n2 = t(W(e3));
+    n2.uuid = N(), q(n2), ie.splice(i2, 0, n2);
+  }
+  function fe(e3) {
+    V(ie, e3, e3.items && e3.items.length > 0, true);
+  }
+  o(() => {
+    ue.value && U(X.configure, -1, ue);
+  });
+  const de = i(null);
+  function ve() {
+    X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
+    const e3 = JSON.parse(JSON.stringify(X.configure));
+    e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
+      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
+      if (e4.tableUuids) {
+        const i2 = {};
+        e4.tableUuids = e4.tableUuids.filter((t2) => {
+          const n2 = E(e4, t2);
+          if (n2) {
+            if (R(n2, e4), e4.tableRuntimes && e4.tableRuntimes[t2]) {
+              const l2 = e4.tableRuntimes[t2];
+              l2.code && (n2.code ? i2[l2.code] = n2.code : i2[l2.code] = l2.code);
+            }
+            return true;
+          }
+          return false;
+        }), e4.listCodesMap = i2;
+      }
+      e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
+        let t2 = E(e4, i2);
+        return !!t2 && (t2 = JSON.parse(JSON.stringify(t2)), B(t2, e4), true);
+      }));
+    }(e3), K.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
+      P({ message: "保存成功", type: "success" });
+    }).catch((e4) => {
+      P({ message: "保存失败", type: "error" });
+    });
+  }
+  D(de, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
+  } });
+  const be = i(false);
+  const ye = i(null), he = i({}), je = i({}), Ce = i(false);
+  let Se;
+  function ke() {
+    Se && clearTimeout(Se), Ce.value = false, Se = setTimeout(() => {
+      Ce.value = true;
+    }, 1);
+  }
+  function _e(e3) {
+    if (X.configure.customEvents) {
+      let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
+      if (i2 && i2.length > 0) return i2[0];
+    }
+  }
+  return s(() => {
+    Se && clearTimeout(Se);
+  }), H2({ onSelectEvent: function(e3) {
+    Ce.value = !(!e3 || "selected" !== e3);
+  }, addEvent: function(e3, i2) {
+    he.value = e3;
+    const t2 = _e(e3.eventName);
+    t2 && (je.value = t2), ye.value = i2 || "event", ke();
+  }, changeEvent: function(e3) {
+    if (e3) {
+      ye.value = null, he.value = e3;
+      const i2 = _e(e3.eventName);
+      je.value = i2 || null, ke();
+    } else Ce.value = false;
+  } }), (e3, i2) => {
+    const t2 = r("el-icon"), n2 = r("el-divider"), l2 = r("Setting"), o2 = r("el-scrollbar");
+    return u(), a(c, null, [m("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ue }, [m("div", L, [m("div", I, [m("div", $, [d(m("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(t2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(t2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(t2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(n2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+      var _a;
+      (_a = Z.value) == null ? void 0 : _a.show();
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
+      Y.value && Y.value.openDialog();
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(n2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
+      const e5 = JSON.parse(JSON.stringify(X.configure));
+      e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
+        const t3 = E(e5, i3);
+        t3 && R(t3, e5);
+      }), te.value = e5, be.value = true;
+    }()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), i2[12] || (i2[12] = m("label", null, "预览", -1))])])])]), f(o2, { height: "100%" }, { default: b(() => [d(m("div", { class: v(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, t3) => (u(), g(x, { key: i3.uuid, indexObj: ne, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: te.value, modelValue: be.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => be.value = e4), onClose: i2[8] || (i2[8] = (e4) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+  };
+} });
 export {
-  e as default
+  H as default
 };

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

@@ -1,22 +1,7 @@
-import { defineComponent as e, computed as s, resolveComponent as i, createBlock as n, openBlock as t, withCtx as r, createVNode as o, unref as l, normalizeStyle as p } from "vue";
-import { SuperPageNew as a } from "super-page-runtime";
-import { PageDimensions as g } from "../../../utils/interfaces/page-design-types.js";
-const u = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: u2 }) {
-  const d = e2, m = s(() => "预览【" + d.pageDesign.label + "】"), c = u2, f = s(() => {
-    const e3 = d.pageDesign.dimensions, s2 = {};
-    let i2 = null;
-    if (g.IPAD === e3) i2 = 768;
-    else {
-      if (g.PHONE !== e3) return s2;
-      i2 = 414;
-    }
-    return s2.width = i2 + "px", s2.border = "1px solid #dcdfe6", s2["border-radius"] = "4px", s2;
-  });
-  return (e3, s2) => {
-    const g2 = i("el-dialog");
-    return t(), n(g2, { fullscreen: "", "close-on-press-escape": false, title: m.value, onClose: s2[0] || (s2[0] = (e4) => c("close")) }, { default: r(() => [o(l(a), { style: p([{ margin: "0 auto" }, f.value]), pageDesign: e3.pageDesign, publishVersion: e3.pageDesign.systemVersion, dimensions: e3.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
-  };
-} });
+import e from "./view-design-preview.vue2.js";
+/* empty css                         */
+import i from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = i(e, [["__scopeId", "data-v-3e4e707a"]]);
 export {
-  u as default
+  r as default
 };

package/dist/es/components/design/views/design/view/view-design-preview.vue2.js

@@ -1,4 +1,22 @@
-import e from "./view-design-preview.vue.js";
+import { defineComponent as e, computed as s, resolveComponent as i, createBlock as n, openBlock as t, withCtx as r, createVNode as o, unref as l, normalizeStyle as p } from "vue";
+import { SuperPageNew as a } from "super-page-runtime";
+import { PageDimensions as g } from "../../../utils/interfaces/page-design-types.js";
+const u = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: u2 }) {
+  const d = e2, m = s(() => "预览【" + d.pageDesign.label + "】"), c = u2, f = s(() => {
+    const e3 = d.pageDesign.dimensions, s2 = {};
+    let i2 = null;
+    if (g.IPAD === e3) i2 = 768;
+    else {
+      if (g.PHONE !== e3) return s2;
+      i2 = 414;
+    }
+    return s2.width = i2 + "px", s2.border = "1px solid #dcdfe6", s2["border-radius"] = "4px", s2;
+  });
+  return (e3, s2) => {
+    const g2 = i("el-dialog");
+    return t(), n(g2, { fullscreen: "", "close-on-press-escape": false, title: m.value, onClose: s2[0] || (s2[0] = (e4) => c("close")) }, { default: r(() => [o(l(a), { style: p([{ margin: "0 auto" }, f.value]), pageDesign: e3.pageDesign, publishVersion: e3.pageDesign.systemVersion, dimensions: e3.pageDesign.dimensions, isTest: true }, null, 8, ["style", "pageDesign", "publishVersion", "dimensions"])]), _: 1 }, 8, ["title"]);
+  };
+} });
 export {
-  e as default
+  u as default
 };