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

package/dist/browser.js

@@ -4,92 +4,6 @@
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.Galacean = global.Galacean || {}, global.Galacean.UI = {}), global.Galacean));
 })(this, (function (exports, engine) { 'use strict';
 
-    function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-        try {
-            var info = gen[key](arg);
-            var value = info.value;
-        } catch (error) {
-            reject(error);
-            return;
-        }
-        if (info.done) resolve(value);
-        else Promise.resolve(value).then(_next, _throw);
-    }
-    function _async_to_generator(fn) {
-        return function() {
-            var self = this, args = arguments;
-
-            return new Promise(function(resolve, reject) {
-                var gen = fn.apply(self, args);
-
-                function _next(value) {
-                    asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-                }
-
-                function _throw(err) {
-                    asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-                }
-
-                _next(undefined);
-            });
-        };
-    }
-
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-
-    function __decorate(decorators, target, key, desc) {
-      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-      return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-
-    function __generator(thisArg, body) {
-      var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-      return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-      function verb(n) { return function (v) { return step([n, v]); }; }
-      function step(op) {
-          if (f) throw new TypeError("Generator is already executing.");
-          while (g && (g = 0, op[0] && (_ = 0)), _) try {
-              if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-              if (y = 0, t) op = [op[0] & 2, t.value];
-              switch (op[0]) {
-                  case 0: case 1: t = op; break;
-                  case 4: _.label++; return { value: op[1], done: false };
-                  case 5: _.label++; y = op[1]; op = [0]; continue;
-                  case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                  default:
-                      if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                      if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                      if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                      if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                      if (t[2]) _.ops.pop();
-                      _.trys.pop(); continue;
-              }
-              op = body.call(thisArg, _);
-          } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-          if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-      }
-    }
-
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-      var e = new Error(message);
-      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-
     function _defineProperties(target, props) {
         for (var i = 0; i < props.length; i++) {
             var descriptor = props[i];
@@ -134,6 +48,33 @@
         } else return left instanceof right;
     }
 
+    /******************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+
+    function __decorate(decorators, target, key, desc) {
+      var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+      if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+      else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+      return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+      var e = new Error(message);
+      return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+    };
+
     var UIGroup = /*#__PURE__*/ function(Component) {
         _inherits(UIGroup, Component);
         function UIGroup(entity) {
@@ -1279,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);
             }
@@ -1397,7 +1335,6 @@
         ]);
         return UIInteractive;
     }(engine.Script);
-    UIInteractive._targetTempPath = new Array();
     __decorate([
         engine.ignoreClone
     ], UIInteractive.prototype, "_rootCanvas", void 0);
@@ -1617,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() {
@@ -2019,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();
@@ -2125,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.
@@ -3652,20 +3580,6 @@
     ApplyMixins(engine.Entity, [
         EntityExtension
     ]);
-    engine.ReflectionParser.registerCustomParseComponent("Text", /*#__PURE__*/ _async_to_generator(function(instance, item) {
-        var props;
-        return __generator(this, function(_state) {
-            props = item.props;
-            if (!props.font) {
-                // @ts-ignore
-                instance.font = engine.Font.createFromOS(instance.engine, props.fontFamily || "Arial");
-            }
-            return [
-                2,
-                instance
-            ];
-        });
-    }));
     /**
      * Register GUI components for the editor.
      */ function registerGUI() {