@vvfx/sdk 0.2.2-beta.7 → 0.2.2-beta.9

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

@@ -81,6 +81,7 @@ export declare class HTMLOverlayManager {
     private syncActiveContentInteraction;
     private scheduleActiveContentInteractionSync;
     private setActiveContentInteraction;
+    private shouldKeepActiveContentInteractionForFocusedElement;
     private resolveHTMLInteractionTarget;
     private getActiveSubtreeInteractionAtEvent;
     private resolveContentInteractionZone;

package/dist/index.js

@@ -3,7 +3,7 @@
  * Description: TODO
  * Author: Ant Group CO., Ltd.
  * Contributors: 赤芍,何即,不择,意绮
- * Version: v0.2.2-beta.7
+ * Version: v0.2.2-beta.9
  */
 
 import * as EFFECTS from '@galacean/effects';
@@ -60834,6 +60834,19 @@ var PageDataUtils = /*#__PURE__*/ function() {
         }).call(this);
     };
     /**
+   * @description 设置元素extension字段
+   */ _proto.setItemExtension = function setItemExtension(itemId, extension) {
+        var item = this.getSDKItem(itemId);
+        if (!item) {
+            console.warn('setItemExtension: item not found');
+            return;
+        }
+        for(var _iterator = _create_for_of_iterator_helper_loose(Object.entries(extension)), _step; !(_step = _iterator()).done;){
+            var _step_value = _step.value, key = _step_value[0], value = _step_value[1];
+            item.extension.set(key, value);
+        }
+    };
+    /**
    * @description 场景 1: 设置单个元素的单个属性
    */ _proto.setSingleItemSingleProperty = function setSingleItemSingleProperty(param) {
         return _async_to_generator(function() {
@@ -62584,6 +62597,10 @@ var PageDataUtils = /*#__PURE__*/ function() {
                     }
                     break;
                 }
+            case 'cardType':
+                {
+                    break;
+                }
             default:
                 {
                     console.warn("Target property " + propertyName + " can not be changed.");
@@ -65656,7 +65673,7 @@ var PageDataUtils = /*#__PURE__*/ function() {
                         _this = this;
                         changeProeprty = function changeProeprty(targetCreateInfo) {
                             return _async_to_generator(function() {
-                                var currentCreateInfo;
+                                var currentCreateInfo, itemId;
                                 return _ts_generator(this, function(_state) {
                                     switch(_state.label){
                                         case 0:
@@ -65667,16 +65684,20 @@ var PageDataUtils = /*#__PURE__*/ function() {
                                                     2
                                                 ];
                                             }
+                                            itemId = targetCreateInfo.id;
                                             return [
                                                 4,
                                                 this.setItemProperty({
-                                                    itemId: currentCreateInfo.id,
+                                                    itemId: itemId,
                                                     type: currentCreateInfo.type,
                                                     property: targetCreateInfo.property
                                                 })
                                             ];
                                         case 1:
                                             _state.sent();
+                                            if (targetCreateInfo.extension) {
+                                                this.setItemExtension(itemId, targetCreateInfo.extension);
+                                            }
                                             return [
                                                 2
                                             ];
@@ -92554,6 +92575,9 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
     };
     _proto.syncActiveContentInteraction = function syncActiveContentInteraction(event) {
         var decision = this.resolveHTMLInteractionTarget(event);
+        if (decision.kind === 'canvas' && this.shouldKeepActiveContentInteractionForFocusedElement()) {
+            return;
+        }
         this.setActiveContentInteraction(decision.kind === 'html' ? decision.interaction : undefined);
     };
     _proto.scheduleActiveContentInteractionSync = function scheduleActiveContentInteractionSync(event) {
@@ -92593,6 +92617,18 @@ var HTMLOverlayManager = /*#__PURE__*/ function() {
             _this.syncContentInteraction(id);
         });
     };
+    _proto.shouldKeepActiveContentInteractionForFocusedElement = function shouldKeepActiveContentInteractionForFocusedElement() {
+        var activeInteraction = this.state.activeContentInteraction;
+        if (!activeInteraction || typeof document === 'undefined') {
+            return false;
+        }
+        var activeElement = document.activeElement;
+        if (!activeElement || activeElement === document.body) {
+            return false;
+        }
+        var interactionElement = activeInteraction.element;
+        return interactionElement === activeElement || typeof interactionElement.contains === 'function' && interactionElement.contains(activeElement);
+    };
     _proto.resolveHTMLInteractionTarget = function resolveHTMLInteractionTarget(event) {
         var id = this.getHTMLCardIdByEvent(event);
         if (!id || this.isEditableCard(id)) {