super-page-designer 2.2.85 → 2.2.90

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

@@ -50,7 +50,7 @@ const k = { style: { display: "flex", "min-width": "60px", height: "60px", "marg
   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 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)]);
+    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, { type: "default", 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,7 +1,150 @@
-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-82c28039"]]);
+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 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, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
+  ae();
+  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 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), t2 = n(W(e3));
+    t2.uuid = N(), q(t2), ie.splice(i2, 0, t2);
+  }
+  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((n2) => {
+          const t2 = E(e4, n2);
+          if (t2) {
+            if (R(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 = E(e4, i2);
+        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), B(n2, 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 n2 = _e(e3.eventName);
+    n2 && (je.value = n2), 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 n2 = r("el-icon"), t2 = 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(n2, { 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(n2, { 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(n2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(f(t2, { 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(n2, { 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(n2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), i2[10] || (i2[10] = m("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ve()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), i2[11] || (i2[11] = m("label", null, "保存", -1))]), f(t2, { 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 n3 = E(e5, i3);
+        n3 && R(n3, e5);
+      }), ne.value = e5, be.value = true;
+    }()) }, [f(n2, { 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 amb-design-board-main", oe.value]), ref_key: "pageDesignBoardMain", ref: de, style: j(re.value), onClick: ce }, [(u(true), a(c, null, C(y(ie), (i3, n3) => (u(), g(x, { key: i3.uuid, indexObj: te, 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: ne.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 {
-  p as default
+  H as default
 };

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

@@ -1,150 +1,4 @@
-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);
-  };
-} });
+import e from "./view-design-display.vue.js";
 export {
-  H as default
+  e as default
 };

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

@@ -1,7 +1,7 @@
 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"]]);
+const r = i(e, [["__scopeId", "data-v-f796b484"]]);
 export {
   r as default
 };

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

@@ -1,4 +1,4 @@
-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 { defineComponent as e, computed as s, resolveComponent as i, createBlock as n, openBlock as t, withCtx as o, createVNode as r, unref as p, normalizeStyle as l } 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 }) {
@@ -14,7 +14,7 @@ const u = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: [
   });
   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"]);
+    return t(), n(g2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: m.value, onClose: s2[0] || (s2[0] = (e4) => c("close")) }, { default: o(() => [r(p(a), { style: l([{ 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 {

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

@@ -1,49 +1,50 @@
-import { defineComponent as e, reactive as n, ref as t, resolveComponent as l, createBlock as o, openBlock as s, withCtx as a, createVNode as i, unref as c } from "vue";
+import { defineComponent as e, reactive as n, ref as t, resolveComponent as o, createBlock as l, openBlock as s, withCtx as a, createVNode as i, unref as c } from "vue";
 import u from "./assemblys-container.vue.js";
 import r from "./view-design-display.vue.js";
 import f from "./attr-container.vue.js";
-const v = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: v2, emit: g }) {
-  const m = e2, d = g;
-  null == m.configure.items && (m.configure.items = []);
-  const y = n({ value: -1 }), p = t(null);
-  let E = t("assembly");
+import v from "./components/el-aside-expand-component.vue.js";
+const g = e({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(e2, { expose: g2, emit: m }) {
+  const d = e2, p = m;
+  null == d.configure.items && (d.configure.items = []);
+  const y = n({ value: -1 }), E = t(null);
+  let S = t("assembly");
   function b(e3, n2) {
-    e3 = null == e3 ? -1 : e3, y.value = e3, -1 == e3 && (n2 = m.configure), p.value && p.value && (null == n2.style && (n2.style = {}), null == n2.props && (n2.props = {}), null == n2.events && (n2.events = []), p.value.changeAssembly(n2));
+    e3 = null == e3 ? -1 : e3, y.value = e3, -1 == e3 && (n2 = d.configure), E.value && E.value && (null == n2.style && (n2.style = {}), null == n2.props && (n2.props = {}), null == n2.events && (n2.events = []), E.value.changeAssembly(n2));
   }
-  function S(e3, n2) {
-    p.value.changeAssemblyByComponent(e3, n2);
+  function h(e3, n2) {
+    E.value.changeAssemblyByComponent(e3, n2);
   }
-  const h = t(null);
-  function _(e3) {
-    E.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", h.value.onSelectEvent(e3);
+  const _ = t(null);
+  function C(e3) {
+    S.value = e3 && "selected" === e3 ? "pageEvent" : "assembly", _.value.onSelectEvent(e3);
   }
-  function C(e3, n2) {
-    h.value.addEvent(e3, n2);
+  function W(e3, n2) {
+    _.value.addEvent(e3, n2);
   }
-  function W(e3) {
-    h.value.changeEvent(e3);
-  }
-  function A() {
-    d("revocation");
+  function A(e3) {
+    _.value.changeEvent(e3);
   }
   function R() {
-    d("regain");
+    p("revocation");
+  }
+  function j() {
+    p("regain");
   }
   const I = t(null);
   function O(e3) {
     I.value.changeSelectEvent(e3);
   }
-  function j(e3) {
+  function k(e3) {
     I.value.doCreateEvent(e3);
   }
-  function k(e3, n2) {
+  function w(e3, n2) {
     I.value.changeSelectStandardEvent(e3, n2);
   }
-  return v2({ onSelectWidget: b }), (e3, n2) => {
-    const t2 = l("el-aside"), v3 = l("el-main"), g2 = l("el-container");
-    return s(), o(g2, { class: "amb-container" }, { default: a(() => [i(t2, { class: "amb-container-left" }, { default: a(() => [i(u, { ref_key: "assemblysContainerRef", ref: I, configure: e3.configure, designItems: e3.configure.items, selectWidget: y, onOnSelectWidget: b, onAddEvent: C, onChangeEvent: W, onOnSelectEvent: _ }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), i(v3, { class: "amb-container-main" }, { default: a(() => [i(r, { ref_key: "viewDesignDisplayRef", ref: h, configure: e3.configure, selectWidget: y, selAsselbyType: c(E), onOnSelectWidget: b, onOnCustomAttrWidget: S, onChangeSelectEvent: O, onAddEvent: j, onChangeSelectStandardEvent: k, onRevocation: A, onRegain: R }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), i(t2, { class: "amb-container-attr" }, { default: a(() => [i(f, { pageInfo: e3.configure, system: e3.system, ref_key: "attrContainerRef", ref: p }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
+  return g2({ onSelectWidget: b }), (e3, n2) => {
+    const t2 = o("el-main"), g3 = o("el-container");
+    return s(), l(g3, { class: "amb-container" }, { default: a(() => [i(v, null, { default: a(() => [i(u, { ref_key: "assemblysContainerRef", ref: I, configure: e3.configure, designItems: e3.configure.items, selectWidget: y, onOnSelectWidget: b, onAddEvent: W, onChangeEvent: A, onOnSelectEvent: C }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), i(t2, { class: "amb-container-main" }, { default: a(() => [i(r, { ref_key: "viewDesignDisplayRef", ref: _, configure: e3.configure, selectWidget: y, selAsselbyType: c(S), onOnSelectWidget: b, onOnCustomAttrWidget: h, onChangeSelectEvent: O, onAddEvent: k, onChangeSelectStandardEvent: w, onRevocation: R, onRegain: j }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), i(v, { direction: "left" }, { default: a(() => [i(f, { pageInfo: e3.configure, system: e3.system, ref_key: "attrContainerRef", ref: E }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
   };
 } });
 export {
-  v as default
+  g as default
 };

package/dist/es/index.js

@@ -1,4 +1,4 @@
-/* empty css                       */
+/* empty css                        */
 /* empty css                          */
 import { default as default2 } from "./components/design/views/design/page-design.vue.js";
 export {