fix: setSize not being overridden

pixijs · Aug 16, 2024 · 2e862c7 · 2e862c7
1 parent f71bf3c
commit 2e862c7
Show file tree

Hide file tree

Showing 6 changed files with 155 additions and 4 deletions.
diff --git a/src/DoubleSlider.ts b/src/DoubleSlider.ts
@@ -1,4 +1,4 @@
-import { Container, FederatedPointerEvent } from 'pixi.js';
+import { Container, FederatedPointerEvent, Optional, Size } from 'pixi.js';
 import { Signal } from 'typed-signals';
 import { DoubleSliderOptions, SliderBase } from './SliderBase';
 
@@ -307,4 +307,12 @@ export class DoubleSlider extends SliderBase
     {
         return super.height;
     }
+
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        super.setSize(value, height);
+
+        this.updateSlider1();
+        this.updateSlider2();
+    }
 }
diff --git a/src/FancyButton.ts b/src/FancyButton.ts
@@ -6,7 +6,7 @@ import { fitToView } from './utils/helpers/fit';
 import { AnyText, getTextView, PixiText } from './utils/helpers/text';
 import { getView } from './utils/helpers/view';
 
-import type { Sprite } from 'pixi.js';
+import type { Optional, Size, Sprite } from 'pixi.js';
 
 type State = 'default' | 'hover' | 'pressed' | 'disabled';
 type Pos = { x?: number; y?: number };
@@ -1044,4 +1044,35 @@ export class FancyButton extends ButtonContainer
     {
         return super.height;
     }
+
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        if (this.options?.nineSliceSprite)
+        {
+            if (this._views.defaultView)
+            {
+                this._views.defaultView.setSize(value, height);
+            }
+            if (this._views.hoverView)
+            {
+                this._views.hoverView.setSize(value, height);
+            }
+            if (this._views.pressedView)
+            {
+                this._views.pressedView.setSize(value, height);
+            }
+            if (this._views.disabledView)
+            {
+                this._views.disabledView.setSize(value, height);
+            }
+
+            this.adjustTextView(this.state);
+            this.adjustIconView(this.state);
+            this.updateAnchor();
+        }
+        else
+        {
+            super.setSize(value, height);
+        }
+    }
 }
diff --git a/src/Input.ts b/src/Input.ts
@@ -5,6 +5,8 @@ import {
     Graphics,
     isMobile,
     NineSliceSprite,
+    Optional,
+    Size,
     Sprite,
     Text,
     TextStyleOptions,
@@ -652,4 +654,40 @@ export class Input extends Container
     {
         return super.height;
     }
+
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        if (this.options?.nineSliceSprite)
+        {
+            if (this._bg)
+            {
+                this._bg.setSize(value, height);
+            }
+
+            if (this.inputMask)
+            {
+                if (typeof value === 'object')
+                {
+                    height = value.height ?? value.width;
+                    value = value.width;
+                }
+                else
+                {
+                    height = height ?? value;
+                }
+
+                this.inputMask.setSize(
+                    value - this.paddingLeft - this.paddingRight,
+                    height - this.paddingTop - this.paddingBottom
+                );
+                this.inputMask.position.set(this.paddingLeft, this.paddingTop);
+            }
+
+            this.align();
+        }
+        else
+        {
+            super.setSize(value, height);
+        }
+    }
 }
diff --git a/src/ProgressBar.ts b/src/ProgressBar.ts
@@ -1,4 +1,4 @@
-import { Container, Graphics, NineSliceSprite as PixiNineSliceSprite, Sprite, Texture } from 'pixi.js';
+import { Container, Graphics, NineSliceSprite as PixiNineSliceSprite, Optional, Size, Sprite, Texture } from 'pixi.js';
 import { getSpriteView } from './utils/helpers/view';
 
 type FillPaddings = {
@@ -334,4 +334,42 @@ export class ProgressBar extends Container
     {
         return super.height;
     }
+
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        if (this.options?.nineSliceSprite)
+        {
+            if (this.bg)
+            {
+                this.bg.setSize(value, height);
+            }
+
+            if (this.fill)
+            {
+                if (typeof value === 'object')
+                {
+                    height = value.height ?? value.width;
+                    value = value.width;
+                }
+                else
+                {
+                    height = height ?? value;
+                }
+
+                const topPadding = this.options.fillPaddings?.top ?? 0;
+                const bottomPadding = this.options.fillPaddings?.bottom ?? 0;
+                const leftPadding = this.options.fillPaddings?.left ?? 0;
+                const rightPadding = this.options.fillPaddings?.right ?? 0;
+
+                this.fill.setSize(value - leftPadding - rightPadding, height - topPadding - bottomPadding);
+                this.fillMask.setSize(value - leftPadding - rightPadding, height - topPadding - bottomPadding);
+            }
+
+            this.progress = this._progress;
+        }
+        else
+        {
+            super.setSize(value, height);
+        }
+    }
 }
diff --git a/src/ScrollBox.ts b/src/ScrollBox.ts
@@ -6,8 +6,10 @@ import {
     FederatedPointerEvent,
     Graphics,
     isMobile,
+    Optional,
     Point,
     PointData,
+    Size,
     Ticker,
 } from 'pixi.js';
 import { Signal } from 'typed-signals';
@@ -772,6 +774,34 @@ export class ScrollBox extends Container
         this.scrollTop();
     }
 
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        if (typeof value === 'object')
+        {
+            height = value.height ?? value.width;
+            value = value.width;
+        }
+        else
+        {
+            height = height ?? value;
+        }
+
+        this.__width = value;
+        this.__height = height;
+        this._dimensionChanged = true;
+        this.resize();
+        this.scrollTop();
+    }
+
+    override getSize(out?: Size): Size
+    {
+        out = out || { width: 0, height: 0 };
+        out.width = this.__width;
+        out.height = this.__height;
+
+        return out;
+    }
+
     /** Gets the current raw scroll position on the x-axis (Negated Value). */
     get scrollX(): number
     {

diff --git a/src/Slider.ts b/src/Slider.ts
@@ -1,4 +1,4 @@
-import { Container, FederatedPointerEvent } from 'pixi.js';
+import { Container, FederatedPointerEvent, Optional, Size } from 'pixi.js';
 import { Signal } from 'typed-signals';
 import { BaseSliderOptions, SliderBase } from './SliderBase';
 
@@ -191,4 +191,10 @@ export class Slider extends SliderBase
     {
         return super.height;
     }
+
+    override setSize(value: number | Optional<Size, 'height'>, height?: number): void
+    {
+        super.setSize(value, height);
+        this.updateSlider();
+    }
 }