@babylonjs/gui-editor 5.0.0-beta.6 → 5.0.0-beta.7
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.
- package/babylon.guiEditor.max.js +835 -541
- package/babylon.guiEditor.max.js.map +1 -1
- package/babylon.guiEditor.module.d.ts +108 -72
- package/package.json +2 -2
@@ -271,7 +271,7 @@ declare module "@babylonjs/gui-editor/globalState" {
|
|
271
271
|
import { Nullable } from "@babylonjs/core/types";
|
272
272
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
273
273
|
import { LogEntry } from "@babylonjs/gui-editor/components/log/logComponent";
|
274
|
-
import {
|
274
|
+
import { Color3 } from "@babylonjs/core/Maths/math.color";
|
275
275
|
import { WorkbenchComponent } from "@babylonjs/gui-editor/diagram/workbench";
|
276
276
|
import { AdvancedDynamicTexture } from "@babylonjs/gui/2D/advancedDynamicTexture";
|
277
277
|
import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedUiComponents/propertyChangedEvent";
|
@@ -305,7 +305,7 @@ declare module "@babylonjs/gui-editor/globalState" {
|
|
305
305
|
onNewSceneObservable: Observable<Nullable<Scene>>;
|
306
306
|
onGuiNodeRemovalObservable: Observable<Control>;
|
307
307
|
onPopupClosedObservable: Observable<void>;
|
308
|
-
|
308
|
+
_backgroundColor: Color3;
|
309
309
|
blockKeyboardEvents: boolean;
|
310
310
|
controlCamera: boolean;
|
311
311
|
selectionLock: boolean;
|
@@ -330,6 +330,7 @@ declare module "@babylonjs/gui-editor/globalState" {
|
|
330
330
|
onWindowResizeObservable: Observable<void>;
|
331
331
|
onGizmoUpdateRequireObservable: Observable<void>;
|
332
332
|
onArtBoardUpdateRequiredObservable: Observable<void>;
|
333
|
+
onBackgroundColorChangeObservable: Observable<void>;
|
333
334
|
draggedControl: Nullable<Control>;
|
334
335
|
draggedControlDirection: DragOverLocation;
|
335
336
|
isSaving: boolean;
|
@@ -344,6 +345,8 @@ declare module "@babylonjs/gui-editor/globalState" {
|
|
344
345
|
action: (data: string) => Promise<string>;
|
345
346
|
};
|
346
347
|
constructor();
|
348
|
+
get backgroundColor(): Color3;
|
349
|
+
set backgroundColor(value: Color3);
|
347
350
|
}
|
348
351
|
}
|
349
352
|
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/buttonLineComponent" {
|
@@ -377,6 +380,20 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/fileButtonLineCom
|
|
377
380
|
render(): JSX.Element;
|
378
381
|
}
|
379
382
|
}
|
383
|
+
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/targetsProxy" {
|
384
|
+
import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedUiComponents/propertyChangedEvent";
|
385
|
+
import { Observable } from "@babylonjs/core/Misc/observable";
|
386
|
+
export const conflictingValuesPlaceholder = "\u2014";
|
387
|
+
/**
|
388
|
+
*
|
389
|
+
* @param propertyName the property that the input changes
|
390
|
+
* @param targets a list of selected targets
|
391
|
+
* @param defaultValue the value that should be returned when two targets have conflicting values
|
392
|
+
* @param setter an optional setter function to override the default setter behavior
|
393
|
+
* @returns a proxy object that can be passed as a target into the input
|
394
|
+
*/
|
395
|
+
export function makeTargetsProxy(targets: any[], onPropertyChangedObservable?: Observable<PropertyChangedEvent>): {};
|
396
|
+
}
|
380
397
|
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/checkBoxLineComponent" {
|
381
398
|
import * as React from "react";
|
382
399
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
@@ -398,6 +415,7 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/checkBoxLineCompo
|
|
398
415
|
export class CheckBoxLineComponent extends React.Component<ICheckBoxLineComponentProps, {
|
399
416
|
isSelected: boolean;
|
400
417
|
isDisabled?: boolean;
|
418
|
+
isConflict: boolean;
|
401
419
|
}> {
|
402
420
|
private static _UniqueIdSeed;
|
403
421
|
private _uniqueId;
|
@@ -406,6 +424,7 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/checkBoxLineCompo
|
|
406
424
|
shouldComponentUpdate(nextProps: ICheckBoxLineComponentProps, nextState: {
|
407
425
|
isSelected: boolean;
|
408
426
|
isDisabled: boolean;
|
427
|
+
isConflict: boolean;
|
409
428
|
}): boolean;
|
410
429
|
onChange(): void;
|
411
430
|
render(): JSX.Element;
|
@@ -476,6 +495,7 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/floatLineComponen
|
|
476
495
|
private _store;
|
477
496
|
constructor(props: IFloatLineComponentProps);
|
478
497
|
componentWillUnmount(): void;
|
498
|
+
getValueString(value: any): string;
|
479
499
|
shouldComponentUpdate(nextProps: IFloatLineComponentProps, nextState: {
|
480
500
|
value: string;
|
481
501
|
}): boolean;
|
@@ -697,52 +717,59 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/colorPickerCompon
|
|
697
717
|
constructor(props: IColorPickerComponentProps);
|
698
718
|
syncPositions(): void;
|
699
719
|
shouldComponentUpdate(nextProps: IColorPickerComponentProps, nextState: IColorPickerComponentState): boolean;
|
720
|
+
getHexString(props?: Readonly<IColorPickerComponentProps> & Readonly<{
|
721
|
+
children?: React.ReactNode;
|
722
|
+
}>): string;
|
700
723
|
componentDidUpdate(): void;
|
701
724
|
componentDidMount(): void;
|
702
725
|
render(): JSX.Element;
|
703
726
|
}
|
704
727
|
}
|
705
|
-
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/
|
728
|
+
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/colorLineComponent" {
|
706
729
|
import * as React from "react";
|
707
730
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
731
|
+
import { Color4 } from "@babylonjs/core/Maths/math.color";
|
708
732
|
import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedUiComponents/propertyChangedEvent";
|
709
|
-
import { Color3, Color4 } from "@babylonjs/core/Maths/math.color";
|
710
733
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
711
|
-
export interface
|
734
|
+
export interface IColorLineComponentProps {
|
712
735
|
label: string;
|
713
|
-
target
|
736
|
+
target?: any;
|
714
737
|
propertyName: string;
|
715
738
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
739
|
+
onChange?: () => void;
|
716
740
|
isLinear?: boolean;
|
717
741
|
icon?: string;
|
718
|
-
lockObject?: LockObject;
|
719
742
|
iconLabel?: string;
|
720
|
-
|
743
|
+
lockObject?: LockObject;
|
744
|
+
disableAlpha?: boolean;
|
721
745
|
}
|
722
|
-
|
746
|
+
interface IColorLineComponentState {
|
723
747
|
isExpanded: boolean;
|
724
|
-
color:
|
725
|
-
|
726
|
-
}
|
727
|
-
|
728
|
-
constructor(props:
|
729
|
-
|
730
|
-
|
731
|
-
|
732
|
-
|
733
|
-
|
734
|
-
|
735
|
-
|
748
|
+
color: Color4;
|
749
|
+
colorString: string;
|
750
|
+
}
|
751
|
+
export class ColorLineComponent extends React.Component<IColorLineComponentProps, IColorLineComponentState> {
|
752
|
+
constructor(props: IColorLineComponentProps);
|
753
|
+
shouldComponentUpdate(nextProps: IColorLineComponentProps, nextState: IColorLineComponentState): boolean;
|
754
|
+
getValue(props?: Readonly<IColorLineComponentProps> & Readonly<{
|
755
|
+
children?: React.ReactNode;
|
756
|
+
}>): Color4;
|
757
|
+
getValueAsString(props?: Readonly<IColorLineComponentProps> & Readonly<{
|
758
|
+
children?: React.ReactNode;
|
759
|
+
}>): string;
|
760
|
+
setColorFromString(colorString: string): void;
|
761
|
+
setColor(color: Color4): void;
|
762
|
+
updateColor(newColor: Color4): void;
|
736
763
|
switchExpandState(): void;
|
737
|
-
raiseOnPropertyChanged(previousValue: Color3 | Color4): void;
|
738
764
|
updateStateR(value: number): void;
|
739
765
|
updateStateG(value: number): void;
|
740
766
|
updateStateB(value: number): void;
|
767
|
+
updateStateA(value: number): void;
|
741
768
|
copyToClipboard(): void;
|
742
|
-
|
743
|
-
|
744
|
-
private
|
745
|
-
private
|
769
|
+
get colorString(): string;
|
770
|
+
set colorString(_: string);
|
771
|
+
private convertToColor;
|
772
|
+
private toColor3;
|
746
773
|
render(): JSX.Element;
|
747
774
|
}
|
748
775
|
}
|
@@ -753,7 +780,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/c
|
|
753
780
|
import { Control } from "@babylonjs/gui/2D/controls/control";
|
754
781
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
755
782
|
interface ICommonControlPropertyGridComponentProps {
|
756
|
-
|
783
|
+
controls: Control[];
|
757
784
|
lockObject: LockObject;
|
758
785
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
759
786
|
}
|
@@ -775,7 +802,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/s
|
|
775
802
|
import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
|
776
803
|
import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
|
777
804
|
interface ISliderPropertyGridComponentProps {
|
778
|
-
|
805
|
+
sliders: (Slider | ImageBasedSlider)[];
|
779
806
|
lockObject: LockObject;
|
780
807
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
781
808
|
}
|
@@ -791,7 +818,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/s
|
|
791
818
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
792
819
|
import { Slider } from "@babylonjs/gui/2D/controls/sliders/slider";
|
793
820
|
interface ISliderGenericPropertyGridComponentProps {
|
794
|
-
|
821
|
+
sliders: Slider[];
|
795
822
|
lockObject: LockObject;
|
796
823
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
797
824
|
}
|
@@ -807,7 +834,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/l
|
|
807
834
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
808
835
|
import { Line } from "@babylonjs/gui/2D/controls/line";
|
809
836
|
interface ILinePropertyGridComponentProps {
|
810
|
-
|
837
|
+
lines: Line[];
|
811
838
|
lockObject: LockObject;
|
812
839
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
813
840
|
}
|
@@ -824,7 +851,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/r
|
|
824
851
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
825
852
|
import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
|
826
853
|
interface IRadioButtonPropertyGridComponentProps {
|
827
|
-
|
854
|
+
radioButtons: RadioButton[];
|
828
855
|
lockObject: LockObject;
|
829
856
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
830
857
|
}
|
@@ -874,7 +901,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/t
|
|
874
901
|
import { TextBlock } from "@babylonjs/gui/2D/controls/textBlock";
|
875
902
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
876
903
|
interface ITextBlockPropertyGridComponentProps {
|
877
|
-
|
904
|
+
textBlocks: TextBlock[];
|
878
905
|
lockObject: LockObject;
|
879
906
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
880
907
|
}
|
@@ -890,7 +917,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/i
|
|
890
917
|
import { InputText } from "@babylonjs/gui/2D/controls/inputText";
|
891
918
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
892
919
|
interface IInputTextPropertyGridComponentProps {
|
893
|
-
|
920
|
+
inputTexts: InputText[];
|
894
921
|
lockObject: LockObject;
|
895
922
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
896
923
|
}
|
@@ -899,6 +926,26 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/i
|
|
899
926
|
render(): JSX.Element;
|
900
927
|
}
|
901
928
|
}
|
929
|
+
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/color3LineComponent" {
|
930
|
+
import * as React from "react";
|
931
|
+
import { Observable } from "@babylonjs/core/Misc/observable";
|
932
|
+
import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedUiComponents/propertyChangedEvent";
|
933
|
+
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
934
|
+
export interface IColor3LineComponentProps {
|
935
|
+
label: string;
|
936
|
+
target: any;
|
937
|
+
propertyName: string;
|
938
|
+
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
939
|
+
isLinear?: boolean;
|
940
|
+
icon?: string;
|
941
|
+
lockObject?: LockObject;
|
942
|
+
iconLabel?: string;
|
943
|
+
onValueChange?: (value: string) => void;
|
944
|
+
}
|
945
|
+
export class Color3LineComponent extends React.Component<IColor3LineComponentProps> {
|
946
|
+
render(): JSX.Element;
|
947
|
+
}
|
948
|
+
}
|
902
949
|
declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/colorPickerPropertyGridComponent" {
|
903
950
|
import * as React from "react";
|
904
951
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
@@ -906,7 +953,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/c
|
|
906
953
|
import { ColorPicker } from "@babylonjs/gui/2D/controls/colorpicker";
|
907
954
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
908
955
|
interface IColorPickerPropertyGridComponentProps {
|
909
|
-
|
956
|
+
colorPickers: ColorPicker[];
|
910
957
|
lockObject: LockObject;
|
911
958
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
912
959
|
}
|
@@ -922,7 +969,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/i
|
|
922
969
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
923
970
|
import { Image } from "@babylonjs/gui/2D/controls/image";
|
924
971
|
interface IImagePropertyGridComponentProps {
|
925
|
-
|
972
|
+
images: Image[];
|
926
973
|
lockObject: LockObject;
|
927
974
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
928
975
|
}
|
@@ -938,7 +985,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/i
|
|
938
985
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
939
986
|
import { ImageBasedSlider } from "@babylonjs/gui/2D/controls/sliders/imageBasedSlider";
|
940
987
|
interface IImageBasedSliderPropertyGridComponentProps {
|
941
|
-
|
988
|
+
imageBasedSliders: ImageBasedSlider[];
|
942
989
|
lockObject: LockObject;
|
943
990
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
944
991
|
}
|
@@ -954,7 +1001,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/r
|
|
954
1001
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
955
1002
|
import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
|
956
1003
|
interface IRectanglePropertyGridComponentProps {
|
957
|
-
|
1004
|
+
rectangles: Rectangle[];
|
958
1005
|
lockObject: LockObject;
|
959
1006
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
960
1007
|
}
|
@@ -970,7 +1017,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/s
|
|
970
1017
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
971
1018
|
import { StackPanel } from "@babylonjs/gui/2D/controls/stackPanel";
|
972
1019
|
interface IStackPanelPropertyGridComponentProps {
|
973
|
-
|
1020
|
+
stackPanels: StackPanel[];
|
974
1021
|
lockObject: LockObject;
|
975
1022
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
976
1023
|
}
|
@@ -986,7 +1033,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/g
|
|
986
1033
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
987
1034
|
import { Grid } from "@babylonjs/gui/2D/controls/grid";
|
988
1035
|
interface IGridPropertyGridComponentProps {
|
989
|
-
|
1036
|
+
grids: Grid[];
|
990
1037
|
lockObject: LockObject;
|
991
1038
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
992
1039
|
}
|
@@ -1022,7 +1069,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/s
|
|
1022
1069
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1023
1070
|
import { ScrollViewer } from "@babylonjs/gui/2D/controls/scrollViewers/scrollViewer";
|
1024
1071
|
interface IScrollViewerPropertyGridComponentProps {
|
1025
|
-
|
1072
|
+
scrollViewers: ScrollViewer[];
|
1026
1073
|
lockObject: LockObject;
|
1027
1074
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1028
1075
|
}
|
@@ -1038,7 +1085,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/e
|
|
1038
1085
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1039
1086
|
import { Ellipse } from "@babylonjs/gui/2D/controls/ellipse";
|
1040
1087
|
interface IEllipsePropertyGridComponentProps {
|
1041
|
-
|
1088
|
+
ellipses: Ellipse[];
|
1042
1089
|
lockObject: LockObject;
|
1043
1090
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1044
1091
|
}
|
@@ -1054,7 +1101,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/c
|
|
1054
1101
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1055
1102
|
import { Checkbox } from "@babylonjs/gui/2D/controls/checkbox";
|
1056
1103
|
interface ICheckboxPropertyGridComponentProps {
|
1057
|
-
|
1104
|
+
checkboxes: Checkbox[];
|
1058
1105
|
lockObject: LockObject;
|
1059
1106
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1060
1107
|
}
|
@@ -1070,7 +1117,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/c
|
|
1070
1117
|
import { Control } from "@babylonjs/gui/2D/controls/control";
|
1071
1118
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1072
1119
|
interface IControlPropertyGridComponentProps {
|
1073
|
-
|
1120
|
+
controls: Control[];
|
1074
1121
|
lockObject: LockObject;
|
1075
1122
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1076
1123
|
}
|
@@ -1107,7 +1154,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/d
|
|
1107
1154
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1108
1155
|
import { DisplayGrid } from "@babylonjs/gui/2D/controls/displayGrid";
|
1109
1156
|
interface IDisplayGridPropertyGridComponentProps {
|
1110
|
-
|
1157
|
+
displayGrids: DisplayGrid[];
|
1111
1158
|
lockObject: LockObject;
|
1112
1159
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1113
1160
|
}
|
@@ -1123,7 +1170,7 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyGrids/gui/b
|
|
1123
1170
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1124
1171
|
import { Rectangle } from "@babylonjs/gui/2D/controls/rectangle";
|
1125
1172
|
interface IButtonPropertyGridComponentProps {
|
1126
|
-
|
1173
|
+
rectangles: Rectangle[];
|
1127
1174
|
lockObject: LockObject;
|
1128
1175
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1129
1176
|
onAddComponent: (newComponent: string) => void;
|
@@ -1179,9 +1226,13 @@ declare module "@babylonjs/gui-editor/components/propertyTab/propertyTabComponen
|
|
1179
1226
|
saveToSnippetServerHelper: (content: string, adt: AdvancedDynamicTexture) => Promise<string>;
|
1180
1227
|
saveToSnippetServer: () => Promise<void>;
|
1181
1228
|
loadFromSnippet(): void;
|
1182
|
-
renderNode(
|
1183
|
-
|
1184
|
-
|
1229
|
+
renderNode(nodes: Control[]): JSX.Element;
|
1230
|
+
/**
|
1231
|
+
* returns the class name of a list of controls if they share a class, or an empty string if not
|
1232
|
+
*/
|
1233
|
+
getControlsCommonClassName(nodes: Control[]): string;
|
1234
|
+
renderProperties(nodes: Control[]): JSX.Element | undefined;
|
1235
|
+
renderControlIcon(nodes: Control[]): string;
|
1185
1236
|
render(): JSX.Element | null;
|
1186
1237
|
}
|
1187
1238
|
}
|
@@ -1789,36 +1840,20 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/lines/booleanLineCompon
|
|
1789
1840
|
declare module "@babylonjs/gui-editor/sharedUiComponents/lines/color4LineComponent" {
|
1790
1841
|
import * as React from "react";
|
1791
1842
|
import { Observable } from "@babylonjs/core/Misc/observable";
|
1792
|
-
import { Color4 } from "@babylonjs/core/Maths/math.color";
|
1793
1843
|
import { PropertyChangedEvent } from "@babylonjs/gui-editor/sharedUiComponents/propertyChangedEvent";
|
1844
|
+
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
1794
1845
|
export interface IColor4LineComponentProps {
|
1795
1846
|
label: string;
|
1796
|
-
target
|
1847
|
+
target?: any;
|
1797
1848
|
propertyName: string;
|
1798
1849
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
1799
1850
|
onChange?: () => void;
|
1800
1851
|
isLinear?: boolean;
|
1801
1852
|
icon?: string;
|
1802
1853
|
iconLabel?: string;
|
1854
|
+
lockObject?: LockObject;
|
1803
1855
|
}
|
1804
|
-
export class Color4LineComponent extends React.Component<IColor4LineComponentProps
|
1805
|
-
isExpanded: boolean;
|
1806
|
-
color: Color4;
|
1807
|
-
}> {
|
1808
|
-
private _localChange;
|
1809
|
-
constructor(props: IColor4LineComponentProps);
|
1810
|
-
shouldComponentUpdate(nextProps: IColor4LineComponentProps, nextState: {
|
1811
|
-
color: Color4;
|
1812
|
-
}): boolean;
|
1813
|
-
setPropertyValue(newColor: Color4): void;
|
1814
|
-
onChange(newValue: string): void;
|
1815
|
-
switchExpandState(): void;
|
1816
|
-
raiseOnPropertyChanged(previousValue: Color4): void;
|
1817
|
-
updateStateR(value: number): void;
|
1818
|
-
updateStateG(value: number): void;
|
1819
|
-
updateStateB(value: number): void;
|
1820
|
-
updateStateA(value: number): void;
|
1821
|
-
copyToClipboard(): void;
|
1856
|
+
export class Color4LineComponent extends React.Component<IColor4LineComponentProps> {
|
1822
1857
|
render(): JSX.Element;
|
1823
1858
|
}
|
1824
1859
|
}
|
@@ -2097,14 +2132,15 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/gui/
|
|
2097
2132
|
import { Control } from "@babylonjs/gui/2D/controls/control";
|
2098
2133
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
2099
2134
|
interface ICommonControlPropertyGridComponentProps {
|
2100
|
-
|
2135
|
+
controls?: Control[];
|
2136
|
+
control?: Control;
|
2101
2137
|
lockObject: LockObject;
|
2102
2138
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
2103
2139
|
}
|
2104
2140
|
export class CommonControlPropertyGridComponent extends React.Component<ICommonControlPropertyGridComponentProps> {
|
2105
2141
|
constructor(props: ICommonControlPropertyGridComponentProps);
|
2106
|
-
renderGridInformation(): JSX.Element | null;
|
2107
|
-
render(): JSX.Element;
|
2142
|
+
renderGridInformation(control: Control): JSX.Element | null;
|
2143
|
+
render(): JSX.Element | undefined;
|
2108
2144
|
}
|
2109
2145
|
}
|
2110
2146
|
declare module "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/gui/checkboxPropertyGridComponent" {
|
@@ -2261,7 +2297,7 @@ declare module "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/gui/
|
|
2261
2297
|
import { LockObject } from "@babylonjs/gui-editor/sharedUiComponents/tabs/propertyGrids/lockObject";
|
2262
2298
|
import { RadioButton } from "@babylonjs/gui/2D/controls/radioButton";
|
2263
2299
|
interface IRadioButtonPropertyGridComponentProps {
|
2264
|
-
|
2300
|
+
radioButtons: RadioButton[];
|
2265
2301
|
lockObject: LockObject;
|
2266
2302
|
onPropertyChangedObservable?: Observable<PropertyChangedEvent>;
|
2267
2303
|
}
|
package/package.json
CHANGED
@@ -4,14 +4,14 @@
|
|
4
4
|
},
|
5
5
|
"name": "@babylonjs/gui-editor",
|
6
6
|
"description": "The Babylon.js GUI editor.",
|
7
|
-
"version": "5.0.0-beta.
|
7
|
+
"version": "5.0.0-beta.7",
|
8
8
|
"repository": {
|
9
9
|
"type": "git",
|
10
10
|
"url": "https://github.com/BabylonJS/Babylon.js.git"
|
11
11
|
},
|
12
12
|
"license": "Apache-2.0",
|
13
13
|
"dependencies": {
|
14
|
-
"@babylonjs/core": "5.0.0-beta.
|
14
|
+
"@babylonjs/core": "5.0.0-beta.7",
|
15
15
|
"tslib": "^2.3.1"
|
16
16
|
},
|
17
17
|
"files": [
|