super-page-runtime 2.2.51 → 2.2.55

package/dist/es/components/runtime/views/assemblys/form/input-text/inputtext-runtime.vue2.js

@@ -1,70 +1,75 @@
-import { defineComponent as e, ref as l, computed as t, onMounted as o, nextTick as n, onUnmounted as a, watch as u, resolveComponent as i, createBlock as r, openBlock as c, normalizeStyle as p, normalizeClass as s, unref as v, withCtx as f, createVNode as g, createCommentVNode as y, createSlots as m, createTextVNode as d, toDisplayString as x, createElementBlock as C, Fragment as I } from "vue";
+import { defineComponent as e, ref as t, computed as l, onMounted as o, nextTick as n, onUnmounted as a, watch as u, resolveComponent as i, createBlock as r, openBlock as p, normalizeStyle as c, normalizeClass as s, unref as v, withCtx as f, createVNode as g, createCommentVNode as y, createSlots as m, createTextVNode as d, toDisplayString as x, createElementBlock as C, Fragment as I } from "vue";
 import { SuperIcon as T } from "agilebuilder-ui";
 import { getFormModelFields as k } from "../../../../utils/page-init-util.js";
-import { setVariableValue as V, getVariableValue as h } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as w, handleFormEvent as b, doSuffixOrPrefixClickEvent as _ } from "../../../../utils/events/event-util.js";
-import { formatScanRuleSets as j, analysisScanValue as S, setScanAnalysisValue as R } from "../../../../utils/form/scan-util.js";
-import P from "../common/title-suffix-element.vue.js";
-import { isMobileBrowser as q } from "agilebuilder-ui/src/utils/common-util";
-import z from "../../../../utils/eventBus.js";
-import { $t as D } from "../../../../utils/i18n-util.js";
-const L = e({ __name: "inputtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: L2 }) {
+import { getModelFieldFromPageContext as V, isNumberDataType as h, setVariableValue as w, getVariableValue as b } from "../../../../utils/page-helper-util.js";
+import { handleFormEvent as _, handleAfterInitEvent as S, doSuffixOrPrefixClickEvent as j } from "../../../../utils/events/event-util.js";
+import { formatScanRuleSets as R, analysisScanValue as D, setScanAnalysisValue as P } from "../../../../utils/form/scan-util.js";
+import q from "../common/title-suffix-element.vue.js";
+import { isMobileBrowser as z } from "agilebuilder-ui/src/utils/common-util";
+import L from "../../../../utils/eventBus.js";
+import { $t as M } from "../../../../utils/i18n-util.js";
+const N = e({ __name: "inputtext-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: N2 }) {
   var _a, _b, _c;
-  const N = e2, O = N.pageContext.entity ? N.pageContext.entity : {};
-  let B = k(N.pageContext, N.configure);
-  const J = l(q()), M = N.pageContext.code, $ = l(B && B.length > 0 ? M + "__" + B.join("__") : null), A = t({ get: () => h(O, B), set(e3) {
-    e3 = e3.trim(), V(O, B, e3);
-  } }), E = l(null), F = l(null), U = l(null);
+  const O = e2, B = O.pageContext.entity ? O.pageContext.entity : {}, F = t("text");
+  let J = k(O.pageContext, O.configure);
+  if (O.pageContext.modelFieldsMap) {
+    const e3 = V(J, O.pageContext);
+    e3 && (F.value = h(e3.dataType) ? "number" : "text");
+  }
+  const $ = t(z()), A = O.pageContext.code, E = t(J && J.length > 0 ? A + "__" + J.join("__") : null), U = l({ get: () => b(B, J), set(e3) {
+    e3 = e3.trim(), w(B, J, e3);
+  } }), W = t(null), G = t(null), H = t(null);
   o(() => {
-    z.$on($.value + "-scanDone", (e3) => {
-      ae(e3.result);
+    L.$on(E.value + "-scanDone", (e3) => {
+      re(e3.result), _(e3.result, O.pageContext, O.configure, "afterScanDone");
     }), n(() => {
-      const e3 = A.value;
-      w(e3, N.pageContext, N.configure, { formItemRef: E.value, componentRef: F.value, titleRef: U.value, value: e3, entity: N.pageContext.entity.data, pageData: N.pageContext.entity.page });
+      const e3 = U.value;
+      S(e3, O.pageContext, O.configure, { formItemRef: W.value, componentRef: G.value, titleRef: H.value, value: e3, entity: O.pageContext.entity.data, pageData: O.pageContext.entity.page });
     });
   }), a(() => {
-    z.$off($.value + "-scanDone");
+    L.$off(E.value + "-scanDone");
   });
-  const W = N.configure.runtime ? N.configure.runtime : {}, G = l(W.props ? W.props : {}), H = l(!!((_a = G.value.scan) == null ? void 0 : _a.enable));
-  let K = false;
-  const Q = window.localStorage.getItem("auth_source");
-  Q && "dingtalk" === Q && (K = true);
-  let X = "";
-  X = navigator.userAgent.indexOf(" uni-app ") > 0 ? "app" : "browser";
-  const Y = !(!J.value || !X || "app" !== X), Z = l(!!((Y || K) && H.value || J.value && H.value && "https:" === window.location.protocol));
-  let ee = {};
-  ((_b = G.value.scan) == null ? void 0 : _b.enable) && ((_c = G.value.scan.ruleList) == null ? void 0 : _c.length) > 0 && (j(G.value.scan.ruleList).then((e3) => {
-    ee = e3;
-  }), u(() => A.value, (e3) => {
+  const K = O.configure.runtime ? O.configure.runtime : {}, Q = t(K.props ? K.props : {}), X = t(!!((_a = Q.value.scan) == null ? void 0 : _a.enable));
+  let Y = false;
+  const Z = window.localStorage.getItem("auth_source");
+  Z && "dingtalk" === Z && (Y = true);
+  let ee = "";
+  ee = navigator.userAgent.indexOf(" uni-app ") > 0 ? "app" : "browser";
+  const te = !(!$.value || !ee || "app" !== ee), le = t(!!((te || Y) && X.value || $.value && X.value && "https:" === window.location.protocol));
+  let oe = {};
+  ((_b = Q.value.scan) == null ? void 0 : _b.enable) && ((_c = Q.value.scan.ruleList) == null ? void 0 : _c.length) > 0 && (R(Q.value.scan.ruleList).then((e3) => {
+    oe = e3;
+  }), u(() => U.value, (e3) => {
     e3 = e3.trim();
-    const l2 = S(e3, ee);
-    l2 && R(N.pageContext, l2.scanSet, l2.params);
+    const t2 = D(e3, oe);
+    t2 && P(O.pageContext, t2.scanSet, t2.params);
   }));
-  const le = W.style, te = W.class, oe = W.headerStyle, ne = W.titleExceedStyle;
-  function ae(e3) {
-    return V(O, B, e3);
+  const ne = K.style, ae = K.class, ue = K.headerStyle, ie = K.titleExceedStyle;
+  function re(e3) {
+    return w(B, J, e3);
+  }
+  const pe = t(false);
+  function ce() {
+    if (te || Y) {
+      const e3 = { type: "scan", componentId: E.value, systemCode: O.pageContext.systemCode };
+      Y && (e3.type = "dingTalkScan"), window.parent.postMessage(JSON.stringify(e3), "*");
+    } else if ($.value) if ("https:" === window.location.protocol) pe.value = true;
+    else {
+      const e3 = { type: "scan", componentId: E.value, systemCode: O.pageContext.systemCode };
+      window.parent.postMessage(JSON.stringify(e3), "*");
+    }
+    else pe.value = true;
   }
-  const ue = l(false);
-  function ie(e3) {
-    ue.value = false, ae(e3);
+  function se(e3) {
+    pe.value = false, re(e3);
   }
-  return L2({ getValue: function() {
-    return h(O, B);
-  }, setValue: ae }), (e3, l2) => {
-    const t2 = i("el-input"), o2 = i("scan-code-input-browser"), n2 = i("el-form-item");
-    return c(), r(n2, { ref_key: "formItemRef", ref: E, required: !!G.value.required, class: s(v(te)), "label-width": G.value.labelWidth, style: p(v(le)) }, { label: f(() => [G.value.tittleShow ? (c(), C("div", { key: 0, ref_key: "titleRef", ref: U, style: p({ ...v(oe), ...v(ne) }) }, [G.value.prefixType ? (c(), r(P, { key: 0, pageContext: e3.pageContext, property: G.value }, null, 8, ["pageContext", "property"])) : (c(), C(I, { key: 1 }, [d(x(v(D)(G.value.title)), 1)], 64))], 4)) : y("", true)]), default: f(() => [g(t2, { ref_key: "componentRef", ref: F, disabled: "disabled" === G.value.state, readonly: "readonly" === G.value.state, size: G.value.size, clearable: G.value.clearable, placeholder: G.value.placeholder, maxlength: G.value.maxLength, "show-word-limit": G.value.showInputNum, modelValue: A.value, "onUpdate:modelValue": l2[5] || (l2[5] = (e4) => A.value = e4), onInput: l2[6] || (l2[6] = (l3) => v(b)(l3, e3.pageContext, e3.configure, "input")), onChange: l2[7] || (l2[7] = (l3) => v(b)(l3, e3.pageContext, e3.configure, "change")), onBlur: l2[8] || (l2[8] = (l3) => v(b)(l3, e3.pageContext, e3.configure, "blur")), onFocus: l2[9] || (l2[9] = (l3) => v(b)(l3, e3.pageContext, e3.configure, "focus")), onClick: l2[10] || (l2[10] = (l3) => v(b)(l3, e3.pageContext, e3.configure, "click")) }, m({ _: 2 }, ["outer" != G.value.iconPosition && (G.value.preIconType && G.value.preIconValue || G.value.preText) ? { name: "prefix", fn: f(() => [G.value.preIconType && G.value.preIconValue ? (c(), r(v(T), { key: 0, iconType: G.value.preIconType, iconValue: G.value.preIconValue, onClick: l2[0] || (l2[0] = (l3) => v(_)(A.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(D)(G.value.preText)), 1)]), key: "0" } : void 0, "outer" == G.value.iconPosition && (G.value.preIconType && G.value.preIconValue || G.value.preText) ? { name: "prepend", fn: f(() => [G.value.preIconType && G.value.preIconValue ? (c(), r(v(T), { key: 0, iconType: G.value.preIconType, iconValue: G.value.preIconValue, onClick: l2[1] || (l2[1] = (l3) => v(_)(A.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(D)(G.value.preText)), 1)]), key: "1" } : void 0, "outer" != G.value.iconPosition && (G.value.sufIconType && G.value.sufIconValue || G.value.sufText) ? { name: "suffix", fn: f(() => [G.value.sufIconType && G.value.sufIconValue ? (c(), r(v(T), { key: 0, iconType: G.value.sufIconType, iconValue: G.value.sufIconValue, onClick: l2[2] || (l2[2] = (l3) => v(_)(A.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(D)(G.value.sufText)), 1)]), key: "2" } : void 0, Z.value || "outer" == G.value.iconPosition && (G.value.sufIconType && G.value.sufIconValue || G.value.sufText) ? { name: "append", fn: f(() => [Z.value ? (c(), r(v(T), { key: 0, iconValue: "fa-barcode", onClick: l2[3] || (l2[3] = (e4) => function() {
-      if (Y || K) {
-        const e5 = { type: "scan", componentId: $.value, systemCode: N.pageContext.systemCode };
-        K && (e5.type = "dingTalkScan"), window.parent.postMessage(JSON.stringify(e5), "*");
-      } else if (J.value) if ("https:" === window.location.protocol) ue.value = true;
-      else {
-        const e5 = { type: "scan", componentId: $.value, systemCode: N.pageContext.systemCode };
-        window.parent.postMessage(JSON.stringify(e5), "*");
-      }
-      else ue.value = true;
-    }()) })) : y("", true), G.value.sufIconType && G.value.sufIconValue ? (c(), r(v(T), { key: 1, iconType: G.value.sufIconType, iconValue: G.value.sufIconValue, onClick: l2[4] || (l2[4] = (l3) => v(_)(A.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(D)(G.value.sufText)), 1)]), key: "3" } : void 0]), 1032, ["disabled", "readonly", "size", "clearable", "placeholder", "maxlength", "show-word-limit", "modelValue"]), ue.value ? (c(), r(o2, { key: 0, onClose: ie })) : y("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+  return N2({ getValue: function() {
+    return b(B, J);
+  }, setValue: re, scanClick: ce }), (e3, t2) => {
+    const l2 = i("el-input"), o2 = i("scan-code-input-browser"), n2 = i("el-form-item");
+    return p(), r(n2, { ref_key: "formItemRef", ref: W, required: !!Q.value.required, class: s(v(ae)), "label-width": Q.value.labelWidth, style: c(v(ne)) }, { label: f(() => [Q.value.tittleShow ? (p(), C("div", { key: 0, ref_key: "titleRef", ref: H, style: c({ ...v(ue), ...v(ie) }) }, [Q.value.prefixType ? (p(), r(q, { key: 0, pageContext: e3.pageContext, property: Q.value }, null, 8, ["pageContext", "property"])) : (p(), C(I, { key: 1 }, [d(x(v(M)(Q.value.title)), 1)], 64))], 4)) : y("", true)]), default: f(() => [g(l2, { ref_key: "componentRef", ref: G, disabled: "disabled" === Q.value.state, readonly: "readonly" === Q.value.state, size: Q.value.size, clearable: Q.value.clearable, placeholder: Q.value.placeholder, maxlength: Q.value.maxLength, "show-word-limit": Q.value.showInputNum, type: F.value, modelValue: U.value, "onUpdate:modelValue": t2[5] || (t2[5] = (e4) => U.value = e4), onInput: t2[6] || (t2[6] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "input")), onChange: t2[7] || (t2[7] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "change")), onBlur: t2[8] || (t2[8] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "blur")), onFocus: t2[9] || (t2[9] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "focus")), onClick: t2[10] || (t2[10] = (t3) => v(_)(t3, e3.pageContext, e3.configure, "click")) }, m({ _: 2 }, ["outer" != Q.value.iconPosition && (Q.value.preIconType && Q.value.preIconValue || Q.value.preText) ? { name: "prefix", fn: f(() => [Q.value.preIconType && Q.value.preIconValue ? (p(), r(v(T), { key: 0, iconType: Q.value.preIconType, iconValue: Q.value.preIconValue, onClick: t2[0] || (t2[0] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(M)(Q.value.preText)), 1)]), key: "0" } : void 0, "outer" == Q.value.iconPosition && (Q.value.preIconType && Q.value.preIconValue || Q.value.preText) ? { name: "prepend", fn: f(() => [Q.value.preIconType && Q.value.preIconValue ? (p(), r(v(T), { key: 0, iconType: Q.value.preIconType, iconValue: Q.value.preIconValue, onClick: t2[1] || (t2[1] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "prefixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(M)(Q.value.preText)), 1)]), key: "1" } : void 0, "outer" != Q.value.iconPosition && (Q.value.sufIconType && Q.value.sufIconValue || Q.value.sufText) ? { name: "suffix", fn: f(() => [Q.value.sufIconType && Q.value.sufIconValue ? (p(), r(v(T), { key: 0, iconType: Q.value.sufIconType, iconValue: Q.value.sufIconValue, onClick: t2[2] || (t2[2] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(M)(Q.value.sufText)), 1)]), key: "2" } : void 0, le.value || "outer" == Q.value.iconPosition && (Q.value.sufIconType && Q.value.sufIconValue || Q.value.sufText) ? { name: "append", fn: f(() => [le.value ? (p(), r(v(T), { key: 0, iconValue: "fa-barcode", onClick: t2[3] || (t2[3] = (e4) => ce()) })) : y("", true), Q.value.sufIconType && Q.value.sufIconValue ? (p(), r(v(T), { key: 1, iconType: Q.value.sufIconType, iconValue: Q.value.sufIconValue, onClick: t2[4] || (t2[4] = (t3) => v(j)(U.value, e3.pageContext, e3.configure, "suffixClick")) }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(v(M)(Q.value.sufText)), 1)]), key: "3" } : void 0]), 1032, ["disabled", "readonly", "size", "clearable", "placeholder", "maxlength", "show-word-limit", "type", "modelValue"]), pe.value ? (p(), r(o2, { key: 0, onClose: se })) : y("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {
-  L as default
+  N as default
 };

package/dist/es/components/runtime/views/super-page.vue.js

@@ -1,7 +1,7 @@
 import e from "./super-page.vue2.js";
 /* empty css                */
 import p from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = p(e, [["__scopeId", "data-v-72c824d1"]]);
+const r = p(e, [["__scopeId", "data-v-392af192"]]);
 export {
   r as default
 };

package/dist/es/index.d.ts

@@ -6,8 +6,9 @@ import { default as cn } from './i18n/langs/cn.js';
 import { default as en } from './i18n/langs/en.js';
 import { getDateShortCuts } from './components/runtime/utils/form/date-shortcuts';
 import { getListCode } from './components/runtime/utils/common-util';
+import { default as YxAffix } from './components/runtime/views/assemblys/container/fixed/YxAffix.vue';
 
-export { SuperPageNew, SuperPageDialogNew, getComponentOptionConfigs, HomeChart };
+export { SuperPageNew, SuperPageDialogNew, getComponentOptionConfigs, HomeChart, YxAffix };
 export { getStandPermissionInfo, getFunctionInfo, FuncType };
 export { getCustomTheme, getCustomThemeOptions, getNumFormatter as getNumFormatterForChart };
 export { getDateShortCuts };

package/dist/es/index.js

@@ -8,11 +8,13 @@ import { default as default5 } from "./i18n/langs/cn.js";
 import { default as default6 } from "./i18n/langs/en.js";
 import { getDateShortCuts } from "./components/runtime/utils/form/date-shortcuts.js";
 import { getListCode } from "./components/runtime/utils/common-util.js";
+import { default as default7 } from "./components/runtime/views/assemblys/container/fixed/YxAffix.vue.js";
 export {
   FuncType,
   default4 as HomeChart,
   default3 as SuperPageDialogNew,
   default2 as SuperPageNew,
+  default7 as YxAffix,
   default5 as cn,
   default6 as en,
   getComponentOptionConfigs,

package/dist/es/style.css

@@ -1,18 +1,294 @@
-.runtime-page-container[data-v-72c824d1] {
+.runtime-page-container[data-v-392af192] {
   overflow: auto;
   height: 100%;
   max-height: 100vh;
   padding: var(--runtime-page-container-padding, 15px);
 }
-.runtime-page-container .runtime-page-container-view[data-v-72c824d1] {
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-1 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-1 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-2 {
+  flex: 0 0 calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(2 / 24 * (100% - (24 / 2 - 1) * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-2 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-2 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-3 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-3 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-4 {
+  flex: 0 0 calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(4 / 24 * (100% - (24 / 4 - 1) * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-4 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-4 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-5 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-5 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-6 {
+  flex: 0 0 calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(6 / 24 * (100% - (24 / 6 - 1) * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-6 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-6 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-7 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-7 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-8 {
+  flex: 0 0 calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(8 / 24 * (100% - (24 / 8 - 1) * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-8 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-8 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-9 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-9 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-10 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-10 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-11 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-11 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-12 {
+  flex: 0 0 calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(12 / 24 * (100% - (24 / 12 - 1) * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-12 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-13 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-13 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-14 {
+  flex: 0 0 calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(14 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-14 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-14 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-15 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-15 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-16 {
+  flex: 0 0 calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(16 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-16 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-16 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-17 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-17 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .el-col-18 {
+  flex: 0 0 calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+  max-width: calc(18 / 24 * (100% - 1 * var(--layout-form-flex-gap, 15px)));
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-18 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-18 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-19 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-19 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-20 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-20 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-21 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-21 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-22 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-22 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-23 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-23 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+@media (max-width: 768px) {
+.runtime-page-container[data-v-392af192] .el-col-24 {
+    flex: 0 0 100%;
+    max-width: 100%;
+}
+}
+.runtime-page-container[data-v-392af192] .el-col-24 > .el-form-item:only-child {
+  margin-bottom: 0;
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view {
   display: flex;
   flex-direction: column;
-  align-items: stretch;
+  align-content: flex-start;
   gap: var(--runtime-page-container-view-gap, 15px);
-}.yx-card-box-view-main[data-v-799b1858] > .el-card__header {
+  min-height: 100%;
+  height: auto;
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view .el-form {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--runtime-page-container-view-gap, 15px);
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view .el-form > div {
+  width: 100%;
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view > div {
+  width: 100%;
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view > .el-row[class*=el-col-] {
+  flex: none;
+}
+.runtime-page-container[data-v-392af192] .runtime-page-container-view .el-row {
+  gap: var(--layout-form-flex-gap, 15px);
+}.yx-affix[data-v-d053fb6d]:has(.yx-affix-content:empty) {
+  display: none;
+}
+.yx-affix .yx-affix-content.is-fixed.is-top > .yx-fixed-box-container[data-v-d053fb6d] {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.yx-affix .yx-affix-content.is-fixed.is-bottom > .yx-fixed-box-container[data-v-d053fb6d] {
+  box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
+}.yx-card-box-view-main[data-v-fc66efb1] > .el-card__header {
   position: relative;
 }
-.yx-card-box-view-main .yx-card-box-view-header[data-v-799b1858] {
+.yx-card-box-view-main .yx-card-box-view-header[data-v-fc66efb1] {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -20,12 +296,12 @@
   gap: 15px;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-799b1858] {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1] {
   position: relative;
   z-index: 2;
   flex: 1 1 auto;
 }
-.yx-card-box-view-main .yx-card-box-view-title[data-v-799b1858]::after {
+.yx-card-box-view-main .yx-card-box-view-title[data-v-fc66efb1]::after {
   content: " ";
   position: absolute;
   left: 0;
@@ -34,53 +310,75 @@
   right: 0;
   z-index: 0;
 }
-.yx-card-box-view-main[data-collapse=false][data-v-799b1858] > .el-card__body {
+.yx-card-box-view-main[data-collapse=false][data-v-fc66efb1] > .el-card__body {
   display: none;
 }
-@media (max-width: 992px) {
-.yx-card-box-view-context[data-v-799b1858] > .el-form-item, .yx-card-box-view-context[data-v-799b1858] > [class*=el-col] {
-    width: 100%;
+.yx-card-box-view-context[data-v-fc66efb1] {
+  gap: var(--layout-form-flex-gap, 15px);
+}
+.yx-card-box-view-context[data-v-fc66efb1] > div {
+  width: 100%;
+}
+.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item {
+  margin: 0;
+}
+.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
+  flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 2) / 3);
+}
+@media (max-width: 768px) {
+.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
     max-width: none;
-    flex: 0 0 50%;
+    flex: 0 0 calc((100% - var(--layout-form-flex-gap, 15px) * 1) / 2);
 }
 }
 @media (max-width: 600px) {
-.yx-card-box-view-context[data-v-799b1858] > .el-form-item, .yx-card-box-view-context[data-v-799b1858] > [class*=el-col] {
+.yx-card-box-view-context[data-v-fc66efb1] > .el-form-item[class*=el-col-8] {
     width: 100%;
     max-width: none;
     flex: auto;
 }
+}.runtime-page-container-tabs-view[data-v-f38fed66] > .el-tabs__content > .el-tab-pane {
+  display: flex;
+  flex-direction: column;
+  align-content: flex-start;
+  gap: var(--runtime-page-container-view-gap, 15px);
 }
-@media (max-width: 450px) {
-.yx-card-box-view-context[data-v-799b1858] .el-form-item {
-    flex-direction: column;
-}
-.yx-card-box-view-context[data-v-799b1858] .el-form-item .el-form-item__label {
-    width: 100% !important;
-    justify-content: flex-start;
-    text-align: left;
+.runtime-page-container-tabs-view[data-v-f38fed66] > .el-tabs__content > .el-tab-pane > div {
+  width: 100%;
+  max-width: 100%;
+}.yx-fixed-box-main[data-v-9b488f43]:has(.yx-fixed-box-container:empty) {
+  display: none;
 }
-}.yx-fixed-box-main.is-top > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main.is-top > .yx-fixed-box-container[data-v-9b488f43] {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 }
-.yx-fixed-box-main.is-bottom > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main.is-bottom > .yx-fixed-box-container[data-v-9b488f43] {
   box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.2);
 }
 @media (max-width: 768px) {
-.yx-fixed-box-main > .yx-fixed-box-container[data-v-1cc14e88] {
+.yx-fixed-box-main > .yx-fixed-box-container[data-v-9b488f43] {
     width: 100% !important;
     left: 0 !important;
     right: 0 !important;
 }
-}.amb-widget-container-tool[data-v-7aefa8b2] {
+}.amb-widget-tools-parent[data-v-445a411e]:empty {
+  display: none;
+}
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool {
   display: flex;
   flex-wrap: wrap;
   gap: var(--amb-widget-container-tool-gap, 10px);
 }
-.amb-widget-container-tool[data-v-7aefa8b2] > .page-runtime-header-btn:has(> .page-runtime-header-btn) {
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool:empty {
+  display: none;
+}
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool > .page-runtime-header-btn:has(> .page-runtime-header-btn) {
   display: flex;
   flex-wrap: wrap;
   gap: inherit;
+}
+.amb-widget-tools-parent[data-v-445a411e] .amb-widget-container-tool > .el-form-item {
+  margin-bottom: 0;
 }.el-form-item[data-v-96fc65d8] {
   margin-bottom: 0px;
 }
@@ -89,3 +387,49 @@
 }
 
 
+
+/** 右键菜单样式 */
+.context-menu[data-v-c18f2291] {
+  position: absolute;
+  background: #fff;
+  z-index: 999;
+  margin: 5;
+  padding: 8px 8px;
+  box-shadow: 0 5px 7px 1px rgba(0, 0, 0, 0.1);
+  border: 1px solid #bbbbbb;
+  border-radius: 10px;
+  font-size: 14px;
+}
+.context-menu li[data-v-c18f2291] {
+  list-style-type: none;
+  min-width: 75px;
+  line-height: 28px;
+  text-align: left;
+  border-radius: 5px;
+  padding-left: 5px;
+  cursor: pointer;
+}
+.context-menu li[data-v-c18f2291]:hover {
+  background: #0165e1;
+  color: #fff;
+}
+/** 右键菜单样式 */
+.custom-tree-node[data-v-c18f2291] {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+}
+.item-side {
+&[data-v-c18f2291] {
+  display: flex;
+  align-items: center;
+  }
+.file[data-v-c18f2291] {
+    width: 17px;
+    height: 17px;
+    margin-right: 5px;
+}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.2.51",
+  "version": "2.2.55",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -48,7 +48,7 @@
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/test-utils": "^2.4.4",
-    "agilebuilder-ui": "1.1.18",
+    "agilebuilder-ui": "1.1.21",
     "axios": "^1.6.8",
     "cypress": "^13.6.6",
     "element-plus": "^2.6.1",