@alicloud/alfa-react 1.3.0-canary.0 → 1.3.0-canary.7
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 +7 -7
- package/es/app/createIsomorphicMicroApp.js +42 -0
- package/es/app/getConsoleConfig.js +1 -1
- package/es/app.js +8 -2
- package/es/components/Loading/Skeleton.js +1 -1
- package/es/components/Loading/Title.js +1 -1
- package/es/context.js +7 -0
- package/es/createAlfaApp.js +116 -0
- package/es/createAlfaWidget.js +125 -0
- package/es/createApplication.js +113 -0
- package/es/types/base.js +26 -0
- package/es/types/index.js +1 -0
- package/es/types.js +1 -0
- package/es/utils/getConsoleConfig.js +88 -0
- package/es/utils/index.js +3 -0
- package/es/utils.js +3 -0
- package/es/widget/getWidgetDeps.js +1 -1
- package/es/widget.js +1 -1
- package/lib/app/createIsomorphicMicroApp.d.ts +2 -0
- package/lib/app/createIsomorphicMicroApp.js +61 -0
- package/lib/app/getConsoleConfig.js +1 -1
- package/lib/app.js +15 -4
- package/lib/components/Loading/Paragraph.js +6 -2
- package/lib/components/Loading/Skeleton.js +7 -3
- package/lib/components/Loading/Title.js +7 -3
- package/lib/context.d.ts +7 -0
- package/lib/context.js +15 -0
- package/lib/index.js +8 -8
- package/lib/types.js +5 -1
- package/lib/utils.d.ts +1 -0
- package/lib/utils.js +8 -2
- package/lib/widget/getWidgetDeps.js +7 -3
- package/lib/widget.js +7 -3
- package/package.json +5 -5
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
|
|
7
|
+
import React, { useContext } from 'react';
|
|
8
|
+
import { renderToString } from '@alicloud/alfa-core';
|
|
9
|
+
import EnvContext from '../context';
|
|
10
|
+
import ErrorBoundary from '../components/ErrorBoundary';
|
|
11
|
+
import Loading from '../components/Loading';
|
|
12
|
+
|
|
13
|
+
var App = function App(props) {
|
|
14
|
+
var env = useContext(EnvContext); // 如果 env 为空,则返回 loading
|
|
15
|
+
|
|
16
|
+
if (!(env !== null && env !== void 0 && env.getJson) || !(env !== null && env !== void 0 && env.fetchBundle) || !(env !== null && env !== void 0 && env.getBundle) || !(env !== null && env !== void 0 && env.fetchJsonResource)) {
|
|
17
|
+
return /*#__PURE__*/React.createElement(Loading, {
|
|
18
|
+
loading: props.loading
|
|
19
|
+
});
|
|
20
|
+
} // get server render string
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
var renderString = renderToString(props, env);
|
|
24
|
+
|
|
25
|
+
if (!renderString) {
|
|
26
|
+
return /*#__PURE__*/React.createElement(Loading, {
|
|
27
|
+
loading: props.loading
|
|
28
|
+
});
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
32
|
+
dangerouslySetInnerHTML: {
|
|
33
|
+
__html: renderString
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
export function createIsomorphicAlfaApp(option) {
|
|
39
|
+
return function (props) {
|
|
40
|
+
return /*#__PURE__*/React.createElement(ErrorBoundary, props, /*#__PURE__*/React.createElement(App, _objectSpread(_objectSpread({}, props), option)));
|
|
41
|
+
};
|
|
42
|
+
}
|
|
@@ -2,7 +2,7 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
|
|
5
|
-
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; }
|
|
5
|
+
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; }
|
|
6
6
|
|
|
7
7
|
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; }
|
|
8
8
|
|
package/es/app.js
CHANGED
|
@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
|
4
4
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
5
5
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
6
6
|
|
|
7
|
-
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; }
|
|
7
|
+
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; }
|
|
8
8
|
|
|
9
9
|
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; }
|
|
10
10
|
|
|
@@ -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) {
|
|
@@ -6,7 +6,7 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
|
|
|
6
6
|
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
7
7
|
import _typeof from "@babel/runtime/helpers/esm/typeof";
|
|
8
8
|
|
|
9
|
-
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; }
|
|
9
|
+
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; }
|
|
10
10
|
|
|
11
11
|
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; }
|
|
12
12
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
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; }
|
|
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
4
|
|
|
5
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
6
|
|
package/es/context.js
ADDED
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
4
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
|
+
|
|
6
|
+
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; }
|
|
7
|
+
|
|
8
|
+
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; }
|
|
9
|
+
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
|
|
12
|
+
import ErrorBoundary from './components/ErrorBoundary';
|
|
13
|
+
import { getConsoleConfig } from './utils/getConsoleConfig';
|
|
14
|
+
import createApplication from './createApplication';
|
|
15
|
+
var loader = BaseLoader.create(); // get manifest before resolve
|
|
16
|
+
// normalize name
|
|
17
|
+
|
|
18
|
+
loader.beforeResolve.use( /*#__PURE__*/function () {
|
|
19
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
|
|
20
|
+
var resolvedManifest;
|
|
21
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
22
|
+
while (1) {
|
|
23
|
+
switch (_context.prev = _context.next) {
|
|
24
|
+
case 0:
|
|
25
|
+
resolvedManifest = appConfig.manifest;
|
|
26
|
+
|
|
27
|
+
if (resolvedManifest) {
|
|
28
|
+
_context.next = 5;
|
|
29
|
+
break;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
_context.next = 4;
|
|
33
|
+
return getManifest(appConfig);
|
|
34
|
+
|
|
35
|
+
case 4:
|
|
36
|
+
resolvedManifest = _context.sent;
|
|
37
|
+
|
|
38
|
+
case 5:
|
|
39
|
+
return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
|
|
40
|
+
manifest: resolvedManifest
|
|
41
|
+
}));
|
|
42
|
+
|
|
43
|
+
case 6:
|
|
44
|
+
case "end":
|
|
45
|
+
return _context.stop();
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}, _callee);
|
|
49
|
+
}));
|
|
50
|
+
|
|
51
|
+
return function (_x) {
|
|
52
|
+
return _ref.apply(this, arguments);
|
|
53
|
+
};
|
|
54
|
+
}(), undefined); // inject consoleConfig & locales after load
|
|
55
|
+
|
|
56
|
+
loader.afterLoad.use( /*#__PURE__*/function () {
|
|
57
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
|
|
58
|
+
var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
|
|
59
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
60
|
+
while (1) {
|
|
61
|
+
switch (_context2.prev = _context2.next) {
|
|
62
|
+
case 0:
|
|
63
|
+
app = appConfig.app;
|
|
64
|
+
defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
65
|
+
_context2.next = 4;
|
|
66
|
+
return getConsoleConfig(appConfig, defaultConsoleConfig);
|
|
67
|
+
|
|
68
|
+
case 4:
|
|
69
|
+
consoleConfig = _context2.sent;
|
|
70
|
+
_context2.next = 7;
|
|
71
|
+
return getLocale(appConfig);
|
|
72
|
+
|
|
73
|
+
case 7:
|
|
74
|
+
messages = _context2.sent;
|
|
75
|
+
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
76
|
+
|
|
77
|
+
if (app && app.context) {
|
|
78
|
+
app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
79
|
+
app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
return _context2.abrupt("return", appConfig);
|
|
83
|
+
|
|
84
|
+
case 11:
|
|
85
|
+
case "end":
|
|
86
|
+
return _context2.stop();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}, _callee2);
|
|
90
|
+
}));
|
|
91
|
+
|
|
92
|
+
return function (_x2) {
|
|
93
|
+
return _ref2.apply(this, arguments);
|
|
94
|
+
};
|
|
95
|
+
}(), undefined);
|
|
96
|
+
var Application = createApplication(loader);
|
|
97
|
+
|
|
98
|
+
function createAlfaApp(option) {
|
|
99
|
+
var _ref3 = option || {},
|
|
100
|
+
name = _ref3.name,
|
|
101
|
+
dependencies = _ref3.dependencies; // check app option
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
if (!name) return function () {
|
|
105
|
+
return null;
|
|
106
|
+
};
|
|
107
|
+
var passedInOption = option;
|
|
108
|
+
return /*#__PURE__*/React.memo(function (props) {
|
|
109
|
+
return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
|
|
110
|
+
deps: dependencies || {},
|
|
111
|
+
customProps: props
|
|
112
|
+
})));
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
export default createAlfaApp;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
4
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
|
+
|
|
6
|
+
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; }
|
|
7
|
+
|
|
8
|
+
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; }
|
|
9
|
+
|
|
10
|
+
import React from 'react';
|
|
11
|
+
import { BaseLoader, getManifest, getLocale } from '@alicloud/alfa-core';
|
|
12
|
+
import ErrorBoundary from './components/ErrorBoundary';
|
|
13
|
+
import { getConsoleConfig } from './utils/getConsoleConfig';
|
|
14
|
+
import { createCWSWidget } from './widget';
|
|
15
|
+
import createApplication from './createApplication';
|
|
16
|
+
var loader = BaseLoader.create(); // get manifest before resolve
|
|
17
|
+
// normalize name
|
|
18
|
+
|
|
19
|
+
loader.beforeResolve.use( /*#__PURE__*/function () {
|
|
20
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appConfig) {
|
|
21
|
+
var resolvedManifest;
|
|
22
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
23
|
+
while (1) {
|
|
24
|
+
switch (_context.prev = _context.next) {
|
|
25
|
+
case 0:
|
|
26
|
+
resolvedManifest = appConfig.manifest;
|
|
27
|
+
|
|
28
|
+
if (resolvedManifest) {
|
|
29
|
+
_context.next = 5;
|
|
30
|
+
break;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
_context.next = 4;
|
|
34
|
+
return getManifest(appConfig);
|
|
35
|
+
|
|
36
|
+
case 4:
|
|
37
|
+
resolvedManifest = _context.sent;
|
|
38
|
+
|
|
39
|
+
case 5:
|
|
40
|
+
return _context.abrupt("return", _objectSpread(_objectSpread({}, appConfig), {}, {
|
|
41
|
+
manifest: resolvedManifest
|
|
42
|
+
}));
|
|
43
|
+
|
|
44
|
+
case 6:
|
|
45
|
+
case "end":
|
|
46
|
+
return _context.stop();
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}, _callee);
|
|
50
|
+
}));
|
|
51
|
+
|
|
52
|
+
return function (_x) {
|
|
53
|
+
return _ref.apply(this, arguments);
|
|
54
|
+
};
|
|
55
|
+
}(), undefined); // inject consoleConfig & locales after load
|
|
56
|
+
// remove history in vm context
|
|
57
|
+
|
|
58
|
+
loader.afterLoad.use( /*#__PURE__*/function () {
|
|
59
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(appConfig) {
|
|
60
|
+
var app, defaultConsoleConfig, consoleConfig, messages, i18nMessages;
|
|
61
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context2) {
|
|
62
|
+
while (1) {
|
|
63
|
+
switch (_context2.prev = _context2.next) {
|
|
64
|
+
case 0:
|
|
65
|
+
app = appConfig.app;
|
|
66
|
+
defaultConsoleConfig = window.ALIYUN_CONSOLE_CONFIG || {};
|
|
67
|
+
_context2.next = 4;
|
|
68
|
+
return getConsoleConfig(appConfig, defaultConsoleConfig);
|
|
69
|
+
|
|
70
|
+
case 4:
|
|
71
|
+
consoleConfig = _context2.sent;
|
|
72
|
+
_context2.next = 7;
|
|
73
|
+
return getLocale(appConfig);
|
|
74
|
+
|
|
75
|
+
case 7:
|
|
76
|
+
messages = _context2.sent;
|
|
77
|
+
i18nMessages = _objectSpread(_objectSpread({}, window.ALIYUN_CONSOLE_I18N_MESSAGE), messages);
|
|
78
|
+
|
|
79
|
+
if (app && app.context) {
|
|
80
|
+
app.context.window.ALIYUN_CONSOLE_CONFIG = consoleConfig;
|
|
81
|
+
app.context.window.ALIYUN_CONSOLE_I18N_MESSAGE = i18nMessages;
|
|
82
|
+
app.context.history = {};
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
return _context2.abrupt("return", appConfig);
|
|
86
|
+
|
|
87
|
+
case 11:
|
|
88
|
+
case "end":
|
|
89
|
+
return _context2.stop();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}, _callee2);
|
|
93
|
+
}));
|
|
94
|
+
|
|
95
|
+
return function (_x2) {
|
|
96
|
+
return _ref2.apply(this, arguments);
|
|
97
|
+
};
|
|
98
|
+
}(), undefined);
|
|
99
|
+
var Application = createApplication(loader);
|
|
100
|
+
|
|
101
|
+
function createAlfaApp(option) {
|
|
102
|
+
var _ref3 = option || {},
|
|
103
|
+
name = _ref3.name,
|
|
104
|
+
dependencies = _ref3.dependencies;
|
|
105
|
+
|
|
106
|
+
if (!name.match(/@ali\/widget-/)) {
|
|
107
|
+
// TODO load style
|
|
108
|
+
return createCWSWidget(option);
|
|
109
|
+
} // check app option
|
|
110
|
+
|
|
111
|
+
|
|
112
|
+
if (!name) return function () {
|
|
113
|
+
return null;
|
|
114
|
+
};
|
|
115
|
+
var passedInOption = option;
|
|
116
|
+
return /*#__PURE__*/React.memo(function (props) {
|
|
117
|
+
return /*#__PURE__*/React.createElement(ErrorBoundary, null, /*#__PURE__*/React.createElement(Application, _extends({}, passedInOption, {
|
|
118
|
+
// name={name}
|
|
119
|
+
deps: dependencies || {},
|
|
120
|
+
customProps: props
|
|
121
|
+
})));
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
export default createAlfaApp;
|
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
2
|
+
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
+
import React, { Suspense, useRef, useEffect, useState } from 'react';
|
|
5
|
+
import Loading from './components/Loading';
|
|
6
|
+
import { normalizeName } from './utils';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* container for microApp mount
|
|
10
|
+
* @param loader alfa-core loader
|
|
11
|
+
* @returns
|
|
12
|
+
*/
|
|
13
|
+
export default function createApplication(loader) {
|
|
14
|
+
function Application(props) {
|
|
15
|
+
var name = props.name,
|
|
16
|
+
manifest = props.manifest,
|
|
17
|
+
loading = props.loading,
|
|
18
|
+
sandbox = props.sandbox,
|
|
19
|
+
customProps = props.customProps,
|
|
20
|
+
className = props.className,
|
|
21
|
+
style = props.style;
|
|
22
|
+
|
|
23
|
+
var _useState = useState(null),
|
|
24
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
+
app = _useState2[0],
|
|
26
|
+
setApp = _useState2[1];
|
|
27
|
+
|
|
28
|
+
var appRef = useRef(null);
|
|
29
|
+
var tagName = normalizeName(props.name);
|
|
30
|
+
useEffect(function () {
|
|
31
|
+
// eslint-disable-next-line no-useless-catch
|
|
32
|
+
_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
33
|
+
var _yield$loader$registe, App;
|
|
34
|
+
|
|
35
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
36
|
+
while (1) {
|
|
37
|
+
switch (_context.prev = _context.next) {
|
|
38
|
+
case 0:
|
|
39
|
+
_context.next = 2;
|
|
40
|
+
return loader.register({
|
|
41
|
+
name: name,
|
|
42
|
+
manifest: manifest,
|
|
43
|
+
container: appRef.current,
|
|
44
|
+
props: customProps,
|
|
45
|
+
sandbox: sandbox
|
|
46
|
+
});
|
|
47
|
+
|
|
48
|
+
case 2:
|
|
49
|
+
_yield$loader$registe = _context.sent;
|
|
50
|
+
App = _yield$loader$registe.app;
|
|
51
|
+
|
|
52
|
+
if (App) {
|
|
53
|
+
_context.next = 6;
|
|
54
|
+
break;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
throw new Error('[alfa-react] load app failed.');
|
|
58
|
+
|
|
59
|
+
case 6:
|
|
60
|
+
_context.next = 8;
|
|
61
|
+
return App.load();
|
|
62
|
+
|
|
63
|
+
case 8:
|
|
64
|
+
if (appRef.current) {
|
|
65
|
+
_context.next = 10;
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
throw new Error('[alfa-react] container not found');
|
|
70
|
+
|
|
71
|
+
case 10:
|
|
72
|
+
_context.next = 12;
|
|
73
|
+
return App.mount(appRef.current, {
|
|
74
|
+
customProps: customProps
|
|
75
|
+
});
|
|
76
|
+
|
|
77
|
+
case 12:
|
|
78
|
+
setApp(App);
|
|
79
|
+
return _context.abrupt("return", function () {
|
|
80
|
+
App && App.unmount();
|
|
81
|
+
});
|
|
82
|
+
|
|
83
|
+
case 14:
|
|
84
|
+
case "end":
|
|
85
|
+
return _context.stop();
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}, _callee);
|
|
89
|
+
}))().catch(function (e) {
|
|
90
|
+
throw e;
|
|
91
|
+
});
|
|
92
|
+
}, [name, manifest, customProps, sandbox]);
|
|
93
|
+
|
|
94
|
+
if (app) {
|
|
95
|
+
app.update(customProps);
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
return /*#__PURE__*/React.createElement(Suspense, {
|
|
99
|
+
fallback: /*#__PURE__*/React.createElement(Loading, {
|
|
100
|
+
loading: loading
|
|
101
|
+
})
|
|
102
|
+
}, /*#__PURE__*/React.createElement(React.Fragment, null, sandbox && sandbox !== true && sandbox.disableFakeBody ? /*#__PURE__*/React.createElement(tagName, {
|
|
103
|
+
style: style,
|
|
104
|
+
className: className,
|
|
105
|
+
ref: appRef,
|
|
106
|
+
dataId: name
|
|
107
|
+
}) : /*#__PURE__*/React.createElement(tagName, {}, /*#__PURE__*/React.createElement('div', {
|
|
108
|
+
ref: appRef
|
|
109
|
+
}))));
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
return Application;
|
|
113
|
+
}
|
package/es/types/base.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
|
|
2
|
+
import _inherits from "@babel/runtime/helpers/esm/inherits";
|
|
3
|
+
import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
|
|
4
|
+
import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
|
|
5
|
+
|
|
6
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
7
|
+
|
|
8
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
9
|
+
|
|
10
|
+
import React from 'react';
|
|
11
|
+
|
|
12
|
+
var MicroAppBase = /*#__PURE__*/function (_React$Component) {
|
|
13
|
+
_inherits(MicroAppBase, _React$Component);
|
|
14
|
+
|
|
15
|
+
var _super = _createSuper(MicroAppBase);
|
|
16
|
+
|
|
17
|
+
function MicroAppBase() {
|
|
18
|
+
_classCallCheck(this, MicroAppBase);
|
|
19
|
+
|
|
20
|
+
return _super.apply(this, arguments);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
return MicroAppBase;
|
|
24
|
+
}(React.Component);
|
|
25
|
+
|
|
26
|
+
export { MicroAppBase as default };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/es/types.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
2
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
3
|
+
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
|
+
|
|
5
|
+
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; }
|
|
6
|
+
|
|
7
|
+
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; }
|
|
8
|
+
|
|
9
|
+
import { getConfig } from '@alicloud/alfa-core';
|
|
10
|
+
import md5 from 'crypto-js/md5';
|
|
11
|
+
/**
|
|
12
|
+
* transform
|
|
13
|
+
* @param features
|
|
14
|
+
*/
|
|
15
|
+
//@ts-ignore
|
|
16
|
+
|
|
17
|
+
var processFeatures = function processFeatures(features) {
|
|
18
|
+
return Object.keys(features).reduce(function (newFeatures, key) {
|
|
19
|
+
var _ALIYUN_CONSOLE_CONFI;
|
|
20
|
+
|
|
21
|
+
var feature = features[key];
|
|
22
|
+
if (!feature) return newFeatures;
|
|
23
|
+
var uid = ((_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.CURRENT_PK) || '';
|
|
24
|
+
var md5Uid = md5(uid).toString();
|
|
25
|
+
var enableBlockList = feature.enableBlockList,
|
|
26
|
+
enableSampling = feature.enableSampling,
|
|
27
|
+
enableWhiteList = feature.enableWhiteList,
|
|
28
|
+
sampling = feature.sampling,
|
|
29
|
+
blockList = feature.blockList,
|
|
30
|
+
whiteList = feature.whiteList;
|
|
31
|
+
|
|
32
|
+
if (enableBlockList && blockList.includes(md5Uid)) {
|
|
33
|
+
newFeatures[key] = false;
|
|
34
|
+
} else if (enableWhiteList && whiteList.includes(md5Uid)) {
|
|
35
|
+
newFeatures[key] = true;
|
|
36
|
+
} else if (enableSampling) {
|
|
37
|
+
var gray = uid.substring(uid.length - 2);
|
|
38
|
+
if (Number(gray) >= sampling * 100 || sampling === 0) newFeatures[key] = false;
|
|
39
|
+
newFeatures[key] = true;
|
|
40
|
+
} else {
|
|
41
|
+
newFeatures[key] = false;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
return newFeatures;
|
|
45
|
+
}, {});
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
var mergeConfigDataWithConsoleConfig = function mergeConfigDataWithConsoleConfig(configData, consoleConfig) {
|
|
49
|
+
var _window, _window$ALIYUN_CONSOL, _configData$ALL_CHANN, _configData$ALL_CHANN2;
|
|
50
|
+
|
|
51
|
+
var channel = ((_window = window) === null || _window === void 0 ? void 0 : (_window$ALIYUN_CONSOL = _window.ALIYUN_CONSOLE_CONFIG) === null || _window$ALIYUN_CONSOL === void 0 ? void 0 : _window$ALIYUN_CONSOL.CHANNEL) || 'OFFICIAL';
|
|
52
|
+
var channelLinks = ((_configData$ALL_CHANN = configData.ALL_CHANNEL_LINKS) === null || _configData$ALL_CHANN === void 0 ? void 0 : _configData$ALL_CHANN[channel]) || {};
|
|
53
|
+
var channelFeatures = ((_configData$ALL_CHANN2 = configData.ALL_CHANNEL_FEATURE_STATUS) === null || _configData$ALL_CHANN2 === void 0 ? void 0 : _configData$ALL_CHANN2[channel]) || {}; //@ts-ignore
|
|
54
|
+
|
|
55
|
+
var features = configData.ALL_FEATURE_STATUS || {};
|
|
56
|
+
return _objectSpread(_objectSpread({}, consoleConfig), {}, {
|
|
57
|
+
CHANNEL_LINKS: channelLinks,
|
|
58
|
+
CHANNEL_FEATURE_STATUS: channelFeatures,
|
|
59
|
+
FEATURE_STATUS: processFeatures(features)
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export var getConsoleConfig = /*#__PURE__*/function () {
|
|
64
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(config, consoleConfig) {
|
|
65
|
+
var configData;
|
|
66
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
67
|
+
while (1) {
|
|
68
|
+
switch (_context.prev = _context.next) {
|
|
69
|
+
case 0:
|
|
70
|
+
_context.next = 2;
|
|
71
|
+
return getConfig(config);
|
|
72
|
+
|
|
73
|
+
case 2:
|
|
74
|
+
configData = _context.sent;
|
|
75
|
+
return _context.abrupt("return", mergeConfigDataWithConsoleConfig(configData, consoleConfig));
|
|
76
|
+
|
|
77
|
+
case 4:
|
|
78
|
+
case "end":
|
|
79
|
+
return _context.stop();
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}, _callee);
|
|
83
|
+
}));
|
|
84
|
+
|
|
85
|
+
return function getConsoleConfig(_x, _x2) {
|
|
86
|
+
return _ref.apply(this, arguments);
|
|
87
|
+
};
|
|
88
|
+
}();
|
package/es/utils.js
CHANGED
|
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
3
3
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
4
4
|
|
|
5
|
-
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; }
|
|
5
|
+
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; }
|
|
6
6
|
|
|
7
7
|
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; }
|
|
8
8
|
|
package/es/widget.js
CHANGED
|
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
|
3
3
|
import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
|
|
4
4
|
import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
5
5
|
|
|
6
|
-
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; }
|
|
6
|
+
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; }
|
|
7
7
|
|
|
8
8
|
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; }
|
|
9
9
|
|