json-form.models.ts
3.15 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
///
/// Copyright © 2016-2019 The Thingsboard Authors
///
/// Licensed under the Apache License, Version 2.0 (the "License");
/// you may not use this file except in compliance with the License.
/// You may obtain a copy of the License at
///
/// http://www.apache.org/licenses/LICENSE-2.0
///
/// Unless required by applicable law or agreed to in writing, software
/// distributed under the License is distributed on an "AS IS" BASIS,
/// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
/// See the License for the specific language governing permissions and
/// limitations under the License.
///
import { isUndefined, isDefined, isString } from '@app/core/utils';
import * as equal from 'deep-equal';
import ObjectPath from 'objectpath';
import * as React from 'react';
export interface SchemaValidationResult {
valid: boolean;
error?: {
message?: string;
}
}
export interface FormOption {
formDefaults?: {
startEmpty?: boolean;
readonly?: boolean;
};
supressPropertyTitles?: boolean;
}
export interface DefaultsFormOptions {
global?: FormOption;
required?: boolean;
path?: string[];
lookup?: {[key: string]: any};
ignore?: {[key: string]: boolean};
}
export interface GroupInfo {
formIndex: number;
GroupTitle: string;
}
export interface JsonFormProps {
model?: any;
schema?: any;
form?: any;
groupInfoes?: GroupInfo[];
isFullscreen: boolean;
ignore?: {[key: string]: boolean};
option: FormOption;
onModelChange?: (key: (string | number)[], val: any) => void;
onColorClick?: (event: MouseEvent, key: string, val: string) => void;
onToggleFullscreen?: () => void;
mapper?: {[type: string]: any};
}
export interface KeyLabelItem {
key: string;
label: string;
value?: string;
}
export interface JsonSchemaData {
type: string;
default: any;
items?: JsonSchemaData;
properties?: any;
}
export interface JsonFormData {
type: string;
key: (string | number)[];
title: string;
readonly: boolean;
required: boolean;
default?: any;
condition?: string;
style?: any;
rows?: number;
rowsMax?: number;
placeholder?: string;
schema: JsonSchemaData;
titleMap: {
value: any;
name: string;
}[];
items?: Array<KeyLabelItem> | Array<JsonFormData>;
tabs?: Array<JsonFormData>;
tags?: any;
startEmpty?: boolean;
[key: string]: any;
}
export interface JsonFormFieldProps {
value: any;
model: any;
form: JsonFormData;
builder: (form: JsonFormData,
model: any,
index: number,
onChange: (key: (string | number)[], val: any) => void,
onColorClick: (event: MouseEvent, key: string, val: string) => void,
onToggleFullscreen: () => void,
mapper: {[type: string]: any}) => JSX.Element;
mapper?: {[type: string]: any};
onChange?: (key: (string | number)[], val: any) => void;
onColorClick?: (event: MouseEvent, key: string, val: string) => void;
onChangeValidate?: (e: any) => void;
onToggleFullscreen?: () => void;
valid?: boolean;
error?: string;
options?: {
setSchemaDefaults?: boolean;
};
}
export interface JsonFormFieldState {
value?: any;
valid?: boolean;
error?: string;
}