super-page-runtime 2.2.40 → 2.2.44

package/dist/es/components/runtime/views/assemblys/chart/table/table-runtime.vue2.js

@@ -68,9 +68,8 @@ const q = e({ __name: "table-runtime", props: { configure: { type: Object, defau
             }), a2.forEach((o5) => {
               t2.forEach((r3) => {
                 var _a3;
-                (_a3 = ne.value.find((e6) => e6.props.base.prop === r3)) == null ? void 0 : _a3.props.base.name;
-                const t3 = P(`${o5}${r3}`, `${o5}${r3}`, e5.length + 1, "number" == typeof n2[0][`${o5}${r3}`] ? "number" : "string");
-                e5.push(t3);
+                const t3 = (_a3 = ne.value.find((e6) => e6.props.base.prop === r3)) == null ? void 0 : _a3.props.base.name, i4 = P(`${o5}${r3}`, `${o5}${t3}`, e5.length + 1, "number" == typeof n2[0][`${o5}${r3}`] ? "number" : "string");
+                e5.push(i4);
               });
             }), e5;
           }
@@ -132,7 +131,7 @@ const q = e({ __name: "table-runtime", props: { configure: { type: Object, defau
     const o2 = se.value[e3.column.property] ? se.value[e3.column.property].cellStyle : null;
     return L(e3, o2, B);
   }
-  he && he.maxHeight && (me = he.maxHeight), !me && he && he.fixHeight && (me = he.fixHeight), me && (me = Number(me + "")), n(() => {
+  he && he.fixHeight && (me = he.fixHeight), he && he.maxHeight && (me = he.maxHeight), me && (me = Number(me + "")), n(() => {
     const e3 = b(B.pageContext, B.configure);
     if (e3) ye(e3);
     else if ("variable" === B.configure.props.dataOrigin.dataSource) {

package/dist/es/components/runtime/views/assemblys/container/card/card-runtime.vue.js

@@ -1,4 +1,7 @@
 import r from "./card-runtime.vue2.js";
+/* empty css                  */
+import e from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const t = e(r, [["__scopeId", "data-v-16a57b36"]]);
 export {
-  r as default
+  t as default
 };

package/dist/es/components/runtime/views/assemblys/container/card/card-runtime.vue2.js

@@ -1,21 +1,29 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as n, createBlock as i, openBlock as r, unref as u, normalizeClass as p, normalizeStyle as s, createSlots as l, withCtx as c, createElementVNode as a, createElementBlock as f, Fragment as g, renderList as m, createCommentVNode as y, createTextVNode as d, toDisplayString as x } from "vue";
-import { ElCard as v } from "element-plus";
-import { SuperIcon as C } from "agilebuilder-ui";
-import h from "../../object-render.vue.js";
-import { $t as b } from "../../../../utils/i18n-util.js";
-import { handleAfterInitEvent as j } from "../../../../utils/events/event-util.js";
-const k = e({ __name: "card-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: k2 }) {
-  const T = e2;
-  T.configure.items || (T.configure.items = []);
-  const V = t(null), _ = T.configure.runtime ? T.configure.runtime : {}, S = _.style, R = _.class, w = _.headerStyle, D = _.contentStyle;
-  return o(() => {
-    n(() => {
-      j(null, T.pageContext, T.configure, { componentRef: V.value, entity: T.pageContext.entity.data, pageData: T.pageContext.entity.page });
+import { defineComponent as e, computed as t, ref as o, onMounted as n, nextTick as i, resolveComponent as r, createBlock as l, openBlock as s, unref as u, normalizeClass as a, normalizeStyle as p, createSlots as c, withCtx as f, createElementVNode as g, createElementBlock as m, Fragment as y, renderList as d, createCommentVNode as x, createTextVNode as v, toDisplayString as C } from "vue";
+import { ElCard as b } from "element-plus";
+import { SuperIcon as h } from "agilebuilder-ui";
+import { ArrowUp as k, ArrowDown as S } from "@element-plus/icons-vue";
+import j from "../../object-render.vue.js";
+import { $t as T } from "../../../../utils/i18n-util.js";
+import { handleAfterInitEvent as V } from "../../../../utils/events/event-util.js";
+const _ = e({ __name: "card-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: _2 }) {
+  var _a, _b;
+  const w = e2;
+  w.configure.items || (w.configure.items = []);
+  const R = t(() => {
+    var _a2;
+    return [true, void 0].includes((_a2 = w.configure.props) == null ? void 0 : _a2.isCollapse);
+  }), z = o(null), D = o(!((_a = w.configure.props) == null ? void 0 : _a.isCollapse) || false !== ((_b = w.configure.props) == null ? void 0 : _b.isCollapseShow)), q = w.configure.runtime ? w.configure.runtime : {}, A = q.style, B = q.class, E = q.headerStyle, F = q.contentStyle, G = () => R.value && (D.value = !D.value);
+  return n(() => {
+    i(() => {
+      V(null, w.pageContext, w.configure, { componentRef: z.value, entity: w.pageContext.entity.data, pageData: w.pageContext.entity.page });
     });
-  }), k2({ test: function() {
-    T.configure.props.title = "teee";
-  } }), (e3, t2) => (r(), i(u(v), { ref_key: "thisRef", ref: V, style: s([u(S), { "margin-top": "20px" }]), class: p(u(R)) }, l({ default: c(() => [a("div", { style: s(u(D)) }, [(r(true), f(g, null, m(e3.configure.items, (t3, o2) => (r(), i(h, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: c(() => [a("div", { style: s(u(w)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (r(), i(u(C), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : y("", true), d(" " + x(u(b)(e3.configure.props.base.title)), 1)], 4)]), key: "0" } : void 0]), 1032, ["style", "class"]));
+  }), _2({ test: function() {
+    w.configure.props.title = "teee";
+  } }), (e3, t2) => {
+    const o2 = r("el-button");
+    return s(), l(u(b), { ref_key: "thisRef", ref: z, style: p([u(A), { "margin-top": "20px" }]), "data-collapse": String(D.value), class: a(["yx-card-box-main", u(B)]) }, c({ default: f(() => [g("div", { class: "yx-card-box-context", style: p(u(F)) }, [(s(true), m(y, null, d(e3.configure.items, (t3, o3) => (s(), l(j, { key: t3.uuid, pageContext: e3.pageContext, configure: t3 }, null, 8, ["pageContext", "configure"]))), 128))], 4)]), _: 2 }, [e3.configure.props.base.tittleShow ? { name: "header", fn: f(() => [g("div", { class: "yx-card-box-header", onClick: G }, [g("div", { class: "yx-card-box-title", style: p(u(E)) }, [e3.configure.props.iconType && e3.configure.props.iconValue ? (s(), l(u(h), { key: 0, iconType: e3.configure.props.iconType, iconValue: e3.configure.props.iconValue, style: { "margin-right": "2px" } }, null, 8, ["iconType", "iconValue"])) : x("", true), v(" " + C(u(T)(e3.configure.props.base.title)), 1)], 4), R.value ? (s(), l(o2, { key: 0, type: "text", icon: D.value ? u(k) : u(S), style: { margin: "-15px 0", "z-index": "1" } }, null, 8, ["icon"])) : x("", true)])]), key: "0" } : void 0]), 1032, ["style", "data-collapse", "class"]);
+  };
 } });
 export {
-  k as default
+  _ as default
 };

package/dist/es/components/runtime/views/assemblys/container/fixed/YxAffix.vue.js

@@ -1,61 +1,65 @@
-import { defineComponent as e, ref as t, onMounted as o, nextTick as i, onUnmounted as n, computed as l, createElementBlock as s, openBlock as a, createCommentVNode as r, createElementVNode as u, normalizeStyle as f, normalizeClass as c, renderSlot as d } from "vue";
+import { defineComponent as e, ref as t, onMounted as o, nextTick as n, onUnmounted as i, watchEffect as l, computed as a, createElementBlock as s, openBlock as r, createCommentVNode as u, createElementVNode as f, normalizeStyle as c, normalizeClass as d, renderSlot as p } from "vue";
 /* empty css           */
-const p = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 } }, emits: ["change", "on-change"], setup(e2, { emit: p2 }) {
-  const v = e2, m = p2, w = t(null), x = t(null), g = t(false), h = t({}), y = t([]), B = t(window), T = t(0), b = () => {
-    if (!x.value || !w.value) return;
-    const e3 = x.value.getBoundingClientRect(), t2 = B.value;
+const v = e({ __name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (e2) => ["top", "bottom"].includes(e2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 }, enableIntervalUpdate: { type: Boolean, default: true }, enableIntervalTime: { type: Number, default: 2e3 } }, emits: ["change", "on-change"], setup(e2, { emit: v2 }) {
+  const m = e2, w = v2, x = t(null), g = t(null), h = t(false), y = t({}), b = t([]), B = t(window), T = t(0), I = t(null), E = () => {
+    if (!g.value || !x.value) return;
+    const e3 = g.value.getBoundingClientRect(), t2 = B.value;
     if (t2 === window) {
-      const t3 = "top" === v.position ? e3.top <= v.offset : e3.bottom >= window.innerHeight - v.offset;
-      T.value = 0, E(t3, e3);
-    } else if (v.stickyInScrollContainer) {
-      const o2 = t2.getBoundingClientRect(), { isFixTop: i2, isFixBottom: n2, containerOffset: l2 } = ((e4) => {
-        const t3 = ["top"].includes(v.position), o3 = ["bottom"].includes(v.position);
-        if (!w.value) return { isTop: t3, isBottom: o3 };
-        const i3 = w.value.getBoundingClientRect(), n3 = i3.top - e4.top, l3 = i3.left - e4.left, s2 = e4.height - i3.height - n3, a2 = e4.top, r2 = window.innerHeight - e4.bottom;
-        return { isTop: t3, isBottom: o3, containerTop: a2, containerBottom: r2, containerOffset: t3 ? a2 : o3 ? r2 : 0, offsetTop: n3, offsetLeft: l3, offsetBottom: s2, isFixTop: t3 && n3 <= 0, isFixBottom: o3 && s2 <= 0 };
+      const t3 = "top" === m.position ? e3.top <= m.offset : e3.bottom >= window.innerHeight - m.offset;
+      T.value = 0, S(t3, e3);
+    } else if (m.stickyInScrollContainer) {
+      const o2 = t2.getBoundingClientRect(), { isFixTop: n2, isFixBottom: i2, containerOffset: l2 } = ((e4) => {
+        const t3 = ["top"].includes(m.position), o3 = ["bottom"].includes(m.position);
+        if (!x.value) return { isTop: t3, isBottom: o3 };
+        const n3 = x.value.getBoundingClientRect(), i3 = n3.top - e4.top, l3 = n3.left - e4.left, a2 = e4.height - n3.height - i3, s2 = e4.top, r2 = window.innerHeight - e4.bottom;
+        return { isTop: t3, isBottom: o3, containerTop: s2, containerBottom: r2, containerOffset: t3 ? s2 : o3 ? r2 : 0, offsetTop: i3, offsetLeft: l3, offsetBottom: a2, isFixTop: t3 && i3 <= 0, isFixBottom: o3 && a2 <= 0 };
       })(o2);
-      T.value = l2 ?? 0, E(i2 || n2 || false, e3);
+      T.value = l2 ?? 0, S(n2 || i2 || false, e3);
     }
-  }, E = (e3, t2) => {
-    e3 !== g.value && (g.value = e3, m("change", e3), m("on-change", e3), h.value = e3 ? { width: `${t2.width}px`, height: `${t2.height}px` } : {});
-  }, S = () => {
-    requestAnimationFrame(b);
+  }, S = (e3, t2) => {
+    e3 !== h.value && (h.value = e3, w("change", e3), w("on-change", e3), y.value = e3 ? { width: `${t2.width}px`, height: `${t2.height}px` } : {});
+  }, C = () => {
+    requestAnimationFrame(E);
   };
-  let C;
-  const L = () => {
-    clearTimeout(C), C = window.setTimeout(() => {
-      b();
+  let L;
+  const k = () => {
+    h.value = false, clearTimeout(L), L = window.setTimeout(() => {
+      E();
     }, 100);
   };
   o(() => {
-    i(() => {
+    n(() => {
       const e3 = (() => {
-        if (v.autoDetectParentScroll && x.value) {
+        if (m.autoDetectParentScroll && g.value) {
           const e4 = [];
-          let t2 = x.value.parentElement;
+          let t2 = g.value.parentElement;
           for (; t2 && t2 !== document.body; ) {
             const { overflowY: o2 } = window.getComputedStyle(t2);
             /(auto|scroll)/.test(o2) && e4.push(t2), t2 = t2.parentElement;
           }
           return [...e4, window];
         }
-        if ("string" == typeof v.target) {
-          const e4 = document.querySelector(v.target);
+        if ("string" == typeof m.target) {
+          const e4 = document.querySelector(m.target);
           return [...e4 ? [e4] : [], window];
         }
         return [window];
       })();
-      y.value = e3, B.value = y.value[0], y.value.forEach((e4) => e4.addEventListener("scroll", S)), window.addEventListener("resize", L), b();
+      b.value = e3, B.value = b.value[0], b.value.forEach((e4) => e4.addEventListener("scroll", C)), window.addEventListener("resize", k), E(), m.enableIntervalUpdate && (I.value = setInterval(C, m.enableIntervalTime));
+    });
+  }), i(() => {
+    B.value && b.value.forEach((e3) => e3.removeEventListener("scroll", C)), window.removeEventListener("resize", k), clearTimeout(L), I.value && clearInterval(I.value);
+  }), l(() => {
+    n(() => {
+      E();
     });
-  }), n(() => {
-    B.value && y.value.forEach((e3) => e3.removeEventListener("scroll", S)), window.removeEventListener("resize", L), clearTimeout(C);
   });
-  const k = l(() => {
+  const z = a(() => {
     var _a;
-    return g.value ? { position: "fixed", width: `${(_a = x.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: v.zIndex, [v.position]: `${v.offset + T.value}px` } : {};
+    return h.value ? { position: "fixed", width: `${(_a = g.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: m.zIndex, [m.position]: `${m.offset + T.value}px` } : {};
   });
-  return (e3, t2) => (a(), s("div", { ref_key: "affixMainRef", ref: w, class: "yx-affix" }, [g.value ? (a(), s("div", { key: 0, style: f(h.value), class: "yx-affix-placeholder" }, null, 4)) : r("", true), u("div", { ref_key: "affixRef", ref: x, style: f(k.value), class: c({ "yx-affix-content": true, "is-fixed": g.value, "is-top": "top" === v.position, "is-bottom": "bottom" === v.position }) }, [d(e3.$slots, "default")], 6)], 512));
+  return (e3, t2) => (r(), s("div", { ref_key: "affixMainRef", ref: x, class: "yx-affix" }, [h.value ? (r(), s("div", { key: 0, style: c(y.value), class: "yx-affix-placeholder" }, null, 4)) : u("", true), f("div", { ref_key: "affixRef", ref: g, style: c(z.value), class: d({ "yx-affix-content": true, "is-fixed": h.value, "is-top": "top" === m.position, "is-bottom": "bottom" === m.position }) }, [p(e3.$slots, "default")], 6)], 512));
 } });
 export {
-  p as default
+  v as default
 };

package/dist/es/components/runtime/views/assemblys/container/tools/tools-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as s, openBlock as u, withCtx as f, createElementVNode as r, normalizeStyle as p, normalizeClass as g, unref as v, Fragment as d, renderList as c } from "vue";
+import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createBlock as l, createElementBlock as u, openBlock as s, withCtx as f, createElementVNode as r, normalizeStyle as p, normalizeClass as g, unref as d, Fragment as v, renderList as c } from "vue";
 import m from "../../object-render.vue.js";
 import { handleAfterInitEvent as x } from "../../../../utils/events/event-util.js";
 import y from "../fixed/YxAffix.vue.js";
@@ -6,7 +6,7 @@ import C from "../fixed/FixedBox.vue.js";
 const b = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, k = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, w = { key: 2, "data-v": "1.0.0", class: "amb-widget-tools-parent" }, _ = e({ __name: "tools-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
   const _2 = e2, j = t(null), R = _2.configure.runtime ?? {}, h = R.class, A = o(() => _2.configure.props), F = o(() => {
     const { gap: e3 } = A.value ?? {};
-    return { ...e3 ? { gap: `${e3}px` } : {}, ...R.style ?? {} };
+    return { backgroundColor: "#fff", ...e3 ? { gap: `${e3}px` } : {}, ...R.style ?? {} };
   }), B = o(() => {
     var _a, _b, _c;
     return !![(_a = A.value) == null ? void 0 : _a.isAffix, (_b = A.value) == null ? void 0 : _b.isFixed].every((e3) => void 0 === e3) || ((_c = A.value) == null ? void 0 : _c.isAffix);
@@ -25,7 +25,7 @@ const b = { "data-v": "1.0.0", class: "amb-widget-tools-parent" }, k = { "data-v
       x(null, _2.pageContext, _2.configure, { componentRef: j.value, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
     });
   }), n(() => {
-  }), (e3, t2) => D.value ? (u(), l(C, { key: 0, position: Y.value, offset: $.value }, { default: f(() => [r("div", b, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", v(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(u(true), s(d, null, c(_2.configure.items, (e4) => (u(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : B.value ? (u(), l(y, { key: 1, position: Y.value, offset: $.value }, { default: f(() => [r("div", k, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", v(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(u(true), s(d, null, c(_2.configure.items, (e4) => (u(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : (u(), s("div", w, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", v(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(u(true), s(d, null, c(_2.configure.items, (e4) => (u(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)]));
+  }), (e3, t2) => D.value ? (s(), l(C, { key: 0, position: Y.value, offset: $.value }, { default: f(() => [r("div", b, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : B.value ? (s(), l(y, { key: 1, position: Y.value, offset: $.value }, { default: f(() => [r("div", k, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)])]), _: 1 }, 8, ["position", "offset"])) : (s(), u("div", w, [r("div", { class: g(["amb-widget-container-tool amb-widget-tools", d(h)]), style: p(F.value), ref_key: "thisRef", ref: j }, [(s(true), u(v, null, c(_2.configure.items, (e4) => (s(), l(m, { pageContext: _2.pageContext, configure: e4, key: e4.uuid }, null, 8, ["pageContext", "configure"]))), 128))], 6)]));
 } });
 export {
   _ as default

package/dist/es/components/runtime/views/assemblys/form/checkbox/checkbox-runtime.vue2.js

@@ -4,42 +4,42 @@ import { getFormModelFields as R } from "../../../../utils/page-init-util.js";
 import { handleFormEvent as S, handleAfterInitEvent as j } from "../../../../utils/events/event-util.js";
 import { $t as I } from "../../../../utils/i18n-util.js";
 const V = e({ __name: "checkbox-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: V2 }) {
-  const w = e2, z = w.pageContext.entity ? w.pageContext.entity : {};
-  let D = R(w.pageContext, w.configure);
-  const O = t({ get() {
-    let e3 = x(z, D);
+  const q = e2, w = q.pageContext.entity ? q.pageContext.entity : {};
+  let z = R(q.pageContext, q.configure);
+  const D = t({ get() {
+    let e3 = x(w, z);
     return e3 && "string" == typeof e3 && (e3 = e3.split(",")), e3;
   }, set(e3) {
-    e3 && e3.length > 0 && (e3 = e3.join(",")), y(z, D, e3);
-  } }), A = w.configure.runtime ? w.configure.runtime : {}, M = A.style, P = A.class, E = A.headerStyle, F = A.titleExceedStyle, T = l(A.props ? A.props : {}), U = l(T.value.options ? T.value.options : []), W = b(w.pageContext, w.configure);
-  W.length > 0 && (U.value = W);
-  const q = w.configure.props && w.configure.props.dataOrigin ? w.configure.props.dataOrigin : {}, B = q.optionValueSetType;
+    e3 && e3.length > 0 && (e3 = e3.join(",")), y(w, z, e3);
+  } }), O = q.configure.runtime ? q.configure.runtime : {}, A = O.style, M = O.class, P = O.headerStyle, E = O.titleExceedStyle, F = l(O.props ? O.props : {}), T = l(F.value.options ? F.value.options : []), U = b(q.pageContext, q.configure);
+  U.length > 0 && (T.value = U);
+  const W = q.configure.props && q.configure.props.dataOrigin ? q.configure.props.dataOrigin : {}, B = W.optionValueSetType;
   let G = [];
-  if (("dynamicData" == B || "dynamicData" == B || "service" == B) && q.autoSets) for (let e3 of q.autoSets) e3.source && G.push(e3);
-  w.configure && w.configure.props && w.configure.props.base && w.configure.props.base.optionProp && G.push({ source: "label", target: w.configure.props.base.optionProp }), T.value.changeMethod = function(e3) {
+  if (("dynamicData" == B || "dynamicData" == B || "service" == B) && W.autoSets) for (let e3 of W.autoSets) e3.source && G.push(e3);
+  q.configure && q.configure.props && q.configure.props.base && q.configure.props.base.optionProp && G.push({ source: "label", target: q.configure.props.base.optionProp }), F.value.changeMethod = function(e3) {
     if (G.length > -1) {
       let t2 = null;
-      U.value && null != e3 && null != e3 && (t2 = U.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value)), k(w.configure, w.pageContext, G, t2);
+      T.value && null != e3 && null != e3 && (t2 = T.value.filter((t3) => Array.isArray(e3) ? e3.includes(t3.value) : e3 === t3.value)), k(q.configure, q.pageContext, G, t2);
     }
-    S(e3, w.pageContext, w.configure, "change");
+    S(e3, q.pageContext, q.configure, "change");
   };
-  const H = T.value.optionconfigInfo ? T.value.optionconfigInfo : {};
-  const J = T.value.monitorFields;
-  C(w.pageContext, J, function() {
-    _(w.pageContext, H, void 0).then((e3) => {
+  const H = F.value.optionconfigInfo ? F.value.optionconfigInfo : {};
+  const J = F.value.monitorFields;
+  C(q.pageContext, J, function() {
+    _(q.pageContext, H, void 0).then((e3) => {
     });
   });
   const K = l(null), L = l(null), N = l(null);
   return o(() => {
     n(() => {
-      const e3 = O.value;
-      j(e3, w.pageContext, w.configure, { formItemRef: K.value, componentRef: L.value, titleRef: N.value, value: e3, entity: w.pageContext.entity.data, pageData: w.pageContext.entity.page });
+      const e3 = D.value;
+      j(e3, q.pageContext, q.configure, { formItemRef: K.value, componentRef: L.value, titleRef: N.value, value: e3, entity: q.pageContext.entity.data, pageData: q.pageContext.entity.page });
     });
   }), V2({ updateOptions: function(e3) {
-    U.value = e3 || [];
+    T.value = e3 || [];
   } }), (e3, t2) => {
     const l2 = a("el-checkbox"), o2 = a("el-checkbox-group"), n2 = a("el-form-item");
-    return i(), u(n2, { ref_key: "formItemRef", ref: K, class: s(p(P)), "label-width": T.value.labelWidth, style: r(p(M)) }, { label: c(() => [T.value.tittleShow ? (i(), g("div", { key: 0, ref_key: "titleRef", ref: N, style: r({ ...p(E), ...p(F) }) }, h(p(I)(T.value.title)), 5)) : m("", true)]), default: c(() => [f(o2, { ref_key: "componentRef", ref: L, disabled: "disabled" === T.value.state, size: T.value.size, onChange: T.value.changeMethod, modelValue: O.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => O.value = e4) }, { default: c(() => [(i(true), g(v, null, d(U.value, (t3) => (i(), u(l2, { key: t3.value, value: t3.value, label: t3.label, onClick: (l3) => p(S)(t3.value, e3.pageContext, e3.configure, "click", { values: O.value }) }, null, 8, ["value", "label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["class", "label-width", "style"]);
+    return i(), u(n2, { ref_key: "formItemRef", ref: K, class: s(p(M)), required: !!F.value.required, "label-width": F.value.labelWidth, style: r(p(A)) }, { label: c(() => [F.value.tittleShow ? (i(), g("div", { key: 0, ref_key: "titleRef", ref: N, style: r({ ...p(P), ...p(E) }) }, h(p(I)(F.value.title)), 5)) : m("", true)]), default: c(() => [f(o2, { ref_key: "componentRef", ref: L, disabled: "disabled" === F.value.state, size: F.value.size, onChange: F.value.changeMethod, modelValue: D.value, "onUpdate:modelValue": t2[0] || (t2[0] = (e4) => D.value = e4) }, { default: c(() => [(i(true), g(v, null, d(T.value, (t3) => (i(), u(l2, { key: t3.value, value: t3.value, label: t3.label, onClick: (l3) => p(S)(t3.value, e3.pageContext, e3.configure, "click", { values: D.value }) }, null, 8, ["value", "label", "onClick"]))), 128))]), _: 1 }, 8, ["disabled", "size", "onChange", "modelValue"])]), _: 1 }, 8, ["class", "required", "label-width", "style"]);
   };
 } });
 export {

package/dist/es/components/runtime/views/assemblys/object-render.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, onUnmounted as s, resolveDirective as r, withDirectives as u, createCommentVNode as l, unref as a, createBlock as p, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as C } from "vue";
-import v from "./error-render.vue.js";
+import { defineComponent as e, ref as o, computed as t, markRaw as n, onMounted as i, onUnmounted as s, resolveDirective as r, withDirectives as u, createCommentVNode as l, unref as a, createBlock as p, openBlock as c, resolveDynamicComponent as g, normalizeClass as f, normalizeStyle as d, vShow as m, nextTick as v } from "vue";
+import C from "./error-render.vue.js";
 import { getRuntimeComponentByName as b } from "../../utils/assemblys-config.js";
-import { PageDimensions as x } from "../../utils/interfaces/page-design-types.js";
-import { addComponentRef as h, addComponentRefByCode as y } from "../../utils/global-refs.js";
-import { getPermissionCodes as j, packageFormRules as w, controlObjectRenderState as _ } from "../../utils/page-init-util.js";
+import { PageDimensions as h } from "../../utils/interfaces/page-design-types.js";
+import { addComponentRef as x, addComponentRefByCode as y } from "../../utils/global-refs.js";
+import { getPermissionCodes as w, packageFormRules as j, controlObjectRenderState as _ } from "../../utils/page-init-util.js";
 import { caculateShowCondition as N, getFormPropName as P, getSizeConfig as L } from "../../utils/page-helper-util.js";
 import { isWorkflowPage as O, getPropClassName as S, isNumber as M } from "../../utils/common-util.js";
 import { isShowMobileEvent as T, isShowComponent as $ } from "../../utils/events/event-util.js";
@@ -12,21 +12,21 @@ const H = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
   var _a, _b;
   const H2 = e2;
   null == H2.configure.style && (H2.configure.style = {});
-  const k = j(H2.configure, H2.pageContext);
-  H2.configure && H2.configure.props && H2.configure.props.base && (H2.configure.props.base.functionCode = k), w(H2.pageContext, H2.configure);
-  let B = o(true), F = o(true), J = o("");
+  const k = w(H2.configure, H2.pageContext);
+  H2.configure && H2.configure.props && H2.configure.props.base && (H2.configure.props.base.functionCode = k), j(H2.pageContext, H2.configure);
+  let B = o(null), F = o(true), J = o("");
   if (H2.configure && H2.configure.props) {
     let e3 = [];
     ((_a = H2.configure.props.base) == null ? void 0 : _a.showConditions) && (e3 = "string" == typeof H2.configure.props.base.showConditions ? JSON.parse(H2.configure.props.base.showConditions) : H2.configure.props.base.showConditions), F = t(() => {
       var _a2;
       let o2 = true;
-      if (B.value) if (T(H2.pageContext, H2.configure)) if (e3 && e3.length > 0) o2 = N(H2.pageContext, e3);
+      if (B.value && null !== B.value) o2 = "show" === B.value;
+      else if (T(H2.pageContext, H2.configure)) if (e3 && e3.length > 0) o2 = N(H2.pageContext, e3);
       else {
         const e4 = (_a2 = H2.configure.props.base) == null ? void 0 : _a2.state;
         e4 && "hidden" === e4 && (o2 = false);
       }
       else o2 = false;
-      else o2 = false;
       return o2;
     });
     if (H2.configure._dynamicShowFlag = F, (_b = H2.configure.props.base) == null ? void 0 : _b.editConditions) {
@@ -57,13 +57,13 @@ const H = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
   const R = o({});
   R.value = n(b(H2.configure.name));
   const W = o(true);
-  null == R.value && (R.value = v, W.value = false);
+  null == R.value && (R.value = C, W.value = false);
   const q = o(null), z = o({}), A = o(""), D = S(H2.configure);
   D && (A.value = D);
   const G = H2.configure.runtime && H2.configure.runtime.common ? H2.configure.runtime.common : {};
   if (G.class && (A.value += " " + G.class), G.style) {
     Object.assign(z.value, G.style);
-    const e3 = H2.pageContext && H2.pageContext.dimensions ? H2.pageContext.dimensions : x.PC, o2 = G.style[e3 + "_style"];
+    const e3 = H2.pageContext && H2.pageContext.dimensions ? H2.pageContext.dimensions : h.PC, o2 = G.style[e3 + "_style"];
     o2 && Object.assign(z.value, o2);
     const t2 = G.style[e3 + "_class"];
     t2 && (A.value += " " + t2);
@@ -71,12 +71,12 @@ const H = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
   const I = E();
   function K(e3) {
     if (q.value = e3, e3 && !e3.show && (e3.show = function() {
-      B.value = true;
+      B.value = "show";
     }), e3 && !e3.hide && (e3.hide = function() {
-      B.value = false;
+      B.value = "hide";
     }), e3 && !e3.getConfigure && (e3.getConfigure = function() {
       return H2.configure;
-    }), H2.configure.uuid && h(H2.pageContext, H2.configure.uuid, q), H2.configure.code) y(H2.pageContext, H2.configure.code, q);
+    }), H2.configure.uuid && x(H2.pageContext, H2.configure.uuid, q), H2.configure.code) y(H2.pageContext, H2.configure.code, q);
     else if (H2.configure.props && H2.configure.props.base) {
       const e4 = H2.configure.props.base;
       if (e4.prop) {
@@ -92,7 +92,7 @@ const H = e({ __name: "object-render", props: { pageContext: {}, configure: {} }
     !function() {
       if (!q.value) return;
       const e4 = L(H2.pageContext, H2.configure);
-      "table" !== H2.configure.name && e4 && e4.isCalcHeight && C(() => {
+      "table" !== H2.configure.name && e4 && e4.isCalcHeight && v(() => {
         let e5 = q.value.$el;
         e5 || (e5 = q.value);
         const o3 = e5.parentNode;

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

@@ -121,7 +121,7 @@ const me = { class: "app-container" }, ge = e({ __name: "super-page", props: { p
             }), F.$on(qe.value + "close-dialog", (e7) => {
               !function(e8) {
                 const l4 = e8.jumpMode;
-                l4 && "popup" === l4 || Le && "refresh" === l4 ? ol(e8) : nl.go(-1);
+                l4 && "popup" === l4 ? ol(e8) : nl.go(-1);
               }(e7);
             });
           }

package/dist/es/style.css

@@ -1,4 +1,33 @@
-.vue-affix-placeholder {
+.yx-card-box-main[data-v-16a57b36] > .el-card__header {
+  position: relative;
+}
+.yx-card-box-main[data-v-16a57b36] > .el-card__header .yx-card-box-header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+  gap: 15px;
+  flex: 1 1 auto;
+}
+.yx-card-box-main[data-v-16a57b36] > .el-card__header .yx-card-box-header .yx-card-box-title {
+  position: relative;
+  z-index: 2;
+}
+.yx-card-box-main[data-v-16a57b36] > .el-card__header .yx-card-box-header::after {
+  content: " ";
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 0;
+}
+.yx-card-box-main[data-v-16a57b36] > .el-card__header .yx-card-box-header .yx-card-box-title {
+  flex: 1 1 auto;
+}
+.yx-card-box-main[data-v-16a57b36][data-collapse=false] > .el-card__body {
+  display: none;
+}.vue-affix-placeholder {
   display: block;
   visibility: hidden;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.2.40",
+  "version": "2.2.44",
   "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.13",
+    "agilebuilder-ui": "1.1.16",
     "axios": "^1.6.8",
     "cypress": "^13.6.6",
     "element-plus": "^2.6.1",