super-page-designer 2.2.76 → 2.2.77-sit3

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

@@ -1,11 +1,11 @@
-import { defineComponent as e, ref as l, onMounted as t, resolveComponent as a, createBlock as o, openBlock as n, withCtx as s, createVNode as u, nextTick as d } from "vue";
+import { defineComponent as e, ref as l, onMounted as t, resolveComponent as a, createBlock as o, openBlock as n, withCtx as s, createVNode as d, nextTick as u } from "vue";
 import i from "./i18n-setting-enabled.vue.js";
 import g from "./i18n-setting-page.vue.js";
 const p = e({ __name: "i18n-setting", props: { pageDesign: { type: Object, default: "" } }, emits: ["close"], setup(e2, { expose: p2, emit: m }) {
   const f = m, c = l(false), r = l("page"), v = (e3, l2) => {
   }, h = l(), b = l();
   function y() {
-    d(() => {
+    u(() => {
       h.value.dialogContentRef && (b.value = h.value.dialogContentRef);
     });
   }
@@ -16,8 +16,8 @@ const p = e({ __name: "i18n-setting", props: { pageDesign: { type: Object, defau
   }), p2({ show: function() {
     c.value = true;
   } }), (l2, t2) => {
-    const d2 = a("el-tab-pane"), p3 = a("el-tabs"), m2 = a("el-dialog");
-    return n(), o(m2, { modelValue: c.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => c.value = e3), "close-on-press-escape": "", ref_key: "dialogRef", ref: h, "destroy-on-close": "", style: { height: "75vh" }, width: "70%", title: "国际化配置", onOpened: y, onClose: C }, { default: s(() => [u(p3, { modelValue: r.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => r.value = e3), class: "demo-tabs", onTabClick: v }, { default: s(() => [u(d2, { label: "当前页面", name: "page", style: { height: "60vh" } }, { default: s(() => [u(g, { "page-design": e2.pageDesign }, null, 8, ["page-design"])]), _: 1 }), u(d2, { label: "所有可用", name: "enabled", style: { height: "60vh" } }, { default: s(() => [u(i, { "system-code": e2.pageDesign.systemCode, dialogContentRef: b.value }, null, 8, ["system-code", "dialogContentRef"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue"]);
+    const u2 = a("el-tab-pane"), p3 = a("el-tabs"), m2 = a("el-dialog");
+    return n(), o(m2, { modelValue: c.value, "onUpdate:modelValue": t2[1] || (t2[1] = (e3) => c.value = e3), "close-on-press-escape": "", "append-to-body": "", ref_key: "dialogRef", ref: h, "destroy-on-close": "", style: { height: "75vh" }, width: "70%", title: "国际化配置", onOpened: y, onClose: C }, { default: s(() => [d(p3, { modelValue: r.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => r.value = e3), class: "demo-tabs", onTabClick: v }, { default: s(() => [d(u2, { label: "当前页面", name: "page", style: { height: "60vh" } }, { default: s(() => [d(g, { "page-design": e2.pageDesign }, null, 8, ["page-design"])]), _: 1 }), d(u2, { label: "所有可用", name: "enabled", style: { height: "60vh" } }, { default: s(() => [d(i, { "system-code": e2.pageDesign.systemCode, dialogContentRef: b.value }, null, 8, ["system-code", "dialogContentRef"])]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue"]);
   };
 } });
 export {

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

@@ -1,6 +1,6 @@
 import { defineComponent as e, ref as t, reactive as s, computed as o, resolveComponent as l, createElementBlock as i, openBlock as a, Fragment as n, createVNode as p, withCtx as r, createElementVNode as u, unref as m, createTextVNode as d, renderList as f, createBlock as c } from "vue";
-import { ElMessage as b, ElMessageBox as g } from "element-plus";
-import { Check as y, Search as v, Close as h } from "@element-plus/icons";
+import { ElMessage as b, ElMessageBox as y } from "element-plus";
+import { Check as g, Search as v, Close as h } from "@element-plus/icons";
 import V from "../../../assemblys/common/common-select-table.vue.js";
 import C from "./quick-add-fields.vue.js";
 import "agilebuilder-ui/src/utils/request";
@@ -69,7 +69,7 @@ const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     }
   }
   function Z() {
-    P.tableName ? P.buttons && 0 != P.buttons.length || P.fieldInfos && 0 != P.fieldInfos.length ? g.confirm("确定要添加吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
+    P.tableName ? P.buttons && 0 != P.buttons.length || P.fieldInfos && 0 != P.fieldInfos.length ? y.confirm("确定要添加吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
       "form" == P.pageType ? function() {
         const e4 = [];
         if (P.buttons && P.buttons.length > 0) {
@@ -129,6 +129,7 @@ const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
           }
         }
         (function(e5) {
+          var _a, _b;
           let t3 = -1;
           const s3 = e5.items;
           for (let e6 = 0; e6 < s3.length; e6++) {
@@ -149,7 +150,7 @@ const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
           });
           for (let t4 of P.listButtons) {
             const s4 = G[t4], o3 = te(s4 ? s4.label : "按钮", t4);
-            o3.props && o3.props.base && (o3.props.base.size = "small"), e5.btnList.push(o3);
+            o3.props && o3.props.base && (o3.props.base.size = "small"), ((_a = s4.props) == null ? void 0 : _a.base) && (o3.props.base = { ...o3.props.base ?? {}, ...((_b = s4.props) == null ? void 0 : _b.base) ?? {} }), e5.btnList.push(o3);
           }
         })(t2), t2.props.dataOrigin || (t2.props.dataOrigin = {});
         t2.props.dataOrigin.optionValueSetType = "dataTable", t2.tableSysCode = P.systemCode, t2.tableSysVersion = P.systemVersion, t2.props.dataOrigin.tableName = P.tableName, t2.props.dataOrigin.alias = P.tableAlias, t2.modelFields = P.modelFields, e4.push(t2), B.items || (B.items = []);
@@ -170,10 +171,10 @@ const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
       return o2.index > l2 ? 1 : 0;
     });
     for (let t2 of P.buttons) {
-      const s2 = G[t2];
+      const s2 = G[t2], o2 = (s2 == null ? void 0 : s2.props) ?? {};
       if (!s2) continue;
-      let o2 = null;
-      o2 = "button-detail" == s2.name ? te(s2.label, t2) : se(s2.name), o2 && e3.items.push(o2);
+      let l2 = null;
+      "button-detail" == s2.name ? (l2 = te(s2.label, t2), (o2 == null ? void 0 : o2.base) && (l2.props.base = { ...l2.props.base ?? {}, ...(o2 == null ? void 0 : o2.base) ?? {} })) : l2 = se(s2.name), l2 && e3.items.push(l2);
     }
     return e3;
   }
@@ -197,8 +198,8 @@ const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "1
     let e3 = window.innerHeight - 110 - 310 - 20;
     e3 > 500 ? e3 = 500 : e3 < 100 && (e3 = 100), U.value = e3, W.value = true;
   } }), (e3, t2) => {
-    const s2 = l("el-button"), o2 = l("el-radio"), b2 = l("el-radio-group"), g2 = l("el-form-item"), x2 = l("el-col"), T2 = l("el-switch"), _2 = l("el-input"), N2 = l("el-row"), w2 = l("el-checkbox"), k2 = l("el-checkbox-group"), F2 = l("el-form"), O2 = l("el-divider"), j2 = l("el-dialog");
-    return a(), i(n, null, [p(j2, { modelValue: W.value, "onUpdate:modelValue": t2[5] || (t2[5] = (e4) => W.value = e4), "close-on-press-escape": "", title: "快捷添加", onClose: t2[6] || (t2[6] = (e4) => L("close")), width: "900" }, { default: r(() => [u("div", I, [p(s2, { size: "small", type: "primary", style: { "margin-left": "10px" }, icon: m(y), onClick: Z }, { default: r(() => t2[7] || (t2[7] = [d("确定")])), _: 1 }, 8, ["icon"])]), p(F2, { style: { "margin-top": "15px" }, size: "small" }, { default: r(() => [p(N2, null, { default: r(() => [p(x2, { span: 6 }, { default: r(() => [p(g2, { label: "    页面类型", class: "amb-design-attr-item" }, { default: r(() => [p(b2, { modelValue: P.pageType, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => P.pageType = e4) }, { default: r(() => [p(o2, { value: "form" }, { default: r(() => t2[8] || (t2[8] = [d("表单")])), _: 1 }), p(o2, { value: "list" }, { default: r(() => t2[9] || (t2[9] = [d("台帐")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), p(x2, { span: 4 }, { default: r(() => [p(g2, { label: "工作流模式", class: "amb-design-attr-item" }, { default: r(() => [p(T2, { disabled: "form" != P.pageType, modelValue: P.isWorkflow, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => P.isWorkflow = e4) }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }), p(x2, { span: 12 }, { default: r(() => [p(g2, { label: "数据表", class: "amb-design-attr-item" }, { default: r(() => [p(_2, { modelValue: P.tableAlias, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => P.tableAlias = e4), title: P.tableAlias, clearable: "", readonly: "true", onClick: Q }, { append: r(() => [p(s2, { icon: m(v), onClick: Q, size: "small" }, null, 8, ["icon"]), p(s2, { icon: m(h), onClick: X, title: "Clear", size: "small" }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })]), _: 1 })]), _: 1 }), p(g2, { label: "    可选功能", class: "amb-design-attr-item" }, { default: r(() => [p(k2, { modelValue: P.buttons, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => P.buttons = e4), onChange: $ }, { default: r(() => [(a(true), i(n, null, f(K.value, (e4) => (a(), c(w2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(g2, { label: "行编辑功能", class: "amb-design-attr-item" }, { default: r(() => [p(k2, { modelValue: P.listButtons, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => P.listButtons = e4) }, { default: r(() => [(a(), i(n, null, f(M, (e4) => p(w2, { disabled: "list" != P.pageType, value: e4.value, label: e4.label }, null, 8, ["disabled", "value", "label"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), p(O2, { style: { "margin-bottom": "10px", "margin-top": "-10px" } }), p(C, { model: P, ref_key: "addFieldsRef", ref: E, height: U.value }, null, 8, ["model", "height"])]), _: 1 }, 8, ["modelValue"]), p(V, { ref_key: "selectTableDialog", ref: D, onSelectTable: Y, systemCode: m(B).systemCode, systemVersion: m(B).systemVersion }, null, 8, ["systemCode", "systemVersion"])], 64);
+    const s2 = l("el-button"), o2 = l("el-radio"), b2 = l("el-radio-group"), y2 = l("el-form-item"), x2 = l("el-col"), T2 = l("el-switch"), _2 = l("el-input"), N2 = l("el-row"), w2 = l("el-checkbox"), k2 = l("el-checkbox-group"), F2 = l("el-form"), O2 = l("el-divider"), j2 = l("el-dialog");
+    return a(), i(n, null, [p(j2, { "append-to-body": "", modelValue: W.value, "onUpdate:modelValue": t2[5] || (t2[5] = (e4) => W.value = e4), "close-on-press-escape": "", title: "快捷添加", onClose: t2[6] || (t2[6] = (e4) => L("close")), width: "900" }, { default: r(() => [u("div", I, [p(s2, { size: "small", type: "primary", style: { "margin-left": "10px" }, icon: m(g), onClick: Z }, { default: r(() => t2[7] || (t2[7] = [d("确定")])), _: 1 }, 8, ["icon"])]), p(F2, { style: { "margin-top": "15px" }, size: "small" }, { default: r(() => [p(N2, null, { default: r(() => [p(x2, { span: 6 }, { default: r(() => [p(y2, { label: "    页面类型", class: "amb-design-attr-item" }, { default: r(() => [p(b2, { modelValue: P.pageType, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => P.pageType = e4) }, { default: r(() => [p(o2, { value: "form" }, { default: r(() => t2[8] || (t2[8] = [d("表单")])), _: 1 }), p(o2, { value: "list" }, { default: r(() => t2[9] || (t2[9] = [d("台帐")])), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), p(x2, { span: 4 }, { default: r(() => [p(y2, { label: "工作流模式", class: "amb-design-attr-item" }, { default: r(() => [p(T2, { disabled: "form" != P.pageType, modelValue: P.isWorkflow, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => P.isWorkflow = e4) }, null, 8, ["disabled", "modelValue"])]), _: 1 })]), _: 1 }), p(x2, { span: 12 }, { default: r(() => [p(y2, { label: "数据表", class: "amb-design-attr-item" }, { default: r(() => [p(_2, { modelValue: P.tableAlias, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => P.tableAlias = e4), title: P.tableAlias, clearable: "", readonly: "true", onClick: Q }, { append: r(() => [p(s2, { type: "default", icon: m(v), onClick: Q, size: "small" }, null, 8, ["icon"]), p(s2, { type: "default", icon: m(h), onClick: X, title: "Clear", size: "small" }, null, 8, ["icon"])]), _: 1 }, 8, ["modelValue", "title"])]), _: 1 })]), _: 1 })]), _: 1 }), p(y2, { label: "    可选功能", class: "amb-design-attr-item" }, { default: r(() => [p(k2, { modelValue: P.buttons, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => P.buttons = e4), onChange: $ }, { default: r(() => [(a(true), i(n, null, f(K.value, (e4) => (a(), c(w2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 1 }, 8, ["modelValue"])]), _: 1 }), p(y2, { label: "行编辑功能", class: "amb-design-attr-item" }, { default: r(() => [p(k2, { modelValue: P.listButtons, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => P.listButtons = e4) }, { default: r(() => [(a(), i(n, null, f(M, (e4) => p(w2, { disabled: "list" != P.pageType, value: e4.value, label: e4.label }, null, 8, ["disabled", "value", "label"])), 64))]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), _: 1 }), p(O2, { style: { "margin-bottom": "10px", "margin-top": "-10px" } }), p(C, { model: P, ref_key: "addFieldsRef", ref: E, height: U.value }, null, 8, ["model", "height"])]), _: 1 }, 8, ["modelValue"]), p(V, { ref_key: "selectTableDialog", ref: D, onSelectTable: Y, systemCode: m(B).systemCode, systemVersion: m(B).systemVersion }, null, 8, ["systemCode", "systemVersion"])], 64);
   };
 } });
 export {

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

@@ -1,6 +1,6 @@
-import { defineComponent as e, ref as l, onMounted as a, resolveComponent as t, createBlock as o, openBlock as n, withCtx as u, createVNode as r, createElementVNode as i, createElementBlock as s, Fragment as d, createTextVNode as c, toDisplayString as v, createCommentVNode as p } from "vue";
-import { ElMessage as m } from "element-plus";
-import f from "agilebuilder-ui/src/utils/request";
+import { defineComponent as e, ref as l, onMounted as a, resolveComponent as t, createBlock as o, openBlock as n, withCtx as u, createVNode as r, createElementVNode as d, createElementBlock as i, Fragment as s, createTextVNode as c, toDisplayString as v, createCommentVNode as p } from "vue";
+import { ElMessage as f } from "element-plus";
+import m from "agilebuilder-ui/src/utils/request";
 const g = { class: "dialog-footer" }, y = e({ __name: "translate-error-dialog", props: { systemCode: { type: String, default: "" }, languages: { type: Array, default: [] }, errorTranslateData: { type: Object, default: () => ({}) } }, emits: ["close"], setup(e2, { emit: y2 }) {
   const h = e2, w = y2, b = l(true), k = l([]), C = l([]), _ = l(""), x = l(null);
   function V() {
@@ -24,19 +24,19 @@ const g = { class: "dialog-footer" }, y = e({ __name: "translate-error-dialog",
   };
   function $(e3) {
     const l2 = { lang: h.errorTranslateData.lang, systemCode: h.systemCode, languageValues: e3 };
-    f.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/language-value/save-with-lang", l2).then(() => {
-      x.value = null, m.success({ message: "保存成功", showClose: true });
+    m.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/language-value/save-with-lang", l2).then(() => {
+      x.value = null, f.success({ message: "保存成功", showClose: true });
     });
   }
   function z() {
     w("close");
   }
   return (e3, l2) => {
-    const a2 = t("el-alert"), m2 = t("el-table-column"), f2 = t("el-input"), y3 = t("el-button"), h2 = t("el-table"), w2 = t("el-dialog");
-    return n(), o(w2, { title: "翻译结果参照", width: "700", modelValue: b.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => b.value = e4), onClose: z, "destroy-on-close": "", "apped-to-body": "", "close-on-click-modal": "" }, { footer: u(() => [i("div", g, [C.value.length > 0 ? (n(), o(y3, { key: 0, type: "primary", onClick: V }, { default: u(() => [c(" 保存选中行（" + v(C.value.length) + "）条 ", 1)]), _: 1 })) : p("", true), r(y3, { onClick: z }, { default: u(() => l2[4] || (l2[4] = [c(" 返回 ")])), _: 1 })])]), default: u(() => [r(a2, { title: "语言类型：" + _.value, type: "warning", closable: false }, null, 8, ["title"]), l2[5] || (l2[5] = i("br", null, null, -1)), r(h2, { data: k.value, style: { width: "100%" }, height: "500", onRowClick: T, ref: "multipleTableRef", onSelectionChange: D }, { default: u(() => [r(m2, { type: "selection", width: "55" }), r(m2, { type: "index", width: "50" }), r(m2, { prop: "code", label: "编码", width: "180" }), r(m2, { prop: "value", label: "翻译结果", width: "180" }, { default: u((e4) => [x.value === e4.$index ? (n(), o(f2, { key: 0, modelValue: e4.row.value, "onUpdate:modelValue": (l3) => e4.row.value = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (n(), s(d, { key: 1 }, [c(v(e4.row.value), 1)], 64))]), _: 1 }), r(m2, { align: "center", label: "操作" }, { default: u((e4) => [x.value === e4.$index ? (n(), o(y3, { key: 0, type: "primary", size: "small", onClick: (l3) => {
+    const a2 = t("el-alert"), f2 = t("el-table-column"), m2 = t("el-input"), y3 = t("el-button"), h2 = t("el-table"), w2 = t("el-dialog");
+    return n(), o(w2, { title: "翻译结果参照", width: "700", modelValue: b.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => b.value = e4), onClose: z, "destroy-on-close": "", "apped-to-body": "", "close-on-click-modal": "" }, { footer: u(() => [d("div", g, [C.value.length > 0 ? (n(), o(y3, { key: 0, type: "primary", onClick: V }, { default: u(() => [c(" 保存选中行（" + v(C.value.length) + "）条 ", 1)]), _: 1 })) : p("", true), r(y3, { type: "default", onClick: z }, { default: u(() => l2[4] || (l2[4] = [c(" 返回 ")])), _: 1 })])]), default: u(() => [r(a2, { title: "语言类型：" + _.value, type: "warning", closable: false }, null, 8, ["title"]), l2[5] || (l2[5] = d("br", null, null, -1)), r(h2, { data: k.value, style: { width: "100%" }, height: "500", onRowClick: T, ref: "multipleTableRef", onSelectionChange: D }, { default: u(() => [r(f2, { type: "selection", width: "55" }), r(f2, { type: "index", width: "50" }), r(f2, { prop: "code", label: "编码", width: "180" }), r(f2, { prop: "value", label: "翻译结果", width: "180" }, { default: u((e4) => [x.value === e4.$index ? (n(), o(m2, { key: 0, modelValue: e4.row.value, "onUpdate:modelValue": (l3) => e4.row.value = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (n(), i(s, { key: 1 }, [c(v(e4.row.value), 1)], 64))]), _: 1 }), r(f2, { align: "center", label: "操作" }, { default: u((e4) => [x.value === e4.$index ? (n(), o(y3, { key: 0, type: "primary", size: "small", onClick: (l3) => {
       return e4.$index, a3 = e4.row, void $({ [a3.code]: a3.value });
       var a3;
-    } }, { default: u(() => l2[1] || (l2[1] = [c(" 保存 ")])), _: 2 }, 1032, ["onClick"])) : (n(), s(d, { key: 1 }, [r(y3, { size: "small", onClick: (l3) => {
+    } }, { default: u(() => l2[1] || (l2[1] = [c(" 保存 ")])), _: 2 }, 1032, ["onClick"])) : (n(), i(s, { key: 1 }, [r(y3, { type: "default", size: "small", onClick: (l3) => {
       return a3 = e4.$index, e4.row, void (x.value = a3);
       var a3;
     } }, { default: u(() => l2[2] || (l2[2] = [c(" 编辑 ")])), _: 2 }, 1032, ["onClick"]), r(y3, { size: "small", type: "danger", onClick: (l3) => {

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

@@ -1,7 +1,7 @@
 import e from "./page-switch.vue2.js";
 /* empty css                 */
 import t from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = t(e, [["__scopeId", "data-v-2076fde4"]]);
+const p = t(e, [["__scopeId", "data-v-e8f0bd36"]]);
 export {
   p as default
 };

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,7 @@
 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"]]);
+const p = i(e, [["__scopeId", "data-v-f5b621c2"]]);
 export {
   p 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
 };