@safe-engine/pixi 8.0.4 → 8.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ProgressBar } from '@pixi/ui';
|
|
1
|
+
import { CheckBox, CheckBoxOptions, Input, List, ProgressBar, RadioGroup, Slider, SliderOptions } from '@pixi/ui';
|
|
2
2
|
import { ComponentX, NoRenderComponentX } from '@safe-engine/core';
|
|
3
|
-
import { Container, Point, Text } from 'pixi.js';
|
|
3
|
+
import { Container, FillInput, Point, Text } from 'pixi.js';
|
|
4
4
|
import { Color4B } from '../core/Color';
|
|
5
5
|
import { LoadingBarMode, ProgressTimer } from '../core/LoadingBar';
|
|
6
6
|
import { NodeComp } from './NodeComp';
|
|
@@ -71,5 +71,24 @@ export declare class LabelShadowComp extends NoRenderComponentX<NodeComp> {
|
|
|
71
71
|
blur: number;
|
|
72
72
|
offset: Point;
|
|
73
73
|
}
|
|
74
|
+
export declare class InputComp extends ComponentX<NodeComp<Input>> {
|
|
75
|
+
bg: string;
|
|
76
|
+
fill: FillInput;
|
|
77
|
+
font: string;
|
|
78
|
+
string: string;
|
|
79
|
+
size: number;
|
|
80
|
+
}
|
|
81
|
+
export declare class ListComp extends ComponentX<NodeComp<List>> {
|
|
82
|
+
}
|
|
83
|
+
export declare class SliderComp extends ComponentX<NodeComp<Slider>> {
|
|
84
|
+
bg: string;
|
|
85
|
+
fill: SliderOptions['fill'];
|
|
86
|
+
slider: Container;
|
|
87
|
+
}
|
|
88
|
+
export declare class RadioGroupComp extends ComponentX<NodeComp<RadioGroup>> {
|
|
89
|
+
}
|
|
90
|
+
export declare class CheckBoxComp extends ComponentX<NodeComp<CheckBox>> {
|
|
91
|
+
style: CheckBoxOptions['style'];
|
|
92
|
+
}
|
|
74
93
|
export {};
|
|
75
94
|
//# sourceMappingURL=GUIComponent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/components/GUIComponent.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"GUIComponent.d.ts","sourceRoot":"","sources":["../../src/components/GUIComponent.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LabelShadowComp = exports.LabelOutlineComp = exports.RichTextComp = exports.ProgressTimerComp = exports.BlockInputEventsComp = exports.ScrollView = exports.LabelComp = exports.ProgressBarComp = exports.ButtonComp = exports.FillType = void 0;
|
|
3
|
+
exports.CheckBoxComp = exports.RadioGroupComp = exports.SliderComp = exports.ListComp = exports.InputComp = exports.LabelShadowComp = exports.LabelOutlineComp = exports.RichTextComp = exports.ProgressTimerComp = exports.BlockInputEventsComp = exports.ScrollView = exports.LabelComp = exports.ProgressBarComp = exports.ButtonComp = exports.FillType = void 0;
|
|
4
4
|
const core_1 = require("@safe-engine/core");
|
|
5
5
|
const pixi_js_1 = require("pixi.js");
|
|
6
6
|
const LoadingBar_1 = require("../core/LoadingBar");
|
|
@@ -105,3 +105,22 @@ exports.LabelOutlineComp = LabelOutlineComp;
|
|
|
105
105
|
class LabelShadowComp extends core_1.NoRenderComponentX {
|
|
106
106
|
}
|
|
107
107
|
exports.LabelShadowComp = LabelShadowComp;
|
|
108
|
+
class InputComp extends core_1.ComponentX {
|
|
109
|
+
constructor() {
|
|
110
|
+
super(...arguments);
|
|
111
|
+
this.size = 64;
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
exports.InputComp = InputComp;
|
|
115
|
+
class ListComp extends core_1.ComponentX {
|
|
116
|
+
}
|
|
117
|
+
exports.ListComp = ListComp;
|
|
118
|
+
class SliderComp extends core_1.ComponentX {
|
|
119
|
+
}
|
|
120
|
+
exports.SliderComp = SliderComp;
|
|
121
|
+
class RadioGroupComp extends core_1.ComponentX {
|
|
122
|
+
}
|
|
123
|
+
exports.RadioGroupComp = RadioGroupComp;
|
|
124
|
+
class CheckBoxComp extends core_1.ComponentX {
|
|
125
|
+
}
|
|
126
|
+
exports.CheckBoxComp = CheckBoxComp;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"GUISystem.d.ts","sourceRoot":"","sources":["../../src/systems/GUISystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EACL,YAAY,EAEZ,MAAM,EACP,MAAM,YAAY,CAAA;AAQnB,qBAAa,SAAU,YAAW,MAAM;IACtC,SAAS,CAAC,aAAa,EAAE,YAAY,CAAC,SAAS,CAAC;CAmFjD"}
|
|
@@ -49,6 +49,29 @@ class GUISystem {
|
|
|
49
49
|
const view = new ui_1.ScrollBox({ width, height });
|
|
50
50
|
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
51
51
|
});
|
|
52
|
+
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.ListComp, ({ entity, component }) => {
|
|
53
|
+
const view = new ui_1.List();
|
|
54
|
+
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
55
|
+
});
|
|
56
|
+
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.SliderComp, ({ entity, component }) => {
|
|
57
|
+
const { bg, slider, fill } = component;
|
|
58
|
+
const view = new ui_1.Slider({ bg, fill, slider });
|
|
59
|
+
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
60
|
+
});
|
|
61
|
+
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.RadioGroupComp, ({ entity, component }) => {
|
|
62
|
+
const view = new ui_1.RadioGroup();
|
|
63
|
+
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
64
|
+
});
|
|
65
|
+
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.CheckBoxComp, ({ entity, component }) => {
|
|
66
|
+
const { style } = component;
|
|
67
|
+
const view = new ui_1.CheckBox({ style });
|
|
68
|
+
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
69
|
+
});
|
|
70
|
+
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.InputComp, ({ entity, component }) => {
|
|
71
|
+
const { bg, size = 48, fill } = component;
|
|
72
|
+
const view = new ui_1.Input({ bg, textStyle: { fontSize: size, fill } });
|
|
73
|
+
component.node = entity.assign(new __1.NodeComp(view, entity));
|
|
74
|
+
});
|
|
52
75
|
event_manager.subscribe(entityx_ts_1.EventTypes.ComponentAdded, GUIComponent_1.LabelComp, ({ entity, component }) => {
|
|
53
76
|
// console.log('ComponentAddedEvent LabelComp', component)
|
|
54
77
|
const node = new pixi_js_1.Text();
|