super-page-designer 2.2.24 → 2.2.27

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

@@ -1,88 +1,98 @@
-import { defineComponent as e, ref as l, watch as o, resolveComponent as s, createElementBlock as a, openBlock as t, createElementVNode as n, createCommentVNode as i, createVNode as u, withCtx as r, createBlock as v, normalizeClass as p, withDirectives as c, vShow as f, unref as d } from "vue";
+import { defineComponent as e, ref as l, watch as o, resolveComponent as a, createElementBlock as s, openBlock as t, createElementVNode as i, createCommentVNode as n, createVNode as u, withCtx as r, createBlock as v, normalizeClass as p, withDirectives as c, vShow as f, unref as d } from "vue";
 import m from "./view/view-design.vue.js";
 import { initComponentRefState as g } from "../../utils/page-helper-util.js";
 import { getTableNameByTableUuid as w, queryTableFields as k, changeFeieldToMap as y } from "../../utils/page-table-util.js";
-import { addPermission as b, delPermission as C } from "../../utils/page-permission-util.js";
-import { usePageContextStore as h } from "../../../../stores/page-store.js";
+import { addPermission as b, delPermission as h } from "../../utils/page-permission-util.js";
+import { usePageContextStore as C } from "../../../../stores/page-store.js";
 import S from "service-flow-designer";
-import { getHighestVersionDefinition as j } from "../../utils/page-design-util.js";
-import { getPageConf as V } from "../../utils/assemblys-config.js";
-import { fetchPageDesignData as D } from "../../utils/page-service-util.js";
-import { ElMessage as W, ElLoading as I } from "element-plus";
-import x from "./view/page-switch.vue.js";
-import { undoRedo as J } from "../../../../stores/undo-redo-store.js";
-import T from "./page-event/page-event-view.vue.js";
-import _ from "../../utils/eventBus.js";
-const B = { class: "amb-page-container" }, N = { class: "amb-page-container-header-page" }, P = { class: "amb-page-container-header" }, R = { class: "amb-page-container-header-type" }, E = { key: 0, class: "amb-page-container-main" }, F = e({ __name: "page-design", props: { pageId: { type: Number, default: null } }, setup(e2) {
-  const F2 = J(), G = e2, O = l(null), z = l(null), M = l(), $ = h(), q = l("page"), L = l(null), U = l(null), A = l(null), H = l(false), K = l(true), Q = l(0);
-  let X = l(null);
-  const Y = l(null);
-  function Z() {
-    q.value = "front", M.value && M.value.resize && M.value.resize();
+import { getHighestVersionDefinition as V } from "../../utils/page-design-util.js";
+import { getPageConf as j } from "../../utils/assemblys-config.js";
+import { fetchPageDesignData as _ } from "../../utils/page-service-util.js";
+import { ElMessage as D, ElLoading as M } from "element-plus";
+import W from "./view/page-switch.vue.js";
+import { undoRedo as I } from "../../../../stores/undo-redo-store.js";
+import x from "./page-event/page-event-view.vue.js";
+import B from "../../utils/eventBus.js";
+import { v4 as J } from "uuid";
+const P = { class: "amb-page-container" }, T = { class: "amb-page-container-header-page" }, $ = { class: "amb-page-container-header" }, N = { class: "amb-page-container-header-type" }, R = { key: 0, class: "amb-page-container-main" }, A = e({ __name: "page-design", props: { pageId: { type: Number, default: null } }, setup(e2) {
+  const A2 = I(), E = e2, F = l(null), G = l(null), O = l(), z = C(), q = l("page"), L = l(null), U = l(null), H = l(null), K = l(false), Q = l(true), X = l(0);
+  let Y = l(null);
+  const Z = l(null);
+  function ee() {
+    q.value = "front", O.value && O.value.resize && O.value.resize();
   }
-  function ee(e3) {
-    const l2 = V();
+  function le(e3) {
+    const l2 = j();
     return e3 ? Object.assign(l2, e3) : l2.systemCode || (l2.systemCode = "iqc", l2.systemVersion = 1), l2;
   }
-  function le(e3) {
+  function oe(e3) {
     let l2;
     g(e3);
-    const s2 = e3 == null ? void 0 : e3.tableUuids;
-    s2 && s2.length > 0 && (l2 = s2[0]);
-    const a2 = w(e3, l2);
-    if (a2) {
+    const a2 = e3 == null ? void 0 : e3.tableUuids;
+    a2 && a2.length > 0 && (l2 = a2[0]);
+    const s2 = w(e3, l2);
+    if (s2) {
       const l3 = e3.tableSysCode ? e3.tableSysCode : e3.systemCode, o2 = e3.tableSysVersion ? e3.tableSysVersion : e3.systemVersion;
-      k(l3, o2, a2).then((l4) => {
-        e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), $.setPageContext(e3);
+      k(l3, o2, s2).then((l4) => {
+        e3.modelFields = l4, e3.modelFieldsMap = y(e3.modelFieldsMap, l4), z.setPageContext(e3);
       });
     }
-    X.value = e3.systemVersion, $.setPageContext(e3), o(() => e3, (e4) => {
-      oe();
+    Y.value = e3.systemVersion, z.setPageContext(e3), o(() => e3, (e4) => {
+      se();
     }, { deep: true }), o(e3.events, (l3) => {
       if (e3.runtime || (e3.runtime = {}), e3.events) {
         const l4 = e3.events.filter((e4) => !e4.isStandard && e4.jsContent || e4.isStandard && e4.eventName);
         e3.runtime.events = l4;
       }
     }, { immediate: true }), o(() => e3.label, () => {
-      ne(e3);
+      ue(e3);
     }, { immediate: true }), o(() => e3.pageType, () => {
-      ne(e3);
+      ue(e3);
     }, { immediate: true }), e3.props && o(() => e3.props.activeWorkflow, () => {
-      ne(e3);
-    }, { immediate: true }), _.$emit("changePageDesign");
+      ue(e3);
+    }, { immediate: true }), B.$emit("changePageDesign"), function() {
+      ae("_isMobile", { level: 0, code: J(), name: "_isMobile", alias: "是否是移动端", type: "string", defaultValue: "", items: [], $editing: false });
+      ae("_isMobileApp", { level: 0, code: J(), name: "_isMobileApp", alias: "是否是移动端APP", type: "string", defaultValue: "", items: [], $editing: false });
+      ae("_isMobileBrowser", { level: 0, code: J(), name: "_isMobileBrowser", alias: "是否是移动端浏览器", type: "string", defaultValue: "", items: [], $editing: false });
+    }();
   }
-  _.$on("editComponentEvent", () => {
-    Z();
-  }), G.pageId ? D(G.pageId).then((e3) => {
+  function ae(e3, l2) {
+    var _a;
+    const o2 = (_a = F.value.variables) == null ? void 0 : _a.filter((l3) => l3.name && l3.name === e3);
+    o2 && 0 !== o2.length || (F.value.variables || (F.value.variables = []), F.value.variables.push(l2));
+  }
+  B.$on("editComponentEvent", () => {
+    ee();
+  }), E.pageId ? _(E.pageId).then((e3) => {
     if (e3 && e3.designJson) {
-      const l2 = e3.designJson, o2 = ee(JSON.parse(l2));
-      o2.id = G.pageId, O.value = o2, le(O.value);
-    } else O.value = ee(null), le(O.value);
-  }) : (O.value = ee(null), le(O.value));
-  let oe = /* @__PURE__ */ function(e3, l2) {
+      const l2 = e3.designJson, o2 = le(JSON.parse(l2));
+      o2.id = E.pageId, F.value = o2, oe(F.value);
+    } else F.value = le(null), oe(F.value);
+  }) : (F.value = le(null), oe(F.value));
+  let se = /* @__PURE__ */ function(e3, l2) {
     let o2 = null;
     return function() {
-      let s2 = arguments;
+      let a2 = arguments;
       o2 && clearTimeout(o2);
-      let a2 = !o2;
+      let s2 = !o2;
       o2 = setTimeout(() => {
         o2 = null;
-      }, l2), a2 && e3.apply(this, s2);
+      }, l2), s2 && e3.apply(this, a2);
     };
   }(() => {
-    F2.addSnapshot(O.value);
+    A2.addSnapshot(F.value);
   }, 400);
-  function se() {
-    Q.value++, F2.undo(O.value);
+  function te() {
+    X.value++, A2.undo(F.value);
   }
-  function ae() {
-    Q.value++, F2.record(O.value);
+  function ie() {
+    X.value++, A2.record(F.value);
   }
-  function te(e3) {
+  function ne(e3) {
     const l2 = e3.definitionVersion;
-    l2 && (O.value.props.workflowSource = "link", O.value.props.linkWorkflowVersion = l2, O.value.workflowVersion = l2, ie(e3));
+    l2 && (F.value.props.workflowSource = "link", F.value.props.linkWorkflowVersion = l2, F.value.workflowVersion = l2, re(e3));
   }
-  function ne(e3) {
+  function ue(e3) {
     b(e3, "page", e3.label, "-1");
     const l2 = ["gets", "workflowGets", "listData", "listSubData"], o2 = [];
     if (e3.pageType && "form" != e3.pageType) "list" == e3.pageType && (b(e3, "listData", "", "-1"), b(e3, "listSubData", "", "-1"), o2.push("listData"), o2.push("listSubData"));
@@ -90,39 +100,39 @@ const B = { class: "amb-page-container" }, N = { class: "amb-page-container-head
       b(e3, "gets", "", "-1"), o2.push("gets");
       (e3.props ? e3.props : {}).activeWorkflow && (b(e3, "workflowGets", "", "-1"), o2.push("workflowGets"));
     }
-    for (let s2 of l2) o2.includes(s2) || C(e3, s2, "-1");
+    for (let a2 of l2) o2.includes(a2) || h(e3, a2, "-1");
   }
-  function ie(e3) {
-    U.value = e3.code, A.value = e3.definitionVersion, L.value = e3.id;
+  function re(e3) {
+    U.value = e3.code, H.value = e3.definitionVersion, L.value = e3.id;
   }
-  function ue() {
-    if (!K.value) return;
+  function ve() {
+    if (!Q.value) return;
     let e3, l2;
-    O.value.props.activeWorkflow && O.value.props.workflowSource && "link" === O.value.props.workflowSource ? (l2 = O.value.props.linkWorkflowCode, e3 = O.value.props.linkWorkflowVersion) : O.value.props.activeWorkflow && O.value.props.workflowSource && "create" === O.value.props.workflowSource && (l2 = O.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !A.value || U.value !== l2 || A.value !== e3 ? (H.value = false, K.value = false, function(e4, l3) {
-      j(e4, l3, X.value).then((e5) => {
-        ie(e5), q.value = "workflow", H.value = true;
+    F.value.props.activeWorkflow && F.value.props.workflowSource && "link" === F.value.props.workflowSource ? (l2 = F.value.props.linkWorkflowCode, e3 = F.value.props.linkWorkflowVersion) : F.value.props.activeWorkflow && F.value.props.workflowSource && "create" === F.value.props.workflowSource && (l2 = F.value.props.createWorkflowCode, e3 = 1), l2 ? !U.value && !H.value || U.value !== l2 || H.value !== e3 ? (K.value = false, Q.value = false, function(e4, l3) {
+      V(e4, l3, Y.value).then((e5) => {
+        re(e5), q.value = "workflow", K.value = true;
       }).finally(() => {
-        K.value = true;
+        Q.value = true;
       });
-    }(l2, e3)) : q.value = "workflow" : W({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
+    }(l2, e3)) : q.value = "workflow" : D({ type: "warning", showClose: true, message: "请在页面设计/属性/工作流中先绑定流程" });
   }
-  function re(e3) {
-    const l2 = I.service({ lock: true, text: "切换中，请稍后..." });
-    D(e3).then((o2) => {
-      if (Q.value++, l2.close(), o2 && o2.designJson) {
-        const l3 = o2.designJson, s2 = ee(JSON.parse(l3));
-        s2.id = e3, O.value = s2, O.value.items || (O.value.items = []), O.value.props || (O.value.props = {}), le(O.value);
-      } else O.value = ee(null), le(O.value);
+  function pe(e3) {
+    const l2 = M.service({ lock: true, text: "切换中，请稍后..." });
+    _(e3).then((o2) => {
+      if (X.value++, l2.close(), o2 && o2.designJson) {
+        const l3 = o2.designJson, a2 = le(JSON.parse(l3));
+        a2.id = e3, F.value = a2, F.value.items || (F.value.items = []), F.value.props || (F.value.props = {}), oe(F.value);
+      } else F.value = le(null), oe(F.value);
     });
   }
-  function ve(e3) {
-    e3 && e3.system && (Y.value = e3.system), Y.value && $.setEnableI18n(Y.value.enableI18n);
+  function ce(e3) {
+    e3 && e3.system && (Z.value = e3.system), Z.value && z.setEnableI18n(Z.value.enableI18n);
   }
   return (e3, l2) => {
-    const o2 = s("el-col"), g2 = s("el-row"), w2 = s("workflow-editor");
-    return t(), a("div", B, [n("div", N, [u(g2, null, { default: r(() => [u(o2, { span: 23, style: {} }, { default: r(() => [O.value && O.value.code ? (t(), v(x, { key: 0, pageDesign: O.value, onChangePage: re, onInitLoaded: ve }, null, 8, ["pageDesign"])) : i("", true)]), _: 1 })]), _: 1 })]), n("div", P, [n("div", R, [n("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), n("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => Z()) }, "页面逻辑", 2), n("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ue()) }, "工作流设计", 2), n("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), O.value ? (t(), a("div", E, [c((t(), v(m, { ref_key: "ViewDesignRef", ref: z, key: Q.value, configure: O.value, system: Y.value, onRegain: ae, onRevocation: se }, null, 8, ["configure", "system"])), [[f, "page" === q.value]]), H.value ? c((t(), v(w2, { key: 0, id: L.value, code: O.value.workflowCode, version: O.value.workflowVersion, "system-code": O.value.systemCode, "system-publish-version": O.value.systemVersion, "page-code": O.value.code, onBack: e3.goBack, onChangeDefVersion: te }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : i("", true), "service" === q.value ? (t(), v(d(S), { key: 1, pageContext: O.value }, null, 8, ["pageContext"])) : i("", true), c(u(T, { ref_key: "pageEventContainerRef", ref: M, configure: O.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : i("", true)]);
+    const o2 = a("el-col"), g2 = a("el-row"), w2 = a("workflow-editor");
+    return t(), s("div", P, [i("div", T, [u(g2, null, { default: r(() => [u(o2, { span: 23, style: {} }, { default: r(() => [F.value && F.value.code ? (t(), v(W, { key: 0, pageDesign: F.value, onChangePage: pe, onInitLoaded: ce }, null, 8, ["pageDesign"])) : n("", true)]), _: 1 })]), _: 1 })]), i("div", $, [i("div", N, [i("label", { class: p({ selected: "page" === q.value }), onClick: l2[0] || (l2[0] = (e4) => q.value = "page") }, "页面设计", 2), i("label", { class: p({ selected: "front" === q.value }), onClick: l2[1] || (l2[1] = (e4) => ee()) }, "页面逻辑", 2), i("label", { class: p({ selected: "workflow" === q.value }), onClick: l2[2] || (l2[2] = (e4) => ve()) }, "工作流设计", 2), i("label", { class: p({ selected: "service" === q.value }), onClick: l2[3] || (l2[3] = (e4) => q.value = "service") }, "服务编排", 2)])]), F.value ? (t(), s("div", R, [c((t(), v(m, { ref_key: "ViewDesignRef", ref: G, key: X.value, configure: F.value, system: Z.value, onRegain: ie, onRevocation: te }, null, 8, ["configure", "system"])), [[f, "page" === q.value]]), K.value ? c((t(), v(w2, { key: 0, id: L.value, code: F.value.workflowCode, version: F.value.workflowVersion, "system-code": F.value.systemCode, "system-publish-version": F.value.systemVersion, "page-code": F.value.code, onBack: e3.goBack, onChangeDefVersion: ne }, null, 8, ["id", "code", "version", "system-code", "system-publish-version", "page-code", "onBack"])), [[f, "workflow" === q.value]]) : n("", true), "service" === q.value ? (t(), v(d(S), { key: 1, pageContext: F.value }, null, 8, ["pageContext"])) : n("", true), c(u(x, { ref_key: "pageEventContainerRef", ref: O, configure: F.value }, null, 8, ["configure"]), [[f, "front" === q.value]])])) : n("", true)]);
   };
 } });
 export {
-  F as default
+  A as default
 };

package/dist/es/components/design/views/design/view/assemblys-container-explore.vue.js

@@ -2,13 +2,13 @@ import { defineComponent as e, ref as l, computed as t, resolveComponent as n, c
 import { Search as p } from "@element-plus/icons";
 import { convertToExploreTreeDatas as u } from "../../../utils/page-explore-util.js";
 const m = e({ __name: "assemblys-container-explore", props: { designItems: Array, selectWidget: Object, headerSearchClass: { type: String, default: "amb-assembly-header-search" }, treeMarginTop: { type: String, default: "margin-top:40px;" } }, emits: ["onSelectWidget", "selectComponent"], setup(e2, { emit: m2 }) {
-  const g = e2, h = m2, x = l(""), f = { children: "children", label: "label" }, v = l({}), y = t(() => u(g.designItems, x.value, v)), S = (e3) => {
+  const x = e2, g = m2, h = l(""), f = { children: "children", label: "label" }, v = l({}), y = t(() => u(x.designItems, h.value, v)), S = (e3) => {
     let l2 = null;
-    null != e3.componentIndex && (l2 = v.value[e3.componentIndex]), l2 ? h("onSelectWidget", e3.componentIndex, l2) : h("onSelectWidget", -1), h("selectComponent", e3.componentIndex, l2, e3);
+    null != e3.componentIndex && (l2 = v.value[e3.componentIndex], l2 && e3.componentIndex ? g("onSelectWidget", e3.componentIndex, l2) : g("onSelectWidget", -1), g("selectComponent", e3.componentIndex, l2, e3));
   };
   return (l2, t2) => {
     const u2 = n("el-input"), m3 = n("el-tree");
-    return o(), a("div", null, [s("div", { class: i(e2.headerSearchClass) }, [r(u2, { modelValue: x.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => x.value = e3), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": c(p) }, null, 8, ["modelValue", "suffix-icon"])], 2), r(m3, { style: d(e2.treeMarginTop), data: y.value, props: f, "default-expand-all": "", "expand-on-click-node": false, onNodeClick: S }, null, 8, ["style", "data"])]);
+    return o(), a("div", null, [s("div", { class: i(e2.headerSearchClass) }, [r(u2, { modelValue: h.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e3) => h.value = e3), style: { height: "36px" }, placeholder: "Search...", clearable: "", class: "input-with-select", "suffix-icon": c(p) }, null, 8, ["modelValue", "suffix-icon"])], 2), r(m3, { style: d(e2.treeMarginTop), data: y.value, props: f, "default-expand-all": "", "expand-on-click-node": false, onNodeClick: S }, null, 8, ["style", "data"])]);
   };
 } });
 export {

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

@@ -1,10 +1,10 @@
-import { defineComponent as e, ref as l, onMounted as a, onUnmounted as o, resolveComponent as t, createBlock as d, openBlock as u, 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 y } from "vue";
-import { Top as h, Bottom as g, Plus as N, Delete as V } from "@element-plus/icons";
+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 T 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";
+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([]);
@@ -12,13 +12,13 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
   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 && I(e3[0], S.model.fieldInfos, { group: "el-table__row", handle: "amb-field-move", animation: 300, forceFallback: true, sort: true, onAdd(e4) {
+      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 = x(), W = l(null);
+  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) {
@@ -30,7 +30,7 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
     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 = "input-text") : e5.componentName = null;
+      for (let e5 of S.model.fieldInfos) D.value ? e5.componentName || (e5.componentName = de(e5.dataType)) : e5.componentName = null;
     });
   }
   function le() {
@@ -48,14 +48,14 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
   let oe;
   function te(e3) {
     oe && clearTimeout(oe);
-    const l2 = { uuid: _() };
+    const l2 = { uuid: x() };
     "list" == S.model.pageType && (l2.isTable = true);
-    const a2 = de(e3);
+    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 de(e3) {
+  function ue(e3) {
     let l2 = -1;
     if (!e3) return l2;
     const a2 = S.model.fieldInfos.length;
@@ -65,6 +65,9 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
     }
     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() {
@@ -75,8 +78,8 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
     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: _(), fieldName: a2.dbColumnName, title: a2.alias, width: 8, dataType: a2.dataType };
-        "form" == S.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)), S.model.fieldInfos.push(l3), e4 = true;
+        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];
@@ -84,25 +87,25 @@ const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "f
       }
     }
   } }), (l2, a2) => {
-    const o2 = t("el-icon"), k2 = t("el-table-column"), _2 = t("el-option"), x2 = t("el-select"), I2 = t("el-input"), M3 = t("el-checkbox"), oe2 = t("el-switch"), ue = t("el-table");
-    return u(), d(ue, { 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 = de(e4);
+    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(h))]), _: 2 }, 1032, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      let l4 = de(e4);
+    }(e3.row) }, { default: n(() => [i(r(y))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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(V))]), _: 1 })]), default: n((e3) => [i(o2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => te(e3.row) }, { default: n(() => [i(r(N))]), _: 2 }, 1032, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      const l4 = de(e4);
+    }(e3.row) }, { default: n(() => [i(r(g))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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(V))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(k2, { prop: "fieldName", label: "字段", width: "140" }, { default: n((l3) => [l3.row.uuid != W.value ? (u(), s("label", C, f(l3.row.fieldName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, clearable: "", filterable: "", placeholder: "请选择", onChange: (e3) => function(e4) {
+    }(e3.row) }, { default: n(() => [i(r(N))]), _: 2 }, 1032, ["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(() => [(u(true), s(p, null, c(e2.model.modelFields, (e3) => (u(), d(_2, { label: e3.alias + "(" + e3.dbColumnName + ")", value: e3.dbColumnName }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 }), i(k2, { prop: "title", label: "标题", width: "140" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", U, f(e3.row.title), 1)) : (u(), d(I2, { 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 ? (u(), s("label", z, f(e3.row.querySettingName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.querySettingName, "onUpdate:modelValue": (l3) => e3.row.querySettingName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(u(), s(p, null, c(K, (e4) => i(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "exportable", label: "导出", width: "120" }, { header: n(() => [b("div", B, [a2[2] || (a2[2] = v(" 导出 ")), 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"]), [[y, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", E, f(e3.row.exportable), 1)) : (u(), d(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(" 组件 ")), 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"]), [[y, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", L, f(e3.row.componentName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.componentName, "onUpdate:modelValue": (l3) => e3.row.componentName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c(r(Q), (e4) => (u(), d(_2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "state", label: "状态", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", q, f(e3.row.state), 1)) : (u(), d(x2, { key: 1, size: "small", disabled: !e3.row.componentName, modelValue: e3.row.state, "onUpdate:modelValue": (l3) => e3.row.state = l3, clearable: "", filterable: "", placeholder: "默认" }, { default: n(() => [(u(true), s(p, null, c(P.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "valid", label: "校验", width: "120" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", { key: 0, title: e3.row.valid }, f(e3.row.valid), 9, O)) : (u(), d(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: n(() => [(u(), s(p, null, c(J, (e4, l3) => i(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), "form" == e2.model.pageType ? (u(), d(k2, { key: 0, prop: "width", label: "宽度(栏数)", width: "75" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", j, f(e3.row.width), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c(H.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), "list" == e2.model.pageType ? (u(), d(k2, { key: 1, prop: "align", label: "左右对齐", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", A, f(e3.row.align), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.align, "onUpdate:modelValue": (l3) => e3.row.align = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c($.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), i(k2, { prop: "value", label: "默认值", width: "120" }, { default: n((e3) => [i(T, { showLabel: e3.row.uuid != W.value || !e3.row.componentName, modelValue: e3.row.value, paramTypes: ["request", "context", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
+    }(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))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "exportable", label: "导出", width: "120" }, { header: n(() => [b("div", B, [a2[2] || (a2[2] = v(" 导出 ")), 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(" 组件 ")), 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))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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))]), _: 2 }, 1032, ["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", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
       l4.value = e4;
     }(l3, e3.row) }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"]);
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.2.24",
+  "version": "2.2.27",
   "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.10",
+    "agilebuilder-ui": "1.1.11",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -41,7 +41,7 @@
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
     "service-flow-designer": "2.2.14",
-    "super-page-runtime": "2.2.23",
+    "super-page-runtime": "2.2.26",
     "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.51-up"
+    "workflow-editor": "0.0.52-up"
   },
   "devDependencies": {
     "@codemirror/autocomplete": "^6.16.0",