targetj 1.0.236 → 1.0.238

package/build/VisibilityUtil.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VisibilityUtil = void 0;
+var _App = require("./App.js");
+var _TUtil = require("./TUtil.js");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
+function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
+function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+/**
+ * 
+ * It provides a variety of helping functions for calculating visibility
+ */
+var VisibilityUtil = exports.VisibilityUtil = /*#__PURE__*/function () {
+  function VisibilityUtil() {
+    _classCallCheck(this, VisibilityUtil);
+  }
+  return _createClass(VisibilityUtil, null, [{
+    key: "calcVisibility",
+    value: function calcVisibility(child) {
+      var _parent$targets$onVis;
+      var parent = child.getRealParent();
+      var onVisibleChildrenChange = (_parent$targets$onVis = parent === null || parent === void 0 ? void 0 : parent.targets['onVisibleChildrenChange']) !== null && _parent$targets$onVis !== void 0 ? _parent$targets$onVis : false;
+      if (!onVisibleChildrenChange && child.isVisible() && (child.isTargetUpdating(child.allTargetMap['x']) || child.isTargetUpdating(child.allTargetMap['y']))) {
+        return true;
+      }
+      var domParent = child.getDomParent();
+      var scale = (domParent.getMeasuringScale() || 1) * child.getMeasuringScale();
+      var x = child.absX;
+      var y = child.absY;
+      var width = _TUtil.TUtil.isDefined(child.getWidth()) ? scale * child.getWidth() : 0;
+      var height = _TUtil.TUtil.isDefined(child.getHeight()) ? scale * child.getHeight() : 0;
+      var visibilityMargin = 20;
+      if (!child.visibilityStatus) {
+        child.visibilityStatus = {};
+      }
+      var status = child.visibilityStatus;
+      var clip = VisibilityUtil.getVisibilityClipRect(child.getParent());
+      if (clip) {
+        status.right = x - visibilityMargin <= clip.r;
+        status.left = x + width + visibilityMargin >= clip.x;
+        status.bottom = y - child.getTopMargin() - visibilityMargin <= clip.b;
+        status.top = y + height + visibilityMargin >= clip.y;
+        status.clipX = clip.x;
+        status.clipY = clip.y;
+        status.clipR = clip.r;
+        status.clipB = clip.b;
+        status.parent = clip.source;
+        status.isVisible = status.left && status.right && status.top && status.bottom;
+      } else {
+        status.right = true;
+        status.left = true;
+        status.bottom = true;
+        status.top = true;
+        status.clipX = undefined;
+        status.clipY = undefined;
+        status.clipR = undefined;
+        status.clipB = undefined;
+        status.parent = "none";
+        status.isVisible = true;
+      }
+      status.x = x;
+      status.y = y;
+      status.width = width;
+      status.height = height;
+      child.actualValues.isVisible = status.isVisible;
+      return status.isVisible;
+    }
+  }, {
+    key: "getVisibilityClipRect",
+    value: function getVisibilityClipRect(container) {
+      var rect = VisibilityUtil.getScreenViewportRect();
+      while (container && container !== (0, _App.tRoot)()) {
+        if (VisibilityUtil.shouldClipByAncestor(container)) {
+          var ancestorRect = VisibilityUtil.getAncestorViewportRect(container);
+          rect = rect && !container.allTargetMap['onWindowScroll'] ? VisibilityUtil.intersectVisibilityRects(rect, ancestorRect) : ancestorRect;
+          if (rect.r <= rect.x || rect.b <= rect.y) {
+            break;
+          }
+        }
+        container = container.getRealParent();
+      }
+      return rect;
+    }
+  }, {
+    key: "getScreenViewportRect",
+    value: function getScreenViewportRect() {
+      return {
+        x: 0,
+        y: 0,
+        r: (0, _App.getScreenWidth)(),
+        b: (0, _App.getScreenHeight)(),
+        source: "screen"
+      };
+    }
+  }, {
+    key: "shouldClipByAncestor",
+    value: function shouldClipByAncestor(ancestor) {
+      return ancestor.managesOwnScroll();
+    }
+  }, {
+    key: "getAncestorViewportRect",
+    value: function getAncestorViewportRect(ancestor) {
+      var _ancestor$$dom, _ancestor$$dom2;
+      var domScrollLeft = ((_ancestor$$dom = ancestor.$dom) === null || _ancestor$$dom === void 0 ? void 0 : _ancestor$$dom.getScrollLeft()) || 0;
+      var domScrollTop = ((_ancestor$$dom2 = ancestor.$dom) === null || _ancestor$$dom2 === void 0 ? void 0 : _ancestor$$dom2.getScrollTop()) || 0;
+      return {
+        x: ancestor.absX + domScrollLeft,
+        y: ancestor.absY + domScrollTop,
+        r: ancestor.absX + domScrollLeft + ancestor.getWidth(),
+        b: ancestor.absY + domScrollTop + ancestor.getHeight(),
+        source: ancestor
+      };
+    }
+  }, {
+    key: "intersectVisibilityRects",
+    value: function intersectVisibilityRects(a, b) {
+      return {
+        x: Math.max(a.x, b.x),
+        y: Math.max(a.y, b.y),
+        r: Math.min(a.r, b.r),
+        b: Math.min(a.b, b.b),
+        source: b.source
+      };
+    }
+  }]);
+}();

package/build/index.js

@@ -200,4 +200,15 @@ Object.keys(_AnimationUtil).forEach(function (key) {
       return _AnimationUtil[key];
     }
   });
+});
+var _VisibilityUtil = require("./VisibilityUtil.js");
+Object.keys(_VisibilityUtil).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VisibilityUtil[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VisibilityUtil[key];
+    }
+  });
 });