super-page-designer 2.2.85 → 2.2.89-sit11

package/dist/es/components/design/views/design/view/components/el-aside-expand-component.vue.js

@@ -0,0 +1,24 @@
+import { ref as e, onMounted as t, watch as a, resolveComponent as l, createBlock as n, openBlock as i, normalizeStyle as d, normalizeClass as o, withCtx as r, withDirectives as s, createCommentVNode as u, createVNode as c, createElementVNode as g, renderSlot as f, vShow as p } from "vue";
+/* empty css                               */
+import v from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const h = v({ __name: "el-aside-expand-component", props: { direction: { type: String, default: "right", validator: (e2) => ["left", "right"].includes(e2) }, width: { type: String, default: "280px" }, defaultExpanded: { type: Boolean, default: true }, toggleable: { type: Boolean, default: true } }, emits: ["expand-change"], setup(v2, { emit: h2 }) {
+  const m = v2, x = h2, y = e(null), _ = e(m.defaultExpanded), b = e(false), w = () => !!y.value && (y.value.children.length > 0 || y.value.textContent.trim().length > 0), k = () => {
+    m.toggleable && (_.value = !_.value, x("expand-change", _.value));
+  };
+  return t(() => {
+    b.value = w();
+  }), a(() => {
+    var _a;
+    return (_a = y.value) == null ? void 0 : _a.innerHTML;
+  }, () => {
+    b.value = w();
+  }), a(() => m.toggleable, (e2) => {
+    e2 || (_.value = true);
+  }), (e2, t2) => {
+    const a2 = l("el-scrollbar"), h3 = l("el-button"), m2 = l("el-aside");
+    return i(), n(m2, { class: o(["transition-all duration-300 ease-in-out el-aside-expand-container", ["right" === v2.direction ? "right-aside" : "left-aside", { expanded: _.value }]]), style: d({ maxWidth: v2.width }) }, { default: r(() => [s(c(a2, { class: "amd-el-aside-content-scrollbar", height: "100%", style: d({ width: v2.width }) }, { default: r(() => [g("div", { class: "amd-el-aside-content", ref_key: "contentRef", ref: y }, [f(e2.$slots, "default", {}, void 0, true)], 512)]), _: 3 }, 8, ["style"]), [[p, _.value]]), v2.toggleable && b.value ? (i(), n(h3, { key: 0, type: "primary", size: "small", class: o(["toggle-btn", ["right" === v2.direction ? "right-toggle-btn" : "left-toggle-btn", { expanded: _.value }]]), onClick: k }, { default: r(() => [g("i", { class: o(["right" === v2.direction ? _.value ? "fa fa-chevron-left" : "fa fa-chevron-right" : _.value ? "fa fa-chevron-right" : "fa fa-chevron-left", "text-white"]) }, null, 2)]), _: 1 }, 8, ["class"])) : u("", true)]), _: 3 }, 8, ["class", "style"]);
+  };
+} }, [["__scopeId", "data-v-51944ec4"]]);
+export {
+  h as default
+};

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

@@ -1,5 +1,5 @@
 import { defineComponent as e, ref as t, onMounted as o, nextTick as l, resolveComponent as a, resolveDirective as n, createElementBlock as i, openBlock as s, Fragment as r, createElementVNode as p, createVNode as c, withDirectives as u, createBlock as d, unref as m, withCtx as g, createTextVNode as f } from "vue";
-import { Plus as b, Delete as y, Refresh as v } from "@element-plus/icons";
+import { Plus as y, Delete as b, Refresh as v } from "@element-plus/icons";
 import w from "agilebuilder-ui/src/utils/request";
 import { ElMessageBox as h, ElMessage as C, ElLoading as k } from "element-plus";
 const S = { style: { padding: "0 0 10px 0" } }, T = e({ __name: "i18n-setting-enabled", props: { systemCode: { type: String, default: "" } }, emits: ["close"], setup(e2, { expose: T2, emit: A }) {
@@ -52,7 +52,7 @@ const S = { style: { padding: "0 0 10px 0" } }, T = e({ __name: "i18n-setting-en
   }), o(() => {
   }), T2({}), (e3, t2) => {
     const o2 = a("el-button"), l2 = a("super-grid"), w2 = n("loading");
-    return s(), i(r, null, [p("div", S, [u((s(), d(o2, { disabled: N.value, icon: m(b), type: "primary", onClick: j }, { default: g(() => t2[0] || (t2[0] = [f(" 新建 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { disabled: N.value, icon: m(y), type: "danger", onClick: q }, { default: g(() => t2[1] || (t2[1] = [f(" 删除 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { align: "left", class: "button--default", icon: m(v), onClick: H }, { default: g(() => t2[2] || (t2[2] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[w2, N.value]])]), c(l2, { style: { width: "100%" }, ref_key: "grid", ref: x, url: m(_) + "/bs/language-package/list", options: D, code: "BS_LANGUAGE_PACKAGE", onSelect: B, onSelectAll: B }, null, 8, ["url"])], 64);
+    return s(), i(r, null, [p("div", S, [u((s(), d(o2, { disabled: N.value, icon: m(y), type: "primary", onClick: j }, { default: g(() => t2[0] || (t2[0] = [f(" 新建 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { disabled: N.value, icon: m(b), type: "danger", onClick: q }, { default: g(() => t2[1] || (t2[1] = [f(" 删除 ")])), _: 1 }, 8, ["disabled", "icon"])), [[w2, N.value]]), u((s(), d(o2, { type: "default", align: "left", class: "button--default", icon: m(v), onClick: H }, { default: g(() => t2[2] || (t2[2] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[w2, N.value]])]), c(l2, { style: { width: "100%" }, ref_key: "grid", ref: x, url: m(_) + "/bs/language-package/list", options: D, code: "BS_LANGUAGE_PACKAGE", onSelect: B, onSelectAll: B }, null, 8, ["url"])], 64);
   };
 } });
 export {

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

@@ -1,7 +1,7 @@
 import e from "./i18n-setting-page.vue2.js";
 /* empty css                       */
 import t from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-const p = t(e, [["__scopeId", "data-v-8e6fbc57"]]);
+const p = t(e, [["__scopeId", "data-v-68ce085a"]]);
 export {
   p as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as l, reactive as a, computed as t, resolveComponent as n, resolveDirective as u, createElementBlock as o, openBlock as s, Fragment as i, createElementVNode as r, withDirectives as d, createBlock as p, createCommentVNode as c, createVNode as g, unref as v, withCtx as m, createTextVNode as f, renderList as h, toDisplayString as y } from "vue";
+import { defineComponent as e, ref as l, reactive as a, computed as t, resolveComponent as u, resolveDirective as n, createElementBlock as o, openBlock as s, Fragment as i, createElementVNode as r, withDirectives as d, createBlock as p, createCommentVNode as c, createVNode as g, unref as v, withCtx as m, createTextVNode as f, renderList as y, toDisplayString as h } from "vue";
 import { Plus as C, Reading as b, Refresh as w } from "@element-plus/icons-vue";
 import { ElMessageBox as D, ElMessage as E } from "element-plus";
 import k from "agilebuilder-ui/src/utils/request";
@@ -72,8 +72,8 @@ const _ = { style: { padding: "0 0 10px 0" }, class: "amb-design-attr-item-inlin
     L.value = false, J();
   };
   return O2({}), (l2, a2) => {
-    const t2 = n("el-button"), D2 = n("el-input"), k2 = n("el-table-column"), O3 = n("el-table"), K2 = n("el-form-item"), I2 = n("el-form"), Q2 = n("el-dialog"), ae = u("loading");
-    return s(), o(i, null, [r("div", _, [d((s(), p(t2, { align: "left", type: "primary", icon: v(C), onClick: Y }, { default: m(() => a2[4] || (a2[4] = [f(" 新增 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { align: "left", type: "primary", icon: v(b), onClick: N }, { default: m(() => a2[5] || (a2[5] = [f(" 自动翻译 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { align: "left", class: "button--default", icon: v(w), onClick: H }, { default: m(() => a2[6] || (a2[6] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { align: "left", class: "button--default", icon: v(w), onClick: J }, { default: m(() => a2[7] || (a2[7] = [f(" 刷新 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), g(D2, { style: { width: "200px", "margin-left": "20px" }, modelValue: B.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => B.value = e3), clearable: "", placeholder: "筛选" }, null, 8, ["modelValue"])]), d((s(), p(O3, { data: G.value, border: "", stripe: "", onSelectionChange: X, style: { width: "100%" }, height: U.value, size: "small" }, { default: m(() => [g(k2, { type: "selection", width: "55", align: "center" }), g(k2, { type: "index", width: "50", align: "center", label: "序号" }), g(k2, { prop: "CODE", label: "国际化编码", width: "180", align: "center" }), (s(true), o(i, null, h(z.value, (e3) => (s(), p(k2, { prop: e3.value, label: e3.name, align: "center" }, { default: m((l3) => [P.value === l3.$index ? (s(), p(D2, { key: 0, modelValue: l3.row[e3.value], "onUpdate:modelValue": (a3) => l3.row[e3.value] = a3, size: "small", style: { "text-align": "center" }, class: "centered-input" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (s(), o("span", x, y(l3.row[e3.value]), 1))]), _: 2 }, 1032, ["prop", "label"]))), 256)), g(k2, { prop: "REMARK", label: "备注", width: "180", align: "center" }, { default: m((e3) => [P.value === e3.$index ? (s(), p(D2, { key: 0, modelValue: e3.row.REMARK, "onUpdate:modelValue": (l3) => e3.row.REMARK = l3, size: "small", class: "centered-input" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (s(), o("span", A, y(e3.row.REMARK), 1))]), _: 1 }), g(k2, { prop: "TRANSLATED", label: "已翻译", width: "180", align: "center" }, { default: m((e3) => [f(y(true === e3.row.TRANSLATED ? "是" : "否"), 1)]), _: 1 }), g(k2, { align: "center", label: "操作" }, { default: m((e3) => [-1 === P.value || P.value !== e3.$index ? (s(), o(i, { key: 0 }, [g(t2, { size: "small", onClick: (l3) => {
+    const t2 = u("el-button"), D2 = u("el-input"), k2 = u("el-table-column"), O3 = u("el-table"), K2 = u("el-form-item"), I2 = u("el-form"), Q2 = u("el-dialog"), ae = n("loading");
+    return s(), o(i, null, [r("div", _, [d((s(), p(t2, { align: "left", type: "primary", icon: v(C), onClick: Y }, { default: m(() => a2[4] || (a2[4] = [f(" 新增 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { align: "left", type: "primary", icon: v(b), onClick: N }, { default: m(() => a2[5] || (a2[5] = [f(" 自动翻译 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { type: "default", align: "left", class: "button--default", icon: v(w), onClick: H }, { default: m(() => a2[6] || (a2[6] = [f(" 更新缓存 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), d((s(), p(t2, { type: "default", align: "left", class: "button--default", icon: v(w), onClick: J }, { default: m(() => a2[7] || (a2[7] = [f(" 刷新 ")])), _: 1 }, 8, ["icon"])), [[ae, T.value]]), g(D2, { style: { width: "200px", "margin-left": "20px" }, modelValue: B.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => B.value = e3), clearable: "", placeholder: "筛选" }, null, 8, ["modelValue"])]), d((s(), p(O3, { data: G.value, border: "", stripe: "", onSelectionChange: X, style: { width: "100%" }, height: U.value, size: "small" }, { default: m(() => [g(k2, { type: "selection", width: "55", align: "center" }), g(k2, { type: "index", width: "50", align: "center", label: "序号" }), g(k2, { prop: "CODE", label: "国际化编码", width: "180", align: "center" }), (s(true), o(i, null, y(z.value, (e3) => (s(), p(k2, { prop: e3.value, label: e3.name, align: "center" }, { default: m((l3) => [P.value === l3.$index ? (s(), p(D2, { key: 0, modelValue: l3.row[e3.value], "onUpdate:modelValue": (a3) => l3.row[e3.value] = a3, size: "small", style: { "text-align": "center" }, class: "centered-input" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (s(), o("span", x, h(l3.row[e3.value]), 1))]), _: 2 }, 1032, ["prop", "label"]))), 256)), g(k2, { prop: "REMARK", label: "备注", width: "180", align: "center" }, { default: m((e3) => [P.value === e3.$index ? (s(), p(D2, { key: 0, modelValue: e3.row.REMARK, "onUpdate:modelValue": (l3) => e3.row.REMARK = l3, size: "small", class: "centered-input" }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (s(), o("span", A, h(e3.row.REMARK), 1))]), _: 1 }), g(k2, { prop: "TRANSLATED", label: "已翻译", width: "180", align: "center" }, { default: m((e3) => [f(h(true === e3.row.TRANSLATED ? "是" : "否"), 1)]), _: 1 }), g(k2, { align: "center", label: "操作" }, { default: m((e3) => [-1 === P.value || P.value !== e3.$index ? (s(), o(i, { key: 0 }, [g(t2, { type: "default", size: "small", onClick: (l3) => {
       return a3 = e3.$index, e3.row, void (-1 === P.value ? P.value = a3 : E.warning("请先保存或取消当前编辑行"));
       var a3;
     } }, { default: m(() => a2[8] || (a2[8] = [f(" 修改 ")])), _: 2 }, 1032, ["onClick"]), g(t2, { size: "small", type: "danger", onClick: (l3) => {
@@ -86,7 +86,7 @@ const _ = { style: { padding: "0 0 10px 0" }, class: "amb-design-attr-item-inlin
         E.error("保存失败");
       });
       var a3;
-    } }, { default: m(() => a2[10] || (a2[10] = [f(" 保存 ")])), _: 2 }, 1032, ["onClick"]), g(t2, { size: "small", onClick: (l3) => (e3.$index, e3.row, void (P.value = -1)) }, { default: m(() => a2[11] || (a2[11] = [f(" 取消编辑 ")])), _: 2 }, 1032, ["onClick"])], 64)) : c("", true)]), _: 1 })]), _: 1 }, 8, ["data", "height"])), [[ae, T.value]]), r("span", null, "总条数：" + y(G.value.length), 1), L.value ? (s(), p(V, { key: 0, systemCode: e2.pageDesign.systemCode, languages: z.value, errorTranslateData: q.value, onClose: le }, null, 8, ["systemCode", "languages", "errorTranslateData"])) : c("", true), S.value ? (s(), p(Q2, { key: 1, modelValue: S.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => S.value = e3), width: "500", title: "新增", "append-to-body": "" }, { footer: m(() => [r("div", R, [g(t2, { onClick: ee }, { default: m(() => a2[12] || (a2[12] = [f("取消")])), _: 1 }), g(t2, { type: "primary", onClick: Z }, { default: m(() => a2[13] || (a2[13] = [f(" 保存 ")])), _: 1 })])]), default: m(() => [g(I2, { ref: "addFormRef", style: { "max-width": "600px" }, model: j.value, rules: F, "label-width": "auto", class: "demo-addForm", size: "small", "status-icon": "" }, { default: m(() => [g(K2, { label: "编码", prop: "CODE" }, { default: m(() => [g(D2, { modelValue: j.value.CODE, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => j.value.CODE = e3) }, null, 8, ["modelValue"])]), _: 1 }), (s(true), o(i, null, h(z.value, (e3) => (s(), p(K2, { prop: e3.value, label: e3.name }, { default: m(() => [g(D2, { modelValue: j.value[e3.value], "onUpdate:modelValue": (l3) => j.value[e3.value] = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["prop", "label"]))), 256)), g(K2, { label: "备注", prop: "REMARK" }, { default: m(() => [g(D2, { modelValue: j.value.REMARK, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => j.value.REMARK = e3) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["model", "rules"])]), _: 1 }, 8, ["modelValue"])) : c("", true)], 64);
+    } }, { default: m(() => a2[10] || (a2[10] = [f(" 保存 ")])), _: 2 }, 1032, ["onClick"]), g(t2, { type: "default", size: "small", onClick: (l3) => (e3.$index, e3.row, void (P.value = -1)) }, { default: m(() => a2[11] || (a2[11] = [f(" 取消编辑 ")])), _: 2 }, 1032, ["onClick"])], 64)) : c("", true)]), _: 1 })]), _: 1 }, 8, ["data", "height"])), [[ae, T.value]]), r("span", null, "总条数：" + h(G.value.length), 1), L.value ? (s(), p(V, { key: 0, systemCode: e2.pageDesign.systemCode, languages: z.value, errorTranslateData: q.value, onClose: le }, null, 8, ["systemCode", "languages", "errorTranslateData"])) : c("", true), S.value ? (s(), p(Q2, { key: 1, modelValue: S.value, "onUpdate:modelValue": a2[3] || (a2[3] = (e3) => S.value = e3), width: "500", title: "新增", "append-to-body": "" }, { footer: m(() => [r("div", R, [g(t2, { type: "default", onClick: ee }, { default: m(() => a2[12] || (a2[12] = [f("取消")])), _: 1 }), g(t2, { type: "primary", onClick: Z }, { default: m(() => a2[13] || (a2[13] = [f(" 保存 ")])), _: 1 })])]), default: m(() => [g(I2, { ref: "addFormRef", style: { "max-width": "600px" }, model: j.value, rules: F, "label-width": "auto", class: "demo-addForm", size: "small", "status-icon": "" }, { default: m(() => [g(K2, { label: "编码", prop: "CODE" }, { default: m(() => [g(D2, { modelValue: j.value.CODE, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => j.value.CODE = e3) }, null, 8, ["modelValue"])]), _: 1 }), (s(true), o(i, null, y(z.value, (e3) => (s(), p(K2, { prop: e3.value, label: e3.name }, { default: m(() => [g(D2, { modelValue: j.value[e3.value], "onUpdate:modelValue": (l3) => j.value[e3.value] = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 2 }, 1032, ["prop", "label"]))), 256)), g(K2, { label: "备注", prop: "REMARK" }, { default: m(() => [g(D2, { modelValue: j.value.REMARK, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => j.value.REMARK = e3) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["model", "rules"])]), _: 1 }, 8, ["modelValue"])) : c("", true)], 64);
   };
 } });
 export {

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