@byteluck-fe/model-driven-driven 2.7.0-alpha.1 → 2.7.0-alpha.3
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/esm/Builder.js +125 -85
- package/dist/esm/Designer.js +125 -70
- package/dist/esm/Driven.js +558 -399
- package/dist/esm/Store.js +148 -91
- package/dist/index.umd.js +3 -3
- package/package.json +6 -6
package/dist/esm/Builder.js
CHANGED
|
@@ -3,97 +3,137 @@ function _classCallCheck(instance, Constructor) {
|
|
|
3
3
|
throw new TypeError("Cannot call a class as a function");
|
|
4
4
|
}
|
|
5
5
|
}
|
|
6
|
+
function _defineProperties(target, props) {
|
|
7
|
+
for(var i = 0; i < props.length; i++){
|
|
8
|
+
var descriptor = props[i];
|
|
9
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
10
|
+
descriptor.configurable = true;
|
|
11
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
12
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
16
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
17
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
18
|
+
return Constructor;
|
|
19
|
+
}
|
|
20
|
+
function _defineProperty(obj, key, value) {
|
|
21
|
+
if (key in obj) {
|
|
22
|
+
Object.defineProperty(obj, key, {
|
|
23
|
+
value: value,
|
|
24
|
+
enumerable: true,
|
|
25
|
+
configurable: true,
|
|
26
|
+
writable: true
|
|
27
|
+
});
|
|
28
|
+
} else {
|
|
29
|
+
obj[key] = value;
|
|
30
|
+
}
|
|
31
|
+
return obj;
|
|
32
|
+
}
|
|
6
33
|
import Designer from "./Designer";
|
|
7
34
|
import { CONTROL_TYPE } from "@byteluck-fe/model-driven-shared";
|
|
8
35
|
export var Builder = /*#__PURE__*/ function() {
|
|
9
36
|
"use strict";
|
|
10
37
|
function Builder() {
|
|
11
38
|
_classCallCheck(this, Builder);
|
|
12
|
-
this
|
|
39
|
+
_defineProperty(this, "designer", new Designer());
|
|
13
40
|
}
|
|
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
|
-
|
|
41
|
+
_createClass(Builder, [
|
|
42
|
+
{
|
|
43
|
+
key: "ListPageBuilder",
|
|
44
|
+
value: // @ts-ignore
|
|
45
|
+
function ListPageBuilder() {
|
|
46
|
+
var listview = this.designer.createControlInstance(// @ts-ignore
|
|
47
|
+
CONTROL_TYPE.LIST_VIEW);
|
|
48
|
+
var simpleSearch = this.designer.createControlInstance(// @ts-ignore
|
|
49
|
+
CONTROL_TYPE.SIMPLE_SEARCH);
|
|
50
|
+
var gridTable = this.designer.createControlInstance(// @ts-ignore
|
|
51
|
+
CONTROL_TYPE.GRID_TABLE);
|
|
52
|
+
var createBtn = this.designer.createControlInstance(// @ts-ignore
|
|
53
|
+
CONTROL_TYPE.CREATE_FORM_LIST_BUTTON);
|
|
54
|
+
var importBtn = this.designer.createControlInstance(// @ts-ignore
|
|
55
|
+
CONTROL_TYPE.IMPORT_RECORD_LIST_BUTTON);
|
|
56
|
+
var exportBtn = this.designer.createControlInstance(// @ts-ignore
|
|
57
|
+
CONTROL_TYPE.EXPORT_LIST_BUTTON);
|
|
58
|
+
var exportRecordBtn = this.designer.createControlInstance(// @ts-ignore
|
|
59
|
+
CONTROL_TYPE.EXPORT_RECORD_LIST_BUTTON);
|
|
60
|
+
// @ts-ignore
|
|
61
|
+
gridTable.children.push(createBtn);
|
|
62
|
+
// @ts-ignore
|
|
63
|
+
gridTable.children.push(importBtn);
|
|
64
|
+
// @ts-ignore
|
|
65
|
+
gridTable.children.push(exportBtn);
|
|
66
|
+
// @ts-ignore
|
|
67
|
+
gridTable.children.push(exportRecordBtn);
|
|
68
|
+
// @ts-ignore
|
|
69
|
+
listview.children.push(simpleSearch);
|
|
70
|
+
// @ts-ignore
|
|
71
|
+
listview.children.push(gridTable);
|
|
72
|
+
return listview;
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
key: "ProListPageBuilder",
|
|
77
|
+
value: // @ts-ignore
|
|
78
|
+
function ProListPageBuilder() {
|
|
79
|
+
// @ts-ignore
|
|
80
|
+
var listview = this.designer.createControlInstance(// @ts-ignore
|
|
81
|
+
CONTROL_TYPE.LIST_VIEW);
|
|
82
|
+
listview.props.countType = "async";
|
|
83
|
+
var simpleSearch = this.designer.createControlInstance(// @ts-ignore
|
|
84
|
+
CONTROL_TYPE.SIMPLE_SEARCH);
|
|
85
|
+
var gridTable = this.designer.createControlInstance(// @ts-ignore
|
|
86
|
+
CONTROL_TYPE.GRID_TABLE);
|
|
87
|
+
// @ts-ignore
|
|
88
|
+
var exportBtn = this.designer.createControlInstance(// @ts-ignore
|
|
89
|
+
CONTROL_TYPE.EXPORT_LIST_BUTTON);
|
|
90
|
+
var exportRecordBtn = this.designer.createControlInstance(// @ts-ignore
|
|
91
|
+
CONTROL_TYPE.EXPORT_RECORD_LIST_BUTTON);
|
|
92
|
+
// @ts-ignore
|
|
93
|
+
gridTable.children.push(exportBtn);
|
|
94
|
+
// @ts-ignore
|
|
95
|
+
gridTable.children.push(exportRecordBtn);
|
|
96
|
+
// @ts-ignore
|
|
97
|
+
listview.children.push(simpleSearch);
|
|
98
|
+
// @ts-ignore
|
|
99
|
+
listview.children.push(gridTable);
|
|
100
|
+
return listview;
|
|
101
|
+
}
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
key: "FormPageBuilder",
|
|
105
|
+
value: // @ts-ignore
|
|
106
|
+
function FormPageBuilder() {
|
|
107
|
+
var dataView = this.designer.createControlInstance(// @ts-ignore
|
|
108
|
+
CONTROL_TYPE.DATA_VIEW);
|
|
109
|
+
// @ts-ignore
|
|
110
|
+
var title = this.designer.createControlInstance(CONTROL_TYPE.TITLE);
|
|
111
|
+
// @ts-ignore
|
|
112
|
+
var grid = this.designer.createControlInstance(CONTROL_TYPE.GRID);
|
|
113
|
+
// @ts-ignore
|
|
114
|
+
dataView.children.push(title);
|
|
115
|
+
// @ts-ignore
|
|
116
|
+
dataView.children.push(grid);
|
|
117
|
+
return dataView;
|
|
118
|
+
}
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
key: "VuePageBuilder",
|
|
122
|
+
value: // @ts-ignore
|
|
123
|
+
function VuePageBuilder() {
|
|
124
|
+
var grid = this.designer.createControlInstance(// @ts-ignore
|
|
125
|
+
CONTROL_TYPE.GRID);
|
|
126
|
+
var vueFormItem = this.designer.createControlInstance(// @ts-ignore
|
|
127
|
+
CONTROL_TYPE.VUE_FORM_ITEM);
|
|
128
|
+
// @ts-ignore
|
|
129
|
+
vueFormItem.props.isHideCaption = true;
|
|
130
|
+
// @ts-ignore
|
|
131
|
+
vueFormItem.props.controlExportName = "VuePage";
|
|
132
|
+
// @ts-ignore
|
|
133
|
+
grid.children.push(vueFormItem);
|
|
134
|
+
return grid;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
]);
|
|
98
138
|
return Builder;
|
|
99
139
|
}();
|
package/dist/esm/Designer.js
CHANGED
|
@@ -46,6 +46,33 @@ function _classCallCheck(instance, Constructor) {
|
|
|
46
46
|
throw new TypeError("Cannot call a class as a function");
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
+
function _defineProperties(target, props) {
|
|
50
|
+
for(var i = 0; i < props.length; i++){
|
|
51
|
+
var descriptor = props[i];
|
|
52
|
+
descriptor.enumerable = descriptor.enumerable || false;
|
|
53
|
+
descriptor.configurable = true;
|
|
54
|
+
if ("value" in descriptor) descriptor.writable = true;
|
|
55
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
function _createClass(Constructor, protoProps, staticProps) {
|
|
59
|
+
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
|
|
60
|
+
if (staticProps) _defineProperties(Constructor, staticProps);
|
|
61
|
+
return Constructor;
|
|
62
|
+
}
|
|
63
|
+
function _defineProperty(obj, key, value) {
|
|
64
|
+
if (key in obj) {
|
|
65
|
+
Object.defineProperty(obj, key, {
|
|
66
|
+
value: value,
|
|
67
|
+
enumerable: true,
|
|
68
|
+
configurable: true,
|
|
69
|
+
writable: true
|
|
70
|
+
});
|
|
71
|
+
} else {
|
|
72
|
+
obj[key] = value;
|
|
73
|
+
}
|
|
74
|
+
return obj;
|
|
75
|
+
}
|
|
49
76
|
function _getPrototypeOf(o) {
|
|
50
77
|
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
|
|
51
78
|
return o.__proto__ || Object.getPrototypeOf(o);
|
|
@@ -237,87 +264,115 @@ var Designer = /*#__PURE__*/ function _target(RegisterControls) {
|
|
|
237
264
|
_classCallCheck(this, Designer);
|
|
238
265
|
var _this;
|
|
239
266
|
_this = _super.call(this, "Designer");
|
|
240
|
-
_this
|
|
241
|
-
_this
|
|
242
|
-
_this
|
|
243
|
-
_this
|
|
244
|
-
_this
|
|
267
|
+
_defineProperty(_assertThisInitialized(_this), "toolbox", []);
|
|
268
|
+
_defineProperty(_assertThisInitialized(_this), "services", {});
|
|
269
|
+
_defineProperty(_assertThisInitialized(_this), "eventLogic", new EventLogic());
|
|
270
|
+
_defineProperty(_assertThisInitialized(_this), "fieldTypes", FieldTypes);
|
|
271
|
+
_defineProperty(_assertThisInitialized(_this), "controlSettingMap", new Map());
|
|
245
272
|
(_instanceof(this, Designer) ? this.constructor : void 0).staticControls.forEach(function(control) {
|
|
246
273
|
var _$Designer = control.Designer, Setting = control.Setting;
|
|
247
274
|
_this.controlSettingMap.set(_$Designer.controlType, Setting);
|
|
248
275
|
});
|
|
249
276
|
return _this;
|
|
250
277
|
}
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
var setting = this.controlSettingMap.get(type);
|
|
261
|
-
if (!setting) {
|
|
262
|
-
return null;
|
|
263
|
-
}
|
|
264
|
-
return setting;
|
|
265
|
-
};
|
|
266
|
-
_proto.setInstance = function setInstance(instance, props, value) {
|
|
267
|
-
try {
|
|
268
|
-
if (!instance) {
|
|
269
|
-
return;
|
|
278
|
+
_createClass(Designer, [
|
|
279
|
+
{
|
|
280
|
+
key: "registerControl",
|
|
281
|
+
value: function registerControl(control) {
|
|
282
|
+
this.constructor.register(control);
|
|
283
|
+
var DesignerClass = control.Designer, Setting = control.Setting;
|
|
284
|
+
this.register(DesignerClass);
|
|
285
|
+
this.registeredControlTypes.add(DesignerClass.controlType);
|
|
286
|
+
this.controlSettingMap.set(DesignerClass.controlType, Setting);
|
|
270
287
|
}
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
288
|
+
},
|
|
289
|
+
{
|
|
290
|
+
key: "getControlSetting",
|
|
291
|
+
value: function getControlSetting(type) {
|
|
292
|
+
var setting = this.controlSettingMap.get(type);
|
|
293
|
+
if (!setting) {
|
|
294
|
+
return null;
|
|
295
|
+
}
|
|
296
|
+
return setting;
|
|
297
|
+
}
|
|
298
|
+
},
|
|
299
|
+
{
|
|
300
|
+
key: "setInstance",
|
|
301
|
+
value: function setInstance(instance, props, value) {
|
|
302
|
+
try {
|
|
303
|
+
if (!instance) {
|
|
304
|
+
return;
|
|
305
|
+
}
|
|
306
|
+
// @ts-ignore
|
|
307
|
+
instance.updateProps(props, value);
|
|
308
|
+
} catch (e) {
|
|
309
|
+
throw e;
|
|
310
|
+
}
|
|
311
|
+
}
|
|
312
|
+
},
|
|
313
|
+
{
|
|
314
|
+
key: "eachControls",
|
|
315
|
+
value: function eachControls(callback) {
|
|
316
|
+
this.getControls().forEach(callback);
|
|
317
|
+
}
|
|
318
|
+
},
|
|
319
|
+
{
|
|
320
|
+
key: "getInitControl",
|
|
321
|
+
value: // 获取初始化的数据模型
|
|
322
|
+
function getInitControl() {
|
|
323
|
+
// @ts-ignore
|
|
293
324
|
return [
|
|
294
|
-
|
|
295
|
-
checkSchema.apply(void 0, _toConsumableArray(args))
|
|
325
|
+
this.createControlInstance("grid")
|
|
296
326
|
];
|
|
297
|
-
}
|
|
298
|
-
}
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
327
|
+
}
|
|
328
|
+
},
|
|
329
|
+
{
|
|
330
|
+
key: "checkSchema",
|
|
331
|
+
value: function checkSchema1() {
|
|
332
|
+
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
|
|
333
|
+
args[_key] = arguments[_key];
|
|
334
|
+
}
|
|
335
|
+
return _asyncToGenerator(function() {
|
|
336
|
+
return __generator(this, function(_state) {
|
|
337
|
+
return [
|
|
338
|
+
2,
|
|
339
|
+
checkSchema.apply(void 0, _toConsumableArray(args))
|
|
340
|
+
];
|
|
341
|
+
});
|
|
342
|
+
})();
|
|
343
|
+
}
|
|
344
|
+
},
|
|
345
|
+
{
|
|
346
|
+
key: "getModelBindInfoList",
|
|
347
|
+
value: function getModelBindInfoList1() {
|
|
348
|
+
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
|
|
349
|
+
args[_key] = arguments[_key];
|
|
350
|
+
}
|
|
351
|
+
return getModelBindInfoList.apply(void 0, _toConsumableArray(args));
|
|
352
|
+
}
|
|
353
|
+
},
|
|
354
|
+
{
|
|
355
|
+
key: "getSchema",
|
|
356
|
+
value: function getSchema() {
|
|
357
|
+
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
|
|
358
|
+
args[_key] = arguments[_key];
|
|
359
|
+
}
|
|
360
|
+
return toSchema.apply(void 0, _toConsumableArray(args));
|
|
361
|
+
}
|
|
362
|
+
},
|
|
363
|
+
{
|
|
364
|
+
key: "listenControlHook",
|
|
365
|
+
value: function listenControlHook() {
|
|
366
|
+
for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
|
|
367
|
+
args[_key] = arguments[_key];
|
|
368
|
+
}
|
|
369
|
+
var _controlHooksEmitter;
|
|
370
|
+
return (_controlHooksEmitter = controlHooksEmitter).on.apply(_controlHooksEmitter, _toConsumableArray(args));
|
|
371
|
+
}
|
|
315
372
|
}
|
|
316
|
-
|
|
317
|
-
return (_controlHooksEmitter = controlHooksEmitter).on.apply(_controlHooksEmitter, _toConsumableArray(args));
|
|
318
|
-
};
|
|
373
|
+
]);
|
|
319
374
|
return Designer;
|
|
320
375
|
}(RegisterControls);
|
|
321
|
-
Designer
|
|
376
|
+
_defineProperty(Designer, "EventLogic", EventLogic);
|
|
322
377
|
export { Designer as default };
|
|
323
378
|
export { Designer };
|