@vvfx/sdk 0.2.9 → 0.2.11

package/dist/html-overlay/auto-height-layout.d.ts

@@ -0,0 +1,6 @@
+export declare function resolveTopAnchoredCardPosition({ nextHeight, position, previousHeight, scaleY, }: {
+    nextHeight: number;
+    position: [number, number];
+    previousHeight: number;
+    scaleY: number;
+}): [number, number];

package/dist/html-overlay/auto-height-layout.js

@@ -0,0 +1,7 @@
+export function resolveTopAnchoredCardPosition({ nextHeight, position, previousHeight, scaleY, }) {
+    const normalizedScaleY = Number.isFinite(scaleY) ? scaleY : 1;
+    return [
+        position[0],
+        position[1] + (nextHeight - previousHeight) * normalizedScaleY / 2,
+    ];
+}

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

@@ -137,6 +137,7 @@ export declare class HTMLOverlayManager {
     private isAutoHeightStreamActive;
     private getAutoHeightAnchor;
     private getAutoHeightItemHeight;
+    private getAutoHeightLimit;
     private isAutoHeightEnabled;
     private isAutoScaleEnabled;
 }

package/dist/html-overlay/manager.js

@@ -34,6 +34,7 @@ const CONTENT_INTERACTION_NONE_SELECTOR = [
 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 CARD_RASTERIZE_READY_TIMEOUT = 3000;
 const CARD_HTML_EVENT_MESSAGE_SOURCE = 'vvfx-card-html-event';
 const requestHTMLOverlayFrame = (callback) => {
@@ -82,6 +83,7 @@ export class HTMLOverlayManager {
         autoHeightModes: new Map(),
         autoHeightCleanups: new Map(),
         autoHeightFrames: new Map(),
+        autoHeightInitialHeights: new Map(),
         autoHeightStreamPhases: new Map(),
     };
     constructor(options) {
@@ -145,6 +147,7 @@ export class HTMLOverlayManager {
             cancelHTMLOverlayFrame(frame);
         });
         this.state.autoHeightFrames.clear();
+        this.state.autoHeightInitialHeights.clear();
         this.state.autoHeightStreamPhases.clear();
         this.eventCleanups.forEach(cleanup => {
             cleanup();
@@ -1249,6 +1252,7 @@ export class HTMLOverlayManager {
     }
     removeOverlay(id) {
         this.cleanupOverlayContent(id);
+        this.state.autoHeightInitialHeights.delete(id);
         this.state.elements.get(id)?.remove();
         this.state.selectionElements.get(id)?.remove();
         this.state.elements.delete(id);
@@ -1426,7 +1430,8 @@ export class HTMLOverlayManager {
         if (!Number.isFinite(height) || height <= 0) {
             return;
         }
-        const nextHeight = Math.ceil(this.getAutoHeightItemHeight(item, height));
+        const measuredHeight = Math.ceil(this.getAutoHeightItemHeight(item, height));
+        const nextHeight = Math.min(measuredHeight, this.getAutoHeightLimit(item));
         if (this.isAutoHeightStreamActive(id) && nextHeight < item.property.height) {
             return;
         }
@@ -1465,6 +1470,15 @@ export class HTMLOverlayManager {
         }
         return contentHeight / displayedHeight * item.property.height;
     }
+    getAutoHeightLimit(item) {
+        const persistedInitialHeight = this.state.autoHeightInitialHeights.get(item.id);
+        if (persistedInitialHeight !== undefined) {
+            return persistedInitialHeight * AUTO_HEIGHT_MAX_MULTIPLIER;
+        }
+        const initialHeight = item.property.height;
+        this.state.autoHeightInitialHeights.set(item.id, initialHeight);
+        return initialHeight * AUTO_HEIGHT_MAX_MULTIPLIER;
+    }
     isAutoHeightEnabled(item) {
         return isCardItem(item) && this.options.resolveCardTypeConfig(item)?.autoHeight === true;
     }

package/dist/index.cjs

@@ -3,7 +3,7 @@
  * Description: TODO
  * Author: Ant Group CO., Ltd.
  * Contributors: 赤芍,何即,不择,意绮
- * Version: v0.2.9
+ * Version: v0.2.11
  */
 
 'use strict';
@@ -70484,6 +70484,7 @@ var CONTENT_INTERACTION_NONE_SELECTOR = [
 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 CARD_RASTERIZE_READY_TIMEOUT = 3000;
 var CARD_HTML_EVENT_MESSAGE_SOURCE = 'vvfx-card-html-event';
 var requestHTMLOverlayFrame = function requestHTMLOverlayFrame(callback) {
@@ -70530,6 +70531,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             autoHeightModes: new Map(),
             autoHeightCleanups: new Map(),
             autoHeightFrames: new Map(),
+            autoHeightInitialHeights: new Map(),
             autoHeightStreamPhases: new Map()
         };
         this.handleContainerDoubleClick = function(event) {
@@ -70682,6 +70684,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             cancelHTMLOverlayFrame(frame);
         });
         this.state.autoHeightFrames.clear();
+        this.state.autoHeightInitialHeights.clear();
         this.state.autoHeightStreamPhases.clear();
         this.eventCleanups.forEach(function(cleanup) {
             cleanup();
@@ -71796,6 +71799,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
     _proto.removeOverlay = function removeOverlay(id) {
         var _this_state_elements_get, _this_state_selectionElements_get;
         this.cleanupOverlayContent(id);
+        this.state.autoHeightInitialHeights.delete(id);
         (_this_state_elements_get = this.state.elements.get(id)) == null ? void 0 : _this_state_elements_get.remove();
         (_this_state_selectionElements_get = this.state.selectionElements.get(id)) == null ? void 0 : _this_state_selectionElements_get.remove();
         this.state.elements.delete(id);
@@ -71990,7 +71994,8 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
         if (!Number.isFinite(height) || height <= 0) {
             return;
         }
-        var nextHeight = Math.ceil(this.getAutoHeightItemHeight(item, height));
+        var measuredHeight = Math.ceil(this.getAutoHeightItemHeight(item, height));
+        var nextHeight = Math.min(measuredHeight, this.getAutoHeightLimit(item));
         if (this.isAutoHeightStreamActive(id) && nextHeight < item.property.height) {
             return;
         }
@@ -72031,6 +72036,15 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
         }
         return contentHeight / displayedHeight * item.property.height;
     };
+    _proto.getAutoHeightLimit = function getAutoHeightLimit(item) {
+        var persistedInitialHeight = this.state.autoHeightInitialHeights.get(item.id);
+        if (persistedInitialHeight !== undefined) {
+            return persistedInitialHeight * AUTO_HEIGHT_MAX_MULTIPLIER;
+        }
+        var initialHeight = item.property.height;
+        this.state.autoHeightInitialHeights.set(item.id, initialHeight);
+        return initialHeight * AUTO_HEIGHT_MAX_MULTIPLIER;
+    };
     _proto.isAutoHeightEnabled = function isAutoHeightEnabled(item) {
         var _this_options_resolveCardTypeConfig;
         return isCardItem(item) && ((_this_options_resolveCardTypeConfig = this.options.resolveCardTypeConfig(item)) == null ? void 0 : _this_options_resolveCardTypeConfig.autoHeight) === true;
@@ -72390,6 +72404,15 @@ function withTimeout(promise, timeout) {
     });
 }
 
+function resolveTopAnchoredCardPosition(param) {
+    var nextHeight = param.nextHeight, position = param.position, previousHeight = param.previousHeight, scaleY = param.scaleY;
+    var normalizedScaleY = Number.isFinite(scaleY) ? scaleY : 1;
+    return [
+        position[0],
+        position[1] + (nextHeight - previousHeight) * normalizedScaleY / 2
+    ];
+}
+
 function orderSDKCanvasLayers(param) {
     var container = param.container, playerContainer = param.playerContainer, htmlOverlayLayer = param.htmlOverlayLayer, gestureCanvas = param.gestureCanvas;
     [
@@ -72502,6 +72525,8 @@ var SDK = /*#__PURE__*/ function() {
                 }, box);
             },
             setCardItemHeight: function setCardItemHeight(id, height, options) {
+                var _ref;
+                var _item_property_scale;
                 var item = _this.getSDKItem(id);
                 if (!isCardItem(item) || options.anchor === 'center') {
                     void _this.setItemProperty({
@@ -72512,17 +72537,18 @@ var SDK = /*#__PURE__*/ function() {
                     });
                     return;
                 }
-                var _item_property_position = item.property.position, x = _item_property_position[0], y = _item_property_position[1];
-                var deltaY = (height - options.previousHeight) / 2;
+                var position = resolveTopAnchoredCardPosition({
+                    nextHeight: height,
+                    position: item.property.position,
+                    previousHeight: options.previousHeight,
+                    scaleY: (_ref = (_item_property_scale = item.property.scale) == null ? void 0 : _item_property_scale[1]) != null ? _ref : 1
+                });
                 void _this.setItemProperty({
                     itemId: id,
                     type: SDKItemType.CARD,
                     property: {
                         height: height,
-                        position: [
-                            x,
-                            y + deltaY
-                        ]
+                        position: position
                     }
                 });
             },