@omnia/fx 7.0.498-dev → 7.0.500-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/index.d.ts +2 -2
- package/internal-do-not-import-from-here/manifests/omnia.fx.core.manifest.json +1 -1
- package/internal-do-not-import-from-here/manifests/omnia.fx.ux.manifest.json +1 -1
- package/internal-do-not-import-from-here/shared/models/index.d.ts +1 -0
- package/internal-do-not-import-from-here/shared/models/index.js +1 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +60 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.js +24 -0
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +29 -0
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +11 -0
- package/internal-do-not-import-from-here/shared/models/theming/index.d.ts +2 -0
- package/internal-do-not-import-from-here/shared/models/theming/index.js +5 -0
- package/internal-do-not-import-from-here/stores/VersionedLayoutStore.d.ts +10 -6
- package/internal-do-not-import-from-here/ux/Exposes.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/UxModels.d.ts +4 -0
- package/internal-do-not-import-from-here/ux/app/management/tabs/templates/tabs/CustomSteps.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/datetimezonepicker/IDateTimeZonePicker.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/filterengine/handler/FilterEngineHandler.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/identities/loc/Localize.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/richtexteditor/RichTextEditor.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/signin/loc/localize.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/social/IPeopleTagging.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/social/PeopleTagging.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts +0 -1
- package/internal-do-not-import-from-here/ux/theming/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/theming-v2/ColorManager.d.ts +6 -0
- package/internal-do-not-import-from-here/ux/theming-v2/ThemeStoreV2.d.ts +29 -0
- package/internal-do-not-import-from-here/ux/theming-v2/index.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/Colors.d.ts +94 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/Themes.d.ts +47 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/TypographyTypes.d.ts +13 -0
- package/internal-do-not-import-from-here/ux/theming-v2/themes/index.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/use/UseClone.d.ts +19 -3
- package/internal-do-not-import-from-here/ux/velcron/blocks/VelcronBlockSettings.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/velcron/core/index.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/velcron/core/models/Enums.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +18 -10
- package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDescriptors.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronConstants.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronData.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/velcron/core/parser/VelcronStyles.d.ts +16 -5
- package/internal-do-not-import-from-here/ux/velcron/core/stores/VelcronStore.d.ts +12 -0
- package/internal-do-not-import-from-here/ux/velcron/core/stores/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/VelcronEditor.css.d.ts +18 -2
- package/internal-do-not-import-from-here/ux/velcron/editor/components/ContainerRenderer.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/ContainerRendererStyles.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker.css.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/ColorSchemaPicker/ColorSchemaPicker.d.ts +18 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorpicker/ColorPicker.css.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/colorpicker/ColorPicker.d.ts +18 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/typographypicker/TypographyPicker.css.d.ts +3 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/components/pickers/typographypicker/TypographyPicker.d.ts +18 -0
- package/internal-do-not-import-from-here/ux/velcron/editor/models/BuiltInDescriptors.d.ts +1 -2
- package/internal-do-not-import-from-here/ux/velcron/editor/stores/VelcronEditorStore.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/VelcronRenderer.css.d.ts +3 -1
- package/internal-do-not-import-from-here/ux/velcron/renderer/components/{Section.d.ts → FlexView.d.ts} +2 -2
- package/internal-do-not-import-from-here/ux/versionedlayout/renderer/VersionedLayoutRenderer.d.ts +6 -0
- package/internal-do-not-import-from-here/wcdefinitions.json +1 -1
- package/internal-do-not-import-from-here/wctypings.d.ts +6 -6
- package/package.json +2 -2
|
@@ -61,6 +61,7 @@ export default class RichTextEditor extends VueComponentBase implements IWebComp
|
|
|
61
61
|
private extensionOnBlurFuncs;
|
|
62
62
|
private hasLanguagePicker;
|
|
63
63
|
onTopicIdChange(newValue: boolean, oldValue: boolean): void;
|
|
64
|
+
onDisabledChange(): void;
|
|
64
65
|
created(): void;
|
|
65
66
|
mounted(): void;
|
|
66
67
|
beforeDestroy(): void;
|
|
@@ -3,6 +3,7 @@ import { ResolvedUserIdentity, OmitProperties } from "../../models";
|
|
|
3
3
|
import { IRichTextEditor } from "../richtexteditor";
|
|
4
4
|
export interface IPeopleTaggingComponent {
|
|
5
5
|
content: string;
|
|
6
|
+
disabled?: boolean;
|
|
6
7
|
/**Show rich text editor*/
|
|
7
8
|
richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
|
|
8
9
|
enableMention?: boolean;
|
|
@@ -7,6 +7,7 @@ import { IRichTextEditor } from "../richtexteditor";
|
|
|
7
7
|
import { VueComponentBase } from "..";
|
|
8
8
|
export declare class PeopleTaggingComponent extends VueComponentBase implements IWebComponentInstance, IPeopleTaggingComponent {
|
|
9
9
|
content: string;
|
|
10
|
+
disabled: boolean;
|
|
10
11
|
resetContetnRte?: boolean;
|
|
11
12
|
richTextSettings?: OmitProperties<IRichTextEditor, "initialContent" | "onContentChange">;
|
|
12
13
|
enableMention?: boolean;
|
|
@@ -37,7 +37,6 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
|
|
|
37
37
|
private isDeleting;
|
|
38
38
|
private draftContent;
|
|
39
39
|
private draftMentionUsers;
|
|
40
|
-
private focusedElement;
|
|
41
40
|
private language;
|
|
42
41
|
private resetContent;
|
|
43
42
|
private isRTEPlaceholderClicked;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ColorDefinition, ColorGroup } from "../../shared/models";
|
|
2
|
+
export declare const ColorManager: () => {
|
|
3
|
+
getColorDefinition: (color: string, colorToned?: string, isBaseColor?: boolean) => ColorDefinition;
|
|
4
|
+
createColorSchema: (color: string, name: string, fixedColor?: boolean, colorBlend?: string) => ColorGroup;
|
|
5
|
+
isDarkColor: (color: any) => boolean;
|
|
6
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Store } from "@omnia/fx/stores";
|
|
2
|
+
import { TypographyType, ColorSchema, ThemeDefinitionV2 } from "../../shared/models";
|
|
3
|
+
export declare class ThemeStoreV2 extends Store {
|
|
4
|
+
private currentTheme;
|
|
5
|
+
private activeSchema;
|
|
6
|
+
constructor();
|
|
7
|
+
onActivated(): void;
|
|
8
|
+
onDisposing(): void;
|
|
9
|
+
/**
|
|
10
|
+
* Implementation of getters
|
|
11
|
+
*/
|
|
12
|
+
getters: {
|
|
13
|
+
currentTheme: () => ThemeDefinitionV2;
|
|
14
|
+
typography: (name: string) => TypographyType;
|
|
15
|
+
activeSchema: () => ColorSchema;
|
|
16
|
+
getColor: (name: any) => any;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Implementation of mutations
|
|
20
|
+
*/
|
|
21
|
+
mutations: {
|
|
22
|
+
setActiveSchema: import("@omnia/fx/stores").StoreMutation<(name: string) => void, (name: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
|
|
23
|
+
setTheme: import("@omnia/fx/stores").StoreMutation<(theme: ThemeDefinitionV2) => void, (theme: ThemeDefinitionV2) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Implementation of actions
|
|
27
|
+
*/
|
|
28
|
+
actions: {};
|
|
29
|
+
}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { ColorSchema } from "../../../shared/models";
|
|
2
|
+
export declare const SystemColors: {
|
|
3
|
+
Teal: string;
|
|
4
|
+
Purple: string;
|
|
5
|
+
DarkGreen: string;
|
|
6
|
+
LightGreen: string;
|
|
7
|
+
DarkBackground: string;
|
|
8
|
+
LightBackround: string;
|
|
9
|
+
DarkPink: string;
|
|
10
|
+
RedBrown: string;
|
|
11
|
+
Orange: string;
|
|
12
|
+
Gold: string;
|
|
13
|
+
Black: string;
|
|
14
|
+
Grey: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const ColorSchemas: {
|
|
17
|
+
Teal: ColorSchema;
|
|
18
|
+
Purple: {
|
|
19
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
20
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
21
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
22
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
23
|
+
};
|
|
24
|
+
DarkGreen: {
|
|
25
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
26
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
27
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
28
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
29
|
+
};
|
|
30
|
+
LightGreen: {
|
|
31
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
32
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
33
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
34
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
35
|
+
};
|
|
36
|
+
DarkBackground: {
|
|
37
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
38
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
39
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
40
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
41
|
+
};
|
|
42
|
+
LightBackground: {
|
|
43
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
44
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
45
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
46
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
47
|
+
};
|
|
48
|
+
DarkPink: {
|
|
49
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
50
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
51
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
52
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
53
|
+
};
|
|
54
|
+
RedBrown: {
|
|
55
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
56
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
57
|
+
component: import("../../../shared/models").ColorDefinition;
|
|
58
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
59
|
+
};
|
|
60
|
+
Orange: {
|
|
61
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
62
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
63
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
64
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
65
|
+
};
|
|
66
|
+
Gold: {
|
|
67
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
68
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
69
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
70
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
71
|
+
};
|
|
72
|
+
Black: {
|
|
73
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
74
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
75
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
76
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
77
|
+
};
|
|
78
|
+
Grey: {
|
|
79
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
80
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
81
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
82
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
83
|
+
};
|
|
84
|
+
LightBlue: {
|
|
85
|
+
base: import("../../../shared/models").ColorDefinition;
|
|
86
|
+
onBase: import("../../../shared/models").ColorDefinition;
|
|
87
|
+
container: import("../../../shared/models").ColorDefinition;
|
|
88
|
+
onContainer: import("../../../shared/models").ColorDefinition;
|
|
89
|
+
};
|
|
90
|
+
};
|
|
91
|
+
export declare const AppChrome: {
|
|
92
|
+
Black: import("../../../shared/models").ColorDefinition;
|
|
93
|
+
White: import("../../../shared/models").ColorDefinition;
|
|
94
|
+
};
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Guid } from "@omnia/fx-models";
|
|
2
|
+
import { ColorSchema, ThemeDefinitionV2, TypographyDefinition } from "../../../shared/models";
|
|
3
|
+
export declare class LightThemeDefinition implements ThemeDefinitionV2 {
|
|
4
|
+
dark: boolean;
|
|
5
|
+
id: Guid;
|
|
6
|
+
primary: ColorSchema;
|
|
7
|
+
secondary: ColorSchema;
|
|
8
|
+
accent1: ColorSchema;
|
|
9
|
+
accent2: ColorSchema;
|
|
10
|
+
accent3: ColorSchema;
|
|
11
|
+
neutral: ColorSchema;
|
|
12
|
+
background: ColorSchema;
|
|
13
|
+
error: ColorSchema;
|
|
14
|
+
info: ColorSchema;
|
|
15
|
+
typography: TypographyDefinition;
|
|
16
|
+
constructor();
|
|
17
|
+
}
|
|
18
|
+
export declare class DarkThemeDefinition implements ThemeDefinitionV2 {
|
|
19
|
+
dark: boolean;
|
|
20
|
+
id: Guid;
|
|
21
|
+
primary: ColorSchema;
|
|
22
|
+
secondary: ColorSchema;
|
|
23
|
+
accent1: ColorSchema;
|
|
24
|
+
accent2: ColorSchema;
|
|
25
|
+
accent3: ColorSchema;
|
|
26
|
+
neutral: ColorSchema;
|
|
27
|
+
background: ColorSchema;
|
|
28
|
+
error: ColorSchema;
|
|
29
|
+
info: ColorSchema;
|
|
30
|
+
typography: TypographyDefinition;
|
|
31
|
+
constructor();
|
|
32
|
+
}
|
|
33
|
+
export declare class CustomTheme implements ThemeDefinitionV2 {
|
|
34
|
+
id: Guid;
|
|
35
|
+
typography: TypographyDefinition;
|
|
36
|
+
primary: ColorSchema;
|
|
37
|
+
secondary: ColorSchema;
|
|
38
|
+
accent1: ColorSchema;
|
|
39
|
+
accent2: ColorSchema;
|
|
40
|
+
accent3: ColorSchema;
|
|
41
|
+
neutral: ColorSchema;
|
|
42
|
+
background: ColorSchema;
|
|
43
|
+
error: ColorSchema;
|
|
44
|
+
info: ColorSchema;
|
|
45
|
+
dark: boolean;
|
|
46
|
+
constructor(primary: string, secondary: string, accent1: string, accent2: string, accent3: string, neutral: string, background: string, typography: TypographyDefinition);
|
|
47
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Guid } from "@omnia/fx-models";
|
|
2
|
+
import { TypographyDefinition, TypographyType } from "../../../shared/models";
|
|
3
|
+
export declare class DefaultTypography implements TypographyDefinition {
|
|
4
|
+
id: Guid;
|
|
5
|
+
h1: TypographyType;
|
|
6
|
+
h2: TypographyType;
|
|
7
|
+
h3: TypographyType;
|
|
8
|
+
summary: TypographyType;
|
|
9
|
+
text: TypographyType;
|
|
10
|
+
caption: TypographyType;
|
|
11
|
+
link: TypographyType;
|
|
12
|
+
constructor();
|
|
13
|
+
}
|
|
@@ -18,9 +18,25 @@ export interface UseClonedReturn<T> {
|
|
|
18
18
|
*/
|
|
19
19
|
sync: () => void;
|
|
20
20
|
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
21
|
+
/**
|
|
22
|
+
* Clones an object and returns a copy of it.
|
|
23
|
+
*
|
|
24
|
+
* @export
|
|
25
|
+
* @template T
|
|
26
|
+
* @param {T} source
|
|
27
|
+
* @return {*} {T}
|
|
28
|
+
*/
|
|
29
|
+
export declare function useClone<T>(source: T): T;
|
|
30
|
+
/**
|
|
31
|
+
* Clones an reactive object and returns a copy of it.
|
|
32
|
+
*
|
|
33
|
+
* @export
|
|
34
|
+
* @template T
|
|
35
|
+
* @param {MaybeComputedRef<T>} source
|
|
36
|
+
* @param {UseClonedOptions} [options={}]
|
|
37
|
+
* @return {*}
|
|
38
|
+
*/
|
|
39
|
+
export declare function useCloneRef<T>(source: MaybeComputedRef<T>, options?: UseClonedOptions): {
|
|
24
40
|
cloned: import("vue").Ref<import("vue").UnwrapRef<T>>;
|
|
25
41
|
sync: () => void;
|
|
26
42
|
};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { VelcronAppDefinition } from "../core";
|
|
2
2
|
export interface VelcronBlockBlockSettings {
|
|
3
3
|
definition: VelcronAppDefinition;
|
|
4
|
+
colorSchema: string;
|
|
5
|
+
transparency: number;
|
|
4
6
|
}
|
|
5
7
|
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<unknown, never>, any, any, any>> & {
|
|
6
8
|
propsDefinition: import("vue-tsx-support").PropsForOutside<unknown, never>;
|
|
@@ -38,8 +38,10 @@ export declare enum VelcronDescriptorTypes {
|
|
|
38
38
|
}
|
|
39
39
|
export declare enum VelcronComponentPropertyEditors {
|
|
40
40
|
text = 0,
|
|
41
|
-
|
|
42
|
-
slider = 2
|
|
41
|
+
colorSchemaPicker = 1,
|
|
42
|
+
slider = 2,
|
|
43
|
+
colorPicker = 3,
|
|
44
|
+
typographyPicker = 4
|
|
43
45
|
}
|
|
44
46
|
export declare enum VelcronDataTypes {
|
|
45
47
|
unknown = "unknown",
|
|
@@ -18,12 +18,13 @@ export interface BuiltInComponentRenderers {
|
|
|
18
18
|
"WebView": any;
|
|
19
19
|
"CustomComponent": any;
|
|
20
20
|
"Dialog": any;
|
|
21
|
-
"
|
|
21
|
+
"FlexView": any;
|
|
22
22
|
"Icon": any;
|
|
23
23
|
}
|
|
24
24
|
export type DynamicViewModel = object;
|
|
25
25
|
export interface OnItemRenderedHookResult {
|
|
26
|
-
cssClass:
|
|
26
|
+
cssClass: string;
|
|
27
|
+
containerRenderer?: VelcronContainerRenderer;
|
|
27
28
|
}
|
|
28
29
|
export interface VelcronRenderContext {
|
|
29
30
|
id?: string;
|
|
@@ -47,6 +48,11 @@ export interface VelcronRenderContextHooks {
|
|
|
47
48
|
onItemSelected?: ((item: VelcronDefinition) => void);
|
|
48
49
|
onItemRendered?: ((item: VelcronDefinition) => OnItemRenderedHookResult);
|
|
49
50
|
}
|
|
51
|
+
export interface VelcronContainerRenderer {
|
|
52
|
+
definition: VelcronDefinition;
|
|
53
|
+
renderContext: VelcronRenderContext;
|
|
54
|
+
component: JSX.Element;
|
|
55
|
+
}
|
|
50
56
|
export interface VelcronAction extends VelcronRenderContext {
|
|
51
57
|
type: VelcronActionTypes;
|
|
52
58
|
}
|
|
@@ -149,7 +155,7 @@ export interface VelcronTextDefinition extends VelcronDefinition {
|
|
|
149
155
|
type: "Text";
|
|
150
156
|
text: string;
|
|
151
157
|
color?: string;
|
|
152
|
-
|
|
158
|
+
typography?: string;
|
|
153
159
|
events?: VelcronOnPressEvent;
|
|
154
160
|
}
|
|
155
161
|
export interface VelcronImageDefinition extends VelcronDefinition {
|
|
@@ -160,7 +166,9 @@ export interface VelcronImageDefinition extends VelcronDefinition {
|
|
|
160
166
|
export interface VelcronButtonDefinition extends VelcronDefinition {
|
|
161
167
|
type: "Button";
|
|
162
168
|
text: string;
|
|
163
|
-
|
|
169
|
+
color: string;
|
|
170
|
+
icon?: VelcronIcon;
|
|
171
|
+
disabled?: boolean;
|
|
164
172
|
events?: VelcronOnPressEvent;
|
|
165
173
|
}
|
|
166
174
|
export interface VelcronTextInputDefinition extends VelcronDefinition {
|
|
@@ -191,15 +199,15 @@ export interface VelcronIconDefinition extends VelcronDefinition {
|
|
|
191
199
|
size?: number;
|
|
192
200
|
events?: VelcronOnPressEvent;
|
|
193
201
|
}
|
|
194
|
-
export interface
|
|
195
|
-
type: "
|
|
196
|
-
|
|
197
|
-
columnStyle?: object;
|
|
198
|
-
}
|
|
199
|
-
export interface VelcronSectionColumn extends VelcronDefinition {
|
|
202
|
+
export interface VelcronFlexViewDefinition extends VelcronDefinition {
|
|
203
|
+
type: "FlexView";
|
|
204
|
+
column?: boolean;
|
|
200
205
|
body: Array<VelcronDefinition>;
|
|
206
|
+
columnStyle?: object;
|
|
201
207
|
horizontalAlignment?: VelcronHorizontalAlignments;
|
|
202
208
|
verticalAlignment?: VerticalAlignments;
|
|
209
|
+
grow?: number;
|
|
210
|
+
colorSchema?: string;
|
|
203
211
|
width?: "auto" | "stretch" | number | string;
|
|
204
212
|
}
|
|
205
213
|
export interface VelcronSectionColumnWidth {
|
|
@@ -24,6 +24,7 @@ export interface VelcronComponentPropertyDescriptor {
|
|
|
24
24
|
editor?: VelcronComponentPropertyEditors;
|
|
25
25
|
required?: boolean;
|
|
26
26
|
defaultValue?: VelcronPrimitiveType | VelcroncomponentArrayType;
|
|
27
|
+
disableRemovePropertyOnEmptyOrFalse?: boolean;
|
|
27
28
|
}
|
|
28
29
|
export interface VelcronComponentArrayPropertyDescriptor extends VelcronComponentPropertyDescriptor {
|
|
29
30
|
type: VelcronDataTypes.componentArray;
|
|
@@ -28,7 +28,7 @@ export declare class VelcronData {
|
|
|
28
28
|
static getOrSetObjectByPathUsingRenderContext<T>(renderContext: VelcronRenderContext, path: string, value?: any): T;
|
|
29
29
|
static getTokens(template: any): string[];
|
|
30
30
|
static ensureEventId(event: string): string;
|
|
31
|
-
static ensureKeys(ui: VelcronDefinition | VelcronAppDefinition): void;
|
|
31
|
+
static ensureKeys(ui: VelcronDefinition | VelcronAppDefinition, generateNewKeys?: boolean): void;
|
|
32
32
|
static removeKeys(ui: VelcronDefinition | VelcronAppDefinition): void;
|
|
33
33
|
static generateId(): string;
|
|
34
34
|
static createDeferredPromise<T>(): DeferredPromise<T>;
|
|
@@ -1,8 +1,19 @@
|
|
|
1
|
-
import { VelcronDefinition,
|
|
1
|
+
import { VelcronDefinition, VelcronRenderContext } from "../models";
|
|
2
|
+
export declare enum VelcronSizeUnits {
|
|
3
|
+
Pixels = 1,
|
|
4
|
+
Numbers = 2
|
|
5
|
+
}
|
|
6
|
+
export interface VelcronStyleSettings {
|
|
7
|
+
sizeUnit: VelcronSizeUnits;
|
|
8
|
+
}
|
|
2
9
|
export declare class VelcronStyles {
|
|
3
|
-
static
|
|
10
|
+
private static styleSettings;
|
|
11
|
+
static create(definition: VelcronDefinition, renderCtx: VelcronRenderContext): any;
|
|
12
|
+
private static createStylesForText;
|
|
13
|
+
private static createStylesForImage;
|
|
14
|
+
private static createStylesForFlexbox;
|
|
15
|
+
private static createStylesForLayoutColumnComponent;
|
|
4
16
|
private static dataBindStyles;
|
|
5
|
-
static
|
|
6
|
-
static
|
|
7
|
-
static layoutColumnComponent(layoutDef: VelcronSectionDefinition, columnDef: VelcronSectionColumn, renderCtx: VelcronRenderContext): object;
|
|
17
|
+
private static setUnitForValue;
|
|
18
|
+
private static setup;
|
|
8
19
|
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare class VelcronStore {
|
|
2
|
+
static makeReactive: (obj: any) => unknown;
|
|
3
|
+
static reactivityCreator(fn: (obj: any) => unknown): void;
|
|
4
|
+
state<T>(obj: T): T;
|
|
5
|
+
mutation(fn: () => void): void;
|
|
6
|
+
}
|
|
7
|
+
export declare class TestStore extends VelcronStore {
|
|
8
|
+
test: {
|
|
9
|
+
title: string;
|
|
10
|
+
};
|
|
11
|
+
increment: (text: string) => string;
|
|
12
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./VelcronStore";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { ColorSchema } from "../../../shared/models";
|
|
1
2
|
declare const _default: {
|
|
2
3
|
container: {
|
|
3
4
|
fontSize: number;
|
|
@@ -30,7 +31,7 @@ declare const _default: {
|
|
|
30
31
|
width: string;
|
|
31
32
|
height: string;
|
|
32
33
|
};
|
|
33
|
-
panesWrapper: (
|
|
34
|
+
panesWrapper: (splitterColor: any) => {
|
|
34
35
|
$nest: {
|
|
35
36
|
"& .splitpanes__splitter": {
|
|
36
37
|
backgroundColor: string;
|
|
@@ -39,11 +40,26 @@ declare const _default: {
|
|
|
39
40
|
};
|
|
40
41
|
};
|
|
41
42
|
};
|
|
42
|
-
treeViewWrapper: {
|
|
43
|
+
treeViewWrapper: (color: any, activeColor: ColorSchema) => {
|
|
43
44
|
$nest: {
|
|
44
45
|
"& .v-treeview-node__level": {
|
|
45
46
|
width: string;
|
|
46
47
|
};
|
|
48
|
+
"& .v-treeview-node__toggle": {
|
|
49
|
+
color: string;
|
|
50
|
+
};
|
|
51
|
+
"& .v-treeview-node--active": {
|
|
52
|
+
background: string;
|
|
53
|
+
};
|
|
54
|
+
"& .v-treeview-node--active button": {
|
|
55
|
+
color: string;
|
|
56
|
+
};
|
|
57
|
+
"& .v-treeview-node--active i": {
|
|
58
|
+
color: string;
|
|
59
|
+
};
|
|
60
|
+
"& .v-treeview-node--active .v-treeview-node__label>div": {
|
|
61
|
+
color: string;
|
|
62
|
+
};
|
|
47
63
|
};
|
|
48
64
|
};
|
|
49
65
|
treeItem: {
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { VelcronContainerRenderer } from "../../core";
|
|
2
|
+
declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>, {}, import("vue-tsx-support").PropsForOutside<VelcronContainerRenderer, never>, any, any, any>;
|
|
3
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
2
|
+
model: string;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
5
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
6
|
+
model: string;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
}, "onChange" | "model">;
|
|
9
|
+
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
10
|
+
model: string;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
13
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
14
|
+
model: string;
|
|
15
|
+
onChange: (value: string) => void;
|
|
16
|
+
}, "onChange" | "model">;
|
|
17
|
+
});
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
2
|
+
model: string;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
5
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
6
|
+
model: string;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
}, "onChange" | "model">;
|
|
9
|
+
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
10
|
+
model: string;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
13
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
14
|
+
model: string;
|
|
15
|
+
onChange: (value: string) => void;
|
|
16
|
+
}, "onChange" | "model">;
|
|
17
|
+
});
|
|
18
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
declare const _default: (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd"), {}, import("vue-tsx-support").PropsForOutside<{
|
|
2
|
+
model: string;
|
|
3
|
+
onChange: (value: string) => void;
|
|
4
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
5
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
6
|
+
model: string;
|
|
7
|
+
onChange: (value: string) => void;
|
|
8
|
+
}, "onChange" | "model">;
|
|
9
|
+
}) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
|
|
10
|
+
model: string;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
}, "onChange" | "model">, any, any, any>> & {
|
|
13
|
+
propsDefinition: import("vue-tsx-support").PropsForOutside<{
|
|
14
|
+
model: string;
|
|
15
|
+
onChange: (value: string) => void;
|
|
16
|
+
}, "onChange" | "model">;
|
|
17
|
+
});
|
|
18
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { VelcronDataTypes, VelcronDescriptor, VelcronDescriptorTypes, VelcronComponentEventDescriptor, VelcronComponentDescriptor
|
|
1
|
+
import { VelcronDataTypes, VelcronDescriptor, VelcronDescriptorTypes, VelcronComponentEventDescriptor, VelcronComponentDescriptor } from "../../core";
|
|
2
2
|
export interface VelcronDataMemberDescriptor extends VelcronDescriptor {
|
|
3
3
|
descriptorType: VelcronDescriptorTypes.dataMember;
|
|
4
4
|
dataType: VelcronDataTypes;
|
|
@@ -29,5 +29,4 @@ export declare const VelcronProgressCircleComponentDescriptor: VelcronComponentD
|
|
|
29
29
|
export declare const VelcronViewComponentDescriptor: VelcronComponentDescriptor;
|
|
30
30
|
export declare const VelcronDialogComponentDescriptor: VelcronComponentDescriptor;
|
|
31
31
|
export declare const VelcronIconComponentDescriptor: VelcronComponentDescriptor;
|
|
32
|
-
export declare const VelcronSectionColumnComponentDescriptor: VelcronSubComponentDescriptor;
|
|
33
32
|
export declare const VelcronSectionComponentDescriptor: VelcronComponentDescriptor;
|
|
@@ -6,6 +6,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
6
6
|
appData: import("@omnia/fx/stores").StoreState<object>;
|
|
7
7
|
app: import("@omnia/fx/stores").StoreState<VelcronAppDefinition>;
|
|
8
8
|
appCacheKey: import("@omnia/fx/stores").StoreState<string>;
|
|
9
|
+
appTreeOpenIds: import("@omnia/fx/stores").StoreState<string[]>;
|
|
9
10
|
appTree: import("@omnia/fx/stores").StoreState<AppTreeItem[]>;
|
|
10
11
|
editorMode: import("@omnia/fx/stores").StoreState<editorModes>;
|
|
11
12
|
selectedAppTreeItem: import("@omnia/fx/stores").StoreState<AppTreeItem>;
|
|
@@ -37,7 +38,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
37
38
|
codeEditorTab: (newState: codeEditorTabs) => void;
|
|
38
39
|
editorMode: (newState: editorModes) => void;
|
|
39
40
|
syncState: () => void;
|
|
40
|
-
setSelectedAppTreeItem: (
|
|
41
|
+
setSelectedAppTreeItem: (key: string) => void;
|
|
41
42
|
showAddComponent: (show: boolean) => void;
|
|
42
43
|
showShare: (show: boolean) => void;
|
|
43
44
|
showAddDataObject: (show: boolean) => void;
|
|
@@ -56,6 +57,7 @@ export declare class VelcronEditorStore extends Store {
|
|
|
56
57
|
* Implementation of actions
|
|
57
58
|
*/
|
|
58
59
|
actions: {};
|
|
60
|
+
private getTreeItemNode;
|
|
59
61
|
private buildUiTree;
|
|
60
62
|
private buildDataMembersRecursive;
|
|
61
63
|
private buildDefinitionTreeRecursive;
|