@alicloud/alfa-react 1.3.0-canary.5 → 1.3.0-canary.9
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/index.js +4 -4
- package/es/app/createIsomorphicMicroApp.js +15 -6
- package/es/app.js +7 -1
- package/es/utils.js +3 -0
- package/lib/app/createIsomorphicMicroApp.d.ts +2 -0
- package/lib/app/createIsomorphicMicroApp.js +17 -7
- package/lib/app.js +7 -0
- package/lib/utils.d.ts +1 -0
- package/lib/utils.js +8 -2
- package/package.json +4 -4
- package/lib/createAlfaApp.d.ts +0 -4
- package/lib/createAlfaApp.js +0 -135
- package/lib/createAlfaWidget.d.ts +0 -4
- package/lib/createAlfaWidget.js +0 -145
- package/lib/createApplication.d.ts +0 -12
- package/lib/createApplication.js +0 -133
- package/lib/types/base.d.ts +0 -11
- package/lib/types/base.js +0 -37
- package/lib/types/index.d.ts +0 -86
- package/lib/types/index.js +0 -5
- package/lib/utils/getConsoleConfig.d.ts +0 -21
- package/lib/utils/getConsoleConfig.js +0 -102
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/index.js +0 -12
|
@@ -1,8 +1,15 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
|
|
3
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
4
|
+
|
|
5
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
6
|
+
|
|
1
7
|
import React, { useContext } from 'react';
|
|
2
8
|
import { renderToString } from '@alicloud/alfa-core';
|
|
3
9
|
import EnvContext from '../context';
|
|
4
10
|
import ErrorBoundary from '../components/ErrorBoundary';
|
|
5
11
|
import Loading from '../components/Loading';
|
|
12
|
+
import { normalizeName } from '../utils';
|
|
6
13
|
|
|
7
14
|
var App = function App(props) {
|
|
8
15
|
var env = useContext(EnvContext); // 如果 env 为空,则返回 loading
|
|
@@ -22,15 +29,17 @@ var App = function App(props) {
|
|
|
22
29
|
});
|
|
23
30
|
}
|
|
24
31
|
|
|
25
|
-
return /*#__PURE__*/React.createElement(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
32
|
+
return /*#__PURE__*/React.createElement(normalizeName(props.name), {
|
|
33
|
+
children: /*#__PURE__*/React.createElement("div", {
|
|
34
|
+
dangerouslySetInnerHTML: {
|
|
35
|
+
__html: renderString
|
|
36
|
+
}
|
|
37
|
+
})
|
|
29
38
|
});
|
|
30
39
|
};
|
|
31
40
|
|
|
32
|
-
export function
|
|
41
|
+
export function createIsomorphicAlfaApp(option) {
|
|
33
42
|
return function (props) {
|
|
34
|
-
return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(App, props));
|
|
43
|
+
return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(App, _objectSpread(_objectSpread({}, props), option)));
|
|
35
44
|
};
|
|
36
45
|
}
|
package/es/app.js
CHANGED
|
@@ -13,7 +13,8 @@ import { getManifest, createMicroApp } from '@alicloud/alfa-core';
|
|
|
13
13
|
import Loading from './components/Loading';
|
|
14
14
|
import ErrorBoundary from './components/ErrorBoundary';
|
|
15
15
|
import { getConsoleConfig } from './app/getConsoleConfig';
|
|
16
|
-
import {
|
|
16
|
+
import { createIsomorphicAlfaApp } from './app/createIsomorphicMicroApp';
|
|
17
|
+
import { normalizeName, isSSR } from './utils';
|
|
17
18
|
|
|
18
19
|
var getProps = function getProps(props) {
|
|
19
20
|
var parcelProps = _objectSpread({}, props);
|
|
@@ -121,6 +122,11 @@ export function createAlfaApp(option) {
|
|
|
121
122
|
var name = option.name,
|
|
122
123
|
loading = option.loading,
|
|
123
124
|
manifest = option.manifest;
|
|
125
|
+
|
|
126
|
+
if (isSSR()) {
|
|
127
|
+
return createIsomorphicAlfaApp(option);
|
|
128
|
+
}
|
|
129
|
+
|
|
124
130
|
var AlfaApp = /*#__PURE__*/lazy( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
125
131
|
var resolvedManifest, consoleConfig, AlfaApp;
|
|
126
132
|
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
package/es/utils.js
CHANGED
|
@@ -7,7 +7,9 @@ var _typeof = require("@babel/runtime/helpers/typeof");
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
9
9
|
});
|
|
10
|
-
exports.
|
|
10
|
+
exports.createIsomorphicAlfaApp = createIsomorphicAlfaApp;
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
13
|
|
|
12
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
13
15
|
|
|
@@ -19,10 +21,16 @@ var _ErrorBoundary = _interopRequireDefault(require("../components/ErrorBoundary
|
|
|
19
21
|
|
|
20
22
|
var _Loading = _interopRequireDefault(require("../components/Loading"));
|
|
21
23
|
|
|
24
|
+
var _utils = require("../utils");
|
|
25
|
+
|
|
22
26
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
27
|
|
|
24
28
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
29
|
|
|
30
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
+
|
|
32
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
+
|
|
26
34
|
var App = function App(props) {
|
|
27
35
|
var env = (0, _react.useContext)(_context.default); // 如果 env 为空,则返回 loading
|
|
28
36
|
|
|
@@ -41,15 +49,17 @@ var App = function App(props) {
|
|
|
41
49
|
});
|
|
42
50
|
}
|
|
43
51
|
|
|
44
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement((0, _utils.normalizeName)(props.name), {
|
|
53
|
+
children: /*#__PURE__*/_react.default.createElement("div", {
|
|
54
|
+
dangerouslySetInnerHTML: {
|
|
55
|
+
__html: renderString
|
|
56
|
+
}
|
|
57
|
+
})
|
|
48
58
|
});
|
|
49
59
|
};
|
|
50
60
|
|
|
51
|
-
function
|
|
61
|
+
function createIsomorphicAlfaApp(option) {
|
|
52
62
|
return function (props) {
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(App, props));
|
|
63
|
+
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, props, /*#__PURE__*/_react.default.createElement(App, _objectSpread(_objectSpread({}, props), option)));
|
|
54
64
|
};
|
|
55
65
|
}
|
package/lib/app.js
CHANGED
|
@@ -35,6 +35,8 @@ var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"
|
|
|
35
35
|
|
|
36
36
|
var _getConsoleConfig = require("./app/getConsoleConfig");
|
|
37
37
|
|
|
38
|
+
var _createIsomorphicMicroApp = require("./app/createIsomorphicMicroApp");
|
|
39
|
+
|
|
38
40
|
var _utils = require("./utils");
|
|
39
41
|
|
|
40
42
|
var _types = require("./types");
|
|
@@ -152,6 +154,11 @@ function createAlfaApp(option) {
|
|
|
152
154
|
var name = option.name,
|
|
153
155
|
loading = option.loading,
|
|
154
156
|
manifest = option.manifest;
|
|
157
|
+
|
|
158
|
+
if ((0, _utils.isSSR)()) {
|
|
159
|
+
return (0, _createIsomorphicMicroApp.createIsomorphicAlfaApp)(option);
|
|
160
|
+
}
|
|
161
|
+
|
|
155
162
|
var AlfaApp = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
|
|
156
163
|
var resolvedManifest, consoleConfig, AlfaApp;
|
|
157
164
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
package/lib/utils.d.ts
CHANGED
package/lib/utils.js
CHANGED
|
@@ -3,10 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.normalizeName = void 0;
|
|
6
|
+
exports.normalizeName = exports.isSSR = void 0;
|
|
7
7
|
|
|
8
8
|
var normalizeName = function normalizeName(name) {
|
|
9
9
|
return name.replace(/@/g, '').replace(/\//g, '-');
|
|
10
10
|
};
|
|
11
11
|
|
|
12
|
-
exports.normalizeName = normalizeName;
|
|
12
|
+
exports.normalizeName = normalizeName;
|
|
13
|
+
|
|
14
|
+
var isSSR = function isSSR() {
|
|
15
|
+
return typeof document === 'undefined';
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
exports.isSSR = isSSR;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alicloud/alfa-react",
|
|
3
|
-
"version": "1.3.0-canary.
|
|
3
|
+
"version": "1.3.0-canary.9",
|
|
4
4
|
"description": "Alfa Framework (React Version)",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
"license": "MIT",
|
|
10
10
|
"scripts": {
|
|
11
11
|
"start": "breezr start-storybook",
|
|
12
|
-
"prepublish": "npm run build && npm run babel && npm run babel:esm",
|
|
12
|
+
"prepublish": "npm run clean && npm run build && npm run babel && npm run babel:esm",
|
|
13
13
|
"babel": "breezr build --engine babel && tsc --emitDeclarationOnly -d --declarationDir ./lib",
|
|
14
14
|
"babel:esm": "breezr build --engine babel --es-module",
|
|
15
15
|
"build": "breezr build --engine webpack",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"typescript": "^3.0.3"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@alicloud/alfa-core": "1.3.0-canary.
|
|
38
|
+
"@alicloud/alfa-core": "1.3.0-canary.7",
|
|
39
39
|
"@alicloud/console-os-loader": "1.3.0-canary.5",
|
|
40
40
|
"@alicloud/widget-utils-console": "^0.1.6",
|
|
41
41
|
"classnames": "^2.2.6"
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "^16 | ^17"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "b3db09cf23bdbe004093104829fb956407f7e2dd"
|
|
47
47
|
}
|
package/lib/createAlfaApp.d.ts
DELETED
package/lib/createAlfaApp.js
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
|
-
var _alfaCore = require("@alicloud/alfa-core");
|
|
21
|
-
|
|
22
|
-
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
23
|
-
|
|
24
|
-
var _getConsoleConfig = require("./utils/getConsoleConfig");
|
|
25
|
-
|
|
26
|
-
var _createApplication = _interopRequireDefault(require("./createApplication"));
|
|
27
|
-
|
|
28
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
29
|
-
|
|
30
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
31
|
-
|
|
32
|
-
var loader = _alfaCore.BaseLoader.create(); // get manifest before resolve
|
|
33
|
-
// normalize name
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
loader.beforeResolve.use( /*#__PURE__*/function () {
|
|
37
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
|
|
38
|
-
var resolvedManifest;
|
|
39
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
40
|
-
while (1) {
|
|
41
|
-
switch (_context.prev = _context.next) {
|
|
42
|
-
case 0:
|
|
43
|
-
resolvedManifest = appConfig.manifest;
|
|
44
|
-
|
|
45
|
-
if (resolvedManifest) {
|
|
46
|
-
_context.next = 5;
|
|
47
|
-
break;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
_context.next = 4;
|
|
51
|
-
return (0, _alfaCore.getManifest)(appConfig);
|
|
52
|
-
|
|
53
|
-
case 4:
|
|
54
|
-
resolvedManifest = _context.sent;
|
|
55
|
-
|
|
56
|
-
case 5:
|
|
57
|
-
return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
|
|
58
|
-
manifest: resolvedManifest
|
|
59
|
-
}));
|
|
60
|
-
|
|
61
|
-
case 6:
|
|
62
|
-
case "end":
|
|
63
|
-
return _context.stop();
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
}, _callee);
|
|
67
|
-
}));
|
|
68
|
-
|
|
69
|
-
return function (_x) {
|
|
70
|
-
return _ref.apply(this, arguments);
|
|
71
|
-
};
|
|
72
|
-
}(), undefined); // inject consoleConfig & locales after load
|
|
73
|
-
|
|
74
|
-
loader.afterLoad.use( /*#__PURE__*/function () {
|
|
75
|
-
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(appConfig) {
|
|
76
|
-
var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
|
|
77
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
78
|
-
while (1) {
|
|
79
|
-
switch (_context2.prev = _context2.next) {
|
|
80
|
-
case 0:
|
|
81
|
-
app = appConfig.app;
|
|
82
|
-
defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
83
|
-
_context2.next = 4;
|
|
84
|
-
return (0, _getConsoleConfig.getConsoleConfig)(appConfig, defaultConsoleConfig);
|
|
85
|
-
|
|
86
|
-
case 4:
|
|
87
|
-
consoleConfig = _context2.sent;
|
|
88
|
-
_context2.next = 7;
|
|
89
|
-
return (0, _alfaCore.getLocale)(appConfig);
|
|
90
|
-
|
|
91
|
-
case 7:
|
|
92
|
-
messages = _context2.sent;
|
|
93
|
-
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
94
|
-
|
|
95
|
-
if (app && app.context) {
|
|
96
|
-
app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
97
|
-
app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
return _context2.abrupt("return", appConfig);
|
|
101
|
-
|
|
102
|
-
case 11:
|
|
103
|
-
case "end":
|
|
104
|
-
return _context2.stop();
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}, _callee2);
|
|
108
|
-
}));
|
|
109
|
-
|
|
110
|
-
return function (_x2) {
|
|
111
|
-
return _ref2.apply(this, arguments);
|
|
112
|
-
};
|
|
113
|
-
}(), undefined);
|
|
114
|
-
var Application = (0, _createApplication.default)(loader);
|
|
115
|
-
|
|
116
|
-
function createAlfaApp(option) {
|
|
117
|
-
var _ref3 = option || {},
|
|
118
|
-
name = _ref3.name,
|
|
119
|
-
dependencies = _ref3.dependencies; // check app option
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
if (!name) return function () {
|
|
123
|
-
return null;
|
|
124
|
-
};
|
|
125
|
-
var passedInOption = option;
|
|
126
|
-
return /*#__PURE__*/_react.default.memo(function (props) {
|
|
127
|
-
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
|
|
128
|
-
deps: dependencies || {},
|
|
129
|
-
customProps: props
|
|
130
|
-
})));
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
var _default = createAlfaApp;
|
|
135
|
-
exports.default = _default;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { AlfaFactoryOption } from './types';
|
|
3
|
-
declare function createAlfaApp<P = any>(option: AlfaFactoryOption): ((props: P) => JSX.Element) | (() => null) | React.MemoExoticComponent<(props: P) => JSX.Element>;
|
|
4
|
-
export default createAlfaApp;
|
package/lib/createAlfaWidget.js
DELETED
|
@@ -1,145 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
15
|
-
|
|
16
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireDefault(require("react"));
|
|
19
|
-
|
|
20
|
-
var _alfaCore = require("@alicloud/alfa-core");
|
|
21
|
-
|
|
22
|
-
var _ErrorBoundary = _interopRequireDefault(require("./components/ErrorBoundary"));
|
|
23
|
-
|
|
24
|
-
var _getConsoleConfig = require("./utils/getConsoleConfig");
|
|
25
|
-
|
|
26
|
-
var _widget = require("./widget");
|
|
27
|
-
|
|
28
|
-
var _createApplication = _interopRequireDefault(require("./createApplication"));
|
|
29
|
-
|
|
30
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
31
|
-
|
|
32
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
33
|
-
|
|
34
|
-
var loader = _alfaCore.BaseLoader.create(); // get manifest before resolve
|
|
35
|
-
// normalize name
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
loader.beforeResolve.use( /*#__PURE__*/function () {
|
|
39
|
-
var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appConfig) {
|
|
40
|
-
var resolvedManifest;
|
|
41
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
42
|
-
while (1) {
|
|
43
|
-
switch (_context.prev = _context.next) {
|
|
44
|
-
case 0:
|
|
45
|
-
resolvedManifest = appConfig.manifest;
|
|
46
|
-
|
|
47
|
-
if (resolvedManifest) {
|
|
48
|
-
_context.next = 5;
|
|
49
|
-
break;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
_context.next = 4;
|
|
53
|
-
return (0, _alfaCore.getManifest)(appConfig);
|
|
54
|
-
|
|
55
|
-
case 4:
|
|
56
|
-
resolvedManifest = _context.sent;
|
|
57
|
-
|
|
58
|
-
case 5:
|
|
59
|
-
return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
|
|
60
|
-
manifest: resolvedManifest
|
|
61
|
-
}));
|
|
62
|
-
|
|
63
|
-
case 6:
|
|
64
|
-
case "end":
|
|
65
|
-
return _context.stop();
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}, _callee);
|
|
69
|
-
}));
|
|
70
|
-
|
|
71
|
-
return function (_x) {
|
|
72
|
-
return _ref.apply(this, arguments);
|
|
73
|
-
};
|
|
74
|
-
}(), undefined); // inject consoleConfig & locales after load
|
|
75
|
-
// remove history in vm context
|
|
76
|
-
|
|
77
|
-
loader.afterLoad.use( /*#__PURE__*/function () {
|
|
78
|
-
var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(appConfig) {
|
|
79
|
-
var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
|
|
80
|
-
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
81
|
-
while (1) {
|
|
82
|
-
switch (_context2.prev = _context2.next) {
|
|
83
|
-
case 0:
|
|
84
|
-
app = appConfig.app;
|
|
85
|
-
defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
86
|
-
_context2.next = 4;
|
|
87
|
-
return (0, _getConsoleConfig.getConsoleConfig)(appConfig, defaultConsoleConfig);
|
|
88
|
-
|
|
89
|
-
case 4:
|
|
90
|
-
consoleConfig = _context2.sent;
|
|
91
|
-
_context2.next = 7;
|
|
92
|
-
return (0, _alfaCore.getLocale)(appConfig);
|
|
93
|
-
|
|
94
|
-
case 7:
|
|
95
|
-
messages = _context2.sent;
|
|
96
|
-
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
97
|
-
|
|
98
|
-
if (app && app.context) {
|
|
99
|
-
app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
100
|
-
app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
101
|
-
app.context.history = {};
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
return _context2.abrupt("return", appConfig);
|
|
105
|
-
|
|
106
|
-
case 11:
|
|
107
|
-
case "end":
|
|
108
|
-
return _context2.stop();
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}, _callee2);
|
|
112
|
-
}));
|
|
113
|
-
|
|
114
|
-
return function (_x2) {
|
|
115
|
-
return _ref2.apply(this, arguments);
|
|
116
|
-
};
|
|
117
|
-
}(), undefined);
|
|
118
|
-
var Application = (0, _createApplication.default)(loader);
|
|
119
|
-
|
|
120
|
-
function createAlfaApp(option) {
|
|
121
|
-
var _ref3 = option || {},
|
|
122
|
-
name = _ref3.name,
|
|
123
|
-
dependencies = _ref3.dependencies;
|
|
124
|
-
|
|
125
|
-
if (!name.match(/@ali\/widget-/)) {
|
|
126
|
-
// TODO load style
|
|
127
|
-
return (0, _widget.createCWSWidget)(option);
|
|
128
|
-
} // check app option
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
if (!name) return function () {
|
|
132
|
-
return null;
|
|
133
|
-
};
|
|
134
|
-
var passedInOption = option;
|
|
135
|
-
return /*#__PURE__*/_react.default.memo(function (props) {
|
|
136
|
-
return /*#__PURE__*/_react.default.createElement(_ErrorBoundary.default, null, /*#__PURE__*/_react.default.createElement(Application, (0, _extends2.default)({}, passedInOption, {
|
|
137
|
-
// name={name}
|
|
138
|
-
deps: dependencies || {},
|
|
139
|
-
customProps: props
|
|
140
|
-
})));
|
|
141
|
-
});
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
var _default = createAlfaApp;
|
|
145
|
-
exports.default = _default;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { BaseLoader } from '@alicloud/alfa-core';
|
|
2
|
-
import { AlfaFactoryOption } from './types';
|
|
3
|
-
interface IProps<C = any> extends AlfaFactoryOption {
|
|
4
|
-
customProps: C;
|
|
5
|
-
}
|
|
6
|
-
/**
|
|
7
|
-
* container for microApp mount
|
|
8
|
-
* @param loader alfa-core loader
|
|
9
|
-
* @returns
|
|
10
|
-
*/
|
|
11
|
-
export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
|
|
12
|
-
export {};
|
package/lib/createApplication.js
DELETED
|
@@ -1,133 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.default = createApplication;
|
|
11
|
-
|
|
12
|
-
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
|
-
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
19
|
-
|
|
20
|
-
var _Loading = _interopRequireDefault(require("./components/Loading"));
|
|
21
|
-
|
|
22
|
-
var _utils = require("./utils");
|
|
23
|
-
|
|
24
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
25
|
-
|
|
26
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* container for microApp mount
|
|
30
|
-
* @param loader alfa-core loader
|
|
31
|
-
* @returns
|
|
32
|
-
*/
|
|
33
|
-
function createApplication(loader) {
|
|
34
|
-
function Application(props) {
|
|
35
|
-
var name = props.name,
|
|
36
|
-
manifest = props.manifest,
|
|
37
|
-
loading = props.loading,
|
|
38
|
-
sandbox = props.sandbox,
|
|
39
|
-
customProps = props.customProps,
|
|
40
|
-
className = props.className,
|
|
41
|
-
style = props.style;
|
|
42
|
-
|
|
43
|
-
var _useState = (0, _react.useState)(null),
|
|
44
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
45
|
-
app = _useState2[0],
|
|
46
|
-
setApp = _useState2[1];
|
|
47
|
-
|
|
48
|
-
var appRef = (0, _react.useRef)(null);
|
|
49
|
-
var tagName = (0, _utils.normalizeName)(props.name);
|
|
50
|
-
(0, _react.useEffect)(function () {
|
|
51
|
-
// eslint-disable-next-line no-useless-catch
|
|
52
|
-
(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
53
|
-
var _yield$loader$registe, App;
|
|
54
|
-
|
|
55
|
-
return _regenerator.default.wrap(function _callee$(_context) {
|
|
56
|
-
while (1) {
|
|
57
|
-
switch (_context.prev = _context.next) {
|
|
58
|
-
case 0:
|
|
59
|
-
_context.next = 2;
|
|
60
|
-
return loader.register({
|
|
61
|
-
name: name,
|
|
62
|
-
manifest: manifest,
|
|
63
|
-
container: appRef.current,
|
|
64
|
-
props: customProps,
|
|
65
|
-
sandbox: sandbox
|
|
66
|
-
});
|
|
67
|
-
|
|
68
|
-
case 2:
|
|
69
|
-
_yield$loader$registe = _context.sent;
|
|
70
|
-
App = _yield$loader$registe.app;
|
|
71
|
-
|
|
72
|
-
if (App) {
|
|
73
|
-
_context.next = 6;
|
|
74
|
-
break;
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
throw new Error('[alfa-react] load app failed.');
|
|
78
|
-
|
|
79
|
-
case 6:
|
|
80
|
-
_context.next = 8;
|
|
81
|
-
return App.load();
|
|
82
|
-
|
|
83
|
-
case 8:
|
|
84
|
-
if (appRef.current) {
|
|
85
|
-
_context.next = 10;
|
|
86
|
-
break;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
throw new Error('[alfa-react] container not found');
|
|
90
|
-
|
|
91
|
-
case 10:
|
|
92
|
-
_context.next = 12;
|
|
93
|
-
return App.mount(appRef.current, {
|
|
94
|
-
customProps: customProps
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
case 12:
|
|
98
|
-
setApp(App);
|
|
99
|
-
return _context.abrupt("return", function () {
|
|
100
|
-
App && App.unmount();
|
|
101
|
-
});
|
|
102
|
-
|
|
103
|
-
case 14:
|
|
104
|
-
case "end":
|
|
105
|
-
return _context.stop();
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}, _callee);
|
|
109
|
-
}))().catch(function (e) {
|
|
110
|
-
throw e;
|
|
111
|
-
});
|
|
112
|
-
}, [name, manifest, customProps, sandbox]);
|
|
113
|
-
|
|
114
|
-
if (app) {
|
|
115
|
-
app.update(customProps);
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
|
|
119
|
-
fallback: /*#__PURE__*/_react.default.createElement(_Loading.default, {
|
|
120
|
-
loading: loading
|
|
121
|
-
})
|
|
122
|
-
}, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/_react.default.createElement(tagName, {
|
|
123
|
-
style: style,
|
|
124
|
-
className: className,
|
|
125
|
-
ref: appRef,
|
|
126
|
-
dataId: name
|
|
127
|
-
}) : /*#__PURE__*/_react.default.createElement(tagName, {}, /*#__PURE__*/_react.default.createElement('div', {
|
|
128
|
-
ref: appRef
|
|
129
|
-
}))));
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
return Application;
|
|
133
|
-
}
|
package/lib/types/base.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import { IAppConfig, IOptions, AlfaEnvEnum } from '@alicloud/alfa-core';
|
|
3
|
-
export interface IProps<T = any> extends HTMLAttributes<Element>, IAppConfig, IOptions {
|
|
4
|
-
loading?: boolean | React.ReactChild;
|
|
5
|
-
consoleConfig?: any;
|
|
6
|
-
i18nMessages?: any;
|
|
7
|
-
env?: AlfaEnvEnum;
|
|
8
|
-
dependencies?: any;
|
|
9
|
-
}
|
|
10
|
-
export default class MicroAppBase<T> extends React.Component<Partial<IProps<T>>> {
|
|
11
|
-
}
|