@omnia/fx-models 8.0.178-dev → 8.0.180-dev
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/internal-do-not-import-from-here/shared/models/velcron/VelcronDefinition.d.ts +13 -12
- package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts +20 -9
- package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +10 -0
- package/package.json +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import { IFontAwesomeIcon } from "@omnia/fx-models";
|
1
|
+
import { IFontAwesomeIcon, VelcronOverflowValues } from "@omnia/fx-models";
|
2
2
|
import { DynamicState } from "../DynamicState";
|
3
3
|
import { VelcronEvent, VelcronOnActiveEvent, VelcronOnEditModeEvent, VelcronOnLoadEvent, VelcronOnPersistingStateEvent, VelcronOnSavingEvent } from "./VelcronEvents";
|
4
4
|
/**
|
@@ -38,16 +38,16 @@ interface VelcronDimensionStyling {
|
|
38
38
|
spacingType?: VelcronSpacingTypes;
|
39
39
|
}
|
40
40
|
export interface VelcronStyling {
|
41
|
-
margin?:
|
42
|
-
marginTop?: number;
|
43
|
-
marginRight?: number;
|
44
|
-
marginBottom?: number;
|
45
|
-
marginLeft?: number;
|
46
|
-
padding?: number;
|
47
|
-
paddingTop?: number;
|
48
|
-
paddingRight?: number;
|
49
|
-
paddingBottom?: number;
|
50
|
-
paddingLeft?: number;
|
41
|
+
margin?: string;
|
42
|
+
marginTop?: number | string;
|
43
|
+
marginRight?: number | string;
|
44
|
+
marginBottom?: number | string;
|
45
|
+
marginLeft?: number | string;
|
46
|
+
padding?: number | string;
|
47
|
+
paddingTop?: number | string;
|
48
|
+
paddingRight?: number | string;
|
49
|
+
paddingBottom?: number | string;
|
50
|
+
paddingLeft?: number | string;
|
51
51
|
height?: number | string;
|
52
52
|
width?: number | string;
|
53
53
|
}
|
@@ -60,7 +60,7 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
|
|
60
60
|
icon?: any;
|
61
61
|
}
|
62
62
|
export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
|
63
|
-
export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference";
|
63
|
+
export type BuiltInPropertyEditorType = "text" | "number" | "slider" | "switch" | "alignment" | "color" | "markdown" | "icon" | "image" | "typography" | "spacing" | "color-schema-type" | "blueprint" | "background" | "grid" | "reference" | "select";
|
64
64
|
export type EditorLocation = "inline " | "pane" | "toolbar";
|
65
65
|
export interface VelcronEditor<TSettings = any> {
|
66
66
|
name?: string;
|
@@ -89,6 +89,7 @@ export interface VelcronAppDefinition<TState extends DynamicState = DynamicState
|
|
89
89
|
computed?: {
|
90
90
|
[name: string]: Array<string>;
|
91
91
|
};
|
92
|
+
overflow?: VelcronOverflowValues;
|
92
93
|
}
|
93
94
|
export type VelcronBindableProp<TPropType = string> = TPropType | string;
|
94
95
|
export declare function velcronBind<TPropType = string>(bindPath: string): VelcronBindableProp<TPropType>;
|
@@ -154,21 +154,26 @@ export interface VelcronRenderProp {
|
|
154
154
|
export interface VelcronDefinitionHasEffects {
|
155
155
|
effects?: VelcronEffects;
|
156
156
|
}
|
157
|
+
export interface VelcronDefinitionHasOverflow {
|
158
|
+
overflow?: VelcronOverflowValues;
|
159
|
+
overflowX?: VelcronOverflowValues;
|
160
|
+
overflowY?: VelcronOverflowValues;
|
161
|
+
}
|
157
162
|
/*** Built-in Components *********************************************************************/
|
158
|
-
export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorStyling {
|
163
|
+
export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasOverflow {
|
159
164
|
type: "flex";
|
160
165
|
events?: VelcronOnPressEvent;
|
161
166
|
border?: VelcronBorder;
|
162
167
|
borderRadius?: VelcronDimensions;
|
163
168
|
}
|
164
|
-
export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects {
|
169
|
+
export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow {
|
165
170
|
type: "row";
|
166
171
|
events?: VelcronOnPressEvent;
|
167
172
|
direction?: VelcronBindableProp<"row" | "row-reverse">;
|
168
|
-
|
173
|
+
position?: VelcronBindableProp<VelcronPosition>;
|
174
|
+
zIndex?: VelcronBindableProp<number>;
|
169
175
|
blueprint?: ContainerBlueprint | ContainerVariant;
|
170
176
|
background?: BackgroundDefinition;
|
171
|
-
hideOverflow?: boolean;
|
172
177
|
wrap?: boolean;
|
173
178
|
gapX?: number | string;
|
174
179
|
gapY?: number | string;
|
@@ -180,12 +185,18 @@ export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColo
|
|
180
185
|
height?: number | string;
|
181
186
|
minHeight?: number | string;
|
182
187
|
}
|
183
|
-
export interface
|
188
|
+
export interface VelcronPosition extends VelcronDimensions {
|
189
|
+
type: "absolute" | "fixed" | "relative" | "sticky";
|
190
|
+
}
|
191
|
+
export type VelcronOverflowValues = "visible" | "hidden" | "scroll" | "auto";
|
192
|
+
export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling, VelcronDefinitionHasEffects, VelcronDefinitionHasOverflow {
|
184
193
|
type: "column";
|
185
194
|
events?: VelcronOnPressEvent;
|
186
195
|
grow?: number;
|
187
196
|
alignY?: VelcronVerticalAlignments;
|
197
|
+
position?: VelcronPosition;
|
188
198
|
absolute?: VelcronSpacing;
|
199
|
+
zIndex?: number;
|
189
200
|
width?: number | string;
|
190
201
|
minWidth?: number | string;
|
191
202
|
}
|
@@ -306,10 +317,10 @@ export interface VelcronEditorRendererDefinition extends VelcronDefinition {
|
|
306
317
|
events?: VelcronOnUpdatedEvent;
|
307
318
|
}
|
308
319
|
export interface VelcronDimensions {
|
309
|
-
top
|
310
|
-
right
|
311
|
-
bottom
|
312
|
-
left
|
320
|
+
top?: number | string;
|
321
|
+
right?: number | string;
|
322
|
+
bottom?: number | string;
|
323
|
+
left?: number | string;
|
313
324
|
}
|
314
325
|
export interface VelcronBorder extends VelcronDimensions {
|
315
326
|
colorType?: string;
|
package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts
CHANGED
@@ -18,6 +18,13 @@ export interface VelcronMarkdownEditorSettings {
|
|
18
18
|
}
|
19
19
|
export interface VelcronSpacingEditorSettings {
|
20
20
|
individualSelection: boolean;
|
21
|
+
mode?: "default" | "position";
|
22
|
+
}
|
23
|
+
export interface VelcronSelectEditorSettings {
|
24
|
+
options: Array<{
|
25
|
+
title: string;
|
26
|
+
value: string;
|
27
|
+
}>;
|
21
28
|
}
|
22
29
|
export interface VelcronTextEditorSettings {
|
23
30
|
type: TypographyType;
|
@@ -85,3 +92,6 @@ export interface VelcronBackgroundEditor extends VelcronEditor<VelcronBackground
|
|
85
92
|
export interface VelcronGridEditor extends VelcronEditor<any> {
|
86
93
|
type: "grid";
|
87
94
|
}
|
95
|
+
export interface VelcronSelectEditor extends VelcronEditor<VelcronSelectEditorSettings> {
|
96
|
+
type: "select";
|
97
|
+
}
|