super-page-designer 2.1.90 → 2.1.98

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

@@ -1,12 +1,12 @@
-import { defineComponent, ref, reactive, computed, watch, onMounted, resolveComponent, openBlock, createElementBlock, Fragment, createElementVNode, normalizeStyle, withDirectives, normalizeClass, createVNode, withCtx, unref, vShow, renderList, createBlock, createCommentVNode } from "vue";
-import { Monitor, Cellphone, Iphone, Plus, Check, View } from "@element-plus/icons";
-import { useDraggable } from "vue-draggable-plus";
-import _sfc_main$1 from "../../assemblys/object-design.vue.js";
-import { deepCopy, getUuidv4, findDesignItemByUuid } from "../../../utils/common-util.js";
-import { addComponentRef } from "../../../utils/page-helper-util.js";
-import { caculatePageStyle } from "../../../utils/container-design-util.js";
-import _sfc_main$2 from "./view-design-preview.vue.js";
-import { ElMessage } from "element-plus";
+import { defineComponent as e, ref as n, reactive as i, computed as t, watch as l, onMounted as s, resolveComponent as o, openBlock as u, createElementBlock as r, Fragment as a, createElementVNode as c, normalizeStyle as g, withDirectives as m, normalizeClass as p, createVNode as d, withCtx as f, unref as v, vShow as b, renderList as y, createBlock as h, createCommentVNode as j } from "vue";
+import { Monitor as C, Cellphone as k, Iphone as S, Plus as _, Check as A, View as D } from "@element-plus/icons";
+import { useDraggable as O } from "vue-draggable-plus";
+import w from "../../assemblys/object-design.vue.js";
+import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as E } from "../../../utils/common-util.js";
+import { addComponentRef as N } from "../../../utils/page-helper-util.js";
+import { caculatePageStyle as T } from "../../../utils/container-design-util.js";
+import z from "./view-design-preview.vue.js";
+import { ElMessage as J } from "element-plus";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "codemirror";
@@ -21,420 +21,119 @@ import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
-import _sfc_main$3 from "./components/quick-add-dialog.vue.js";
-import _sfc_main$4 from "./components/i18n-setting.vue.js";
-import { setTableRuntimesFromConfigure } from "../../../utils/page-table-util.js";
-import http from "agilebuilder-ui/src/utils/request";
-import { deleteDesignItem } from "../../../utils/page-design-util.js";
-const _hoisted_1 = { class: "amb-design-content-center-header" };
-const _hoisted_2 = { class: "amb-design-tool" };
-const _hoisted_3 = { class: "amb-design-tool-item" };
-const _hoisted_4 = {
-  class: "amb-design-tool-item",
-  style: { "padding-right": "20px" }
-};
-const _hoisted_5 = /* @__PURE__ */ createElementVNode("label", null, "国际化配置", -1);
-const _hoisted_6 = /* @__PURE__ */ createElementVNode("label", null, "快捷添加", -1);
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("label", null, "保存", -1);
-const _hoisted_8 = /* @__PURE__ */ createElementVNode("label", null, "预览", -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "view-design-display",
-  props: {
-    configure: {},
-    selectWidget: {},
-    selAsselbyType: {}
-  },
-  emits: [
-    "onSelectWidget",
-    "onCustomAttrWidget",
-    "changeSelectEvent",
-    "addEvent",
-    "changeSelectStandardEvent",
-    "revocation",
-    "regain"
-  ],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const quickAddDialogRef = ref(null);
-    const i18nSettingRef = ref(null);
-    const $emits = __emit;
-    if (props.configure.props == void 0) {
-      props.configure.props = {};
-    }
-    if (props.configure.style == void 0) {
-      props.configure.style = {};
-    }
-    if (props.configure.items == void 0 || props.configure.items == null) {
-      props.configure.items = [];
-    }
-    const pageItems = props.configure.items;
-    const pageDesignPreview = ref(null);
-    const componentIndexObj = reactive({
-      index: 0
-    });
-    const designStyle = ref({});
-    const designClass = ref("");
-    const borderMainHeight = ref(null);
-    caculateNewStyle();
-    const dynamicPageSizeStyle = computed(function() {
-      let pageWidth = null;
-      if (props.configure.dimensions == "ipad") {
-        pageWidth = 768;
-      } else if (props.configure.dimensions == "phone") {
-        pageWidth = 414;
-      }
-      const styleInfo = {
-        width: pageWidth ? pageWidth + "px" : ""
-      };
-      for (let field in designStyle.value) {
-        styleInfo[field] = designStyle.value[field];
-      }
-      if (borderMainHeight.value) {
-        styleInfo["min-height"] = borderMainHeight.value + "px";
-      }
-      return styleInfo;
-    });
-    watch(props.configure.props, () => {
-      caculateNewStyle();
-    });
-    watch(props.configure.style, () => {
-      caculateNewStyle();
-    });
-    function caculateNewStyle() {
-      caculatePageStyle(props.configure, designStyle, designClass);
-      if (!props.configure.runtime) {
-        props.configure.runtime = {};
-      }
-      props.configure.runtime.class = designClass.value;
-      props.configure.runtime.style = designStyle.value;
-    }
-    const winHeight = ref();
-    const contentHeightStyle = computed(() => {
-      return {
-        height: winHeight.value + "px"
-      };
-    });
-    const ambPageDesignContent = ref(null);
-    onMounted(() => {
-      if (ambPageDesignContent.value) {
-        const rect = ambPageDesignContent.value.getBoundingClientRect();
-        if (rect.y) {
-          winHeight.value = window.innerHeight - rect.y;
-        }
-        addComponentRef(props.configure, -1, ambPageDesignContent);
-      }
-      if (pageDesignBoardMain.value) {
-        const rect = pageDesignBoardMain.value.getBoundingClientRect();
-        if (rect.y) {
-          borderMainHeight.value = window.innerHeight - rect.y - 20;
-        }
-      }
-    });
-    function pageDesignClick(evt) {
-      $emits("onSelectWidget", -1);
-    }
-    function onSelectWidget(selIndex, objConfigure) {
-      $emits("onSelectWidget", selIndex, objConfigure);
-    }
-    function onCustomAttrWidget(itemConfigure, itemAttrComponent) {
-      $emits("onCustomAttrWidget", itemConfigure, itemAttrComponent);
-    }
-    function copyItem(sourceItem) {
-      const index = pageItems.indexOf(sourceItem);
-      const copyObj = reactive(deepCopy(sourceItem));
-      copyObj.uuid = getUuidv4();
-      pageItems.splice(index, 0, copyObj);
-    }
-    function deleteItem(sourceItem) {
-      deleteDesignItem(pageItems, sourceItem, sourceItem.items && sourceItem.items.length > 0, true);
-    }
-    const pageDesignBoardMain = ref(null);
-    useDraggable(pageDesignBoardMain, pageItems, {
-      filter: ".el-scrollbar__bar",
-      // 拖动表格滚动条时，不拖拽表格需要的配置
-      preventOnFilter: false,
-      // 拖动表格滚动条时，不拖拽表格需要的配置
-      group: "amb-assembly-item",
-      animation: 300,
-      ghostClass: "amb-item-ghost",
-      forceFallback: true,
-      onAdd(event) {
-      }
+import R from "./components/quick-add-dialog.vue.js";
+import U 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 { deleteDesignItem as q } from "../../../utils/page-design-util.js";
+const P = { class: "amb-design-content-center-header" }, V = { class: "amb-design-tool" }, F = { class: "amb-design-tool-item" }, H = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, I = c("label", null, "国际化配置", -1), M = c("label", null, "快捷添加", -1), $ = c("label", null, "保存", -1), G = c("label", null, "预览", -1), L = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: L2, emit: Q }) {
+  const X = e2, Y = n(null), Z = n(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 ne = X.configure.items, ie = n(null), te = i({ index: 0 }), le = n({}), se = n(""), oe = n(null);
+  re();
+  const ue = t(function() {
+    let e3 = null;
+    "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
+    const n2 = { width: e3 ? e3 + "px" : "" };
+    for (let e4 in le.value)
+      n2[e4] = le.value[e4];
+    return oe.value && (n2["min-height"] = oe.value + "px"), n2;
+  });
+  function re() {
+    T(X.configure, le, se), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = se.value, X.configure.runtime.style = le.value;
+  }
+  l(X.configure.props, () => {
+    re();
+  }), l(X.configure.style, () => {
+    re();
+  });
+  const ae = n(), ce = t(() => ({ height: ae.value + "px" })), ge = n(null);
+  function me(e3) {
+    ee("onSelectWidget", -1);
+  }
+  function pe(e3, n2) {
+    ee("onSelectWidget", e3, n2);
+  }
+  function de(e3, n2) {
+    ee("onCustomAttrWidget", e3, n2);
+  }
+  function fe(e3) {
+    const n2 = ne.indexOf(e3), t2 = i(x(e3));
+    t2.uuid = W(), ne.splice(n2, 0, t2);
+  }
+  function ve(e3) {
+    q(ne, e3, e3.items && e3.items.length > 0, true);
+  }
+  s(() => {
+    if (ge.value) {
+      const e3 = ge.value.getBoundingClientRect();
+      e3.y && (ae.value = window.innerHeight - e3.y), N(X.configure, -1, ge);
+    }
+    if (be.value) {
+      const e3 = be.value.getBoundingClientRect();
+      e3.y && (oe.value = window.innerHeight - e3.y - 20);
+    }
+  });
+  const be = n(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) {
+      e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((n2) => {
+        const i2 = E(e4, n2);
+        return !!i2 && (B(i2, 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) => {
+      J({ message: "保存成功", type: "success" });
+    }).catch((e4) => {
+      J({ message: "保存失败", type: "error" });
     });
-    function saveForm() {
-      if (props.configure.i18nKeys && props.configure.i18nKeys.length > 0) {
-        props.configure.i18nKeys = Array.from(new Set(props.configure.i18nKeys));
-      }
-      const configureCopy = JSON.parse(JSON.stringify(props.configure));
-      configureCopy.tableRuntimes = {};
-      configureCopy.currentTableConfig = {};
-      beforeSaveForm(configureCopy);
-      http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/save", {
-        id: props.configure.id,
-        designJson: JSON.stringify(configureCopy)
-      }).then((res) => {
-        console.log(res);
-        ElMessage({
-          message: "保存成功",
-          type: "success"
-        });
-      }).catch((error) => {
-        console.log(error);
-        ElMessage({
-          message: "保存失败",
-          type: "error"
-        });
-      });
-    }
-    const previewVisible = ref(false);
-    function preview() {
-      const configureCopy = JSON.parse(JSON.stringify(props.configure));
-      configureCopy.tableRuntimes = {};
-      if (configureCopy.tableUuids) {
-        configureCopy.tableUuids.forEach((tableUuid) => {
-          const table = findDesignItemByUuid(configureCopy, tableUuid);
-          if (table) {
-            setTableRuntimesFromConfigure(table, configureCopy);
-          }
-        });
-        console.log("saveForm----setTableRuntimes=", configureCopy);
-      }
-      pageDesignPreview.value = configureCopy;
-      previewVisible.value = true;
-    }
-    function quickAdd() {
-      if (quickAddDialogRef.value) {
-        quickAddDialogRef.value.openDialog();
-      }
-    }
-    const handleTypeVal = ref(null);
-    const eventFormContent = ref({});
-    const customEventContent = ref({});
-    const isShowEventContent = ref(false);
-    function onSelectEvent(newValue) {
-      if (newValue && newValue === "selected") {
-        isShowEventContent.value = true;
-      } else {
-        isShowEventContent.value = false;
-      }
-    }
-    function addEvent(eventForm, handleType) {
-      eventFormContent.value = eventForm;
-      const customEvent = getCustomEventByEventName(eventForm.eventName);
-      if (customEvent) {
-        customEventContent.value = customEvent;
-      }
-      if (handleType) {
-        handleTypeVal.value = handleType;
-      } else {
-        handleTypeVal.value = "event";
-      }
-      refreshJsContent();
-    }
-    function changeEvent(eventForm) {
-      if (!eventForm) {
-        isShowEventContent.value = false;
-      } else {
-        handleTypeVal.value = null;
-        eventFormContent.value = eventForm;
-        const customEvent = getCustomEventByEventName(eventForm.eventName);
-        if (customEvent) {
-          customEventContent.value = customEvent;
-        } else {
-          customEventContent.value = null;
-        }
-        refreshJsContent();
-      }
-    }
-    function refreshJsContent() {
-      isShowEventContent.value = false;
-      setTimeout(() => {
-        isShowEventContent.value = true;
-      }, 1);
-    }
-    function getCustomEventByEventName(eventName) {
-      if (props.configure.customEvents) {
-        let eventObjs = props.configure.customEvents.filter((event) => event.eventName === eventName);
-        if (eventObjs && eventObjs.length > 0) {
-          return eventObjs[0];
-        }
-      }
-    }
-    function openI18nSetting() {
-      var _a;
-      (_a = i18nSettingRef.value) == null ? void 0 : _a.show();
-    }
-    function beforeSaveForm(configureCopy) {
-      if (configureCopy.tableUuids) {
-        configureCopy.tableUuids = configureCopy.tableUuids.filter((tableUuid) => {
-          const table = findDesignItemByUuid(configureCopy, tableUuid);
-          if (table) {
-            setTableRuntimesFromConfigure(table, configureCopy);
-            return true;
-          }
-          return false;
-        });
-      }
+  }
+  O(be, ne, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
+  } });
+  const he = n(false);
+  const je = n(null), Ce = n({}), ke = n({}), Se = n(false);
+  function _e() {
+    Se.value = false, setTimeout(() => {
+      Se.value = true;
+    }, 1);
+  }
+  function Ae(e3) {
+    if (X.configure.customEvents) {
+      let n2 = X.configure.customEvents.filter((n3) => n3.eventName === e3);
+      if (n2 && n2.length > 0)
+        return n2[0];
     }
-    __expose({ onSelectEvent, addEvent, changeEvent });
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_divider = resolveComponent("el-divider");
-      const _component_Setting = resolveComponent("Setting");
-      return openBlock(), createElementBlock(Fragment, null, [
-        createElementVNode("div", {
-          class: "amb-design-content",
-          ref_key: "ambPageDesignContent",
-          ref: ambPageDesignContent,
-          style: normalizeStyle(contentHeightStyle.value)
-        }, [
-          createElementVNode("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                withDirectives(createElementVNode("label", {
-                  class: normalizeClass(["amb-page-type", { selected: !_ctx.configure.dimensions || _ctx.configure.dimensions == "pc" }]),
-                  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.configure.dimensions = "pc")
-                }, [
-                  createVNode(_component_el_icon, { size: 23 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Monitor))
-                    ]),
-                    _: 1
-                  })
-                ], 2), [
-                  [vShow, _ctx.selAsselbyType === "assembly"]
-                ]),
-                withDirectives(createElementVNode("label", {
-                  class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "ipad" }]),
-                  onClick: _cache[1] || (_cache[1] = ($event) => _ctx.configure.dimensions = "ipad")
-                }, [
-                  createVNode(_component_el_icon, { size: 23 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Cellphone))
-                    ]),
-                    _: 1
-                  })
-                ], 2), [
-                  [vShow, _ctx.selAsselbyType === "assembly"]
-                ]),
-                withDirectives(createElementVNode("label", {
-                  class: normalizeClass(["amb-page-type", { selected: _ctx.configure.dimensions == "phone" }]),
-                  onClick: _cache[2] || (_cache[2] = ($event) => _ctx.configure.dimensions = "phone")
-                }, [
-                  createVNode(_component_el_icon, { size: 23 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Iphone))
-                    ]),
-                    _: 1
-                  })
-                ], 2), [
-                  [vShow, _ctx.selAsselbyType === "assembly"]
-                ]),
-                withDirectives(createVNode(_component_el_divider, { direction: "vertical" }, null, 512), [
-                  [vShow, _ctx.selAsselbyType === "assembly"]
-                ])
-              ]),
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("label", {
-                  class: "amb-page-type",
-                  onClick: _cache[3] || (_cache[3] = ($event) => openI18nSetting())
-                }, [
-                  createVNode(_component_el_icon, { size: 18 }, {
-                    default: withCtx(() => [
-                      createVNode(_component_Setting)
-                    ]),
-                    _: 1
-                  }),
-                  _hoisted_5
-                ]),
-                createElementVNode("label", {
-                  class: "amb-page-type",
-                  onClick: _cache[4] || (_cache[4] = ($event) => quickAdd())
-                }, [
-                  createVNode(_component_el_icon, { size: 18 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Plus))
-                    ]),
-                    _: 1
-                  }),
-                  _hoisted_6
-                ]),
-                createVNode(_component_el_divider, { direction: "vertical" }),
-                createElementVNode("label", {
-                  class: "amb-page-type",
-                  style: { "margin-left": "0px" },
-                  onClick: _cache[5] || (_cache[5] = ($event) => saveForm())
-                }, [
-                  createVNode(_component_el_icon, { size: 18 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(Check))
-                    ]),
-                    _: 1
-                  }),
-                  _hoisted_7
-                ]),
-                createVNode(_component_el_divider, { direction: "vertical" }),
-                createElementVNode("label", {
-                  class: "amb-page-type",
-                  style: { "margin-left": "0px" },
-                  onClick: _cache[6] || (_cache[6] = ($event) => preview())
-                }, [
-                  createVNode(_component_el_icon, { size: 18 }, {
-                    default: withCtx(() => [
-                      createVNode(unref(View))
-                    ]),
-                    _: 1
-                  }),
-                  _hoisted_8
-                ])
-              ])
-            ])
-          ]),
-          withDirectives(createElementVNode("div", {
-            class: normalizeClass(["amb-design-board", designClass.value]),
-            ref_key: "pageDesignBoardMain",
-            ref: pageDesignBoardMain,
-            style: normalizeStyle(dynamicPageSizeStyle.value),
-            onClick: pageDesignClick
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pageItems), (element, itemIndex) => {
-              return openBlock(), createBlock(_sfc_main$1, {
-                key: element.uuid,
-                indexObj: componentIndexObj,
-                configure: element,
-                pageDesign: _ctx.configure,
-                selectWidget: _ctx.selectWidget,
-                onOnSelectWidget: onSelectWidget,
-                onOnCustomAttrWidget: onCustomAttrWidget,
-                onOnCopy: copyItem,
-                onOnDelete: deleteItem
-              }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]);
-            }), 128))
-          ], 6), [
-            [vShow, _ctx.selAsselbyType === "assembly"]
-          ])
-        ], 4),
-        previewVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
-          key: 0,
-          pageDesign: pageDesignPreview.value,
-          modelValue: previewVisible.value,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => previewVisible.value = $event),
-          onClose: _cache[8] || (_cache[8] = ($event) => previewVisible.value = false)
-        }, null, 8, ["pageDesign", "modelValue"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$3, {
-          ref_key: "quickAddDialogRef",
-          ref: quickAddDialogRef,
-          pageDesign: _ctx.configure
-        }, null, 8, ["pageDesign"]),
-        createVNode(_sfc_main$4, {
-          ref_key: "i18nSettingRef",
-          ref: i18nSettingRef,
-          pageDesign: _ctx.configure
-        }, null, 8, ["pageDesign"])
-      ], 64);
-    };
   }
-});
+  return L2({ onSelectEvent: function(e3) {
+    Se.value = !(!e3 || "selected" !== e3);
+  }, addEvent: function(e3, n2) {
+    Ce.value = e3;
+    const i2 = Ae(e3.eventName);
+    i2 && (ke.value = i2), je.value = n2 || "event", _e();
+  }, changeEvent: function(e3) {
+    if (e3) {
+      je.value = null, Ce.value = e3;
+      const n2 = Ae(e3.eventName);
+      ke.value = n2 || null, _e();
+    } else
+      Se.value = false;
+  } }), (e3, n2) => {
+    const i2 = o("el-icon"), t2 = o("el-divider"), l2 = o("Setting");
+    return u(), r(a, null, [c("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: g(ce.value) }, [c("div", P, [c("div", V, [c("div", F, [m(c("label", { class: p(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: n2[0] || (n2[0] = (n3) => e3.configure.dimensions = "pc") }, [d(i2, { size: 23 }, { default: f(() => [d(v(C))]), _: 1 })], 2), [[b, "assembly" === e3.selAsselbyType]]), m(c("label", { class: p(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: n2[1] || (n2[1] = (n3) => e3.configure.dimensions = "ipad") }, [d(i2, { size: 23 }, { default: f(() => [d(v(k))]), _: 1 })], 2), [[b, "assembly" === e3.selAsselbyType]]), m(c("label", { class: p(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: n2[2] || (n2[2] = (n3) => e3.configure.dimensions = "phone") }, [d(i2, { size: 23 }, { default: f(() => [d(v(S))]), _: 1 })], 2), [[b, "assembly" === e3.selAsselbyType]]), m(d(t2, { direction: "vertical" }, null, 512), [[b, "assembly" === e3.selAsselbyType]])]), c("div", H, [c("label", { class: "amb-page-type", onClick: n2[3] || (n2[3] = (e4) => {
+      var _a;
+      (_a = Z.value) == null ? void 0 : _a.show();
+    }) }, [d(i2, { size: 18 }, { default: f(() => [d(l2)]), _: 1 }), I]), c("label", { class: "amb-page-type", onClick: n2[4] || (n2[4] = (e4) => {
+      Y.value && Y.value.openDialog();
+    }) }, [d(i2, { size: 18 }, { default: f(() => [d(v(_))]), _: 1 }), M]), d(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[5] || (n2[5] = (e4) => ye()) }, [d(i2, { size: 18 }, { default: f(() => [d(v(A))]), _: 1 }), $]), d(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[6] || (n2[6] = (e4) => function() {
+      const e5 = JSON.parse(JSON.stringify(X.configure));
+      e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((n3) => {
+        const i3 = E(e5, n3);
+        i3 && B(i3, e5);
+      }), ie.value = e5, he.value = true;
+    }()) }, [d(i2, { size: 18 }, { default: f(() => [d(v(D))]), _: 1 }), G])])])]), m(c("div", { class: p(["amb-design-board", se.value]), ref_key: "pageDesignBoardMain", ref: be, style: g(ue.value), onClick: me }, [(u(true), r(a, null, y(v(ne), (n3, i3) => (u(), h(w, { key: n3.uuid, indexObj: te, configure: n3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: de, onOnCopy: fe, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[b, "assembly" === e3.selAsselbyType]])], 4), he.value ? (u(), h(z, { key: 0, pageDesign: ie.value, modelValue: he.value, "onUpdate:modelValue": n2[7] || (n2[7] = (e4) => he.value = e4), onClose: n2[8] || (n2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : j("", true), d(R, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), d(U, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+  };
+} });
 export {
-  _sfc_main as default
+  L as default
 };

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

@@ -1,4 +1,4 @@
-import _sfc_main from "./view-design-display.vue.js";
+import e from "./view-design-display.vue.js";
 export {
-  _sfc_main as default
+  e as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import _sfc_main from "./view-design-preview.vue.js";
+import e from "./view-design-preview.vue.js";
 export {
-  _sfc_main as default
+  e as default
 };