@vvfx/sdk 0.2.10 → 0.2.12

package/dist/html-overlay/manager.d.ts

@@ -133,6 +133,7 @@ export declare class HTMLOverlayManager {
     private getChildrenNaturalHeight;
     private cleanupAutoHeight;
     private applyAutoHeight;
+    private isAutoHeightFeedbackLoop;
     private setAutoHeightStreamPhase;
     private isAutoHeightStreamActive;
     private getAutoHeightAnchor;

package/dist/html-overlay/manager.js

@@ -35,6 +35,7 @@ const EDITING_VIEWPORT_PADDING = 48;
 const EDITING_VIEWPORT_BOX_SCALE = 1.1;
 const AUTO_HEIGHT_EPSILON = 0.5;
 const AUTO_HEIGHT_MAX_MULTIPLIER = 32;
+const AUTO_HEIGHT_FEEDBACK_STEP_LIMIT = 2;
 const CARD_RASTERIZE_READY_TIMEOUT = 3000;
 const CARD_HTML_EVENT_MESSAGE_SOURCE = 'vvfx-card-html-event';
 const requestHTMLOverlayFrame = (callback) => {
@@ -84,6 +85,7 @@ export class HTMLOverlayManager {
         autoHeightCleanups: new Map(),
         autoHeightFrames: new Map(),
         autoHeightInitialHeights: new Map(),
+        autoHeightFeedback: new Map(),
         autoHeightStreamPhases: new Map(),
     };
     constructor(options) {
@@ -148,6 +150,7 @@ export class HTMLOverlayManager {
         });
         this.state.autoHeightFrames.clear();
         this.state.autoHeightInitialHeights.clear();
+        this.state.autoHeightFeedback.clear();
         this.state.autoHeightStreamPhases.clear();
         this.eventCleanups.forEach(cleanup => {
             cleanup();
@@ -1421,6 +1424,7 @@ export class HTMLOverlayManager {
             cancelHTMLOverlayFrame(frame);
             this.state.autoHeightFrames.delete(id);
         }
+        this.state.autoHeightFeedback.delete(id);
     }
     applyAutoHeight(id, height) {
         const item = this.options.getItems().find(candidate => candidate.id === id);
@@ -1438,11 +1442,28 @@ export class HTMLOverlayManager {
         if (Math.abs(nextHeight - item.property.height) <= AUTO_HEIGHT_EPSILON) {
             return;
         }
+        if (this.isAutoHeightFeedbackLoop(id, item.property.height, nextHeight)) {
+            return;
+        }
         this.options.setCardItemHeight(id, nextHeight, {
             anchor: this.getAutoHeightAnchor(item),
             previousHeight: item.property.height,
         });
     }
+    isAutoHeightFeedbackLoop(id, currentHeight, nextHeight) {
+        if (nextHeight <= currentHeight) {
+            this.state.autoHeightFeedback.delete(id);
+            return false;
+        }
+        const offset = nextHeight - currentHeight;
+        const previous = this.state.autoHeightFeedback.get(id);
+        const continues = previous !== undefined &&
+            Math.abs(previous.nextHeight - currentHeight) <= AUTO_HEIGHT_EPSILON &&
+            Math.abs(previous.offset - offset) <= AUTO_HEIGHT_EPSILON;
+        const steps = continues ? previous.steps + 1 : 0;
+        this.state.autoHeightFeedback.set(id, { nextHeight, offset, steps });
+        return steps >= AUTO_HEIGHT_FEEDBACK_STEP_LIMIT;
+    }
     setAutoHeightStreamPhase(id, phase) {
         if (phase === 'parsing' || phase === 'draining' || phase === 'finalizing') {
             this.state.autoHeightStreamPhases.set(id, phase);

package/dist/index.cjs

@@ -3,7 +3,7 @@
  * Description: TODO
  * Author: Ant Group CO., Ltd.
  * Contributors: 赤芍,何即,不择,意绮
- * Version: v0.2.10
+ * Version: v0.2.12
  */
 
 'use strict';
@@ -70485,6 +70485,7 @@ var EDITING_VIEWPORT_PADDING = 48;
 var EDITING_VIEWPORT_BOX_SCALE = 1.1;
 var AUTO_HEIGHT_EPSILON = 0.5;
 var AUTO_HEIGHT_MAX_MULTIPLIER = 32;
+var AUTO_HEIGHT_FEEDBACK_STEP_LIMIT = 2;
 var CARD_RASTERIZE_READY_TIMEOUT = 3000;
 var CARD_HTML_EVENT_MESSAGE_SOURCE = 'vvfx-card-html-event';
 var requestHTMLOverlayFrame = function requestHTMLOverlayFrame(callback) {
@@ -70532,6 +70533,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             autoHeightCleanups: new Map(),
             autoHeightFrames: new Map(),
             autoHeightInitialHeights: new Map(),
+            autoHeightFeedback: new Map(),
             autoHeightStreamPhases: new Map()
         };
         this.handleContainerDoubleClick = function(event) {
@@ -70685,6 +70687,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
         });
         this.state.autoHeightFrames.clear();
         this.state.autoHeightInitialHeights.clear();
+        this.state.autoHeightFeedback.clear();
         this.state.autoHeightStreamPhases.clear();
         this.eventCleanups.forEach(function(cleanup) {
             cleanup();
@@ -71983,6 +71986,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             cancelHTMLOverlayFrame(frame);
             this.state.autoHeightFrames.delete(id);
         }
+        this.state.autoHeightFeedback.delete(id);
     };
     _proto.applyAutoHeight = function applyAutoHeight(id, height) {
         var item = this.options.getItems().find(function(candidate) {
@@ -72002,11 +72006,30 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
         if (Math.abs(nextHeight - item.property.height) <= AUTO_HEIGHT_EPSILON) {
             return;
         }
+        if (this.isAutoHeightFeedbackLoop(id, item.property.height, nextHeight)) {
+            return;
+        }
         this.options.setCardItemHeight(id, nextHeight, {
             anchor: this.getAutoHeightAnchor(item),
             previousHeight: item.property.height
         });
     };
+    _proto.isAutoHeightFeedbackLoop = function isAutoHeightFeedbackLoop(id, currentHeight, nextHeight) {
+        if (nextHeight <= currentHeight) {
+            this.state.autoHeightFeedback.delete(id);
+            return false;
+        }
+        var offset = nextHeight - currentHeight;
+        var previous = this.state.autoHeightFeedback.get(id);
+        var continues = previous !== undefined && Math.abs(previous.nextHeight - currentHeight) <= AUTO_HEIGHT_EPSILON && Math.abs(previous.offset - offset) <= AUTO_HEIGHT_EPSILON;
+        var steps = continues ? previous.steps + 1 : 0;
+        this.state.autoHeightFeedback.set(id, {
+            nextHeight: nextHeight,
+            offset: offset,
+            steps: steps
+        });
+        return steps >= AUTO_HEIGHT_FEEDBACK_STEP_LIMIT;
+    };
     _proto.setAutoHeightStreamPhase = function setAutoHeightStreamPhase(id, phase) {
         if (phase === 'parsing' || phase === 'draining' || phase === 'finalizing') {
             this.state.autoHeightStreamPhases.set(id, phase);