super-page-designer 2.2.25 → 2.2.30

package/dist/es/components/design/views/assemblys/workflow/component/combination.vue.js

@@ -3,11 +3,11 @@ import { CirclePlus as s, Delete as f, Top as c, Bottom as v } from "@element-pl
 import b from "../../common/common-variable-bind.vue.js";
 import "element-plus";
 import { getOperators as V } from "../../../../utils/data-table-util.js";
-import { getModelOptionsByFields as g } from "../../../../utils/page-table-util.js";
-const y = e({ __name: "combination", props: { list: { type: Array, default: () => [] }, fieldNameList: { type: Array, default: () => [] }, fieldMap: { type: Object, default: () => {
-} }, dataFieldNameList: { type: Array, default: () => [] }, paramTypes: { type: Array, default: null } }, emits: ["remove", "save", "close"], setup(e2, { emit: y2 }) {
-  const w = e2, _ = y2, h = l({}), N = l([]), k = l([]), U = l([]);
-  w.fieldNameList && w.fieldNameList.length > 0 && (U.value = g(w.fieldNameList));
+import { getModelOptionsByFields as y } from "../../../../utils/page-table-util.js";
+const g = e({ __name: "combination", props: { list: { type: Array, default: () => [] }, fieldNameList: { type: Array, default: () => [] }, fieldMap: { type: Object, default: () => {
+} }, dataFieldNameList: { type: Array, default: () => [] }, paramTypes: { type: Array, default: null } }, emits: ["remove", "save", "close"], setup(e2, { emit: g2 }) {
+  const w = e2, _ = g2, h = l({}), N = l([]), k = l([]), U = l([]);
+  w.fieldNameList && w.fieldNameList.length > 0 && (U.value = y(w.fieldNameList));
   const C = l([]);
   let j = w.dataFieldNameList;
   function z() {
@@ -31,13 +31,13 @@ const y = e({ __name: "combination", props: { list: { type: Array, default: () =
     }
     return l2;
   }
-  return w.dataFieldNameList && 0 !== w.dataFieldNameList.length ? C.value = g(j) : C.value = U.value, N.value = w.list, N.value.length > 0 && N.value.forEach((e3, l2) => {
+  return w.dataFieldNameList && 0 !== w.dataFieldNameList.length ? C.value = y(j) : C.value = U.value, N.value = w.list, N.value.length > 0 && N.value.forEach((e3, l2) => {
     "date" === e3.type ? N.value[l2].isDate = true : N.value[l2].isDate = false;
     let a2 = w.fieldMap[e3.propDbName];
     k.value[l2] = V(a2);
-  }), (l2, g2) => {
-    const y3 = a("el-button"), _2 = a("el-row"), h2 = a("el-icon"), j2 = a("el-table-column"), O = a("el-option"), T = a("el-select"), x = a("el-table"), A = a("el-dialog");
-    return o(), t(A, { "model-value": "", title: "组合条件", width: "70%", "close-on-click-modal": false, "before-close": M }, { default: u(() => [d(_2, { style: { "padding-bottom": "8px" } }, { default: u(() => [d(y3, { icon: r(s), plain: "", type: "primary", onClick: L }, { default: u(() => g2[0] || (g2[0] = [n(" 添加 ")])), _: 1 }, 8, ["icon"]), d(y3, { icon: r(f), plain: "", type: "primary", onClick: z }, { default: u(() => g2[1] || (g2[1] = [n(" 删除 ")])), _: 1 }, 8, ["icon"])]), _: 1 }), d(x, { ref: "tableRef", "highlight-current-row": "", onCurrentChange: D, data: N.value, style: { width: "100%" } }, { default: u(() => [d(j2, { width: "50", align: "center" }, { default: u((e3) => [d(h2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+  }), (l2, y2) => {
+    const g3 = a("el-button"), _2 = a("el-row"), h2 = a("el-icon"), j2 = a("el-table-column"), O = a("el-option"), T = a("el-select"), x = a("el-table"), A = a("el-dialog");
+    return o(), t(A, { "model-value": "", title: "组合条件", width: "70%", "close-on-click-modal": false, "before-close": M }, { default: u(() => [d(_2, { style: { "padding-bottom": "8px" } }, { default: u(() => [d(g3, { icon: r(s), plain: "", type: "primary", onClick: L }, { default: u(() => y2[0] || (y2[0] = [n(" 添加 ")])), _: 1 }, 8, ["icon"]), d(g3, { icon: r(f), plain: "", type: "primary", onClick: z }, { default: u(() => y2[1] || (y2[1] = [n(" 删除 ")])), _: 1 }, 8, ["icon"])]), _: 1 }), d(x, { ref: "tableRef", "highlight-current-row": "", onCurrentChange: D, data: N.value, "row-key": "propName", style: { width: "100%" } }, { default: u(() => [d(j2, { width: "50", align: "center" }, { default: u((e3) => [d(h2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
       let l4 = B(e4);
       if (l4 < 1) return;
       const a2 = N.value;
@@ -57,5 +57,5 @@ const y = e({ __name: "combination", props: { list: { type: Array, default: () =
   };
 } });
 export {
-  y as default
+  g as default
 };

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/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as j, renderList as C } from "vue";
+import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as C, renderList as j } from "vue";
 import { Monitor as S, Cellphone as k, Iphone as O, Plus as _, Check as A, View as T } from "@element-plus/icons";
 import { useDraggable as D } from "vue-draggable-plus";
 import w from "../../assemblys/object-design.vue.js";
 import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as N } from "../../../utils/common-util.js";
 import { addComponentRef as E } from "../../../utils/page-helper-util.js";
-import { caculatePageStyle as U } from "../../../utils/container-design-util.js";
-import J from "./view-design-preview.vue.js";
-import { ElMessage as P } from "element-plus";
+import { caculatePageStyle as R } from "../../../utils/container-design-util.js";
+import U from "./view-design-preview.vue.js";
+import { ElMessage as J } from "element-plus";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "codemirror";
@@ -21,9 +21,9 @@ import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
-import z from "./components/quick-add-dialog.vue.js";
-import M from "./components/i18n-setting.vue.js";
-import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
+import P from "./components/quick-add-dialog.vue.js";
+import z from "./components/i18n-setting.vue.js";
+import { setTableRuntimesFromConfigure as M } from "../../../utils/page-table-util.js";
 import B from "agilebuilder-ui/src/utils/request";
 import { copyHandleEvents as K, deleteDesignItem as q } from "../../../utils/page-design-util.js";
 import { setHomeChartRuntimesFromConfigure as V } from "../../../utils/home-chart-util.js";
@@ -41,7 +41,7 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
     return se.value && (i2["min-height"] = se.value + "px"), i2;
   });
   function ue() {
-    U(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
+    R(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
   }
   l(X.configure.props, () => {
     ue();
@@ -81,24 +81,34 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
     const e3 = JSON.parse(JSON.stringify(X.configure));
     e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
       "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
-      e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((i2) => {
-        const n2 = N(e4, i2);
-        return !!n2 && (R(n2, e4), true);
-      }));
+      if (e4.tableUuids) {
+        const i2 = {};
+        e4.tableUuids = e4.tableUuids.filter((n2) => {
+          const t2 = N(e4, n2);
+          if (t2) {
+            if (M(t2, e4), e4.tableRuntimes && e4.tableRuntimes[n2]) {
+              const l2 = e4.tableRuntimes[n2];
+              l2.code && (t2.code ? i2[l2.code] = t2.code : i2[l2.code] = l2.code);
+            }
+            return true;
+          }
+          return false;
+        }), e4.listCodesMap = i2;
+      }
       e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
         let n2 = N(e4, i2);
         return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), V(n2, e4), true);
       }));
     }(e3), B.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
-      P({ message: "保存成功", type: "success" });
+      J({ message: "保存成功", type: "success" });
     }).catch((e4) => {
-      P({ message: "保存失败", type: "error" });
+      J({ message: "保存失败", type: "error" });
     });
   }
   D(be, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
   } });
   const he = i(false);
-  const je = i(null), Ce = i({}), Se = i({}), ke = i(false);
+  const Ce = i(null), je = i({}), Se = i({}), ke = i(false);
   let Oe;
   function _e() {
     Oe && clearTimeout(Oe), ke.value = false, Oe = setTimeout(() => {
@@ -116,18 +126,18 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
   }), G2({ onSelectEvent: function(e3) {
     ke.value = !(!e3 || "selected" !== e3);
   }, addEvent: function(e3, i2) {
-    Ce.value = e3;
+    je.value = e3;
     const n2 = Ae(e3.eventName);
-    n2 && (Se.value = n2), je.value = i2 || "event", _e();
+    n2 && (Se.value = n2), Ce.value = i2 || "event", _e();
   }, changeEvent: function(e3) {
     if (e3) {
-      je.value = null, Ce.value = e3;
+      Ce.value = null, je.value = e3;
       const i2 = Ae(e3.eventName);
       Se.value = i2 || null, _e();
     } else ke.value = false;
   } }), (e3, i2) => {
     const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting");
-    return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[j, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+    return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[C, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[C, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
       var _a;
       (_a = Z.value) == null ? void 0 : _a.show();
     }) }, [f(n2, { size: 18 }, { default: y(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = g("label", null, "国际化配置", -1))]), g("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
@@ -136,9 +146,9 @@ const H = { class: "amb-design-content-center-header" }, L = { class: "amb-desig
       const e5 = JSON.parse(JSON.stringify(X.configure));
       e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
         const n3 = N(e5, i3);
-        n3 && R(n3, e5);
+        n3 && M(n3, e5);
       }), ne.value = e5, he.value = true;
-    }()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, C(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[j, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(J, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+    }()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, j(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[C, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(U, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(P, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(z, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
   };
 } });
 export {