@cuipengyu5/bling-renderer-core 0.0.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/es/adapter/index.d.ts +24 -0
- package/es/adapter/index.js +95 -0
- package/es/components/Div.d.ts +2 -0
- package/es/components/Div.js +19 -0
- package/es/components/VisualDom/index.css +19 -0
- package/es/components/VisualDom/index.d.ts +3 -0
- package/es/components/VisualDom/index.js +44 -0
- package/es/context/index.d.ts +1 -0
- package/es/context/index.js +11 -0
- package/es/hoc/index.d.ts +7 -0
- package/es/hoc/index.js +90 -0
- package/es/hoc/leaf.d.ts +32 -0
- package/es/hoc/leaf.js +521 -0
- package/es/index.d.ts +7 -0
- package/es/index.js +9 -0
- package/es/renderer/addon.d.ts +2 -0
- package/es/renderer/addon.js +107 -0
- package/es/renderer/base.d.ts +13 -0
- package/es/renderer/base.js +1120 -0
- package/es/renderer/block.d.ts +2 -0
- package/es/renderer/block.js +43 -0
- package/es/renderer/component.d.ts +2 -0
- package/es/renderer/component.js +59 -0
- package/es/renderer/index.d.ts +8 -0
- package/es/renderer/index.js +8 -0
- package/es/renderer/page.d.ts +2 -0
- package/es/renderer/page.js +91 -0
- package/es/renderer/renderer.d.ts +2 -0
- package/es/renderer/renderer.js +230 -0
- package/es/renderer/temp.d.ts +2 -0
- package/es/renderer/temp.js +139 -0
- package/es/style.js +1 -0
- package/es/types/index.d.ts +275 -0
- package/es/types/index.js +1 -0
- package/es/utils/common.d.ts +119 -0
- package/es/utils/common.js +378 -0
- package/es/utils/data-helper.d.ts +74 -0
- package/es/utils/data-helper.js +300 -0
- package/es/utils/index.d.ts +3 -0
- package/es/utils/index.js +3 -0
- package/es/utils/is-use-loop.d.ts +2 -0
- package/es/utils/is-use-loop.js +16 -0
- package/es/utils/logger.d.ts +3 -0
- package/es/utils/logger.js +5 -0
- package/es/utils/request.d.ts +54 -0
- package/es/utils/request.js +209 -0
- package/lib/adapter/index.d.ts +24 -0
- package/lib/adapter/index.js +99 -0
- package/lib/components/Div.d.ts +2 -0
- package/lib/components/Div.js +24 -0
- package/lib/components/VisualDom/index.css +19 -0
- package/lib/components/VisualDom/index.d.ts +3 -0
- package/lib/components/VisualDom/index.js +49 -0
- package/lib/context/index.d.ts +1 -0
- package/lib/context/index.js +16 -0
- package/lib/hoc/index.d.ts +7 -0
- package/lib/hoc/index.js +95 -0
- package/lib/hoc/leaf.d.ts +32 -0
- package/lib/hoc/leaf.js +526 -0
- package/lib/index.d.ts +7 -0
- package/lib/index.js +34 -0
- package/lib/renderer/addon.d.ts +2 -0
- package/lib/renderer/addon.js +112 -0
- package/lib/renderer/base.d.ts +13 -0
- package/lib/renderer/base.js +1126 -0
- package/lib/renderer/block.d.ts +2 -0
- package/lib/renderer/block.js +48 -0
- package/lib/renderer/component.d.ts +2 -0
- package/lib/renderer/component.js +64 -0
- package/lib/renderer/index.d.ts +8 -0
- package/lib/renderer/index.js +18 -0
- package/lib/renderer/page.d.ts +2 -0
- package/lib/renderer/page.js +96 -0
- package/lib/renderer/renderer.d.ts +2 -0
- package/lib/renderer/renderer.js +235 -0
- package/lib/renderer/temp.d.ts +2 -0
- package/lib/renderer/temp.js +144 -0
- package/lib/style.js +1 -0
- package/lib/types/index.d.ts +275 -0
- package/lib/types/index.js +3 -0
- package/lib/utils/common.d.ts +119 -0
- package/lib/utils/common.js +409 -0
- package/lib/utils/data-helper.d.ts +74 -0
- package/lib/utils/data-helper.js +306 -0
- package/lib/utils/index.d.ts +3 -0
- package/lib/utils/index.js +21 -0
- package/lib/utils/is-use-loop.d.ts +2 -0
- package/lib/utils/is-use-loop.js +19 -0
- package/lib/utils/logger.d.ts +3 -0
- package/lib/utils/logger.js +9 -0
- package/lib/utils/request.d.ts +54 -0
- package/lib/utils/request.js +217 -0
- package/package.json +64 -0
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = blockRendererFactory;
|
|
6
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
7
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
8
|
+
function blockRendererFactory() {
|
|
9
|
+
var _BlockRenderer;
|
|
10
|
+
var BaseRenderer = (0, _base["default"])();
|
|
11
|
+
return _BlockRenderer = /*#__PURE__*/function (_BaseRenderer) {
|
|
12
|
+
function BlockRenderer() {
|
|
13
|
+
var _this;
|
|
14
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
+
args[_key] = arguments[_key];
|
|
16
|
+
}
|
|
17
|
+
_this = _BaseRenderer.call.apply(_BaseRenderer, [this].concat(args)) || this;
|
|
18
|
+
_this.__namespace = 'block';
|
|
19
|
+
return _this;
|
|
20
|
+
}
|
|
21
|
+
(0, _inheritsLoose2["default"])(BlockRenderer, _BaseRenderer);
|
|
22
|
+
var _proto = BlockRenderer.prototype;
|
|
23
|
+
_proto.__afterInit = function __afterInit(props) {
|
|
24
|
+
this.__generateCtx({});
|
|
25
|
+
var schema = props.__schema || {};
|
|
26
|
+
this.state = this.__parseData(schema.state || {});
|
|
27
|
+
this.__initDataSource(props);
|
|
28
|
+
this.__executeLifeCycleMethod('constructor', Array.prototype.slice.call(arguments));
|
|
29
|
+
};
|
|
30
|
+
_proto.render = function render() {
|
|
31
|
+
var _this$props = this.props,
|
|
32
|
+
__schema = _this$props.__schema,
|
|
33
|
+
__components = _this$props.__components;
|
|
34
|
+
if (this.__checkSchema(__schema, 'Div')) {
|
|
35
|
+
return '区块 schema 结构异常!';
|
|
36
|
+
}
|
|
37
|
+
this.__debug(BlockRenderer.displayName + " render - " + (__schema === null || __schema === void 0 ? void 0 : __schema.fileName));
|
|
38
|
+
this.__generateCtx({});
|
|
39
|
+
this.__render();
|
|
40
|
+
var Block = __components.Block;
|
|
41
|
+
if (Block) {
|
|
42
|
+
return this.__renderComp(Block, {});
|
|
43
|
+
}
|
|
44
|
+
return this.__renderContent(this.__renderContextProvider());
|
|
45
|
+
};
|
|
46
|
+
return BlockRenderer;
|
|
47
|
+
}(BaseRenderer), _BlockRenderer.displayName = 'BlockRenderer', _BlockRenderer;
|
|
48
|
+
}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = componentRendererFactory;
|
|
6
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
7
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
8
|
+
function componentRendererFactory() {
|
|
9
|
+
var _CompRenderer;
|
|
10
|
+
var BaseRenderer = (0, _base["default"])();
|
|
11
|
+
return _CompRenderer = /*#__PURE__*/function (_BaseRenderer) {
|
|
12
|
+
function CompRenderer() {
|
|
13
|
+
var _this;
|
|
14
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15
|
+
args[_key] = arguments[_key];
|
|
16
|
+
}
|
|
17
|
+
_this = _BaseRenderer.call.apply(_BaseRenderer, [this].concat(args)) || this;
|
|
18
|
+
_this.__namespace = 'component';
|
|
19
|
+
return _this;
|
|
20
|
+
}
|
|
21
|
+
(0, _inheritsLoose2["default"])(CompRenderer, _BaseRenderer);
|
|
22
|
+
var _proto = CompRenderer.prototype;
|
|
23
|
+
_proto.__afterInit = function __afterInit(props) {
|
|
24
|
+
this.__generateCtx({
|
|
25
|
+
component: this
|
|
26
|
+
});
|
|
27
|
+
var schema = props.__schema || {};
|
|
28
|
+
this.state = this.__parseData(schema.state || {});
|
|
29
|
+
this.__initDataSource(props);
|
|
30
|
+
this.__executeLifeCycleMethod('constructor', arguments);
|
|
31
|
+
};
|
|
32
|
+
_proto.render = function render() {
|
|
33
|
+
var _schema$props;
|
|
34
|
+
var _this$props = this.props,
|
|
35
|
+
__schema = _this$props.__schema,
|
|
36
|
+
__components = _this$props.__components;
|
|
37
|
+
if (this.__checkSchema(__schema)) {
|
|
38
|
+
return '自定义组件 schema 结构异常!';
|
|
39
|
+
}
|
|
40
|
+
this.__debug(CompRenderer.displayName + " render - " + __schema.fileName);
|
|
41
|
+
this.__generateCtx({
|
|
42
|
+
component: this
|
|
43
|
+
});
|
|
44
|
+
this.__render();
|
|
45
|
+
var noContainer = this.__parseData((_schema$props = __schema.props) === null || _schema$props === void 0 ? void 0 : _schema$props.noContainer);
|
|
46
|
+
this.__bindCustomMethods(this.props);
|
|
47
|
+
if (noContainer) {
|
|
48
|
+
return this.__renderContextProvider({
|
|
49
|
+
compContext: this
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
var Component = __components === null || __components === void 0 ? void 0 : __components[__schema === null || __schema === void 0 ? void 0 : __schema.componentName];
|
|
53
|
+
if (!Component) {
|
|
54
|
+
return this.__renderContent(this.__renderContextProvider({
|
|
55
|
+
compContext: this
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
return this.__renderComp(Component, this.__renderContextProvider({
|
|
59
|
+
compContext: this
|
|
60
|
+
}));
|
|
61
|
+
};
|
|
62
|
+
return CompRenderer;
|
|
63
|
+
}(BaseRenderer), _CompRenderer.displayName = 'CompRenderer', _CompRenderer;
|
|
64
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import baseRendererFactory from './base';
|
|
2
|
+
import pageRendererFactory from './page';
|
|
3
|
+
import componentRendererFactory from './component';
|
|
4
|
+
import blockRendererFactory from './block';
|
|
5
|
+
import addonRendererFactory from './addon';
|
|
6
|
+
import tempRendererFactory from './temp';
|
|
7
|
+
import rendererFactory from './renderer';
|
|
8
|
+
export { baseRendererFactory, pageRendererFactory, componentRendererFactory, blockRendererFactory, addonRendererFactory, tempRendererFactory, rendererFactory, };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
6
|
+
exports.baseRendererFactory = _base["default"];
|
|
7
|
+
var _page = _interopRequireDefault(require("./page"));
|
|
8
|
+
exports.pageRendererFactory = _page["default"];
|
|
9
|
+
var _component = _interopRequireDefault(require("./component"));
|
|
10
|
+
exports.componentRendererFactory = _component["default"];
|
|
11
|
+
var _block = _interopRequireDefault(require("./block"));
|
|
12
|
+
exports.blockRendererFactory = _block["default"];
|
|
13
|
+
var _addon = _interopRequireDefault(require("./addon"));
|
|
14
|
+
exports.addonRendererFactory = _addon["default"];
|
|
15
|
+
var _temp = _interopRequireDefault(require("./temp"));
|
|
16
|
+
exports.tempRendererFactory = _temp["default"];
|
|
17
|
+
var _renderer = _interopRequireDefault(require("./renderer"));
|
|
18
|
+
exports.rendererFactory = _renderer["default"];
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = pageRendererFactory;
|
|
6
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
7
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
8
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
9
|
+
var _lowcodeUtils = require("@alilc/lowcode-utils");
|
|
10
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
11
|
+
var logger = (0, _lowcodeUtils.getLogger)({
|
|
12
|
+
level: 'warn',
|
|
13
|
+
bizName: 'renderer-core:page'
|
|
14
|
+
});
|
|
15
|
+
function pageRendererFactory() {
|
|
16
|
+
var _PageRenderer;
|
|
17
|
+
var BaseRenderer = (0, _base["default"])();
|
|
18
|
+
return _PageRenderer = /*#__PURE__*/function (_BaseRenderer) {
|
|
19
|
+
function PageRenderer() {
|
|
20
|
+
var _this;
|
|
21
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
22
|
+
args[_key] = arguments[_key];
|
|
23
|
+
}
|
|
24
|
+
_this = _BaseRenderer.call.apply(_BaseRenderer, [this].concat(args)) || this;
|
|
25
|
+
_this.__namespace = 'page';
|
|
26
|
+
return _this;
|
|
27
|
+
}
|
|
28
|
+
(0, _inheritsLoose2["default"])(PageRenderer, _BaseRenderer);
|
|
29
|
+
var _proto = PageRenderer.prototype;
|
|
30
|
+
_proto.__afterInit = function __afterInit(props) {
|
|
31
|
+
this.__generateCtx({
|
|
32
|
+
page: this
|
|
33
|
+
});
|
|
34
|
+
var schema = props.__schema || {};
|
|
35
|
+
this.state = this.__parseData(schema.state || {});
|
|
36
|
+
this.__initDataSource(props);
|
|
37
|
+
for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
|
|
38
|
+
rest[_key2 - 1] = arguments[_key2];
|
|
39
|
+
}
|
|
40
|
+
this.__executeLifeCycleMethod('constructor', [props].concat(rest));
|
|
41
|
+
};
|
|
42
|
+
_proto.componentDidUpdate = /*#__PURE__*/function () {
|
|
43
|
+
var _componentDidUpdate = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(prevProps, _prevState, snapshot) {
|
|
44
|
+
var _BaseRenderer$prototy;
|
|
45
|
+
var __ctx, newState;
|
|
46
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
47
|
+
while (1) switch (_context.prev = _context.next) {
|
|
48
|
+
case 0:
|
|
49
|
+
__ctx = this.props.__ctx; // 当编排的时候修改 schema.state 值,需要将最新 schema.state 值 setState
|
|
50
|
+
if (JSON.stringify(prevProps.__schema.state) != JSON.stringify(this.props.__schema.state)) {
|
|
51
|
+
newState = this.__parseData(this.props.__schema.state, __ctx);
|
|
52
|
+
this.setState(newState);
|
|
53
|
+
}
|
|
54
|
+
(_BaseRenderer$prototy = _BaseRenderer.prototype.componentDidUpdate) === null || _BaseRenderer$prototy === void 0 ? void 0 : _BaseRenderer$prototy.call(this, prevProps, _prevState, snapshot);
|
|
55
|
+
case 1:
|
|
56
|
+
case "end":
|
|
57
|
+
return _context.stop();
|
|
58
|
+
}
|
|
59
|
+
}, _callee, this);
|
|
60
|
+
}));
|
|
61
|
+
function componentDidUpdate(_x, _x2, _x3) {
|
|
62
|
+
return _componentDidUpdate.apply(this, arguments);
|
|
63
|
+
}
|
|
64
|
+
return componentDidUpdate;
|
|
65
|
+
}();
|
|
66
|
+
_proto.setState = function setState(state, callback) {
|
|
67
|
+
logger.info('page set state', state);
|
|
68
|
+
_BaseRenderer.prototype.setState.call(this, state, callback);
|
|
69
|
+
};
|
|
70
|
+
_proto.render = function render() {
|
|
71
|
+
var _this$props = this.props,
|
|
72
|
+
__schema = _this$props.__schema,
|
|
73
|
+
__components = _this$props.__components;
|
|
74
|
+
if (this.__checkSchema(__schema)) {
|
|
75
|
+
return '页面schema结构异常!';
|
|
76
|
+
}
|
|
77
|
+
this.__debug(PageRenderer.displayName + " render - " + __schema.fileName);
|
|
78
|
+
this.__bindCustomMethods(this.props);
|
|
79
|
+
this.__initDataSource(this.props);
|
|
80
|
+
this.__generateCtx({
|
|
81
|
+
page: this
|
|
82
|
+
});
|
|
83
|
+
this.__render();
|
|
84
|
+
var Page = __components.Page;
|
|
85
|
+
if (Page) {
|
|
86
|
+
return this.__renderComp(Page, {
|
|
87
|
+
pageContext: this
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
return this.__renderContent(this.__renderContextProvider({
|
|
91
|
+
pageContext: this
|
|
92
|
+
}));
|
|
93
|
+
};
|
|
94
|
+
return PageRenderer;
|
|
95
|
+
}(BaseRenderer), _PageRenderer.displayName = 'PageRenderer', _PageRenderer;
|
|
96
|
+
}
|
|
@@ -0,0 +1,235 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = rendererFactory;
|
|
6
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
7
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
8
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
9
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
10
|
+
var _debug = _interopRequireDefault(require("debug"));
|
|
11
|
+
var _adapter = _interopRequireDefault(require("../adapter"));
|
|
12
|
+
var _context4 = _interopRequireDefault(require("../context"));
|
|
13
|
+
var _utils = require("../utils");
|
|
14
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
15
|
+
var _Div = _interopRequireDefault(require("../components/Div"));
|
|
16
|
+
var _logger = _interopRequireDefault(require("../utils/logger"));
|
|
17
|
+
function rendererFactory() {
|
|
18
|
+
var _Renderer;
|
|
19
|
+
var _adapter$getRuntime = _adapter["default"].getRuntime(),
|
|
20
|
+
PureComponent = _adapter$getRuntime.PureComponent,
|
|
21
|
+
Component = _adapter$getRuntime.Component,
|
|
22
|
+
_createElement = _adapter$getRuntime.createElement,
|
|
23
|
+
findDOMNode = _adapter$getRuntime.findDOMNode;
|
|
24
|
+
var RENDERER_COMPS = _adapter["default"].getRenderers();
|
|
25
|
+
var BaseRenderer = (0, _base["default"])();
|
|
26
|
+
var AppContext = (0, _context4["default"])();
|
|
27
|
+
var Div = (0, _Div["default"])();
|
|
28
|
+
var ConfigProvider = _adapter["default"].getConfigProvider() || Div;
|
|
29
|
+
var debug = (0, _debug["default"])('renderer:entry');
|
|
30
|
+
var FaultComponent = /*#__PURE__*/function (_PureComponent) {
|
|
31
|
+
function FaultComponent() {
|
|
32
|
+
return _PureComponent.apply(this, arguments) || this;
|
|
33
|
+
}
|
|
34
|
+
(0, _inheritsLoose2["default"])(FaultComponent, _PureComponent);
|
|
35
|
+
var _proto = FaultComponent.prototype;
|
|
36
|
+
_proto.render = function render() {
|
|
37
|
+
var _this$props$error;
|
|
38
|
+
_logger["default"].error("%c" + (this.props.componentName || '') + " \u7EC4\u4EF6\u6E32\u67D3\u5F02\u5E38, \u5F02\u5E38\u539F\u56E0: " + (((_this$props$error = this.props.error) === null || _this$props$error === void 0 ? void 0 : _this$props$error.message) || this.props.error || '未知'), 'color: #ff0000;');
|
|
39
|
+
return _createElement(Div, {
|
|
40
|
+
style: {
|
|
41
|
+
width: '100%',
|
|
42
|
+
height: '50px',
|
|
43
|
+
lineHeight: '50px',
|
|
44
|
+
textAlign: 'center',
|
|
45
|
+
fontSize: '15px',
|
|
46
|
+
color: '#ff0000',
|
|
47
|
+
border: '2px solid #ff0000'
|
|
48
|
+
}
|
|
49
|
+
}, (this.props.componentName || '') + " \u7EC4\u4EF6\u6E32\u67D3\u5F02\u5E38\uFF0C\u8BF7\u67E5\u770B\u63A7\u5236\u53F0\u65E5\u5FD7");
|
|
50
|
+
};
|
|
51
|
+
return FaultComponent;
|
|
52
|
+
}(PureComponent);
|
|
53
|
+
var NotFoundComponent = /*#__PURE__*/function (_PureComponent2) {
|
|
54
|
+
function NotFoundComponent() {
|
|
55
|
+
return _PureComponent2.apply(this, arguments) || this;
|
|
56
|
+
}
|
|
57
|
+
(0, _inheritsLoose2["default"])(NotFoundComponent, _PureComponent2);
|
|
58
|
+
var _proto2 = NotFoundComponent.prototype;
|
|
59
|
+
_proto2.render = function render() {
|
|
60
|
+
if (this.props.enableStrictNotFoundMode) {
|
|
61
|
+
return (this.props.componentName || '') + " Component Not Found";
|
|
62
|
+
}
|
|
63
|
+
return _createElement(Div, this.props, this.props.children || (this.props.componentName || '') + " Component Not Found");
|
|
64
|
+
};
|
|
65
|
+
return NotFoundComponent;
|
|
66
|
+
}(PureComponent);
|
|
67
|
+
return _Renderer = /*#__PURE__*/function (_Component) {
|
|
68
|
+
function Renderer(props, context) {
|
|
69
|
+
var _props$schema;
|
|
70
|
+
var _this;
|
|
71
|
+
_this = _Component.call(this, props, context) || this;
|
|
72
|
+
_this.state = {};
|
|
73
|
+
_this.__ref = void 0;
|
|
74
|
+
_this.__getRef = function (ref) {
|
|
75
|
+
_this.__ref = ref;
|
|
76
|
+
if (ref) {
|
|
77
|
+
var _this$props$onCompGet, _this$props;
|
|
78
|
+
(_this$props$onCompGet = (_this$props = _this.props).onCompGetRef) === null || _this$props$onCompGet === void 0 ? void 0 : _this$props$onCompGet.call(_this$props, _this.props.schema, ref);
|
|
79
|
+
}
|
|
80
|
+
};
|
|
81
|
+
_this.state = {};
|
|
82
|
+
debug("entry.constructor - " + (props === null || props === void 0 ? void 0 : (_props$schema = props.schema) === null || _props$schema === void 0 ? void 0 : _props$schema.componentName));
|
|
83
|
+
return _this;
|
|
84
|
+
}
|
|
85
|
+
(0, _inheritsLoose2["default"])(Renderer, _Component);
|
|
86
|
+
var _proto3 = Renderer.prototype;
|
|
87
|
+
_proto3.componentDidMount = /*#__PURE__*/function () {
|
|
88
|
+
var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
89
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
90
|
+
while (1) switch (_context.prev = _context.next) {
|
|
91
|
+
case 0:
|
|
92
|
+
debug("entry.componentDidMount - " + (this.props.schema && this.props.schema.componentName));
|
|
93
|
+
case 1:
|
|
94
|
+
case "end":
|
|
95
|
+
return _context.stop();
|
|
96
|
+
}
|
|
97
|
+
}, _callee, this);
|
|
98
|
+
}));
|
|
99
|
+
function componentDidMount() {
|
|
100
|
+
return _componentDidMount.apply(this, arguments);
|
|
101
|
+
}
|
|
102
|
+
return componentDidMount;
|
|
103
|
+
}();
|
|
104
|
+
_proto3.componentDidUpdate = /*#__PURE__*/function () {
|
|
105
|
+
var _componentDidUpdate = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
106
|
+
var _this$props2, _this$props2$schema;
|
|
107
|
+
return _regenerator["default"].wrap(function (_context2) {
|
|
108
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
109
|
+
case 0:
|
|
110
|
+
debug("entry.componentDidUpdate - " + ((_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$schema = _this$props2.schema) === null || _this$props2$schema === void 0 ? void 0 : _this$props2$schema.componentName));
|
|
111
|
+
case 1:
|
|
112
|
+
case "end":
|
|
113
|
+
return _context2.stop();
|
|
114
|
+
}
|
|
115
|
+
}, _callee2, this);
|
|
116
|
+
}));
|
|
117
|
+
function componentDidUpdate() {
|
|
118
|
+
return _componentDidUpdate.apply(this, arguments);
|
|
119
|
+
}
|
|
120
|
+
return componentDidUpdate;
|
|
121
|
+
}();
|
|
122
|
+
_proto3.componentWillUnmount = /*#__PURE__*/function () {
|
|
123
|
+
var _componentWillUnmount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
124
|
+
var _this$props3, _this$props3$schema;
|
|
125
|
+
return _regenerator["default"].wrap(function (_context3) {
|
|
126
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
127
|
+
case 0:
|
|
128
|
+
debug("entry.componentWillUnmount - " + ((_this$props3 = this.props) === null || _this$props3 === void 0 ? void 0 : (_this$props3$schema = _this$props3.schema) === null || _this$props3$schema === void 0 ? void 0 : _this$props3$schema.componentName));
|
|
129
|
+
case 1:
|
|
130
|
+
case "end":
|
|
131
|
+
return _context3.stop();
|
|
132
|
+
}
|
|
133
|
+
}, _callee3, this);
|
|
134
|
+
}));
|
|
135
|
+
function componentWillUnmount() {
|
|
136
|
+
return _componentWillUnmount.apply(this, arguments);
|
|
137
|
+
}
|
|
138
|
+
return componentWillUnmount;
|
|
139
|
+
}();
|
|
140
|
+
_proto3.componentDidCatch = function componentDidCatch(error) {
|
|
141
|
+
this.state.engineRenderError = true;
|
|
142
|
+
this.state.error = error;
|
|
143
|
+
};
|
|
144
|
+
_proto3.shouldComponentUpdate = function shouldComponentUpdate(nextProps) {
|
|
145
|
+
return !nextProps.suspended;
|
|
146
|
+
};
|
|
147
|
+
_proto3.isValidComponent = function isValidComponent(SetComponent) {
|
|
148
|
+
return SetComponent;
|
|
149
|
+
};
|
|
150
|
+
_proto3.createElement = function createElement(SetComponent, props, children) {
|
|
151
|
+
return (this.props.customCreateElement || _createElement)(SetComponent, props, children);
|
|
152
|
+
};
|
|
153
|
+
_proto3.getNotFoundComponent = function getNotFoundComponent() {
|
|
154
|
+
return this.props.notFoundComponent || NotFoundComponent;
|
|
155
|
+
};
|
|
156
|
+
_proto3.getFaultComponent = function getFaultComponent() {
|
|
157
|
+
var _this$props4 = this.props,
|
|
158
|
+
faultComponent = _this$props4.faultComponent,
|
|
159
|
+
faultComponentMap = _this$props4.faultComponentMap,
|
|
160
|
+
schema = _this$props4.schema;
|
|
161
|
+
if (faultComponentMap) {
|
|
162
|
+
var componentName = schema.componentName;
|
|
163
|
+
return faultComponentMap[componentName] || faultComponent || FaultComponent;
|
|
164
|
+
}
|
|
165
|
+
return faultComponent || FaultComponent;
|
|
166
|
+
};
|
|
167
|
+
_proto3.getComp = function getComp() {
|
|
168
|
+
var _this$props5 = this.props,
|
|
169
|
+
schema = _this$props5.schema,
|
|
170
|
+
components = _this$props5.components;
|
|
171
|
+
var componentName = schema.componentName;
|
|
172
|
+
var allComponents = (0, _extends2["default"])({}, RENDERER_COMPS, components);
|
|
173
|
+
var Comp = allComponents[componentName] || RENDERER_COMPS[componentName + "Renderer"];
|
|
174
|
+
if (Comp && Comp.prototype) {
|
|
175
|
+
if (!(Comp.prototype instanceof BaseRenderer)) {
|
|
176
|
+
Comp = RENDERER_COMPS[componentName + "Renderer"];
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
return Comp;
|
|
180
|
+
};
|
|
181
|
+
_proto3.render = function render() {
|
|
182
|
+
var _this$props6 = this.props,
|
|
183
|
+
schema = _this$props6.schema,
|
|
184
|
+
designMode = _this$props6.designMode,
|
|
185
|
+
appHelper = _this$props6.appHelper,
|
|
186
|
+
components = _this$props6.components;
|
|
187
|
+
if ((0, _utils.isEmpty)(schema)) {
|
|
188
|
+
return null;
|
|
189
|
+
}
|
|
190
|
+
// 兼容乐高区块模板
|
|
191
|
+
if (schema.componentName !== 'Div' && !(0, _utils.isFileSchema)(schema)) {
|
|
192
|
+
_logger["default"].error('The root component name needs to be one of Page、Block、Component, please check the schema: ', schema);
|
|
193
|
+
return '模型结构异常';
|
|
194
|
+
}
|
|
195
|
+
debug('entry.render');
|
|
196
|
+
var allComponents = (0, _extends2["default"])({}, RENDERER_COMPS, components);
|
|
197
|
+
var Comp = this.getComp();
|
|
198
|
+
if (this.state && this.state.engineRenderError) {
|
|
199
|
+
return _createElement(this.getFaultComponent(), (0, _extends2["default"])({}, this.props, {
|
|
200
|
+
error: this.state.error
|
|
201
|
+
}));
|
|
202
|
+
}
|
|
203
|
+
if (Comp) {
|
|
204
|
+
return _createElement(AppContext.Provider, {
|
|
205
|
+
value: {
|
|
206
|
+
appHelper: appHelper,
|
|
207
|
+
components: allComponents,
|
|
208
|
+
engine: this
|
|
209
|
+
}
|
|
210
|
+
}, _createElement(ConfigProvider, {
|
|
211
|
+
device: this.props.device,
|
|
212
|
+
locale: this.props.locale
|
|
213
|
+
}, _createElement(Comp, (0, _extends2["default"])({
|
|
214
|
+
key: schema.__ctx && schema.__ctx.lceKey + "_" + (schema.__ctx.idx || '0'),
|
|
215
|
+
ref: this.__getRef,
|
|
216
|
+
__appHelper: appHelper,
|
|
217
|
+
__components: allComponents,
|
|
218
|
+
__schema: schema,
|
|
219
|
+
__designMode: designMode
|
|
220
|
+
}, this.props))));
|
|
221
|
+
}
|
|
222
|
+
return null;
|
|
223
|
+
};
|
|
224
|
+
return Renderer;
|
|
225
|
+
}(Component), _Renderer.displayName = 'Renderer', _Renderer.defaultProps = {
|
|
226
|
+
appHelper: undefined,
|
|
227
|
+
components: {},
|
|
228
|
+
designMode: '',
|
|
229
|
+
suspended: false,
|
|
230
|
+
schema: {},
|
|
231
|
+
onCompGetRef: function onCompGetRef() {},
|
|
232
|
+
onCompGetCtx: function onCompGetCtx() {},
|
|
233
|
+
thisRequiredInJSE: true
|
|
234
|
+
}, _Renderer.findDOMNode = findDOMNode, _Renderer;
|
|
235
|
+
}
|
|
@@ -0,0 +1,144 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
exports.__esModule = true;
|
|
5
|
+
exports["default"] = tempRendererFactory;
|
|
6
|
+
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
7
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
8
|
+
var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
|
|
9
|
+
var _logger = _interopRequireDefault(require("../utils/logger"));
|
|
10
|
+
var _base = _interopRequireDefault(require("./base"));
|
|
11
|
+
function tempRendererFactory() {
|
|
12
|
+
var _TempRenderer;
|
|
13
|
+
var BaseRenderer = (0, _base["default"])();
|
|
14
|
+
return _TempRenderer = /*#__PURE__*/function (_BaseRenderer) {
|
|
15
|
+
function TempRenderer() {
|
|
16
|
+
var _this;
|
|
17
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
18
|
+
args[_key] = arguments[_key];
|
|
19
|
+
}
|
|
20
|
+
_this = _BaseRenderer.call.apply(_BaseRenderer, [this].concat(args)) || this;
|
|
21
|
+
_this.__namespace = 'temp';
|
|
22
|
+
_this.cacheSetState = void 0;
|
|
23
|
+
return _this;
|
|
24
|
+
}
|
|
25
|
+
(0, _inheritsLoose2["default"])(TempRenderer, _BaseRenderer);
|
|
26
|
+
var _proto = TempRenderer.prototype;
|
|
27
|
+
_proto.__init = function __init() {
|
|
28
|
+
this.state = {};
|
|
29
|
+
this.cacheSetState = {};
|
|
30
|
+
};
|
|
31
|
+
_proto.componentDidMount = /*#__PURE__*/function () {
|
|
32
|
+
var _componentDidMount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
|
|
33
|
+
var _this2 = this;
|
|
34
|
+
var ctx, setState;
|
|
35
|
+
return _regenerator["default"].wrap(function (_context) {
|
|
36
|
+
while (1) switch (_context.prev = _context.next) {
|
|
37
|
+
case 0:
|
|
38
|
+
ctx = this.props.__ctx;
|
|
39
|
+
if (ctx) {
|
|
40
|
+
_context.next = 1;
|
|
41
|
+
break;
|
|
42
|
+
}
|
|
43
|
+
return _context.abrupt("return");
|
|
44
|
+
case 1:
|
|
45
|
+
setState = ctx.setState;
|
|
46
|
+
this.cacheSetState = setState;
|
|
47
|
+
ctx.setState = function () {
|
|
48
|
+
for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
|
|
49
|
+
args[_key2] = arguments[_key2];
|
|
50
|
+
}
|
|
51
|
+
setState.call.apply(setState, [ctx].concat(args));
|
|
52
|
+
setTimeout(function () {
|
|
53
|
+
return _this2.forceUpdate();
|
|
54
|
+
}, 0);
|
|
55
|
+
};
|
|
56
|
+
this.__debug("componentDidMount - " + this.props.__schema.fileName);
|
|
57
|
+
case 2:
|
|
58
|
+
case "end":
|
|
59
|
+
return _context.stop();
|
|
60
|
+
}
|
|
61
|
+
}, _callee, this);
|
|
62
|
+
}));
|
|
63
|
+
function componentDidMount() {
|
|
64
|
+
return _componentDidMount.apply(this, arguments);
|
|
65
|
+
}
|
|
66
|
+
return componentDidMount;
|
|
67
|
+
}();
|
|
68
|
+
_proto.componentDidUpdate = /*#__PURE__*/function () {
|
|
69
|
+
var _componentDidUpdate = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
|
|
70
|
+
return _regenerator["default"].wrap(function (_context2) {
|
|
71
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
72
|
+
case 0:
|
|
73
|
+
this.__debug("componentDidUpdate - " + this.props.__schema.fileName);
|
|
74
|
+
case 1:
|
|
75
|
+
case "end":
|
|
76
|
+
return _context2.stop();
|
|
77
|
+
}
|
|
78
|
+
}, _callee2, this);
|
|
79
|
+
}));
|
|
80
|
+
function componentDidUpdate() {
|
|
81
|
+
return _componentDidUpdate.apply(this, arguments);
|
|
82
|
+
}
|
|
83
|
+
return componentDidUpdate;
|
|
84
|
+
}();
|
|
85
|
+
_proto.componentWillUnmount = /*#__PURE__*/function () {
|
|
86
|
+
var _componentWillUnmount = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
|
|
87
|
+
var ctx;
|
|
88
|
+
return _regenerator["default"].wrap(function (_context3) {
|
|
89
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
90
|
+
case 0:
|
|
91
|
+
ctx = this.props.__ctx;
|
|
92
|
+
if (!(!ctx || !this.cacheSetState)) {
|
|
93
|
+
_context3.next = 1;
|
|
94
|
+
break;
|
|
95
|
+
}
|
|
96
|
+
return _context3.abrupt("return");
|
|
97
|
+
case 1:
|
|
98
|
+
ctx.setState = this.cacheSetState;
|
|
99
|
+
delete this.cacheSetState;
|
|
100
|
+
this.__debug("componentWillUnmount - " + this.props.__schema.fileName);
|
|
101
|
+
case 2:
|
|
102
|
+
case "end":
|
|
103
|
+
return _context3.stop();
|
|
104
|
+
}
|
|
105
|
+
}, _callee3, this);
|
|
106
|
+
}));
|
|
107
|
+
function componentWillUnmount() {
|
|
108
|
+
return _componentWillUnmount.apply(this, arguments);
|
|
109
|
+
}
|
|
110
|
+
return componentWillUnmount;
|
|
111
|
+
}();
|
|
112
|
+
_proto.componentDidCatch = /*#__PURE__*/function () {
|
|
113
|
+
var _componentDidCatch = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(e) {
|
|
114
|
+
return _regenerator["default"].wrap(function (_context4) {
|
|
115
|
+
while (1) switch (_context4.prev = _context4.next) {
|
|
116
|
+
case 0:
|
|
117
|
+
_logger["default"].warn(e);
|
|
118
|
+
this.__debug("componentDidCatch - " + this.props.__schema.fileName);
|
|
119
|
+
case 1:
|
|
120
|
+
case "end":
|
|
121
|
+
return _context4.stop();
|
|
122
|
+
}
|
|
123
|
+
}, _callee4, this);
|
|
124
|
+
}));
|
|
125
|
+
function componentDidCatch(_x) {
|
|
126
|
+
return _componentDidCatch.apply(this, arguments);
|
|
127
|
+
}
|
|
128
|
+
return componentDidCatch;
|
|
129
|
+
}();
|
|
130
|
+
_proto.render = function render() {
|
|
131
|
+
var _this$props = this.props,
|
|
132
|
+
__schema = _this$props.__schema,
|
|
133
|
+
__ctx = _this$props.__ctx;
|
|
134
|
+
if (this.__checkSchema(__schema)) {
|
|
135
|
+
return '下钻编辑 schema 结构异常!';
|
|
136
|
+
}
|
|
137
|
+
this.__debug(TempRenderer.displayName + " render - " + (__schema === null || __schema === void 0 ? void 0 : __schema.fileName));
|
|
138
|
+
return this.__renderContent(this.__renderContextProvider({
|
|
139
|
+
__ctx: __ctx
|
|
140
|
+
}));
|
|
141
|
+
};
|
|
142
|
+
return TempRenderer;
|
|
143
|
+
}(BaseRenderer), _TempRenderer.displayName = 'TempRenderer', _TempRenderer;
|
|
144
|
+
}
|
package/lib/style.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//empty file
|