@galacean/engine-ui 2.0.0-alpha.14 → 2.0.0-alpha.15

package/dist/browser.js

@@ -1220,10 +1220,7 @@
                 dstTransition.disabled = srcTransition.disabled;
                 var transitionTarget = srcTransition.target;
                 if (transitionTarget) {
-                    var paths = UIInteractive._targetTempPath;
-                    // @ts-ignore
-                    var success = engine.Entity._getEntityHierarchyPath(srcRoot, transitionTarget.entity, paths);
-                    dstTransition.target = success ? engine.Entity._getEntityByHierarchyPath(targetRoot, paths).getComponent(transitionTarget.constructor) : transitionTarget;
+                    dstTransition.target = engine.CloneUtils.remapComponent(srcRoot, targetRoot, transitionTarget);
                 }
                 target.addTransition(dstTransition);
             }
@@ -1338,7 +1335,6 @@
         ]);
         return UIInteractive;
     }(engine.Script);
-    UIInteractive._targetTempPath = new Array();
     __decorate([
         engine.ignoreClone
     ], UIInteractive.prototype, "_rootCanvas", void 0);
@@ -1558,11 +1554,7 @@
             target.renderMode = this._renderMode;
             var camera = this._camera;
             if (camera) {
-                var paths = UICanvas._targetTempPath;
-                // @ts-ignore
-                var success = engine.Entity._getEntityHierarchyPath(srcRoot, camera.entity, paths);
-                // @ts-ignore
-                target.camera = success ? engine.Entity._getEntityByHierarchyPath(targetRoot, paths).getComponent(engine.Camera) : camera;
+                target.camera = engine.CloneUtils.remapComponent(srcRoot, targetRoot, camera);
             }
         };
         _proto._getRenderers = function _getRenderers() {
@@ -1960,7 +1952,6 @@
         return UICanvas;
     }(engine.Component);
     /** @internal */ exports.UICanvas._hierarchyCounter = 1;
-    exports.UICanvas._targetTempPath = [];
     exports.UICanvas._tempGroupAbleList = [];
     exports.UICanvas._tempVec3 = new engine.Vector3();
     exports.UICanvas._tempMat = new engine.Matrix();
@@ -2066,45 +2057,41 @@
         _inherits(Button, UIInteractive);
         function Button() {
             var _this;
-            _this = UIInteractive.apply(this, arguments) || this, _this._listeners = new engine.SafeLoopArray();
+            _this = UIInteractive.apply(this, arguments) || this, /** Signal emitted when the button is clicked. */ _this.onClick = new engine.Signal();
             return _this;
         }
         var _proto = Button.prototype;
+        _proto.onPointerClick = function onPointerClick(event) {
+            if (!this._getGlobalInteractive()) return;
+            this.onClick.invoke(event);
+        };
+        _proto.onDestroy = function onDestroy() {
+            UIInteractive.prototype.onDestroy.call(this);
+            this.onClick.removeAll();
+        };
+        // @ts-ignore
+        _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
+            UIInteractive.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+            // @ts-ignore
+            this.onClick._cloneTo(target.onClick, srcRoot, targetRoot);
+        };
         /**
        * Add a listening function for click.
-       * @param listener - The listening function
+       * @deprecated Use `onClick.on(listener, context)` instead.
        */ _proto.addClicked = function addClicked(listener) {
-            this._listeners.push({
-                fn: listener
-            });
+            this.onClick.on(listener);
         };
         /**
        * Remove a listening function of click.
-       * @param listener - The listening function
+       * @deprecated Use `onClick.off(listener, context)` instead.
        */ _proto.removeClicked = function removeClicked(listener) {
-            this._listeners.findAndRemove(function(value) {
-                return value.fn === listener ? value.destroyed = true : false;
-            });
-        };
-        _proto.onPointerClick = function onPointerClick(event) {
-            if (!this._getGlobalInteractive()) return;
-            var listeners = this._listeners.getLoopArray();
-            for(var i = 0, n = listeners.length; i < n; i++){
-                var listener = listeners[i];
-                !listener.destroyed && listener.fn(event);
-            }
-        };
-        _proto.onDestroy = function onDestroy() {
-            UIInteractive.prototype.onDestroy.call(this);
-            this._listeners.findAndRemove(function(value) {
-                return value.destroyed = true;
-            });
+            this.onClick.off(listener);
         };
         return Button;
     }(UIInteractive);
     __decorate([
         engine.ignoreClone
-    ], Button.prototype, "_listeners", void 0);
+    ], Button.prototype, "onClick", void 0);
 
     /**
      * UI element that renders an image.