@safe-engine/cocos 1.5.2 → 1.5.5

package/dist/gworld/systems/GUISystem.js

@@ -1,126 +1,111 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GUISystem = void 0;
-var entityx_ts_1 = require("entityx-ts");
-var __1 = require("../..");
-var polyfills_1 = require("../../polyfills");
-var GUIComponent_1 = require("../components/GUIComponent");
-var NodeComp_1 = require("../components/NodeComp");
-var GUISystem = /** @class */ (function () {
-    function GUISystem() {
-        var _this = this;
-        this.onAddButtonComp = function (_a) {
-            var entity = _a.entity, button = _a.component;
-            var nodeComp = entity.getComponent(NodeComp_1.NodeComp);
-            var _b = button.props.zoomScale, zoomScale = _b === void 0 ? 1.2 : _b;
-            button.node = nodeComp;
-            var lastScaleX = nodeComp.scaleX;
-            var lastScaleY = nodeComp.scaleY;
-            var touchComp = entity.assign(new __1.TouchEventRegister());
-            touchComp.props.onTouchStart = function (touch) {
-                var p = touch.getLocation();
-                // console.log('onTouchBegan', p, lastScaleX, lastScaleY)
-                var rect = nodeComp.getBoundingBox();
-                var nodeSpaceLocation = nodeComp.parent.convertToNodeSpace(p);
-                if (rect.contains(nodeSpaceLocation) && button.enabled && nodeComp.active) {
-                    var scale = cc.scaleTo(0.3, zoomScale * lastScaleX, lastScaleY * zoomScale);
-                    nodeComp.runAction(scale);
-                    button.props.onPress(button);
-                }
-            };
-            touchComp.props.onTouchEnd = function () {
-                var scale = cc.scaleTo(0.3, lastScaleX, lastScaleY);
+import { EventTypes } from 'entityx-ts';
+import { TouchEventRegister } from '../..';
+import { Vec2 } from '../../polyfills';
+import { BlockInputEventsComp, ButtonComp, FillType, InputComp, LabelComp, LabelOutlineComp, LabelShadowComp, ProgressTimerComp, ScrollViewComp, } from '../components/GUIComponent';
+import { NodeComp } from '../components/NodeComp';
+export class GUISystem {
+    defaultFont;
+    configure(event_manager) {
+        event_manager.subscribe(EventTypes.ComponentAdded, ButtonComp, this.onAddButtonComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, ProgressTimerComp, this.onAddProgressTimerComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, LabelComp, this.onAddLabelComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, LabelOutlineComp, this.onAddLabelOutlineComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, LabelShadowComp, this.onAddLabelShadowComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, ScrollViewComp, this.onAddScrollViewComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, InputComp, this.onAddInputComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, BlockInputEventsComp, this.onAddBlockInputEventsComp);
+    }
+    onAddButtonComp = ({ entity, component: button }) => {
+        const nodeComp = entity.getComponent(NodeComp);
+        const { zoomScale = 1.2 } = button.props;
+        button.node = nodeComp;
+        const lastScaleX = nodeComp.scaleX;
+        const lastScaleY = nodeComp.scaleY;
+        const touchComp = entity.assign(new TouchEventRegister());
+        touchComp.props.onTouchStart = function (touch) {
+            const p = touch.getLocation();
+            // console.log('onTouchBegan', p, lastScaleX, lastScaleY)
+            const rect = nodeComp.getBoundingBox();
+            const nodeSpaceLocation = nodeComp.parent.convertToNodeSpace(p);
+            if (rect.contains(nodeSpaceLocation) && button.enabled && nodeComp.active) {
+                const scale = cc.scaleTo(0.3, zoomScale * lastScaleX, lastScaleY * zoomScale);
                 nodeComp.runAction(scale);
-            };
-            touchComp.props.onTouchCancel = touchComp.props.onTouchEnd;
-        };
-        this.onAddProgressTimerComp = function (_a) {
-            var entity = _a.entity, bar = _a.component;
-            var _b = bar.props, spriteFrame = _b.spriteFrame, _c = _b.fillType, fillType = _c === void 0 ? GUIComponent_1.FillType.HORIZONTAL : _c, _d = _b.fillRange, fillRange = _d === void 0 ? 1 : _d, _e = _b.fillCenter, fillCenter = _e === void 0 ? (0, polyfills_1.Vec2)(1, 0) : _e;
-            var sprite = new cc.Sprite(spriteFrame);
-            var pTimer = new cc.ProgressTimer(sprite);
-            var ptt = fillType === GUIComponent_1.FillType.RADIAL ? cc.ProgressTimer.TYPE_RADIAL : cc.ProgressTimer.TYPE_BAR;
-            pTimer.setType(ptt);
-            if (fillType !== GUIComponent_1.FillType.RADIAL) {
-                var rate = fillType === GUIComponent_1.FillType.HORIZONTAL ? cc.p(1, 0) : cc.p(0, 1);
-                pTimer.setBarChangeRate(rate);
-            }
-            pTimer.setPercentage(fillRange * 100);
-            pTimer.setMidpoint(fillCenter);
-            bar.node = entity.assign(new NodeComp_1.NodeComp(pTimer, entity));
-        };
-        this.onAddLabelComp = function (_a) {
-            var entity = _a.entity, label = _a.component;
-            var _b = label.props, _c = _b.string, string = _c === void 0 ? '' : _c, _d = _b.font, font = _d === void 0 ? _this.defaultFont : _d, _e = _b.size, size = _e === void 0 ? 64 : _e;
-            var fontName = cc.path.basename(font, '.ttf');
-            var node = new ccui.Text(string, fontName, size);
-            node.setTextVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_BOTTOM);
-            label.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onAddLabelOutlineComp = function (_a) {
-            var entity = _a.entity, outline = _a.component;
-            var _b = outline.props, color = _b.color, width = _b.width;
-            var node = entity.getComponent(NodeComp_1.NodeComp);
-            if (node.instance instanceof ccui.Text) {
-                node.instance.enableOutline(color, width);
-            }
-        };
-        this.onAddLabelShadowComp = function (_a) {
-            var entity = _a.entity, shadow = _a.component;
-            var _b = shadow.props, color = _b.color, blur = _b.blur, offset = _b.offset;
-            var node = entity.getComponent(NodeComp_1.NodeComp);
-            if (node.instance instanceof ccui.Text) {
-                node.instance.enableShadow(color, offset, blur);
-            }
-        };
-        this.onAddScrollViewComp = function (_a) {
-            var entity = _a.entity, scrollView = _a.component;
-            var _b = scrollView.props, viewSize = _b.viewSize, contentSize = _b.contentSize, _c = _b.direction, direction = _c === void 0 ? cc.SCROLLVIEW_DIRECTION_VERTICAL : _c;
-            var node = new cc.ScrollView(viewSize);
-            node.setContentSize(contentSize);
-            node.setViewSize(viewSize);
-            node.setDirection(direction);
-            // node.setContentOffset(cc.p(0, viewSize.height - contentSize.height))
-            // node.setTouchEnabled(false)
-            node.setBounceable(false);
-            scrollView.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onAddBlockInputEventsComp = function (_a) {
-            var entity = _a.entity, blockInput = _a.component;
-            var node = entity.getComponent(NodeComp_1.NodeComp);
-            if (node.instance instanceof ccui.ImageView) {
-                node.instance.setTouchEnabled(true);
-                node.instance.setScale9Enabled(true);
+                button.props.onPress(button);
             }
-            blockInput.node = node;
         };
-        this.onAddInputComp = function (_a) {
-            var entity = _a.entity, textInput = _a.component;
-            var _b = textInput.props, _c = _b.placeHolder, placeHolder = _c === void 0 ? '' : _c, _d = _b.font, font = _d === void 0 ? _this.defaultFont : _d, _e = _b.size, size = _e === void 0 ? 64 : _e, _f = _b.maxLength, maxLength = _f === void 0 ? 20 : _f, _g = _b.isPassword, isPassword = _g === void 0 ? false : _g;
-            var textField = new ccui.TextField();
-            textField.setPlaceHolder(placeHolder);
-            textField.setFontName(font);
-            textField.setFontSize(size);
-            textField.setTextColor(cc.color(255, 255, 255));
-            textField.setMaxLengthEnabled(true);
-            textField.setMaxLength(maxLength);
-            textField.setPasswordEnabled(isPassword);
-            textInput.node = entity.assign(new NodeComp_1.NodeComp(textField, entity));
+        touchComp.props.onTouchEnd = function () {
+            const scale = cc.scaleTo(0.3, lastScaleX, lastScaleY);
+            nodeComp.runAction(scale);
         };
-    }
-    GUISystem.prototype.configure = function (event_manager) {
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ButtonComp, this.onAddButtonComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ProgressTimerComp, this.onAddProgressTimerComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.LabelComp, this.onAddLabelComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.LabelOutlineComp, this.onAddLabelOutlineComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.LabelShadowComp, this.onAddLabelShadowComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ScrollViewComp, this.onAddScrollViewComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.InputComp, this.onAddInputComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.BlockInputEventsComp, this.onAddBlockInputEventsComp);
+        touchComp.props.onTouchCancel = touchComp.props.onTouchEnd;
     };
-    GUISystem.prototype.update = function () {
-        // throw new Error('Method not implemented.');
+    onAddProgressTimerComp = ({ entity, component: bar }) => {
+        const { spriteFrame, fillType = FillType.HORIZONTAL, fillRange = 1, fillCenter = Vec2(1, 0) } = bar.props;
+        const sprite = new cc.Sprite(spriteFrame);
+        const pTimer = new cc.ProgressTimer(sprite);
+        const ptt = fillType === FillType.RADIAL ? cc.ProgressTimer.TYPE_RADIAL : cc.ProgressTimer.TYPE_BAR;
+        pTimer.setType(ptt);
+        if (fillType !== FillType.RADIAL) {
+            const rate = fillType === FillType.HORIZONTAL ? cc.p(1, 0) : cc.p(0, 1);
+            pTimer.setBarChangeRate(rate);
+        }
+        pTimer.setPercentage(fillRange * 100);
+        pTimer.setMidpoint(fillCenter);
+        bar.node = entity.assign(new NodeComp(pTimer, entity));
+    };
+    onAddLabelComp = ({ entity, component: label }) => {
+        const { string = '', font = this.defaultFont, size = 64 } = label.props;
+        const fontName = cc.path.basename(font, '.ttf');
+        const node = new ccui.Text(string, fontName, size);
+        node.setTextVerticalAlignment(cc.VERTICAL_TEXT_ALIGNMENT_BOTTOM);
+        label.node = entity.assign(new NodeComp(node, entity));
+    };
+    onAddLabelOutlineComp = ({ entity, component: outline }) => {
+        const { color, width } = outline.props;
+        const node = entity.getComponent(NodeComp);
+        if (node.instance instanceof ccui.Text) {
+            node.instance.enableOutline(color, width);
+        }
+    };
+    onAddLabelShadowComp = ({ entity, component: shadow }) => {
+        const { color, blur, offset } = shadow.props;
+        const node = entity.getComponent(NodeComp);
+        if (node.instance instanceof ccui.Text) {
+            node.instance.enableShadow(color, offset, blur);
+        }
     };
-    return GUISystem;
-}());
-exports.GUISystem = GUISystem;
+    onAddScrollViewComp = ({ entity, component: scrollView }) => {
+        const { viewSize, contentSize, direction = cc.SCROLLVIEW_DIRECTION_VERTICAL } = scrollView.props;
+        const node = new cc.ScrollView(viewSize);
+        node.setContentSize(contentSize);
+        node.setViewSize(viewSize);
+        node.setDirection(direction);
+        // node.setContentOffset(cc.p(0, viewSize.height - contentSize.height))
+        // node.setTouchEnabled(false)
+        node.setBounceable(false);
+        scrollView.node = entity.assign(new NodeComp(node, entity));
+    };
+    onAddBlockInputEventsComp = ({ entity, component: blockInput }) => {
+        const node = entity.getComponent(NodeComp);
+        if (node.instance instanceof ccui.ImageView) {
+            node.instance.setTouchEnabled(true);
+            node.instance.setScale9Enabled(true);
+        }
+        blockInput.node = node;
+    };
+    onAddInputComp = ({ entity, component: textInput }) => {
+        const { placeHolder = '', font = this.defaultFont, size = 64, maxLength = 20, isPassword = false } = textInput.props;
+        const textField = new ccui.TextField();
+        textField.setPlaceHolder(placeHolder);
+        textField.setFontName(font);
+        textField.setFontSize(size);
+        textField.setTextColor(cc.color(255, 255, 255));
+        textField.setMaxLengthEnabled(true);
+        textField.setMaxLength(maxLength);
+        textField.setPasswordEnabled(isPassword);
+        textInput.node = entity.assign(new NodeComp(textField, entity));
+    };
+    update() {
+        // throw new Error('Method not implemented.');
+    }
+}

package/dist/gworld/systems/NoRenderSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoRenderSystem.d.ts","sourceRoot":"","sources":["../../../src/gworld/systems/NoRenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAM5E,qBAAa,cAAe,YAAW,MAAM;IAC3C,SAAS,CAAC,aAAa,EAAE,YAAY;IAMrC,uBAAuB;;;eAiDtB;IAED,kBAAkB;;eAIjB;IAED,2BAA2B;;eAM1B;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}
+{"version":3,"file":"NoRenderSystem.d.ts","sourceRoot":"","sources":["../../../src/gworld/systems/NoRenderSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAc,MAAM,EAAE,MAAM,YAAY,CAAA;AAM5E,qBAAa,cAAe,YAAW,MAAM;IAC3C,SAAS,CAAC,aAAa,EAAE,YAAY;IAMrC,uBAAuB,GAAI;;;KAAqB,UAiD/C;IAED,kBAAkB,GAAI;;KAAa,UAIlC;IAED,2BAA2B,GAAI;;KAAa,UAM3C;IAED,MAAM,CAAC,QAAQ,EAAE,aAAa,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM;CAIjE"}

package/dist/gworld/systems/NoRenderSystem.js

@@ -1,85 +1,75 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NoRenderSystem = void 0;
-var entityx_ts_1 = require("entityx-ts");
-var NodeComp_1 = require("../components/NodeComp");
-var NoRenderComponent_1 = require("../components/NoRenderComponent");
-var NoRenderSystem = /** @class */ (function () {
-    function NoRenderSystem() {
-        this.onAddTouchEventRegister = function (_a) {
-            var entity = _a.entity, component = _a.component;
-            var ett = entity;
-            var touchComp = component;
-            var nodeComp = ett.getComponent(NodeComp_1.NodeComp);
-            touchComp.node = nodeComp;
-            touchComp.listener = cc.eventManager.addListener({
-                event: cc.EventListener.TOUCH_ONE_BY_ONE,
-                swallowTouches: true,
-                onTouchBegan: function (touch) {
-                    var onTouchStart = touchComp.props.onTouchStart;
-                    // console.log('onTouchBegan', onTouchStart)
-                    if (!nodeComp.parent) {
-                        if (onTouchStart) {
-                            onTouchStart(touch, nodeComp);
-                        }
-                        return true;
-                    }
-                    var p = touch.getLocation();
-                    var rect = nodeComp.getBoundingBox();
-                    var nodeSpaceLocation = nodeComp.parent.convertToNodeSpace(p);
-                    if (rect.contains(nodeSpaceLocation)) {
-                        if (onTouchStart) {
-                            onTouchStart(touch, nodeComp);
-                        }
-                        return true;
+import { EventTypes } from 'entityx-ts';
+import { NodeComp } from '../components/NodeComp';
+import { ExtraDataComp, TouchEventRegister } from '../components/NoRenderComponent';
+export class NoRenderSystem {
+    configure(event_manager) {
+        event_manager.subscribe(EventTypes.ComponentAdded, ExtraDataComp, this.onAddExtraDataComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, TouchEventRegister, this.onAddTouchEventRegister);
+        event_manager.subscribe(EventTypes.ComponentRemoved, TouchEventRegister, this.onRemovedTouchEventRegister);
+    }
+    onAddTouchEventRegister = ({ entity, component }) => {
+        const ett = entity;
+        const touchComp = component;
+        const nodeComp = ett.getComponent(NodeComp);
+        touchComp.node = nodeComp;
+        touchComp.listener = cc.eventManager.addListener({
+            event: cc.EventListener.TOUCH_ONE_BY_ONE,
+            swallowTouches: true,
+            onTouchBegan: function (touch) {
+                const { onTouchStart } = touchComp.props;
+                // console.log('onTouchBegan', onTouchStart)
+                if (!nodeComp.parent) {
+                    if (onTouchStart) {
+                        onTouchStart(touch, nodeComp);
                     }
-                },
-                onTouchMoved: function (touch) {
-                    var onTouchMove = touchComp.props.onTouchMove;
-                    if (!onTouchMove)
-                        return false;
-                    onTouchMove(touch, nodeComp);
-                    return true;
-                },
-                onTouchEnded: function (touch) {
-                    var onTouchEnd = touchComp.props.onTouchEnd;
-                    if (!onTouchEnd)
-                        return false;
-                    onTouchEnd(touch, nodeComp);
                     return true;
-                },
-                onTouchCancelled: function (touch) {
-                    var onTouchCancel = touchComp.props.onTouchCancel;
-                    if (!onTouchCancel)
-                        return false;
-                    onTouchCancel(touch, nodeComp);
+                }
+                const p = touch.getLocation();
+                const rect = nodeComp.getBoundingBox();
+                const nodeSpaceLocation = nodeComp.parent.convertToNodeSpace(p);
+                if (rect.contains(nodeSpaceLocation)) {
+                    if (onTouchStart) {
+                        onTouchStart(touch, nodeComp);
+                    }
                     return true;
-                },
-            }, nodeComp.instance);
-        };
-        this.onAddExtraDataComp = function (_a) {
-            var component = _a.component;
-            var extra = component;
-            var _b = extra.props, key = _b.key, value = _b.value;
-            extra.data[key] = value;
-        };
-        this.onRemovedTouchEventRegister = function (_a) {
-            var component = _a.component;
-            var touchComp = component;
-            if (touchComp.listener) {
-                cc.eventManager.removeListener(touchComp.listener);
-                touchComp.listener = null;
-            }
-        };
-    }
-    NoRenderSystem.prototype.configure = function (event_manager) {
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, NoRenderComponent_1.ExtraDataComp, this.onAddExtraDataComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, NoRenderComponent_1.TouchEventRegister, this.onAddTouchEventRegister);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentRemoved, NoRenderComponent_1.TouchEventRegister, this.onRemovedTouchEventRegister);
+                }
+            },
+            onTouchMoved: function (touch) {
+                const { onTouchMove } = touchComp.props;
+                if (!onTouchMove)
+                    return false;
+                onTouchMove(touch, nodeComp);
+                return true;
+            },
+            onTouchEnded: function (touch) {
+                const { onTouchEnd } = touchComp.props;
+                if (!onTouchEnd)
+                    return false;
+                onTouchEnd(touch, nodeComp);
+                return true;
+            },
+            onTouchCancelled: function (touch) {
+                const { onTouchCancel } = touchComp.props;
+                if (!onTouchCancel)
+                    return false;
+                onTouchCancel(touch, nodeComp);
+                return true;
+            },
+        }, nodeComp.instance);
     };
-    NoRenderSystem.prototype.update = function () {
-        // throw new Error('Method not implemented.');
+    onAddExtraDataComp = ({ component }) => {
+        const extra = component;
+        const { key, value } = extra.props;
+        extra.data[key] = value;
+    };
+    onRemovedTouchEventRegister = ({ component }) => {
+        const touchComp = component;
+        if (touchComp.listener) {
+            cc.eventManager.removeListener(touchComp.listener);
+            touchComp.listener = null;
+        }
     };
-    return NoRenderSystem;
-}());
-exports.NoRenderSystem = NoRenderSystem;
+    update() {
+        // throw new Error('Method not implemented.');
+    }
+}

package/dist/gworld/systems/RenderSystem.js

@@ -1,11 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RenderSystem = exports.SpriteTypes = void 0;
-var entityx_ts_1 = require("entityx-ts");
-var polyfills_1 = require("../../polyfills");
-var NodeComp_1 = require("../components/NodeComp");
-var RenderComponent_1 = require("../components/RenderComponent");
-var SpriteTypes;
+import { EventTypes } from 'entityx-ts';
+import { BLUE, RED } from '../../polyfills';
+import { NodeComp } from '../components/NodeComp';
+import { GraphicsRender, MaskRender, NodeRender, ParticleComp, SpriteRender, TiledMap } from '../components/RenderComponent';
+export var SpriteTypes;
 (function (SpriteTypes) {
     SpriteTypes[SpriteTypes["SIMPLE"] = 0] = "SIMPLE";
     SpriteTypes[SpriteTypes["SLICED"] = 1] = "SLICED";
@@ -13,76 +10,65 @@ var SpriteTypes;
     SpriteTypes[SpriteTypes["FILLED"] = 3] = "FILLED";
     SpriteTypes[SpriteTypes["MESH"] = 4] = "MESH";
     SpriteTypes[SpriteTypes["ANIMATION"] = 5] = "ANIMATION";
-})(SpriteTypes || (exports.SpriteTypes = SpriteTypes = {}));
-var RenderSystem = /** @class */ (function () {
-    function RenderSystem() {
-        this.onAddNodeRender = function (_a) {
-            var entity = _a.entity;
-            var nodeRenderComp = entity.getComponent(RenderComponent_1.NodeRender);
-            var node = new cc.Node();
-            var ett = entity;
-            nodeRenderComp.node = ett.assign(new NodeComp_1.NodeComp(node, ett));
-        };
-        this.onAddSpriteRender = function (_a) {
-            var entity = _a.entity, spriteComp = _a.component;
-            var spriteFrame = spriteComp.props.spriteFrame;
-            var frame = cc.spriteFrameCache.getSpriteFrame(spriteFrame);
-            // console.log('frame', spriteFrame, frame)
-            var node = new cc.Sprite(frame);
-            var ett = entity;
-            spriteComp.node = ett.assign(new NodeComp_1.NodeComp(node, ett));
-        };
-        this.onAddMaskRender = function (_a) {
-            var entity = _a.entity, maskComp = _a.component;
-            var inverted = maskComp.props.inverted;
-            var node = new cc.ClippingNode();
-            node.setInverted(inverted);
-            maskComp.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onAddGraphicsRender = function (_a) {
-            var entity = _a.entity;
-            var graphicsComp = entity.getComponent(RenderComponent_1.GraphicsRender);
-            var _b = graphicsComp.props, _c = _b.lineWidth, lineWidth = _c === void 0 ? 5 : _c, _d = _b.strokeColor, strokeColor = _d === void 0 ? polyfills_1.RED : _d, _e = _b.fillColor, fillColor = _e === void 0 ? polyfills_1.BLUE : _e;
-            var node = new cc.DrawNode();
-            node.setColor(strokeColor);
-            node.setDrawColor(fillColor);
-            node.setLineWidth(lineWidth);
-            graphicsComp.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onAddParticleComp = function (_a) {
-            var entity = _a.entity;
-            var particleComp = entity.getComponent(RenderComponent_1.ParticleComp);
-            var plistFile = particleComp.props.plistFile;
-            var node = new cc.ParticleSystem(plistFile);
-            particleComp.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onAddTiledMap = function (_a) {
-            var entity = _a.entity;
-            var tiledMapComp = entity.getComponent(RenderComponent_1.TiledMap);
-            var mapFile = tiledMapComp.props.mapFile;
-            var node = new cc.TMXTiledMap(mapFile);
-            tiledMapComp.node = entity.assign(new NodeComp_1.NodeComp(node, entity));
-        };
-        this.onRemovedNodeComp = function (_a) {
-            var component = _a.component;
-            var node = component;
-            if (node.instance) {
-                node.instance.removeFromParent(true);
-            }
-        };
+})(SpriteTypes || (SpriteTypes = {}));
+export class RenderSystem {
+    configure(event_manager) {
+        event_manager.subscribe(EventTypes.ComponentAdded, NodeRender, this.onAddNodeRender);
+        event_manager.subscribe(EventTypes.ComponentAdded, SpriteRender, this.onAddSpriteRender);
+        event_manager.subscribe(EventTypes.ComponentAdded, MaskRender, this.onAddMaskRender);
+        event_manager.subscribe(EventTypes.ComponentAdded, GraphicsRender, this.onAddGraphicsRender);
+        event_manager.subscribe(EventTypes.ComponentAdded, ParticleComp, this.onAddParticleComp);
+        event_manager.subscribe(EventTypes.ComponentAdded, TiledMap, this.onAddTiledMap);
+        event_manager.subscribe(EventTypes.ComponentRemoved, NodeComp, this.onRemovedNodeComp);
     }
-    RenderSystem.prototype.configure = function (event_manager) {
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.NodeRender, this.onAddNodeRender);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.SpriteRender, this.onAddSpriteRender);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.MaskRender, this.onAddMaskRender);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.GraphicsRender, this.onAddGraphicsRender);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.ParticleComp, this.onAddParticleComp);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, RenderComponent_1.TiledMap, this.onAddTiledMap);
-        event_manager.subscribe(entityx_ts_1.EventTypes.ComponentRemoved, NodeComp_1.NodeComp, this.onRemovedNodeComp);
+    onAddNodeRender = ({ entity }) => {
+        const nodeRenderComp = entity.getComponent(NodeRender);
+        const node = new cc.Node();
+        const ett = entity;
+        nodeRenderComp.node = ett.assign(new NodeComp(node, ett));
     };
-    RenderSystem.prototype.update = function () {
-        // throw new Error('Method not implemented.');
+    onAddSpriteRender = ({ entity, component: spriteComp }) => {
+        const { spriteFrame } = spriteComp.props;
+        const frame = cc.spriteFrameCache.getSpriteFrame(spriteFrame);
+        // console.log('frame', spriteFrame, frame)
+        const node = new cc.Sprite(frame);
+        const ett = entity;
+        spriteComp.node = ett.assign(new NodeComp(node, ett));
+    };
+    onAddMaskRender = ({ entity, component: maskComp }) => {
+        const { inverted } = maskComp.props;
+        const node = new cc.ClippingNode();
+        node.setInverted(inverted);
+        maskComp.node = entity.assign(new NodeComp(node, entity));
+    };
+    onAddGraphicsRender = ({ entity }) => {
+        const graphicsComp = entity.getComponent(GraphicsRender);
+        const { lineWidth = 5, strokeColor = RED, fillColor = BLUE } = graphicsComp.props;
+        const node = new cc.DrawNode();
+        node.setColor(strokeColor);
+        node.setDrawColor(fillColor);
+        node.setLineWidth(lineWidth);
+        graphicsComp.node = entity.assign(new NodeComp(node, entity));
+    };
+    onAddParticleComp = ({ entity }) => {
+        const particleComp = entity.getComponent(ParticleComp);
+        const { plistFile } = particleComp.props;
+        const node = new cc.ParticleSystem(plistFile);
+        particleComp.node = entity.assign(new NodeComp(node, entity));
     };
-    return RenderSystem;
-}());
-exports.RenderSystem = RenderSystem;
+    onAddTiledMap = ({ entity }) => {
+        const tiledMapComp = entity.getComponent(TiledMap);
+        const { mapFile } = tiledMapComp.props;
+        const node = new cc.TMXTiledMap(mapFile);
+        tiledMapComp.node = entity.assign(new NodeComp(node, entity));
+    };
+    onRemovedNodeComp = ({ component }) => {
+        const node = component;
+        if (node.instance) {
+            node.instance.removeFromParent(true);
+        }
+    };
+    update() {
+        // throw new Error('Method not implemented.');
+    }
+}