index.tsx
2.96 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
import { QxBaseIcon } from '../qx-base-icon';
export const QxWidgetIcon = ({ widgetName }: { widgetName: string }) => {
let iconType: string = '';
switch (widgetName) {
case 'qxInput':
iconType = 'icon-field-text';
break;
case 'qxNumber':
iconType = 'icon-field-num';
break;
case 'dateTime':
case 'qxDatetime':
iconType = 'icon-field-datetime';
break;
case 'qxTime':
iconType = 'icon-field-time';
break;
case 'qxSwitch':
iconType = 'icon-field-boolean';
break;
case 'qxSelect':
iconType = 'icon-field-select';
break;
case 'qxMultiSelect':
iconType = 'icon-field-multi-select';
break;
case 'qxMobile':
iconType = 'icon-field-mobile';
break;
case 'qxMoney':
iconType = 'icon-field-finance';
break;
case 'qxEmail':
iconType = 'icon-field-email';
break;
case 'qxPercent':
iconType = 'icon-field-percent';
break;
case 'qxUpload':
iconType = 'icon-field-file';
break;
case 'qxUploadImage':
iconType = 'icon-field-img';
break;
case 'qxAddress':
iconType = 'icon-field-address';
break;
case 'qxRichText':
iconType = 'icon-field-richtext';
break;
case 'qxLocation':
iconType = 'icon-field-location';
break;
case 'orgSelector':
iconType = 'icon-field-department';
break;
case 'userSelector':
iconType = 'icon-field-user';
break;
case 'createdBy':
case 'created_by':
iconType = 'icon-field-created-by';
break;
case 'createdAt':
case 'created_at':
iconType = 'icon-field-created-at';
break;
case 'updatedBy':
case 'updated_by':
iconType = 'icon-field-updated-by';
break;
case 'updatedAt':
case 'updated_at':
iconType = 'icon-field-updated-at';
break;
case 'qxBizNo':
iconType = 'icon-field-no';
break;
case 'relSelector':
iconType = 'icon-field-rel';
break;
case 'relField':
iconType = 'icon-field-ref';
break;
case 'subform':
case 'table':
iconType = 'icon-field-subform';
break;
case 'qxTree':
iconType = 'icon-field-tree';
break;
case 'qxFormula':
iconType = 'icon-field-formula';
break;
case 'qxDivider':
iconType = 'icon-field-divider';
break;
case 'qxRemark':
iconType = 'icon-field-remark';
break;
case 'qxEmbed':
iconType = 'icon-field-embed ';
break;
case 'qxTabs':
iconType = 'icon-editor_tab';
break;
case 'qxLayout':
iconType = 'icon-editor_grid';
break;
case 'simple':
iconType = 'icon-editor_layout';
break;
case 'tabC':
iconType = 'icon-editor_tab';
break;
case 'layout':
iconType = 'icon-editor_grid';
break;
default:
iconType = 'icon-field-text';
break;
}
return <QxBaseIcon type={iconType} />;
};