super-page-designer 2.3.18-tmp1-design1 → 2.3.19-sit1-design1

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

@@ -1,6 +1,6 @@
 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 { Monitor as k, Cellphone as S, Iphone as _, Plus as O, Check as A, View as D } from "@element-plus/icons";
+import { useDraggable as T } 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";
@@ -89,13 +89,13 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
       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) {
+  T(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(() => {
+  let ke;
+  function Se() {
+    ke && clearTimeout(ke), Ce.value = false, ke = setTimeout(() => {
       Ce.value = true;
     }, 1);
   }
@@ -106,33 +106,33 @@ const L = { class: "amb-design-content-center-header" }, I = { class: "amb-desig
     }
   }
   return s(() => {
-    Se && clearTimeout(Se);
+    ke && clearTimeout(ke);
   }), 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();
+    n2 && (je.value = n2), ye.value = i2 || "event", Se();
   }, changeEvent: function(e3) {
     if (e3) {
       ye.value = null, he.value = e3;
       const i2 = _e(e3.eventName);
-      je.value = i2 || null, ke();
+      je.value = i2 || null, Se();
     } 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) => {
+    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(k))]), _: 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(S))]), _: 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) => {
+    }) }, [f(n2, { size: 18 }, { default: b(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = m("label", null, "国际化配置", -1))]), e3.configure.ucrDesign ? p("", true) : (u(), a("label", { key: 0, 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() {
+    }) }, [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 && K(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);
+    }()) }, [f(n2, { size: 18 }, { default: b(() => [f(y(D))]), _: 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 {

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-dbebb1c1"]]);
+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,20 +1,22 @@
-import { defineComponent as e, computed as i, ref as s, resolveComponent as t, createBlock as r, openBlock as l, withCtx as o, createElementVNode as a, unref as u } from "vue";
-import "super-page-runtime";
-import p from "agilebuilder-ui/src/utils/auth-api";
-import { getSystemFrontendUrlWith as n } from "agilebuilder-ui/src/utils/common-util";
-import { setSessionCache as g } from "agilebuilder-ui/src/utils/auth";
-const m = ["src"], c = e({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(e2, { emit: c2 }) {
-  const d = e2, f = i(() => "预览【" + d.pageDesign.label + "】"), v = c2, w = d.pageDesign.systemCode;
-  let y = p.getSystemCacheFrontendUrlByCode(w);
-  y = n(y);
-  const D = d.pageDesign.code;
-  g("preview_" + D, JSON.stringify(d.pageDesign));
-  let _ = s(null);
-  return _.value = y + "#/dsc-full-screen/page?customSystem=" + w + "&pageCode=" + D + "&isNewPage=true&isPreview=true&_t_=" + (/* @__PURE__ */ new Date()).getTime(), (e3, i2) => {
-    const s2 = t("el-dialog");
-    return l(), r(s2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: f.value, onClose: i2[0] || (i2[0] = (e4) => v("close")) }, { default: o(() => [a("iframe", { class: "preview-page-iframe", src: u(_) }, null, 8, m)]), _: 1 }, 8, ["title"]);
+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 }) {
+  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: "", "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 {
-  c as default
+  u as default
 };

package/dist/es/stores/undo-redo-store.js

@@ -13,7 +13,7 @@ const u = l("snapshot", () => {
     if (a.value > 0) {
       v.value = false;
       let u3 = JSON.parse(l2.value[--a.value]);
-      e2.value = u3, e2.value;
+      e2.value = u3;
     }
   }, record: function(e2) {
     if (a.value < l2.value.length - 1) {

package/dist/es/style.css

@@ -525,7 +525,6 @@
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 
 .amb-design-item-title {
@@ -805,7 +804,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -835,14 +834,9 @@ fieldset.amb-design-item-selected {
 .amb-object-design-ref[data-v-c2d9c8d5] .el-table td.el-table__cell > .cell {
   padding-left: 2px;
   padding-right: 2px;
-}.runtime-page-container[data-v-dbebb1c1] {
+}.runtime-page-container[data-v-f796b484] {
   height: calc(100vh - 73px);
 }
-.preview-page-iframe[data-v-dbebb1c1] {
-  width: 100%;
-  border: none;
-  height: calc(100vh - 80px);
-}
 .editorTool[data-v-f39498c6] {
   margin-left: auto;
 }
@@ -856,7 +850,7 @@ fieldset.amb-design-item-selected {
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
 }
 
-[data-v-b1a52546] .el-cascader-menu {
+[data-v-b16110ab] .el-cascader-menu {
   min-width: 120px !important;
 }
 
@@ -912,19 +906,47 @@ fieldset.amb-design-item-selected {
   height: 100%;
 }
 /* 定义滚动条的轨道 */
-[data-v-e8f0bd36]::-webkit-scrollbar {
+[data-v-d6244281]::-webkit-scrollbar {
+  height: 6px;
+  width: 6px; /* 宽度 */
+}
+
+/* 定义滑块 */
+[data-v-d6244281]::-webkit-scrollbar-thumb {
+  background-color: darkgrey; /* 滑块颜色 */
+  border-radius: 5px; /* 圆角 */
+}
+
+/* 当滑块hover时改变颜色 */
+[data-v-d6244281]::-webkit-scrollbar-thumb:hover {
+  background-color: grey;
+}
+.item-side {
+&[data-v-d6244281] {
+  display: flex;
+  align-items: center;
+  }
+.file[data-v-d6244281] {
+    width: 17px;
+    height: 17px;
+    margin-right: 5px;
+}
+}
+
+/* 定义滚动条的轨道 */
+[data-v-7bc002a0]::-webkit-scrollbar {
   height: 6px;
   width: 6px; /* 宽度 */
 }
 
 /* 定义滑块 */
-[data-v-e8f0bd36]::-webkit-scrollbar-thumb {
+[data-v-7bc002a0]::-webkit-scrollbar-thumb {
   background-color: darkgrey; /* 滑块颜色 */
   border-radius: 5px; /* 圆角 */
 }
 
 /* 当滑块hover时改变颜色 */
-[data-v-e8f0bd36]::-webkit-scrollbar-thumb:hover {
+[data-v-7bc002a0]::-webkit-scrollbar-thumb:hover {
   background-color: grey;
 }
 ._amb-page-container_1k9lg_1 {
@@ -1551,7 +1573,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -1793,7 +1814,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -2257,7 +2278,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -2499,7 +2519,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -2954,7 +2974,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -3196,7 +3215,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -3651,7 +3670,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -3893,7 +3911,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -4348,7 +4366,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -4590,7 +4607,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -5045,7 +5062,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -5287,7 +5303,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -5746,7 +5762,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -5988,7 +6003,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -6447,7 +6462,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -6689,7 +6703,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -7144,7 +7158,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -7386,7 +7399,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -7841,7 +7854,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -8083,7 +8095,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -8538,7 +8550,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -8780,7 +8791,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -9237,7 +9248,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -9479,7 +9489,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -9934,7 +9944,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -10176,7 +10185,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -10705,7 +10714,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -10947,7 +10955,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -11529,7 +11537,6 @@ li[data-v-d06d5717] {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -11771,7 +11778,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -12234,7 +12241,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -12476,7 +12482,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -12931,7 +12937,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -13173,7 +13178,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -13182,7 +13187,7 @@ fieldset.amb-design-item-selected {
   background-color: var(--el-fill-color-blank);
 }
 
-.collapse-item-content[data-v-0f3331ae] {
+.collapse-item-content[data-v-4240c332] {
   padding: 8px 0px 0px 0px;
 }
 
@@ -13684,7 +13689,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -13926,7 +13930,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -14381,7 +14385,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -14623,7 +14626,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -15078,7 +15081,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -15320,7 +15322,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -15775,7 +15777,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -16017,7 +16018,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -16485,7 +16486,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -16727,7 +16727,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -17182,7 +17182,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -17424,7 +17423,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -17879,7 +17878,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -18121,7 +18119,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -18576,7 +18574,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -18818,7 +18815,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -19352,7 +19349,6 @@ li[data-v-21af26bc] {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -19594,7 +19590,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;
@@ -20053,7 +20049,6 @@ fieldset.amb-design-item-selected {
   outline-offset: 1px;
   outline: 1px solid #e6a23c !important;
   z-index: 10;
-  /* border: 1px solid #e6a23c !important; */
 }
 .amb-design-item-title {
   position: absolute;
@@ -20295,7 +20290,7 @@ fieldset.amb-design-item-selected {
   padding: 0;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default {
-  padding: 0;
+  padding: 2px;
 }
 .amb-design-board-main .el-tabs .amb-design-item-default.el-tabs--top {
   flex-direction: column-reverse;