@zzdadelu/schema-builder 1.0.0-alpha.1
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/CHANGELOG.md +1 -0
- package/LICENSE +21 -0
- package/README.md +39 -0
- package/es/createIframe.js +12 -0
- package/es/index.js +2 -0
- package/es/main.js +64 -0
- package/es/settings/index.js +26 -0
- package/es/settings/meta/card.js +108 -0
- package/es/settings/meta/cardList.js +203 -0
- package/es/settings/meta/checkbox.js +29 -0
- package/es/settings/meta/checkboxes.js +66 -0
- package/es/settings/meta/color.js +21 -0
- package/es/settings/meta/date.js +28 -0
- package/es/settings/meta/dateRange.js +37 -0
- package/es/settings/meta/form.js +115 -0
- package/es/settings/meta/imageInput.js +21 -0
- package/es/settings/meta/input.js +62 -0
- package/es/settings/meta/number.js +69 -0
- package/es/settings/meta/radio.js +65 -0
- package/es/settings/meta/rate.js +56 -0
- package/es/settings/meta/select.js +58 -0
- package/es/settings/meta/slider.js +40 -0
- package/es/settings/meta/switch.js +48 -0
- package/es/settings/meta/textarea.js +69 -0
- package/es/settings/meta/time.js +29 -0
- package/es/settings/meta/timeRange.js +37 -0
- package/es/settings/meta/treeSelect.js +85 -0
- package/es/settings/meta/urlInput.js +34 -0
- package/es/settings/utils.js +251 -0
- package/es/type.js +1 -0
- package/lib/createIframe.js +18 -0
- package/lib/index.js +9 -0
- package/lib/main.js +72 -0
- package/lib/settings/index.js +153 -0
- package/lib/settings/meta/card.js +114 -0
- package/lib/settings/meta/cardList.js +209 -0
- package/lib/settings/meta/checkbox.js +35 -0
- package/lib/settings/meta/checkboxes.js +72 -0
- package/lib/settings/meta/color.js +27 -0
- package/lib/settings/meta/date.js +34 -0
- package/lib/settings/meta/dateRange.js +43 -0
- package/lib/settings/meta/form.js +121 -0
- package/lib/settings/meta/imageInput.js +27 -0
- package/lib/settings/meta/input.js +68 -0
- package/lib/settings/meta/number.js +75 -0
- package/lib/settings/meta/radio.js +71 -0
- package/lib/settings/meta/rate.js +62 -0
- package/lib/settings/meta/select.js +64 -0
- package/lib/settings/meta/slider.js +46 -0
- package/lib/settings/meta/switch.js +54 -0
- package/lib/settings/meta/textarea.js +75 -0
- package/lib/settings/meta/time.js +35 -0
- package/lib/settings/meta/timeRange.js +43 -0
- package/lib/settings/meta/treeSelect.js +91 -0
- package/lib/settings/meta/urlInput.js +40 -0
- package/lib/settings/utils.js +258 -0
- package/lib/type.js +1 -0
- package/package.json +95 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { createMeta, getInputPropsBasic } from '../utils';
|
|
2
|
+
export default createMeta('TreeSelect', {
|
|
3
|
+
title: '树选择',
|
|
4
|
+
category: '其他',
|
|
5
|
+
props: [{
|
|
6
|
+
title: '基础配置',
|
|
7
|
+
type: 'group',
|
|
8
|
+
display: 'accordion',
|
|
9
|
+
items: getInputPropsBasic({
|
|
10
|
+
name: 'defaultValue',
|
|
11
|
+
title: {
|
|
12
|
+
label: '默认值',
|
|
13
|
+
tip: 'defaultValue | 默认值'
|
|
14
|
+
},
|
|
15
|
+
setter: 'JsonSetter'
|
|
16
|
+
})
|
|
17
|
+
}, {
|
|
18
|
+
title: '其他配置',
|
|
19
|
+
display: 'accordion',
|
|
20
|
+
type: 'group',
|
|
21
|
+
items: [{
|
|
22
|
+
name: 'props.treeData',
|
|
23
|
+
title: {
|
|
24
|
+
label: '数据源',
|
|
25
|
+
tip: '数据源'
|
|
26
|
+
},
|
|
27
|
+
setter: 'JsonSetter'
|
|
28
|
+
}, {
|
|
29
|
+
name: 'props.multiple',
|
|
30
|
+
title: {
|
|
31
|
+
label: '支持多选',
|
|
32
|
+
tip: '支持多选(当设置 treeCheckable 时自动变为 true)'
|
|
33
|
+
},
|
|
34
|
+
setter: 'BoolSetter'
|
|
35
|
+
}, {
|
|
36
|
+
name: 'props.allowClear',
|
|
37
|
+
title: {
|
|
38
|
+
label: '支持清除',
|
|
39
|
+
tip: '是否允许清除'
|
|
40
|
+
},
|
|
41
|
+
setter: 'BoolSetter'
|
|
42
|
+
}, {
|
|
43
|
+
name: 'props.treeCheckable',
|
|
44
|
+
title: {
|
|
45
|
+
label: '显示勾选框',
|
|
46
|
+
tip: '显示勾选框'
|
|
47
|
+
},
|
|
48
|
+
setter: 'BoolSetter'
|
|
49
|
+
}, {
|
|
50
|
+
name: 'props.treeDefaultExpandAll',
|
|
51
|
+
title: {
|
|
52
|
+
label: '默认展开所有树节点',
|
|
53
|
+
tip: '默认展开所有树节点'
|
|
54
|
+
},
|
|
55
|
+
setter: 'BoolSetter'
|
|
56
|
+
}]
|
|
57
|
+
}],
|
|
58
|
+
snippets: [{
|
|
59
|
+
label: '树选择',
|
|
60
|
+
screenshot: 'icon-tree',
|
|
61
|
+
schema: {
|
|
62
|
+
componentName: 'TreeSelect',
|
|
63
|
+
props: {
|
|
64
|
+
title: '树选择',
|
|
65
|
+
props: {
|
|
66
|
+
treeData: [{
|
|
67
|
+
value: 'parent 1',
|
|
68
|
+
title: 'parent 1',
|
|
69
|
+
children: [{
|
|
70
|
+
value: 'parent 1-0',
|
|
71
|
+
title: 'parent 1-0',
|
|
72
|
+
children: [{
|
|
73
|
+
value: 'leaf1',
|
|
74
|
+
title: 'leaf1'
|
|
75
|
+
}, {
|
|
76
|
+
value: 'leaf2',
|
|
77
|
+
title: 'leaf2'
|
|
78
|
+
}]
|
|
79
|
+
}]
|
|
80
|
+
}]
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}]
|
|
85
|
+
});
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { createMeta, inputPropsBasic } from '../utils';
|
|
2
|
+
export default createMeta('UrlInput', {
|
|
3
|
+
title: '链接输入框',
|
|
4
|
+
category: '其他',
|
|
5
|
+
props: [{
|
|
6
|
+
title: '基础配置',
|
|
7
|
+
type: 'group',
|
|
8
|
+
display: 'accordion',
|
|
9
|
+
items: inputPropsBasic
|
|
10
|
+
}, {
|
|
11
|
+
title: '其他配置',
|
|
12
|
+
display: 'accordion',
|
|
13
|
+
type: 'group',
|
|
14
|
+
items: [{
|
|
15
|
+
name: 'props.addonText',
|
|
16
|
+
title: {
|
|
17
|
+
label: '按钮文案',
|
|
18
|
+
tip: '跳转按钮的文案配置'
|
|
19
|
+
},
|
|
20
|
+
defaultValue: '测试链接',
|
|
21
|
+
setter: 'StringSetter'
|
|
22
|
+
}]
|
|
23
|
+
}],
|
|
24
|
+
snippets: [{
|
|
25
|
+
title: '链接输入框',
|
|
26
|
+
screenshot: 'icon-link',
|
|
27
|
+
schema: {
|
|
28
|
+
componentName: 'UrlInput',
|
|
29
|
+
props: {
|
|
30
|
+
title: '链接输入框'
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}]
|
|
34
|
+
});
|
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
import cloneDeep from 'lodash/cloneDeep';
|
|
8
|
+
export var inputPropsBasic = [{
|
|
9
|
+
name: 'title',
|
|
10
|
+
title: {
|
|
11
|
+
label: '标题',
|
|
12
|
+
tip: 'title | 标题'
|
|
13
|
+
},
|
|
14
|
+
setter: 'StringSetter'
|
|
15
|
+
}, {
|
|
16
|
+
name: 'code',
|
|
17
|
+
title: {
|
|
18
|
+
label: '字段名',
|
|
19
|
+
tip: 'key | 字段名'
|
|
20
|
+
},
|
|
21
|
+
setter: 'StringSetter'
|
|
22
|
+
}, {
|
|
23
|
+
name: 'defaultValue',
|
|
24
|
+
title: {
|
|
25
|
+
label: '默认值',
|
|
26
|
+
tip: 'defaultValue | 默认值'
|
|
27
|
+
},
|
|
28
|
+
setter: 'StringSetter'
|
|
29
|
+
}, {
|
|
30
|
+
name: 'props.placeholder',
|
|
31
|
+
title: {
|
|
32
|
+
label: '提示文案',
|
|
33
|
+
tip: 'placeholder | 提示文案'
|
|
34
|
+
},
|
|
35
|
+
setter: 'StringSetter'
|
|
36
|
+
}, {
|
|
37
|
+
name: 'description',
|
|
38
|
+
title: {
|
|
39
|
+
label: '补充说明',
|
|
40
|
+
tip: 'description | 补充说明'
|
|
41
|
+
},
|
|
42
|
+
setter: 'StringSetter'
|
|
43
|
+
}, {
|
|
44
|
+
name: 'tooltip.title',
|
|
45
|
+
title: {
|
|
46
|
+
label: '气泡提示',
|
|
47
|
+
tip: 'tooltip.title | 气泡提示文案'
|
|
48
|
+
},
|
|
49
|
+
setter: 'StringSetter'
|
|
50
|
+
}, {
|
|
51
|
+
name: 'extra',
|
|
52
|
+
title: {
|
|
53
|
+
label: '额外提示',
|
|
54
|
+
tip: 'extra | 额外的提示信息'
|
|
55
|
+
},
|
|
56
|
+
setter: 'StringSetter'
|
|
57
|
+
}, {
|
|
58
|
+
name: 'disabled',
|
|
59
|
+
title: {
|
|
60
|
+
label: '禁用',
|
|
61
|
+
tip: 'disabled | 禁用'
|
|
62
|
+
},
|
|
63
|
+
setter: 'FrExpressionSetter'
|
|
64
|
+
}, {
|
|
65
|
+
name: 'hidden',
|
|
66
|
+
title: {
|
|
67
|
+
label: '隐藏',
|
|
68
|
+
tip: 'hidden | 隐藏'
|
|
69
|
+
},
|
|
70
|
+
setter: 'FrExpressionSetter'
|
|
71
|
+
}, {
|
|
72
|
+
name: 'readOnly',
|
|
73
|
+
title: {
|
|
74
|
+
label: '只读',
|
|
75
|
+
tip: 'readOnly | 只读'
|
|
76
|
+
},
|
|
77
|
+
setter: 'FrExpressionSetter'
|
|
78
|
+
}, {
|
|
79
|
+
name: 'readOnlyWidget',
|
|
80
|
+
title: {
|
|
81
|
+
label: '只读组件',
|
|
82
|
+
tip: 'readOnlyWidget | 只读组件'
|
|
83
|
+
},
|
|
84
|
+
setter: 'StringSetter',
|
|
85
|
+
condition: function condition(target) {
|
|
86
|
+
return !!target.getProps().getPropValue('readOnly');
|
|
87
|
+
}
|
|
88
|
+
}];
|
|
89
|
+
export var notInputPropsBasic = [{
|
|
90
|
+
name: 'title',
|
|
91
|
+
title: {
|
|
92
|
+
label: '标题',
|
|
93
|
+
tip: 'title | 标题'
|
|
94
|
+
},
|
|
95
|
+
setter: 'StringSetter'
|
|
96
|
+
}, {
|
|
97
|
+
name: 'code',
|
|
98
|
+
title: {
|
|
99
|
+
label: '字段名',
|
|
100
|
+
tip: 'key | 字段名'
|
|
101
|
+
},
|
|
102
|
+
setter: 'StringSetter'
|
|
103
|
+
}, {
|
|
104
|
+
name: 'defaultValue',
|
|
105
|
+
title: {
|
|
106
|
+
label: '默认值',
|
|
107
|
+
tip: 'defaultValue | 默认值'
|
|
108
|
+
},
|
|
109
|
+
setter: 'StringSetter'
|
|
110
|
+
}, {
|
|
111
|
+
name: 'description',
|
|
112
|
+
title: {
|
|
113
|
+
label: '补充说明',
|
|
114
|
+
tip: 'description | 补充说明'
|
|
115
|
+
},
|
|
116
|
+
setter: 'StringSetter'
|
|
117
|
+
}, {
|
|
118
|
+
name: 'tooltip',
|
|
119
|
+
title: {
|
|
120
|
+
label: '气泡提示',
|
|
121
|
+
tip: 'tooltip | 气泡提示文案'
|
|
122
|
+
},
|
|
123
|
+
setter: 'StringSetter'
|
|
124
|
+
}, {
|
|
125
|
+
name: 'extra',
|
|
126
|
+
title: {
|
|
127
|
+
label: '额外提示',
|
|
128
|
+
tip: 'extra | 额外的提示信息'
|
|
129
|
+
},
|
|
130
|
+
setter: 'StringSetter'
|
|
131
|
+
}, {
|
|
132
|
+
name: 'disabled',
|
|
133
|
+
title: {
|
|
134
|
+
label: '禁用',
|
|
135
|
+
tip: 'disabled | 禁用'
|
|
136
|
+
},
|
|
137
|
+
setter: 'FrExpressionSetter'
|
|
138
|
+
}, {
|
|
139
|
+
name: 'hidden',
|
|
140
|
+
title: {
|
|
141
|
+
label: '隐藏',
|
|
142
|
+
tip: 'hidden | 隐藏'
|
|
143
|
+
},
|
|
144
|
+
setter: 'FrExpressionSetter'
|
|
145
|
+
}, {
|
|
146
|
+
name: 'readOnly',
|
|
147
|
+
title: {
|
|
148
|
+
label: '只读',
|
|
149
|
+
tip: 'readOnly | 只读'
|
|
150
|
+
},
|
|
151
|
+
setter: 'FrExpressionSetter'
|
|
152
|
+
}, {
|
|
153
|
+
name: 'readOnlyWidget',
|
|
154
|
+
title: {
|
|
155
|
+
label: '只读组件',
|
|
156
|
+
tip: 'readOnlyWidget | 只读组件'
|
|
157
|
+
},
|
|
158
|
+
setter: 'StringSetter',
|
|
159
|
+
condition: function condition(target) {
|
|
160
|
+
return !!target.getProps().getPropValue('readOnly');
|
|
161
|
+
}
|
|
162
|
+
}];
|
|
163
|
+
export var optionsProp = {
|
|
164
|
+
display: 'accordion',
|
|
165
|
+
name: 'props.options',
|
|
166
|
+
title: {
|
|
167
|
+
label: '选项配置',
|
|
168
|
+
tip: 'options | 选项配置'
|
|
169
|
+
},
|
|
170
|
+
setter: {
|
|
171
|
+
componentName: 'ArraySetter',
|
|
172
|
+
props: {
|
|
173
|
+
itemSetter: {
|
|
174
|
+
componentName: 'ObjectSetter',
|
|
175
|
+
initialValue: function initialValue() {
|
|
176
|
+
return {
|
|
177
|
+
label: '选项名',
|
|
178
|
+
value: uuid()
|
|
179
|
+
};
|
|
180
|
+
},
|
|
181
|
+
props: {
|
|
182
|
+
config: {
|
|
183
|
+
items: [{
|
|
184
|
+
name: 'label',
|
|
185
|
+
title: '选项名',
|
|
186
|
+
important: true,
|
|
187
|
+
setter: 'StringSetter'
|
|
188
|
+
}, {
|
|
189
|
+
name: 'value',
|
|
190
|
+
title: '选项值',
|
|
191
|
+
setter: ['StringSetter', 'NumberSetter'],
|
|
192
|
+
important: true
|
|
193
|
+
}, {
|
|
194
|
+
name: 'disabled',
|
|
195
|
+
title: '禁用',
|
|
196
|
+
setter: 'JsonSetter'
|
|
197
|
+
}]
|
|
198
|
+
}
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
}
|
|
202
|
+
}
|
|
203
|
+
};
|
|
204
|
+
export var getInputPropsBasic = function getInputPropsBasic(defaultValueProp, placeholder) {
|
|
205
|
+
var result = cloneDeep(inputPropsBasic);
|
|
206
|
+
result.splice(2, 0, defaultValueProp);
|
|
207
|
+
if (placeholder) {
|
|
208
|
+
result.splice(3, 0, defaultValueProp);
|
|
209
|
+
}
|
|
210
|
+
return result;
|
|
211
|
+
};
|
|
212
|
+
export var getNotInputPropsBasic = function getNotInputPropsBasic(defaultValueProp) {
|
|
213
|
+
var result = cloneDeep(notInputPropsBasic);
|
|
214
|
+
result.splice(2, 0, defaultValueProp);
|
|
215
|
+
return result;
|
|
216
|
+
};
|
|
217
|
+
export var uuid = function uuid() {
|
|
218
|
+
return (Math.random() * 1e6 >> 0).toString(36);
|
|
219
|
+
};
|
|
220
|
+
export var createMeta = function createMeta(componentName, params) {
|
|
221
|
+
return _objectSpread({
|
|
222
|
+
componentName: componentName,
|
|
223
|
+
docUrl: '',
|
|
224
|
+
screenshot: '',
|
|
225
|
+
devMode: 'proCode',
|
|
226
|
+
npm: {
|
|
227
|
+
package: '@ali/form-render-material',
|
|
228
|
+
version: '1.0.0',
|
|
229
|
+
exportName: componentName,
|
|
230
|
+
main: 'src/index.tsx',
|
|
231
|
+
destructuring: true,
|
|
232
|
+
subName: ''
|
|
233
|
+
},
|
|
234
|
+
configure: {
|
|
235
|
+
supports: {
|
|
236
|
+
loop: false,
|
|
237
|
+
condition: false
|
|
238
|
+
},
|
|
239
|
+
component: {
|
|
240
|
+
isContainer: false,
|
|
241
|
+
isModal: false,
|
|
242
|
+
nestingRule: {
|
|
243
|
+
parentWhitelist: ['FormRender', 'Card', 'CardList', 'TableList']
|
|
244
|
+
}
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
group: '基础组件',
|
|
248
|
+
category: '常用',
|
|
249
|
+
icon: 'https://img.alicdn.com/imgextra/i4/O1CN01gxzRdT1hm9KXRbZkU_!!6000000004319-2-tps-200-200.png'
|
|
250
|
+
}, params);
|
|
251
|
+
};
|
package/es/type.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var createIframeContent = function createIframeContent() {
|
|
8
|
+
var html = "\n <html>\n <head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\" />\n <title>XRender</title>\n <link rel=\"icon\" href=\"https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png\">\n <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/variables.css\" rel=\"stylesheet\" />\n <link href=\"https://alifd.alicdn.com/npm/@alifd/theme-lowcode-light@0.2.1/dist/next.var.min.css\" rel=\"stylesheet\" />\n <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/css/engine-core.css\" />\n <link rel=\"stylesheet\" href=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/css/engine-ext.css\" />\n <link rel=\"stylesheet\" href=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/css/index.css\" />\n\n <script>\n window.React = window.parent.React;\n window.ReactDOM = window.parent.ReactDOM;\n </script>\n \n <script src=\"https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js\"></script>\n <script src=\"https://g.alicdn.com/platform/c/react15-polyfill/0.0.1/dist/index.js\"></script>\n <script src=\"https://g.alicdn.com/platform/c/lodash/4.6.1/lodash.min.js\"></script>\n <script src=\"https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js\"></script>\n <script src=\"https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js\"></script>\n <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine/1.2.3/dist/js/engine-core.js\"></script>\n <script crossorigin=\"anonymous\" src=\"https://uipaas-assets.com/prod/npm/@alilc/lowcode-engine-ext/1.0.6/dist/js/engine-ext.js\"></script>\n </head>\n\n <body>\n <div id=\"lce-container\"></div>\n <script type=\"text/javascript\" src=\"https://g.alicdn.com/fone-lowcode/fr-generator/1.1.0/js/index.js\"></script>\n </body>\n </html>\n ";
|
|
9
|
+
return html;
|
|
10
|
+
};
|
|
11
|
+
var _default = exports.default = function _default() {
|
|
12
|
+
var iframe = document.createElement('iframe');
|
|
13
|
+
iframe.width = '100%';
|
|
14
|
+
iframe.height = '100%';
|
|
15
|
+
iframe.frameBorder = '0';
|
|
16
|
+
iframe.srcdoc = createIframeContent();
|
|
17
|
+
return iframe;
|
|
18
|
+
};
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _main = _interopRequireDefault(require("./main"));
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
var _default = exports.default = _main.default;
|
package/lib/main.js
ADDED
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _createIframe = _interopRequireDefault(require("./createIframe"));
|
|
10
|
+
var defaultSetting = _interopRequireWildcard(require("./settings"));
|
|
11
|
+
var _excluded = ["widgets", "settings"];
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
20
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
21
|
+
var iframe;
|
|
22
|
+
var Design = function Design(props, ref) {
|
|
23
|
+
var widgets = props.widgets,
|
|
24
|
+
settings = props.settings,
|
|
25
|
+
restProps = _objectWithoutProperties(props, _excluded);
|
|
26
|
+
var containerRef = (0, _react.useRef)();
|
|
27
|
+
(0, _react.useImperativeHandle)(ref, function () {
|
|
28
|
+
return {
|
|
29
|
+
getValue: function getValue() {
|
|
30
|
+
var _iframe, _iframe$contentWindow, _iframe$contentWindow2, _iframe$contentWindow3;
|
|
31
|
+
return (_iframe = iframe) === null || _iframe === void 0 ? void 0 : (_iframe$contentWindow = _iframe.contentWindow) === null || _iframe$contentWindow === void 0 ? void 0 : (_iframe$contentWindow2 = _iframe$contentWindow.__FR_ENGINE__) === null || _iframe$contentWindow2 === void 0 ? void 0 : (_iframe$contentWindow3 = _iframe$contentWindow2.exportSchema) === null || _iframe$contentWindow3 === void 0 ? void 0 : _iframe$contentWindow3.call(_iframe$contentWindow2);
|
|
32
|
+
},
|
|
33
|
+
setValue: function setValue(schema) {
|
|
34
|
+
var _iframe2, _iframe2$contentWindo, _iframe2$contentWindo2, _iframe2$contentWindo3;
|
|
35
|
+
return (_iframe2 = iframe) === null || _iframe2 === void 0 ? void 0 : (_iframe2$contentWindo = _iframe2.contentWindow) === null || _iframe2$contentWindo === void 0 ? void 0 : (_iframe2$contentWindo2 = _iframe2$contentWindo.__FR_ENGINE__) === null || _iframe2$contentWindo2 === void 0 ? void 0 : (_iframe2$contentWindo3 = _iframe2$contentWindo2.importSchema) === null || _iframe2$contentWindo3 === void 0 ? void 0 : _iframe2$contentWindo3.call(_iframe2$contentWindo2, schema);
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
});
|
|
39
|
+
(0, _react.useEffect)(function () {
|
|
40
|
+
initIframe();
|
|
41
|
+
window.addEventListener('message', engineOnLoad);
|
|
42
|
+
return function () {
|
|
43
|
+
window.removeEventListener('message', engineOnLoad);
|
|
44
|
+
};
|
|
45
|
+
}, []);
|
|
46
|
+
var initIframe = function initIframe() {
|
|
47
|
+
iframe = (0, _createIframe.default)();
|
|
48
|
+
containerRef.current.appendChild(iframe);
|
|
49
|
+
};
|
|
50
|
+
var engineOnLoad = function engineOnLoad(event) {
|
|
51
|
+
var _iframe3, _iframe3$contentWindo, _iframe3$contentWindo2;
|
|
52
|
+
if (event.data.type !== 'engine-load') {
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
(_iframe3 = iframe) === null || _iframe3 === void 0 ? void 0 : (_iframe3$contentWindo = _iframe3.contentWindow) === null || _iframe3$contentWindo === void 0 ? void 0 : (_iframe3$contentWindo2 = _iframe3$contentWindo.__FR_ENGINE__) === null || _iframe3$contentWindo2 === void 0 ? void 0 : _iframe3$contentWindo2.init(_objectSpread({
|
|
56
|
+
settings: _objectSpread(_objectSpread({}, defaultSetting), settings),
|
|
57
|
+
widgets: widgets,
|
|
58
|
+
// recordEnable: true,
|
|
59
|
+
logo: {
|
|
60
|
+
title: 'XRender'
|
|
61
|
+
}
|
|
62
|
+
}, restProps));
|
|
63
|
+
};
|
|
64
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
65
|
+
ref: containerRef,
|
|
66
|
+
style: {
|
|
67
|
+
width: '100%',
|
|
68
|
+
height: '100%'
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
var _default = exports.default = /*#__PURE__*/(0, _react.forwardRef)(Design);
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "CardList", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _cardList.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Checkbox", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _checkbox.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Checkboxes", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _checkboxes.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Color", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _color.default;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "DatePicker", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _date.default;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "DateRange", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _dateRange.default;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "Form", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _form.default;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "ImageInput", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _imageInput.default;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "Input", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _input.default;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Number", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _number.default;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "Radio", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _radio.default;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "Rate", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _rate.default;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "Select", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _select.default;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "Slider", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _slider.default;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "Switch", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _switch.default;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "Textarea", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _textarea.default;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "TimePicker", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _time.default;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "TimeRange", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function get() {
|
|
111
|
+
return _timeRange.default;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "TreeSelect", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _treeSelect.default;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "UrlInput", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _urlInput.default;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "card", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _card.default;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
var _input = _interopRequireDefault(require("./meta/input"));
|
|
133
|
+
var _number = _interopRequireDefault(require("./meta/number"));
|
|
134
|
+
var _select = _interopRequireDefault(require("./meta/select"));
|
|
135
|
+
var _radio = _interopRequireDefault(require("./meta/radio"));
|
|
136
|
+
var _checkbox = _interopRequireDefault(require("./meta/checkbox"));
|
|
137
|
+
var _checkboxes = _interopRequireDefault(require("./meta/checkboxes"));
|
|
138
|
+
var _textarea = _interopRequireDefault(require("./meta/textarea"));
|
|
139
|
+
var _date = _interopRequireDefault(require("./meta/date"));
|
|
140
|
+
var _dateRange = _interopRequireDefault(require("./meta/dateRange"));
|
|
141
|
+
var _time = _interopRequireDefault(require("./meta/time"));
|
|
142
|
+
var _timeRange = _interopRequireDefault(require("./meta/timeRange"));
|
|
143
|
+
var _rate = _interopRequireDefault(require("./meta/rate"));
|
|
144
|
+
var _switch = _interopRequireDefault(require("./meta/switch"));
|
|
145
|
+
var _slider = _interopRequireDefault(require("./meta/slider"));
|
|
146
|
+
var _color = _interopRequireDefault(require("./meta/color"));
|
|
147
|
+
var _imageInput = _interopRequireDefault(require("./meta/imageInput"));
|
|
148
|
+
var _urlInput = _interopRequireDefault(require("./meta/urlInput"));
|
|
149
|
+
var _treeSelect = _interopRequireDefault(require("./meta/treeSelect"));
|
|
150
|
+
var _form = _interopRequireDefault(require("./meta/form"));
|
|
151
|
+
var _card = _interopRequireDefault(require("./meta/card"));
|
|
152
|
+
var _cardList = _interopRequireDefault(require("./meta/cardList"));
|
|
153
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|