super-page-designer 2.2.61 → 2.2.64

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
 };