super-page-designer 2.2.12 → 2.2.16

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

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

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

@@ -16,7 +16,7 @@ import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
 import "js-beautify";
-/* empty css                        */
+/* empty css                       */
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";

package/dist/es/style.css

@@ -658,14 +658,14 @@ fieldset.amb-design-item-selected {
 }
 
 
-.editorTool[data-v-bc0d50cd] {
+.editorTool[data-v-52b49f1c] {
   margin-left: auto;
 }
-.editorOption[data-v-bc0d50cd] {
+.editorOption[data-v-52b49f1c] {
   margin-right: 10px;
   cursor: pointer;
 }
-.pppp[data-v-bc0d50cd] {
+.pppp[data-v-52b49f1c] {
   display: flex; /* 使用Flex布局 */
   justify-content: flex-start;
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
@@ -1347,8 +1347,8 @@ fieldset.amb-design-item-selected {
   font-weight: bold;
 }
 
-.el-select__wrapper.is-disabled{
-		cursor: default;
+.el-select__wrapper.is-disabled {
+  cursor: default;
 }
 
 .seleteSort[data-v-8aacbe0c] {
@@ -9489,15 +9489,15 @@ li[data-v-5581ec9f] {
 	color: #7b7b7b;
 }
 
-.seleteSort[data-v-3336d6c5] {
+.seleteSort[data-v-a6394e9b] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
 
-li[data-v-fc0fd0a6] {
+li[data-v-7d71eec4] {
   color: #333;
 }
-.context-menu[data-v-fc0fd0a6] {
+.context-menu[data-v-7d71eec4] {
   position: fixed;
   background: #fff;
   z-index: 999;
@@ -9505,7 +9505,7 @@ li[data-v-fc0fd0a6] {
   margin: 0;
   margin-top: 30px;
 }
-.context-menu li[data-v-fc0fd0a6] {
+.context-menu li[data-v-7d71eec4] {
   min-width: 75px;
   height: 28px;
   line-height: 28px;
@@ -9518,16 +9518,16 @@ li[data-v-fc0fd0a6] {
 /*  background: #5893ef;*/
 /*  color: #fff;*/
 /*}*/
-.context-menuLi[data-v-fc0fd0a6]:hover {
+.context-menuLi[data-v-7d71eec4]:hover {
   background: #5893ef;
   color: #fff;
 }
-.context-menu[data-v-fc0fd0a6] {
+.context-menu[data-v-7d71eec4] {
   border: 1px solid #eee;
   box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.1);
   border-radius: 5px;
 }
-li[data-v-fc0fd0a6] {
+li[data-v-7d71eec4] {
   list-style-type: none;
 }
 
@@ -16359,13 +16359,13 @@ fieldset.amb-design-item-selected {
   font-weight: bold;
 }
 
-.el-switch + .el-button[data-v-3ec7bf4c] {
+.el-switch + .el-button[data-v-606a3fe0] {
   margin-left: 20px;
 }
-.el-alert + .el-table[data-v-3ec7bf4c] {
+.el-alert + .el-table[data-v-606a3fe0] {
   margin-top: 10px;
 }
-.table-input-width[data-v-3ec7bf4c] {
+.table-input-width[data-v-606a3fe0] {
   width: 80%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.12",
+  "version": "2.2.16",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.7",
+    "agilebuilder-ui": "1.1.8",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -40,8 +40,8 @@
     "pinia": "^2.1.7",
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
-    "service-flow-designer": "2.2.12",
-    "super-page-runtime": "2.2.11",
+    "service-flow-designer": "2.2.14",
+    "super-page-runtime": "2.2.15",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",
@@ -52,7 +52,7 @@
     "vue-echarts": "^6.6.9",
     "vue-router": "^4.3.0",
     "vuex": "^4.1.0",
-    "workflow-editor": "0.0.48-up"
+    "workflow-editor": "0.0.50-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",