super-page-designer 2.2.18 → 2.2.22

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.22",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.8",
+    "agilebuilder-ui": "1.1.9",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -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.21",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.50-up"
+    "workflow-editor": "0.0.51-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",