targetj 1.0.119 → 1.0.121

package/README.md

@@ -83,7 +83,7 @@ This method is invoked only after the final step of updating the actual value is
    - Similar to `onImperativeStep`, but it is triggered when an imperative target completes. If multiple targets are expected to complete, you can use `on${targetName}End` instead. For example, `onWidthEnd` is called when the `width` target gets completed.
 
 12. **active**
-This is only property. It indicates that the target is in an inactive state and is not ready to be executed.
+This is only property. It indicates that the target is in an inactive state and is not ready to be executed. You can also prefix the target name with '_' to achieve the same effect as setting active to false.
 
 13. **initialValue**
 This is only property. It defines the initial value of the actual value.
@@ -320,39 +320,37 @@ This example demonstrates how to handle scroll events and develop a simple infin
 import { App, TModel, getEvents, getScreenHeight, getScreenWidth, } from "targetj";
 
 App(new TModel("scroller", {
-    canHandleEvents: "scrollTop",
+    domHolder: true,
+    overflow: 'hidden',
     containerOverflowMode: 'always',
-    children: {
-      value() {
+    children() { 
         const childrenCount = this.getChildren().length;
-        return Array.from({ length: 5 }, (_, i) =>
-            new TModel("scrollItem", {
-              width: 300,
-              background: "#B388FF",
-              height: 30,
-              color: "#fff",
-              textAlign: "center",
-              lineHeight: 30,
-              bottomMargin: 2,
-              x() { return this.getCenterX(); },
-              html: childrenCount + i,
+        return Array.from({ length: 10 }, (_, i) => 
+            new TModel('scrollItem', {                     
+                width: 300,
+                background: '#B388FF',                
+                height: 32,
+                color: '#C2FC61',
+                textAlign: 'center',
+                lineHeight: 32,               
+                bottomMargin: 2,
+                x() { return this.getCenterX(); },                
+                html: childrenCount + i
             })
-        );
-      },
-      enabledOn() {
-        return (this.visibleChildren.length - 1) * 32 < this.getHeight();
-      },
-    },
-    scrollTop(cycle, lastValue) {
-      return Math.max(0, lastValue + getEvents().deltaY());
+        ); 
+    },          
+    width() { return getScreenWidth(); },
+    height() { return getScreenHeight(); },  
+    onResize: [ 'width', 'height' ],
+    onScrollEvent() {
+        this.setTarget('scrollTop', Math.max(0, this.getScrollTop() + getEvents().deltaY()));
     },
-    width: getScreenWidth,
-    height: getScreenHeight,
-    onResize: [ "width", "height" ],
-    onScrollEvent: "scrollTop",
-    onVisibleChildrenChange: "children"
-  })
-);
+    onVisibleChildrenChange() { 
+        if (getEvents().dir() !== 'up' && this.visibleChildren.length * 34 < this.getHeight()) {
+            this.activateTarget('children');
+        }
+    }
+}));
 ```
 
 ## Simple Single Page App Example

package/build/BaseModel.js

@@ -185,24 +185,27 @@ var BaseModel = exports.BaseModel = /*#__PURE__*/function () {
           this.asyncStyleTargetMap[key] = true;
         }
       } else if (this.isStyleTarget(key)) {
+        var styleFlag = true;
         if (_TargetUtil.TargetUtil.transformMap[key]) {
           if (this.getParent()) {
             this.calcAbsolutePosition(this.getX(), this.getY());
           }
           if (_TModelUtil.TModelUtil.getTransformValue(this, key) === this.transformMap[key]) {
-            return;
+            styleFlag = false;
           }
         } else if (key === 'width' || key === 'height') {
           var dimension = Math.floor(key === 'width' ? this.getWidth() : this.getHeight());
           if (this.styleMap[key] === dimension) {
-            return;
+            styleFlag = false;
           }
         } else if (_TUtil.TUtil.isDefined(this.val(key)) && this.styleMap[key] === this.val(key)) {
-          return;
+          styleFlag = false;
         }
-        this.styleTargetList.push(key);
-        this.styleTargetMap[key] = true;
-      } else if (this.useWindowFrame(key)) {
+        if (styleFlag && !this.styleTargetMap[key]) {
+          this.styleTargetList.push(key);
+          this.styleTargetMap[key] = true;
+        }
+      } else if (this.useWindowFrame(key) && !this.styleTargetMap[key]) {
         this.styleTargetList.push(key);
         this.styleTargetMap[key] = true;
       } else {

package/build/RunScheduler.js

@@ -146,6 +146,11 @@ var RunScheduler = exports.RunScheduler = /*#__PURE__*/function () {
         this.processRerunQueue();
       }
     }
+  }, {
+    key: "doesExecuterNeedsRerun",
+    value: function doesExecuterNeedsRerun() {
+      return _TargetExecutor.TargetExecutor.needsRerun;
+    }
   }, {
     key: "processRerunQueue",
     value: function processRerunQueue() {
@@ -228,13 +233,14 @@ var RunScheduler = exports.RunScheduler = /*#__PURE__*/function () {
     }
   }, {
     key: "insertRun",
-    value: function insertRun(runId, now, delay) {
+    value: function insertRun(newRunId, newInsertTime, newDelay) {
       var low = 0,
         high = this.nextRuns.length;
       while (low < high) {
         var mid = Math.floor((low + high) / 2);
-        var nextRunDelay = this.nextRuns[mid].delay;
-        var diff = nextRunDelay - delay;
+        var delay = this.nextRuns[mid].delay;
+        var insertTime = this.nextRuns[mid].insertTime;
+        var diff = insertTime + delay - (newInsertTime + newDelay);
         if (diff > 0) {
           high = mid;
         } else if (diff < 0) {
@@ -244,9 +250,9 @@ var RunScheduler = exports.RunScheduler = /*#__PURE__*/function () {
         }
       }
       this.nextRuns.splice(low, 0, {
-        runId: runId,
-        insertTime: now,
-        delay: delay
+        runId: newRunId,
+        insertTime: newInsertTime,
+        delay: newDelay
       });
     }
   }]);

package/build/TModelManager.js

@@ -308,6 +308,7 @@ var TModelManager = exports.TModelManager = /*#__PURE__*/function () {
           tmodel.$dom = new _$Dom.$Dom();
           _TModelUtil.TModelUtil.createDom(tmodel);
           tmodel.getDomHolder(tmodel).appendTModel$Dom(tmodel);
+          tmodel.hasDomNow = true;
         }
       }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "targetj",
-  "version": "1.0.119",
+  "version": "1.0.121",
   "keywords": [
     "targetj"
   ],