super-page-designer 2.3.22-design1-tmp2 → 2.3.23-design1

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

@@ -0,0 +1,208 @@
+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 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";
+import { queryTableFields as x } from "../../../../utils/page-table-util.js";
+import { deepCopy as T, getUuidv4 as _ } from "../../../../utils/common-util.js";
+import { standardButtonOperations as N, getDesignConfByName as w } from "../../../../utils/assemblys-config.js";
+import { usePageContextStore as k } from "../../../../../../stores/page-store.js";
+import { watchValidate as F } from "../../../../utils/form-design-util.js";
+import { tableField as O } from "../../../../../../stores/table-store.js";
+import { setPagetemI18nKey as j } from "../../../../utils/page-i18n-util.js";
+const I = { style: { "background-color": "rgba(88, 147, 239, 0.06)", padding: "10px" } }, S = e({ __name: "quick-add-dialog", props: { pageDesign: {} }, emits: ["close"], setup(e2, { expose: S2, emit: q }) {
+  const z = e2, A = k(), B = A.pageContext ? A.pageContext : {}, L = q, U = t(300), W = t(false), D = t(null), E = t(null), P = s({ tableName: "", tableAlias: "", systemCode: "", systemVersion: 0, pageType: "form", isWorkflow: null, buttons: [], listButtons: [], modelFields: [], fieldInfos: [] }), H = O(), R = {};
+  function $() {
+    P.pageType && (R[P.pageType] = P.buttons);
+  }
+  const G = {};
+  let J = 1;
+  const K = o(() => {
+    const e3 = [];
+    for (let t2 of N) if (t2.type == P.pageType || "list" === P.pageType && "list-edit" === t2.type) {
+      const s2 = t2.options;
+      for (let o2 of s2) {
+        if ("list-edit" === t2.type && "lineEditCreate" != o2.value) continue;
+        const s3 = {};
+        Object.assign(s3, o2), s3.name = "button-detail", "lineEditCreate" === o2.value ? e3.splice(0, 0, s3) : "search" != o2.value && e3.push(s3), s3.index = J++, G[s3.value] = s3;
+      }
+    }
+    if (P.isWorkflow && "form" == P.pageType) {
+      const t2 = { name: "workflow-button", value: "workflow-button", label: "工作流按钮", index: J++ };
+      e3.push(t2.value), G[t2.value] = t2;
+    }
+    if (P.pageType) {
+      if (!R[P.pageType]) {
+        const t2 = [];
+        for (let s2 of e3) t2.push(s2.value);
+        R[P.pageType] = t2;
+      }
+      P.buttons = R[P.pageType];
+    }
+    return e3;
+  }), M = [];
+  for (let e3 of N) if ("list-edit" == e3.type) {
+    const t2 = e3.options;
+    for (let e4 of t2) {
+      if ("lineEditCreate" === e4.value) continue;
+      const t3 = {};
+      Object.assign(t3, e4), M.push(t3), t3.index = J++, G[t3.value] = t3;
+    }
+  }
+  function Q() {
+    D.value.openDialog();
+  }
+  function X() {
+    P.tableAlias = "", P.tableName = "", P.fieldInfos = [], P.modelFields = [];
+  }
+  function Y(e3) {
+    let t2 = P.systemCode ? P.systemCode : "";
+    t2 += "_", t2 += P.systemVersion ? P.systemVersion : "", t2 += "_", t2 += P.tableName ? P.tableName : "";
+    let s2 = e3.systemCode ? e3.systemCode : "";
+    if (s2 += "_", s2 += e3.systemVersion ? e3.systemVersion : "", s2 += "_", s2 += e3.name ? e3.name : "", s2 != t2) {
+      P.systemCode = e3.systemCode, P.systemVersion = e3.systemVersion, P.tableName = e3.name, P.tableAlias = e3.alias;
+      const t3 = e3.systemCode ? e3.systemCode : B.systemCode, s3 = e3.systemVersion ? e3.systemVersion : B.systemVersion;
+      x(t3, s3, e3.name).then((e4) => {
+        P.fieldInfos = [], P.modelFields = e4, H.addFieldList(e4), E.value && E.value.updateInitFields();
+      });
+    }
+  }
+  function Z() {
+    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) {
+          const t3 = ee();
+          t3 && e4.push(t3);
+        }
+        const t2 = se("form");
+        t2.items || (t2.items = []);
+        const s2 = se("layout");
+        s2.items || (s2.items = []);
+        if (t2.items.push(s2), P.isWorkflow) {
+          const s3 = se("tabs");
+          s3.items || (s3.items = []);
+          const o2 = { index: 1, label: "基本信息", items: [t2] };
+          s3.items.push(o2);
+          const l2 = { index: 2, label: "图形历史", items: [se("picture-flow")] };
+          s3.items.push(l2);
+          const i2 = { index: 3, label: "文本历史", items: [se("text-flow")] };
+          s3.items.push(i2), s3.props.defaultOpen = 1, e4.push(s3);
+        } else e4.push(t2);
+        if (P.fieldInfos) for (let e5 of P.fieldInfos) {
+          if (!e5.componentName) continue;
+          const t3 = se(e5.componentName);
+          if (t3.props.base || (t3.props.base = {}), t3.props.base.title = e5.title, e5.fieldName && (t3.props.base.prop = "${data." + e5.fieldName + "}"), t3.props.base.defaultValue = e5.value, t3.props.verification || (t3.props.verification = {}), e5.valid) {
+            const s3 = e5.valid, o2 = s3.indexOf("required");
+            o2 > -1 && (t3.props.verification.required = true, s3.splice(o2, 1)), t3.props.verification.type = s3, F(t3, t3.props.verification, null);
+          }
+          e5.state && (t3.props.base.state = e5.state), e5.width && (t3.props.size || (t3.props.size = {}), t3.props.size.widthType = "flex", t3.props.size.flexSpan = e5.width), s2.items.push(t3);
+        }
+        !function(e5) {
+          B.items || (B.items = []);
+          if (e5) for (let t3 of e5) B.items.push(t3), j(t3, z.pageDesign);
+          B.pageType = P.pageType, B.tableAlias = P.tableAlias, B.tableName = P.tableName, B.tableSysCode = P.systemCode, B.tableSysVersion = P.systemVersion, B.props.activeWorkflow = P.isWorkflow, B.modelFields = P.modelFields, A.setPageContext(B);
+        }(e4);
+      }() : (!function() {
+        const e4 = [];
+        if (P.buttons && P.buttons.length > 0) {
+          const t3 = ee();
+          t3 && e4.push(t3);
+        }
+        const t2 = se("table");
+        t2.items || (t2.items = []);
+        let s2 = 2;
+        if (P.fieldInfos) {
+          const e5 = t2.items[t2.items.length - 1];
+          for (let o2 of P.fieldInfos) {
+            if (!o2.fieldName && !o2.title && !o2.componentName) continue;
+            const l2 = T(e5);
+            if (l2.uuid = _(), l2.isTable = true, l2.name = o2.componentName ? o2.componentName : "", l2.title = o2.title, l2.props.base.displayOrder = s2++, l2.props.base.name = o2.title, l2.props.base.listColumnFixed = "false", l2.dataType = o2.dataType, l2.props.base.querySettingName = o2.querySettingName, l2.props.base.exportable = o2.exportable, o2.align && (l2.props.base.alignTitle = o2.align), l2.props.base.prop = o2.fieldName, o2.componentName) {
+              if (l2.props.editLine.plugType = o2.componentName, l2.props.editLine.editable = true, l2.props.base.defaultValue = o2.value, o2.valid && o2.valid.length > 0) {
+                l2.props.verification || (l2.props.verification = {});
+                const e6 = o2.valid, t3 = e6.indexOf("required");
+                t3 > -1 && (l2.props.verification.required = true, e6.splice(t3, 1)), l2.props.verification.type = e6;
+              }
+            } else l2.props.editLine.editable = false;
+            l2.props.format || (l2.props.format = {}), t2.items.push(l2);
+          }
+        }
+        (function(e5) {
+          var _a, _b;
+          let t3 = -1;
+          const s3 = e5.items;
+          for (let e6 = 0; e6 < s3.length; e6++) {
+            const o3 = s3[e6];
+            if (o3.props && o3.props.base && "operation" == o3.props.base.prop) {
+              t3 = e6;
+              break;
+            }
+          }
+          if (-1 == t3) return;
+          const o2 = s3[t3];
+          if (0 == P.listButtons.length) return s3.splice(t3, 1), void (e5.props.base.showOperation = false);
+          e5.props.base.editable = true, e5.props.base.showOperation = true, o2.props.base.listColumnFixed = "right", s3.splice(t3, 1), s3.push(o2), e5.btnList = [], P.listButtons.sort((e6, t4) => {
+            const s4 = G[e6], o3 = G[t4];
+            if (!s4 || !o3) return 0;
+            const l2 = s4.index, i2 = o3.index;
+            return l2 < i2 ? -1 : i2 > l2 ? 1 : 0;
+          });
+          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"), ((_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 = []);
+        for (let t3 of e4) B.items.push(t3);
+        if (e4) for (let t3 of e4) j(t3, z.pageDesign);
+        B.pageType = P.pageType;
+      }(), B.modelFields = P.modelFields), W.value = false;
+    }) : b.error("未选择功能或字段信息，无需添加!") : b.error("数据表不能为空!");
+  }
+  function ee() {
+    const e3 = se("tools");
+    if (!e3) return null;
+    if (e3.items || (e3.items = []), !P.buttons) return e3;
+    P.buttons.sort((e4, t2) => {
+      const s2 = G[e4], o2 = G[t2];
+      if (!s2 || !o2) return 0;
+      const l2 = s2.index;
+      return o2.index > l2 ? 1 : 0;
+    });
+    for (let t2 of P.buttons) {
+      const s2 = G[t2], o2 = (s2 == null ? void 0 : s2.props) ?? {};
+      if (!s2) continue;
+      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;
+  }
+  function te(e3, t2) {
+    const s2 = se("button-detail");
+    if (s2) {
+      if (s2.props.base || (s2.props.base = {}), s2.props.base.title = e3, t2 && s2.events) {
+        const o2 = s2.events.filter((e4) => "click" === e4.name);
+        for (let l2 of o2) l2.componentName = s2.name, l2.componentLabel = s2.label, l2.componentUuid = s2.uuid, l2.componentProp = null, l2.componentIndex = null, l2.eventName = t2, l2.isStandard = true, l2.title = e3;
+      }
+      return s2;
+    }
+    btnOption;
+  }
+  function se(e3) {
+    const t2 = w(e3);
+    if (!t2) return null;
+    const s2 = T(t2);
+    return s2.uuid = _(), delete s2.designComponent, delete s2.attrComponent, delete s2.renderComponent, s2.props || (s2.props = {}), s2;
+  }
+  return S2({ openDialog: function() {
+    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"), 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)])]), _: 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)])]), _: 1 }), p(o2, { value: "list" }, { default: r(() => [...t2[9] || (t2[9] = [d("台帐", -1)])]), _: 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 {
+  S as default
+};

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

@@ -0,0 +1,4 @@
+import a from "./quick-add-dialog.vue.js";
+export {
+  a as default
+};

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

@@ -0,0 +1,115 @@
+import { defineComponent as e, ref as l, onMounted as a, onUnmounted as o, resolveComponent as t, createBlock as u, openBlock as d, withCtx as n, createVNode as i, createCommentVNode as m, unref as r, createElementBlock as s, toDisplayString as f, Fragment as p, renderList as c, createElementVNode as b, createTextVNode as v, withDirectives as w, vShow as h } from "vue";
+import { Top as y, Bottom as g, Plus as V, Delete as N } from "@element-plus/icons";
+import { ElMessageBox as k } from "element-plus";
+import _ from "../../../assemblys/common/common-variable-bind.vue.js";
+import { getUuidv4 as x } from "../../../../utils/common-util.js";
+import { getFormComponentOptions as I } from "../../../../utils/assemblys-config.js";
+import { useDraggable as T } from "vue-draggable-plus";
+const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "flex" } }, E = { key: 0 }, F = { style: { display: "flex" } }, L = { key: 0 }, q = { key: 0 }, O = ["title"], j = { key: 0 }, A = { key: 0 }, M = e({ __name: "quick-add-fields", props: { model: { type: Object, required: true } }, setup(e2, { expose: M2 }) {
+  const S = e2, D = l(null), R = l(null);
+  l([]);
+  const G = l(null);
+  a(() => {
+    if (G.value.$el) {
+      let e3 = G.value.$el.getElementsByClassName("el-table__body");
+      e3 && e3.length > 0 && (e3 = e3[0].getElementsByTagName("tbody"), e3 && e3.length > 0 && T(e3[0], S.model.fieldInfos, { group: "el-table__row", handle: "amb-field-move", animation: 300, forceFallback: true, sort: true, onAdd(e4) {
+      } }));
+    }
+  });
+  const $ = l([{ value: "left", label: "靠左" }, { value: "center", label: "居中" }, { value: "right", label: "靠右" }]), P = l([{ value: "readonly", label: "只读" }, { value: "disabled", label: "禁用" }]), H = l([]);
+  for (let e3 = 2; e3 <= 24; e3 += 2) H.value.push({ value: e3, label: e3 });
+  const J = [{ value: "required", label: "必填" }, { value: "string", label: "文本" }, { value: "integer", label: "整形" }, { value: "number", label: "数字" }, { value: "boolean", label: "布尔" }, { value: "float", label: "小数" }, { value: "date", label: "日期" }, { value: "email", label: "邮箱" }, { value: "url", label: "网址" }], K = [{ value: "no", label: "不查询" }, { value: "normal", label: "普通查询" }, { value: "advanced", label: "高级查询" }], Q = I(), W = l(null);
+  function X(e3) {
+  }
+  function Y(e3) {
+  }
+  function Z(e3) {
+    W.value = e3.uuid;
+  }
+  function ee() {
+    if (!S.model.fieldInfos || 0 == S.model.fieldInfos.length) return;
+    const e3 = D.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
+    k.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of S.model.fieldInfos) D.value ? e5.componentName || (e5.componentName = de(e5.dataType)) : e5.componentName = null;
+    });
+  }
+  function le() {
+    if (!S.model.fieldInfos || 0 == S.model.fieldInfos.length) return;
+    const e3 = R.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
+    k.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of S.model.fieldInfos) R.value ? e5.exportable || (e5.exportable = true) : e5.exportable = false;
+    });
+  }
+  function ae() {
+    k.confirm("确定要全部清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
+      S.model.fieldInfos = [], te(null);
+    });
+  }
+  let oe;
+  function te(e3) {
+    oe && clearTimeout(oe);
+    const l2 = { uuid: x() };
+    "list" == S.model.pageType && (l2.isTable = true);
+    const a2 = ue(e3);
+    a2 > -1 ? S.model.fieldInfos.splice(a2 + 1, 0, l2) : S.model.fieldInfos.push(l2), oe = setTimeout(() => {
+      W.value = l2.uuid;
+    }, 20);
+  }
+  function ue(e3) {
+    let l2 = -1;
+    if (!e3) return l2;
+    const a2 = S.model.fieldInfos.length;
+    for (let o2 = 0; o2 < a2; o2++) if (S.model.fieldInfos[o2].uuid == e3.uuid) {
+      l2 = o2;
+      break;
+    }
+    return l2;
+  }
+  function de(e3) {
+    return "DATE" == e3 || "TIME" == e3 ? "datePicker" : "INTEGER" == e3 || "LONG" == e3 || "FLOAT" == e3 || "DOUBLE" == e3 ? "inputNumber" : "BOOLEAN" == e3 ? "switch" : "CLOB" == e3 || "BLOB" == e3 ? "textarea" : "ENUM" == e3 ? "select" : "input-text";
+  }
+  return o(() => {
+    oe && clearTimeout(oe);
+  }), 0 == S.model.fieldInfos.length && te(null), M2({ updateInitFields: function() {
+    const e3 = {};
+    if (S.model.modelFields) for (let l3 of S.model.modelFields) e3[l3.dbColumnName] = l3;
+    const l2 = {};
+    for (let a2 of S.model.fieldInfos) a2.fieldName && (e3[a2.fieldName] ? l2[a2.fieldName] = true : a2.fieldName = null);
+    if (S.model.modelFields) {
+      let e4 = false;
+      for (let a2 of S.model.modelFields) if ("ID" != a2.dbColumnName && !a2.edit && !l2[a2.dbColumnName]) {
+        const l3 = { uuid: x(), fieldName: a2.dbColumnName, title: a2.alias, width: 8, dataType: a2.dataType };
+        "form" == S.model.pageType && (l3.componentName = de(a2.dataType), a2.alias && (a2.alias.includes("备注") || a2.alias.includes("说明")) && (l3.componentName = "textarea", l3.width = 24)), S.model.fieldInfos.push(l3), e4 = true;
+      }
+      if (e4) {
+        const e5 = S.model.fieldInfos[0];
+        e5.fieldName || e5.title || e5.componentName || S.model.fieldInfos.splice(0, 1), W.value = S.model.fieldInfos[0].uuid;
+      }
+    }
+  } }), (l2, a2) => {
+    const o2 = t("el-icon"), k2 = t("el-table-column"), x2 = t("el-option"), I2 = t("el-select"), T2 = t("el-input"), M3 = t("el-checkbox"), oe2 = t("el-switch"), de2 = t("el-table");
+    return d(), u(de2, { size: "small", border: "", "highlight-current-row": "", data: e2.model.fieldInfos, onRowClick: Z, onCellMouseEnter: X, onCellMouseLeave: Y, style: { width: "100%" }, ref_key: "thisRef", ref: G }, { default: n(() => [i(k2, { width: "36" }, { default: n((e3) => [i(o2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = ue(e4);
+      if (l4 < 1) return;
+      const a3 = S.model.fieldInfos;
+      [a3[l4 - 1], a3[l4]] = [a3[l4], a3[l4 - 1]];
+    }(e3.row) }, { default: n(() => [i(r(y))]), _: 1 }, 8, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = ue(e4);
+      const a3 = S.model.fieldInfos;
+      -1 != l4 && a3.length != l4 + 1 && ([a3[l4], a3[l4 + 1]] = [a3[l4 + 1], a3[l4]]);
+    }(e3.row) }, { default: n(() => [i(r(g))]), _: 1 }, 8, ["onClick"])]), _: 1 }), i(k2, { width: "40", align: "center" }, { header: n((e3) => [i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: ae }, { default: n(() => [i(r(N))]), _: 1 })]), default: n((e3) => [i(o2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => te(e3.row) }, { default: n(() => [i(r(V))]), _: 1 }, 8, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      const l4 = ue(e4);
+      l4 > -1 && (S.model.fieldInfos.splice(l4, 1), 0 == S.model.fieldInfos.length && te(null));
+    }(e3.row) }, { default: n(() => [i(r(N))]), _: 1 }, 8, ["onClick"])]), _: 1 }), i(k2, { prop: "fieldName", label: "字段", width: "140" }, { default: n((l3) => [l3.row.uuid != W.value ? (d(), s("label", C, f(l3.row.fieldName), 1)) : (d(), u(I2, { key: 1, size: "small", modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, clearable: "", filterable: "", placeholder: "请选择", onChange: (e3) => function(e4) {
+      if (!e4.title && e4.fieldName) {
+        const l4 = S.model.modelFields.filter((l5) => l5.dbColumnName == e4.fieldName);
+        l4.length > 0 && (e4.title = l4[0].alias);
+      }
+    }(l3.row) }, { default: n(() => [(d(true), s(p, null, c(e2.model.modelFields, (e3) => (d(), u(x2, { label: e3.alias + "(" + e3.dbColumnName + ")", value: e3.dbColumnName }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 }), i(k2, { prop: "title", label: "标题", width: "140" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", U, f(e3.row.title), 1)) : (d(), u(T2, { key: 1, size: "small", modelValue: e3.row.title, "onUpdate:modelValue": (l3) => e3.row.title = l3, clearable: "", placeholder: "请输入" }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "querySettingName", label: "查询设置", width: "140" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", z, f(e3.row.querySettingName), 1)) : (d(), u(I2, { key: 1, size: "small", modelValue: e3.row.querySettingName, "onUpdate:modelValue": (l3) => e3.row.querySettingName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(d(), s(p, null, c(K, (e4) => i(x2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "exportable", label: "导出", width: "120" }, { header: n(() => [b("div", B, [a2[2] || (a2[2] = v(" 导出 ", -1)), w(i(M3, { modelValue: R.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => R.value = e3), value: "1", label: "全部可导出", size: "small", style: { "margin-left": "6px" }, onChange: le }, null, 8, ["modelValue"]), [[h, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", E, f(e3.row.exportable), 1)) : (d(), u(oe2, { key: 1, modelValue: e3.row.exportable, "onUpdate:modelValue": (l3) => e3.row.exportable = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "componentName", width: "120" }, { header: n(() => [b("div", F, [a2[3] || (a2[3] = v(" 组件 ", -1)), w(i(M3, { modelValue: D.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => D.value = e3), value: "1", label: "全部可编辑", size: "small", style: { "margin-left": "6px" }, onChange: ee }, null, 8, ["modelValue"]), [[h, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", L, f(e3.row.componentName), 1)) : (d(), u(I2, { key: 1, size: "small", modelValue: e3.row.componentName, "onUpdate:modelValue": (l3) => e3.row.componentName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(d(true), s(p, null, c(r(Q), (e4) => (d(), u(x2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 1 }, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "state", label: "状态", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", q, f(e3.row.state), 1)) : (d(), u(I2, { key: 1, size: "small", disabled: !e3.row.componentName, modelValue: e3.row.state, "onUpdate:modelValue": (l3) => e3.row.state = l3, clearable: "", filterable: "", placeholder: "默认" }, { default: n(() => [(d(true), s(p, null, c(P.value, (e4) => (d(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 1 }, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "valid", label: "校验", width: "120" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", { key: 0, title: e3.row.valid }, f(e3.row.valid), 9, O)) : (d(), u(I2, { key: 1, disabled: !e3.row.componentName, size: "small", modelValue: e3.row.valid, "onUpdate:modelValue": (l3) => e3.row.valid = l3, clearable: "", placeholder: "无校验", multiple: "", "collapse-tags": "", "collapse-tags-tooltip": "" }, { default: n(() => [(d(), s(p, null, c(J, (e4, l3) => i(x2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 1 }, 8, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), "form" == e2.model.pageType ? (d(), u(k2, { key: 0, prop: "width", label: "宽度(栏数)", width: "75" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", j, f(e3.row.width), 1)) : (d(), u(I2, { key: 1, size: "small", modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(d(true), s(p, null, c(H.value, (e4) => (d(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 1 }, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), "list" == e2.model.pageType ? (d(), u(k2, { key: 1, prop: "align", label: "左右对齐", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (d(), s("label", A, f(e3.row.align), 1)) : (d(), u(I2, { key: 1, size: "small", modelValue: e3.row.align, "onUpdate:modelValue": (l3) => e3.row.align = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(d(true), s(p, null, c($.value, (e4) => (d(), u(x2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 1 }, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), i(k2, { prop: "value", label: "默认值", width: "120" }, { default: n((e3) => [i(_, { showLabel: e3.row.uuid != W.value || !e3.row.componentName, modelValue: e3.row.value, paramTypes: ["request", "context", "system", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
+      l4.value = e4;
+    }(l3, e3.row) }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"]);
+  };
+} });
+export {
+  M as default
+};

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue2.js

@@ -0,0 +1,4 @@
+import d from "./quick-add-fields.vue.js";
+export {
+  d as default
+};

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

@@ -0,0 +1,50 @@
+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() {
+    const e3 = {};
+    C.value.forEach((l2) => {
+      e3[l2.code] = l2.value;
+    }), $(e3);
+  }
+  function T(e3, l2, a2) {
+    x.value = k.value.findIndex((l3) => l3.code === e3.code);
+  }
+  a(() => {
+    var _a;
+    _.value = (_a = h.languages.find((e3) => e3.value === h.errorTranslateData.lang)) == null ? void 0 : _a.name, h.errorTranslateData.codes.forEach((e3, l2) => {
+      const a2 = { code: e3, value: null };
+      h.errorTranslateData.values[l2] && (a2.value = h.errorTranslateData.values[l2]), k.value.push(a2);
+    });
+  });
+  const D = (e3) => {
+    C.value = e3;
+  };
+  function $(e3) {
+    const l2 = { lang: h.errorTranslateData.lang, systemCode: h.systemCode, languageValues: e3 };
+    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"), 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)])]), _: 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(" 保存 ", -1)])]), _: 1 }, 8, ["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(" 编辑 ", -1)])]), _: 1 }, 8, ["onClick"]), r(y3, { size: "small", type: "danger", onClick: (l3) => {
+      return a3 = e4.$index, void k.value.splice(a3, 1);
+      var a3;
+    } }, { default: u(() => [...l2[3] || (l2[3] = [c(" 移除 ", -1)])]), _: 1 }, 8, ["onClick"])], 64))]), _: 1 })]), _: 1 }, 8, ["data"])]), _: 1 }, 8, ["modelValue"]);
+  };
+} });
+export {
+  y as default
+};

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

@@ -0,0 +1,4 @@
+import r from "./translate-error-dialog.vue.js";
+export {
+  r as default
+};

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

@@ -0,0 +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-5e4603f5"]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,59 @@
+import { defineComponent as e, ref as t, computed as a, onMounted as l, resolveComponent as n, createElementBlock as o, openBlock as i, createVNode as s, withCtx as p, createElementVNode as d, createBlock as r, unref as u, toDisplayString as c, createTextVNode as g } from "vue";
+import { Menu as m, Tickets as f, Folder as y, Operation as v, ArrowUp as h, ArrowDown as x } from "@element-plus/icons-vue";
+import { ElMessageBox as w } from "element-plus";
+import b from "agilebuilder-ui/src/utils/request";
+import _ from "agilebuilder-ui/src/utils/i18n-util";
+const k = { style: { display: "flex", "min-width": "60px", height: "60px", "margin-left": "15px", "align-items": "center", cursor: "pointer" } }, C = { style: { "overflow-y": "auto" } }, I = { style: { "vertical-align": "middle" } }, T = { key: 3, style: { "margin-left": "5px" } }, N = { key: 4, style: { "margin-left": "5px" } }, P = e({ __name: "page-switch", props: { pageDesign: { type: Object, default: () => ({}) } }, emits: ["change-page", "init-loaded"], setup(e2, { emit: P2 }) {
+  const A = e2, D = P2, S = t(false), z = t(""), L = t(), $ = t(), B = t({ value: "id", label: "name", leaf: "leaf", emitPath: false, lazy: true, lazyLoad: async function(e3, t2) {
+    -1 === V.value && await b.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + A.pageDesign.systemCode).then((e4) => {
+      if (e4) {
+        D("init-loaded", { system: e4 }), _.setEnableI18nState(e4.code, e4.enableI18n), V.value = e4.id;
+        const t3 = e4.code, a3 = { systemCode: t3 };
+        b.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", a3).then((e5) => {
+          const a4 = e5.i18nFileUrls[e5.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
+          _.loadLangFile(t3, a4, "zh_CN").catch(() => {
+            console.error("加载国际化文件失败");
+          });
+        });
+      }
+    });
+    let a2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
+    if (0 === e3.level) a2 += "systemId=system-" + V.value;
+    else {
+      let t3 = e3.data.menuId;
+      a2 += "systemId=" + V.value + "&parentMenuId=" + t3;
+    }
+    b.get(a2).then((e4) => {
+      t2(e4);
+    });
+  }, expandTrigger: "click" }), V = t(-1), F = t("");
+  function R() {
+    S.value = true;
+  }
+  function U() {
+    S.value = false;
+  }
+  function j(e3) {
+    const t2 = e3.data.id.split("_")[2];
+    return e3.label + " (" + t2 + ")";
+  }
+  function q(e3) {
+    const t2 = L.value.getCheckedNodes();
+    if (e3 && "page" === t2[0].data.menuType) {
+      const e4 = t2[0].data.name + " (" + t2[0].data.id.split("_")[2] + ")", a2 = t2[0].data.id.split("_")[0];
+      w.confirm(`确认切换到页面：${e4}?`, "切换页面", { confirmButtonText: "切换", cancelButtonText: "取消", type: "warning" }).then(() => {
+        $.value.hide(), D("change-page", a2);
+      }).catch(() => {
+        L.value.clearCheckedNodes();
+      });
+    } else L.value.clearCheckedNodes();
+  }
+  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, { type: "default", icon: u(v), style: { "font-size": "14px", "font-weight": "600" } }, { default: p(() => [g(c(e2.pageDesign.label + "(" + e2.pageDesign.version + ")") + " ", 1), S.value ? (i(), r(l2, { key: 0, class: "el-icon--right" }, { default: p(() => [s(u(h))]), _: 1 })) : (i(), r(l2, { key: 1, class: "el-icon--right" }, { default: p(() => [s(u(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(), r(l2, { key: 0 }, { default: p(() => [s(u(m))]), _: 1 })) : "page" === t3.menuType ? (i(), r(l2, { key: 1 }, { default: p(() => [s(u(f))]), _: 1 })) : (i(), r(l2, { key: 2 }, { default: p(() => [s(u(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 {
+  P as default
+};

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

@@ -0,0 +1,140 @@
+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 K } from "../../../utils/page-table-util.js";
+import R 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, X.configure), 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);
+      e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((i2) => {
+        const n2 = E(e4, i2);
+        return !!n2 && (K(n2, e4), true);
+      }));
+      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), R.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;
+  } }), (i2, n2) => {
+    const t2 = r("el-icon"), l2 = r("el-divider"), o2 = r("Setting"), s2 = 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: !e2.configure.dimensions || "pc" == e2.configure.dimensions }]), onClick: n2[0] || (n2[0] = (i3) => e2.configure.dimensions = "pc") }, [f(t2, { size: 23 }, { default: b(() => [f(y(S))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "ipad" == e2.configure.dimensions }]), onClick: n2[1] || (n2[1] = (i3) => e2.configure.dimensions = "ipad") }, [f(t2, { size: 23 }, { default: b(() => [f(y(k))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(m("label", { class: v(["amb-page-type", { selected: "phone" == e2.configure.dimensions }]), onClick: n2[2] || (n2[2] = (i3) => e2.configure.dimensions = "phone") }, [f(t2, { size: 23 }, { default: b(() => [f(y(_))]), _: 1 })], 2), [[h, "assembly" === e2.selAsselbyType]]), d(f(l2, { direction: "vertical" }, null, 512), [[h, "assembly" === e2.selAsselbyType]])]), m("div", G, [m("label", { class: "amb-page-type", onClick: n2[3] || (n2[3] = (e3) => {
+      var _a;
+      (_a = Z.value) == null ? void 0 : _a.show();
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(o2)]), _: 1 }), n2[9] || (n2[9] = m("label", null, "国际化配置", -1))]), m("label", { class: "amb-page-type", onClick: n2[4] || (n2[4] = (e3) => {
+      Y.value && Y.value.openDialog();
+    }) }, [f(t2, { size: 18 }, { default: b(() => [f(y(O))]), _: 1 }), n2[10] || (n2[10] = m("label", null, "快捷添加", -1))]), f(l2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[5] || (n2[5] = (e3) => ve()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(A))]), _: 1 }), n2[11] || (n2[11] = m("label", null, "保存", -1))]), f(l2, { direction: "vertical" }), m("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: n2[6] || (n2[6] = (e3) => function() {
+      const e4 = JSON.parse(JSON.stringify(X.configure));
+      e4.tableRuntimes = {}, e4.tableUuids && e4.tableUuids.forEach((i3) => {
+        const n3 = E(e4, i3);
+        n3 && K(n3, e4);
+      }), ne.value = e4, be.value = true;
+    }()) }, [f(t2, { size: 18 }, { default: b(() => [f(y(T))]), _: 1 }), n2[12] || (n2[12] = m("label", null, "预览", -1))])])])]), f(s2, { 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: e2.configure, selectWidget: e2.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: ge, onOnCopy: pe, onOnDelete: fe }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e2.selAsselbyType]])]), _: 1 })], 512), be.value ? (u(), g(J, { key: 0, pageDesign: ne.value, modelValue: be.value, "onUpdate:modelValue": n2[7] || (n2[7] = (e3) => be.value = e3), onClose: n2[8] || (n2[8] = (e3) => be.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e2.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e2.configure }, null, 8, ["pageDesign"])], 64);
+  };
+} });
+export {
+  H as default
+};