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

package/dist/module.js

@@ -1,4 +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, Material, BlendFactor, BlendOperation, CullMode, RenderQueueType, Loader, Shader, ShaderPass, PipelineStage } from '@galacean/engine';
+import { EntityModifyFlags, ignoreClone, assignmentClone, DisorderedArray, Component, TransformModifyFlags, Transform, deepClone, Vector2, Rect, MathUtil, Vector3, Matrix, Plane, ShaderProperty, dependentComponents, DependentMode, BatchUtils, ShaderMacroCollection, Renderer, Vector4, Color, RendererUpdateFlags, 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++) {
@@ -233,12 +233,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], UIGroup.prototype, "_indexInRootCanvas", void 0);
-__decorate([
-    ignoreClone
-], UIGroup.prototype, "_group", void 0);
-__decorate([
-    ignoreClone
-], UIGroup.prototype, "_rootCanvas", void 0);
 __decorate([
     ignoreClone
 ], UIGroup.prototype, "_disorderedElements", void 0);
@@ -494,9 +488,9 @@ var Utils = /*#__PURE__*/ function() {
         this._updateWorldFlagWithParentRectChange(TransformModifyFlags.WmWpWeWqWsWus);
     };
     // @ts-ignore
-    _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
+    _proto._cloneTo = function _cloneTo(target) {
         // @ts-ignore
-        Transform.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+        Transform.prototype._cloneTo.call(this, target);
         var size = target._size, pivot = target._pivot;
         // @ts-ignore
         size._onValueChanged = pivot._onValueChanged = null;
@@ -1073,9 +1067,6 @@ var UIRenderer = /*#__PURE__*/ function(Renderer) {
 __decorate([
     deepClone
 ], UIRenderer.prototype, "raycastPadding", void 0);
-__decorate([
-    ignoreClone
-], UIRenderer.prototype, "_rootCanvas", void 0);
 __decorate([
     ignoreClone
 ], UIRenderer.prototype, "_indexInRootCanvas", void 0);
@@ -1085,9 +1076,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], UIRenderer.prototype, "_rootCanvasListeningEntities", void 0);
-__decorate([
-    ignoreClone
-], UIRenderer.prototype, "_group", void 0);
 __decorate([
     ignoreClone
 ], UIRenderer.prototype, "_indexInGroup", void 0);
@@ -1204,26 +1192,6 @@ UIRenderer = __decorate([
             transitions[i].destroy();
         }
     };
-    // @ts-ignore
-    _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
-        var transitions = this._transitions;
-        for(var i = 0, n = transitions.length; i < n; i++){
-            var srcTransition = transitions[i];
-            var dstTransition = new transitions[i].constructor();
-            dstTransition.normal = srcTransition.normal;
-            dstTransition.pressed = srcTransition.pressed;
-            dstTransition.hover = srcTransition.hover;
-            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;
-            }
-            target.addTransition(dstTransition);
-        }
-    };
     /**
    * @internal
    */ _proto._getRootCanvas = function _getRootCanvas() {
@@ -1334,10 +1302,6 @@ UIRenderer = __decorate([
     ]);
     return UIInteractive;
 }(Script);
-UIInteractive._targetTempPath = new Array();
-__decorate([
-    ignoreClone
-], UIInteractive.prototype, "_rootCanvas", void 0);
 __decorate([
     ignoreClone
 ], UIInteractive.prototype, "_indexInRootCanvas", void 0);
@@ -1347,9 +1311,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], UIInteractive.prototype, "_rootCanvasListeningEntities", void 0);
-__decorate([
-    ignoreClone
-], UIInteractive.prototype, "_group", void 0);
 __decorate([
     ignoreClone
 ], UIInteractive.prototype, "_indexInGroup", void 0);
@@ -1366,7 +1327,7 @@ __decorate([
     ignoreClone
 ], UIInteractive.prototype, "_globalInteractiveDirty", void 0);
 __decorate([
-    ignoreClone
+    deepClone
 ], UIInteractive.prototype, "_transitions", void 0);
 __decorate([
     assignmentClone
@@ -1550,16 +1511,8 @@ var UICanvas = /*#__PURE__*/ function(Component) {
     };
     /**
    * @internal
-   */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
+   */ _proto._cloneTo = function _cloneTo(target) {
         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;
-        }
     };
     _proto._getRenderers = function _getRenderers() {
         var _this = this, renderers = _this._orderedRenderers, entity = _this.entity;
@@ -1956,16 +1909,12 @@ var UICanvas = /*#__PURE__*/ function(Component) {
     return UICanvas;
 }(Component);
 /** @internal */ UICanvas._hierarchyCounter = 1;
-UICanvas._targetTempPath = [];
 UICanvas._tempGroupAbleList = [];
 UICanvas._tempVec3 = new Vector3();
 UICanvas._tempMat = new Matrix();
 __decorate([
     ignoreClone
 ], UICanvas.prototype, "_canvasIndex", void 0);
-__decorate([
-    ignoreClone
-], UICanvas.prototype, "_rootCanvas", void 0);
 __decorate([
     ignoreClone
 ], UICanvas.prototype, "_indexInRootCanvas", void 0);
@@ -1996,12 +1945,6 @@ __decorate([
 __decorate([
     ignoreClone
 ], UICanvas.prototype, "_renderMode", void 0);
-__decorate([
-    ignoreClone
-], UICanvas.prototype, "_camera", void 0);
-__decorate([
-    ignoreClone
-], UICanvas.prototype, "_cameraObserver", void 0);
 __decorate([
     assignmentClone
 ], UICanvas.prototype, "_resolutionAdaptationMode", void 0);
@@ -2062,45 +2005,35 @@ 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();
+    };
     /**
    * 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);
+    deepClone
+], Button.prototype, "onClick", void 0);
 
 /**
  * UI element that renders an image.
@@ -2130,9 +2063,9 @@ __decorate([
     };
     /**
    * @internal
-   */ _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
+   */ _proto._cloneTo = function _cloneTo(target) {
         // @ts-ignore
-        UIRenderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+        UIRenderer1.prototype._cloneTo.call(this, target);
         target.sprite = this._sprite;
         target.drawMode = this._drawMode;
     };
@@ -2393,9 +2326,9 @@ __decorate([
         this._subFont && (this._subFont = null);
     };
     // @ts-ignore
-    _proto._cloneTo = function _cloneTo(target, srcRoot, targetRoot) {
+    _proto._cloneTo = function _cloneTo(target) {
         // @ts-ignore
-        UIRenderer1.prototype._cloneTo.call(this, target, srcRoot, targetRoot);
+        UIRenderer1.prototype._cloneTo.call(this, target);
         target.font = this._font;
         target._subFont = this._subFont;
     };