@dativa-lv/lx-builders 2.1.5 → 2.1.8
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/dist/src/components/FormBuilderItem.vue.d.ts +2 -0
- package/dist/src/components/constructor/Constructor.vue.d.ts +41 -0
- package/dist/src/components/constructor/ConstructorPropRenderer.vue.d.ts +23 -0
- package/dist/src/components/constructor/Panel.vue.d.ts +117 -0
- package/dist/src/components/constructor/PropRendererItem.vue.d.ts +17 -0
- package/dist/src/components/index.d.ts +1 -0
- package/dist/src/utils/constructorUtils.d.ts +102 -0
- package/dist/styles/lx-constructor.css +1 -0
- package/dist/wntr-lx-ui.esm.js +6797 -4007
- package/dist/wntr-lx-ui.umd.js +1 -1
- package/package.json +2 -2
|
@@ -3,6 +3,7 @@ declare const _default: DefineComponent<{}, {
|
|
|
3
3
|
$emit: (event: "emit" | "update:modelValue" | "rowActionClick" | "filterBuilderFilter", ...args: any[]) => void;
|
|
4
4
|
readOnly: boolean;
|
|
5
5
|
texts: Record<string, any>;
|
|
6
|
+
builderOptions: Record<string, any>;
|
|
6
7
|
orderedObject: Record<string, any>;
|
|
7
8
|
name?: string;
|
|
8
9
|
modelValue?: Record<string, any>;
|
|
@@ -16,6 +17,7 @@ declare const _default: DefineComponent<{}, {
|
|
|
16
17
|
$props: {
|
|
17
18
|
readonly readOnly?: boolean;
|
|
18
19
|
readonly texts?: Record<string, any>;
|
|
20
|
+
readonly builderOptions?: Record<string, any>;
|
|
19
21
|
readonly orderedObject?: Record<string, any>;
|
|
20
22
|
readonly name?: string;
|
|
21
23
|
readonly modelValue?: Record<string, any>;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
3
|
+
schema: {
|
|
4
|
+
type: ObjectConstructor;
|
|
5
|
+
default: () => {};
|
|
6
|
+
};
|
|
7
|
+
modelValue: {
|
|
8
|
+
type: ObjectConstructor;
|
|
9
|
+
default: () => {};
|
|
10
|
+
};
|
|
11
|
+
texts: {
|
|
12
|
+
type: ObjectConstructor;
|
|
13
|
+
default: () => {};
|
|
14
|
+
};
|
|
15
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
16
|
+
error: (...args: any[]) => void;
|
|
17
|
+
"update:modelValue": (...args: any[]) => void;
|
|
18
|
+
"update:schema": (...args: any[]) => void;
|
|
19
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<{
|
|
20
|
+
schema: {
|
|
21
|
+
type: ObjectConstructor;
|
|
22
|
+
default: () => {};
|
|
23
|
+
};
|
|
24
|
+
modelValue: {
|
|
25
|
+
type: ObjectConstructor;
|
|
26
|
+
default: () => {};
|
|
27
|
+
};
|
|
28
|
+
texts: {
|
|
29
|
+
type: ObjectConstructor;
|
|
30
|
+
default: () => {};
|
|
31
|
+
};
|
|
32
|
+
}>> & Readonly<{
|
|
33
|
+
onError?: (...args: any[]) => any;
|
|
34
|
+
"onUpdate:modelValue"?: (...args: any[]) => any;
|
|
35
|
+
"onUpdate:schema"?: (...args: any[]) => any;
|
|
36
|
+
}>, {
|
|
37
|
+
modelValue: Record<string, any>;
|
|
38
|
+
texts: Record<string, any>;
|
|
39
|
+
schema: Record<string, any>;
|
|
40
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
41
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
declare const _default: DefineComponent<{}, {
|
|
3
|
+
$emit: (event: "update:modelValue" | "update:componentModel" | "update:schemaKey", ...args: any[]) => void;
|
|
4
|
+
modelValue: Record<string, any>;
|
|
5
|
+
texts: Record<string, any>;
|
|
6
|
+
componentPropsDefinitions: Record<string, any>;
|
|
7
|
+
componentModel: Record<string, any>;
|
|
8
|
+
schemaKey: string;
|
|
9
|
+
searchString?: string;
|
|
10
|
+
componentName?: string;
|
|
11
|
+
schemaKeyError?: string;
|
|
12
|
+
$props: {
|
|
13
|
+
readonly modelValue?: Record<string, any>;
|
|
14
|
+
readonly texts?: Record<string, any>;
|
|
15
|
+
readonly componentPropsDefinitions?: Record<string, any>;
|
|
16
|
+
readonly componentModel?: Record<string, any>;
|
|
17
|
+
readonly schemaKey?: string;
|
|
18
|
+
readonly searchString?: string;
|
|
19
|
+
readonly componentName?: string;
|
|
20
|
+
readonly schemaKeyError?: string;
|
|
21
|
+
};
|
|
22
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
declare const _default: DefineComponent<ExtractPropTypes<{
|
|
3
|
+
componentName: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: any;
|
|
6
|
+
};
|
|
7
|
+
componentProps: {
|
|
8
|
+
type: ObjectConstructor;
|
|
9
|
+
default: any;
|
|
10
|
+
};
|
|
11
|
+
componentPropsDefinitions: {
|
|
12
|
+
type: ObjectConstructor;
|
|
13
|
+
default: any;
|
|
14
|
+
};
|
|
15
|
+
navigation: {
|
|
16
|
+
type: ArrayConstructor;
|
|
17
|
+
default: () => any[];
|
|
18
|
+
};
|
|
19
|
+
componentModel: {
|
|
20
|
+
type: ObjectConstructor;
|
|
21
|
+
default: () => {};
|
|
22
|
+
};
|
|
23
|
+
schemaKey: {
|
|
24
|
+
type: StringConstructor;
|
|
25
|
+
default: string;
|
|
26
|
+
};
|
|
27
|
+
schemaKeyError: {
|
|
28
|
+
type: StringConstructor;
|
|
29
|
+
default: any;
|
|
30
|
+
};
|
|
31
|
+
schemaInfo: {
|
|
32
|
+
type: ObjectConstructor;
|
|
33
|
+
default: any;
|
|
34
|
+
};
|
|
35
|
+
texts: {
|
|
36
|
+
type: ObjectConstructor;
|
|
37
|
+
default: () => {};
|
|
38
|
+
};
|
|
39
|
+
}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
40
|
+
reset: (...args: any[]) => void;
|
|
41
|
+
"update:componentModel": (...args: any[]) => void;
|
|
42
|
+
"update:schemaKey": (...args: any[]) => void;
|
|
43
|
+
export: (...args: any[]) => void;
|
|
44
|
+
import: (...args: any[]) => void;
|
|
45
|
+
reportIssue: (...args: any[]) => void;
|
|
46
|
+
editSchema: (...args: any[]) => void;
|
|
47
|
+
editModel: (...args: any[]) => void;
|
|
48
|
+
componentAdd: (...args: any[]) => void;
|
|
49
|
+
componentChange: (...args: any[]) => void;
|
|
50
|
+
removeComponent: (...args: any[]) => void;
|
|
51
|
+
duplicateComponent: (...args: any[]) => void;
|
|
52
|
+
"update:componentProps": (...args: any[]) => void;
|
|
53
|
+
"update:viewLayout": (...args: any[]) => void;
|
|
54
|
+
}, string, PublicProps, Readonly<ExtractPropTypes<{
|
|
55
|
+
componentName: {
|
|
56
|
+
type: StringConstructor;
|
|
57
|
+
default: any;
|
|
58
|
+
};
|
|
59
|
+
componentProps: {
|
|
60
|
+
type: ObjectConstructor;
|
|
61
|
+
default: any;
|
|
62
|
+
};
|
|
63
|
+
componentPropsDefinitions: {
|
|
64
|
+
type: ObjectConstructor;
|
|
65
|
+
default: any;
|
|
66
|
+
};
|
|
67
|
+
navigation: {
|
|
68
|
+
type: ArrayConstructor;
|
|
69
|
+
default: () => any[];
|
|
70
|
+
};
|
|
71
|
+
componentModel: {
|
|
72
|
+
type: ObjectConstructor;
|
|
73
|
+
default: () => {};
|
|
74
|
+
};
|
|
75
|
+
schemaKey: {
|
|
76
|
+
type: StringConstructor;
|
|
77
|
+
default: string;
|
|
78
|
+
};
|
|
79
|
+
schemaKeyError: {
|
|
80
|
+
type: StringConstructor;
|
|
81
|
+
default: any;
|
|
82
|
+
};
|
|
83
|
+
schemaInfo: {
|
|
84
|
+
type: ObjectConstructor;
|
|
85
|
+
default: any;
|
|
86
|
+
};
|
|
87
|
+
texts: {
|
|
88
|
+
type: ObjectConstructor;
|
|
89
|
+
default: () => {};
|
|
90
|
+
};
|
|
91
|
+
}>> & Readonly<{
|
|
92
|
+
onReset?: (...args: any[]) => any;
|
|
93
|
+
"onUpdate:componentModel"?: (...args: any[]) => any;
|
|
94
|
+
"onUpdate:schemaKey"?: (...args: any[]) => any;
|
|
95
|
+
onExport?: (...args: any[]) => any;
|
|
96
|
+
onImport?: (...args: any[]) => any;
|
|
97
|
+
onReportIssue?: (...args: any[]) => any;
|
|
98
|
+
onEditSchema?: (...args: any[]) => any;
|
|
99
|
+
onEditModel?: (...args: any[]) => any;
|
|
100
|
+
onComponentAdd?: (...args: any[]) => any;
|
|
101
|
+
onComponentChange?: (...args: any[]) => any;
|
|
102
|
+
onRemoveComponent?: (...args: any[]) => any;
|
|
103
|
+
onDuplicateComponent?: (...args: any[]) => any;
|
|
104
|
+
"onUpdate:componentProps"?: (...args: any[]) => any;
|
|
105
|
+
"onUpdate:viewLayout"?: (...args: any[]) => any;
|
|
106
|
+
}>, {
|
|
107
|
+
texts: Record<string, any>;
|
|
108
|
+
componentName: string;
|
|
109
|
+
componentPropsDefinitions: Record<string, any>;
|
|
110
|
+
componentModel: Record<string, any>;
|
|
111
|
+
schemaKey: string;
|
|
112
|
+
schemaKeyError: string;
|
|
113
|
+
componentProps: Record<string, any>;
|
|
114
|
+
navigation: unknown[];
|
|
115
|
+
schemaInfo: Record<string, any>;
|
|
116
|
+
}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
117
|
+
export default _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
|
|
2
|
+
declare const _default: DefineComponent<{}, {
|
|
3
|
+
$emit: (event: "update:modelValue", ...args: any[]) => void;
|
|
4
|
+
name: string;
|
|
5
|
+
modelValue: Record<string, any>;
|
|
6
|
+
texts: Record<string, any>;
|
|
7
|
+
item: Record<string, any>;
|
|
8
|
+
componentName?: string;
|
|
9
|
+
$props: {
|
|
10
|
+
readonly name?: string;
|
|
11
|
+
readonly modelValue?: Record<string, any>;
|
|
12
|
+
readonly texts?: Record<string, any>;
|
|
13
|
+
readonly item?: Record<string, any>;
|
|
14
|
+
readonly componentName?: string;
|
|
15
|
+
};
|
|
16
|
+
}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
|
|
17
|
+
export default _default;
|
|
@@ -0,0 +1,102 @@
|
|
|
1
|
+
export function getNewItemSchema(id: any): {
|
|
2
|
+
type: string;
|
|
3
|
+
title: string;
|
|
4
|
+
lx: {
|
|
5
|
+
kind?: undefined;
|
|
6
|
+
displayType?: undefined;
|
|
7
|
+
variant?: undefined;
|
|
8
|
+
items?: undefined;
|
|
9
|
+
indexType?: undefined;
|
|
10
|
+
};
|
|
11
|
+
format?: undefined;
|
|
12
|
+
properties?: undefined;
|
|
13
|
+
} | {
|
|
14
|
+
type: string;
|
|
15
|
+
title: string;
|
|
16
|
+
lx: {
|
|
17
|
+
kind: string;
|
|
18
|
+
displayType?: undefined;
|
|
19
|
+
variant?: undefined;
|
|
20
|
+
items?: undefined;
|
|
21
|
+
indexType?: undefined;
|
|
22
|
+
};
|
|
23
|
+
format?: undefined;
|
|
24
|
+
properties?: undefined;
|
|
25
|
+
} | {
|
|
26
|
+
type: string;
|
|
27
|
+
title: string;
|
|
28
|
+
format: string;
|
|
29
|
+
lx?: undefined;
|
|
30
|
+
properties?: undefined;
|
|
31
|
+
} | {
|
|
32
|
+
type: string;
|
|
33
|
+
title: string;
|
|
34
|
+
lx: {
|
|
35
|
+
displayType: string;
|
|
36
|
+
kind?: undefined;
|
|
37
|
+
variant?: undefined;
|
|
38
|
+
items?: undefined;
|
|
39
|
+
indexType?: undefined;
|
|
40
|
+
};
|
|
41
|
+
format?: undefined;
|
|
42
|
+
properties?: undefined;
|
|
43
|
+
} | {
|
|
44
|
+
type: string;
|
|
45
|
+
title: string;
|
|
46
|
+
lx: {
|
|
47
|
+
variant: string;
|
|
48
|
+
items: {
|
|
49
|
+
id: string;
|
|
50
|
+
name: string;
|
|
51
|
+
}[];
|
|
52
|
+
kind?: undefined;
|
|
53
|
+
displayType?: undefined;
|
|
54
|
+
indexType?: undefined;
|
|
55
|
+
};
|
|
56
|
+
format?: undefined;
|
|
57
|
+
properties?: undefined;
|
|
58
|
+
} | {
|
|
59
|
+
type: string;
|
|
60
|
+
title: string;
|
|
61
|
+
lx: {
|
|
62
|
+
displayType: string;
|
|
63
|
+
items: {
|
|
64
|
+
id: string;
|
|
65
|
+
name: string;
|
|
66
|
+
}[];
|
|
67
|
+
kind?: undefined;
|
|
68
|
+
variant?: undefined;
|
|
69
|
+
indexType?: undefined;
|
|
70
|
+
};
|
|
71
|
+
format?: undefined;
|
|
72
|
+
properties?: undefined;
|
|
73
|
+
} | {
|
|
74
|
+
type: string;
|
|
75
|
+
title: string;
|
|
76
|
+
lx: {
|
|
77
|
+
displayType: string;
|
|
78
|
+
kind?: undefined;
|
|
79
|
+
variant?: undefined;
|
|
80
|
+
items?: undefined;
|
|
81
|
+
indexType?: undefined;
|
|
82
|
+
};
|
|
83
|
+
properties: {};
|
|
84
|
+
format?: undefined;
|
|
85
|
+
} | {
|
|
86
|
+
type: string;
|
|
87
|
+
title: string;
|
|
88
|
+
lx: {
|
|
89
|
+
displayType: string;
|
|
90
|
+
indexType: string;
|
|
91
|
+
kind?: undefined;
|
|
92
|
+
variant?: undefined;
|
|
93
|
+
items?: undefined;
|
|
94
|
+
};
|
|
95
|
+
properties: {};
|
|
96
|
+
format?: undefined;
|
|
97
|
+
};
|
|
98
|
+
export function getLXComponents(): {
|
|
99
|
+
id: string;
|
|
100
|
+
name: string;
|
|
101
|
+
usageGroup: string;
|
|
102
|
+
}[];
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.lx-panel>.panel-side{background-color:var(--color-region);width:var(--aside-size)}.lx-panel>.panel-side .config-header{height:var(--row-size);background-color:var(--color-layout-background);padding:0 .5rem}.lx-panel>.panel-side .config-header>.lx-context-container .popper-wrapper{width:100%}.lx-panel>.panel-side .config-header .header-wrapper{height:var(--row-size);width:100%;display:flex;align-items:center;justify-content:space-between;gap:.25rem}.lx-panel>.panel-side .config-header .header-wrapper>p{color:var(--color-nav-foreground);font-weight:var(--font-weight-bold)}.lx-panel>.panel-side .config-header .header-wrapper>svg{height:1.5rem;fill:var(--color-nav-foreground)}.lx-panel>.panel-side .panel-main>.button-group{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-chrome)}.lx-panel>.panel-side .settings-wrapper{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.lx-panel>.panel-side .panel-main>.button-group>.lx-button{--color-button-secondary-background: var(--color-region-2);--color-button-secondary: var(--color-data);--color-button-secondary-icon: var(--color-data);--button-secondary-border: 2px solid transparent}.lx-panel>.panel-side .button-group>.lx-button:first-child:before{position:absolute;content:" ";height:2rem;left:7.75rem;border-right:1px solid var(--color-chrome);opacity:1;transition:opacity .1s ease-out;z-index:0}.lx-panel{position:fixed;top:10vh;z-index:1000;right:0;display:flex;flex-direction:row-reverse}#constructor-overlay{position:absolute;top:0;left:0;width:100%;height:100dvh;z-index:100;pointer-events:none}.highlight{position:absolute;box-sizing:border-box;border:2px solid var(--color-blue);background:transparent;z-index:100;pointer-events:none;transition:left .1s ease-out,top .1s ease-out}.highlight .highlight-toolbar{position:absolute;top:-1.5rem;left:-.125rem;display:flex;background:var(--color-blue);pointer-events:all;height:1.5rem}.highlight .highlight-toolbar>span{padding-inline:.25rem;color:#fff}.highlight .highlight-toolbar .lx-button{--button-ghost-icon-only-height: 1.5rem;--button-ghost-icon-only-width: 1.5rem;--button-ghost-icon-only-min-width: 1.5rem;--color-button-ghost-icon: white;--color-button-ghost-icon-focus: white;--button-ghost-icon-size: 1.25rem}.lx:not(.lx-theme-contrast) .lx-panel .panel-side{--region-border-transparent: 1px solid var(--color-chrome)}.lx.lx-no-transparency .lx-panel .panel-side{--shadow-dropdown: inset 0 0 0 1px var(--color-chrome)}.lx-panel .panel-side{box-shadow:var(--shadow-dropdown)}.lx-panel .panel-main{max-height:70vh;max-width:var(--aside-size);overflow-y:overlay}.lx-panel .panel-main .lx-form-grid .lx-main.lx-compact-sections>.lx-form-section{padding-left:calc(var(--gap-form) / 4);padding-right:calc(var(--gap-form) / 4)}.no-component-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem 1rem}.panel-main .lx-form-grid>.lx-main .lx-row{max-width:calc(var(--aside-size) - 2rem)}.code-display>.code{white-space:pre;font-family:var(--font-family-mono);padding:2rem;grid-column:1 / 3;overflow:auto;background-color:var(--color-region-2);margin:0}.import-switcher{padding-bottom:1rem}.highlight .highlight-toolbar-remove{right:-.125rem;left:unset}.custom-auto-complete-item-with-icon{display:grid;grid-template-columns:auto 1fr;column-gap:.5rem;width:100%;height:1.5rem;align-items:center}.custom-auto-complete-item-with-icon p.lx-data{font-weight:400;min-height:0;align-self:center;padding:0;margin:0}.custom-auto-complete-item-with-icon svg{width:1.5rem;height:1.5rem}
|