@safe-engine/cocos 1.5.2 → 1.5.5

package/dist/gworld/components/NodeComp.js

@@ -1,365 +1,287 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NodeComp = void 0;
-var utils_1 = require("../../helper/utils");
-var polyfills_1 = require("../../polyfills");
-var NoRenderComponent_1 = require("./NoRenderComponent");
-var NodeComp = /** @class */ (function () {
-    function NodeComp(instance, entity) {
-        this.children = [];
-        this._active = true;
+import { instantiate } from '../../helper/utils';
+import { Vec2 } from '../../polyfills';
+import { ExtraDataComp } from './NoRenderComponent';
+export class NodeComp {
+    entity;
+    instance;
+    parent;
+    children = [];
+    name;
+    _group;
+    _active = true;
+    constructor(instance, entity) {
         this.entity = entity;
         this.instance = instance;
     }
-    Object.defineProperty(NodeComp.prototype, "uuid", {
-        get: function () {
-            return this.entity.id;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "position", {
-        get: function () {
-            return (0, polyfills_1.Vec2)(this.instance.getPosition());
-        },
-        set: function (val) {
-            this.instance.setPosition(val.x, val.y);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "xy", {
-        set: function (val) {
-            this.instance.setPosition(val[0], val[1]);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "posX", {
-        get: function () {
-            return this.instance.getPositionX();
-        },
-        set: function (val) {
-            this.instance.setPositionX(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "posY", {
-        get: function () {
-            return this.instance.getPositionY();
-        },
-        set: function (val) {
-            this.instance.setPositionY(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scale", {
-        get: function () {
-            return this.instance.getScale();
-        },
-        set: function (val) {
-            this.instance.setScale(val, val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scaleX", {
-        get: function () {
-            return this.instance.getScaleX();
-        },
-        set: function (val) {
-            this.instance.setScaleX(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "scaleY", {
-        get: function () {
-            return this.instance.getScaleY();
-        },
-        set: function (val) {
-            this.instance.setScaleY(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "anchorX", {
-        get: function () {
-            return this.instance.anchorX;
-        },
-        set: function (val) {
-            this.instance.anchorX = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "anchorY", {
-        get: function () {
-            return this.instance.anchorY;
-        },
-        set: function (val) {
-            this.instance.anchorY = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "rotation", {
-        /**
-         * Returns the angle of the node in degrees. 0 is the default rotation angle. Positive values rotate node clockwise.
-         * @function
-         * @return {Number} The rotation of the node in degrees.
-         */
-        get: function () {
-            return this.instance.getRotation();
-        },
-        /**
-         *
-         *  Sets the X angle of the node in degrees which performs a horizontal rotational skew.
-         *  (support only in WebGL rendering mode)
-         *  0 is the default rotation angle.
-         *  Positive values rotate node clockwise, and negative values for anti-clockwise.
-         *
-         * @param {Number} degrees The X rotation in degrees which performs a horizontal rotational skew.
-         */
-        set: function (val) {
-            this.instance.setRotation(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "color", {
-        get: function () {
-            return this.instance.getColor();
-        },
-        set: function (val) {
-            this.instance.setColor(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "opacity", {
-        get: function () {
-            return this.instance.getOpacity();
-        },
-        set: function (val) {
-            this.instance.setOpacity(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "active", {
-        get: function () {
-            if (!cc.sys.isObjectValid(this.instance) || !this._active)
+    get uuid() {
+        return this.entity.id;
+    }
+    get position() {
+        return Vec2(this.instance.getPosition());
+    }
+    set position(val) {
+        this.instance.setPosition(val.x, val.y);
+    }
+    set xy(val) {
+        this.instance.setPosition(val[0], val[1]);
+    }
+    get posX() {
+        return this.instance.getPositionX();
+    }
+    set posX(val) {
+        this.instance.setPositionX(val);
+    }
+    get posY() {
+        return this.instance.getPositionY();
+    }
+    set posY(val) {
+        this.instance.setPositionY(val);
+    }
+    get scale() {
+        return this.instance.getScale();
+    }
+    set scale(val) {
+        this.instance.setScale(val, val);
+    }
+    get scaleX() {
+        return this.instance.getScaleX();
+    }
+    set scaleX(val) {
+        this.instance.setScaleX(val);
+    }
+    get scaleY() {
+        return this.instance.getScaleY();
+    }
+    set scaleY(val) {
+        this.instance.setScaleY(val);
+    }
+    get anchorX() {
+        return this.instance.anchorX;
+    }
+    set anchorX(val) {
+        this.instance.anchorX = val;
+    }
+    get anchorY() {
+        return this.instance.anchorY;
+    }
+    set anchorY(val) {
+        this.instance.anchorY = val;
+    }
+    /**
+     * Returns the angle of the node in degrees. 0 is the default rotation angle. Positive values rotate node clockwise.
+     * @function
+     * @return {Number} The rotation of the node in degrees.
+     */
+    get rotation() {
+        return this.instance.getRotation();
+    }
+    /**
+     *
+     *  Sets the X angle of the node in degrees which performs a horizontal rotational skew.
+     *  (support only in WebGL rendering mode)
+     *  0 is the default rotation angle.
+     *  Positive values rotate node clockwise, and negative values for anti-clockwise.
+     *
+     * @param {Number} degrees The X rotation in degrees which performs a horizontal rotational skew.
+     */
+    set rotation(val) {
+        this.instance.setRotation(val);
+    }
+    get color() {
+        return this.instance.getColor();
+    }
+    set color(val) {
+        this.instance.setColor(val);
+    }
+    get opacity() {
+        return this.instance.getOpacity();
+    }
+    set opacity(val) {
+        this.instance.setOpacity(val);
+    }
+    get active() {
+        if (!cc.sys.isObjectValid(this.instance) || !this._active)
+            return false;
+        let p = this.parent;
+        while (p) {
+            if (!p.active)
                 return false;
-            var p = this.parent;
-            while (p) {
-                if (!p.active)
-                    return false;
-                p = p.parent;
-            }
-            return true;
-        },
-        set: function (val) {
-            if (!cc.sys.isObjectValid(this.instance)) {
-                return;
-            }
-            this._active = val;
-            if (this.instance instanceof ccui.Widget) {
-                this.instance.setEnabled(val);
-            }
-            this.instance.setVisible(val);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "group", {
-        get: function () {
-            return this._group;
-        },
-        set: function (val) {
-            this._group = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "width", {
-        get: function () {
-            return this.instance.width;
-        },
-        set: function (val) {
-            this.instance.setContentSize(val, this.height);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "height", {
-        get: function () {
-            return this.instance.height;
-        },
-        set: function (val) {
-            this.instance.setContentSize(val, this.width);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "zIndex", {
-        get: function () {
-            return this.instance.zIndex;
-        },
-        set: function (val) {
-            this.instance.zIndex = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(NodeComp.prototype, "childrenCount", {
-        get: function () {
-            return this.children.length;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NodeComp.prototype.destroy = function () {
+            p = p.parent;
+        }
+        return true;
+    }
+    set active(val) {
+        if (!cc.sys.isObjectValid(this.instance)) {
+            return;
+        }
+        this._active = val;
+        if (this.instance instanceof ccui.Widget) {
+            this.instance.setEnabled(val);
+        }
+        this.instance.setVisible(val);
+    }
+    get group() {
+        return this._group;
+    }
+    set group(val) {
+        this._group = val;
+    }
+    get width() {
+        return this.instance.width;
+    }
+    set width(val) {
+        this.instance.setContentSize(val, this.height);
+    }
+    get height() {
+        return this.instance.height;
+    }
+    set height(val) {
+        this.instance.setContentSize(val, this.width);
+    }
+    get zIndex() {
+        return this.instance.zIndex;
+    }
+    set zIndex(val) {
+        this.instance.zIndex = val;
+    }
+    get childrenCount() {
+        return this.children.length;
+    }
+    destroy() {
         this.removeFromParent(true);
-    };
-    NodeComp.prototype.addComponent = function (instance) {
+    }
+    addComponent(instance) {
         return this.entity.assign(instance);
-    };
-    NodeComp.prototype.getComponent = function (component) {
+    }
+    getComponent(component) {
         return this.entity.getComponent(component);
-    };
-    NodeComp.prototype.getComponentsInChildren = function (component) {
+    }
+    getComponentsInChildren(component) {
         if (!this.children.length) {
             return [];
         }
-        var listHave = this.children.filter(function (child) {
+        const listHave = this.children.filter((child) => {
             return child.getComponent(component);
         });
-        return listHave.map(function (node) { return node.getComponent(component); });
-    };
-    NodeComp.prototype.getComponentInChildren = function (component) {
+        return listHave.map((node) => node.getComponent(component));
+    }
+    getComponentInChildren(component) {
         return this.getComponentsInChildren(component)[0];
-    };
-    NodeComp.prototype.hasComponentInChildren = function (component) {
+    }
+    hasComponentInChildren(component) {
         if (!this.children.length) {
             return false;
         }
-        return this.children.some(function (child) {
+        return this.children.some((child) => {
             return child.getComponent(component);
         });
-    };
-    NodeComp.prototype.getPercent = function () {
+    }
+    getPercent() {
         if (this.instance instanceof ccui.LoadingBar) {
             return this.instance.getPercent();
         }
         return 0;
-    };
-    NodeComp.prototype.setPercent = function (val) {
+    }
+    setPercent(val) {
         if (this.instance instanceof ccui.LoadingBar) {
             return this.instance.setPercent(val);
         }
-    };
-    NodeComp.prototype.setTouchEnabled = function (enabled) {
+    }
+    setTouchEnabled(enabled) {
         if (!cc.sys.isObjectValid(this.instance)) {
             return;
         }
         if (this.instance instanceof ccui.Widget) {
             this.instance.setTouchEnabled(enabled);
         }
-    };
-    NodeComp.prototype.addTouchEventListener = function (cb) {
+    }
+    addTouchEventListener(cb) {
         if (!cc.sys.isObjectValid(this.instance)) {
             return;
         }
         if (this.instance instanceof ccui.Widget) {
             this.instance.addTouchEventListener(cb);
         }
-    };
-    NodeComp.prototype.convertToNodeSpace = function (point) {
-        var _a = this.instance.convertToNodeSpace(point), x = _a.x, y = _a.y;
-        return (0, polyfills_1.Vec2)(x, y);
-    };
-    NodeComp.prototype.convertToNodeSpaceAR = function (point) {
-        var _a = this.instance.convertToNodeSpaceAR(point), x = _a.x, y = _a.y;
-        return (0, polyfills_1.Vec2)(x, y);
-    };
-    NodeComp.prototype.convertToWorldSpaceAR = function (point) {
-        var _a = this.instance.convertToWorldSpaceAR(point), x = _a.x, y = _a.y;
-        return (0, polyfills_1.Vec2)(x, y);
-    };
-    NodeComp.prototype.getPosition = function () {
+    }
+    convertToNodeSpace(point) {
+        const { x, y } = this.instance.convertToNodeSpace(point);
+        return Vec2(x, y);
+    }
+    convertToNodeSpaceAR(point) {
+        const { x, y } = this.instance.convertToNodeSpaceAR(point);
+        return Vec2(x, y);
+    }
+    convertToWorldSpaceAR(point) {
+        const { x, y } = this.instance.convertToWorldSpaceAR(point);
+        return Vec2(x, y);
+    }
+    getPosition() {
         return this.instance.getPosition();
-    };
-    NodeComp.prototype.setPosition = function (x, y) {
+    }
+    setPosition(x, y) {
         this.instance.setPosition(x, y);
-    };
-    NodeComp.prototype.setRotation = function (deg) {
+    }
+    setRotation(deg) {
         this.instance.setRotation(deg);
-    };
-    NodeComp.prototype.getRotation = function () {
+    }
+    getRotation() {
         return this.instance.getRotation();
-    };
-    NodeComp.prototype.setAnchorPoint = function (point, y) {
+    }
+    setAnchorPoint(point, y) {
         this.instance.setAnchorPoint(point, y);
-    };
-    NodeComp.prototype.getAnchorPoint = function () {
+    }
+    getAnchorPoint() {
         return this.instance.getAnchorPoint();
-    };
-    NodeComp.prototype.getBoundingBox = function () {
-        var box = this.instance.getBoundingBox();
+    }
+    getBoundingBox() {
+        const box = this.instance.getBoundingBox();
         box.contains = function (point) {
             return this.x <= point.x && this.x + this.width >= point.x && this.y <= point.y && this.y + this.height >= point.y;
         };
         return box;
-    };
-    NodeComp.prototype.getContentSize = function () {
+    }
+    getContentSize() {
         return this.instance.getContentSize();
-    };
-    NodeComp.prototype.setContentSize = function (size, height) {
+    }
+    setContentSize(size, height) {
         this.instance.setContentSize(size, height);
         if (this.instance instanceof cc.ClippingNode) {
-            var hw = (size.width || size) * 0.5;
-            var hh = (size.height || height) * 0.5;
-            var stencil = new cc.DrawNode();
-            var rectangle = [cc.p(-hw, -hh), cc.p(hw, -hh), cc.p(hw, hh), cc.p(-hw, hh)];
+            const hw = (size.width || size) * 0.5;
+            const hh = (size.height || height) * 0.5;
+            const stencil = new cc.DrawNode();
+            const rectangle = [cc.p(-hw, -hh), cc.p(hw, -hh), cc.p(hw, hh), cc.p(-hw, hh)];
             stencil.drawPoly(rectangle, cc.Color.WHITE, 0, cc.Color.WHITE);
             // stencil.drawDot(cc.p(-height * 0.5, -height * 0.5), height, cc.Color.WHITE);
             this.instance.stencil = stencil;
         }
-    };
-    NodeComp.prototype.setColor = function (color) {
+    }
+    setColor(color) {
         this.instance.setColor(color);
-    };
-    NodeComp.prototype.setScale = function (scaleX, scaleY) {
+    }
+    setScale(scaleX, scaleY) {
         this.instance.setScale(scaleX, scaleY || scaleX);
-    };
-    NodeComp.prototype.runAction = function (atc) {
+    }
+    runAction(atc) {
         this.instance.runAction(atc);
-    };
-    NodeComp.prototype.stopAllActions = function () {
+    }
+    stopAllActions() {
         this.instance.stopAllActions();
-    };
-    NodeComp.prototype.pauseAllActionsAndSchedule = function () {
+    }
+    pauseAllActionsAndSchedule() {
         this.instance.pause();
         this.instance.unscheduleUpdate();
-    };
-    NodeComp.prototype.resumeAllActionsAndSchedule = function () {
+    }
+    resumeAllActionsAndSchedule() {
         this.instance.resume();
         this.instance.scheduleUpdate();
-    };
-    NodeComp.prototype.removeFromParent = function (cleanup) {
-        var _this = this;
+    }
+    removeFromParent(cleanup) {
         this.active = false;
         if (this.parent) {
-            this.parent.children = this.parent.children.filter(function (_a) {
-                var entity = _a.entity;
-                return entity.id !== _this.entity.id;
-            });
+            this.parent.children = this.parent.children.filter(({ entity }) => entity.id !== this.entity.id);
         }
         if (cleanup) {
-            this.children.forEach(function (child) {
+            this.children.forEach((child) => {
                 child.destroy();
             });
             this.parent = null;
@@ -371,47 +293,45 @@ var NodeComp = /** @class */ (function () {
             this.stopAllActions();
             this.instance.removeFromParent();
         }
-    };
-    NodeComp.prototype.addChild = function (child) {
+    }
+    addChild(child) {
         child._active = true;
         child.parent = this;
         this.children.push(child);
         this.instance.addChild(child.instance);
-    };
-    NodeComp.prototype.removeAllChildren = function (cleanup) {
-        this.children.forEach(function (child) {
+    }
+    removeAllChildren(cleanup) {
+        this.children.forEach((child) => {
             child.removeFromParent(cleanup);
         });
-    };
-    NodeComp.prototype.getData = function (key) {
-        var data = this.getComponent(NoRenderComponent_1.ExtraDataComp);
+    }
+    getData(key) {
+        const data = this.getComponent(ExtraDataComp);
         if (!data)
             throw Error('need add ExtraDataComp to Node');
         return data.getData(key);
-    };
-    NodeComp.prototype.setData = function (key, value) {
-        var data = this.getComponent(NoRenderComponent_1.ExtraDataComp);
+    }
+    setData(key, value) {
+        const data = this.getComponent(ExtraDataComp);
         if (!data) {
-            this.addComponent((0, utils_1.instantiate)(NoRenderComponent_1.ExtraDataComp, { key: key, value: value }));
+            this.addComponent(instantiate(ExtraDataComp, { key, value }));
         }
         else {
             data.setData(key, value);
         }
-    };
-    NodeComp.prototype.removeData = function (key) {
-        var data = this.getComponent(NoRenderComponent_1.ExtraDataComp);
+    }
+    removeData(key) {
+        const data = this.getComponent(ExtraDataComp);
         if (data) {
             data.removeData(key);
         }
-    };
-    NodeComp.prototype.resolveComponent = function (component) {
+    }
+    resolveComponent(component) {
         if (component.constructor.hasRender) {
             this.addChild(component.node);
         }
         else {
             this.addComponent(component);
         }
-    };
-    return NodeComp;
-}());
-exports.NodeComp = NodeComp;
+    }
+}