super-page-designer 2.2.18 → 2.2.20

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

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

package/dist/es/style.css

@@ -679,7 +679,7 @@ fieldset.amb-design-item-selected {
   text-align: center;
 }
 
-.event-item[data-v-3535d532] {
+.event-item[data-v-18fb54c3] {
   font-size: 12px;
   border-bottom: 2px dashed #f5f6f8;
   padding-top: 5px;
@@ -9489,7 +9489,7 @@ li[data-v-5581ec9f] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-a6394e9b] {
+.seleteSort[data-v-b3158a02] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.18",
+  "version": "2.2.20",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -41,7 +41,7 @@
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
     "service-flow-designer": "2.2.14",
-    "super-page-runtime": "2.2.17",
+    "super-page-runtime": "2.2.19",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",