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

package/dist/module.js

@@ -1,90 +1,4 @@
-import { EntityModifyFlags, ignoreClone, assignmentClone, DisorderedArray, Component, TransformModifyFlags, Transform, deepClone, Vector2, Rect, MathUtil, Vector3, Matrix, Plane, ShaderProperty, dependentComponents, DependentMode, BatchUtils, ShaderMacroCollection, Renderer, Vector4, Color, RendererUpdateFlags, Entity, Script, Camera, CameraModifyFlags, Logger, SafeLoopArray, SpriteDrawMode, RenderQueueFlags, SpriteModifyFlags, SpriteTileMode, TiledSpriteAssembler, SlicedSpriteAssembler, SimpleSpriteAssembler, BoundingBox, ShaderData, ShaderDataGroup, TextUtils, Engine, TextVerticalAlignment, TextHorizontalAlignment, OverflowMode, CharRenderInfo, FontStyle, ReferResource, registerPointerEventEmitter, PointerEventEmitter, CameraClearFlags, ReflectionParser, Material, BlendFactor, BlendOperation, CullMode, RenderQueueType, Loader, Shader, ShaderPass, PipelineStage, Font } from '@galacean/engine';
-
-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;
-};
+import { EntityModifyFlags, ignoreClone, assignmentClone, DisorderedArray, Component, TransformModifyFlags, Transform, deepClone, Vector2, Rect, MathUtil, Vector3, Matrix, Plane, ShaderProperty, dependentComponents, DependentMode, BatchUtils, ShaderMacroCollection, Renderer, Vector4, Color, RendererUpdateFlags, CloneUtils, Script, CameraModifyFlags, Logger, Signal, SpriteDrawMode, RenderQueueFlags, SpriteModifyFlags, SpriteTileMode, TiledSpriteAssembler, SlicedSpriteAssembler, SimpleSpriteAssembler, BoundingBox, ShaderData, ShaderDataGroup, TextUtils, Engine, TextVerticalAlignment, TextHorizontalAlignment, OverflowMode, CharRenderInfo, FontStyle, ReferResource, registerPointerEventEmitter, PointerEventEmitter, CameraClearFlags, Material, BlendFactor, BlendOperation, CullMode, RenderQueueType, Entity, Loader, Shader, ShaderPass, PipelineStage } from '@galacean/engine';
 
 function _defineProperties(target, props) {
     for (var i = 0; i < props.length; i++) {
@@ -130,6 +44,33 @@ function _instanceof(left, right) {
     } 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) {
@@ -1275,10 +1216,7 @@ UIRenderer = __decorate([
             dstTransition.disabled = srcTransition.disabled;
             var transitionTarget = srcTransition.target;
             if (transitionTarget) {
-                var paths = UIInteractive._targetTempPath;
-                // @ts-ignore
-                var success = Entity._getEntityHierarchyPath(srcRoot, transitionTarget.entity, paths);
-                dstTransition.target = success ? Entity._getEntityByHierarchyPath(targetRoot, paths).getComponent(transitionTarget.constructor) : transitionTarget;
+                dstTransition.target = CloneUtils.remapComponent(srcRoot, targetRoot, transitionTarget);
             }
             target.addTransition(dstTransition);
         }
@@ -1393,7 +1331,6 @@ UIRenderer = __decorate([
     ]);
     return UIInteractive;
 }(Script);
-UIInteractive._targetTempPath = new Array();
 __decorate([
     ignoreClone
 ], UIInteractive.prototype, "_rootCanvas", void 0);
@@ -1613,11 +1550,7 @@ var UICanvas = /*#__PURE__*/ function(Component) {
         target.renderMode = this._renderMode;
         var camera = this._camera;
         if (camera) {
-            var paths = UICanvas._targetTempPath;
-            // @ts-ignore
-            var success = Entity._getEntityHierarchyPath(srcRoot, camera.entity, paths);
-            // @ts-ignore
-            target.camera = success ? Entity._getEntityByHierarchyPath(targetRoot, paths).getComponent(Camera) : camera;
+            target.camera = CloneUtils.remapComponent(srcRoot, targetRoot, camera);
         }
     };
     _proto._getRenderers = function _getRenderers() {
@@ -2015,7 +1948,6 @@ var UICanvas = /*#__PURE__*/ function(Component) {
     return UICanvas;
 }(Component);
 /** @internal */ UICanvas._hierarchyCounter = 1;
-UICanvas._targetTempPath = [];
 UICanvas._tempGroupAbleList = [];
 UICanvas._tempVec3 = new Vector3();
 UICanvas._tempMat = new Matrix();
@@ -2121,45 +2053,41 @@ var Button = /*#__PURE__*/ function(UIInteractive) {
     _inherits(Button, UIInteractive);
     function Button() {
         var _this;
-        _this = UIInteractive.apply(this, arguments) || this, _this._listeners = new SafeLoopArray();
+        _this = UIInteractive.apply(this, arguments) || this, /** Signal emitted when the button is clicked. */ _this.onClick = new 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([
     ignoreClone
-], Button.prototype, "_listeners", void 0);
+], Button.prototype, "onClick", void 0);
 
 /**
  * UI element that renders an image.
@@ -3648,20 +3576,6 @@ ApplyMixins(Engine, [
 ApplyMixins(Entity, [
     EntityExtension
 ]);
-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 = Font.createFromOS(instance.engine, props.fontFamily || "Arial");
-        }
-        return [
-            2,
-            instance
-        ];
-    });
-}));
 /**
  * Register GUI components for the editor.
  */ function registerGUI() {