super-page-designer 2.3.22-design1 → 2.3.22-design1-tmp1

package/dist/lib/components/design/views/design/view/components/quick-add-fields.vue.cjs

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

package/dist/lib/components/design/views/design/view/components/quick-add-fields.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * 修改默认的字段
+ */
+declare function updateInitFields(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    model: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {
+    updateInitFields: typeof updateInitFields;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    model: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/components/quick-add-fields.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./quick-add-fields.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/design/view/components/translate-error-dialog.vue.cjs

@@ -0,0 +1,46 @@
+"use strict";
+const e = require("vue"), t = require("element-plus"), l = require("agilebuilder-ui"), a = { class: "dialog-footer" }, o = e.defineComponent({ __name: "translate-error-dialog", props: { systemCode: { type: String, default: "" }, languages: { type: Array, default: [] }, errorTranslateData: { type: Object, default: () => ({}) } }, emits: ["close"], setup(o2, { emit: n }) {
+  const r = o2, u = n, d = e.ref(true), c = e.ref([]), i = e.ref([]), s = e.ref(""), p = e.ref(null);
+  function v() {
+    const e2 = {};
+    i.value.forEach((t2) => {
+      e2[t2.code] = t2.value;
+    }), C(e2);
+  }
+  function m(e2, t2, l2) {
+    p.value = c.value.findIndex((t3) => t3.code === e2.code);
+  }
+  e.onMounted(() => {
+    var _a;
+    s.value = (_a = r.languages.find((e2) => e2.value === r.errorTranslateData.lang)) == null ? void 0 : _a.name, r.errorTranslateData.codes.forEach((e2, t2) => {
+      const l2 = { code: e2, value: null };
+      r.errorTranslateData.values[t2] && (l2.value = r.errorTranslateData.values[t2]), c.value.push(l2);
+    });
+  });
+  const f = (e2) => {
+    i.value = e2;
+  };
+  function C(e2) {
+    const a2 = { lang: r.errorTranslateData.lang, systemCode: r.systemCode, languageValues: e2 };
+    l.http.post(window.$vueApp.config.globalProperties.baseAPI + "/bs/language-value/save-with-lang", a2).then(() => {
+      p.value = null, t.ElMessage.success({ message: "保存成功", showClose: true });
+    });
+  }
+  function g() {
+    u("close");
+  }
+  return (t2, l2) => {
+    const o3 = e.resolveComponent("el-alert"), n2 = e.resolveComponent("el-table-column"), r2 = e.resolveComponent("el-input"), u2 = e.resolveComponent("el-button"), h = e.resolveComponent("el-table"), k = e.resolveComponent("el-dialog");
+    return e.openBlock(), e.createBlock(k, { title: "翻译结果参照", width: "700", modelValue: d.value, "onUpdate:modelValue": l2[0] || (l2[0] = (e2) => d.value = e2), onClose: g, "destroy-on-close": "", "apped-to-body": "", "close-on-click-modal": "" }, { footer: e.withCtx(() => [e.createElementVNode("div", a, [i.value.length > 0 ? (e.openBlock(), e.createBlock(u2, { key: 0, type: "primary", onClick: v }, { default: e.withCtx(() => [e.createTextVNode(" 保存选中行（" + e.toDisplayString(i.value.length) + "）条 ", 1)]), _: 1 })) : e.createCommentVNode("", true), e.createVNode(u2, { type: "default", onClick: g }, { default: e.withCtx(() => l2[4] || (l2[4] = [e.createTextVNode(" 返回 ", -1)])), _: 1, __: [4] })])]), default: e.withCtx(() => [e.createVNode(o3, { title: "语言类型：" + s.value, type: "warning", closable: false }, null, 8, ["title"]), l2[5] || (l2[5] = e.createElementVNode("br", null, null, -1)), e.createVNode(h, { data: c.value, style: { width: "100%" }, height: "500", onRowClick: m, ref: "multipleTableRef", onSelectionChange: f }, { default: e.withCtx(() => [e.createVNode(n2, { type: "selection", width: "55" }), e.createVNode(n2, { type: "index", width: "50" }), e.createVNode(n2, { prop: "code", label: "编码", width: "180" }), e.createVNode(n2, { prop: "value", label: "翻译结果", width: "180" }, { default: e.withCtx((t3) => [p.value === t3.$index ? (e.openBlock(), e.createBlock(r2, { key: 0, modelValue: t3.row.value, "onUpdate:modelValue": (e2) => t3.row.value = e2 }, null, 8, ["modelValue", "onUpdate:modelValue"])) : (e.openBlock(), e.createElementBlock(e.Fragment, { key: 1 }, [e.createTextVNode(e.toDisplayString(t3.row.value), 1)], 64))]), _: 1 }), e.createVNode(n2, { align: "center", label: "操作" }, { default: e.withCtx((t3) => [p.value === t3.$index ? (e.openBlock(), e.createBlock(u2, { key: 0, type: "primary", size: "small", onClick: (e2) => {
+      return t3.$index, l3 = t3.row, void C({ [l3.code]: l3.value });
+      var l3;
+    } }, { default: e.withCtx(() => l2[1] || (l2[1] = [e.createTextVNode(" 保存 ", -1)])), _: 2, __: [1] }, 1032, ["onClick"])) : (e.openBlock(), e.createElementBlock(e.Fragment, { key: 1 }, [e.createVNode(u2, { type: "default", size: "small", onClick: (e2) => {
+      return l3 = t3.$index, t3.row, void (p.value = l3);
+      var l3;
+    } }, { default: e.withCtx(() => l2[2] || (l2[2] = [e.createTextVNode(" 编辑 ", -1)])), _: 2, __: [2] }, 1032, ["onClick"]), e.createVNode(u2, { size: "small", type: "danger", onClick: (e2) => {
+      return l3 = t3.$index, void c.value.splice(l3, 1);
+      var l3;
+    } }, { default: e.withCtx(() => l2[3] || (l2[3] = [e.createTextVNode(" 移除 ", -1)])), _: 2, __: [3] }, 1032, ["onClick"])], 64))]), _: 1 })]), _: 1 }, 8, ["data"])]), _: 1, __: [5] }, 8, ["modelValue"]);
+  };
+} });
+module.exports = o;

package/dist/lib/components/design/views/design/view/components/translate-error-dialog.vue.d.ts

@@ -0,0 +1,40 @@
+interface Language {
+    value: string;
+    name: string;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    systemCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    languages: {
+        type: () => Language[];
+        default: any[];
+    };
+    errorTranslateData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    systemCode: {
+        type: StringConstructor;
+        default: string;
+    };
+    languages: {
+        type: () => Language[];
+        default: any[];
+    };
+    errorTranslateData: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    onClose?: (...args: any[]) => any;
+}>, {
+    systemCode: string;
+    languages: Language[];
+    errorTranslateData: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/components/translate-error-dialog.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./translate-error-dialog.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/design/view/page-switch.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./page-switch.vue2.cjs");
+;/* empty css                   */
+const r = require("../../../../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-3d30f4db"]]);
+module.exports = r;

package/dist/lib/components/design/views/design/view/page-switch.vue.d.ts

@@ -0,0 +1,20 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "change-page": (...args: any[]) => void;
+    "init-loaded": (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageDesign: {
+        type: ObjectConstructor;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onChange-page"?: (...args: any[]) => any;
+    "onInit-loaded"?: (...args: any[]) => any;
+}>, {
+    pageDesign: Record<string, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/lib/components/design/views/design/view/page-switch.vue2.cjs

@@ -0,0 +1,53 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons-vue"), o = require("element-plus"), a = require("agilebuilder-ui"), n = { style: { display: "flex", "min-width": "60px", height: "60px", "margin-left": "15px", "align-items": "center", cursor: "pointer" } }, l = { style: { "overflow-y": "auto" } }, i = { style: { "vertical-align": "middle" } }, r = { key: 3, style: { "margin-left": "5px" } }, s = { key: 4, style: { "margin-left": "5px" } }, c = e.defineComponent({ __name: "page-switch", props: { pageDesign: { type: Object, default: () => ({}) } }, emits: ["change-page", "init-loaded"], setup(c2, { emit: p }) {
+  const d = c2, u = p, f = e.ref(false), g = e.ref(""), m = e.ref(), y = e.ref(), h = e.ref({ value: "id", label: "name", leaf: "leaf", emitPath: false, lazy: true, lazyLoad: async function(e2, t2) {
+    -1 === v.value && await a.http.get(window.$vueApp.config.globalProperties.baseAPI + "/mms/systems/getByCode/" + d.pageDesign.systemCode).then((e3) => {
+      if (e3) {
+        u("init-loaded", { system: e3 }), a.i18nUtil.setEnableI18nState(e3.code, e3.enableI18n), v.value = e3.id;
+        const t3 = e3.code, o3 = { systemCode: t3 };
+        a.http.post(window.$vueApp.config.globalProperties.baseAPI + "/acs/user/i18n-languages", o3).then((e4) => {
+          const o4 = e4.i18nFileUrls[e4.language] + "?_t_=" + (/* @__PURE__ */ new Date()).getTime();
+          a.i18nUtil.loadLangFile(t3, o4, "zh_CN").catch(() => {
+            console.error("加载国际化文件失败");
+          });
+        });
+      }
+    });
+    let o2 = window.$vueApp.config.globalProperties.baseAPI + "/mms/menu-trees?isShowNoNode=false&isShowSystemNode=false&";
+    if (0 === e2.level) o2 += "systemId=system-" + v.value;
+    else {
+      let t3 = e2.data.menuId;
+      o2 += "systemId=" + v.value + "&parentMenuId=" + t3;
+    }
+    a.http.get(o2).then((e3) => {
+      t2(e3);
+    });
+  }, expandTrigger: "click" }), v = e.ref(-1), w = e.ref("");
+  function x() {
+    f.value = true;
+  }
+  function k() {
+    f.value = false;
+  }
+  function C(e2) {
+    const t2 = e2.data.id.split("_")[2];
+    return e2.label + " (" + t2 + ")";
+  }
+  function B(e2) {
+    const t2 = m.value.getCheckedNodes();
+    if (e2 && "page" === t2[0].data.menuType) {
+      const e3 = t2[0].data.name + " (" + t2[0].data.id.split("_")[2] + ")", a2 = t2[0].data.id.split("_")[0];
+      o.ElMessageBox.confirm(`确认切换到页面：${e3}?`, "切换页面", { confirmButtonText: "切换", cancelButtonText: "取消", type: "warning" }).then(() => {
+        y.value.hide(), u("change-page", a2);
+      }).catch(() => {
+        m.value.clearCheckedNodes();
+      });
+    } else m.value.clearCheckedNodes();
+  }
+  return e.computed(() => options.value.filter((e2) => !w.value || e2.name.toLowerCase().includes(w.value.toLowerCase()))), e.onMounted(() => {
+  }), (o2, a2) => {
+    const p2 = e.resolveComponent("el-icon"), d2 = e.resolveComponent("el-button"), u2 = e.resolveComponent("el-cascader-panel"), v2 = e.resolveComponent("el-popover");
+    return e.openBlock(), e.createElementBlock("div", n, [e.createVNode(v2, { onShow: x, onHide: k, ref_key: "popoverRef", ref: y, 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: e.withCtx(() => [e.createVNode(d2, { type: "default", icon: e.unref(t.Operation), style: { "font-size": "14px", "font-weight": "600" } }, { default: e.withCtx(() => [e.createTextVNode(e.toDisplayString(c2.pageDesign.label + "(" + c2.pageDesign.version + ")") + " ", 1), f.value ? (e.openBlock(), e.createBlock(p2, { key: 0, class: "el-icon--right" }, { default: e.withCtx(() => [e.createVNode(e.unref(t.ArrowUp))]), _: 1 })) : (e.openBlock(), e.createBlock(p2, { key: 1, class: "el-icon--right" }, { default: e.withCtx(() => [e.createVNode(e.unref(t.ArrowDown))]), _: 1 }))]), _: 1 }, 8, ["icon"])]), default: e.withCtx(() => [e.createElementVNode("div", l, [e.createVNode(u2, { ref_key: "cascaderRef", ref: m, style: { width: "fit-content", "margin-top": "6px" }, props: h.value, modelValue: g.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e2) => g.value = e2), onChange: B }, { default: e.withCtx(({ node: o3, data: a3 }) => [e.createElementVNode("div", i, ["menu" === a3.menuType ? (e.openBlock(), e.createBlock(p2, { key: 0 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Menu))]), _: 1 })) : "page" === a3.menuType ? (e.openBlock(), e.createBlock(p2, { key: 1 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Tickets))]), _: 1 })) : (e.openBlock(), e.createBlock(p2, { key: 2 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Folder))]), _: 1 })), "page" === a3.menuType ? (e.openBlock(), e.createElementBlock("span", r, e.toDisplayString(C(o3)), 1)) : (e.openBlock(), e.createElementBlock("span", s, e.toDisplayString(o3.label), 1))])]), _: 1 }, 8, ["props", "modelValue"])])]), _: 1 }, 512)]);
+  };
+} });
+module.exports = c;

package/dist/lib/components/design/views/design/view/view-design-display.vue.cjs

@@ -0,0 +1,112 @@
+"use strict";
+const e = require("vue"), t = require("@element-plus/icons"), n = require("vue-draggable-plus"), i = require("../../assemblys/object-design.vue.cjs"), r = require("../../../utils/common-util.cjs"), l = require("../../../utils/page-helper-util.cjs"), o = require("../../../utils/container-design-util.cjs"), s = require("./view-design-preview.vue.cjs"), a = require("element-plus");
+require("@vueuse/core"), require("@element-plus/icons-vue"), require("codemirror"), require("@codemirror/lang-javascript"), require("@codemirror/state"), require("@codemirror/autocomplete"), require("@codemirror/language"), require("@codemirror/search"), require("js-beautify"),/* empty css                           */ require("../../../utils/assemblys-config.cjs"), require("../../../../../stores/page-store.cjs"), require("../../../../../stores/event-undo-redo-store.cjs"), require("../../../utils/eventBus.cjs");
+const u = require("./components/quick-add-dialog.vue.cjs"), c = require("./components/i18n-setting.vue.cjs"), d = require("../../../utils/page-table-util.cjs"), g = require("agilebuilder-ui"), m = require("../../../utils/page-design-util.cjs"), f = require("../../../utils/home-chart-util.cjs"), p = require("../../../utils/form-design-util.cjs");
+require("super-page-runtime");
+const v = { class: "amb-design-content-center-header" }, b = { class: "amb-design-tool" }, y = { class: "amb-design-tool-item" }, h = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, N = e.defineComponent({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(N2, { expose: C, emit: V }) {
+  const q = N2, E = e.ref(null), w = e.ref(null), k = V;
+  null == q.configure.props && (q.configure.props = {}), null == q.configure.style && (q.configure.style = {}), null != q.configure.items && null != q.configure.items || (q.configure.items = []);
+  const S = q.configure.items, D = e.ref(null), j = e.reactive({ index: 0 }), x = e.ref({}), T = e.ref(""), _ = e.ref(null);
+  A();
+  const O = e.computed(function() {
+    let e2 = null;
+    "ipad" == q.configure.dimensions ? e2 = 768 : "phone" == q.configure.dimensions && (e2 = 414);
+    const t2 = { width: e2 ? e2 + "px" : "" };
+    for (let e3 in x.value) t2[e3] = x.value[e3];
+    return _.value && (t2["min-height"] = _.value + "px"), t2;
+  });
+  function A() {
+    o.caculatePageStyle(q.configure, x, T), q.configure.runtime || (q.configure.runtime = {}), q.configure.runtime.class = T.value, q.configure.runtime.style = x.value;
+  }
+  e.watch(q.configure.props, () => {
+    A();
+  }), e.watch(q.configure.style, () => {
+    A();
+  });
+  const U = e.ref(null);
+  function B(e2) {
+    k("onSelectWidget", -1);
+  }
+  function z(e2, t2) {
+    k("onSelectWidget", e2, t2);
+  }
+  function M(e2, t2) {
+    k("onCustomAttrWidget", e2, t2);
+  }
+  function P(t2) {
+    const n2 = S.indexOf(t2), i2 = e.reactive(r.deepCopy(t2));
+    i2.uuid = r.getUuidv4(), m.copyHandleEvents(i2, q.configure), S.splice(n2, 0, i2);
+  }
+  function W(e2) {
+    m.deleteDesignItem(S, e2, e2.items && e2.items.length > 0, true);
+  }
+  e.onMounted(() => {
+    U.value && l.addComponentRef(q.configure, -1, U);
+  });
+  const F = e.ref(null);
+  function J() {
+    q.configure.i18nKeys && q.configure.i18nKeys.length > 0 && (q.configure.i18nKeys = Array.from(new Set(q.configure.i18nKeys)));
+    const e2 = JSON.parse(JSON.stringify(q.configure));
+    e2.tableRuntimes = {}, e2.currentTableConfig = {}, function(e3) {
+      "form" === e3.pageType && e3.items ? (e3.formPropTiltleMap = p.getFormPropTitleMap(e3), q.configure.formPropTiltleMap = e3.formPropTiltleMap) : (delete e3.formPropLabelMap, delete q.configure.formPropLabelMap);
+      e3.tableUuids && (e3.tableUuids = e3.tableUuids.filter((t2) => {
+        const n2 = r.findDesignItemByUuid(e3, t2);
+        return !!n2 && (d.setTableRuntimesFromConfigure(n2, e3), true);
+      }));
+      e3.homepageChartUuids && (e3.homepageChartUuids = e3.homepageChartUuids.filter((t2) => {
+        let n2 = r.findDesignItemByUuid(e3, t2);
+        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), f.setHomeChartRuntimesFromConfigure(n2, e3), true);
+      }));
+    }(e2), g.http.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: q.configure.id, designJson: JSON.stringify(e2) }).then((e3) => {
+      a.ElMessage({ message: "保存成功", type: "success" });
+    }).catch((e3) => {
+      a.ElMessage({ message: "保存失败", type: "error" });
+    });
+  }
+  n.useDraggable(F, S, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e2) {
+  } });
+  const R = e.ref(false);
+  const I = e.ref(null), K = e.ref({}), L = e.ref({}), H = e.ref(false);
+  let $;
+  function G() {
+    $ && clearTimeout($), H.value = false, $ = setTimeout(() => {
+      H.value = true;
+    }, 1);
+  }
+  function Q(e2) {
+    if (q.configure.customEvents) {
+      let t2 = q.configure.customEvents.filter((t3) => t3.eventName === e2);
+      if (t2 && t2.length > 0) return t2[0];
+    }
+  }
+  return e.onUnmounted(() => {
+    $ && clearTimeout($);
+  }), C({ onSelectEvent: function(e2) {
+    H.value = !(!e2 || "selected" !== e2);
+  }, addEvent: function(e2, t2) {
+    K.value = e2;
+    const n2 = Q(e2.eventName);
+    n2 && (L.value = n2), I.value = t2 || "event", G();
+  }, changeEvent: function(e2) {
+    if (e2) {
+      I.value = null, K.value = e2;
+      const t2 = Q(e2.eventName);
+      L.value = t2 || null, G();
+    } else H.value = false;
+  } }), (n2, l2) => {
+    const o2 = e.resolveComponent("el-icon"), a2 = e.resolveComponent("el-divider"), g2 = e.resolveComponent("Setting"), m2 = e.resolveComponent("el-scrollbar");
+    return e.openBlock(), e.createElementBlock(e.Fragment, null, [e.createElementVNode("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: U }, [e.createElementVNode("div", v, [e.createElementVNode("div", b, [e.createElementVNode("div", y, [e.withDirectives(e.createElementVNode("label", { class: e.normalizeClass(["amb-page-type", { selected: !n2.configure.dimensions || "pc" == n2.configure.dimensions }]), onClick: l2[0] || (l2[0] = (e2) => n2.configure.dimensions = "pc") }, [e.createVNode(o2, { size: 23 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Monitor))]), _: 1 })], 2), [[e.vShow, "assembly" === n2.selAsselbyType]]), e.withDirectives(e.createElementVNode("label", { class: e.normalizeClass(["amb-page-type", { selected: "ipad" == n2.configure.dimensions }]), onClick: l2[1] || (l2[1] = (e2) => n2.configure.dimensions = "ipad") }, [e.createVNode(o2, { size: 23 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Cellphone))]), _: 1 })], 2), [[e.vShow, "assembly" === n2.selAsselbyType]]), e.withDirectives(e.createElementVNode("label", { class: e.normalizeClass(["amb-page-type", { selected: "phone" == n2.configure.dimensions }]), onClick: l2[2] || (l2[2] = (e2) => n2.configure.dimensions = "phone") }, [e.createVNode(o2, { size: 23 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Iphone))]), _: 1 })], 2), [[e.vShow, "assembly" === n2.selAsselbyType]]), e.withDirectives(e.createVNode(a2, { direction: "vertical" }, null, 512), [[e.vShow, "assembly" === n2.selAsselbyType]])]), e.createElementVNode("div", h, [e.createElementVNode("label", { class: "amb-page-type", onClick: l2[3] || (l2[3] = (e2) => {
+      var _a;
+      (_a = w.value) == null ? void 0 : _a.show();
+    }) }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(g2)]), _: 1 }), l2[9] || (l2[9] = e.createElementVNode("label", null, "国际化配置", -1))]), e.createElementVNode("label", { class: "amb-page-type", onClick: l2[4] || (l2[4] = (e2) => {
+      E.value && E.value.openDialog();
+    }) }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Plus))]), _: 1 }), l2[10] || (l2[10] = e.createElementVNode("label", null, "快捷添加", -1))]), e.createVNode(a2, { direction: "vertical" }), e.createElementVNode("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: l2[5] || (l2[5] = (e2) => J()) }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.Check))]), _: 1 }), l2[11] || (l2[11] = e.createElementVNode("label", null, "保存", -1))]), e.createVNode(a2, { direction: "vertical" }), e.createElementVNode("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: l2[6] || (l2[6] = (e2) => function() {
+      const e3 = JSON.parse(JSON.stringify(q.configure));
+      e3.tableRuntimes = {}, e3.tableUuids && e3.tableUuids.forEach((t2) => {
+        const n3 = r.findDesignItemByUuid(e3, t2);
+        n3 && d.setTableRuntimesFromConfigure(n3, e3);
+      }), D.value = e3, R.value = true;
+    }()) }, [e.createVNode(o2, { size: 18 }, { default: e.withCtx(() => [e.createVNode(e.unref(t.View))]), _: 1 }), l2[12] || (l2[12] = e.createElementVNode("label", null, "预览", -1))])])])]), e.createVNode(m2, { height: "100%" }, { default: e.withCtx(() => [e.withDirectives(e.createElementVNode("div", { class: e.normalizeClass(["amb-design-board amb-design-board-main", T.value]), ref_key: "pageDesignBoardMain", ref: F, style: e.normalizeStyle(O.value), onClick: B }, [(e.openBlock(true), e.createElementBlock(e.Fragment, null, e.renderList(e.unref(S), (t2, r2) => (e.openBlock(), e.createBlock(i, { key: t2.uuid, indexObj: j, configure: t2, pageDesign: n2.configure, selectWidget: n2.selectWidget, onOnSelectWidget: z, onOnCustomAttrWidget: M, onOnCopy: P, onOnDelete: W }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[e.vShow, "assembly" === n2.selAsselbyType]])]), _: 1 })], 512), R.value ? (e.openBlock(), e.createBlock(s, { key: 0, pageDesign: D.value, modelValue: R.value, "onUpdate:modelValue": l2[7] || (l2[7] = (e2) => R.value = e2), onClose: l2[8] || (l2[8] = (e2) => R.value = false) }, null, 8, ["pageDesign", "modelValue"])) : e.createCommentVNode("", true), e.createVNode(u, { ref_key: "quickAddDialogRef", ref: E, pageDesign: n2.configure }, null, 8, ["pageDesign"]), e.createVNode(c, { ref_key: "i18nSettingRef", ref: w, pageDesign: n2.configure }, null, 8, ["pageDesign"])], 64);
+  };
+} });
+module.exports = N;

package/dist/lib/components/design/views/design/view/view-design-display.vue.d.ts

@@ -0,0 +1,41 @@
+import { PageDesign } from '../../../utils/interfaces/page-design-types';
+
+interface MyProps {
+    configure: PageDesign;
+    selectWidget: object;
+    selAsselbyType: string;
+}
+declare function onSelectEvent(newValue: String): void;
+declare function addEvent(eventForm: any, handleType: any): void;
+declare function changeEvent(eventForm: any): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {
+    onSelectEvent: typeof onSelectEvent;
+    addEvent: typeof addEvent;
+    changeEvent: typeof changeEvent;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    onSelectWidget: (...args: any[]) => void;
+    addEvent: (...args: any[]) => void;
+    onCustomAttrWidget: (...args: any[]) => void;
+    changeSelectEvent: (...args: any[]) => void;
+    changeSelectStandardEvent: (...args: any[]) => void;
+    revocation: (...args: any[]) => void;
+    regain: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
+    onOnSelectWidget?: (...args: any[]) => any;
+    onAddEvent?: (...args: any[]) => any;
+    onOnCustomAttrWidget?: (...args: any[]) => any;
+    onChangeSelectEvent?: (...args: any[]) => any;
+    onChangeSelectStandardEvent?: (...args: any[]) => any;
+    onRevocation?: (...args: any[]) => any;
+    onRegain?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lib/components/design/views/design/view/view-design-display.vue2.cjs

@@ -0,0 +1,3 @@
+"use strict";
+const e = require("./view-design-display.vue.cjs");
+module.exports = e;

package/dist/lib/components/design/views/design/view/view-design-preview.vue.cjs

@@ -0,0 +1,5 @@
+"use strict";
+const e = require("./view-design-preview.vue2.cjs");
+;/* empty css                           */
+const r = require("../../../../../_virtual/_plugin-vue_export-helper.cjs")(e, [["__scopeId", "data-v-da7cd22a"]]);
+module.exports = r;

package/dist/lib/components/design/views/design/view/view-design-preview.vue.d.ts

@@ -0,0 +1,20 @@
+import { PageDesign } from '../../../utils/interfaces/page-design-types';
+
+interface MyProps {
+    pageDesign: PageDesign;
+}
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MyProps>>> & Readonly<{
+    onClose?: (...args: any[]) => any;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/lib/components/design/views/design/view/view-design-preview.vue2.cjs

@@ -0,0 +1,15 @@
+"use strict";
+const e = require("vue");
+require("super-page-runtime");
+const t = require("agilebuilder-ui"), s = ["src"], r = e.defineComponent({ __name: "view-design-preview", props: { pageDesign: {} }, emits: ["close"], setup(r2, { emit: n }) {
+  const o = r2, i = e.computed(() => "预览【" + o.pageDesign.label + "】"), l = n, a = o.pageDesign.systemCode;
+  let c = e.ref(null);
+  return t.getCacheSystemUrlWithSystemCode(a).then((e2) => {
+    const s2 = t.getSystemFrontendUrlWith(e2), r3 = o.pageDesign.code;
+    t.setSessionCache("preview_" + r3, JSON.stringify(o.pageDesign)), c.value = s2 + "#/dsc-full-screen/page?customSystem=" + a + "&pageCode=" + r3 + "&isNewPage=true&isPreview=true&_t_=" + (/* @__PURE__ */ new Date()).getTime();
+  }), (t2, r3) => {
+    const n2 = e.resolveComponent("el-dialog");
+    return e.openBlock(), e.createBlock(n2, { fullscreen: "", "append-to-body": "", "close-on-press-escape": false, title: i.value, onClose: r3[0] || (r3[0] = (e2) => l("close")) }, { default: e.withCtx(() => [e.unref(c) ? (e.openBlock(), e.createElementBlock("iframe", { key: 0, class: "preview-page-iframe", src: e.unref(c) }, null, 8, s)) : e.createCommentVNode("", true)]), _: 1 }, 8, ["title"]);
+  };
+} });
+module.exports = r;

package/dist/lib/components/design/views/design/view/view-design.vue.cjs

@@ -0,0 +1,44 @@
+"use strict";
+const e = require("vue"), n = require("./assemblys-container.vue.cjs"), t = require("./view-design-display.vue.cjs"), o = require("./attr-container.vue.cjs"), l = require("./components/el-aside-expand-component.vue.cjs"), c = e.defineComponent({ __name: "view-design", props: { configure: {}, system: {} }, emits: ["addEvent", "changeEvent", "onSelectEvent", "revocation", "regain"], setup(c2, { expose: i, emit: s }) {
+  const a = c2, r = s;
+  null == a.configure.items && (a.configure.items = []);
+  const u = e.reactive({ value: -1 }), f = e.ref(null);
+  let v = e.ref("assembly");
+  function d(e2, n2) {
+    n2 && !n2.isTable && (a.configure.currentTableConfig = void 0), e2 = null == e2 ? -1 : e2, u.value = e2, -1 == e2 && (n2 = a.configure), f.value && f.value && (null == n2.style && (n2.style = {}), null == n2.props && (n2.props = {}), null == n2.events && (n2.events = []), f.value.changeAssembly(n2));
+  }
+  function g(e2, n2) {
+    f.value.changeAssemblyByComponent(e2, n2);
+  }
+  const m = e.ref(null);
+  function p(e2) {
+    v.value = e2 && "selected" === e2 ? "pageEvent" : "assembly", m.value.onSelectEvent(e2);
+  }
+  function y(e2, n2) {
+    m.value.addEvent(e2, n2);
+  }
+  function C(e2) {
+    m.value.changeEvent(e2);
+  }
+  function E() {
+    r("revocation");
+  }
+  function h() {
+    r("regain");
+  }
+  const b = e.ref(null);
+  function S(e2) {
+    b.value.changeSelectEvent(e2);
+  }
+  function _(e2) {
+    b.value.doCreateEvent(e2);
+  }
+  function W(e2, n2) {
+    b.value.changeSelectStandardEvent(e2, n2);
+  }
+  return i({ onSelectWidget: d }), (c3, i2) => {
+    const s2 = e.resolveComponent("el-main"), a2 = e.resolveComponent("el-container");
+    return e.openBlock(), e.createBlock(a2, { class: "amb-container" }, { default: e.withCtx(() => [e.createVNode(l, null, { default: e.withCtx(() => [e.createVNode(n, { ref_key: "assemblysContainerRef", ref: b, configure: c3.configure, designItems: c3.configure.items, selectWidget: u, onOnSelectWidget: d, onAddEvent: y, onChangeEvent: C, onOnSelectEvent: p }, null, 8, ["configure", "designItems", "selectWidget"])]), _: 1 }), e.createVNode(s2, { class: "amb-container-main" }, { default: e.withCtx(() => [e.createVNode(t, { ref_key: "viewDesignDisplayRef", ref: m, configure: c3.configure, selectWidget: u, selAsselbyType: e.unref(v), onOnSelectWidget: d, onOnCustomAttrWidget: g, onChangeSelectEvent: S, onAddEvent: _, onChangeSelectStandardEvent: W, onRevocation: E, onRegain: h }, null, 8, ["configure", "selectWidget", "selAsselbyType"])]), _: 1 }), e.createVNode(l, { direction: "left" }, { default: e.withCtx(() => [e.createVNode(o, { pageInfo: c3.configure, system: c3.system, ref_key: "attrContainerRef", ref: f }, null, 8, ["pageInfo", "system"])]), _: 1 })]), _: 1 });
+  };
+} });
+module.exports = c;