phavuer - npm Package Compare versions

Comparing version 0.7.0 to 0.7.1

dist/phavuer.min.js

@@ -1,1 +0,1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],t):"object"==typeof exports?exports.Phavuer=t(require("Vue")):e.Phavuer=t(e.Vue)}(this,(function(e){return(()=>{"use strict";var t={344:(e,t,i)=>{i.r(t),i.d(t,{Body:()=>m,Circle:()=>d,Container:()=>l,Image:()=>p,Light:()=>v,Line:()=>c,Rectangle:()=>a,RoundRectangle:()=>h,Scene:()=>o,Sprite:()=>g,StaticBody:()=>b,Text:()=>u,TilemapLayer:()=>y,Zone:()=>f,createPhavuerApp:()=>x,initGameObject:()=>w,onPostUpdate:()=>S,onPreUpdate:()=>O,refObj:()=>X,refScene:()=>k,refTo:()=>Y});var s=i(5);const r=e=>{e.input?e.input.hitArea.setSize(e.width,e.height):e._events&&(e._events.pointerdown||e._events.pointerup)&&e.setInteractive()},n={active:e=>t=>e.setActive(t),visible:e=>t=>e.setVisible(t),x:e=>t=>e.setPosition(t,e.y),y:e=>t=>e.setPosition(e.x,t),x1:e=>t=>e.x1=t,y1:e=>t=>e.y1=t,x2:e=>t=>e.x2=t,y2:e=>t=>e.y2=t,rotation:e=>t=>e.setRotation(t),origin:e=>t=>e.setOrigin(t,t),originX:e=>t=>e.setOrigin(t,e.originY),originY:e=>t=>e.setOrigin(e.originX,t),scale:e=>t=>e.setScale(t,t),scaleX:e=>t=>e.setScale(t,e.scaleY),scaleY:e=>t=>e.setScale(e.scaleX,t),width:e=>t=>{e.setSize(t,e.height),r(e)},height:e=>t=>{e.setSize(e.width,t),r(e)},radius:e=>t=>e.setRadius(t),displayWidth:e=>t=>e.setDisplaySize(t,e.displayHeight),displayHeight:e=>t=>e.setDisplaySize(e.displayWidth,t),displayOriginX:e=>t=>e.setDisplayOrigin(t,e.displayOriginY),displayOriginY:e=>t=>e.setDisplayOrigin(e.displayOriginX,t),flipX:e=>t=>e.setFlipX(t),flipY:e=>t=>e.setFlipY(t),depth:e=>t=>e.setDepth(t),alpha:e=>t=>e.setAlpha(t),blendMode:e=>t=>e.setBlendMode(t),pipeline:e=>t=>e.setPipeline(t),intensity:e=>t=>e.setIntensity(t),tint:e=>t=>e.setTint(t),text:e=>t=>e.setText(t),texture:e=>t=>e.setTexture(t),frame:e=>t=>e.setFrame(t),color:e=>t=>e.setColor(t),fillColor:e=>t=>e.setFillStyle(t,e.fillAlpha),fillAlpha:e=>t=>e.setFillStyle(e.fillColor,t),lineWidth:e=>(t,i)=>{e.setLineWidth?e.setLineWidth(t,i):e.setStrokeStyle(...t?[t,e.strokeColor,e.strokeAlpha]:[])},strokeColor:e=>t=>e.setStrokeStyle(e.lineWidth,t,e.strokeAlpha),strokeAlpha:e=>t=>e.setStrokeStyle(e.lineWidth,e.strokeColor,t),style:e=>t=>e.setStyle(t),lineSpacing:e=>t=>e.setLineSpacing(t),padding:e=>t=>e.setPadding(t),collision:e=>t=>e.setCollision(t),collisionByProperty:e=>t=>e.setCollisionByProperty(t),enable:e=>t=>e.enable=t,immovable:e=>t=>e.setImmovable(t),moves:e=>t=>e.moves=t,bounceX:e=>t=>e.setBounceX(t),bounceY:e=>t=>e.setBounceY(t),drag:e=>t=>e.setDrag(t),dragX:e=>t=>e.setDragX(t),dragY:e=>t=>e.setDragY(t),gravityX:e=>t=>e.setGravityX(t),gravityY:e=>t=>e.setGravityY(t),frictionX:e=>t=>e.setFrictionX(t),frictionY:e=>t=>e.setFrictionY(t),velocityX:e=>t=>e.setVelocityX(t),velocityY:e=>t=>e.setVelocityY(t),maxVelocityX:e=>t=>e.setMaxVelocityX(t),maxVelocityY:e=>t=>e.setMaxVelocityY(t),accelerationX:e=>t=>e.setAccelerationX(t),accelerationY:e=>t=>e.setAccelerationY(t),offsetX:e=>t=>e.setOffset(t,e.offset.y),offsetY:e=>t=>e.setOffset(e.offset.x,t),tween:e=>t=>{e.tween&&e.tween.stop(),t&&(e.tween=e.scene.add.tween(Object.assign({},t,{targets:e})))}},o={props:{name:{type:String,require:!0},autoStart:{type:Boolean,default:!0}},setup(e,t){const i=(0,s.ref)(!0),r=[],n=[],o=class extends Phaser.Scene{init(e){i.value=!0,t.emit("init",this,e)}create(e){t.emit("create",this,e)}update(e,i){r.forEach((t=>t(e,i))),t.emit("update",this,e,i),n.forEach((t=>t(e,i)))}preload(){t.emit("preload",this)}},l=(0,s.inject)("game").scene.add(e.name,o,e.autoStart);return l.events.on("shutdown",(()=>i.value=!1)),(0,s.provide)("scene",l),(0,s.provide)("preUpdateEvents",r),(0,s.provide)("postUpdateEvents",n),{scene:l,show:i}},render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[r.show?(0,s.renderSlot)(e.$slots,"default",{key:0}):(0,s.createCommentVNode)("v-if",!0)])}},l={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Container(i,e.x||0,e.y||0);return w(r,e,t),(0,s.provide)("container",r),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","width","height","rotation","x","y","depth","alpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},a={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Rectangle(i,e.x||0,e.y||0,e.width,e.height);return w(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},h={setup(e,t){const i=(0,s.inject)("scene");class r extends Phaser.GameObjects.Graphics{constructor(e,t,i,s,r,n){super(e,t,i,s,r),this._originX=0,this._originY=0,this._width=s||0,this._height=r||0,this._radius=n||0,this._fillColor=null,this._fillAlpha=1,this._lineWidth=0,this._strokeColor=null,this._strokeAlpha=1,this.setRenderFlag(!0)}preUpdate(...e){this.renderFlag&&this.render()}setRenderFlag(e){this.renderFlag=e}render(){this.setRenderFlag(!1);const e=this.originX*-this.width,t=this.originY*-this.height,i="number"==typeof this.radius?Math.min(this.radius,this.width.half,this.height.half):this.radius;this.clear(),null!==this.fillColor&&(this.fillStyle(this.fillColor,this.fillAlpha),this.fillRoundedRect(e,t,this.width,this.height,i)),this.lineWidth&&null!==this.strokeColor&&(this.lineStyle(this.lineWidth,this.strokeColor,this.strokeAlpha),this.strokeRoundedRect(e,t,this.width,this.height,i))}get originX(){return this._originX}set originX(e){this._originX=e,this.setRenderFlag(!0)}get originY(){return this._originY}set originY(e){this._originY=e,this.setRenderFlag(!0)}setOrigin(e,t){return this.originX=e,this.originY=void 0===t?e:t,this}get radius(){return this._radius}set radius(e){return this._radius=e}setRadius(e){return this.radius=e,this}get width(){return this._width}set width(e){this._width=e,this.fixSize(),this.setRenderFlag(!0)}get height(){return this._height}set height(e){this._height=e,this.fixSize(),this.setRenderFlag(!0)}setSize(e,t){return void 0!==e&&(this.width=e),void 0!==t&&(this.height=t),this}fixSize(){this.input&&this.input.hitArea.setSize(this.width,this.height),this.body&&this.body.setSize(this.width,this.height)}get displayWidth(){return Math.abs(this.scaleX*this.width)}set displayWidth(e){this.scaleX=e/this.width}get displayHeight(){return Math.abs(this.scaleY*this.height)}set displayHeight(e){this.scaleY=e/this.height}get fillColor(){return this._fillColor}set fillColor(e){this._fillColor=e,this.setRenderFlag(!0)}get fillAlpha(){return this._fillAlpha}set fillAlpha(e){this._fillAlpha=e,this.setRenderFlag(!0)}setFillStyle(e,t){return void 0!==e&&(this.fillColor=e),void 0!==t&&(this.fillAlpha=t),this}get lineWidth(){return this._lineWidth}set lineWidth(e){this._lineWidth=e,this.setRenderFlag(!0)}get strokeColor(){return this._strokeColor}set strokeColor(e){this._strokeColor=e,this.setRenderFlag(!0)}get strokeAlpha(){return this._strokeAlpha}set strokeAlpha(e){this._strokeAlpha=e,this.setRenderFlag(!0)}setStrokeStyle(e,t,i){return void 0!==e&&(this.lineWidth=e),void 0!==t&&(this.strokeColor=t),void 0!==i&&(this.strokeAlpha=i),this}}const n=new r(i,e.x||0,e.y||0,e.width,e.height,e.radius);return w(n,e,t),(0,s.provide)("gameObject",n),{object:n}},props:["tween","visible","x","y","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha","radius"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},d={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Arc(i,e.x||0,e.y||0,e.radius);return w(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","radius","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},c={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Line(i,e.x||0,e.y||0,e.x1,e.y1,e.x2,e.y2);return w(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","x1","y1","x2","y2","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},p={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Image(i,e.x||0,e.y||0,e.texture);return w(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","blendMode","pipeline","texture","frame","tint","flipX","flipY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},g={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Sprite(i,e.x||0,e.y||0,e.texture);return w(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","blendMode","pipeline","texture","frame","tint","flipX","flipY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},u={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Text(i,e.x||0,e.y||0,e.text);return w(r,e,t),{object:r}},props:["tween","visible","text","rotation","x","y","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","style","lineSpacing","padding"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},y={props:["tween","visible","x","y","width","height","depth","pipeline","tilemap","layerIndex","tileset","collision","collisionByProperty"],setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.Tilemaps.TilemapLayer(i,e.tilemap,e.layerIndex,e.tileset,e.x||0,e.y||0);return w(r,e,t),{object:r}},render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},f={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Zone(i,e.x||0,e.y||0,e.width,e.height);return w(r,e,t),{object:r}},props:["tween","active","x","y","width","height","origin","originX","originY","displayOriginX","displayOriginY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},v={setup(e,t){(0,s.inject)("scene");const i=new Phaser.GameObjects.Light(e.x||0,e.y||0);return w(i,e,t),{object:i}},props:["tween","visible","x","y","radius","color","intensity"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},b={setup(e,t){const i=(0,s.inject)("scene"),r=(0,s.inject)("gameObject"),n=i.physics.add.existing(r,Phaser.Physics.Arcade.STATIC_BODY).body;w(n,e,t)},props:["width","height","offsetX","offsetY","enable"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},m={setup(e,t){const i=(0,s.inject)("scene"),r=(0,s.inject)("gameObject"),n=i.physics.add.existing(r,Phaser.Physics.Arcade.DYNAMIC_BODY).body;w(n,e,t)},props:["width","height","offsetX","offsetY","enable","immovable","moves","bounceX","bounceY","drag","dragX","dragY","gravityX","gravityY","frictionX","frictionY","velocityX","velocityY","maxVelocityX","maxVelocityY","accelerationX","accelerationY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},x=(e,t)=>{const i=(0,s.createApp)(t);i.provide("game",e),i.provide("scene",null),i.provide("container",null);const r=window.document.createElement("div");return document.body.appendChild(r),i.mount(r)},w=(e,t,i)=>{const r="bounce"in e,o=e.constructor===Phaser.GameObjects.Light,l=(0,s.inject)("scene");if(o)l.lights.active||l.lights.enable(),l.lights.lights.push(e);else if(r);else{l.add.existing(e);const t=(0,s.inject)("container");t&&t.add([e])}return Object.keys(t).forEach((i=>{if(!n[i])return;const r=n[i](e);r(t[i]),(0,s.watch)((()=>t[i]),r,{deep:!0})})),i.attrs.onCreate&&i.emit("create",e),(i.attrs.onPointerdown||i.attrs.onPointerup)&&(e.setInteractive(),i.attrs.onPointerdown&&e.on("pointerdown",((...e)=>i.emit("pointerdown",...e))),i.attrs.onPointerup&&e.on("pointerup",((...e)=>i.emit("pointerup",...e)))),(0,s.onBeforeUnmount)((()=>{e.tween&&e.tween.stop()})),o?(0,s.onBeforeUnmount)((()=>l.lights.removeLight(e))):(0,s.onBeforeUnmount)((()=>e.destroy())),e},Y=(e,t)=>(0,s.customRef)(((i,s)=>({get:()=>(i(),e),set(i){e&&i||(e=i?i[t]:null,s())}}))),X=e=>Y(e,"object"),k=e=>Y(e,"scene"),j=e=>t=>{const i=(0,s.inject)(e);i.push(t),(0,s.onBeforeUnmount)((()=>{const e=i.findIndex((e=>e===t));i.splice(e,1)}))},O=j("preUpdateEvents"),S=j("postUpdateEvents")},5:t=>{t.exports=e}},i={};function s(e){if(i[e])return i[e].exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}return s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s(344)})()}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("Vue")):"function"==typeof define&&define.amd?define(["Vue"],t):"object"==typeof exports?exports.Phavuer=t(require("Vue")):e.Phavuer=t(e.Vue)}(this,(function(e){return(()=>{"use strict";var t={344:(e,t,i)=>{i.r(t),i.d(t,{Body:()=>x,Circle:()=>c,Container:()=>a,Image:()=>u,Light:()=>b,Line:()=>p,Rectangle:()=>h,RoundRectangle:()=>d,Scene:()=>l,Sprite:()=>g,StaticBody:()=>m,Text:()=>y,TilemapLayer:()=>f,Zone:()=>v,createPhavuerApp:()=>w,initGameObject:()=>Y,onPostUpdate:()=>B,onPreUpdate:()=>S,refObj:()=>k,refScene:()=>j,refTo:()=>X});var s=i(5);const r=e=>{e.input?e.input.hitArea.setSize(e.width,e.height):e._events&&(e._events.pointerdown||e._events.pointerup)&&e.setInteractive()},n=["tween","style"],o={active:e=>t=>e.setActive(t),visible:e=>t=>e.setVisible(t),x:e=>t=>e.setPosition(t,e.y),y:e=>t=>e.setPosition(e.x,t),x1:e=>t=>e.x1=t,y1:e=>t=>e.y1=t,x2:e=>t=>e.x2=t,y2:e=>t=>e.y2=t,rotation:e=>t=>e.setRotation(t),origin:e=>t=>e.setOrigin(t,t),originX:e=>t=>e.setOrigin(t,e.originY),originY:e=>t=>e.setOrigin(e.originX,t),scale:e=>t=>e.setScale(t,t),scaleX:e=>t=>e.setScale(t,e.scaleY),scaleY:e=>t=>e.setScale(e.scaleX,t),width:e=>t=>{e.setSize(t,e.height),r(e)},height:e=>t=>{e.setSize(e.width,t),r(e)},radius:e=>t=>e.setRadius(t),displayWidth:e=>t=>e.setDisplaySize(t,e.displayHeight),displayHeight:e=>t=>e.setDisplaySize(e.displayWidth,t),displayOriginX:e=>t=>e.setDisplayOrigin(t,e.displayOriginY),displayOriginY:e=>t=>e.setDisplayOrigin(e.displayOriginX,t),flipX:e=>t=>e.setFlipX(t),flipY:e=>t=>e.setFlipY(t),depth:e=>t=>e.setDepth(t),alpha:e=>t=>e.setAlpha(t),blendMode:e=>t=>e.setBlendMode(t),pipeline:e=>t=>e.setPipeline(t),intensity:e=>t=>e.setIntensity(t),tint:e=>t=>e.setTint(t),text:e=>t=>e.setText(t),texture:e=>t=>e.setTexture(t),frame:e=>t=>e.setFrame(t),color:e=>t=>e.setColor(t),fillColor:e=>t=>e.setFillStyle(t,e.fillAlpha),fillAlpha:e=>t=>e.setFillStyle(e.fillColor,t),lineWidth:e=>(t,i)=>{e.setLineWidth?e.setLineWidth(t,i):e.setStrokeStyle(...t?[t,e.strokeColor,e.strokeAlpha]:[])},strokeColor:e=>t=>e.setStrokeStyle(e.lineWidth,t,e.strokeAlpha),strokeAlpha:e=>t=>e.setStrokeStyle(e.lineWidth,e.strokeColor,t),style:e=>t=>e.setStyle(t),lineSpacing:e=>t=>e.setLineSpacing(t),padding:e=>t=>e.setPadding(t),collision:e=>t=>e.setCollision(t),collisionByProperty:e=>t=>e.setCollisionByProperty(t),enable:e=>t=>e.enable=t,immovable:e=>t=>e.setImmovable(t),moves:e=>t=>e.moves=t,bounceX:e=>t=>e.setBounceX(t),bounceY:e=>t=>e.setBounceY(t),drag:e=>t=>e.setDrag(t),dragX:e=>t=>e.setDragX(t),dragY:e=>t=>e.setDragY(t),gravityX:e=>t=>e.setGravityX(t),gravityY:e=>t=>e.setGravityY(t),frictionX:e=>t=>e.setFrictionX(t),frictionY:e=>t=>e.setFrictionY(t),velocityX:e=>t=>e.setVelocityX(t),velocityY:e=>t=>e.setVelocityY(t),maxVelocityX:e=>t=>e.setMaxVelocityX(t),maxVelocityY:e=>t=>e.setMaxVelocityY(t),accelerationX:e=>t=>e.setAccelerationX(t),accelerationY:e=>t=>e.setAccelerationY(t),offsetX:e=>t=>e.setOffset(t,e.offset.y),offsetY:e=>t=>e.setOffset(e.offset.x,t),tween:e=>t=>{e.tween&&e.tween.stop(),t&&(e.tween=e.scene.add.tween(Object.assign({},t,{targets:e})))}},l={props:{name:{type:String,require:!0},autoStart:{type:Boolean,default:!0}},setup(e,t){const i=(0,s.ref)(!0),r=[],n=[],o=class extends Phaser.Scene{init(e){i.value=!0,t.emit("init",this,e)}create(e){t.emit("create",this,e)}update(e,i){r.forEach((t=>t(e,i))),t.emit("update",this,e,i),n.forEach((t=>t(e,i)))}preload(){t.emit("preload",this)}},l=(0,s.inject)("game").scene.add(e.name,o,e.autoStart);return l.events.on("shutdown",(()=>i.value=!1)),(0,s.provide)("scene",l),(0,s.provide)("preUpdateEvents",r),(0,s.provide)("postUpdateEvents",n),{scene:l,show:i}},render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[r.show?(0,s.renderSlot)(e.$slots,"default",{key:0}):(0,s.createCommentVNode)("v-if",!0)])}},a={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Container(i,e.x||0,e.y||0);return Y(r,e,t),(0,s.provide)("container",r),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","width","height","rotation","x","y","depth","alpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},h={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Rectangle(i,e.x||0,e.y||0,e.width,e.height);return Y(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},d={setup(e,t){const i=(0,s.inject)("scene");class r extends Phaser.GameObjects.Graphics{constructor(e,t,i,s,r,n){super(e,t,i,s,r),this._originX=0,this._originY=0,this._width=s||0,this._height=r||0,this._radius=n||0,this._fillColor=null,this._fillAlpha=1,this._lineWidth=0,this._strokeColor=null,this._strokeAlpha=1,this.setRenderFlag(!0)}preUpdate(...e){this.renderFlag&&this.render()}setRenderFlag(e){this.renderFlag=e}render(){this.setRenderFlag(!1);const e=this.originX*-this.width,t=this.originY*-this.height,i="number"==typeof this.radius?Math.min(this.radius,this.width.half,this.height.half):this.radius;this.clear(),null!==this.fillColor&&(this.fillStyle(this.fillColor,this.fillAlpha),this.fillRoundedRect(e,t,this.width,this.height,i)),this.lineWidth&&null!==this.strokeColor&&(this.lineStyle(this.lineWidth,this.strokeColor,this.strokeAlpha),this.strokeRoundedRect(e,t,this.width,this.height,i))}get originX(){return this._originX}set originX(e){this._originX=e,this.setRenderFlag(!0)}get originY(){return this._originY}set originY(e){this._originY=e,this.setRenderFlag(!0)}setOrigin(e,t){return this.originX=e,this.originY=void 0===t?e:t,this}get radius(){return this._radius}set radius(e){return this._radius=e}setRadius(e){return this.radius=e,this}get width(){return this._width}set width(e){this._width=e,this.fixSize(),this.setRenderFlag(!0)}get height(){return this._height}set height(e){this._height=e,this.fixSize(),this.setRenderFlag(!0)}setSize(e,t){return void 0!==e&&(this.width=e),void 0!==t&&(this.height=t),this}fixSize(){this.input&&this.input.hitArea.setSize(this.width,this.height),this.body&&this.body.setSize(this.width,this.height)}get displayWidth(){return Math.abs(this.scaleX*this.width)}set displayWidth(e){this.scaleX=e/this.width}get displayHeight(){return Math.abs(this.scaleY*this.height)}set displayHeight(e){this.scaleY=e/this.height}get fillColor(){return this._fillColor}set fillColor(e){this._fillColor=e,this.setRenderFlag(!0)}get fillAlpha(){return this._fillAlpha}set fillAlpha(e){this._fillAlpha=e,this.setRenderFlag(!0)}setFillStyle(e,t){return void 0!==e&&(this.fillColor=e),void 0!==t&&(this.fillAlpha=t),this}get lineWidth(){return this._lineWidth}set lineWidth(e){this._lineWidth=e,this.setRenderFlag(!0)}get strokeColor(){return this._strokeColor}set strokeColor(e){this._strokeColor=e,this.setRenderFlag(!0)}get strokeAlpha(){return this._strokeAlpha}set strokeAlpha(e){this._strokeAlpha=e,this.setRenderFlag(!0)}setStrokeStyle(e,t,i){return void 0!==e&&(this.lineWidth=e),void 0!==t&&(this.strokeColor=t),void 0!==i&&(this.strokeAlpha=i),this}}const n=new r(i,e.x||0,e.y||0,e.width,e.height,e.radius);return Y(n,e,t),(0,s.provide)("gameObject",n),{object:n}},props:["tween","visible","x","y","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha","radius"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},c={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Arc(i,e.x||0,e.y||0,e.radius);return Y(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","radius","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","fillColor","fillAlpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},p={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Line(i,e.x||0,e.y||0,e.x1,e.y1,e.x2,e.y2);return Y(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","x1","y1","x2","y2","rotation","width","height","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","lineWidth","strokeColor","strokeAlpha"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},u={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Image(i,e.x||0,e.y||0,e.texture);return Y(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","blendMode","pipeline","texture","frame","tint","flipX","flipY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},g={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Sprite(i,e.x||0,e.y||0,e.texture);return Y(r,e,t),(0,s.provide)("gameObject",r),{object:r}},props:["tween","visible","x","y","rotation","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","blendMode","pipeline","texture","frame","tint","flipX","flipY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div",null,[(0,s.renderSlot)(e.$slots,"default")])}},y={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Text(i,e.x||0,e.y||0,e.text);return Y(r,e,t),{object:r}},props:["tween","visible","text","rotation","x","y","origin","originX","originY","displayOriginX","displayOriginY","scale","scaleX","scaleY","displayWidth","displayHeight","depth","alpha","style","lineSpacing","padding"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},f={props:["tween","visible","x","y","width","height","depth","pipeline","tilemap","layerIndex","tileset","collision","collisionByProperty"],setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.Tilemaps.TilemapLayer(i,e.tilemap,e.layerIndex,e.tileset,e.x||0,e.y||0);return Y(r,e,t),{object:r}},render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},v={setup(e,t){const i=(0,s.inject)("scene"),r=new Phaser.GameObjects.Zone(i,e.x||0,e.y||0,e.width,e.height);return Y(r,e,t),{object:r}},props:["tween","active","x","y","width","height","origin","originX","originY","displayOriginX","displayOriginY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},b={setup(e,t){(0,s.inject)("scene");const i=new Phaser.GameObjects.Light(e.x||0,e.y||0);return Y(i,e,t),{object:i}},props:["tween","visible","x","y","radius","color","intensity"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},m={setup(e,t){const i=(0,s.inject)("scene"),r=(0,s.inject)("gameObject"),n=i.physics.add.existing(r,Phaser.Physics.Arcade.STATIC_BODY).body;Y(n,e,t)},props:["width","height","offsetX","offsetY","enable"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},x={setup(e,t){const i=(0,s.inject)("scene"),r=(0,s.inject)("gameObject"),n=i.physics.add.existing(r,Phaser.Physics.Arcade.DYNAMIC_BODY).body;Y(n,e,t)},props:["width","height","offsetX","offsetY","enable","immovable","moves","bounceX","bounceY","drag","dragX","dragY","gravityX","gravityY","frictionX","frictionY","velocityX","velocityY","maxVelocityX","maxVelocityY","accelerationX","accelerationY"],render:function(e,t,i,r,n,o){return(0,s.openBlock)(),(0,s.createBlock)("div")}},w=(e,t)=>{const i=(0,s.createApp)(t);i.provide("game",e),i.provide("scene",null),i.provide("container",null);const r=window.document.createElement("div");return document.body.appendChild(r),i.mount(r)},Y=(e,t,i)=>{const r="bounce"in e,l=e.constructor===Phaser.GameObjects.Light,a=(0,s.inject)("scene");if(l)a.lights.active||a.lights.enable(),a.lights.lights.push(e);else if(r);else{a.add.existing(e);const t=(0,s.inject)("container");t&&t.add([e])}const h=Object.keys(t).map((i=>{if(!o[i])return;const r=o[i](e);return r(t[i]),(0,s.watch)((()=>t[i]),r,{deep:n.includes(i)})}));return i.attrs.onCreate&&i.emit("create",e),(i.attrs.onPointerdown||i.attrs.onPointerup)&&(e.setInteractive(),i.attrs.onPointerdown&&e.on("pointerdown",((...e)=>i.emit("pointerdown",...e))),i.attrs.onPointerup&&e.on("pointerup",((...e)=>i.emit("pointerup",...e)))),(0,s.onBeforeUnmount)((()=>{e.tween&&e.tween.stop(),h.forEach((e=>e()))})),l?(0,s.onBeforeUnmount)((()=>a.lights.removeLight(e))):(0,s.onBeforeUnmount)((()=>e.destroy())),e},X=(e,t)=>(0,s.customRef)(((i,s)=>({get:()=>(i(),e),set(i){e&&i||(e=i?i[t]:null,s())}}))),k=e=>X(e,"object"),j=e=>X(e,"scene"),O=e=>t=>{const i=(0,s.inject)(e);i.push(t),(0,s.onBeforeUnmount)((()=>{const e=i.findIndex((e=>e===t));i.splice(e,1)}))},S=O("preUpdateEvents"),B=O("postUpdateEvents")},5:t=>{t.exports=e}},i={};function s(e){if(i[e])return i[e].exports;var r=i[e]={exports:{}};return t[e](r,r.exports,s),r.exports}return s.d=(e,t)=>{for(var i in t)s.o(t,i)&&!s.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},s.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),s.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s(344)})()}));

package.json

 {
   "name": "phavuer",
-  "version": "0.7.0",
+  "version": "0.7.1",
   "description": "Reactive template engine based on Vue 3 for Phaser 3",
@@ -5,0 +5,0 @@ "main": "src/index.js",

README.md

@@ -14,5 +14,5 @@ # Phavuer
 
-- [Phavuer vs Phaser's plane API](https://codepen.io/laineus/pen/pobgxdE?editors=0010) - Source code of an example UI that written in both of them.
-- [Phavuer Example Shooter](https://github.com/laineus/phavuer-example) - Source code of simple shooter that written in Phavuer (You can play it.)
-- [Phavuer RPG Example](https://github.com/laineus/phavuer-rpg-example) - RPG example (This is just a usage example. not a Game.)
+- [Phavuer vs Phaser's plane API](https://codepen.io/laineus/pen/pobgxdE?editors=0010) - Compilation by example UI.
+- [Phavuer Example Shooter](https://github.com/laineus/phavuer-example) - A simple shooter that written in Phavuer.
+- [Phavuer RPG Example](https://github.com/laineus/phavuer-rpg-example) - An RPG example (This is just a usage example. Not a completed Game.)
 
@@ -19,0 +19,0 @@ \*\*\* **Attention** \*\*\*

src/index.js

 import { createApp, inject, watch, onBeforeUnmount, customRef } from 'vue'
-import setters from './setters'
+import { default as setters, deepProps } from './setters'
 import Scene from './components/Scene'
@@ -47,7 +47,7 @@ import Container from './components/Container'
   // Make it reactive
-  Object.keys(props).forEach(key => {
+  const watchStoppers = Object.keys(props).map(key => {
     if (!setters[key]) return
     const setter = setters[key](object)
     setter(props[key])
-    watch(() => props[key], setter, { deep: true })
+    return watch(() => props[key], setter, { deep: deepProps.includes(key) })
   })
@@ -65,2 +65,3 @@ // Set event
     if (object.tween) object.tween.stop()
+    watchStoppers.forEach(stop => stop())
   })
@@ -67,0 +68,0 @@ if (isLight) {

src/setters.js

@@ -8,2 +8,4 @@ const fixSize = object => {
 }
+
+export const deepProps = ['tween', 'style']
 export default {
@@ -10,0 +12,0 @@ active: object => v => object.setActive(v),

No alert changes

Improved metrics

Total package byte prevSize

102967

increased by0.96%

Lines of code

243

increased by0.83%

No dependency changes