super-page-runtime 2.2.36 → 2.2.38

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

@@ -0,0 +1,60 @@
+import { defineComponent as t, ref as e, onMounted as o, nextTick as n, onUnmounted as i, createVNode as l } from "vue";
+/* empty css           */
+const s = t({ name: "YxAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top", validator: (t2) => ["top", "bottom"].includes(t2) }, target: { type: [String, HTMLElement], default: () => window }, autoDetectParentScroll: { type: Boolean, default: true }, stickyInScrollContainer: { type: Boolean, default: true }, zIndex: { type: Number, default: 100 } }, emits: { change: (t2) => "boolean" == typeof t2, "on-change": (t2) => "boolean" == typeof t2 }, setup(t2, { emit: s2, slots: a }) {
+  const r = e(null), u = e(null), f = e(false), p = e({}), c = e([]), d = e(window), v = e(0), m = () => {
+    if (!u.value || !r.value) return;
+    const e2 = u.value.getBoundingClientRect(), o2 = d.value;
+    if (o2 === window) {
+      const o3 = "top" === t2.position ? e2.top <= t2.offset : e2.bottom >= window.innerHeight - t2.offset;
+      v.value = 0, w(o3, e2);
+    } else if (t2.stickyInScrollContainer) {
+      const n2 = o2.getBoundingClientRect(), { isFixTop: i2, isFixBottom: l2, containerOffset: s3 } = ((e3) => {
+        const o3 = ["top"].includes(t2.position), n3 = ["bottom"].includes(t2.position);
+        if (!r.value) return { isTop: o3, isBottom: n3 };
+        const i3 = r.value.getBoundingClientRect(), l3 = i3.top - e3.top, s4 = i3.left - e3.left, a2 = e3.height - i3.height - l3, u2 = e3.top, f2 = window.innerHeight - e3.bottom;
+        return { isTop: o3, isBottom: n3, containerTop: u2, containerBottom: f2, containerOffset: o3 ? u2 : n3 ? f2 : 0, offsetTop: l3, offsetLeft: s4, offsetBottom: a2, isFixTop: o3 && l3 <= 0, isFixBottom: n3 && a2 <= 0 };
+      })(n2);
+      v.value = s3 ?? 0, w(i2 || l2 || false, e2);
+    }
+  }, w = (t3, e2) => {
+    t3 !== f.value && (f.value = t3, s2("change", t3), s2("on-change", t3), p.value = t3 ? { width: `${e2.width}px`, height: `${e2.height}px` } : {});
+  }, g = () => {
+    requestAnimationFrame(m);
+  };
+  let x;
+  const h = () => {
+    clearTimeout(x), x = window.setTimeout(() => {
+      m();
+    }, 100);
+  };
+  return o(() => {
+    n(() => {
+      const e2 = (() => {
+        if (t2.autoDetectParentScroll && u.value) {
+          const t3 = [];
+          let e3 = u.value.parentElement;
+          for (; e3 && e3 !== document.body; ) {
+            const { overflowY: o2 } = window.getComputedStyle(e3);
+            /(auto|scroll)/.test(o2) && t3.push(e3), e3 = e3.parentElement;
+          }
+          return [...t3, window];
+        }
+        if ("string" == typeof t2.target) {
+          const e3 = document.querySelector(t2.target);
+          return [...e3 ? [e3] : [], window];
+        }
+        return [window];
+      })();
+      c.value = e2, d.value = c.value[0], c.value.map((t3) => t3.addEventListener("scroll", g)), window.addEventListener("resize", h), m();
+    });
+  }), i(() => {
+    d.value && c.value.map((t3) => t3.removeEventListener("scroll", g)), window.removeEventListener("resize", h), clearTimeout(x);
+  }), () => {
+    var _a, _b;
+    const e2 = f.value ? { position: "fixed", width: `${(_a = u.value) == null ? void 0 : _a.offsetWidth}px`, zIndex: t2.zIndex, [t2.position]: `${t2.offset + v.value}px` } : {};
+    return l("div", { ref: r, class: "yx-affix" }, [f.value && l("div", { style: p.value, class: "yx-affix-placeholder" }, null), l("div", { ref: u, style: e2, class: ["yx-affix-content", { "is-fixed": f.value, "is-top": "top" === t2.position, "is-bottom": "bottom" === t2.position }] }, [(_b = a.default) == null ? void 0 : _b.call(a)])]);
+  };
+} });
+export {
+  s as default
+};

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

@@ -1,7 +1,7 @@
 import { defineComponent as e, ref as t, computed as o, onMounted as i, nextTick as a, onUnmounted as n, createVNode as u, isVNode as r } from "vue";
 import l from "../../object-render.vue.js";
 import { handleAfterInitEvent as s } from "../../../../utils/events/event-util.js";
-import f from "../fixed/SmartAffix.js";
+import f from "../fixed/YxAffix.js";
 import p from "../fixed/FixedBox.js";
 function c(e2) {
   return "function" == typeof e2 || "[object Object]" === Object.prototype.toString.call(e2) && !r(e2);

package/dist/es/style.css

@@ -1,4 +1,14 @@
-.el-form-item[data-v-96fc65d8] {
+.vue-affix-placeholder {
+  display: block;
+  visibility: hidden;
+}
+.vue-affix-content.is-fixed {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.vue-affix-content.is-fixed[style*="position: static"] {
+  transform: none;
+}.el-form-item[data-v-96fc65d8] {
   margin-bottom: 0px;
 }
 [data-v-16a29b68] .el-empty {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-runtime",
-  "version": "2.2.36",
+  "version": "2.2.38",
   "description": "AgileBuilder super page runtime",
   "license": "ISC",
   "main": "dist/es/index.js",

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

@@ -1,42 +0,0 @@
-import { defineComponent as e, ref as t, computed as o, watch as l, onMounted as n, onUnmounted as r, createVNode as s, resolveComponent as a, nextTick as i } from "vue";
-const u = e({ name: "SmartAffix", props: { offset: { type: Number, default: 0 }, position: { type: String, default: "top" }, dynamicOffset: { type: Boolean, default: true }, identifier: { type: String, default: () => `affix-${Math.random().toString(36).substr(2, 9)}` } }, setup(e2, { slots: u2 }) {
-  const f = t(), v = t(null), d = t(0), p = [], c = o(() => ["top", "bottom"].includes(e2.position)), m = (e3, t2 = 0) => {
-    if (!e3 || t2 > 20) return null;
-    const o2 = getComputedStyle(e3);
-    return /(auto|scroll|overlay)/.test(o2.overflow + o2.overflowY + o2.overflowX) ? e3 : m(e3.parentElement, t2 + 1);
-  }, w = () => {
-    var _a, _b;
-    if (!v.value || v.value === document.documentElement) return void (d.value = 0);
-    const { top: t2 = 0, bottom: o2 = 0 } = ((_b = (_a = v.value) == null ? void 0 : _a.getBoundingClientRect) == null ? void 0 : _b.call(_a)) ?? {};
-    d.value = "top" === e2.position ? t2 : window.innerHeight - o2;
-  }, g = o(() => e2.dynamicOffset ? e2.offset + d.value : e2.offset), y = () => {
-    var _a, _b;
-    f.value && (v.value || (v.value = m(f.value), (_b = (_a = v.value) == null ? void 0 : _a.addEventListener) == null ? void 0 : _b.call(_a, "scroll", w, { passive: true })), w());
-  }, E = (e3) => {
-    var _a, _b, _c;
-    if (p.forEach((e4) => e4.disconnect()), p.length = 0, e3) {
-      const e4 = new ResizeObserver(y);
-      f.value && (e4.observe(f.value), p.push(e4));
-      let t2 = (_a = f.value) == null ? void 0 : _a.parentElement;
-      for (; t2; ) {
-        const e5 = new ResizeObserver(y);
-        e5.observe(t2), p.push(e5), t2 = t2.parentElement;
-      }
-      window.addEventListener("scroll", w, { passive: true }), i(y), setTimeout(y, 1e3);
-    } else window.removeEventListener("scroll", w), (_c = (_b = v.value) == null ? void 0 : _b.removeEventListener) == null ? void 0 : _c.call(_b, "scroll", w);
-  };
-  return l(c, E), n(() => {
-    E(c.value);
-  }), r(() => {
-    E(false);
-  }), () => {
-    var _a;
-    return c.value ? s("div", { ref: f }, [s(a("el-affix"), { target: v.value, offset: g.value, position: e2.position, key: e2.identifier }, { default: () => {
-      var _a2;
-      return [(_a2 = u2.default) == null ? void 0 : _a2.call(u2)];
-    } })]) : (_a = u2.default) == null ? void 0 : _a.call(u2);
-  };
-} });
-export {
-  u as default
-};