@vvfx/sdk 0.2.9 → 0.2.10

package/dist/index.mjs

@@ -3,7 +3,7 @@
  * Description: TODO
  * Author: Ant Group CO., Ltd.
  * Contributors: 赤芍,何即,不择,意绮
- * Version: v0.2.9
+ * Version: v0.2.10
  */
 
 import { math, spec, generateGUID, SpriteComponent, TextComponent, assertExist as assertExist$1, version, VFXItem, PrecompositionManager, AssetManager, FrameComponent, glContext, CompositionComponent, Texture as Texture$1, getStandardJSON, EffectComponent, Geometry as Geometry$1, Material, Player, EventEmitter as EventEmitter$1 } from '@galacean/effects';
@@ -70483,6 +70483,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) {
@@ -70529,6 +70530,7 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             autoHeightModes: new Map(),
             autoHeightCleanups: new Map(),
             autoHeightFrames: new Map(),
+            autoHeightInitialHeights: new Map(),
             autoHeightStreamPhases: new Map()
         };
         this.handleContainerDoubleClick = function(event) {
@@ -70681,6 +70683,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();
@@ -71795,6 +71798,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);
@@ -71989,7 +71993,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;
         }
@@ -72030,6 +72035,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;
@@ -72389,6 +72403,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;
     [
@@ -72501,6 +72524,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({
@@ -72511,17 +72536,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
                     }
                 });
             },